/*e_ContentMajorStyleBox-001*/ .e_ContentMajorStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_top*/ /*stylebox_link*/ .e_ContentMajorStyleBox-001 .stylebox_link{ color:#666666; font-size: 14px; height: inherit; display: table; padding:0 15px; border-width: 0px; float: right; vertical-align: middle; margin-right: 15px; } .e_ContentMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_ContentMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_ContentMajorStyleBox-001 .title_icon::before{ content: ""; } .e_ContentMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_ContentMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_ContentMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; padding-right: 22px; vertical-align: top; } .e_ContentMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_ContentMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_ContentMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_ContentMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_ContentMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color:#f0f0f0; width: 100%; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }/*e_IndexOrdinaryStyleBox-001*/ .e_IndexOrdinaryStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_top*/ .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; } /*stylebox_link*/ .e_IndexOrdinaryStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; } .e_IndexOrdinaryStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_top{ width: auto; height: 40px; } .e_IndexOrdinaryStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size:medium; } .e_IndexOrdinaryStyleBox-001 .title_icon::before{ content: ""; } .e_IndexOrdinaryStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_IndexOrdinaryStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .stylebox_link{ float: right; vertical-align: middle; margin-right: 15px; } .e_IndexOrdinaryStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_IndexOrdinaryStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_IndexOrdinaryStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_IndexOrdinaryStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; height: calc(100% - 48px); width-uint:%; } .e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_wbox-001 .p_wbox{ background-color: rgba(255,255,255,0); } .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; }.w_wbox-001{ position:absolute; width:100%; height:120px; }.c_nav_main-40002001{width:702px; height:50px; overflow: hidden;position:absolute; } .c_nav_main-40002001 .nav { margin:0 auto ; display:block; } .c_nav_main-40002001 .clear{ clear:both; } .c_nav_main-40002001 .nav .jquery_out { float:left; line-height:50px; display:block; border-right:1px solid #fff; text-align:center; color:#fff; font:18px/32px "微软雅黑"; background:#062723;} .c_nav_main-40002001 .nav .jquery_out .smile { padding-left:1em; } .c_nav_main-40002001 .nav .jquery_inner { margin-left:16px; } .c_nav_main-40002001 .nav .jquery { margin-right:1px; padding:0 2em; } .c_nav_main-40002001 .nav .mainlevel { float:left; } .c_nav_main-40002001 .nav .mainlevel a { color: #fff; text-decoration: none; font-size: 16px; line-height: 100px; display: block; text-align: center; padding-left: 23px; padding-right: 23px; } .c_nav_main-40002001 .nav .mainlevel .sub_01 a { color: #333; text-decoration: none; font-size: 14px; line-height: 50px; display: block; text-align: center; padding-left: 27px; padding-right: 27px; } .c_nav_main-40002001 .nav .mainlevel .sub_01 a:hover { font-size: 14px; } .c_nav_main-40002001 .nav .mainlevel a:hover { color:#fff; text-decoration:none; font-size:16px; background:#ecb700; } .c_nav_main-40002001 .nav .mainlevel ul { display:none; position:absolute;} .c_nav_main-40002001 .nav .mainlevel li { background:#fff; } .c_nav_main-40002001 .p_MatteIcon .iconfont:before{content:'\e602'; }/*竖分隔线*/ .w_vline-001 .p_Vline{ width:1px; height:200px; background-color:rgba(189,189,189,0); width:0px; border-left-width: 1px; border-left-style: solid; border-left-color:rgba(189,189,189,1); opacity:1; filter:alpha(opacity:100); }.w_vline-001{ position:absolute; width:1px; height:300px; left:20px; top:20px; } .w_vline-001 .w_vline{ width:inherit; height:100%; } .w_vline-001 .p_Vline{ width:inherit; height:100%; }.w_hline-001 .p_HLine{ border-top-width: 1px; border-top-style: solid; border-top-color:#f0f0f0; opacity:1; filter:alpha(opacity:100); } .w_hline-001{ position:absolute; width:300px; height:1px; left:100px; top:20px; } .w_hline-001 .w_hline{ width:100%; height:inherit; }#c_public_htmlCode-15591000334058250{ position:absolute; top:0px; left:0px !important; z-index:1; width:1920px; height:550px; } .products{ width:100%; } .c_public_htmlCode-01001024{ position:absolute; width:300px; height:390px; } .prodlist .prod-nav a:hover { color: #ff7a1a !important; text-decoration: underline; } .prodlist .prod-nav a { display: block; color: #FFF; } .prodlist li:hover .cover-box { height: 100% !important; background: rgba(235,96,0,0.8) !important; } .prodlist li .cover-box { position: absolute; bottom: 0% !important; left: 50%; margin-left: -50%; width: 100%; height: 90px; padding: 0 8%; background-color:rgba(235,96,0,0.8) !important; overflow: hidden; transition: all 0.6s ease; } .prodlist .prod-nav dt { font-size: 14px !important; font-weight: normal; line-height: 30px; color: #fff; } dl { display: block; -webkit-margin-before: 2em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; } .prodlist .prod-nav { position: relative; border-top: #fff 1px solid; max-height: 75%; text-align: left; overflow: hidden; float: left; } .prodlist ul li .prod-tit { width: 100%; height: 60px; } .prodlist ul li .prod-tit span { float: left; display: inline-block; width: 90% !important; font-size: 24px !important; line-height: 90px; color: #FFF; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: 微软雅黑 !important; } .prodlist ul li { position: relative; display: inline-block; width: 25% !important; height: 550px !important; float: left; overflow: hidden; } .prodlist ul { width: 100%; margin: 0% auto; text-align: center; }.c_public_htmlCode-01001024 .p_MatteIcon .iconfont:before{content:'\e602'; } .prodlist ul li .prod-tit i { float: right; display: inline-block; vertical-align: middle; width: 23px; height: 23px; margin-top:35px; background: url(http://dfs.yun300.cn/group1/M00/12/39/rBQBHFtS7m2EGoahAAAAAEOqrJo644.png) no-repeat; } .prodlist li:hover .prod-tit i{ display: none;}.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_bbox-001 .p_wbox{ background-color: rgba(255,255,255,1); } .w_bbox-001 .w_bbox-001 .p_wbox { margin-top: 20px; }.w_bbox-001{ position:absolute; width:100%; height:120px; }.w_img-002 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_img-002 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_img-002 .p_title:hover{ color:rgba(87,177,173,1); } .w_img-002 .p_title:active{ color:rgba(69,165,161,1); } .w_img-002 .p_title .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_dimage{ padding:0; border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .w_img-002 .p_dimage:hover{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .w_img-002 .p_dimage:active{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .e_title.w_img-002 .p_link002{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-002 .p_link002{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link002:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link002:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link002:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link002 .iconfont:before{ display: inline-block; content:""; } .e_title.w_img-002 .p_link001{display:inline-block;padding:0;color:#707070;font-size:14px;text-align:left;height:calc(100%); } .e_title.w_img-002 .p_link001{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link001:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link001:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link001:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link001 .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_box{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .w_img-002{position:absolute; width:300px; height:249px; } .w_img-002 .animated{ width:100%; height:100%; } .w_img-002 .font { white-space: nowrap; } .w_img-002 .p_link001{ width:100%; height:calc(100%); } .w_img-002 .p_link002{ width:100%; height:30px; } .w_img-002 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-002 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_img-002 .e_image:hover:after { background: transparent; }.w_img-002 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_img-002 >div{animation-fill-mode:both; }#w_hline-1560343417878 .p_HLine{ border-top-color:rgba(230, 230, 230, 1); border-top-style:solid; border-top-width:1px; } #w_hline-1560343417878 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_hline-1560343417878 >div{ animation-fill-mode:both; } #w_common_text-1560343507184{ position:absolute; top:14px; left:349px; z-index:104; width:321px; height:21px; } #w_hline-1560343417878{ position:absolute; top:49px; left:0px; z-index:100; width:1920px; height:10px; } #c_nav_main-15561555651778192 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_nav_main-15561555651778192{ position:absolute; top:3px; left:632.25px; z-index:103; width:743px; height:100px; } #c_public_htmlCode-15890956263285081{ position:absolute; top:583px; left:1350px; z-index:111; width:300px; height:390px; } #c_public_htmlCode-15890956263285081 .izl-rmenu{ position:fixed; right:0; margin-right:0px; bottom:20px; padding-bottom:20px; background:url(/img/r_b.png) 0px bottom no-repeat; z-index:999; }#c_public_htmlCode-15890956263285081 .izl-rmenu .btn{ width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative; }#c_public_htmlCode-15890956263285081 .izl-rmenu .btn-qq{ background:url(/img/r_qq.png) 0px 0px no-repeat; background-color:rgba(51, 51, 51, 0.8); }#c_public_htmlCode-15890956263285081 .izl-rmenu .btn-qq:hover{ background-color:rgba(51, 51, 51, 0.7); }#c_public_htmlCode-15890956263285081 .izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{ background:url(/img/r_qq.png) 0px 0px no-repeat; background-color:rgba(51, 51, 51, 0.8); text-decoration:none; display:block; }#c_public_htmlCode-15890956263285081 .izl-rmenu .btn-wx{ background:url(/img/r_wx.png) 0px 0px no-repeat; background-color:rgba(51, 51, 51, 0.8); }#c_public_htmlCode-15890956263285081 .izl-rmenu .btn-wx:hover{ background-color:rgba(51, 51, 51, 0.7); }#c_public_htmlCode-15890956263285081 .izl-rmenu .btn-wx .pic{ position:absolute; left:-160px; top:0px; display:none; width:160px; height:160px; }#c_public_htmlCode-15890956263285081 .izl-rmenu .btn-phone{ background:url(/img/r_phone.png) 0px 0px no-repeat; background-color:rgba(51, 51, 51, 0.8); }#c_public_htmlCode-15890956263285081 .izl-rmenu .btn-phone:hover{ background-color:rgba(51, 51, 51, 0.7); }#c_public_htmlCode-15890956263285081 .izl-rmenu .btn-phone .phone{ background-color:rgba(51, 51, 51, 0.8); position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none; }#c_public_htmlCode-15890956263285081 .izl-rmenu .btn-top{ background:url(/img/r_top.png) 0px 0px no-repeat; background-color:rgba(51, 51, 51, 0.8); display:none; }#c_public_htmlCode-15890956263285081 #c_public_htmlCode-15878904063976743 .izl-rmenu .btn-top:hover{ background-color:rgba(51, 51, 51, 0.6); } #c_public_htmlCode-15890956263285081 .izl-rmenu{ position:fixed; right:0; margin-right:0px; bottom:200px; padding-bottom:20px; background:url(/img/r_b.png) 0px bottom no-repeat; z-index:999; }#c_public_htmlCode-15890956263285081 .izl-rmenu .btn{ width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative; }#c_public_htmlCode-15890956263285081 .izl-rmenu .btn-qq{ background:url(/img/r_qq.png) 0px 0px no-repeat; background-color:rgba(51, 51, 51, 0.8); }#c_public_htmlCode-15890956263285081 .izl-rmenu .btn-qq:hover{ background-color:rgba(51, 51, 51, 0.7); }#c_public_htmlCode-15890956263285081 .izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{ background:url(/img/r_qq.png) 0px 0px no-repeat; background-color:rgba(51, 51, 51, 0.8); text-decoration:none; display:block; }#c_public_htmlCode-15890956263285081 .izl-rmenu .btn-wx{ background:url(/img/r_wx.png) 0px 0px no-repeat; background-color:rgba(51, 51, 51, 0.8); }#c_public_htmlCode-15890956263285081 .izl-rmenu .btn-wx:hover{ background-color:rgba(51, 51, 51, 0.7); }#c_public_htmlCode-15890956263285081 .izl-rmenu .btn-wx .pic{ position:absolute; left:-160px; top:0px; display:none; width:160px; height:160px; }#c_public_htmlCode-15890956263285081 .izl-rmenu .btn-phone{ background:url(/img/r_phone.png) 0px 0px no-repeat; background-color:rgba(51, 51, 51, 0.8); }#c_public_htmlCode-15890956263285081 .izl-rmenu .btn-phone:hover{ background-color:rgba(51, 51, 51, 0.7); }#c_public_htmlCode-15890956263285081 .izl-rmenu .btn-phone .phone{ background-color:rgba(51, 51, 51, 0.8); position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none; }#c_public_htmlCode-15890956263285081 .izl-rmenu .btn-top{ background:url(/img/r_top.png) 0px 0px no-repeat; background-color:rgba(51, 51, 51, 0.8); display:none; }#c_public_htmlCode-15890956263285081 #c_public_htmlCode-15878904063976743 .izl-rmenu .btn-top:hover{ background-color:rgba(51, 51, 51, 0.6); } #w_wbox-1555900182920 .p_wbox{ background-color:rgba(0, 0, 0, 0.65); box-shadow:2px 2px 20px 2px rgba(0, 0, 0, 0.1); } #w_wbox-1555900182920 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1555900182920 >div{ animation-fill-mode:both; } #w_bbox-1556163016263 .p_wbox{ background-color:rgba(51, 51, 51, 1); } #w_bbox-1556163016263 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_bbox-1556163016263 >div{ animation-fill-mode:both; } #w_img-1589016982391 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1589016982391 >div{ animation-fill-mode:both; } #w_hline-1588814999076 .p_HLine{ border-top-color:rgba(251, 180, 0, 1); border-top-style:solid; border-top-width:3px; } #w_hline-1588814999076 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_hline-1588814999076 >div{ animation-fill-mode:both; } #w_img-1555900192891 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1555900192891 >div{ animation-fill-mode:both; } #w_vline-1588919200118 .p_Vline{ border-left-color:rgba(255, 255, 255, 0.21); border-left-style:solid; border-left-width:1px; } #w_vline-1588919200118 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_vline-1588919200118 >div{ animation-fill-mode:both; } #w_vline-1588919221144 .p_Vline{ border-left-color:rgba(255, 255, 255, 0.21); border-left-style:solid; border-left-width:1px; } #w_vline-1588919221144 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_vline-1588919221144 >div{ animation-fill-mode:both; } #w_hline-1559118021417 .p_HLine{ border-top-color:rgba(255, 255, 255, 0.08); border-top-style:solid; border-top-width:1px; } #w_hline-1559118021417 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_hline-1559118021417 >div{ animation-fill-mode:both; } #w_vline-1588919230309 .p_Vline{ border-left-color:rgba(255, 255, 255, 0.21); border-left-style:solid; border-left-width:1px; } #w_vline-1588919230309 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_vline-1588919230309 >div{ animation-fill-mode:both; } #w_wbox-1555900182920{ position:fixed; top:0px; left:50%; bottom:auto; right:auto; transform:translate(-50%, 0px); width:1912px; height:103px; z-index:110; content:"tc"; max-width:none; min-width:0px; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; -webkit-transform:translate(-50%, 0px); } #w_bbox-1556163016263{ position:absolute; top:4650px; left:-356px; z-index:102; width:1912px; height:400px; } #w_common_text-1589016982376{ position:absolute; top:44.5px; left:1394.5px; z-index:108; width:196px; height:29px; } #w_img-1589016982391{ position:absolute; top:45.5px; left:1369.25px; z-index:107; width:14px; height:17px; } #w_hline-1588814999076{ position:absolute; top:0px; left:0px; z-index:105; width:1920px; height:25px; } #w_img-1555900192891{ position:absolute; top:28px; left:356px; z-index:101; width:170px; height:44px; } #w_common_text-1588919014231{ position:absolute; top:100px; left:1109px; z-index:138; width:328px; height:228px; } #w_common_text-1588918898641{ position:absolute; top:100px; left:642px; z-index:134; width:168px; height:234px; } #w_vline-1588919200118{ position:absolute; top:58px; left:557px; z-index:139; width:32px; height:249px; } #w_common_text-1588918863824{ position:absolute; top:100px; left:413px; z-index:133; width:168px; height:111px; } #w_common_text-1556163152652{ position:absolute; top:354px; left:352px; z-index:121; width:1200px; height:36px; } #w_vline-1588919221144{ position:absolute; top:58px; left:805px; z-index:140; width:32px; height:249px; } #w_common_text-1588918787957{ position:absolute; top:58px; left:413px; z-index:132; width:1024px; height:48px; } #w_hline-1559118021417{ position:absolute; top:339px; left:352px; z-index:122; width:1200px; height:10px; } #w_vline-1588919230309{ position:absolute; top:58px; left:1013px; z-index:141; width:32px; height:249px; } #w_common_text-1588918964013{ position:absolute; top:100px; left:879px; z-index:142; width:168px; height:111px; }