@font-face { 
	  font-family: 'MyriadPro-Regular'; 
	  src: url("../fonts/MyriadPro-Regular.otf") format('opentype');

}
body{font-size:16px; font-family: "MyriadPro-Regular", serif,verdana,Helvetica;color:#000;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:#22e4ac;text-decoration:none}
li{list-style:none}
.clear{clear:both}
.zt{width:86%;margin:0 auto}
.zt2{width:1400px;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{ }
.table p{line-height:26px}
table{width:100%;}
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%; font-size: 0;}
.wenzi-img img{ border-radius:12px ;box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);}
.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%;}
.table-two{width:48%; float:left; margin: 1%;}
@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;}
}
.sxy{margin:30px 0;border-top:1px #ccc dashed;padding-top:20px}
.sxya{color:#333;line-height:24px}
.sxya a{padding:0 6px}
.fenye{text-align:center;margin-top:30px; }
.fenye .page-num{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:#22e4ac;margin:0 3px}
.fenye a{color:#898989; display: block;}
.fenye a.page-num-current,.fenye a:hover{color:#fff;background:#22e4ac;border:0;border:1px solid #22e4ac}.fenye a.page-num-current,.fenye a:hover {color:#fff;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.linshi-textarea { -webkit-appearance: none;}
.backtop{ display: none; position: fixed; bottom: 5%; right: 10px; z-index: 9999; width: 40px; height: 40px; cursor: pointer; background:rgba(0,0,0,.3); border-radius:50%; line-height:40px; text-align: center;}
.backtop i{ color: #fff; font-size: 20px;}
.backtop span{ display: block; text-align: center;}
.md-close.guanbi{ padding: 8px 12px; background: #22e4ac; position: absolute; top: -12px; right: 15px;}
.top40{ margin-top: 40px;}
.flex{display:flex; flex-wrap:wrap; }


.bg00{background:#309fa8;}
.bg00 .zt{ justify-content: space-between; align-items:center;}
.logo{width:50%}
.search{width:17%; border:2px solid #fff; height:40px;}
.search a{color:#fff}
.sous{background:none; color:#fff; line-height:40px; padding:0 6px; width:86%; outline: none;}

.sous::-webkit-input-placeholder{color: #fff; }
.sous:-moz-placeholder {color: #fff; }
.sous::-moz-placeholder {color: #fff; }
.sous:-ms-input-placeholder {color: #fff; }


.swipe {overflow:hidden;font-size: 0; position:relative;}
.swipe ul{ overflow:hidden;}
.swipe li div, .swipe div div div { padding:50px 0px;  background:#22e4ac;  font-weight:bold;  color:#fff;  font-size:20px;  text-align:center;}
.swipe li  img{width: 100%;}
#slider4{line-height:0;	text-align:center;}
#slider4 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;
}
#pagenavi,#pagenavi2{ position: absolute; bottom:  15px; z-index: 1000; text-align: center; width: 100%; text-align: center;}
#pagenavi2{ text-align: left; margin-left: 20px;}
#pagenavi a,#pagenavi2 a{ display: inline-block; width: 10px; height: 10px; border-radius:50% ; background: #333;text-indent: 9999px; margin:0 5px;}
#pagenavi2 a{ background: #fff; margin-left: 6px;}
#pagenavi a.active,#pagenavi2 a.active2{color:red; background: #fff;}
.swipe button{display: none; position: absolute; top: 50%; margin-top: -40px; z-index: 9999; background: none; width: 45px; border: none; height: 80px; background: rgba(0,0,0,0.5);}
.zuobian::before{ content: "\f104"; display: block; font-family:FontAwesome ; color: #fff; font-size: 30px;}
.swipe button.youbian::before{content: "\f105"; display: block; font-family:FontAwesome ; color: #fff;font-size: 30px; }
.swipe button.youbian{ right: 0;}
.swipe:hover button{ display: block;}

 #video-container { width: 100%; height: auto; max-height: 900px; overflow:hidden; display: flex; justify-content: center; align-items: center; }
#video-container video { width: 100%;  height: auto;  max-height: 100%; -webkit-media-controls: none; -moz-media-controls: none;  -ms-media-controls: none;  media-controls: none; border:0; }
/*#video-container video:hover { -webkit-media-controls: initial; -moz-media-controls: initial; -ms-media-controls: initial; media-controls: initial;  }*/
.swipe iframe{ width:100%; height:100%; display:block; position:absolute; top:0; left:0; bottom:0; right:0; z-index:100; border:none; overflow:hidden; }
.slider-container { position: relative; overflow: hidden; }
.slider {display: flex; width: 300%; transition: transform 0.5s ease-in-out;}
.slide { width: 33.33%; background-size: cover; background-position: center; position: relative; font-size: 0; }
.slide img {width: 100%;}
 #canvas {position: absolute; top: 0;left: 0;width: 100%;height: 100%;  }
.arrow { position: absolute; top: 50%; transform: translateY(-50%); background-color: rgba(0, 0, 0, 0.5); color: white; font-size: 30px; padding: 10px; cursor: pointer; z-index: 10; }
.arrow.left { left: 10px; }
.arrow.right { right: 10px; }
.progress-bar-container { position: absolute; bottom: 0; left: 0;width: 100%; height: 3px; background-color: rgba(0, 0, 0, 0.3); border-radius: 2.5px;}
.progress-bar { height: 100%; background-color: #22e4ac; width: 0; transition: width 5s linear; border-radius: 2.5px;}

.jieshao{justify-content: space-between; align-items:center; margin-top:60px;}
.aaimg{width:calc(40% - 4px); padding:15px 5%; border-right:4px solid #333}
.aaimg img{width:100%;}
.aatext{width:40%; padding:30px 5%;}
.aatext h2{font-size:1.5vw;}
.aatext p{font-size:1.2vw; margin-top:10px; line-height:1.7vw}

.neio{ margin-top:100px;}
.neio  h2{font-size:1.8vw;}
.neio ul{margin-top:40px;}
.neio ul li{padding-left:90px; background:url(../images/ic1.jpg)  no-repeat;font-size:1.2vw; margin-bottom:20px;}
.neio ul li:nth-child(2){background:url(../images/ic2.jpg)  no-repeat;}
.neio ul li:nth-child(3){background:url(../images/ic3.jpg)  no-repeat;}
.neio ul li:nth-child(4){background:url(../images/ic4.jpg)  no-repeat;}
.neio ul li:nth-child(5){background:url(../images/ic5.jpg)  no-repeat;}
.neio ul li h3{background:url(../images/line.jpg) 0 50% no-repeat; padding-left:10px;}
.neio ul li p{padding-left:10px;}

.suobj{background:url(../images/szbj.jpg) 50% 0 no-repeat; background-size:cover; margin-top:80px; padding:80px 0; text-align:center; border:2px solid #000}
.suonei{width:800px; margin:0 auto;}
.suonei h2{ margin-top:30px;font-size:1.4vw;}
.suonei p{font-size:1.1vw; margin-top:20px;}

.jish{ margin-top:80px;}
.jishpadd{padding: 0 40px;}
.jishpadd h2{font-size:1.4vw;}
.jishpadd span{font-size:1.1vw;}
.jishbj{ padding:40px; background:url(../images/jisbj.jpg) 0 50%  no-repeat; background-size:cover; border:7px solid #363636; font-size:1.1vw; margin-top:30px; padding-bottom:300px;}
.jishbj p{ margin-bottom:20px;text-align: justify; line-height:1.8vw;}
.renwu{ font-size:0; text-align:center; margin-top:-300px;}
.jilogo{text-align:center; border-top:40px solid #616161; padding:40px 0 60px 0; }

.bg001 {padding:20px 0 0 0}
.bg001 .zt3{ justify-content: right; align-items:center;}
.zt3{width:1000px; margin:0 auto}
.bg001 .zt3 .search{width:50%; margin-top:20px; border-radius:8px; border:4px solid #fff;}
.bg001 .zt3 .search .sous{font-size:18px; width:92%}
.bg001 .zt3 .search .fa-search{font-size:20px; }
.logoul{ margin-top:100px; justify-content: center; }
.logoul li img{display:block; width:100%;font-size:0;}
.logoul li p{margin-top:30px; background:url(../images/jiantou.png) 50%  0 no-repeat; padding-top:19px  }
.logoul li p img{ border:4px solid #fff;border-radius:10px; overflow:hidden;}
.logoul li{width:18%; padding:0 10%}
.copy{color:#fff; text-align:center; margin-top:80px; height:100px; line-height:100px; border-top:1px solid #444}




.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:48%; width: 100%; margin-top: -22px; }
.pro_list .owl-theme .owl-controls{ margin:0px;}
.owl-prev,.owl-next{ cursor: pointer; width:60px; height:60px; text-indent:-9999px; line-height:60px; text-align:center;  position: absolute; z-index:100  }
.owl-prev{left: -100px; background:url(../images/zuo.png) no-repeat;}
.owl-next{right: -100px; background:url(../images/you.png) no-repeat;}

#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:5px ;  position: relative; border-radius:5px;  overflow: hidden; -ms-transition:0.5s all; -moz-transition:0.5s all;-webkit-transition:0.5s all;}
.item a{ display:block; font-size: 0;}
.cptimg{position: relative; overflow: hidden;font-size:0  }
.cptimg img{width:100%;-ms-transition:0.5s all; -moz-transition:0.5s all;-webkit-transition:0.5s all;}
.cptimg:hover img{transform:scale(1.05)}
.item h3{font-size:24px;  position:relative;}
.hotbor{line-height:32px; margin-top:10px; font-size:18px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.cpmore{margin-top:80px;}
.cpmore a{display:block; font-weight:500; padding:14px 0px; border:2px solid #262d38; color:#262d38; width:200px; margin:0 auto; text-align:center; border-radius:5px;}
.cpmore a:hover{background:#22e4ac; color:#fff; border:2px solid #22e4ac;}

.item2{margin:5px ;  position: relative; border-radius:5px;  overflow: hidden; -ms-transition:0.5s all; -moz-transition:0.5s all;-webkit-transition:0.5s all;}
.item2 a{color:#fff;}

#owl1ho2,#owl1ho{margin-top:20px;}
#owl1ho3{margin-top:100px;}
.videoimg img{width:100%}
.scroll-container {width: 100%; overflow: hidden; margin-top:20px;}
.scroll-wrapper {display: flex; width: 200%; color:#fff; padding:6px 0}
.scroll-text {white-space: nowrap;  width: 50%; animation: scroll 10s linear infinite; font-size:18px;}
@keyframes scroll {
            0% {
                transform: translateX(0);
            }
            100% {
                transform: translateX(-50%);
            }
}

@media only screen and (max-width:1440px ){
	.zt2{width:1000px;}
	.logoul li{width:15%; padding:0 10%}
	.logoul{ margin-top:120px; }
	.copy{height:70px; line-height:70px;}	
}
@media only screen and (max-width:769px ){
	.zt,.zt2,.suonei,.zt3{width:100%;}
	.logo{width:50%;}
	.logo img{width:100%}
	.search{width:40%; height:30px;}
	.sous{line-height:30px;}
	.bg00,.bg001{padding:4px 0}
	.aaimg{width:90%; border:none; padding:0 5%}
	.jieshao,.neio,.jish{margin-top:30px;}
	.aatext{width:96%; padding:0 2%}
	.aatext h2,.jishpadd h2{font-size:22px;}
	.aatext p,.suonei p,.jishpadd span,.jishbj{font-size:18px; line-height:30px;}
	.neio h2,.suonei h2{font-size:22px; padding: 0 10px}
	.neio ul li{font-size:18px;}
	.suobj{padding:30px 0}
	.suoimg{width:150px; margin:0 auto}
	.suoimg img{width:100%}
	.jishbj p{ line-height:24px;}
	.renwu img{width:100%}
	.jilogo img{width:100%;}
	.jilogo{padding: 40px 20px;border-top:30px solid #616161;}
	.jishbj{padding-bottom:140px}
	.renwu{margin-top:-140px;}
	.logoul li{width:36%; padding:0 7%}
	.bg001 .zt3 .logo{DISPLAY:None;}
	.bg001 .zt3 .search{width:96%; margin:0 auto}
	.bg001 .zt3 .search .sous{width:91%}
	.logoul{margin-top:10px;}
	.videoimg{margin-top:15px; margin-bottom:10px;}
	#owl1ho{margin-top:10px;}
	#owl1ho3{margin-top:80px;}
	.logoul li p{margin-top:10px;}
	.copy{margin-top:30px;height:60px; line-height:60px;}
	.scroll-text {width:100%;}
}