@charset "utf-8";
@media screen and (max-width: 1920px) {

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

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

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

.container{ max-width:100%; width: 100%; padding-left: 10px; padding-right:10px }
.header{height: 70px;}
.header h1>a{font-size:18px; line-height: 70px }
		.nav li{width:25%;}
.header h1>a>img{width: 120px;}
.nav li{font-size: 16px}
.dtit {padding: 20px 0}
.dtit span{font-size: 22px;}
.syab{padding:20px 0}
.syabz b{font-size: 22px;}
.syabz .more{width: 140px;height: 30px; line-height: 30px}
.sydemo{margin: 20px auto}
.sydemoy li.zi>img{height: 220px}
.sydemoy li.zi .mask{padding: 20px}
.sydemoy li.zi .mask span{font-size: 18px;}
.sydemoy li.zi .mask img{width: 40px;}
.synews{margin-bottom: 20px;padding: 20px 0}
.synews li .t{font-size: 22px;}
.synews li .t>a{width: 160px; height: 35px; line-height: 35px; font-size: 16px;}
.footer{padding: 20px 0}

.typemenu li>a{height: 45px; line-height: 45px; padding: 0 30px}
.fenye{margin: 20px auto}
.news{margin-bottom: 20px}
.neirong{margin-bottom: 20px}
.contact{margin: 20px 0}
}


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


.synews li .t{font-size: 20px}
.sydemoy li.zi .mask span{margin: 5px 0}
.zuo{width: 100%; padding:10px 0px;background: none}
.zuo li{width: 31%;margin: 0 1%; float: left;margin-bottom: 5px;background-color: #2b5a99}
.zuo li>a{height: 35px; line-height: 35px}
.protu{width: 100%}
.protu li{margin-bottom: 10px}
}

@media screen and (max-width: 860px) {
.header h1>a{font-size:14px;}
}

@media screen and (max-width:768px) {
		.neirongs p span{font-size:14px!important;}
	.znav{display: none!important}
	.zuo li p{display: none!important}
	.zi{display: none!important}
.thougt{width:100%}
	.neirong-ts>h1{font-size: 18px}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0px!important}
.header{height: 63px;position: fixed; top: 0; left: 0; z-index:3;}
.header h1{}
.header h1>a>img{width: 70px;float: left;}
.header h1>a{font-size: 12px;line-height: 15px;}
.healang{margin-top: 0; position: absolute;left: 0; top: 36px;width: 100%;
text-align: center;}
.healang>a>img{display: none}
.healang>a{float: left; width: 50%; color: #333333}

.navbtn{position: absolute; right:5px; top:14px;z-index: 3;
display: block; background: transparent; outline: none}
.navbtn span {display: block;width:26px;height:2px;background-color: #333333;
margin-left: calc(50% - 15px);margin-bottom:3px; transition: all .5s ease-out;transform-origin: 0 0;
-webkit-transition: all .5s ease-out; -webkit-transform-origin: 0 0;
-moz-transition: all .5s ease-out; -moz-transform-origin: 0 0;
-ms-transition: all .5s ease-out; -ms-transform-origin: 0 0;
-o-transition: all .5s ease-out; -o-transform-origin: 0 0;}
.navbtn.active{ background: rgba(0,0,0,0.9); padding:4px 0px 4px 3px; top: 7px;}
.navbtn.active span{background: #fff;}
.navbtn.active span:nth-child(2) { opacity: 0;}
.navbtn.active span:first-child {transform: rotate(45deg) translate(2px, -5px);}
.navbtn.active span:last-child {transform: rotate(-45deg) translate(-2px, 6px);}
.nav{display: none;position: fixed;width:40%;min-width: 220px; height:calc(100vh - 63px);top:63px; overflow: auto;
	background: rgba(0,0,0,0.9); padding: 20px 0; z-index: 3;
right:-100%; transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;
-ms-transition: all .5s;-moz-transition: all .5s;}
.nav li{width: 100%;}
.nav li:hover, .nav li.cur{background: none; color: #ff0000}
.nav.lef{right: 0}
.banner,.nban{margin-top: 63px;}
.syab{padding: 10px 0}
.syaby{width: 100%;}
.syabz{width: 100%;margin-top: 10px}
.syabz span{margin: 5px 0}
.syabz .more{margin-top: 10px}
.syabz b{font-size: 18px}
.sydemoz{width: 100%;margin-bottom: 10px}
.sydemoy{width: 100%;}
.sydemoy li{width: 50%;float: left;}
.sydemoy li.zi>img{height: 100%}
.sydemoy li.zi .mask{padding: 40px 20px}
.dtit{padding: 10px 0}
.dtit span{font-size: 18px}
.sydemo{margin: 10px auto}
.sydemoz span{margin: 5px 0}
.synews{padding: 10px 0 0 0;margin-bottom: 10px}
.synews li .t{font-size: 18px;}
.synews li .t>a{margin-top: 10px}
.synews li{width: 50%;margin-bottom: 10px}
.synews li p{margin: 2px 0}
.footer{display: none}

.typemenu li>a{height: 35px; line-height: 35px; padding: 0 20px}
.news li p{margin:0}
.news li{padding: 10px 0; margin-bottom: 0}
#dituContent{height: 200px}
.contact p{width: 100%; margin: 0}
.zuo li{width: 48%;}
.protu li{width: 48%;}

.news li i{display: none}

.neironge{width: 100%;}
}

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

.sydemoy li{width: 100%;}
.sydemoy li.zi .mask{padding: 10px}
.sydemoy li.zi>img{height: 170px}

.banner .swiper-slide{ overflow:hidden }
.banner .swiper-slide img{ width:130%; margin-left:-15%; }

.nban{ overflow:hidden; }
.nban img{ width:150%; margin-left:-25%; }
}