.wt{width:1920px;position:relative;left:50%;margin-left:-960px;} .wt_k{width:1200px; margin: 3px auto;} /*澶撮儴鏍峰紡*/ .sky{background:#2e2e2e;height:30px;line-height:30px;} .huan{line-height:30px;float:left;color:#aeaeae;font-size:14px;} .k1{line-height:30px;color:#aeaeae;font-size:14px;float:right;} .k1 a{line-height:30px;color:#aeaeae;font-size:14px} .tou2{height:90px;} .logo{line-height:90px;float:left;} .k2{color:#000;font-family:"寰蒋闆呴粦";float:right;margin-top: 29px;} /*浜у搧鐩撮€氳溅*/ .wtt{color:#000000;font-size:36px;font-weight:bold;text-align:center;background:url(../images/bg1.png) no-repeat center;} .wtt span{color:#343434;font-size:22px;font-weight:normal;display:block} .tou2 .tong{width:1200px;margin:0 auto;margin-top:20px;} .bt{font-style:italic;color:#006ccc;font-size:46px;font-weight:bold;text-align:center;margin-top:35px;} .bt span{color:#454545;font-size:26px;} .btx{color:#a7a7a7;font-size:14px;font-weight:normal;text-align:center;} .c1 .c1-1 { width: 260px; } .c1 .c1-1 h3 { color: #fff; width: 260px; height: 95px; text-align: center; background:#ed1c24; box-sizing: border-box; font-size: 32px; padding-top: 15px; } .c1 .c1-1 h3 span { display: block; font-weight: normal; font-size: 14px; text-transform: uppercase; } .c1 .c1-1 .list1 { border: 1px solid #ed1c24; border-top: none; padding-top: 33px; padding-left: 15px; border-bottom: none; box-sizing: border-box; height: 482px; } .c1 .c1-1 .list1 a.a { background: url(../images/list1.png) 0 0 no-repeat; padding-left: 14px; line-height: 44px; color: #fff; font-size: 16px; color: #333333; display: block; transition-duration: .3s; margin-bottom: 7px; } .c1 .c1-1 .list1 a.a.on { background: url(../images/listh.png) 0 0 no-repeat; transform: translateX(-8px); color: #fff; padding-left: 26px; width: 244px; box-sizing: border-box; } .c1 .c1-1 .list1 .sec { display: none; padding-bottom: 6px; margin-left: 10px; width: 200px; margin-bottom: 11px; } .c1 .c1-1 .list1 .sec a.b { line-height: 44px; border-bottom: 1px dashed #e6e6e6; font-size: 14px; color: #454545; display: block; padding-left: 30px; background: url(../images/dian.png) 10px 50% no-repeat; padding-left: 34px; box-sizing: border-box; } .c1 .c1-1 .list1 .sec a.b:hover { background: url(../images/dian1.png) 10px 50% no-repeat; color: #ed1c24; } .c1 .c1-1 .dh1 { padding-top: 15px; padding-bottom: 5px; text-align: left; border: 1px solid #ed1c24; border-top: none; padding-left:25px;color:#000; border-bottom: 8px solid #ed1c24; } .c1 .c1-2 { width: 916px; } .c1 .c1-2 .c1-2-1 { position: relative; } .c1 .c1-2 .c1-2-1 .prev, .c1 .c1-2 .c1-2-1 .next { position: absolute; z-index: 1; cursor: pointer; height: 40px; width: 55px; top: 50%; transform: translateY(-50%); } .c1 .c1-2 .c1-2-1 .prev { left: 14px; background: url(../images/zb.png) center 0 no-repeat; } .c1 .c1-2 .c1-2-1 .prev:hover { background: url(../images/zb2.png) center 0 no-repeat; } .c1 .c1-2 .c1-2-1 .next { right: 14px; background: url(../images/yb.png) center 0 no-repeat; } .c1 .c1-2 .c1-2-1 .next:hover { background: url(../images/yb2.png) center 0 no-repeat; } .c1 .c1-2 .c1-2-1 .list2 li { position: relative; padding-top: 32px; background: url(../images/h-3.png) center 0 repeat-x; border: 2px solid #dddddd; border-top: none; padding-left: 74px; padding-right: 74px; } .c1 .c1-2 .c1-2-1 .list2 li .tu { width: 432px; height: 432px; height: 363px; } .c1 .c1-2 .c1-2-1 .list2 li .tu img{ width: 344px; height: 344px; margin-left: 75px; } .c1 .c1-2 .c1-2-1 .list2 li .zi { width: 326px; position: absolute; z-index: 111; left: 92px; top: 72px; } .c1 .c1-2 .c1-2-1 .list2 li .zi h3 { line-height: 60px; font-size: 35px; color: #ed1c24; border-bottom: 1px dashed #666666; } .c1 .c1-2 .c1-2-1 .list2 li .zi .dd { margin-top: 10px; color: #000000; line-height: 22px; } .c1 .c1-2 .c1-2-1 .list2 li .zi .dd b { font-weight: 600; font-size: 14px; display: block; } .c1 .c1-2 .c1-2-1 .list2 li .zi .lj { margin-top: 28px; } .c1 .c1-2 .c1-2-1 .list2 li .zi .lj dd { display: inline-block; transform: skewx(-12deg); width: 150px; line-height: 41px; text-align: center; background: #ed1c24; margin: 0 -2px; } .c1 .c1-2 .c1-2-1 .list2 li .zi .lj dd a { transform: skewx(12deg); color: #fff; font-size: 14px; display: block; } .c1 .c1-2 .c1-2-1 .list2 li .zi .lj dd:nth-of-type(2) { background: #454545; } .c1 .c1-2 .list3 { margin-top: 15px; } .c1 .c1-2 .list3 li { float: left; margin-right: 9px; margin-bottom: 27px;position:relative; } .c1 .c1-2 .list3 li:nth-child(3n) { margin-right: 0; } .c1 .c1-2 .list3 li a.img { display: block; position: relative; width: 297px; height: 251px; border: 1px solid #eaeaea; overflow: hidden; } .c1 .c1-2 .list3 li a.img h3 { width: 297px; text-align: center; font-weight: normal; color: #fff; line-height: 40px; bottom: 5px; left: 5px; z-index: 111; position: absolute; font-size: 16px; } .c1 .c1-2 .list3 li a.img img { width: 297px; height: 251px; } .c1 .c1-2 .list3 li .lj { margin-top: 7px; } .c1 .c1-2 .list3 li .lj a { width: 144px; line-height: 37px; text-align: center; border: 1px solid #ed1c24; color: #3d3d3d; font-size: 14px; background: #dedede; display: block; float: left; } .c1 .c1-2 .list3 li .lj a:nth-child(2) { background: #fff; margin-left: 7px; } .c1 .c1-2 .list3 li .lj a:nth-child(2):hover { border-color: #ed1c24; background: #ed1c24; color: #fff; } .c1 .c1-2 .list3 li:hover a.img h3 { opacity: 1; } .dj{position:absolute;background:url(../images/dj.png) no-repeat center;width:269px;height:226px;left:0px;top:0px;display:none} .c1 .c1-2 .list3 li:hover .dj{display:block} .sortx{width:1200px;margin:0 auto;margin-top:35px;border:1px solid #dcdcdc;} .sortx li{float:left;width:199px;line-height:65px;text-align:center;color:#454545;font-size:18px;border-left: 1px solid #dcdcdc} .sortx li:hover{background:#ed1c24;border-color: #ed1c24} .sortx li:hover a{color:#fff;} .sortx li:nth-child(6){ } .sortx li:nth-child(7){border-top:1px solid #dcdcdc; } .sortx li:nth-child(8){border-top:1px solid #dcdcdc; } .sortx li:nth-child(9){border-top:1px solid #dcdcdc; } .sortx li:nth-child(10){border-top:1px solid #dcdcdc; } .ser{width:1200px;margin:0 auto;margin-top:30px;} .ser li{position:relative;} .ser li a img{width:1200px;height:600px;} a.h2{position:absolute;width:100%;bottom:0px;background:url(../images/h2.png) no-repeat center top;height:50px;line-height:50px;color:#fff;text-align:center;font-size:16px;font-weight:normal;} .serx{width:1200px;margin:0 auto;margin-top:30px;} .serx li{position:relative;float:left;margin-right:31px;} .serx li a img{display:block;} .serx li:last-child{float:right;margin-right:0px;} .bg2{background:url(../images/bg2.png) no-repeat center top;height:482px;overflow: hidden;margin-top:60px;} .wtt2{color:#fff;font-size:36px;font-weight:bold;text-align:center;background:url(../images/vt1.png) no-repeat center;} .wtt2 span{color:#fff;font-size:22px;font-weight:normal;display:block} .ji li{float:left;width:218px;height:199px;position:relative;margin:0 10px;} .ji li a.img img{width:218px;height:199px;} .ji li a.img{display:block} .ji li h2{position:absolute;width:100%;text-align:center;top:100px;color:#fff;font-size:45px;} .ji li h2 span{font-weight:normal;font-size: 24px} .ji li h3{position:absolute;width:100%;text-align:center;top:160px;color:#fff;font-size:18px;font-weight:normal;} .wtt3{color:#000000;font-size:36px;font-weight:bold;text-align:center;background:url(../images/bt3.png) no-repeat center;} .wtt3 span{color:#343434;font-size:22px;font-weight:normal;display:block} .yim1{float:left;width:685px;height:480px;} .ynr1{width:505px;float:right;margin-top:25px;} .yt1{background:url(../images/yt1.png) no-repeat left center;padding-left:90px;color:#ed1c24;font-size:30px;font-weight:bold;height:93px;} .yt1 span{color:#ed1c24;font-size:21px;font-weight:normal;display:block} .yn{margin-top:15px;color:#545353;font-size:15px;line-height:30px;} .yt3{background:url(../images/yt3.png) no-repeat left center;padding-left:90px;color:#ed1c24;font-size:30px;font-weight:bold;height:93px;} .yt3 span{color:#ed1c24;font-size:21px;font-weight:normal;display:block} .yt5{background:url(../images/yt6.png) no-repeat left center;padding-left:90px;color:#ed1c24;font-size:30px;font-weight:bold;height:93px;} .yt5 span{color:#ed1c24;font-size:21px;font-weight:normal;display:block} .yim1x{float:right;width:685px;height:480px;} .ynr1x{width:505px;float:left;margin-top:25px;} .yt2{background:url(../images/yt2.png) no-repeat left center;padding-left:90px;color:#ed1c24;font-size:30px;font-weight:bold;height:93px;} .yt2 span{color:#ed1c24;font-size:21px;font-weight:normal;display:block} .yt4{background:url(../images/yt4.png) no-repeat left center;padding-left:90px;color:#ed1c24;font-size:30px;font-weight:bold;height:93px;} .yt4 span{color:#ed1c24;font-size:21px;font-weight:normal;display:block} /*about*/ .ab{background:url(../images/bg3.png) no-repeat center top;height:774px;overflow: hidden;} .wttx{color:#fff;font-size:36px;font-weight:bold;text-align:center;background:url(../images/vtx.png) no-repeat center;} .wttx span{color:#fff;font-size:22px;font-weight:normal;display:block} .abtp{width:1144px;margin:0 auto;height:423px;margin-top:35px;overflow: hidden;} .abtt{color:#000;text-align:center;font-size:20px;margin-top:20px;} .abnr{color:#535252;font-size:14px;line-height:26px;width:1110px;margin:0 auto;text-align:center;margin-top:10px;} .box2_con{width:1200px;margin:0 auto;/*padding-top:30px;*/} .slideGroup{ width:1200px;margin:0 auto;} .slideGroup .parHd{ height:45px; line-height:45px; position:relative; margin-top:25px;border-bottom: 1px solid #d3d3d4;} .slideGroup .parHd ul{ height:45px; } .slideGroup .parHd ul li{ line-height:45px;text-align:center;float:left; margin:0 10px; cursor:pointer;color:#000;font-size:18px;height:45px;width:90px;font-weight:bold} .slideGroup .parHd ul li a{color:#3f4650;font-size:18px;} .slideGroup .parHd ul li.on{color:#ed1c24;background:url(../images/xv.png) no-repeat center bottom;} .slideGroup .parHd ul li.on a{color:#ed1c24;} .slideGroup .slideBox{ zoom:1;position:relative;width:1200px!important;margin:0 auto; margin-top:20px;} .slideBox ul{overflow:hidden;margin:0 auto;padding:10px!important;} .slideGroup .sPrev{ position:absolute; left:-50px; top:60px; display:block; width:31px; height:81px; background:url(../images/le.png) center no-repeat;z-index:99999} .slideGroup .sNext{ position:absolute; right:-50px; top:60px; display:block; width:31px; height:81px; background:url(../images/re.png) center no-repeat; z-index:99999} .slideGroup .parBd ul{ overflow:hidden; zoom:1; } .slideGroup .parBd ul li{ margin:0 13px; float:left; _display:inline; overflow:hidden; text-align:center; } .slideGroup .parBd ul li .pic{ text-align:center; } .slideGroup .parBd ul li .pic img{ width:260px; height:195px; display:block;padding:5px; border:1px solid #d4d4d4;} .slideGroup .parBd ul li .pic a:hover img{ border-color:#999; } .slideGroup .parBd ul li .title{ line-height:24px; color:#005bcd;font-size:14px; padding-top:15px;} .slideGroup .parBd ul li h3{text-align:center;color:#666666;font-size:14px;font-weight:normal;margin-top:10px;} .slideGroup .parBd ul li h3 a{text-align:center;color:#666666;font-size:14px;} /*news*/ .newsx{background:url(../images/xw.png) no-repeat center top;margin-top:20px;padding-top:60px;} .wn1{width:580px;float:left;margin-top:30px;} .ntt{background:url(../images/w1.png) no-repeat center left;padding-top:15px;height:64px;position:relative;color:#ffffff;font-size:18px;padding-left:50px;} .ntt span{display:block;font-size:14px;font-weight:normal;} .ntt a{background:#666666;width:103px;color:#fff;line-height:45px;font-size:14px;font-weight:normal;position:absolute;right:0px;top:0px;display:block;text-align:center;} /*鏂伴椈鍒楄〃*/ .news_listx{margin-top:10px;} .news_listx li{line-height:30px;position:relative;border-bottom:1px solid #e7e6e6;padding:10px 0;} .time{float:left;margin-left:15px;width:70px;margin-top:5px;} .time dt{text-align:center;display:block;color:#000000;font-size:19px;} .time span{text-align:center;display:block;color:#666666;font-size:14px;height:60px;overflow: hidden;} .dac{float:right;margin-right:15px;width:460px;} .dac a{color:#666666;font-size:14px;line-height:30px;} .dac dd{color:#666666;font-size:14px;margin-top:5px;} .news_listx li:nth-child(1){height:30px;overflow: hidden;} .news_listx li:nth-child(3){height:30px;overflow: hidden;} .news_listx li:nth-child(4){height:30px;overflow: hidden;} .news_listx li:nth-child(2) .time dt{text-align:center;display:block;color:#000000;font-size:19px;font-weight:bold;} .wn2{width:580px;float:right;margin-top:30px;} .chang{width:1200px;margin:0 auto;margin-top:50px;} .ctp{float:left;width:174px;height:199px;overflow: hidden;} .news_listz{float:right;width:980px;} .news_listz li{width:275px;float:left;margin-right:76px;} .imz{margin-bottom:15px} .news_listz li a{color:#303030;font-size:14px;} .news_listz li dd{color:#666666;font-size:14px;line-height:24px;} .news_listz li:nth-child(3n){float:right;margin-right:0px;} .mx{margin-top:10px;display:block;width:92px;height:30px;line-height:30px;text-align:center;color:#5c5c5c;border:1px solid #aaa9a9;font-size:12px;} .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;} /*鐑棬鎼滅储*/ .hotSearch{width:400px;float:left;height:24px;line-height:24px;font-weight:normal;} #search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;} /*鎼滅储鍜岀儹闂ㄦ悳绱?/ .hotSearch a{margin-right:6px;} .topLink { width: 191px; line-height: 65px; height: 65px; z-index: 999;float:left;position:absolute;right:270px;top:0px; } .search { position: absolute; width: 280px; top: -7px; right: -141px; display: none;z-index:99999 } #formsearch { width: 230px; float:left; } #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; } #formsearch input#s_btn { width: 46px; height: 24px; line-height: 24px; text-align: center; background-color: #2a368c; color: #fff; border: none; cursor: pointer; } .com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;} .com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;} .com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);} /*涓讳綋鏍峰紡*/ #container{width:1200px;margin:0 auto;margin-top:20px;} .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;} /*----- 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;} /*鍝佺墝鍒楄〃*/ .brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;} .brand-list li{margin: 5px 8px;} .brand-list li:hover{box-shadow: 2px 1px 5px;} .brand-list li img {width: 150px;height: 120px;} /*鍓嶅彴澶氶〉绛?/ .news{width:1000px;float:left;margin-top: 10px;} .tab{position:relative;} .tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;} .tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;} .tt{display: none;} .list1{padding:8px 10px;} .list1 li{line-height:27px;position:relative;vertical-align: middle;} .list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;} .list1 li a:hover{color:#e87518;text-decoration:none;} .list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;} /*鍙嬫儏閾炬帴*/ .f_link{width:1200px;margin:0 auto;margin-top:35px;line-height:30px;} /*椤甸潰搴曢儴*/ .dff{background:url(../images/dff.png) no-repeat center top;height:291px;margin-top:50px;} .dd1{float:left;width:260px;color:#a8a6a6;font-size:14px;margin-top:45px;line-height:28px;} .dd2{float:left;width:530px;margin-left:40px;margin-top:45px;} .nvx{color:#fff;font-size:14px;line-height:28px;margin-top:20px;} .nvx a{color:#fff;font-size:14px;line-height:28px;} .nvx2{color:#a8a6a6;font-size:12px;line-height:28px;/*margin-top:10px;*/} .dd3{float:right;color:#fff;margin-top:55px;} #footer{position:relative;width:1200px;margin:0 auto;text-align:center;margin-bottom:10px;padding-top:8px;margin-top:15px;} #footer a{color:#666;} #footer a:hover{color:#e87518;text-decoration:none;} .nav_foot{text-align:center;line-height:24px;color:#666;} .copyright{text-align:center;line-height:24px;} /*------------鍐呴〉-------------------*/ .left .box{margin-bottom:10px;} .left .box h3{line-height:40px;background:#ed1c24;font-size:18px;color:#fff;text-align:center;font-weight:normal;} .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:100%;position:relative;margin-top:-17px!important;z-index:99;} .n_banner img{width:100%;margin:0 auto;} .left{width:240px;float:left;} .sort_menu h3{background-color:#ececec;line-height:28px;font-weight:bold;} .sort_product{margin-top:10px;} .sort_product h3{background-color:#ececec;line-height:28px;font-weight:bold;} .n_contact{margin-top:10px;} .n_contact h3{background-color:#ececec;line-height:28px;font-weight:bold;} .n_contact .content{padding:5px;line-height:24px;} .right{width:920px;float:right;padding-bottom:10px;} .sitemp{line-height:40px;height:40px;overflow:hidden;padding-right:10px;background:#ed1c24;} .sitemp h2{width:340px;float:left;line-height:40px;text-align:center;text-align:left;text-indent:15px;font-size:18px;color:#fff;font-weight:normal;} .sitemp .site{width:380px;float:right;text-align:right;line-height:40px;color:#fff;font-size:14px;} .sitemp .site a{color:#fff;} .right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}