@charset "utf-8";



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

.container{width: 100%; max-width:100%; padding-left: 10px; padding-right:10px }

.nav{width: 75%}

.nav li{margin-left: 3.4%}

}



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

header h1 img{height: 90px}

.nav li{margin-left: 2.1%;}

.foot01{margin-right:0; background: none;}

.foot02{padding-right:0; background: none;}



.anli li b{height: 200px}

}



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

header{height: auto; line-height: 0;}

header h1 img{height: 80px; margin:5px 0;}

.banner, .nban{margin-top: 90px}

.nav_click{display: block; position: absolute; top:33px;right:0px; 

  background: none;border: none;outline: none;cursor: pointer;}

.nav_click span{display: block;width:26px;height:2px;margin:6px;background-color: #0093f2;

  -webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}

.navclose{display: block;width: 100%;text-align: right; 

    cursor: pointer; clear: both;

    padding-right:10px; padding-top: 10px}

.nav{display: none; position: fixed;width: 100%; height: 100%; top:0; left: 0; 

 background: rgba(0,0,0,0.9);  z-index: 12;/*overflow-y: hidden;*/ overflow: auto;}

.nav li { width: 100%;margin: 0; line-height: 55px}

.nav li i{display: none}

.nav li>a{color: #fff;

    -webkit-animation-duration: 0.5s;

    animation-duration: 0.5s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-name: return;

    animation-name: return;

}

@-webkit-keyframes return {

    from {

        opacity: 0;

        -webkit-transform: translate3d(0, 100%, 0);

        transform: translate3d(0, 100%, 0);

    }

    to {

        opacity: 1;

        -webkit-transform: none;

        transform: none;

    }

}



.foot01{width: 100%}

.foot-t{font-size: 20px; margin-bottom: 10px}

.foot01 a{width: auto; margin-right: 10px}

.foot-t>i{display: inline-block;}

.footwx{text-align:center;margin:0 auto;float: none;}
.footwx p{display: none;}



.syfuwu li{width: 30%; margin-right: 2.5%}



.anli li b{height: 150px}



.newslist li .zi{width: 80%}



.peijiantu li figure{height: 250px}

}



@media screen and (max-width:768px) {
.syfuwu li p{font-size:13px;margin-top:10px }
.fuwucon{font-size:11px; margin: 20px 0;}
.peijiancon img{max-width: 100%;}
.neirong img{width: auto; max-width: 100%}

.dtit{padding: 15px 0}

.dtit span{font-size: 20px}

.syanli li{width: 48%; margin-bottom: 10px}

.peijianname li{margin: 0 10px}

.peijiantu li figure{height: 240px}

/*.foot{display: none}*/
.foot01{display: none}
.foot02{display: none}
.copy{padding: 10px 0}



.hezuo li{margin-right: 5%; margin-bottom: 10px; width: 28%}



.contact-z{width: 100%; float: none; font-size: 16px}

.contact-z span{font-size: 20px}

.contact-y{width: 100%; float: none; margin-top: 20px}

.ditu>div{height: 250px!important}



.anli li{width: 48%; margin-right: 2%!important}



.anli li b{height: 220px}



.newsimp img{width: 50%; float: none}



.newsimp .newsimpy{width: 100%; float: none; margin-top: 20px}

.newslist li .zi{width: 76%}

.newslist li .date{padding-right: 20px; font-size: 20px}

.newslist li .zi p{max-height: 55px; overflow: hidden;}



.neirong>h1{font-size: 18px; padding-bottom: 10px; margin-bottom: 15px}



.peizuo{width: 100%; border: 1px solid #e4e4e4; border-left: none; border-right: none;

 padding:10px 0px;}

.peizuo li{width: 50%; float: left; position: relative; margin-bottom: 10px;}

.peizuo li>p{display: none; position: absolute; width: 100%;

 background:#fff;border: 1px solid #e4e4e4;z-index: 2}

.peizuo li>span{border: none; line-height: 35px; padding-left: 20px; text-align: left;}

.peiyou{width: 100%}

}





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

header h1 img{height: 60px;}

.nav_click{top: 20px}

.banner, .nban{margin-top: 70px}

.swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0!important}

.nban img{display: none}

.syfuwu li span{padding: 5px 0}

.syfuwu li span>i{height: 55px;}

.syfuwu li.cur span>i.i01, .syfuwu li span>i.i01, .syfuwu li:hover span>i.i01{ background-size:contain;}

.syfuwu li.cur span>i.i02, .syfuwu li span>i.i02, .syfuwu li:hover span>i.i02{ background-size:contain;}

.syfuwu li.cur span>i.i03, .syfuwu li span>i.i03, .syfuwu li:hover span>i.i03{ background-size:contain;}

.syfuwu li.cur span>i.i04, .syfuwu li span>i.i04, .syfuwu li:hover span>i.i04{ background-size:contain;}

.syfuwu li.cur span>i.i05, .syfuwu li span>i.i05, .syfuwu li:hover span>i.i05{ background-size:contain;}







.peijiantu li{width: 48%; margin-right: 2%!important; margin-bottom: 15px}

.syanli li .syanlix1{padding: 10px}

.peijianname{line-height: 35px; margin-bottom: 15px; padding: 10px 0}

.hezuo li{width: 48%; margin-right: 1.5%;}

.about{margin-bottom: 20px}



.peijiantu li p{font-size: 16px; line-height: 40px}



.neirong{margin-bottom: 20px}

.anli li b{height: 130px}



.newsimp{margin-bottom: 20px}

.newsimpy p{max-height: 55px; overflow: hidden;}

.newsimpy i{display: none}

.newslist li .zi{width: 68%}

.newslist li .zi i{display: none}

.newslist li{margin-bottom: 15px}

.fenye{margin: 20px 0; padding-top: 20px!important}



.peizuo li{width:100%}



.syanli li .syanlix1 span{margin:5px 0;}

.syanli li .syanlix2{padding: 10px}

.syanli li .syanlix2 em{margin:20px 0;}



.fuwum{margin-top: 20px}



.peijiancon>h1{font-size: 20px}



.anli li p{line-height: 40px}



.syanli li:hover .syanlix1{opacity: 1;}

.syanli li:hover .syanlix2{opacity: 0; }

.peijiantu li:hover figure .mask{opacity:0;}



}