/*-- CSS reset --*/ html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { font-style: inherit; outline: 0; padding: 0; margin: 0; border: 0; } body { background: white; font-family: "寰蒋闆呴粦"; font-size: 12px; color: #333; overflow-x:hidden; } ol, ul, dl { list-style: none; } :focus { outline: 0; } table { border-collapse: separate; border-spacing: 0; } blockquote:before, blockquote:after, q:before, q:after { content: 鈥溾€滬 } blockquote, q { quotes: 鈥溾€ 鈥溾€滬 } a { color: #333; text-decoration: none; } a:hover{ color:#3fb8bf; } /**-- CSS 鍏敤鏍峰紡搴 --**/ /*-- 瀛椾綋瀛楀彿--*/ .f0{font-size:0;} .f12{font-size:12px;} .f14{font-size:14px;} .f16{font-size:16px;} .f18{font-size:18px;} .fs {font-family:'瀹嬩綋';}.fw {font-family:'寰蒋闆呴粦';} /*-- 澶栬ˉ涓?-*/ .mg5{ margin:5px;} .mg10{ margin:10px;} .mg15{ margin:15px;} .mg20{ margin:20px;} .mg25{ margin:25px;} .mg30{ margin:30px;} .mg40{ margin:40px;} .mg50{ margin:50px;} .mgt1{ margin-top:1px;} .mgt2{ margin-top:2px;} .mgt3{ margin-top:3px;} .mgt4{ margin-top:4px;} .mgt5{ margin-top:5px;} .mgt10{ margin-top:10px;} .mgt15{ margin-top:15px;} .mgt20{ margin-top:20px;} .mgt30{ margin-top:30px;} .mgt40{ margin-top:40px;} .mgt50{ margin-top:50px;} .mgr1{ margin-right:1px;} .mgr2{ margin-right:2px;} .mgr3{ margin-right:3px;} .mgr4{ margin-right:4px;} .mgr5{ margin-right:5px;} .mgr10{ margin-right:10px;} .mgr15{ margin-right:15px;} .mgr20{ margin-right:20px;} .mgr30{ margin-right:30px;}.mgr40{ margin-right:40px;} .mgr50{ margin-right:50px;} .mgb1{ margin-bottom:1px;} .mgb2{ margin-bottom:2px;} .mgb3{ margin-bottom:3px;} .mgb4{ margin-bottom:4px;} .mgb5{ margin-bottom:5px;} .mgb10{ margin-bottom:10px;} .mgb15{ margin-bottom:15px;} .mgb20{ margin-bottom:20px;} .mgb30{ margin-bottom:30px;} .mgb40{ margin-bottom:40px;} .mgb50{ margin-bottom:50px;} .mgl1{ margin-left:1px;} .mgl2{ margin-left:2px;} .mgl3{ margin-left:3px;} .mgl4{ margin-left:4px;} .mgl5{ margin-left:5px;} .mgl10{ margin-left:10px;} .mgl15{ margin-left:15px;} .mgl20{ margin-left:20px;} .mgl30{ margin-left:30px;} .mgl40{ margin-left:40px;} .mgl50{ margin-left:50px;} /*-- 鍐呰ˉ涓?-*/ .pd5{padding:5px;} .pd10{padding:10px;} .pd15{padding:15px;} .pd20{padding:20px;} .pd25{padding:25px;} .pd30{padding:30px;} .pd40{padding:40px;} .pd50{padding:50px;} .pdt1{ padding-top:1px;} .pdt2{ padding-top:2px;} .pdt3{ padding-top:3px;} .pdt4{ padding-top:4px;} .pdt5{ padding-top:5px;} .pdt10{ padding-top:10px;} .pdt15{ padding-top:15px;} .pdt20{ padding-top:20px;} .pdt30{ padding-top:30px;} .pdt40{ padding-top:40px;} .pdt50{ padding-top:50px;} .pdr1{ padding-right:1px;} .pdr2{ padding-right:2px;} .pdr3{ padding-right:3px;} .pdr4{ padding-right:4px;} .pdr5{ padding-right:5px;} .pdr10{ padding-right:10px;} .pdr15{ padding-right:15px;} .pdr20{ padding-right:20px;} .pdr30{ padding-right:30px;} .pdr40{ padding-right:40px;} .pdr50{ padding-right:50px;} .pdb1{ padding-bottom:1px;} .pdb2{ padding-bottom:2px;} .pdb3{ padding-bottom:3px;} .pdb4{ padding-bottom:4px;} .pdb5{ padding-bottom:5px;} .pdb10{ padding-bottom:10px;} .pdb15{ padding-bottom:15px;} .pdb20{ padding-bottom:20px;} .pdb30{ padding-bottom:30px;} .pdb40{ padding-bottom:40px;} .pdb50{ padding-bottom:50px;} .pdl1{ padding-left:1px;} .pdl2{ padding-left:2px;} .pdl3{ padding-left:3px;} .pdl4{ padding-left:4px;} .pdl5{ padding-left:5px;} .pdl10{ padding-left:10px;} .pdl15{ padding-left:15px;} .pdl20{ padding-left:20px;} .pdl30{ padding-left:30px;} .pdl40{ padding-left:40px;} .pdl50{ padding-left:50px;} /*-- 琛岄棿璺 --*/ .h20{height:20px;} .h22{height:22px;} .h24{height:24px;} .h26{height:26px;} .h28{height:28px;} .h30{height:30px;} .lh20{ line-height:20px;} .lh22{ line-height:22px;} .lh24{ line-height:24px;} .lh26{ line-height:26px;} .lh28{ line-height:28px;} .lh30{ line-height:30px;} /*-- 鏄剧ず鏂瑰紡 --*/ .auto{margin-left:auto;margin-right:auto;} .b{font-weight:bold;} .n{font-weight:normal;font-style:normal;} .dn{display:none;} .di{display:inline;} .db{display:block;} .dib{display:inline-block;} .vh{visibility:hidden;} .vv{visibility:visible;} /*-- 瀹氫綅甯冨眬 --*/ .fl{float:left;} .fr{float:right;} .ovh{overflow:hidden;} .rel{position:relative;} .abs{position:absolute;} .tc{text-align:center;} .tr{text-align:right;} .tl{text-align:left;} .tdl{text-decoration:underline;} .vm{vertical-align:middle;} .vb{vertical-align:bottom;} .vt{vertical-align:top;} .vtb{vertical-align:text-bottom;} /*-- 杈规杈圭嚎 --*/ .bdd{border:1px solid #ddd;} .bdc {border:1px solid #ccc} .bdbd{border-bottom:1px solid #ddd;} /*-- 棰滆壊 --*/ .red{color:#F00;} .yellow{color:#FF0} .green{color:#228B22;} .blue{ color:#00BFFF;} .black{color:#000} .white{color:#FFF;} .gray{color:#808080;} .silver{color:#C0C0C0;} .lightgray{color:#D3D3D3;} /*-- 娓呴櫎娴姩 --*/ .fix{*zoom:1;}.fix:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;} /*-- 鍗婇€忔槑 --*/ .opa3{background: rgba(0, 0, 0,0.3);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#4C000000,endColorstr=#4C000000)"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#4C000000, endColorstr=#4C000000);} .opa6{background: rgba(0, 0, 0,0.6);-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#666666,endColorstr=#666666)"; filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#666666, endColorstr=#666666);} /**-- CSS 缃戦〉鏍峰紡搴 --**/ body{ padding-top:64px; } .header-wrap{ position:fixed; width:100%; left:0; right:0; top:0px; height:64px; background:#303030; z-index:10002 } .header{ width:920px; height:64px; position:relative; padding-left:150px; padding-right:130px; color:#fff } .header .logo{ position:absolute; left:0; top:0; } .header .logo img{ display:block; } .nav{ float:left; font-size:14px; } .nav>ul>li{ float:left; } .nav>ul>li>a{ height:64px; line-height:64px; display:block; float:left; color:#fff; width:95px; text-align:center } .nav>ul>li.focus>a{ background:#fff; color: #41b6bf; } .drop-menu-layer{ width:100%; height:100%; position:fixed; top:64px; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.5); z-index:10001; display:none } .banner-5{ margin-top: 64px; } .layer-bg{ width:100%; padding:50px 0px 60px; position:fixed; top:64px; left:0; right:0; background:#fff; z-index:10002; display:none } .drop-menu{ width:1200px; margin:0 auto; } .about-menu{ width:930px; } .solution-menu-left{ width:400px; } .solution-menu-right{ width:542px; } .solution-menu-left ul li{ margin-bottom:26px; } .solution-menu-left ul li a{ font-size: 16px; font-weight: bold; line-height: 1; letter-spacing: 1px; color: #434343; } .solution-menu-left ul li a:hover, .product-menu-left dl dt a:hover, .product-menu-left dl dd a:hover, .about-menu ul li a:hover{ color: #3fb8bf; } .product-menu-left{ width:210px; float:left } .product-menu-right{ width:542px; text-align:center } .product-menu-left dl{ line-height:35px; padding-bottom:15px; margin-bottom:15px; } .product-menu-left dl:first-child{ background:url(../Images/dl-line.jpg) 0px bottom no-repeat } .product-menu-left dl dt{ margin-bottom:5px; } .product-menu-left dl dt a{ font-size: 16px; font-weight: bold; line-height: 1; letter-spacing: 1px; color: #535353; } .product-menu-left dl dd a{ font-size: 14px; line-height: 1; letter-spacing: 1px; color: #626262; } .product-menu{ position:relative; } .product-menu-more{ position:absolute; left:415px; top:360px; } .product-menu-more a{ padding-left:20px; background:url(../Images/product-menu-ico.jpg) 0 4px no-repeat; font-size: 14px; line-height: 1; letter-spacing: 1px; color: #3fb8bf; } .product-menu-left:first-of-type dl:first-child{ background: none; } .about-menu ul li{ width:260px; float:left; margin:0px 25px; text-align:center; font-size: 16px; } .about-menu ul li a{ display:block; font-weight: bold; line-height: 2; letter-spacing: 1px; color: #434343; } .language{ line-height:64px; position:absolute; right:0; top:0; z-index:999 } .language>a{ display:block; padding:0px 20px 0px 50px; height: 64px; text-align:center; line-height:64px; color:#fff; background:url(../Images/ico_language.png) 15px 0px no-repeat } .language>a.bgi{ background:url(../Images/ico_language.png) 15px -64px no-repeat #fff; color:#454545 } .language ul{ display:none; } .language ul li a{ display:block; width:118px; height:40px; text-align:center; line-height:40px; font-size: 12px; color: #434343; background:#fff } .language ul li a:hover{ color:#fff; background:#3fb8bf; } #soform { float: right; height: 28px; width: 22px; overflow: hidden; border-radius: 13px; position:relative; top:18px; } #soform span { cursor: pointer; float: left; display: block; color:#999c9e; position:relative; top:4px; } #soform.open { width: 660px; height:44px; padding-top:20px; position:absolute; left:140px; top:0px; background:#303030 } #soform.open span{ top:3px; } #soform form { width: 660px; } #soform form input[type=text] { color: #8b8d90; outline: none; float: left; margin-left:20px; margin-top:4px; background:none; border:none; width: 560px; padding-bottom:5px; font-size: 14px; line-height: 1; letter-spacing: 1px; color: #626262; border-bottom:solid 1px #959595; } .serch-close{ position:relative; left:20px; top:4px; } .footer-wrap{ height:250px; padding-top:60px; background:#201f1e; position:relative; z-index:1002 } .footer{ width:1200px; margin:0 auto; height:180px; font-size:14px; } .footer-left{ width:600px; padding-top:100px; background:url(../Images/footer-left.jpg) 0 30px no-repeat } .footer-left p{ color: #797979; padding-left:20px; background:url(../Images/address-ico.jpg) 0 2px no-repeat; } .footer-right{ width:560px; color:#6e6d6d } .footer-weixin, .footer-mall{ width:120px; height:200px; float:left; text-align:center; line-height:56px } .footer-weixin img{ display:block; width:68px; height:68px; margin:0 auto } .footer-mall a{ display:block; width:68px; height:68px; margin:0 auto; text-indent:-999em; margin-bottom: 7px; /* transition: all .5s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease;*/ } /*.footer-mall a.scico1{ background:url(../Images/footer-scico1.png) 0 0 no-repeat; }*/ .footer-mall a.scico1{ background:url(../Images/1688.png) 0 0 no-repeat; background-size: 100%; } .footer-mall a.scico2{ background:url(../Images/footer-scico2.png) 0 0 no-repeat; } .footer-tel{ width:300px; float:right; margin-top: 16px; } .footer-tel h4{ line-height:56px; } .footer-tel p{ line-height:28px; color:#b5b5b5; font-size:14px; } .footer-tel p f { padding-left:80px; } .footer-tel p span{ width:80px; font-size:14px; color:#6e6d6d; float:left; } .footernav{ height:66px; line-height:66px; background:#000000; color:#626262; } .footer-tel:hover p, .footer-tel:hover p span{ color:#3fb8bf; } .footernav-in{ width:1200px; margin:0 auto; } .footernav ul{ float:right; } .footernav ul li{ float:left; padding:0 15px; background:url(../Images/footernav-line.jpg) right center no-repeat } .footernav ul li:last-child{ background:none; } .footernav ul li a{ color:#626262 } .footernav ul li a:hover{ color: #3fb8bf; } .navigation a:hover, .sidenav ul li a:hover{ color:#3fb8bf; } #topcontrol{ width:60px; height:60px; overflow:hidden; z-index:10002 } #topcontrol img{ transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; } #topcontrol:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); } .serch-reminder{ width: 100%; height: 100%; position: fixed; top: 64px; left: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); z-index: 10001; } .serch-bgf{ padding-bottom:50px; background:#fff; } .reminder-list{ width:840px; margin:0 auto; position:relative; } .reminder-list dl dt{ padding:20px 0px 0px; } .reminder-list dl dt a{ font-size: 12px; line-height: 1; letter-spacing: 1px; color: #626262; } .reminder-list dl dd{ margin:12px 0px; } .reminder-list dl dd a{ font-size: 14px; line-height: 1; letter-spacing: 1px; color: #a6a6a6; } .reminder-list dl dd a span{ color: #3fb8bf; } a.view-all{ position:absolute; bottom:0px; right:120px; font-size: 14px; line-height: 1; letter-spacing: 1px; color: #3fb8bf; } .result-more{ display:none; }