@charset "utf-8";

@media screen and (max-width: 1600px) {
.banner .swiper-slide{height: 460px}
.ban{height: 290px}
}

@media screen and (max-width: 1440px) {
.container{ max-width:1024px;}
.hea .logo .img1{height:70px}
.hea .logo .img2{height:34px}
.nav li{line-height: 59px;}
.znav{top:59px; padding: 5px;}
.znav2{top:59px; padding: 5px;}
.znav>a{line-height: 30px}
.nav li>a{padding: 3px 8px;}

.banner .swiper-slide{height: 410px}
.ban{height: 260px}
.shebei li p{padding: 8px 0}
.youshiz .sh li i>img{max-height: 60px}
.youshiz .sh li p{font-size: 18px;}
.youshiz .xia li{height: 65px; line-height: 65px; font-size: 19px}
.youshiz .xia li i{margin-top: 4px}
.youshiy{margin-top: 2%;}
.footzi{width: 77%;}
.footul li{margin-right: 7%}
}

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

@media screen and (max-width: 1280px){
.banner .swiper-slide{height:360px}
.ban{height: 230px}
}

@media screen and (max-width: 1200px) {
.znav{left: -110%}
.znav2{left: -110%}
.kuan6{right:0; left:auto;}

.zuo-t{padding: 10px 30px; font-size: 18px}
}


