body{font-size:14px; font-family:"microsoft yahei", arial,verdana,Helvetica;color:#333;margin:0;padding:0; }
ul,li,img,p,h1,h2,h3,h4,h5,h6,input{margin:0;padding:0}
img,input{border:0}
ul,li{list-style-type:none}
a{color:#333;text-decoration:none}
a:hover{color: #544343;text-decoration:none}
li{list-style:none}
.clear{clear:both}
.zt{width:1440px;margin:0 auto}
.zt2{width:1300px;margin:0 auto}
.fl{float:left}
.fr{float:right}
.ov{overflow:hidden}
.pre{position:relative}
.abs{ position: absolute;}
.video_content{width:60%; margin: 0 auto;}
.video_index{ width: 100%; /*height: 342px;*/}
.table{width:100%;margin:0 auto; overflow:auto;}
.table7{ width: 70%;overflow:auto;}
.table8{ width: 80%;overflow:auto;}
.table9{ width: 90%;overflow:auto;}
.table table{  width: 1000px;}
.table p{line-height:26px}
table td{padding:3px 10px}
.pre,.cont-pre{ position: relative;}
.cont-pre img{ width: 100%;}
.abs{ position: absolute; top: 0; left: 0; right: 0; height: 40px; line-height: 40px; z-index: 9999; text-align: center; background: rgba(0,0,0,.6); color: #fff;}
.abs-bottom{ position: absolute; bottom: 0; left: 0; right: 0; height: 40px; line-height: 40px;  z-index: 9999; text-align: center; background: rgba(0,0,0,.6); color: #fff;}
.abs a,.abs-bottom a{ color: #fff;}
.two-img{ width: 90%; margin: 0 auto; font-size: 0;}
.two-img img{ width: 47%; margin: 1%; display: inline-block;}
.three-img{width: 100%; font-size: 0;}
.three-img img{ width: 32%; margin: 0.5%;}
.wenzi{ width:58% ; line-height: 30px;}
.wenzi-img{ width: 38%;}
.four-img{width: 100%; font-size: 0; display: flex; flex-wrap: wrap;}
.four-img a{ width: 24%; margin: 0.5%; font-size: 14px; text-align: center; display: block; }
.four-img a img{ width: 100%;}
.diduan{ display: table-cell;
        vertical-align: bottom;height: 100%;}
@media only screen and (max-width:480px ) {
.table8,.table7,.table9{ width: 100%;overflow:auto;}	
.about-us-con img{ width: 100%;}
.two-img{ width: 100%;}
.two-img img{ margin: 1% 0;}
.four-img a{ width: 100%; margin: 0.5% 0;}
.wenzi-img,.wenzi{ float: none; width: 100%; margin-bottom: 10px;}
.diduan{display: inherit;}
}

.fenye{text-align:center;margin-top:30px; }
.fenye span{margin-bottom:10px;display:inline-block;width: 34px;height: 34px;background:#fff; margin:0 3px;line-height: 34px;/* border: 1px solid #ccc; */border-radius: 50%;/* box-shadow: 1px 1px 8px -1px rgba(0,0,0,0.5); */}
.fenye_a{color:#e8483d;margin:0 3px}
.fenye a{color: #333333;display: block;}
.fenye span.active,.fenye span:hover{color:#bfbfbf;border:0;}.fenye span.active a,.fenye span:hover a{color:#bfbfbf;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.linshi-textarea { -webkit-appearance: none;}
.md-close.guanbi{ padding: 8px 12px; background: none; position: absolute; top: -12px; right: -12px; font-size: 30px;}
.top40{ margin-top: 40px;}

header{position: relative;}
.top{ width:1700px; position: absolute; left: 50%; margin-left: -850px; top:40px; right:0; z-index:9999 }
.banner img{width: 100%;}

.logo{width: 8%; height: 60px; ba}
.logo img{width: 100%;}

.swipe {overflow:hidden;}
.swipe ul{ overflow:hidden;}
.swipe li div, .swipe div div div { padding:50px 0px;  background:#49bc9b;  font-weight:bold;  color:#fff;  font-size:20px;  text-align:center;}
.swipe li  img{width: 100%;}
#slider4,#slider2{line-height:0;	text-align:center;}
#slider4 ul,#slider2 ul{
	-webkit-transition:left 800ms ease-in 0;
	-moz-transition:left 800ms ease-in 0;
	-o-transition:left 800ms ease-in 0;
	-ms-transition:left 800ms ease-in 0;
	transition:left 800ms ease-in 0;
}
.banner-index li{ width: 100%; height: 100vh; min-height: 100%;}
#pagenavi{display: none;position: absolute;bottom:  15px;z-index: 1000;text-align: center;width: 100%;text-align: center;}
#pagenavi a{display: inline-block;width: 10px;height: 10px;background: #fff;text-indent: 9999px;border-radius: 50%;margin: 0 5px;}

#pagenavi a.active{/* color:red; */background: #f5a100;}
.banner-index #pagenavi{display:block}
.swipe button{ outline: none; cursor: pointer; position: absolute; top: 50%; margin-top: -40px; z-index: 999;  width: 45px; border: none; height: 80px; background: none;}
.swipe button.zuobian{display: block;background:url(../images/1icon_left_w.png) no-repeat;width:40px;height:40px;background-size:100% 100%;transition:.8s all;left:20px;}
.swipe button.zuobian:hover{background:url(../images/1icon_left_c.png) no-repeat;width:40px;height:40px;background-size:100% 100%;transition:.8s all}
.swipe button.youbian{display: block;background:url(../images/1icon_right_w.png) no-repeat;width:40px;height:40px;background-size:100% 100%;transition:.8s all;}
.swipe button.youbian:hover{display: block;background:url(../images/1icon_right_c.png) no-repeat;width:40px;height:40px;background-size:100% 100%;transition:.8s all}
.swipe button.youbian{ right: 20px;transition:.8s all}
#pagenavi2{ position: absolute; bottom:  0px; z-index: 1000; width: 96%; padding: 30px 2%; text-align: center; display: flex; flex-wrap: wrap; justify-content:center;}
/*#pagenavi2::after{content: ""; display: block; position: absolute; top:36px; width: 95%; left: 37px; height: 1px;  background: #ffe3cb;}*/
#pagenavi2 a{display: inline-block; color: #ffe3cb; text-align: center; width:5.8%}
#pagenavi2 a::before{content: ""; display: block;width: 100%; height: 14px; margin: 0 auto;   margin-bottom: 10px; background:url(../images/ablibj1.png) 50% 0 no-repeat}
#pagenavi2 a.active::before{ background:url(../images/ablibj2.png) 50% 0 no-repeat}
#pagenavi2 a:first-child::before{background:url(../images/ablibj01-2.png) 50% 0 no-repeat}
#pagenavi2 a:first-child.active::before{ background:url(../images/ablibj01.png) 50% 0 no-repeat}
#pagenavi2 a:last-child::before{background:url(../images/ablibj02-2.png) 50% 0 no-repeat}
#pagenavi2 a:last-child.active::before{ background:url(../images/ablibj02.png) 50% 0 no-repeat}

#aboutus .zuobian::before,#aboutus .youbian::before{color: #ffe3cb;}

.caidan{display:none}
nav{float: right; }
.caidan{ display: none;font-size:22px; text-align:right; color: #000;}
nav ul li{ float: left; position: relative; }
/*nav ul li a:after{ content: ''; display: block; position: absolute; bottom: 3px; left: 0; z-index: 999; height: 2px; width: 0; background: #e8be6a;
 -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s;}*/
nav ul li a{margin: 0 25px 0 0; color: #fff;  padding: 0 10px;  font-size: 15px;  line-height: 60px;  display: block; text-transform: uppercase; position: relative; }
nav ul li i{ display: none; opacity: 0;  position: absolute; top: 20px;right: 10px; z-index: 999; color: #fff;}
nav ul li:hover a ,nav ul li.active A{  color: #fff; text-decoration: underline; }
nav ul li:hover a:after{ width: 100%;}
nav ul li:hover i{ color: #fff;}
.xla{  position: absolute; top: 100%; z-index: 9999;  width: 190px; display:none ; overflow: hidden;  border-radius:0 0 7px 7px ; }
.xla:before{ content: ''; display: block; width: 100%; height: 14px; background: url(../images/sanjiao.png) no-repeat; z-index: 999; margin-left: 20%; margin-top: -14px;}
.xla>a{ display: block;font-weight: normal; padding:10px; margin: 0;  text-transform: none; line-height: 20px; font-size: 16px;  color: #fff;}
.xla a:last-child{ border-bottom: none; border-radius:0 0 8px 8px ;}
nav ul li:hover .xla a:hover{color: #cc441f; }
nav ul li:hover .xla{display:block}
nav ul li:hover .xla a{ color: #fff;  border-top:none ; text-decoration: inherit;} 
nav ul li:hover .xla a:after{ display: none;}
nav ul li:hover .xla a:last-child{ border-bottom: none;}

.caselist{ margin-top:30px}
.caselist ul{display:flex; flex-wrap:wrap}
.caselist ul li{ width:33.33%; position:relative}
.case-img{font-size:0; overflow: hidden;}
.case-img img{ width:100%; display:block; font-size: 0;-ms-transition:0.5s all; -moz-transition:0.5s all;-webkit-transition:0.5s all;}
.case-cont{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:1200; opacity:0; background:rgba(0,0,0,0.4); color:#fff;
-ms-transition:0.5s all; -moz-transition:0.5s all;-webkit-transition:0.5s all;}
.case-cont h2{ font-size:20px; font-weight:normal; margin-bottom:10px}
.case-cont h2::before{content: "";display: block;width: 18px;height: 2px;background: #fff;margin-bottom: 15px;display: none;}
.case-cont span{ display:block; font-size:14px; line-height:26px}
.caselist ul li:hover .case-cont{opacity:1}
.caselist ul li:hover .case-img img{ transform: scale(1.07);}
.anli{ position:absolute; bottom:30px; left:10%; right:10%; z-index:9980}

.case-img video{width:100%; height:363px; background:#333}

footer{ margin-top:70px; color:#808080; padding:0 100px 50px 100px; }
footer a{color:#808080; }

.contact-list{margin-top:100px; margin-bottom:200px}

.cont-zuo{width:30%; margin-left:15%}
.cont-zuo h2{font-weight:normal; font-size:30px}
.cont-zuo span{display:block; font-size:20px; color:#808080; margin-top:10px}
.cont-you{width:50%; font-size:18px; line-height:32px;color:#808080;}
.top80{margin-top:80px}
.cont-you a{color:#808080;text-decoration:underline}
.cont-you a:hover{color:#cc441f}
.fenye span a font{color:#808080}

.inter-list{margin-top:100px}
.inter-zuo{width:17%}
.inter-zuo h2{font-size:30px; font-weight: normal;}
.inter-zuo span{display:block; font-size:22px;color:#808080; font-weight:normal; margin-top:8px}
.inter-you,.idea-you{width:63%}
.inter-you p{font-size:17px;color:#808080; line-height:32px}
.inter-you p strong{font-size:20px;}
.inter-you ul{margin-top:30px;display:flex; flex-wrap:wrap}
.inter-you ul li{width:31.33%; margin:20px 1%; color:#808080 }
.shejishi img{ width:100%}
.inter-you ul li span{display:block; margin-bottom:5px}
.inter-you ul li h2{font-size:18px; font-weight:normal; line-height:30px; margin-top:10px}
.inter-case{ margin-top:60px}
.inter-case ul{display:flex; flex-wrap:wrap}
.inter-case ul li{ width:49.5%; margin:30px 0}
.inter-case ul li:nth-child(2n){ margin-left:0.5%}
.inter-case ul li:nth-child(2n+1){ margin-right:0.5%}
.inter-case ul li h2{ margin-top:30px; }
.inter-case ul li span{display:block; color:#808080; margin-top:15px; font-size:16px}

.idea-you ul{}
.idea-you ul li{ margin-bottom: 40px;}
.riqi{ font-size: 18px;}
.idea-you ul li h2{font-weight: normal; margin-top: 20px; font-size: 24px;}
.idea-cont{margin-top: 20px;color: #000;font-size: 18px;line-height: 32px;}
.idea-you ul li span{display: block; margin-top: 20px;}
.idea-you ul li span a{text-decoration: underline;font-size: 16px;color: #333;}

.idea-you ul li:hover span a{color: #bebebe;}
.idea-you ul li::after{content: ""; display: block; width: 60%; height: 1px; background: #808080; margin-top: 40px;}
.idea-detail{ font-size:18px; line-height: 32px; color:#808080}
.idea-detail p{ margin-top: 20px;}

#case-text{position: inherit; margin-left: 0; left: 0; width: 1600px; margin: 0 auto; top:auto; margin-top:  20px; }
#case-text nav ul li a{color: #333;}
#case-text nav ul li:hover .xla a:hover{color: #e8be6a; }
#case-text .xla{background: #fff;}
.case-c img{width:100%}
.case-c{font-size: 16px; line-height: 30px;}
.case-c p{ /*margin-bottom: 20px;*/}
.case-img2 video{ width:100%; height: 810px;}

.about-you{width:66%}
.ab-con{ color:#808080; font-size: 17px; line-height: 32px;}
.fuwulist{display:flex; flex-wrap:wrap}
.fuwulist li{ width:32.33%; margin-right:2%; color:#808080; margin-bottom:35px}
.fuwulist li:nth-child(3n+1){width:28%}
.fuwulist li h2{font-weight:normal; font-size:18px}
.fuwulist li span{font-size:13px}
.kehu{ text-align: center; color:#808080}
.kehu h2{ font-size:32px; font-weight:normal ; margin-bottom:15px}
.kehu span{font-size:20px}
.kehulogo{ margin-top: 60px; overflow: hidden;}
.kehulogo img{float: left;}
.ab-con h3{ position: relative; font-size: 23px; font-weight: normal; /*padding-left: 60px;*/ margin: 30px 0 10px;}
.ab-con h3 span{display: block; font-size: 16px;}
/*.ab-con h3::before{content: ""; display: block; position: absolute; left: 0; top:35px; z-index: 999; width: 46px; border-bottom: 1px solid #808080;}*/

.news-you,.team-you,.honor-you{width: 63%;}
.newstu img{width:100%}
.news-you li{ margin-bottom: 46px;}
.news-you li h2{font-weight: normal;margin-top: 20px;font-size: 22px;color: #544343;}
.news-you li h2:hover{color: #bcbcbc !important;}
.news-you li .idea-cont{font-size: 16px;line-height: 26px;margin-top: 15px;color: #c4c4c4;}

.honor-you{color:#808080; font-weight: normal; font-size: 17px; line-height: 30px;}
.honor-you p{ margin-bottom: 10px;}

.owl-carousel{ position: relative; width: 100%; margin: 0 auto;}
.owl-carousel .owl-wrapper-outer{ overflow: hidden;  position: relative;  width: 100%;}
.owl-buttons{ position: absolute; z-index: 9999; top:50%; width: 100%; margin-top: -22px; }
.pro_list .owl-theme .owl-controls{ margin:0px;}
.owl-prev{cursor: pointer;width: 50px;height: 50px;background: url(../images/1icon_left_b.png) no-repeat;text-indent: 9999px;position: absolute;left: -60px;background-size: 100% 100%;}
.owl-next{cursor: pointer;width: 50px;height: 50px;background: url(../images/1icon_right_b.png) no-repeat;text-indent: 9999px;position: absolute;right: -60px;background-size: 100% 100%;}
#owl-demo1  .owl-controls .owl-prev{ margin-right:10px;}
#owl-demo1  .owl-controls .owl-next{ margin-left:10px;}
.owl-carousel .owl-wrapper{	display: none;	position: relative;	-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-item{float: left;}

.item{margin:10px ;  position: relative;  overflow: hidden; 
-ms-transition:0.5s all; -moz-transition:0.5s all;-webkit-transition:0.5s all;
}
.item a{ display:block; font-size: 0;}
.item img{width:100%;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;}
.item .cptimg{position: relative; overflow: hidden; width: calc(100% - 2px); border: 1px solid #e0e0e0; }
.item:hover img{ transform: scale(1.05);}
.item h3{ display: block; font-size: 20px;  margin-top: 15px; text-align: center; text-transform: uppercase; font-weight: normal; }

.sanjiao{ text-align: center;}
.case-img video::-webkit-media-controls-play-button { display: none !important;  }
.case-img video::-webkit-media-controls-current-time-display { display: none !important; }
.case-img video::-webkit-media-controls-time-remaining-display { display: none !important;}
.case-img video::-webkit-media-controls-volume-control-container { display: none !important;}
.case-img video::-webkit-media-controls-fullscreen-button { display: none !important;}
.case-img video::-webkit-media-controls-timeline { display: none !important;}
.case-img video::-internal-media-controls-overflow-button {display: none !important;}

@media screen and (max-width:2048px) and (min-width:1921px){
	.case-img img{ height:387px;}	
}
@media screen and (max-width:2160px) and (min-width:2049px){
	.case-img img{ height:408px;}	
}
@media screen and (max-width:2560px) and (min-width:2161px){
	.case-img video{ height:476px;}	
	.case-img img{height:485px;}
}
@media screen and (max-width:1680px) and (min-width:1601px){
.top{width:1500px; margin-left:-750px}
.case-img img{ height:317px;}	
}
@media screen and (max-width:1920px) and (min-width:1681px){
.case-img img{ height:363px;}	
}
@media screen and (max-width:1600px) and (min-width:1441px){
.top{width:1500px; margin-left:-750px}
.case-img img{ height:302px;}	
}
@media screen and (max-width:1440px) and (min-width:1367px){
	.zt,#case-text{ width:1380px}
.top{width:1300px; margin-left:-650px}
	.case-img img{ height:271px;}
	.kehulogo img{width: 50%;}
}
@media screen and (max-width:1366px) and (min-width:1281px){
	.top{width:1200px; margin-left:-600px}
	.case-img video{ height:257px;}
}
@media screen and (max-width:768px) {
	.zt,#case-text,.zt2{width:100%}
	#case-text{background: none; margin-top: 0;}
.top{width:100%; margin-left:0; left:0; top:10px}
.logo{width:20%}
.logo img{width:100%}
.swipe button{background:none}
.case-img video,.case-img2 video{height:auto}
nav ul li i{ opacity:1}
nav ul li:hover .xla{ display:none;}
.cont-zuo{ margin-left:10%}
.cont-you{width:60%}
.owl-prev{left:0;width:1.6rem;height:1.6rem}
.owl-next{right:0;width:1.6rem;height:1.6rem}
.banner-index li{ width: 100%; height: 50vh; min-height: 100%;}

}
@media screen and (max-width:560px) {
.top{position:inherit;background: #544343; top:0}
.logo{float:none; width:25%; padding-top:10px}
.caidan{display:block;  width:25px; text-align: center; position:absolute; right:10px; top:-35px}
.caidan img{width:100%}
nav{floatn:none; width:100%; text-align: center; position:relative}
nav ul{display:none}
nav ul li{float:none; margin:0}
nav ul li i{opacity: 1;padding: 0 1rem;}
#case-text nav ul li i{color: #333;}
.case-c p{margin-bottom: 10px;}
nav ul li a{ margin:0}
.xla{position:relative;  width:100%; }
.contact-list{ margin-top:30px; margin-bottom:50px}
.caselist ul li{width:100%}
.case-img video{ height:240px;}	
.cont-zuo,.cont-you,.about-you{float:none; width:96%; margin:0 auto}
.cont-zuo{ margin-bottom:20px}
.top80{ margin-top:40px}
.inter-list{ margin-top:40px}
.inter-zuo,.inter-you,.idea-you,.news-you,.team-you,.honor-you{ float:none; width:96%; margin:0 auto}
.inter-zuo{ margin-bottom:26px}
.inter-you ul li{width:48%}
footer{ padding:0; text-align: center;}
.banquan,.beian{float:none; width:96%; margin:0 auto; margin-bottom:15px}
.idea-you ul li::after{width: 100%;}
.idea-detail img{width: 100%;}
.fuwulist li:nth-child(3n+1),.fuwulist li{width: 48%; margin:20px 1%;}
#pagenavi2{position: inherit;}
#pagenavi2 a{ width: 12%; margin-bottom: 10px;}
#pagenavi2::after{display: none;}
.banner-index li{width: 100%;height: 30vh;min-height: 26%;}
.swipe button.zuobian{width:1.6rem;height:1.6rem;left:0.5rem;top: 60%;}
.swipe button.zuobian:hover{width:1.6rem;height:1.6rem;left:0.5rem}
.swipe button.youbian{width:1.6rem;height:1.6rem;right:0.5rem;top: 60%;}
.swipe button.youbian:hover{width:1.6rem;height:1.6rem;right:0.5rem}
#pagenavi a{width:0.5rem;height:0.5rem}
}
.backtop{ display: none; position: fixed; bottom: 10%; right: 3.5%; z-index: 9999; width: 60px; height: 60px; cursor: pointer; background: url(../images/top.png) no-repeat; text-align: center;opacity:0.33}
.backtop:hover{opacity:1}
@media screen and (max-width:1204px) and (min-width:769px){
	.zt,.zt2,#case-text{width:100%}
	.top{width:100%; margin-left:0; left:0; top:10px}
	.logo{width:10%; margin-left:20px}
	.logo img{width:100%}
	nav ul li i{ opacity:1}
	nav ul li:hover .xla{ display:none;}
	.swipe button{background:none}
	.case-img video,.case-img2 video{height:auto}
	.cont-zuo{ margin-left:10%}
	.cont-you{width:60%}
	.owl-prev{left:0}
	.owl-next{right:0}
	.banner-index li{ width: 100%; height: 50vh; min-height: 100%;}
}