@charset "utf-8";


.pbanner { position:relative;clear:both; background-position:center top; background-repeat:no-repeat; background-color: transparent; text-align:center; color:#fff;}
.pbanner * { display:block; overflow:hidden;font-family:Arial,"微软雅黑";}
.pbanner ul { width:1100px; height:460px; margin:auto; position:relative;}
.pbanner ul h1 {padding-top:140px; padding-left:120px; font-size:24px; text-align:left;font-family: 'DANIEL';}
.pbanner ul h4 {padding-top:130px; padding-left:0px; font-size:24px; text-align:left;font-family: 'DANIEL';}
.pbanner ul span { position:absolute; width:345px; height:115px; padding:65px 0px 0px 65px;left:0px; bottom:0;background:url(../images/titlebg.png) 35px no-repeat rgba(130,102,73,0.9); text-align:left;z-index:3; }
.pbanner ul span h2 {font-size:40px;font-weight:bold;text-transform:uppercase;}
.pbanner ul span h3 {font-size:18px;font-weight:bold;text-transform:uppercase;}


/* 关于 */ 
.pabout1 {}
.pabout1 img { display:inline-block; width:100%; height:auto;}
.pabout1l { float:left;width:50%;text-align:left;font-size:14px; line-height:24px;}
.pabout1r { float:right;text-align:right; width:calc(50% - 30px);width:-webkit-calc(50% - 30px);padding-left:30px;}



.certify {width:1300px; position:relative; margin:auto;}
.swiper-container {text-align: center;}
.swiper-wrapper {float:left; left:0;}
.swiper-slide {width:1100px;height:560px;float:left;text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;}
.swiper-slide img{display: inline-block;}
.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev{top:0;width:200px;height:100%;margin-top:0px; background:none !important;}
.swiper-slide-next img,.swiper-slide-prev img{opacity: 0.5;}
.swiper-slide-active img{opacity: 1.0;}




.factory {margin-top:465px;-moz-box-shadow:0px 0px 15px #999;-webkit-box-shadow:0px 0px 15px #999 ;box-shadow:0px 0px 15px #999;}
.factorytop { padding:50px 0 40px 0;overflow:hidden;background:rgba(120,85,40,0.8); text-align:center;}
.factorytop * {display:block; overflow:hidden;}
.factorytop h1{ font-size:40px;padding-bottom:15px;text-transform:uppercase; color:#FFF;}
.factorytop i{ width:2px; height:22px; background:#fff; margin:auto;}
.factorymain { padding:85px 30px 30px 30px; text-align:center;background:#FFF; font-size:14px; line-height:24px;}
.factorymain strong{ font-size:24px; display:block; padding-bottom:20px;}
.factorymain h5 {  margin:auto;}
.factorymain img {display:inline-block; margin:0 10px; width:47%;}



.milestones-crossed {}
#container { padding-top:50px;overflow: hidden;}
#timeline{position: relative;background: url(../images/dot.png) left 45px repeat-x;overflow: hidden;}

#dates{ width:100%;height:60px;overflow: hidden; margin:auto;text-align:center; }
#dates li{display:block;width:110px; float:left;}
#dates li a{padding-bottom:45px;line-height:24px;font-size:18px; color:#73604c;background: url(../images/biggerdot.png) center  bottom  no-repeat; }
#dates .selected{font-size: 30px;line-height:30px;padding-bottom:45px;color:#caa683;}

.issues {width:1200px;margin:auto;position:relative;}
.issuesmain {width:1100px;padding-top:140px;margin:auto;position:relative;overflow: hidden; }
#issues{}
#issues li{width:1100px;height: 305px;float: left; background:rgba(202,166,131,0.4);}
#issues li * { display:block; overflow:hidden;float:left; color:#FFF;}
#issues li img{ width:430px;}
#issues li span {width:590px;padding:70px 40px 0px 40px; float:left;}
#issues li span h1{font-size: 20px; padding-bottom:20px;}
#issues li span i{ width:60px;height:2px;background:#FFF;clear:both; }
#issues li span h6{padding-top:20px;font-size:16px;line-height: 24px;font-family:Arial;clear:both; }

#next,#prev{position: absolute;top:50%; margin-top:10px;width:65px;height:119px;background-position: center;background-repeat: no-repeat;text-indent: -9999px;overflow: hidden;opacity: 0.3;}
#next{right:-50px;background-image: url('../images/arrowright.png');}
#prev{left:-50px;background-image: url('../images/arrowleft.png');}
#next:hover,#prev:hover{opacity: 1.0;}
#next.disabled,#prev.disabled{opacity: 1.0;}



.whatwedo { padding:50px 0 20px 0;overflow:hidden;}
.whatwedo * { display:block; overflow:hidden;}
.whatwedo li{ background:#eeeae5;width:540px;float:left; margin-right:20px; margin-bottom:20px;}
.whatwedo li img{ float:left;width:220px; height:306px;}
.whatwedo li span{float:left;width:260px; padding:30px 30px 0px 30px;}
.whatwedo li span h3{ padding-bottom:10px; font-weight:bold}
.whatwedo li span h5{line-height:22px;}

.video { height:876px;width:1100px; margin:auto;text-align:center; position:relative; overflow:hidden;}
.video a{ padding-top:300px;height:376px; display:block;}
.video a i{ width:103px; height:103px; margin:auto; border:#FFF 5px solid; background:url(../upload/play.png) 60% center no-repeat; border-radius:100%;display:block;}
.video a h1{ padding:30px 0; text-transform:uppercase; color:#fff;display:block; overflow:hidden;}
.video a:hover h1{ color:#caa683;}
.video a:hover i {border:#caa683 5px solid;}
.closeplay { position:absolute; background:url(../images/close.png) center no-repeat #666;width:40px;height:40px; z-index:99; right:-1px; top:89px; display: none; cursor:pointer;}
.closeplay:hover {background:url(../images/close.png) center no-repeat #fff;}
.videomain { padding-top:130px; width:1100px;display: none; margin:auto; position:fixed; left:50%; margin-left:-550px; top:5%; z-index:9999;}

.videobg { background:rgba(0,0,0,0.8); position:fixed; left:0; width:100%; height:100%; top:0; z-index:9900; display:none;}
.overhidd { overflow:hidden;}
#myVideo { width:1100px; height:618px; display:block;}


/* 技术 */ 
.development { padding:40px 0; overflow:hidden;}
.development li{ padding:60px 0 40px 0;width:calc(50% - 5px);width:-webkit-calc(50% - 5px); min-height:290px; margin-right:5px; margin-bottom:5px;float:left;background:#e5e5e5; text-align:center; }
.development li img{ display:inline-block;}
.development li h1{ font-size:24px;padding:20px 0; overflow:hidden;color:#987757;}
.development li h5{ width:86%; margin:auto; line-height:20px;}
.development li:hover { background:url(../upload/Technologybg1.jpg) center no-repeat;}
.development li:hover h5 { color:#FFF;}


.bgbox1 { width:1100px; height:45px; margin:auto; background:#987757;}
.quality {height:920px; background: rgba(0,0,0,0.7); }
.quality strong {color: #a28569; font-size:18px; line-height:22px;}
.qualitytext { width:930px;padding:50px 0;overflow:hidden;margin:auto;line-height:23px; font-size:14px;color: #878787;  }
.qualitytext img { display:inline-block;}
.border1 { text-align:center;}
.border1 li { border:#caa683 1px solid; padding:5px 20px; display:inline-block; margin: 0 20px; color:#caa683;}
.bgbox2 { width:1100px; height:35px; margin:auto; background:#000; opacity:0.5;}


.svrface { border-top:#987757 20px solid; padding-bottom:50px; background:rgba(255,255,255,0.9); text-align:center; margin-bottom:30px;}
.svrfacetext { width:90%;padding:50px 0;margin:auto;overflow:hidden; font-size:14px; line-height:26px;}
.svrfacetext img { display:inline-block;}
.svrfacetext strong { padding:15px 0 30px 0; font-size:20px;}
.svrfacelist {width:98%;margin:auto; }
.svrfacelist * { display:block; overflow:hidden;}
.svrfacelist li{ float:left;width:calc(33.3% - 10px);width:-webkit-calc(33.3% - 10px);min-height:300px;margin:0 5px; padding-top:50px;position:relative;}
.svrfacelist li i { width:314px; height:68px; position:absolute; left:15px; top:0px; z-index:3; overflow:hidden;}
.svrfacelist li i img { width:100%; height:100%;}
.svrfacelist li span { background:#eceff7;min-height:250px;padding:50px 15px 0px 15px; text-align:left;}
.svrfacelist li span h2 {color:#987757; font-size:20px; height:60px; font-weight:bold;}
.svrfacelist li span h6 {color:#000; line-height:20px;font-family:Arial;}
.svrfacelogo { padding-top:30px ;text-align:center;}
.svrfacelogo img { display:inline-block;}

.tlogo {padding:20px 0; overflow:hidden; text-align:center;}
.tlogo img { display:inline-block; margin:0 10px;}



.slick44 { padding:20px 0; overflow:hidden; position:relative;}
.slick44 li {margin:auto; width:100%;height: auto;}
.slick44 li img {display:block; margin:auto; }
.slick44 .slick-prev,.slick44 .slick-next {top:50%; margin-top:-50px;width:65px;height:119px;opacity:0.5;}
.slick44 .slick-prev { left:0; background-image: url('../images/arrowleft.png');}
.slick44 .slick-next { right:0;background-image: url('../images/arrowright.png');}
.slick44 .slick-prev:hover,.slick44 .slick-next:hover {opacity: 1.5;}


.slick4 { padding:50px 0; overflow:hidden; }
.slick4 li {margin:auto; width:218px; height:312px;}
.slick4 li img {display:block; width:100%; height:auto;opacity:0.5; cursor:pointer;}
.slick4 .slick-prev,.slick4 .slick-next {top:50%; margin-top:-50px;width:65px;height:119px;opacity:0.5;}
.slick4 .slick-prev { left:15%; background-image: url('../images/arrowleft.png');}
.slick4 .slick-next { right:15%;background-image: url('../images/arrowright.png');}
.slick4 .slick-prev:hover,.slick4 .slick-next:hover {opacity: 1.5;}
.slick4 .slick-current img{ opacity:1;}


.classmain { padding:30px 0  0px 0; overflow:hidden;}
.classmain * { display:block; overflow:hidden;}
.classmain ul {padding:50px 0 20px 0;}
.classmain ul li{ float:left; margin-right:25px;width:calc(33.3% - 17px);width:-webkit-calc(33.3% - 17px);}
.classmain ul li img{}
.classmain ul li span{padding:20px 0; min-height:220px;}
.classmain ul li span h3{ color:#987757;font-size:18px;padding-bottom:20px;font-weight:bold;}
.classmain ul li span h4{ color:#000;font-size:14px;padding-bottom:10px;font-weight:bold;}
.classmain ul li span h5{ color:#666; font-size:12px;line-height:22px;font-family:Arial;}

.tclogo {text-align:left;}
.tclogo img { display:inline-block; margin-right:10px;}



/* 产品 */ 
.producttype {}
.producttype * { display:block; overflow:hidden;font-family:Arial,"微软雅黑";text-transform:uppercase;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.producttype a {float:left;margin-bottom:40px; margin-right:10px;position:relative;  text-align: center;}
.producttype a ul {position:relative; }
.producttype a ul li{ position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:rgba(0,0,0,0.8); opacity:0;}
.producttype a ul li span{ border:#908e8c 1px solid; margin:13px;height:87%;}
.producttype a ul li span h2{ color:#FFF;padding:20% 0 20px 0;font-weight:bold;}
.producttype a ul li span i{ width:26px; height:26px; margin:auto;background:url(../product/add.png) no-repeat;}
.producttype a ul img{ width:360px; height:220px;}
.producttype a h3 { color:#8d6b52; padding:13px 0; font-size:20px; font-weight:bold; }
.producttype a:hover li{ opacity:1.0;}
.producttype a:hover h3 { color:#fff;}


.path { color:#000;font-size:14px; line-height:24px;padding-bottom:10px; overflow:hidden;}
.path a{ display:block; float:left; font-family:Arial;}
.path i {display:block; float:left; font-style:normal; padding:0 10px;font-family: "宋体";}
.productl { float:left; width:76%; overflow:hidden;}
.pltitle { font-size:30px; color:#000; padding:10px 0; border-top:#CCC 1px solid;border-bottom:#CCC 1px solid;}
.rnav {float:right; width:20%;}
.rnav * { display:block; overflow:hidden;}
.rnav ul{ padding-bottom:40px;}
.rnav ul h1{padding:15px 10px;cursor:pointer; border-top:#CCC 1px solid;border-bottom:#CCC 1px solid; position:relative; font-weight:bold; font-family:"微软雅黑";background:#f8f8f8}
.rnav ul h1 a {font-size:16px; line-height:28px;color:#000; }
.rnav ul h1 i { position:absolute; right:10px; top:19px; width:16px; height:16px; z-index:3; background-size:100%;}
.rnav ul li{padding:10px;}
.rnav ul li a{font-size:14px; line-height:30px; color:#666;}
.rnav ul li a:hover  { color:#000;}
.rnav ul .current {}
.rnav .up { background:url(../product/add2.png) center no-repeat ; }
.rnav .down { background:url(../product/add1.png) center no-repeat ;} 


.productlist {} 
.productlist * { display:block; overflow:hidden;}
.productlist ul { padding:50px 0px  30px  0px; border-bottom:#CCC 1px solid;}
.productlist ul h1 {float:left; width:42%;}
.productlist ul h1 img{ width:100%; height:auto;}
.productlist ul li {float:left; width:56%; padding-left:2%;}
.productlist ul li h2{font-size:20px; padding:10px; background:#cccccc; color:#000;}
.productlist ul li h5{padding:25px 0; font-family:"微软雅黑",Arial; line-height:24px; border-bottom:#CCC 1px solid;}
.productlist ul li span {}
.productlist ul li span h4{padding:20px 0; font-size:18px;}
.productlist ul li span a{ background:#ededed; float:left; margin-right:13px; margin-bottom:10px;border:#848182 1px solid; text-align:center; line-height:25px; padding:0px 15px;}
.productlist ul li span a h6 { display:inline-block; vertical-align:middle;font-size:15px;font-family:"微软雅黑"; color:#000;}
.productlist ul li span a i { font-style:normal; display:inline-block; vertical-align:middle;font-family:"宋体";font-size:18px;}
.productlist ul li span a:hover  { color:#fff; background:#caa683;}

.ppbanner { height:210px; background-position:center; background-repeat:no-repeat;}
.productdetail-nav { color:#000; padding:10px 0; border-top:#CCC 1px solid;border-bottom:#CCC 1px solid;}
.productdetail-nav h1{float:left;font-size:32px; line-height:36px;}
.productdetail-nav li{float:right; padding-top:8px;text-align:right;font-size:18px; line-height:22px;font-family:"微软雅黑";}
.productdetail-nav li span { margin-left:30px;display:inline-block;}
.productdetail {padding:50px 0px 0px 0px;overflow:hidden;}
.productdetail * { display:block; overflow:hidden;}
.productdetaill { float:left;width:37%;}
.productdetaill img { width:100%; height:auto;}
.productdetailr { float:right;width:60%;}
.productdetailr ul { padding-bottom:50px;}
.productdetailr h2{border-bottom:#848182 1px solid;}
.productdetailr h2 strong{ padding:6px 10px; min-width:240px; line-height:26px;background:#cccccc; float:left;}
.productdetailr li{padding:20px 0; font-size:14px; line-height:24px;font-family:"微软雅黑"; color:#000;}


.pdetail-bottom {}
.dtitle {position:relative; margin-bottom:50px;overflow:hidden;}
.dtitle h1{ width:1080px; margin:auto;font-size:20px;background:#cccccc; padding:10px 10px;border-bottom:#a3a3a3 1px solid;position:relative; cursor:pointer;}
.dtitle h1 i{position:absolute; right:20px; top:15px; width:16px; height:16px; z-index:3; background-size:100% 100%;}
.dtitle .up { background:url(../product/add2.png) center no-repeat ; }
.dtitle .down { background:url(../product/add1.png) center no-repeat ;} 
.dshow { padding:30px 0; overflow:hidden;}
.dshow-content { width:1100px; margin:auto; padding:0px 0;}
.dshow-content img{ max-width:100%;}
.productxj {width:1100px; margin:auto;}
.productxj li {width:calc(100% - 6px);width:-webkit-calc(100% - 6px); margin-right:6px;}
.productxj li img { display:block; width:100%; height:auto;}
.productxj .slick-prev,.productxj .slick-next {top:50%; margin-top:-50px;width:65px;height:119px;opacity:0.5;}
.productxj .slick-prev { left:15%; background-image: url('../images/arrowleft3.png');}
.productxj .slick-next { right:15%;background-image: url('../images/arrowright3.png');}


.technical {width:1100px; margin:auto;overflow:hidden;}
.technical * { display:block; overflow:hidden;font-family:"微软雅黑"; font-size:16px; font-weight:normal;color:#656565;}
.technical li{ width:33.33%; margin-bottom:40px;float:left;}
.technical i{float:left; width:30px; height:30px;border-radius:100%; border:#8f7052 1px solid; margin-top:10px; background:#FFF; }
.technical span{float:left; padding:0 20px;}
.technical span h3{ font-size:22px;color:#000; }
.technical span h4{ font-size:16px;color:#656565;}
.technical li:hover i {border:#caa683 2px solid;width:28px; height:28px;}
.technical li:hover span h3 { color:#caa683;}
.technical li:hover span h4 { color:#caa683;}
.technical strong  { font-size:24px;color:#000; }
.technical td:hover i  {border:#caa683 2px solid;width:28px; height:28px; margin-top:10px;}
.technical td:hover  { color:#caa683;}
.technical td:hover * { color:#caa683;}
.technical table {width:33.33%; float:left;}
.technical table  i{margin-right:20px;}
.technical table * { overflow:hidden;}
.technical table td { padding:10px 0;}


.otherproduct {width:1100px; margin:auto;overflow:hidden;padding-bottom:50px;}
.otherproduct a * { display:block; overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;font-family:"微软雅黑"; }
.otherproduct a { float:left; width:calc(100% - 5px);width:-webkit-calc(100% - 5px); margin-right:10px; margin-bottom:25px; position:relative;display:block; overflow:hidden;}
.otherproduct a img{  width:100%; height:auto;}
.otherproduct a h2{ background:#000; padding:20px 0; text-align:center; color:#8f7052;font-size:18px;}
.otherproduct a li {position:absolute; left:0; top:0; z-index:3; width:100%; height:100%; background:rgba(0,0,0,0.8); opacity:0; text-align:center}
.otherproduct a li span {border:#908e8c 1px solid; margin:13px;height:92%;}
.otherproduct a li span h4{color:#FFF;padding:40% 0 20px 0;}
.otherproduct a li span i{width:26px; height:26px; margin:auto;background:url(../product/add.png) no-repeat;}
.otherproduct a:hover li{ opacity:1.0;}
.otherproduct .slick-prev,.otherproduct .slick-next {top:50%; margin-top:-80px;width:65px;height:119px;opacity:0.5;}
.otherproduct .slick-prev { left:15%; background-image: url('../images/arrowleft3.png');}
.otherproduct .slick-next { right:15%;background-image: url('../images/arrowright3.png');}


/* 新闻 */ 
.newelist {padding:50px 0 30px 0;overflow:hidden;}
.newelist * { display:block;overflow:hidden;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;font-family:"微软雅黑"; }
.newelist a{ background:#FFF; margin-bottom:60px;}
.newelist a h4{ float:left;width:680px; height:405px;}
.newelist a img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.newelist a span{float:left;width:350px; padding:35px;}
.newelist a:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}

.pnews1 .limg { display:none;}
.pnews1 .rimg { display:block;}

.pnews2 .limg { display:block;}
.pnews2 .rimg { display:none;}

.newelist a span h6{font-size:12px;}
.newelist a span h1{font-size:18px; padding:50px 0px 20px 0px; text-transform:uppercase;color:#000;}
.newelist a span i{ height:1px; width:50px; float:left; background:#CCC;clear:both;}
.newelist a span h2{font-size:14px; padding:20px 0px 30px 0px;clear:both;}
.newelist a span h3{font-size:12px; text-decoration:underline;}
.newelist a:hover h3{color:#8e7557;}
.newelist a:hover h1{color:#8e7557;}

.pageturn { text-align:center; vertical-align:middle; clear:both;}
.pageturn * { display:inline-block;overflow:hidden;}
.pageturn a{ color:#000;font-size:14px; line-height:20px;padding:5px 10px; margin:0 1px;font-family:Arial; text-transform:uppercase;}
.pageturn a:hover,.pageturn a.cur{ color:#fff;}
.fontst {}

.pnews_detail {background:#FFF;overflow:hidden; position:relative; padding:50px 0px;}
.pnewstitle { text-align:center;border-bottom:#ccc 1px solid;padding-bottom:20px; display:block}
.pnewstitle h1{padding-bottom:20px; display:block}
.pnewstitle span{color:#999;font-size:14px; }
.pnewstitle span h3{font-size:14px;display:inline-block;padding:0 10px;background:url(../images/see.jpg) left center no-repeat; padding-left:30px;margin:0 20px;font-family:Arial;}
.pnewstitle span h4{font-size:14px;display:inline-block;padding:0 10px;background:url(../images/tim.jpg) left center no-repeat; padding-left:30px;margin:0 20px;font-family:Arial;}
.pnewsdetail { font-size:14px; line-height:24px; color:#666; overflow:hidden; padding:30px 100px; font-family:Arial;}
.pnewsdetail img { max-width:100%; height:auto;}

.pagefaye {border-top:#ccc 1px solid;padding:30px 100px 0px 100px; position:relative; min-height:60px;}
.pagefaye a { display:block; color:#666; font-size:14px; line-height:24px; padding:5px 0; float:left; clear: both;font-family:Arial;}
.pagefaye a:hover {color:#836649; text-decoration:underline;}
.fanhui { position:absolute; border:#CCC 1px solid; padding:10px 10px!important; right:100px; top:40px; width:70px; text-align:center;}
.fanhui:hover {color:#fff !important; background:#836649;}



/* 案例 */ 
.case1,.case2,.case3,.case4,.case5,.case6,.case7,.case8 { position:relative; min-height:655px;}
.cbox { background: #000; width:860px;height:655px; float:left;}
.cboxicon { position:absolute;top:36%; padding-top:50px; width:300px; height:150px; background:#000; z-index:4; text-align:center;}
.cboxicon img{ display:inline-block; }
.cboxicon h3 { color:#FFF; padding:1px 0; text-transform:uppercase;}

.slick5 { position:absolute;top:75px; width:900px; height:550px; }
.slick5 li { display: block; width:100%; height:auto;}
.slick5 li img{width:100%;height:500px; display:block;}
.slick5 .slick-prev,.slick5 .slick-next { height:119px;width:65px;bottom:-50px; margin-top: auto; background-size:50%; opacity:0.8;}
.slick5 .slick-prev { left:-25px; background-image:url(../images/arrowleft3.png);}
.slick5 .slick-next { right:-25px; background-image:url(../images/arrowright3.png);}

.case1 .slick5 {  right:0px;  }
.case1 .slick5 li img {width:calc(100% - 10px);width:-webkit-calc(100% - 10px);border:#FFF 5px solid;height:500px;}
.case1 .slick5 .slick-prev {background-image:url(../images/arrowleft.png);}
.case1 .slick5 .slick-next {background-image:url(../images/arrowright3.png);}

.case2 .slick5 { position:absolute; left:0px; top:75px; width:900px; height:550px; }
.case2 .slick5 li img { display: block; width:100%; height:auto;}

.case3 .slick5 { position:absolute; right:0px; top:75px; width:900px; height:550px; }

.case5 .slick5 li img {width:calc(100% - 10px);width:-webkit-calc(100% - 10px);border:#FFF 5px solid;}
.case5 .cbox {float:right;}
.case5 .slick5 .slick-prev {background-image:url(../images/arrowleft3.png);}
.case5 .slick5 .slick-next {background-image:url(../images/arrowright.png);}


.case1 .cboxicon  {left:0px; background: none;width:200px;}
.case2 .cboxicon  {right:0px; }
.case3 .cboxicon  {left:0px; }
.case4 .cboxicon  {right:0px; }
.case5 .cboxicon  {right:0px;background: none;width:200px;}


.cbg1 {background-color:#f4f0ec;}
.cbg2 {background-color:#c3c0bd;}



/* 加入我们 */ 
.salesnetwork { padding:0px 40px 50px 40px;background:rgba(255,255,255,0.8); overflow:hidden; min-height:400px;overflow:visible;}
.sanetwork {padding-top:50px;overflow:hidden; font-size:14px; line-height:24px;overflow:visible;}
.sanwl {width:100%; font-family:Arial; color:#666; padding-top:25px; overflow:visible;}

.sanwr { width:100%;}
.sanwr img { display:block;width:calc(100% - 22px);width:-webkit-calc(100% - 22px);  height:560px; border:#CCC 1px solid; padding:10px; }

.sanwladd {overflow:hidden; float:right; width:50%;}
.sanwladd strong {font-size:18px;color:#000;}


/* select */
.select{font-size:16px; position: relative;float:left; width:50%;overflow:visible;}
.select *{-webkit-transition:none;-moz-transition:none;transition:none;}
.select dt{height:44px;display:inline-block;background:url(../images/joind.jpg)  95% center no-repeat #FFF ; border:#d2d2d2 1px solid;line-height:44px;font-weight:bold;padding-left:10px;cursor:pointer;width:300px;white-space:nowrap;overflow:hidden;position:relative;z-index:99;}
.select dt:hover,.select dt.cur{}
.select dd{position:absolute;left:0px;top:45px;border:1px solid #d2d2d2;background:#fff;display:none; z-index:99;}
.select dd ul{width:310px;height:160px;overflow:auto;}
.select dd ul li a{line-height:40px;display:block;padding:0 8px; }
.select dd ul li a:hover{background:#000; color:#fff;}


.joiningad {padding:50px 0px 0px 0px;overflow:hidden;}
.joiningad * { float:left;display:block;overflow:hidden;}
.joiningad ul {position:relative}
.joiningad li { margin-bottom:20px; background-color:#b2b2b2; background-position:center bottom; background-repeat:no-repeat;}
.joiningad li img{width:50%; height:auto;}
.joiningad li span{width:40%; padding:5% 5% 0 5%;}
.joiningad li span h1{padding-bottom:10px; font-size:18px;}
.joiningad li span i{ height:1px; background:#333; width:40px;clear:both; }
.joiningad li span h5{padding-top:10px;clear:both; font-family:Arial; line-height:24px;}
.joiningad li:hover { background-color:#917a66;}

.ji1 {width:66%;clear:both;}
.ji2 {width:66%; }
.ji3 {width:32%; position:absolute; right:0px; top:0;}
.joiningad li.ji3 img{width:100%; }
.joiningad li.ji3 span{width:90%; padding:10% 5% 10% 5%; min-height:154px;}
.ji4 {width:32%; position:absolute; right:0px; bottom:0;}
.joiningad li.ji4 img{width:100%; }
.joiningad li.ji4 span{width:90%; padding:10% 5% 10% 5%; min-height:154px;}


.download { text-align:center;}
.download h1{ font-size:24px; text-transform:uppercase; font-weight:bold;display:block;}
.download a{ width:140px; margin:20px auto; height:35px; line-height:35px; color:#666; border:#CCC 1px solid; border-radius:100px; display:block; overflow:hidden;}
.download a:hover { background-color:#000; color:#FFF;}


.joinst {padding:80px 0px;overflow:hidden;}
.joinstl { float:left;width:45%; font-size:14px; line-height:24px; font-family:Arial;}
.joinstl img { width:100%; height:auto; display:block; max-width:100%;}
.joinstl strong { font-size:18px;}
.joinstr { float:right;width:50%; padding-top:310px;}
.joinstr img {width:100%; height:auto; display:block;}

.contactus { position:relative;padding:50px 0 100px 0;}
.contact { width:1030px; margin:auto; overflow:hidden; background:#8f755b; padding:35px;}
.contact ul { background:#000;min-height:100px; font-size:14px; line-height:24px; color:#FFF; padding:65px 500px 65px 50px; font-family:Arial;}
.map {width:720px; height:420px;right:50%; margin-right:-750px; top:200px; z-index:3; position:absolute; background:#8f755b;}

.tclogo img { display:inline-block; margin-right:0px; width: auto; height:auto;}




.jsdimg_box1 {position:relative;width:1100px; text-align:center;}
.jsdimg_box1 img{ display:inline-block; height:400px; width:auto;}
.jsdimg_box2 {position:relative;}
.jsdimg { border:2px #cfcfcf solid; padding:20px; overflow:hidden; margin-top:50px;}
.jsdimg img { display:block; width:1090px; height:auto;}
.jsdimg .slick-list { z-index:15; padding:10px 0;}
.jsdimg .slick-prev,.jsdimg .slick-next {top:50%; margin-top:-58px;width:65px;height:119px;opacity:0.5;}
.jsdimg .slick-prev { left:-10%; background-image: url('../images/arrowleft3.png');}
.jsdimg .slick-next { right:-10%;background-image: url('../images/arrowright3.png');}
.jsdimg .slick-dots { position: absolute; top:-30px; list-style: none; display: block;padding: 0px; width: 100%; text-align:center; left:0; z-index:5;}
.jsdimg .slick-dots li { position: relative; display: inline-block; height:50px; width: 50px; padding:5px 0; margin: 0px 10px; cursor: pointer; }
.jsdimg .slick-dots li button { background:#000; color:#FFF; display: block; height:50px;width: 50px; padding: 0px; cursor: pointer;text-indent:0pc ;border-radius:100px;border: #FFF 2px solid; overflow:hidden; opacity:1; font-size:18px;}
.jsdimg .slick-dots li.slick-active button {background: #caa781;}






@media screen and (max-width: 1440px) {

.slick4 .slick-prev,.otherproduct .slick-prev  { left:5%; }
.slick4 .slick-next,.otherproduct .slick-prev  { right:5%;}	
.productxj .slick-prev { left:5%; }
.productxj .slick-next { right:5%;}


}
@media screen and (max-width: 1280px) {

.slick4 .slick-prev,.otherproduct .slick-prev { left:0; }
.slick4 .slick-next,.otherproduct .slick-prev { right:0;}	
.productxj .slick-prev { left:0; }
.productxj .slick-next { right:0;}
	
}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 980px) {}
@media screen and (max-width: 860px) {

.jsdimg_box1 {width:100%;}
.jsdimg img { width:100%; height:auto;}
.jsdimg .slick-prev { display:none !important}
.jsdimg .slick-next { display:none !important}
.jsdimg {  padding:10% 20px;margin-top:50px; }
.jsdimg .slick-dots { top:-22px;}
.jsdimg .slick-dots li {height:35px; width: 35px; padding:5px 0; margin: 0px 5px; }
.jsdimg .slick-dots li button { height:35px;width: 35px;font-size:18px;}


.jsdimg_box1 img{ display:inline-block; height:auto; width:auto; max-width:100%;}


.pbanner { background-size:260%; background-position: 70% top;}
.pbanner ul { width:100%; height:260px;}
.pbanner ul h1 {padding-top:60px; padding-left:5%;font-size:18px;}
.pbanner ul h4 {padding-top:60px; padding-left:5%;font-size:24px;}
.pbanner ul span { width:70%; height:70px; padding:40px 0px 0px 65px;}
.pbanner ul span h2 {font-size:32px;}
.pbanner ul span h3 {font-size:16px;}
.pabout1l { float:none;width:100%;text-align:left;font-size:14px; line-height:24px;}
.pabout1r { float:none;text-align:right; width:100%;padding-left:0px;}


.bg200b{background-size:200%;}
.factory {margin-top:75px;}
.factorytop { padding:30px 0 20px 0;}
.factorymain { padding:55px 5px 0px 5px; }
.factorymain h5 { width:100%;}
.factorymain img {display:block; margin:0px; width:100%; height:auto; margin-bottom:5px;}
.issues {width:100%;}
.issuesmain {width:95%;padding-top:40px; overflow:hidden;}
#issues li{width:400px;height: auto;float: left; }
#issues li img{ width:100%;height:auto; clear:both; float:none;}
#issues li span {width:85%;padding:5% 10% 5% 5%;float:none;}
#issues li span h6 {width:90%;}
.whatwedo { padding:8% 0; }
.whatwedo li{ width:100%;float: none; margin-right:0px; margin-bottom:20px;}
.whatwedo li img{ float: none;width:100%; height: auto;}
.whatwedo li span{float: none;width:90%; padding:5%;}
.whatwedo li span h3.mt40 { margin-top:0;}

.video { height:320px;width:100%;}
.video a{ padding-top:25%;height:376px; display:block;}
.video a h1{ font-size:18px;}
.video a i{ width:73px; height:73px;  background:url(../upload/play.png) 60% center no-repeat; background-size:50%;}
.closeplay {  right:40px; top:40px; }
.videomain { padding-top:50%; width:100%;left:0; margin-left:0px; top:0; z-index:9999;}
.mvideo {background-size:200%;}

.development { padding:10px 0 40px 0; }
.development li{ padding:15% 0 5% 0;width:100%;margin-right:0px; margin-bottom:5px;float: none;}
.bgbox1 { width:90%;}
.quality {height: auto; }
.qualitytext { width:100%;padding:50px 0; }
.qualitytext img {width:100%; height:auto; display:block;}
.border1 { text-align:center;}
.border1 li { border:#caa683 1px solid; padding:5px 0;  display:block; margin:10px  0 ; }
.bgbox2 { width:1100px; height:35px; margin:auto; background:#000; opacity:0.5;}

.svrfacelist li span {min-height:auto;padding:50px 15px 40px 15px; }
.svrfacelist li{ float: none;width:100%;min-height:auto;margin:10px 0 40px 0; }
.svrfacelist li i { width:90%; height:68px; left:5%; top:0px;}
.tlogo img { margin:0 0px;}
.classmain ul li{ float: none; margin-right:0px;width:100%;}
.classmain ul li img{width:100%; height:auto; display:block;}
.producttype a {float: none;margin-right:0px;}
.producttype a ul img{ width:100%; height: auto;}


.productl { float: none; width:100%; }
.rnav {float: none; width:100%;}
.rnav ul{ padding-bottom:20px;}
.productlist ul h1 {float:none; width:100%;}
.productlist ul h1 img{ width:100%; height:auto;}
.productlist ul li {float:none; width:100%; padding-left:0; margin-top:2%;}
.productlist ul li h5{height: auto; }
.productdetail-nav h1{float:none;}
.productdetail-nav li{float:none;text-align:left;}
.productdetail-nav li span { margin-right:30px;margin-left:0px;}
.productdetaill { float:none;width:100%;}
.productdetailr { float:none;width:100%;}
.productdetailr ul { padding:20px 0 0px 0;}
.dtitle { margin-bottom:0px;}
.dtitle h1{ width:90%;  padding:10px 5%;}
.technical {width:90%;}
.technical li{ width:100%; margin-bottom:20px;float:left;}
.technical li span h3{ font-size:18px;}
.technical li i{margin-top:0px;}
.otherproduct {width:95%; }
.otherproduct a { float: none; width:100%; margin-right:0px;margin-left:0px;}

.pnews_detail {padding:50px 0px 0px 0px;}

.newelist a img{float: none; width:100%; height: auto;}
.newelist a span{float: none;width:90%; padding:5%;}
.pnews1 .limg { display:block;}
.pnews1 .rimg { display:none;}
.pnews2 .limg { display:block;}
.pnews2 .rimg { display:none;}
.pnewstitle h1{width:90%; }
.pnewsdetail { padding:30px 5%; }
.pagefaye {padding:30px 5%; }
.pagefaye a { float: none;}
.fanhui { position: relative;  padding:10px 0!important; right: auto; top: auto; width:100%;}


.case1,.case2,.case3,.case4,.case5,.case6,.case7,.case8 {  min-height: inherit;}
.cbox { width:100%;height: auto; float: none; display:none;}
.cboxicon { position: relative;top: auto; left:auto;padding:50px 0; margin-bottom:0px; width:100%; height: auto; background:#000; text-align:center;}
.slick5 { position: relative;top: auto; width:100%; height: auto; padding-bottom:0px !important;}
.slick5 li { display: block; width:100%; height:auto;}
.slick5 .slick-prev,.slick5 .slick-next { height:119px;width:65px;bottom:-40px; margin-top: auto; background-size:50%; opacity:0.8;}
.case1 .slick5 li img {width:calc(100% - 10px);width:-webkit-calc(100% - 10px);border:#000 5px solid;}
.slick5 .slick-prev {background-image:url(../images/arrowleft3.png)!important; display:none !important}
.slick5 .slick-next {background-image:url(../images/arrowright3.png)!important;display:none !important}
.case2 .slick5 { position: relative; left: auto; top: auto; width:100%; height: auto; }
.case3 .slick5 { position: relative; left: auto; top: auto; width:100%; height: auto; }
.case1 .cboxicon  {left: auto;background:#000;width:100%;}
.case5 .cboxicon  {right:auto;background:#000;width:100%;}
.case5 .slick5 li img {width:calc(100% - 10px);width:-webkit-calc(100% - 10px);border:#000 5px solid;}

.productxj li {width:100%;margin-right:0;}

.sanetwork {padding-top:150px;}
.sanwl {float: none; width:100%;padding-top:0px; }
.sanwladd {padding-top:30px;}
.sanwladd {overflow:hidden; float: none; width:100%;padding-bottom:40px;}
.sanwladd strong {font-size:18px;color:#000;}
.sanwr {float:none; width:100%;}
.sanwr img { width:calc(100% - 22px);width:-webkit-calc(100% - 22px);  height:auto; border:#CCC 1px solid; padding:10px; float: none; margin:30px 0;}
.select{position:relative;min-height: inherit;width:100%;}
.select dt{height:44px;padding-left:5%;width:94%;}
.select dd {width:99%; position:relative;top:auto;left: auto; margin-top:-7px;}
.select dd ul{width:100%;height:200px;overflow:auto;}


.joiningad ul.fl {width:100%;float: none;}
.joiningad li img{width:100%; height:auto;}
.joiningad li span{width:90%; padding:5%;}
.joiningad ul.fr {width:100%;float:none;}
.joiningad ul.fr li span{width:90%; padding:5%;}
.ji1 {width:100%;clear:both;}
.ji2 {width:100%; }
.ji3 {width:100%; position: relative; right: auto; top:auto;}
.joiningad li.ji3 span{width:90%; padding:5%; min-height:154px;}
.ji4 {width:100%; position:relative; right:auto; bottom:auto;}
.joiningad li.ji4 img{width:100%; }
.joiningad li.ji4 span{width:90%;padding:5%; min-height:154px;}

.salesnetwork { padding:0px 5px;}
.sanetwork {padding-top:2%;}
.joinstl { float: none;width:100%;}
.joinstr { float:none;width:100%; padding-top:40px;}
.mpt50 { padding-top:50px;}

.contact { width:90%;padding:5%;}
.contact ul {  padding:10% 5%; }
.map {width:100%; height:420px;right:0; margin-right:0px; top: auto; position: relative;}


.dshow { padding:5% 0; }
.dshow-content { width:95%;}
.productxj {width:95%; margin:auto;}
.technical table {width:100%; float: none; clear:both;}

.certify { width:95%; height:auto; margin:auto}
.swiper-slide {width:100%;height: auto; margin:auto;}
.swiper-slide img{width:100%;height: auto; }

.tclogo img { width:30%; vertical-align:middle; margin:1%;}

.slick4 li {width:100%; height: auto;}
.slick44 .slick-prev { left:-20px; display:none !important}
.slick44 .slick-next { right:-20px;display:none !important}
.slick5 li img{height: auto;}
.case1 .slick5 li img {height:auto;}

.ppbanner { height:100px; background-size:300%; background-color:#000}
.contactus {padding:50px 0 0px 0; margin-bottom:0px;}


.joinst {padding:10% 0px;}
.mpb0 { padding:15% 0 0 0 !important;}

.newelist a h4{ float: none;width:100%; height: auto;}
#myVideo { width:100%; height: auto; display:block;}


}