@CHARSET "UTF-8"; /*澶撮儴鏍峰紡*/ #header{width:1200px;margin:0 auto;} .top{} .logo{float:left; margin-top: 19px;} .head{ background: url(../images/navbj.png) no-repeat center; height: 130px; position: relative; z-index: 99; } .huan{ float: right; width: 940px; } .huan1{ float: left; color: #fff; font-size: 14px; font-family: "寰蒋闆呴粦"; line-height: 50px; } .huan2{ color: #fff; font-size: 14px; font-family: "寰蒋闆呴粦"; background: url(../images/tpl1.png) no-repeat left; background-size: 19px; border-right: 2px dotted #4d4d4d; padding-left: 25px; padding-right: 10px; line-height: 17px; margin-top: 17px; } .weibo{ padding-left: 5px; margin-top: 14px; } .weibo .bdsharebuttonbox a{ display: inline-block; margin-right: -3px; } .weibo .bdsharebuttonbox .bds_weixin{ background: url(../images/wx1.png) no-repeat center; width: 22px; height: 23px; margin: 0; padding: 0; } .weibo .bdsharebuttonbox .bds_tsina{ background: url(../images/wb1.jpg) no-repeat center; width: 29px; height: 23px; margin: 0; padding: 0; } .weibo .bdsharebuttonbox .bds_tqq{ background: url(../images/bd.png) no-repeat center; width: 24px; height: 23px; margin: 0; padding: 0; } .weibo .bdsharebuttonbox .bds_sqq{ background: url(../images/qq.png) no-repeat center; width: 22px; height: 23px; margin: 0; padding: 0; } .tubiao .bdsharebuttonbox a{ display: inline-block; margin-right: -3px; } .tubiao .bdsharebuttonbox .bds_tsina{ background: url(../images/wb2.png) no-repeat center; width: 52px; height: 34px; margin: 0; padding: 0; } .tubiao .bdsharebuttonbox .bds_sqq{ background: url(../images/qq2.png) no-repeat center; width: 44px; height: 34px; margin: 0; padding: 0; } .tubiao .bdsharebuttonbox .bds_weixin{ background: url(../images/wx2.png) no-repeat center; width: 49px; height: 34px; margin: 0; padding: 0; } .tubiao .bdsharebuttonbox .bds_tqq{ background: url(../images/bd2.png) no-repeat center; width: 25px; height: 34px; margin: 0; padding: 0; } .head1{ line-height: 30px; height: 30px; font-size: 14px; background: #efefef; } .w1200 { width: 1200px; margin-left: -600px; left: 50%; position: relative; } /*澶撮儴鏍峰紡*/ .head2 { height: 80px; } .logo { line-height: 80px; } .topwz { padding-left: 11px; background: url(//cdn.xypt.top/db92207e/20/08/67e8f58e93a11a4543bf936df14c50d06c2c1bbc.png) no-repeat left center; margin-top: 17px; margin-left: 2px; } .topwz p { font-size: 18px; color: #898989; font-weight: normal; line-height: 24px; letter-spacing: 2px; } .topwz p+p { font-size: 12px; color: #010101; font-weight: normal; line-height: 24px; letter-spacing: 2px; } .ttel { padding-left: 57px; background: url(../images/tts.png) no-repeat left center; margin-top: 15px; } .ttel p { color: #888888; font-weight: normal; line-height: 22px; font-size: 16px; } .ttel p+p { font-size: 24px; color: #b7b7b7; font-weight: bold; line-height: 32px; letter-spacing: 2px; } .topLink{width:400px;float:right;text-align:right;position: relative;z-index: 9999;display: none;} .translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;} .tran-in{left:120px;} .translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;} .translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;} .translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;} .translate-en{display: none;padding: 6px;padding-top:0px;} .translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;} .translate li .translate-en a:hover{font-weight: bold;} .topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;} /*.k1{*/ /* float: left;*/ /* color: #fff;*/ /* font-size: 14px;*/ /* font-family: "寰蒋闆呴粦";*/ /* line-height: 50px;*/ /*}*/ /*.k1 a{*/ /* color: #fff;*/ /* font-size: 14px;*/ /* font-family: "寰蒋闆呴粦";*/ /* line-height: 50px;*/ /*}*/ .topLink .k2{color:#074b91;font-size:14px;font-family:"寰蒋闆呴粦";} /*鐑棬鎼滅储*/ .search{text-align:left;height:24px;padding:41px 28px 5px 10px;} #formsearch{width:300px;float:left;background: url(../images/ss1.png) no-repeat left;} .hotSearch{width:400px;float:left;height:30px;line-height:30px;font-weight:normal;} /*涓讳綋鏍峰紡*/ #container{width:1200px;margin:0 auto;margin-top:10px;} .container{width:1200px;margin:0 auto;} .menu_cate{width:220px;float:left;} .cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .about{width:460px;float:left;margin-left:12px;padding-bottom:5px;} .about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .about .content{padding:5px;padding-bottom:12px;text-indent:20px;} .navigation{float:right;width:100px;} .index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;} .index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;} /*banner鍥句笅鍥剧墖*/ .cont1{ position: relative; z-index: 20; /*top: -70px;*/ } /*end*/ /*浜у搧灞曠ず*/ .cont2{ background: #F4F4F4; height: 580px; overflow:hidden; position: relative; /*top: -25px*/ top: 10px } .cont2 .container{ /*background: #fff;*/ margin-top: 45px; } .title1 h2{ color: #333; font-family: "寰蒋闆呴粦"; font-size: 16px; line-height: 34px; } .title1 h2 span{ color: #2186CF; font: 500 24px/34px "寰蒋闆呴粦"; background: url(../images/zs2_dqn3.png) no-repeat right 15px; padding-right: 15px; margin-right: 10px; } .cont2 .title1{ padding-top: 36px; padding-left: 26px; padding-bottom: 34px; } .tablis{ background: #dcdcdc; } .tablis li{ float: left; width: 140px; color: #000; font:500 14px/40px "寰蒋闆呴粦"; text-align: center; margin-right: 5px } .tablis li.cur{ background: url(../images/hx2_iuir.png) no-repeat center bottom; } .more1 a{ float: right; margin-top: -40px; color: #fff; font:600 14px/40px "寰蒋闆呴粦"; margin-right: 29px; } .more1 a:hover{ color: #2186CF; -moz-transition: color 0.4s ease 0s; -webkit-transition: color 0.4s ease 0s; -o-transition: color 0.4s ease 0s; transition: color 0.4s ease 0s; } /*end*/ /*缁忓吀妗堜緥*/ .cont3 .title1{ width: 100%; margin-bottom: 40px; } .cont3 .title1 h2{ margin-left: 24px; } .cont3 .title1 a{ float: right; margin-top: -37px; color: #000; font:600 14px/37px "寰蒋闆呴粦"; } .cont3 .title1 a:hover{ color: #2186CF; -moz-transition: color 0.4s ease 0s; -webkit-transition: color 0.4s ease 0s; -o-transition: color 0.4s ease 0s; transition: color 0.4s ease 0s; } .cont3{ margin-top: 16px; overflow: hidden; position: relative } .next1,.prev1{ width: 30px; height: 48px; background-size: 100% 100%; opacity: 0.6; position: absolute; top: 169px; z-index: 999; } .next1{ background: url(../images/sprite-l.png) no-repeat; left: 5px; } .prev1{ background: url(../images/sprite-r.png) no-repeat; right: 5px; } .next1:hover,.prev1:hover{ opacity:0.5; } /*end*/ /*鍏徃绠€浠?/ .cont4{ /*background: url(../images/heng1.jpg) no-repeat center;*/ height: 703px; margin-top: 48px; overflow: hidden; } .about1{ margin-top: 60px; } .abotu1{ width: 450px; } .abotu1 img{ width: 450px; height: 360px; transition: .5s; } .abotu2{ width: 750px; height: 360px; background: #fff; } .abou12{ margin:42px 30px 0; color:#333;font-size:14px;line-height:2em; } .abou12 a{ color: #2186CF; font:600 14px/37px "寰蒋闆呴粦"; } .abou12 a:hover{ color: #000; -moz-transition: color 0.4s ease 0s; -webkit-transition: color 0.4s ease 0s; -o-transition: color 0.4s ease 0s; transition: color 0.4s ease 0s; } .about2{ width: 1200px; height: 214px; background: #fff; margin-top: 10px; overflow: hidden; position: relative; } .about2 .title1{ text-align: center; margin-top: 40px; } /*end*/ /*鍚堜綔浼欎即*/ .next,.prev{ width: 30px; height: 48px; background-size: 100% 100%; opacity: 0.2; position: absolute; top: 110px; } .next{ background: url(../images/sprite-l.png) no-repeat; left: 5px; } .prev{ background: url(../images/sprite-r.png) no-repeat; right: 5px; } .next:hover,.prev:hover{ opacity:0.5; } .picList li img{ width: 160px; height: 120px; } .picList li{ float: left; width: 220px; text-align: center; } .picScroll-left .picList{ width: 1100px; left: 0px; position: relative; overflow: hidden; padding: 0px; margin: 0px; } .tempWrap{ overflow:hidden; position:relative; width:1100px;margin: 0 auto; } /*end*/ .cont8 img{ width: 100%; margin: 0 auto } /*鍏徃鏂伴椈tab*/ .con5 { width: 740px; } .ttablis{ background: #dcdcdc; } .ttab ul{ padding: 10px; } .ttablis li{ float: left; width: 140px; color: #000; font:500 14px/40px "寰蒋闆呴粦"; text-align: center; } .ttablis li.cur{ background: url(../images/hx2_iuir.png) no-repeat center bottom; } .ttab li{ width: 220px; float: left; margin-left: 30px; text-align: center; } .ttab>ul li:first-child{ margin-left: 0; } .ttab li img{ width: 220px; height: 180px; } .ttab li h2 a{ display: inline-block; font-family: "Microsoft YaHei"; font-size: 14px; color: #333333; font-weight: normal; text-decoration: none; line-height: 28px; } .ttab li h3{ display: inline-block; font-family: "Microsoft YaHei"; font-size: 12px; color: #666666; font-weight: normal; text-decoration: none; text-align: center; line-height: 140%; } .con51{ width: 412px; border-left: 1px solid #DCDCDC; height: 320px; padding-left: 22px; } .newxw1{ margin-top: 10px; } .newxw1 li{ padding: 5px 0; border-bottom: 1px dashed #dcdcdc; } .newxw1 li a{ display: inline-block; font-family: "Microsoft YaHei"; font-size: 14px; color: #333333; font-weight: normal; text-decoration: none; } .newxw1 li:hover a{ color: #2186cf; } .newxw1 li span{ float: right; display: inline-block; font-family: "Microsoft YaHei"; font-size: 11px; color: #999999; font-weight: normal; text-decoration: none; } .newxw1 li p{ display: inline-block; font-family: "Microsoft YaHei"; font-size: 12px; color: #2186cf; font-weight: normal; text-decoration: none; } .cont5{ margin-top: 60px; } /*end*/ /*瑙e喅鏂规*/ .cont6{ background: #F4F4F4; height: 10px; margin-top: 70px; overflow: hidden; } .cont6 .title1{ margin-top: 36px; margin-left: 24px; } .cont6 .title1 a{ float: right; margin-top: -37px; color: #000; font: 600 14px/37px "寰蒋闆呴粦"; } .cont6 .title1 a:hover{ color: #2186CF; -moz-transition: color 0.4s ease 0s; -webkit-transition: color 0.4s ease 0s; -o-transition: color 0.4s ease 0s; transition: color 0.4s ease 0s; } .cont6 .jufa1{ float: left; width: 220px; margin-right: 106px; margin-top: 40px; } .cont6 .jufa1:last-child{ margin-right: 0; } .jufa1 h2{ text-align: center; overflow: hidden; width: 220px; height: 40px; background: #1A1A1A; margin-bottom: 20px; transition: .5s; } .jufa1 h2 a{ color: #fff; font-family: "Microsoft YaHei"; font-size: 14px; font-weight: normal; line-height: 40px; } .jufa1 h2:hover{ background: #2186CF; transition: border-color 0.4s ease 0s,background-color 0.4s ease 0s; } .jufa1 li{ padding: 8px 0; overflow: hidden; padding-left: 20px; background: url(../images/17.png) no-repeat left; border-bottom: 1px dashed #dcdcdc; } .jufa1 li a{ display: inline-block; font-family: "Microsoft YaHei"; font-size: 14px; color: #333333; font-weight: normal; text-decoration: none; } .jufa1 li span{ float: right; display: inline-block; font-family: "Microsoft YaHei"; font-size: 11px; color: #999999; font-weight: normal; text-decoration: none; } /*end*/ .cont7{ background: url(../images/db_bj.png) no-repeat center; height: 340px; position: relative; overflow: hidden; margin-top: -20px; } .d_logo{ margin-top: 84px; } .d_about1{ width: 290px; color: #fff; } .d_about1 .d_abnr p{ color: #fff; text-indent: 28px; font:500 12px/18px "Microsoft YaHei"; margin-top: 24px; } .tubiao{ margin-top: 27px; } .d_about2{ width: 333px; color: #fff; margin-top: 80px; margin-left: 46px; } .d_about2 h2{ color: #fff; font:500 20px/28px "Microsoft YaHei"; padding-bottom: 18px; } .d_about2 p{ color: #fff; font:500 14px/40px "Microsoft YaHei"; padding-left: 30px; } .d_about2 p:nth-child(2){ background: url(../images/dh1_4gmy.png) no-repeat left; background-size: 19px 20px; } .d_about2 p:nth-child(3){ background: url(../images/cz1_fvqi.png) no-repeat left; background-size: 21px 19px; } .d_about2 p:nth-child(4){ background: url(../images/yx1_jwcy.png) no-repeat left; background-size: 22px 20px; } .d_about2 p:nth-child(5){ background: url(../images/dz1_c8yu.png) no-repeat left; background-size: 16px 20px; } .d_ly{ width: 400px; } .d_ly h2{ color: #fff; font: 500 20px/28px "Microsoft YaHei"; margin: 19px 0 0 24px; } #change_code{ color: #000; } /*----- Common css ------*/ .fl{float:left;} .fr{float:right;} .di{_display:inline;} .fwn{font-weight:normal;} .dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;} /*棣栭〉鏂伴椈*/ .news_company{width:280px;float:right;} .news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .news_company .content{padding:5px;} /*棣栭〉宸︿晶鑱旂郴鎴戜滑*/ .contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;} .contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .contact .content{padding:5px;padding-left:8px;} /*宸ョ▼妗堜緥*/ .case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;} .case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .case .content{padding:5px;padding-bottom:12px;text-indent:20px;} .news2_company{margin-top:10px;} /*浜у搧鎺ㄨ崘*/ .recommend_product{margin-top:10px;width:692px;float:left;} .recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .recommend_product .content{padding-top:15px;padding-bottom:14px;} .roll_product li{padding-bottom:0px;} .black { text-align: center; font: 600 30px/1 "氓戮庐猫陆炉茅鈥衡€γ┞烩€?; color: #0082cb; } .black span { display: block; font: 20px/50px "氓戮庐猫陆炉茅鈥衡€γ┞烩€?; color: #000000; background: url(../images/btt1.png) center no-repeat; } .z3 { background: #e7e7e7; padding-top: 50px; padding-bottom: 65px; } .z3Box { margin-top: 80px; height: 1156px; position: relative; } .ad { width: 519px; position: absolute; } .ad h2 { padding-left: 95px; font: bold 22px/40px "氓戮庐猫陆炉茅鈥衡€γ┞烩€?; color: #0082cb; height: 74px; background: url(../images/aa1.png) left center no-repeat; } .ad h2 span { display: block; font: 12px/1.3 "氓戮庐猫陆炉茅鈥衡€γ┞烩€?; color: #0082cb; } .z3T { font: 14px/35px "氓戮庐猫陆炉茅鈥衡€γ┞烩€?; color: #000; margin-top: 10px; padding-left: 24px; } .z3T p:before { content: ""; display: inline-block; width: 6px; height: 6px; background-color: #8b8b8b; margin-left: 7px; margin-right: 10px; vertical-align: middle; } .z3T:nth-of-type(1) p:before { content: ""; display: inline-block; width: 6px; height: 6px; background-color: #8b8b8b; vertical-align: middle; margin-left: -20px; margin-right: 14px; } .ad2 { left: 560px; top: 300px; } .ad2 h2 { background-image: url(../images/aa2.png); } .ad3 { top: 620px; } .ad3 h2 { background-image: url(../images/aa3.png); } .ad4 { left: 560px; top: 940px; } .ad4 h2 { background-image: url(../images/aa4.png); } .mg1 { position: absolute; right: -30px; } .mg2 { position: absolute; left: -10px; top: 290px; } .mg3 { position: absolute; left: 625px; top: 560px; } .mg4 { position: absolute; bottom: 0; } /*鍙嬫儏閾炬帴*/ .f_link{text-align:center;line-height:30px;color: #fff;font:500 14px/30px "寰蒋闆呴粦";} .f_link a{color: #000;} .yqlj{ background: #000; } /*椤甸潰搴曢儴*/ .foot{ background: #000; } #footer{ position: relative; width: 1200px; margin: 0 auto; text-align: center; padding-top: 8px; color: #fff; padding-bottom: 10px; } #footer a{color:#fff;} #footer a:hover{color:#e87518;text-decoration:none;} .nav_foot{text-align:center;line-height:24px;color:#fff;} .copyright{text-align:center;line-height:24px;} /*------------鍐呴〉-------------------*/ .left .box{margin-bottom:10px;} .left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"寰蒋闆呴粦"; background:#2186CF;font-size:14px;color:#fff;} .left .box .content{padding:5px 0px;} .prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;} .n_banner{width:1920px;margin:0 auto;position: relative;left: 50%;margin-left: -960px;/*top: -20px;*/} .n_banner img{width:1920px;margin:0 auto} .left{ width: 240px; float: left; /*margin-top: -102px;*/ position: relative; z-index: 9999; } .sort_menu{} .sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .sort_product{margin-top:10px;} .sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .n_contact{margin-top:-10px;} .n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;} .left .n_contact .content{padding:18px 0;line-height:24px;background: #262626;} .n_contact .content p{ font-size: 14px; font-family: "寰蒋闆呴粦";color: #666; line-height: 30px; text-indent: 58px; } .n_contact .content p:nth-child(1){ background: url(../images/dh1_4gmy.png) no-repeat 25px; background-size: 19px 20px; } .n_contact .content p:nth-child(2){ background: url(../images/cz1_fvqi.png) no-repeat 25px; background-size: 21px 19px; } .n_contact .content p:nth-child(3){ background: url(../images/yx1_jwcy.png) no-repeat 25px; background-size: 22px 20px; } .n_contact .content p:nth-child(4){ background: url(../images/dz1_c8yu.png) no-repeat 25px; background-size: 16px 20px; } .n_lxwm img{ width: 240px; height: 160px; } .heng img{width:100%;margin:0 auto;} .right{width:900px;float:right;padding-bottom:10px;} .sitemp{line-height:53px;height:53px;overflow:hidden;padding-right:10px;background:url(../images/sa1.png) no-repeat left;} .sitemp h2{width:340px;float:left;line-height:53px;text-align:center;text-align:left;text-indent:15px;color:#333;font-size:14px;} .sitemp .site{ /*width: 380px;*/ float: left; text-align: left; line-height: 30px; color: #333; font-size: 17px; text-indent: 48px;} .sitemp .site a{color:#333;font-size: 15px;} .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;} .left .sort_menu h3{ width: 240px; height: 104px; background: #2186CF; font: 500 30px/37px "寰蒋闆呴粦"; overflow: hidden; padding-top: 36px; padding-left: 0; text-indent: 28px; } .left .sort_menu h3 span{ color: #333; font:500 20px/33px "寰蒋闆呴粦"; display:block; text-transform: uppercase; }