@charset "utf-8";
/* CSS Document */

body { margin:0; padding:0;  color:#000; font-size:14px; overflow-x:hidden}
*{ margin:0; padding:0;list-style-type:none; text-decoration:none;  line-height:30px; font-family:"微软雅黑", Arial,Helvetica,sans-serif; font-weight:100; box-sizing:border-box }
a{ color:#323232}
a:hover{ color:#e50012}
.clear{ clear:both;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; } 
* html>body .clearfix { display:inline-block; width:100%; } 
* html .clearfix { height:1%; /* End hide from IE-mac */ } 
*+html .clearfix { min-height:1%; }/* ie7 hack*/ 
.wrapper{ margin: 0px auto; width:80%;}
.flt1{ float:left}
.flt2{ float:right}
.sj{ display: none}










		.banner{ width:100%; height:100%; overflow:hidden; position:relative; }
		.banner .hd{ display:none}
		.banner .bd{ height:100%; z-index:0;   }
		.banner .bd li{ zoom:1; vertical-align:middle;position: relative; }
		.banner .bd img,.banner .bd video{ width:100%; height:100%;  }
		.banner .prev,.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/preImg.png)no-repeat left center; filter:alpha(opacity=50);opacity:0.5;   }
		.banner .next{ left:auto; right:3%; background:url(../img/nexImg.png)no-repeat left center;}
		.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }




.con1{ text-align:center;padding:30px 0;}
.syzj img{ width:100%; padding-top:10px;}
.sycp{ overflow:hidden; position:relative; margin-top:30px;}
.sycp .hd{ }
.sycp .prev,.sycp .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../img/preImg.png)no-repeat left center; filter:alpha(opacity=50);opacity:0.1; z-index:8 }
.sycp .next{ left:auto; right:3%; background:url(../img/nexImg.png)no-repeat left center;}
.sycp .prev:hover,.sycp .next:hover{ filter:alpha(opacity=100);opacity:0.5;  }
			 
			 
			 
			 
.sycp .hd ul{ display:none}
.sycp .bd{width:100%}
.sycp .bd ul{ overflow:hidden; zoom:1;width:100% }
.sycp .bd ul li{float:left;overflow:hidden;width:25% ; position:relative; max-width:none }
.sycp .bd ul li img{ width:100%}
.sycp .bd ul li div{background: rgba(53, 181, 180, 0.5); width:100%; height:100%; display:none; position:absolute; left:0; top:0}
.sycp .bd ul li:hover div{ display:block}