@media screen and (max-width: 1024px) {
.container{ max-width:100%; padding-left: 10px; padding-right:10px }
.banner .swiper-slide{height:300px}
.ban{height: 190px}
.youshiz .xia li{font-size: 18px;}
.hea{position: fixed; top: 0; left: 0; z-index:2;}
.heabor{ border-bottom: 1px solid #21b5db }
.hea .logo {float: none;text-align: center;}
.hea .logo>a{padding: 4px 0}
.tel{display: none}
.znav{display: none!important}
.znav2{display: none!important}

.navbtn{position: absolute; left:10px; top:35px;
display: block; background: transparent; outline: none}
.navbtn span {display: block;width:28px;height:3px;background-color: #333333;
margin-left: calc(50% - 15px);margin-bottom:5px; transition: all .5s ease-out;transform-origin: 0 0;}
.navbtn.active{ background: #21b5db; padding: 2px}
.navbtn.active span{background: #fff;}
.navbtn.active span:nth-child(2) { opacity: 0;}
.navbtn.active span:first-child {transform: rotate(45deg) translate(5px, -4px);}
.navbtn.active span:last-child {transform: rotate(-45deg) translate(-1px, 6px);}

.nav{display: none;position: fixed;width:40%; height:100%;top: 78px; float: none;
	background: rgba(0,0,0,0.9); padding: 20px 0; z-index: 3;
left:-50%; transition: all .5s}
.nav.lef{left: 0}
.nav li{width: 100%; line-height: 35px; margin-bottom: 15px; text-align: center; padding: 0}
.nav li>a{color: #fff; display: block;}
.banner{margin-top: 78px!important}
.ban{margin-top: 78px}
.dtit{font-size: 32px; line-height: 32px;}
.dtit>span{font-size: 20px;}
.anli-dmore{width: 35%;}

.imp-new .pic{height: 200px}
.ort-new li{padding: 15px 0}
}
@media screen and (max-width: 1000px) {
.youshiz .xia li i{margin-top: 0}
.youshiz .xia li { line-height: 24px; padding-top:4px}
}

@media screen and (max-width: 960px) {
.sea{width: 70%}
.video{ width:100%;}

}

@media screen and (max-width: 860px) {
.banner .swiper-slide{height:250px}
.ban{height: 160px}

.youshiz{width: 100%;}
.youshiy{display: none;}
.imp-new{width: 100%; margin-bottom: 20px}
.imp-new .pic{width:48%; height: 180px; float: left;}
.imp-new .imp-txt{width: 50%; float: right;}
.ort-new{width: 100%;}

.youshi{margin-bottom: 20px}
.syabout{padding-bottom: 0}
.synews{margin-top: 0}
.footzi{width: 100%;}
.footwx {float: left; margin-top: 20px}

.zuo-t{background:#11acd4; padding: 10px}
.liuc{width: 80%}

.anli li{width: 31.3%; margin-right: 2%!important;margin-bottom: 10px }
.anli li .zi{padding: 5px}
.anli li .zi p{ height:54px; font-size:12px; line-height:16px;}


.copy .copytxt{ width:100%; float:none;}
.copy .bdsharebuttonbox{ width:100%; float:none; margin-top:10px;}

}


@media screen and (max-width:768px) {
.banner .swiper-slide{height:210px}
.ban{height: 130px}
.cpban{ width:100%;}
.cpban img{ width:100%;}
.cpban .swiper-wrapper{ width:100%;}
.hea .logo { line-height: 44px; height: 44px; }
.hea .logo .img1{display: none}
.hea .logo .img2{height: 32px;}
.hea .logo>a{padding: 0}
.navbtn{top: 13px}
.nav{top: 44px;}
.banner{margin-top: 44px!important}
.ban{margin-top: 44px}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0!important;}
.banner .swiper-pagination-bullet{width: 5px; height: 5px}
.shebei-m li{font-size: 18px; width: auto; height: auto; line-height: inherit; 
	padding: 5px 20px;}
.shebei-m .more{margin-top: 0}
.shebei li{ margin-bottom: 10px; padding: 5px}
.shebei li figure .mask i{font-size: 16px}
.shebei li figure .mask i img{max-height: 25px}
.anli-t{font-size: 20px; margin: 10px 0 20px 0}
.anli-dmore{padding: 10px 0}
.anli li .zi span{ font-size:14px; height:23px; overflow:hidden;}
.dtit{font-size: 26px; line-height: 25px; padding: 15px 0}

.syabout p{ font-size:16px; line-height:1.6;}

.dtit>span{font-size: 18px}
.youshiz .sh li p{font-size: 16px}
.youshiz .sh li{padding: 5px; font-size: 16px}
.youshiz .sh li i{margin-bottom: 5px}
.youshiz .sh li i>img{max-height: 50px}
.youshiz .xia li{font-size: 18px}
.syabout-dmore{height: 40px; line-height: 40px;width: 220px}
.syabout-dmore>i{top: 12px}
.ort-new-t{font-size: 20px; }
.footul{display: none}
.footzi{display: none}
.footwx{display: none}
.copy{margin-top: 0}

.posi {margin-bottom: 10px}
.posi span{margin-left: 0}
.zuo{width: 100%; margin: 0;}
.zuo .xiala{ display:none!important;}
.zuo-t{display: none}

.you{width: 100%}
.zuo ul{width: 100%; padding:10px 5px; padding-bottom: 0; min-height: auto; display: table;}
.zuo li{width: auto; float: left; padding: 5px 10px; height: auto; line-height: inherit;
margin-right: 10px}
.zuo li>a{padding: 0; background:none;}
.zuo li.cur, .zuo li:hover{background: #11acd4; color: #fff}
.zuo li.cur a, .zuo li:hover a{background-image: none}

.sea .k{height: 40px; line-height: 40px;}
.sea .b{height: 40px; line-height: 40px;}

.shebeicon-t>h1{font-size: 20px}
.shebeicon img{ max-width:100%; height:auto!important; }
.shebeicon video{max-width:100%; height:auto!important; }
.sbvideo .video-js { width:100%; height:calc(40vh); }

.liuc-t{font-size: 20px}
.newslist .imp-txt p{max-height:48px}
.neirong-t>h1{font-size: 20px}
.artpage .return{display: none;}
.contact .maps{height: 220px}
.areali{ width:50%;}

}

@media screen and (max-width:640px) {
.youshiz .xia li{background: #21b5db; height: auto; padding: 5px; border-radius: 40px;
line-height: 26px}
.youshiz .xia li i{margin: 0}
.sea{float: left;width: 100%}
}

@media screen and (max-width:480px) {
.shebei-m li{font-size: 16px; padding: 5px;}
.shebei-m .more{margin-top: 5px}
.shebei li{width: 48%;margin-right:2%!important;}
.shebei li:nth-child(9){ display: none; }
.shebei li p{font-size: 14px; padding: 5px 0}
.anli li{width: 48%;}
.anli li .zi span{font-size: 14px;}
.anli li .zi span:after{margin: 2px 0 10px 0}
.anli li .zi .more{height: 30px; line-height: 30px}
.anli-dmore{width: 80%}

.dtit{font-size: 20px; line-height: 20px}
.dtit>span{font-size: 16px;}
.youshi{padding: 10px 0 0 0 }
.youshiz .xia li{border-radius: 0; font-size: 16px;}
.youshiz .sh li i>img{max-height: 35px}
.youshiz .xia li i{display: none}
.imp-new .pic{width: 100%}
.imp-new .pic img{width: 100%; height: auto;}
.imp-new .imp-txt{width: 100%}
.ort-new li .date .day{font-size: 26px}
.ort-new li .content span{font-size: 14px;}

.synews{margin-bottom: 0}

.zuo li{width: 32%; margin-right: 1%; padding: 5px 0; text-align: center;}

.shebeicon-t>h1{font-size:18px}
.shebeicon-m li{width: 33.3%; height: 35px; line-height: 35px;}
.xiangg-t{width: 200px; height: 35px; line-height: 35px;}
.liuc{width: 100%}
.liuc p span{width: 22%}
.liuc p img{ height: 35px; width: 40% }
.liuc p .k{width: 78%}
.liuc p .xk{width: 30%}
.liuc .ti{margin-left: 22%}
.liuc-t{display: none}

.neirong-t>h1{font-size: 18px}
.newslist .imp-new .pic{width: 100%}
.newslist .imp-new .imp-txt{width: 100%}

.liuc p .dk{height: 100px}
.ort-new li .content p{margin-top: 0}
}