@CHARSET "UTF-8"; /*澶撮儴鏍峰紡*/ #headers{ width: 1920px; position: fixed; left: 50%; top: 0; margin-left: -960px; z-index: 999; background: #fff!important; } .head{ width: 1920px; margin-left: -960px; left: 50%; position: relative; background: #f8f8f8; height: 36px; line-height: 36px; } .head_top{ width: 1200px; margin: 0 auto; height: 36px; line-height: 36px; overflow: hidden; color: #686868; font-family: "瀹嬩綋"; font-size: 13.2px; } .top{width:1200px;margin:0 auto;background:#fff;} .phone{ width: 300px; height: 75px; margin-top: 30px; } .logo{float:left;} .langs{ display:inline-block; width: 54px; line-height: 30px; } .topLink{width:490px;float:right;text-align:right;position: relative;z-index: 9999;} .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;} .topLink .k1{line-height:36px;} .phone .k2{ width:235px; height: 75px; padding-left: 65px; font-size:14px; font-family:"寰蒋闆呴粦"; line-height: 30px; color: 686868; font-size: 13px; background: url(../images/phone.jpg) no-repeat 0px 24px; } .phone .k2 p{ font-size:22.65px; font-family:"Arial"; line-height: 20px; color: #f48a02; font-weight: bold; } .topLink .k1 a{ color: #686868; font-family: "瀹嬩綋"; font-size: 13.2px; } /*鐑棬鎼滅储*/ .searchall{ width: 1920px; margin-left: -960px; left: 50%; position: relative; height: 50px; background: #eeeeee; } .search{ width: 1200px; margin: 0px auto; height: 50px; } #formsearch{width:204px;float:right;line-height: 50px;} .hotSearch{width:340px;float:right;height:50px;line-height:50px;font-weight:400;font-family: "鍗庢枃缁嗛粦"; font-size: 13.24px;color: #000} .hotSearch a{margin-right:6px;font-weight:400;font-family: "鍗庢枃缁嗛粦"; font-size: 13.24px;color: #000} #formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;} #formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;width: 133;border: 1px solid #aaaaaa;} #formsearch input#s_btn{width:46px;height:24px;line-height:22px;text-align:center;background-color:#3480ce;color:#fff;border:none;cursor:pointer; border: 1px solid #aaaaaa;border-left: 0px; margin-left: -5px; } /*涓讳綋鏍峰紡*/ .wrap{ width: 1200px; margin: 0px auto; margin-top: 98px; height: 995px; } .side_left{ width: 272px; height: 995px; text-align: center; overflow: hidden; background: url(../images/pro.jpg) no-repeat 0px 0px; background-size: 100% 100%; } .side_left h3{ width: 270px; height: 70px; text-align: center; line-height: 75px; color: #fff; font-size: 28.69px; font-family: "榛戜綋"; font-weight: bold; } .side_left .tab li{ /*width: 243px;*/ /*height: 70px;*/ /*line-height: 70px;*/ /*text-align: center;*/ /*color: #000;*/ /*font-size: 19.27px;*/ /*font-family: "榛戜綋";*/ /*font-weight: bold;*/ /*margin: 0px 12px;*/ /*margin-top: 3px;*/ /*background-color: #eeeeee;*/ } .side_left .tab{ margin-top: 10px; } /*.side_left .tab .tab_click{*/ /* background-color: #3480ce!important;*/ /*}*/ /*.side_left .tab .tab_click a{*/ /* color: #fff!important;*/ /*}*/ .side_left .tab li a{ display: block; font:400 18px/50px "Microsoft Yahei";color: #fff; margin-top: 20px; margin-left: 20px; margin-right: 15px; border-bottom: 1px dashed #fff; text-align: left; text-indent:15px; background: url(../images/icon.png) no-repeat -50px center; transition: all 0.8s; } .side_left .tab li:hover a{ background: url(../images/icon.png) no-repeat right center; } .side_right{ width: 902px; height: 995px; margin-left: 26px; } .prott{ width: 880px; height: 35px; line-height: 35px; overflow: hidden; background: url(../images/pt.png) no-repeat 85% 50%; } .prott h3{ width: 300px; float: left; line-height: 35px; font-size: 32px; font-family: "寰蒋闆呴粦"; color:#000; font-weight: bold; } .prott h3 span{ line-height: 35px; font-size: 32px; font-family: "榛戜綋"; color:#000; font-weight: 400; } .prott a.mores{ display: block; float: right; width: 35px; height: 35px; line-height: 35px; background: url(../images/more1.png) no-repeat no-repeat ; } .hot{ width: 1200px; margin: 0px auto; margin-top: 90px; } .prott1{ width: 1200px; height: 35px; line-height: 35px; overflow: hidden; background: url(../images/pt2.png) no-repeat 88% 50%; } .prott1 h3{ width: 430px; float: left; line-height: 35px; font-size: 32px; font-family: "寰蒋闆呴粦"; color:#000; margin-left: 20px; font-weight: bold; } .prott1 h3 span{ line-height: 35px; font-size: 32px; font-family: "榛戜綋"; color:#000; font-weight: 400; margin-left: 11px; } .prott1 a.mores{ display: block; float: right; width: 35px; height: 35px; line-height: 35px; background: url(../images/more1.png) no-repeat no-repeat ; } .ads{ margin-top: 12px; padding-left: 20px; } .hot_ads{ width: 1920px; margin-left: -960px; left: 50%; position: relative; margin-top: 35px; margin-bottom: 45px; } .case_con{ width: 1200px; margin: 0px auto; } .tittle_case{ width: 301px; margin: 0px auto; height: 60px; background: url(../images/case.png) no-repeat -11px 39%; text-align: center; } .tittle_case h3 span{ line-height: 20px; font-family: "榛戜綋"; text-align: left; font-size: 20px; color: #000000; } .tittle_case h3{ display: inline-block; margin-left:-66px; } #tts2{ padding-left: 50px; } .tittle_case h3 span.tab_clicks{ color: #fb0202; } .tittle_case h4{ padding-left: 18px; line-height: 30px; font-family: "榛戜綋"; text-align: left; font-size: 18px; color: #f70a0a; } .tittle_case a{ display: inline-block; height: 20px; width: 20px; padding-left: 10px; } .ads_t{ width: 1920px; margin-left: -960px; left: 50%; position: relative; height: 150px; margin-top: 120px; background: url(../images/adt.png) no-repeat 0px 0px; } .ads2{ width: 1920px; margin-left: -960px; left: 50%; position: relative; margin-top: 90px; } .ad_cons{ width: 1200px; margin: 0px auto; height: 2113px; margin-top: 30px; position: relative; background: url(../images/advantage.jpg) no-repeat 0px 0px; } .pic{ position: absolute; width: 377px; height: 360px; } .pic img{ width: 377px; height: 360px; } .ads_com{ position: absolute; width: 400px; height: 200px; } .ad_cons .one{ top: 20px; left: 210px; } .pic1{ top: 618px; right:133px; } .pic2{ top: 377px; left:220px; } .pic3{ top: 962px; left:220px; } .pic4{ top: 1224px; right:133px; } .pic5{ bottom: 218px; left:220px; } .pic6{ bottom: 0px; right:133px; } .ad_cons .two{ top: 480px; right: 95px; } .ad_cons .three{ top: 756px; left: 210px; } .ad_cons .four{ top: 1027px; right: 109px; } .ad_cons .five{ bottom: 554px; left:215px; } .ad_cons .six{ bottom: 293px; right:95px; } .ad_cons .seven{ bottom: 25px; left:210px; } .ads_com h3{ font-family: "寰蒋闆呴粦"; color: #0d75bd; font-size: 24px; font-weight: 400; margin-left: 25px; } .ads_com h4{ font-family: "寰蒋闆呴粦"; color: #fc1004; font-size: 16px; font-weight: 400; } .ads_com .gg{ font-family: "寰蒋闆呴粦"; color: #252525; font-size: 15px; line-height: 30px; font-weight: 400; } .aboutus{ width: 1200px; margin: 0px auto; margin-top: 60px; } .all_title{ height: 60px; text-align: center; background: url(../images/case2.png) no-repeat 51% 15%; } .all_title h3{ line-height: 20px; font-family: "瀹嬩綋"; text-align: center; font-size: 27.46px; color: #000000; position: relative; } .all_title h3 a{ display: inline-block; position: absolute; left: 55%; top: 1px; width: 19px; height: 19px; margin-left: 7px; } .all_title h4{ line-height: 40px; font-family: "鏂板畫浣?; text-align: center; font-size: 22px; color: #ff0000; } .us{ clear: both; width: 1000px; margin: 0px auto; margin-top: 40px; } .us_left{ width: 350px; height: 250px; margin-right: 30px; margin-top: 30px; } .us_right{ width: 620px; height: 290px; text-align: left; } .us_right h2{ font-family: "榛戜綋"; text-align: left; font-size: 26px; color: #000000; margin-bottom: 15px; } .us_right .contents{ font-family: "瀹嬩綋"; text-align: left; font-size: 16px; line-height: 30px; color: #000000; height: 240px; overflow: hidden; } .rong{ width: 1000px; margin: 0px auto; margin-top: 30px; } .rong h3{ font-family: "榛戜綋"; text-align: left; font-size: 20px; line-height: 30px; color: #000000; margin-bottom: 15px; } .coming{ width: 1200px; margin: 0px auto; margin-top: 90px; } .cons{ margin-top: 40px; } .news_tt a{ display: block; text-align: right; line-height: 35px; color: #989898; font-size: 15px; font-family: "寰蒋闆呴粦"; } .news_left .news_tt{ width: 370px; height: 50px; background: url(../images/new1.png) no-repeat 0px 0px; } .news_mid .news_tt{ width: 370px; height: 50px; background: url(../images/new2.png) no-repeat 0px 0px; } .news_right .news_tt{ width: 320px; height: 50px; background: url(../images/new3.png) no-repeat 0px 0px; } .newss{ width: 1200px; margin: 0px auto; margin-top: 50px; } .news_left{ width: 370px; margin-left: 50px; margin-right: 25px; } .news_mid{ width: 370px; margin-right: 25px; } .news_right{ width: 320px; margin-right: 25px; } .tuijian{ width: 370px; clear: both; height: 105px; margin-top: 15px; padding-bottom: 10px; border-bottom: 1px dashed #0a0a0a; } .tuijian ul li { clear: both; } .images a img{ width: 125px; height: 90px; } .new2{ width: 220px; height: 90px; margin-left: 15px; } .new2 a{ display: block; font-family: "寰蒋闆呴粦"; font-size: 15px; line-height: 30px; color:#000; } .new2 span{ display: block; font-family: "寰蒋闆呴粦"; font-size: 15px; line-height: 25px; color:#686666; } .list1{ margin-top: 15px; } .list1 li{ clear: both; font-family: "寰蒋闆呴粦"; font-size: 15px; line-height: 30px; padding-left: 15px; color:#686666; background: url(../images/i.png) no-repeat 0px center; } .list1 li span{ float: right; } #container{width:1200px;margin:0 auto;margin-top:10px;position:relative;z-index: 10px; } .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;} /*----- 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;} /*鍙嬫儏閾炬帴*/ .kk{ width: 1920px; margin-left: -960px; left: 50%; line-height: 30px; position: relative; background: #716f70; margin-top: 38px; padding:10px 0px; margin-bottom: 10px; } .f_link{ width:1140px; margin:0 auto; line-height: 35px; color: #fff; font-family: "寰蒋闆呴粦"; } .f_link a{ display: inline-block; /*width: 75px;*/ line-height: 20px; color: #fff; text-align: center; padding:0px 2px; } .foot{ width: 1920px; margin-left: -960px; left: 50%; position: relative; height:200px; padding-top: 30px; background: #38383a; } .foot_all{ width: 1200px; margin: 0px auto; height: 200px; overflow: hidden; } .foot_left{ width: 255px; height: 200px; height: 140px; text-align:center; } .foot_right{ width: 930px; height: 150px; margin-left: 15px; } .nav_foot{ line-height:24px; color:#fff; text-align: left; } .nav_foot a{ color: #fff; font-family: "鍗庢枃缁嗛粦"; font-size: 13px; margin: 0px 2.5px; } .nav_foot a:first-child{ margin-left: 0px; } .foot_link{ width: 500px; font-family: "瀹嬩綋"; font-size: 13px; line-height: 22px; color: #fff; } .foot_link2{ padding-left: 70px; width: 230px; font-family: "寰蒋闆呴粦"; font-size: 20px; line-height: 30px; color: #fff; font-weight: bold; margin-top: 60px; background: url(../images/phone2.png) no-repeat 0px 0px; } .erweima{ margin-top: 13px; } .erweima img{ width: 110px; height: 110px; } .zhuying{ display: none; margin-left: 40px; color: #fff; } .zhuying a{ color: #fff; } /*椤甸潰搴曢儴*/ #footer{position:relative;width:1000px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;border-top:2px solid #eee;margin-top:15px;} #footer a{color:#666;} #footer a:hover{color:#e87518;text-decoration:none;} .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:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;} .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;margin-left: -960px;left: 50%;position: relative;} .n_banner img{width:1920px;margin:0 auto} .left{width:270px;float:left;} .sort_menu{position:relative;z-index:0;} .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;} .n_contact .content{padding:5px;line-height:24px;} .right{width:900px;float:right;padding-bottom:10px;} .sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:url(../images/nav.png) no-repeat 0% 100%;} .sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;font-size:14px;} .sitemp .site{width:380px;float:right;text-align:right;line-height:30px;} .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;} #Index {z-index:100;margin:0 auto; width: 1200px; height:300px;} #Index .style {z-index: 99; width: 150px; bottom: 0px; display: block; background: url(../images/icon_f.png) no-repeat right bottom; float: right; height: 172px; right: 0px} #Index_Box {position: relative;width: 1200px; margin-top: 40px;} #Index_Box ul {position: relative; width: 1200px;} #Index_Box li {z-index: 0; position: absolute; list-style-type: none; width: 0px; height: 0px; overflow: hidden; top: 146px; cursor: pointer;list-style-type: none; left: 377px;text-align: center;padding-bottom: 30px;} .a11{ display: block; text-align: center; color: #fff; font-size: 16px; font-weight: bold; width: 100%; height: 30px; background: #000; font-family: "瀹嬩綋"; line-height: 30px; } #Index_Box li:nth-child(3) .a11{ display: block!important; } #Index_Box li img {width: 100%;height:100%; vertical-align: top} #Index_Box .prev {display: block} #Index_Box .next {display: block} #Index_Box .prev {z-index: 100; overflow: hidden; cursor: pointer} #Index_Box .next {z-index: 100; overflow: hidden; cursor: pointer} #Index_Box .prev {position: absolute; width: 24px; background: url(../images/left.png) 0px 0px; height: 28px; top: 112px; left: 42px} #Index_Box .next {position: absolute; width: 24px; background: url(../images/right.png) 0px 0px; height: 28px; top: 112px; right: 42px} #Index_Box2 {position: relative;width: 1200px; margin-top: 40px;z-index:100;} #Index_Box2 ul {position: relative; width: 1200px;} #Index_Box2 li {z-index: 0; position: absolute; list-style-type: none; width: 0px; height: 0px; overflow: hidden; top: 146px; cursor: pointer;list-style-type: none; left: 377px;text-align: center;padding-bottom: 30px;} .a12{ display: block; text-align: center; color: #fff; font-size: 16px; font-weight: bold; width: 100%; height: 30px; background: #000; font-family: "瀹嬩綋"; line-height: 30px; } #Index_Box2 li:nth-child(3) .a12{ display: block!important; } #Index_Box2 li img {width: 100%;height:100%; vertical-align: top} #Index_Box2 .prev {display: block} #Index_Box2 .next {display: block} #Index_Box2 .prev {z-index: 100; overflow: hidden; cursor: pointer} #Index_Box2 .next {z-index: 100; overflow: hidden; cursor: pointer} #Index_Box2 .prev {position: absolute; width: 24px; background: url(../images/left.png) 0px 0px; height: 28px; top: 112px; left: 42px} #Index_Box2 .next {position: absolute; width: 24px; background: url(../images/right.png) 0px 0px; height: 28px; top: 112px; right: 42px} .pps li{ text-align: center; } .pps li img{ width: 225px; height: 160px; } .pps li h4 a{ display: inline-block; font-size: 14px; line-height: 35px; height: 35px; font-weight: 400; color: #333; } .pps li h4 a:hover{ color: #2c7dcc; }