.conzj{ background:url(../img/zj.jpg) no-repeat top center; background-size: cover;padding:2% 1% 0 1%;}
.zjtit{ text-align:center; color:#FFF; margin-bottom:5%;}
.zjtit h2,.concp h2,.con1 h2{ font-size:0.5rem; line-height:0.8rem;font-weight:bold}
.zjtit p,.concp p,.con1 p{ font-size:0.2rem;font-weight:bold}

.conzj li{ width:25%; color:#fff; float:left; text-align:center; position:relative; padding-bottom:300px; height:800px; }
.conzj li img{ width:88%;  }
.conzj li a{color:#FFF}
.conzj li div{position:absolute; top:53%;width:80%;margin: 0 0 20px 30px;color:#FFF}
.conzj li div h2{ font-size:45px; font-weight:bold; line-height:70px; }
.conzj li div span{font-weight:bold; font-size:18px;  }
.conzj li div p{  margin-top: 20px ; font-size:18px; text-align:left; background:url(../img/xian.jpg) no-repeat top center; padding-top:20px}
.conzj li:hover{ cursor:pointer}


.concp{ text-align:center; padding:30px;}

.box{ width:95%; height:400px; transform-style: preserve-3d; margin:150px auto; position:relative}
.box img{ width:40%; /*height:100%;*/ position:absolute; /*top:60px;*/ transform: all .3s linear;}
.box:hover .btn{ opacity:1;}
.front{ left:0;}
.back{ left:60%;}
/*.active{ left:30%; transform:scale(1.5); z-index:10}*/

/*.btns{position:absolute; margin-top:-30px; top:50%; width:100%; height:60px;}

.btns .btn{ width:60px; height:60px; display: inline-block;  background-color:rgba(0,0,0,.5); font-size:50px; color:rgba(255,255,255,0.5); line-height:55px; text-align:center; cursor:pointer; z-index:100; opacity:0; transform:opacity .3s linear;}
.btns .btn:first-child{ float:left}
.btns .btn:last-child{ float:right}*/


.btns .btn{ width:60px; height:60px; display:block; position:absolute; background-color:rgba(0,0,0,.5); font-size:50px; color:rgba(255,255,255,0.5); line-height:55px; text-align:center; cursor:pointer; z-index:100; opacity:0; transform:opacity .3s linear; margin-top:-30px;}
.btns .btn:first-child{ top:50%;}
.btns .btn:last-child{ top:50%; right:0}








.con2{background:url(../img/con2-1.jpg) no-repeat top center; background-size:contain;}
.con21{ padding-top:23%; margin:0 auto; width:56%}
.con2li{ background:#F3F3F3; border-radius:40px 40px 0 0; width:100%; padding:50px 80px;  }
.con2li img{ width:100%; height:200px;}
.con2li h3{ padding:20px 0 10px 0; border-bottom:solid 1px #C0C0C0}
.con2li a{ display:inline-block; width:30px; height:30px; text-align:center; border-radius:50%; background:#40BBC2; color:#fff; float:right}








.links{ text-align:center; }
.links div{padding:20px 8% 50px 8%; text-align:left}
/*.links div a{ width:10%; padding:15px; text-align:center; display:inline-block}*/
.links div img{width:9.5%; padding:15px; text-align:center; display:inline-block }

/*foot*/
/*.foot{ background:#282828;}
.foot .center{ padding:0 8%}
.foot .bz{ height:70px; line-height:70px; font-size:14px; color:#d4d4d4; border-bottom:1px solid #3e3e3e;}
.foot .txt{ color:#d4d4d4;}
.foot .txt .l{ padding:25px 0; float:left}
.foot .txt .l p{ margin-bottom:10px;}
.foot .txt .l p:first-child a{ padding:0 5px;}
.foot .txt .l a{ color:#d4d4d4; }
.foot .txt .l img{ display:inline-block; height:36px; vertical-align:middle; }
.foot .txt .r{ margin-top:20px; text-align:right; float:right}
.foot .txt .r a{ color:#d4d4d4; }
.foot .txt .r .wb{ display:inline-block;  background:url(../img/wb-icon.png) center no-repeat; width:26px; height:23px;}
.foot .txt .r .wx{ display:inline-block;  background:url(../img/wx-icon.png) center no-repeat; width:26px; height:23px;}
.foot .txt .r .qq{ display:inline-block;  background:url(../img/qq-icon.png) center no-repeat; width:19px; height:23px;}
.foot .txt .r .icon{ text-align:right; margin-bottom:10px;}
.foot .txt .r .icon span{ display:inline-block; width:80px; text-align:center; margin-right:15px;}
.foot .txt .r .icon img{  display:block; margin-bottom:6px; width:100%;}
*/


.full_width{position: absolute; height: 158px; background: url(../img/23_gqn4.png) no-repeat bottom center;bottom:0; left: 0; width: 100%; text-align:center; color:#fff; padding-top:85px;}
.img_over{ position:absolute; bottom:55px; left:50%; margin-left:-118px; width: 236px; height: 1px;z-index: 115; background:url(../img/x_a4o5.png) no-repeat top center}
.full_width h2{ font-size:30px;}




.tit{background: url(../img/dian.png) repeat-x bottom left; width: 100%; text-align:center; margin:20px auto; padding-bottom:20px;}
.tit h3{font-size:0.35rem; letter-spacing: 1px; line-height:0.5rem; font-weight:bold}
.tit p{color: rgb(169, 169, 169);font-size: 9px; letter-spacing: 1px; line-height: 27px; text-transform: uppercase;font-family: 'Times New Roman';}
.ab_ab{}
.wid1200{ width:1200px; margin: 0 auto}
.ab_ab img{ width:40%; float:left}
.aboutr{ width:57%; float:right; padding-top:20px}
.aboutr p{ text-indent:24px; font-size:16px}

:root {  --ww: 1920 * 100vw;}
@media (max-width: 1600px) {  :root {    --ww: 1600 * 100vw;  }}
@media (max-width: 1024px) { :root {    --ww: 1200 * 100vw;  }}
@media (max-width: 768px) {  :root {    --ww: 1024 * 100vw;  }}
@media (max-width: 750px) {  :root {    --ww: 750 * 100vw;  }}
@media (max-width: 640px) {  :root {    --ww: 600 * 100vw;  }}
html {  font-size: calc(100 / var(--ww));}
@media (max-width: 640px) {  body {    font-size: 0.2rem;  }  }

.kszmd {display: flex;justify-content: space-between;min-height: 100vh;padding-left: 11%;width: 100%;background-position: center;background-repeat: no-repeat;background-size: cover; margin:40px 0}
.kszmd .left_swiper {padding-top: 0.5rem;padding-bottom: 0.5rem;width: 37%;display: flex;align-items: center;}
.kszmd .left_swiper .about_tit .cn {color: #fff;font-size: 0.4rem;line-height: 1;}
.kszmd .left_swiper .about_tit .en {color: #fff;}


.kszmd .left_swiper .par_con {font-size: 0.18rem;color: #fff;line-height: 0.3rem;margin: 0.4rem 0 0.5rem;}
.kszmd .left_swiper .zmdswiper_list {width: 100%;overflow: hidden;position: relative;}
.kszmd .left_swiper .zmdswiper_list > .swiper-slide {position: relative;}
.kszmd .left_swiper .zm_swiper {padding-bottom: 0.8rem;position: relative;}
.kszmd .left_swiper .zm_swiper .swiper-slide .imgBox {padding: 0.2rem;position: relative;}
.kszmd .left_swiper .zm_swiper .swiper-slide .imgBox::before {position: absolute;width: 86%;height: 4rem;background-image: url(../img/zmdimgbg2.png);content: "";left: 0;top: 0;background-position: center;background-size: cover;background-repeat: no-repeat;border-radius: 0.1rem 0.6rem 0.1rem 0.6rem;z-index: -1;}
.kszmd .left_swiper .zm_swiper .swiper-slide .imgBox::after {position: absolute;width: 86%;height: 4rem;background-image: url(../img/zmdimgbg2.png);content: "";bottom: 0;right: 0;background-position: center;background-size: cover;background-repeat: no-repeat;border-radius: 0.1rem 0.6rem 0.1rem 0.6rem;z-index: -1;}
.kszmd .left_swiper .zm_swiper .img {width: 100%;height: 4rem;background-color: #000000;border-radius: 0.1rem 0.6rem 0.1rem 0.6rem;background-position: center;background-repeat: no-repeat;background-size: cover;}
.kszmd .left_swiper .zm_swiper .img img{ display:none;}
.kszmd .left_swiper .zm_swiper .swiper-pagination-fraction {color: #fff;text-align: left;font-size: 0.2rem;padding-left: 0.2rem;line-height: 1;}
.kszmd .left_swiper .zm_swiper .swiper-pagination-fraction .swiper-pagination-current {font-size: 0.28rem;color: #00B8CF;}
.kszmd .left_swiper .swiper-button-next,
.kszmd .left_swiper .swiper-button-prev {right: 0;bottom: 0.1rem;top: unset;width: 0.37rem;height: 0.37rem;border-radius: 50%;margin: 0;color: #00B8CF;font-size: 0.1rem;border: 1px solid #00B8CF;z-index: 11;}
.kszmd .left_swiper .swiper-button-next::after,
.kszmd .left_swiper .swiper-button-prev::after {font-size: 0.1rem;}
.kszmd .left_swiper .swiper-button-prev {left: unset;right: 0.47rem;}
.kszmd .left_swiper .swiper-button-next:hover,
.kszmd .left_swiper .swiper-button-prev:hover {background-color: #00B8CF;color: #fff;}
.kszmd .right_nav {width: 30%;background-image: url(../img/tybg2.png);background-position: 0.2rem center;background-repeat: no-repeat;color: #fff;display: flex;align-items: center;/* border-left: 1px solid #fff;border-radius: 10%; *//* padding-left: .2rem; */position: relative;}
.kszmd .right_nav .warper {position: relative;width: 100%;}
.kszmd .right_nav .nav_swiper {height: 7rem;overflow: hidden;}
.kszmd .right_nav .swiper-slide {color: #8f9aa2;display: flex;align-items: center;}
.kszmd .right_nav .swiper-slide {transition: transform 0.6s ease-in-out;}
.kszmd .right_nav .swiper-button-next,
.kszmd .right_nav .swiper-button-prev {left: 1.4rem;bottom: -0.55rem;top: unset;width: 0.37rem;height: 0.37rem;border-radius: 50%;margin: 0;color: #00B8CF;font-size: 0.1rem;border: 1px solid #00B8CF;z-index: 11;transform: rotate(90deg);}
.kszmd .right_nav .swiper-button-next::after,
.kszmd .right_nav .swiper-button-prev::after {font-size: 0.1rem;}
.kszmd .right_nav .swiper-button-prev {/* left: unset; */bottom: unset;top: -0.55rem;}
.kszmd .right_nav .swiper-button-next:hover,
.kszmd .right_nav .swiper-button-prev:hover {background-color: #00B8CF;color: #fff;}
@keyframes slidein {0% {    transform: translateY(100%);    opacity: 0;}100% {    transform: translateY(0);    opacity: 1;}}
.news_nav_swiper {height: 6.5rem;overflow: hidden;width: 3rem;}
.news_nav_swiper .txt {position: relative;padding-left: 0.62rem;color: #8f9aa2;}
.news_nav_swiper .icon {width: 0.4rem;height: 0.4rem;position: absolute;left:0;top:50%;transform:translateY(-50%);background-color: rgba(255, 255, 255, 0.2);border-radius: 100%;}
.news_nav_swiper .icon::before {content: "";width: 0.2rem;height: 0.2rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);border-radius: 50%;background-color: #546b79;}
.news_nav_swiper .txt .cn {font-size: 0.32rem;}
.news_nav_swiper .txt .en {text-transform: uppercase;margin-top: 0.05rem;}
.news_nav_swiper .swiper-slide {transform: scale(0.6) translateX(0.38rem);opacity: 1;}
.news_nav_swiper .swiper-slide.swiper-slide-duplicate-prev,
.news_nav_swiper .swiper-slide.swiper-slide-duplicate-next,
.news_nav_swiper .swiper-slide.swiper-slide-prev,
.news_nav_swiper .swiper-slide.swiper-slide-next {transform: scale(0.8) translateX(-0.1rem);opacity: 0.8;}
.news_nav_swiper .swiper-slide.swiper-slide-active,
.news_nav_swiper .swiper-slide.swiper-slide-duplicate-active {transform: scale(1) translateX(0);opacity: 1;}
.news_nav_swiper .swiper-slide.swiper-slide-duplicate-prev .txt,
.news_nav_swiper .swiper-slide.swiper-slide-duplicate-next .txt,
.news_nav_swiper .swiper-slide-prev .txt,
.news_nav_swiper .swiper-slide-next .txt {color: #dee1e3;}
.news_nav_swiper .swiper-slide-active .txt,
.news_nav_swiper .swiper-slide-duplicate-active .txt {color: #fff;}
.news_nav_swiper .swiper-slide-active .icon::before,
.news_nav_swiper .swiper-slide-duplicate-active .icon::before {background-color: #fff;}
.news_nav_swiper .swiper-slide-prev .icon,
.news_nav_swiper .swiper-slide-next .icon {background-color: rgba(255, 255, 255, 0.1);}
.news_nav_swiper .swiper-slide-prev .icon::before,
.news_nav_swiper .swiper-slide-next .icon::before {background-color: #b7c0c7;}




.zj{ width:75%; margin:0 auto}
.tits{ height:40px;  border-bottom:solid 2px #40C6CD}
.tits img{ width:3%; float:left; margin-right:10px;}
.tits h2{ float:left; font-size:26px; display:inline-block}
.zj{ margin-bottom:40px}
.zj ul li{ width:25%; float:left; text-align:center; padding:20px 15px; height:320px; margin-top:10px;}
.zj ul li img{ max-width:60%}
.zj ul li p{ text-align:left;}
.zj ul li h2{ color:#40C6CD; font-weight:bold; font-size:0.2rem; line-height:0.4rem}





/*联系*/

.n_add05{ position:relative; overflow:hidden;background: url(../img/n_add05.jpg) center center / cover no-repeat; height:700px;}

.video_box{ background:#000; position:absolute; width:100%; height:100%; z-index:0}
.video_box video{ position:absolute;z-index:1;top:50%;left:50%;min-height:100%!important;min-width:100%!important;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%); filter:alpha(opacity=70); opacity:0.5; -moz-opacity:0.7; -khtml-opacity:0.7}

.n_add05 .table{ float:left; width:25%;height:100%;overflow:hidden; border-right:rgba(255,255,255,0.2) 1px solid;text-align: center;position:relative;display:table; table-layout: fixed; padding-top:250px}

.n_add05 .table h3{font-size:60px;color:#fff;font-family:Impact;}
.n_add05 .table h6{ font-size:18px; line-height:30px; color:#fff; text-transform:uppercase}
.n_add05 .table h3{ height:50px;}
.n_add05 .table h4{ font-size:26px; color:#fff; margin:0 0 20px; text-transform:uppercase; }
.n_add05 .table h2{ font-size:30px; color:#fff; margin-bottom:20px}
.n_add05 .table h5{ font-size:16px; line-height:40px; color:#fff; text-transform:uppercase; margin-bottom:20px}

.n_add05 .table .wx{ width:40%; margin:10px 0}

.n_add05 .table:last-child{ border-right:0px;}
.n_add05 .table:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_add05 .table:before{background:rgba(64,198,205,0.75);}
.n_add05 .table:hover:before{ left:0; width:100%}










@media (max-width: 1480px) {
	.news_nav_swiper .swiper-slide {    transform: scale(0.6) translateX(0.3rem);}
}
@media (max-width: 1366px) {
	.news_nav_swiper .swiper-slide {    transform: scale(0.6) translateX(0.2rem);}
	.kszmd .right_nav .swiper-button-next,.kszmd .right_nav .swiper-button-prev {    left: 1.2rem;}
}
@media (max-width: 768px) {
	.kszmd .left_swiper .zm_swiper{ padding-bottom: 0.3rem;}
	.kszmd .left_swiper .zm_swiper .img{ background-size: contain; background-color:transparent; height:3.2rem;}
	.kszmd .left_swiper .zm_swiper .swiper-slide .imgBox::before,
	.kszmd .left_swiper .zm_swiper .swiper-slide .imgBox::after{ height:3.2rem;}
	.kszmd .left_swiper .par_con{margin: 0.2rem 0 0.25rem;}.kszmd,.kszmd_2 {    padding-left: 0;    min-height: auto;    padding-right: 0;}.kszmd .left_swiper {    width: 90%;    margin: 0 auto;}.kszmd .right_nav {    width: 100%;    display: none;}}






@media screen and (max-width:1899px) {
	.conzj li div { top: 50%;}
	.conzj li img {width: 85%;}
	.box{height:350px;}
	.zj ul li h2{ font-size:20px}
}
@media screen and (max-width:1759px) {
.zj ul li h2{ font-size:18px}	
}
@media screen and (max-width:1699px) {
	.conzj li div { top:47%;}
	.conzj li img {width: 82%;}
	.conzj li div h2 {font-size:40px; line-height: 60px;}
	.conzj li div p{ font-size:16px}
	
	.box{margin:120px auto;}
	
}
@media screen and (max-width:1579px) {.zj ul li h2{ font-size:16px}	.zj ul li p{ line-height:25px;}}

@media screen and (max-width:1529px) {
	.conzj {    padding:2% 0 0 0;}
	.conzj li{padding-bottom:250px; height:700px}
	.conzj li div h2 {font-size:40px; line-height: 60px;}
	.conzj li div p{ font-size:16px}
	
	.con2li{border-radius:30px 30px 0 0;}
		.box{margin:100px auto;}
}
@media screen and (max-width:1449px) {.wid1200,.zj{ width:85%}.zj ul li h2{ font-size:16px}	.zj ul li p{ line-height:25px;}}

@media screen and (max-width:1399px) {
	
	.conzj {    padding: 2% 1% 0 1%;}
	.conzj li div h2 {font-size:35px;}
	.conzj li div p{ font-size:14px}
	
	.box{margin:120px auto 80px auto;}
}
	
@media screen and (max-width:1259px) {
	.conzj li{ height:600px}
	.conzj li div { top:40%;width: 75%;}
	.conzj li div span{ font-size:16px}
	.conzj li img {width: 80%;}
	
	.con2li{padding: 40px 50px 10px 50px;}
	
	.box{margin:100px auto 20px auto;}
}	
@media screen and (max-width:1159px) {
	.conzj li div { top:37%;width: 75%;}
	.conzj li div h2 {font-size:32px;}
	.conzj li div span{ font-size:14px}
	.box{ height:300px;}
}		

@media screen and (max-width: 899px) {
	.banner{/*padding-top: 60px;*/}
	/*.banner .bd li{ width:100%; height:100%}
	.banner .bd li .ban-vd {display: block;width:50px; height:auto;position: absolute;top: 65%;left: 50%;z-index: 3;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
	.banner .bd li  .ban-video {min-height: 100%;width: 110%;position: absolute;top: 50%;left: 50%;z-index: 2;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}*/
	

	.banner .ban-vd {display: block;width:50px; height:auto;position: absolute;top: 55%;left: 50%;z-index: 3;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
	.banner .ban-video {min-height: 100%;width: 110%;position: absolute;top: 50%;left: 50%;z-index: 2;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
	
	.imgBj.pos { width: 100%;  height: 100%;}
	.imgBj{	background: no-repeat center;	background-size: cover;}



.gytk-bj{	width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 69;background: rgba(0,0,0,.6);display: none;}
.gytk{width: 100%;max-width: 80%;max-height: 90%;position: absolute;top: 50%;left: 50%;z-index: 2;text-align: center;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.gytk>i{width: 80px;height: 80px;background: #fff;position: absolute;top: 0;right: -80px;}
.gytk>i:after{content: '';position: absolute;width: 100%;height: 0%;bottom: 0;left: 0;background: #e6e6e6;z-index: 2;transition: all .5s;
-webkit-transition: all .5s;}
.gytk>i:before{content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: url(../img/x03.png) no-repeat center;z-index: 3;transition: all .5s;
-webkit-transition: all .5s;}
.gytk>i:hover:after{height: 100%;transition: all .5s;
-webkit-transition: all .5s;}
.gytk>i:hover:before{transform: rotate(180deg);-webkit-transform: rotate(180deg);transition: all .5s;
-webkit-transition: all .5s;}
.gytk video,.gytk img{	max-width: 100%;max-height: 80vh;}
.gytk-bj>i{display: inline-block;width:55px;height:55px;background: url(../x02.png) no-repeat center; background-size: cover;position: absolute;top: 5%;right: 20%;display: none;}



	
	
	
	
	
	.syzj img{ padding-top:0}
	
	
	.wid1200{ width:94%; }
	.m_nav a img{ width:150px}
	.conzj {}
.conzj li{ height:300px;}
	.conzj li div { top:50%;width: 80%;}
	.conzj li div h2 {font-size:24px;}
	.conzj li {    padding-bottom:50px;}
	.conzj li img{ width:80%}
	.conzj li p{ display:none}
	.box{ height:200px;margin:70px auto 40px auto;}
	.sj{ display: block}
	.pc{ display:none}
	.navs{ display:none}
	.con21 {padding-top: 23%;}
	.con2li{padding: 30px 40px;border-radius: 15px 15px 0 0; /*width: 80%;*/}
	.con2li img{ height:180px;}
	.linksimg{ width:60%}
	/*.links div a {    width: 25%;}*/
	.links div img {    width: 24%; padding:5px;}
	.aboutr,.ab_ab img{ width:100%}
	.ab_ab img{ margin-bottom:20px;}
	.concp{ padding:20px 2%}
	
	.zj{ width:94%}
	.tits img{ width:7%}
	.tits h2{ font-size:22px}
	.zj ul li{ width:33%; height:400px}
	
	.full_width{ display:none}
	
	
	/*联系*/
.video_box{ display:none}
.n_add05 {	position:relative; background:url(../img/n_add05.jpg) center no-repeat; background-size:cover; height:auto}
.n_add05 .table{ width:50%; height: auto; padding:20px;  border-top: rgba(255, 255, 255, 0.2) 1px solid;}
.layui-container01{ width:100%;padding:0}
	.n_add05 .table h3{ font-size:36px}
	.n_add05 .table h2{ font-size:16px}
	.n_add05 .table h4{ font-size:22px; margin-bottom:0}
	.n_add05 .table h5{ line-height:30px}





}
@media(max-width:1200px){
.gytk{max-width: 96%;}.gytk-bj>i{right: 5%;}
.gytk>i{width: 50px;height: 50px;right: 0;top: -50px;}
.ban-vd{display: block;width: 80px;position: absolute;top: 65%;left: 50%;z-index: 3;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);	}
}

@media(max-width:750px){
	.ban-vd{width: 1rem;}
	.gytk{max-width: 100%;}
	.gytk>i{width: .6rem;height: .6rem;right: 0;top: -.6rem;}
	.gytk>i:before{background-size: .35rem;}
.con1{ padding-bottom:0}
}




@media screen and (max-width: 718px) {
	/*.con21 {padding-left: 10%;}
	.con2li{ width: 90%;}*/
	.zjtit{ margin:0 2% 5% 2%}
	.con2li img{ height:150px;}
	.box{ /*height:150px;*/ margin-bottom:0}
	.conzj{ padding:2% 0 0 0;}
	.conzj li{height: auto; overflow:hidden; padding-bottom:0}
	.conzj li div h2 {font-size:0.25rem; line-height:0.4rem}
	.conzj li div{margin: 0 0 0 10px;}
	.conzj li div span{ line-height:20px;}

	.concp h2,.zjtit h2{ font-size:0.4rem; line-height:0.6rem;}
	
		.sycp .bd ul li{float:left;overflow:hidden;width:100%  }
}

@media screen and (max-width: 658px) {
	.zj ul li{ width:50%; height:300px}
	.zj ul li h2{ font-size:18px;}
	.zj ul li p{ font-size:14px;}
	/*.conzj li{height: 220px;}*/
	
	.concp h2, .zjtit h2 {    font-size: 0.3rem;    line-height: 0.5rem;}
	.zjtit p, .concp p {    font-size: 0.15rem;}
	.conzj li div h2 {    font-size: 0.2rem;}
}
@media screen and (max-width: 618px) {
/*	.conzj li div h2{ font-size:18px;}*/
	.conzj li div { top:40%;width: 85%;}
	.conzj {    padding:3% 0 0 0;}
	
	/*.conzj li {    height: 220px;padding-bottom:80px;width: 22%;margin-right: 3%;}*/
	.box{ height:170px;margin-top:50px;}
	

	.con21{ width:65%}
	.con2li img{ height:130px;}
	.zj ul li{ height:320px}
	.zj ul li h2{ font-size:16px;line-height:25px}
	.zj ul li p{ line-height:22px}
}

@media screen and (max-width: 578px) {.box{ height:150px;}.concp h2,.zjtit h2{ /*font-size:30px; line-height:0.4rem*/}}

@media screen and (max-width: 528px) {
	.con21{ width:75%; margin-bottom:20px;}
	.con2li {padding: 20px 30px 0 30px;}
	/*.conzj li div h2 {   font-size: 16px;}*/
	.box{ height:150px;}
}

@media screen and (max-width: 478px) {
	.con2li{    padding: 30px 30px 0 30px;}
	.con2li img{ height:110px;}
	.con2li h3{ font-size:14px;padding: 10px 0;}
	.con2li h3 a{ width:25px; height:25px; line-height:25px;}
	.links{ padding-top:30px;}
	/*.links div a {    width: 33%;}
	.links div a img{ width:100%}*/
	.box{ height:130px; margin-top:40px;}
	.links div img {    width: 32%;}
	.conzj li{ height: auto; padding-bottom:20px;}
	/*.conzj li div h2 {font-size:14px;line-height:20px;}*/
	.conzj li div span{ font-size:12px}
	.conzj li img { width: 70%;}
	
/*	.concp h2,.zjtit h2{ font-size:24px;    line-height:30px;}*/
	.concp p,.zjtit p{ /*font-size:14px; line-height:20px; padding-top:5px; font-weight:100*/ line-height:0.25rem}
}
@media screen and (max-width: 428px) {.box{ height:110px;}}
@media screen and (max-width: 378px) {
/*	.conzj li{padding-bottom:50px;}*/
	.conzj li div { top:40%;}
	/*.conzj li div h2 {font-size:14px;}
	.concp h2,.zjtit h2{ font-size:26px;}*/
	.con21{ width:80%;}
	.box{ height:100px;}
	.con2li {padding: 20px 20px 0 20px;}
}

@media screen and (max-width: 348px) {.box{ height:90px;}}