@charset "utf-8";
@media screen and (max-width: 1920px) {
}
@media screen and (max-width: 1680px) {
.syabout{height: 400px}
.syaboutz{top: 30px}
}

@media screen and (max-width: 1600px) {
.synews .synewstopy p{max-height: 45px}
}

@media screen and (max-width: 1440px) {
.syabout{height: 360px}
.syaboutz{top: 18px}
.container{ max-width: 1200px}
.syzshu ul{padding-bottom: 60px}

.ban{height: 400px}
.ban b{font-size: 30px}
.dtit{padding: 30px 0}
.typename{height: 70px; line-height: 70px; margin-top: -70px}
.typename span>i{line-height: 20px;}

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

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

@media screen and (max-width: 1200px) {
.container{width: 100%; max-width:100%; padding-left: 10px; padding-right:10px }
.hea h1{font-size: 20px}
.hea h1 a img{height: 80px;margin-right: 10px}
.nav{line-height: 80px; width: 56%}

.ban{height: 350px}
.ban b{font-size: 24px}
.dtit span{font-size: 26px}
}

@media screen and (max-width: 1024px) {
.syabout{height: 320px}
.syaboutz{top: 10px}
.synews .synewstopy .more{display:none}
.syzhuanli .syzhuanli-prev, .syzhuanli .syzhuanli-next{height: 100px; margin-top: -50px}

.ban{height: 300px}
.ban b{font-size: 20px}
}

@media screen and (max-width: 960px) {
.dtit{ padding: 20px 0; line-height: 22px}
.dtit span{font-size: 22px;}
.syproject li .mask .more{ margin-top:4%; height: 35px; line-height: 35px;width:160px ; }

.typename{height: 55px; line-height: 55px; margin-top: -55px}
.typename span{font-size: 16px}
.typename span>i{line-height: 20px; margin-top: 7px}

.newslist .synewstop figure{width: 35%;}
.newslist .synewstopy{width: 60%;}
.newslist .synewstopy p{max-height: 45px}
}

@media screen and (max-width: 860px) {
.hea{position: fixed; top: 0; left: 0; z-index:2;}
.heabor{ border-bottom: 1px solid #da251c }
.hea h1 {float: none;text-align: center;}
.hea h1 a img{height: 60px}


.navbtn{position: absolute; left:10px; top:22px;
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: #da251c; 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: 60px; 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: 50px}
.nav li>a{color: #fff}

.banner{margin-top: 60px!important;}


.syabout{height: 290px;}
.syaboutz{top: 5px}
.syzhuanli .container{top: 20px;}
.syzhuanli .syzhuanli-prev{left: 10px}
.syzhuanli .syzhuanli-next{right: 10px}

.ban{margin-top: 60px;}
.posi {display: none}
.contact .ditu>div{height: 300px}

}

@media screen and (max-width:768px) {
.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0!important;}
.banner .swiper-pagination-bullet{width: 30px; height: 2px}
.banner .ban-prev, .banner .ban-next{padding: 5px 10px}
.banner .ban-prev img, .banner .ban-next img{width:12px ; height: 22px}

.syabout{height: auto; background-image: none!important; margin-top: 10px}
.syaboutz{position: static; width: 100%;}
.syaboutz .more{right: 10px; bottom: 10px; top: auto;}
.syaboutz span{font-size: 18px}
.syaboutz ul{margin-top: 20px}
.syaboutz .more{width: 35px; height: 35px; line-height: 35px}

.syproject li{width: 50%; padding: 10px;}
.syproject .damore{width: 200px; height: 40px; line-height: 40px; margin:20px auto;}
.syproject li .mask{opacity: 1; background:none}
.syproject li .mask i{opacity: 0;}
.syproject li .mask .more{transform: none}

.xtit{font-size: 18px; margin-bottom: 20px}
.xtit a{margin-top: 6px}
.xtit span{display: none}
.synews{padding: 10px;width: 49%;}
.synews .synewstop figure{width: 100%;}
.synews .synewstopy{width: 100%; margin-top: 10px}
.synews .synewstopy i{display: none;}
.synews .synewstopy p{display: none;}
.synews .synewsxia{display: none}
/*newslist*/
.newslist .synewstop figure{width: 60%;}
.newslist .synewstopy{width: 100%;}
.newslist .synewstopy p{display: none}
.newslist .synewstopy i{display: none;}
.newslist .synewstopy .more{display: none;}

.syzshu{padding: 10px; width: 49%;}
.syzshu ul{padding-bottom: 25px}
.syzshu li{padding: 5px}

.syzhuanli li{width:28%; padding: 5px}
.syzhuanli .syzhuanli-prev, .syzhuanli .syzhuanli-next{width: 25px; height:60px;
	margin-top: -30px;background-size: 50%}

footer{padding-top: 10px}
.footul{display: none;}
.footzi{width: 100%;}
.footzi span{display: none}
.copy{margin-top: 10px; padding: 5px 0}

.ban{height: 250px;}
.ban b, .ban p{display: none}
.typename span{display: none;}
.zizhi li{width: 29%; margin-right:2%!important; margin-left: 2%}

.neirong-t>h1{font-size: 20px}
.artpage .return{display: none}

.clear4{ display: none; }
.clear3{ display: block; }
.clear2{ display: none; }

}

@media screen and (max-width:640px) {
.banner{display: none}
.bannerm{display: block;}
.typename{padding: 5px 0; height: auto; line-height: 25px; margin-top: 0; background:#393939}
.typename p>a{width: 20%; display: inline-block; text-align: center;
margin:0 5% 0 3% }

}

@media screen and (max-width:480px) {
.hea h1{height: 45px;line-height: 45px; font-size: 18px}
.hea h1 a{display: inline-block;}
.hea h1 a img{/*height: 45px; margin-right: 5px*/ display: none}
.navbtn{top: 13px}
.nav{top: 45px}
.banner{margin-top: 45px!important}
.banner .ban-prev{left: 5px}
.banner .ban-next{right: 5px}
.banner .ban-prev img, .banner .ban-next img { width: 10px; height: 18px;}

.ban{margin-top: 45px; height: 180px}

.syaboutz p{line-height: 1.6; max-height: 40px; font-size: 14px}
.syaboutz ul>li{margin-right:0; width: 25%; font-size: 12px; margin-bottom: 10px;}
.syaboutz ul>li>i{margin-bottom: 2px}
.syaboutz ul>li>i>img{height:25px }
.syaboutz .more{width: 30px; height: 30px; line-height: 30px}
.dtit{line-height: 20px; padding: 12px 0 }
.dtit span{font-size: 20px}

.syproject li{padding:5px;}
.syproject li .mask{padding-top: 36%}
.syproject li .mask .more{display: none}
.syproject .damore{width: 160px; height: 35px; line-height: 35px}

.synews{width: 100%;}
.synewstop figure span{font-size: 30px; padding: 3px 6px 0 6px; line-height: 22px}
.syzshu{width: 100%; margin-top: 10px}

.syzhuanli li{width:46.5%;}
.newslist .synewsxia li{max-height: 32px; overflow: hidden;}
.newslist .synewstopy span{margin-top: 10px}
.newslist .synewsxia li span{display: none}
.newslist .synewstop figure{width: 100%;}

.zizhi li{width:46%; padding: 5px}
.hui{padding: 10px 0}
.contact .ditu>div{height: 250px}


.clear4{ display: none; }
.clear3{ display: none; }
.clear2{ display: block; }
}