@charset "utf-8";





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





.banner .swiper-slide{}







.banner .swiper-slide b{font-size: 50px}







.ban{height: 260px}





.sect01{margin-top: -100px}







.sect01he{height: 20px}







.sect01 li{font-size: 18px; height: 70px; line-height: 70px;}







.secbgzimu>.im1{width: 28%;}







.secbgzimu>.im2{right: 2%}







.secbgzimu>.im2, .secbgzimu>.im3{width:8%;}







.sectxia li .zi b{font-size: 26px;}















.sypro li .syproy h2{font-size: 26px}







.pro li .proy h2{font-size: 40px}







}















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







.banner .swiper-slide{}







.ban{height: 230px}







.ban span{font-size: 30px}







.sectxia li.li01 .zi b{margin-top: 6%}







.sectxia li.li03{margin-top: -3%}







.sectxia li.li03 .zi{margin-top: 3%}







.sypro li .syproy h2{font-size: 26px}







.sypro li .syproy b{font-size: 22px}























.pro li .proy h2{font-size: 34px}







.pro li .proy b{font-size: 18px; margin: 10px 0}







.pro li .proy p{max-height: 125px; overflow: hidden;}















.ab02 em{width: 25%;}







.ab02 b{font-size: 40px;}















.conlist li>img{width: 80px}







.conlist li p{margin-top: 10px}



 .foot .li1  {padding-left: 2%}







}















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







}















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







.banner .swiper-slide{}







.ban{height: 200px}







.sect01 li img{width:30px; margin-right: 5px}







.sect01 li{height: 60px; line-height: 60px; font-size: 16px}







.sypro-t .b1{font-size:45px; }







.sypro-t .b2{font-size:28px; }







.sectxia li .zi b{font-size:22px; }







.sectxia li .zi span{font-size:24px; }























}















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



			.gai{margin-left:40%;}







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







.syscrollzong .container{width: 90%;}







.sypro li .syproy h2{font-size: 26px}







.sypro li .syproy b{font-size: 18px}







.syscroll .scroll-prev, .syscroll .scroll-next{width: 30px; height: 60px; margin-top: -30px}







.syscroll .scroll-next{right: -50px}







.syscroll .scroll-prev{left: -50px}















.news li a{padding: 10px}







.typemenu li{height: 50px; line-height: 50px}







.neirong-t>h1{font-size: 24px}















.peifang b{font-size: 24px}







.peifang02{width: 90%}







.peifang03{width: 90%}







}















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





	.gai{margin-left:43%;margin-top:-6%}













.banner .swiper-slide{}







.ban{height:180px}







.proconsy .mai>span{padding: 0 10px}















.newslist li figure{width: 45%}







.newslist li .newslisty{width:50% }







}















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





.banner .swiper-slide{}







.banner .swiper-slide b{font-size: 40px}







.sect01{margin-top: -75px}







.sect01he{height: 15px}







.secbgzimu>.im3{display: none}







.sypro-t .b1{font-size: 34px}







.sypro-t .b2{font-size: 22px}







.sypro-t p{margin-top: 5px}















.pro li .proy h2{font-size: 24px}







.pro li .proy b{font-size: 16px}







.pro li .proy{padding: 10px}







.pro li .proy b:after{margin:5px 0}







.pro li .proy .more{margin-top: 5px; height: 30px; line-height: 30px}















.peifang01 li{float: none!important;width:90%!important;  margin: 0 auto; margin-bottom: 20px}







.ab02 b{font-size: 30px;}







.about span{font-size: 28px}















}























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



		.gai{margin-left:40%;margin-top:-1%}







.sypro li .syproy{padding: 10px}







.sectxia li .zi b{font-size: 20px}







.sectxia li .zi span{font-size: 20px}







.foot li{padding: 10px 0}







.foot .li1{width: 19%;}







.foot .li2, .foot .li3{width: 12%;}















.zuo b{font-size: 18px}







.proconsz{width: 55%}







.proconsy{width: 40%}







.proconsy .mai>span{margin-top: 10px}







.proconsy h1{font-size: 18px}







.proconsy .zi b{font-size: 16px}







.proconsy .zi{padding: 10px 0; line-height: 1.8}







.proconsy .mai{margin: 10px 0}







.proconm ul li{width: 31%}







.proconx .t>span{height: 35px; line-height: 35px}







.jqZoomPup{display: none!important}







.zoomdiv{display: none!important}







.proconsy .mai{line-height: inherit;}















.newslist li{width: 100%}







.newslist li figure{width: 30%;}







.newslist li .newslisty{width: 66%;}







}















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







.banner .swiper-slide{}







.banner .swiper-slide b{margin-top: 0}







.banner .ban-prev, .banner .ban-next{width: 30px; height: 60px; margin-top: -30px}







.sect01{margin-top: 10px}







.sect01 li{height: 50px; line-height: 50px}







.sect01he{display: none}







.sect01 li{background: rgba(0,0,0,0.5); width: 31%; margin: 0 1% 10px 1%;}







.sect01 li:hover{background:#c9af7f }







.secbgzimu>.im2{display: none}







.sectxia li{padding: 0 30px!important; margin-bottom: 4%}







.sectxia li.li04 .zi{padding-left: 0}















.ban span{font-size: 20px; }







.ban span:after{margin-top: 5px}







.pro li .proy p{max-height: 80px}







.artpage span{width: 100%; padding: 5px}







.artpage span:first-child{border: none}























.peifang02>img{float: none; margin: 0 auto; width: auto; max-width: 90%}







.peifang02 p{width: 100%; text-align: center;}







.peifang01 li{border-radius: 10px;}







.peifang02{border-radius: 10px;}







.peifang03{border-radius: 10px;}















.partner li{width: 24%; margin-right: 1%!important}







}















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





.iframe iframe{width:100%;height:400px}

.gai{margin-left:36%;margin-top:-4%}

.aboutul li{width: 33.3%;margin-right:0!important; padding: 0 5px}



.banner .swiper-slide{}







.hea{  z-index:3 }









.ban{ height: 130px}







.banner .swiper-slide b{font-size: 26px}







.sect01 li{font-size: 16px; height: 35px; line-height: 35px}







.sect01 li img{width: 23px;}







.sypro-t{padding: 10px 0}







.sypro li .syproy h2{font-size: 24px;}







.sypro li figure{width: 100%;}







.sypro li .syproy{width: 100%;}







.sypro li .syproy b{display: none}







.sypro li .syproy span:after{margin: 5px 0}







.sypro li figure .more{display: none}







.sectxia li figure i{display: none}







.sectxia li{padding: 0!important}







.secbgzimu>.im1{display: none}







.sectxia li.li03 .zi{margin-top: 0}







.sectxia li.li01 .zi b{margin-top: 0}







.sectxia li .zi .more{margin-top: 10px}







.foot li{display: none}















.pro li figure{width: 100%;}







.pro li .proy{width: 100%; text-align: center;}







.pro li .proy b:after{margin: 5px auto}







.pro li .proy p{display: none}







.pro li .proy h2{font-size: 20px}







.pro li .proy b{margin: 3px 0}















.zuo{width: 100%}







.zuo li{width: 31%; float: left; margin-right: 2%; background: none; text-align: center;







height: 35px; line-height: 35px}







.you{width: 100%}















.news li b{font-size: 16px; max-height:50px; overflow: hidden; }







.news li i:after{margin: 5px 0px 10px 0}







.news li p{overflow: hidden;}







.news li .news-more{margin-top: 10px}













.neirong-t>h1{font-size: 18px}















.xun01 b{font-size: 20px}







.xun01 .img{width: 62%;}







.xun02 li.li01{width: 100%; margin-bottom: 20px}







.xun02 li.li02{width: 62%; float: none; margin: 0 auto}







.xun03{width: 90%;}







.xun04 li{width: 100%; margin-bottom: 20px}







.xun01 .img{padding: 2px}







.xun02 li img{padding: 2px}







.xunxia>img{padding: 2px}















.peifang b{font-size: 20px}







.peifang01{width: 100%}







.peifang01 li{width: 100%!important}







.peifang02{width: 100%}







.peifang03{width: 100%}















.ab02 b{font-size: 24px;}







.about span{font-size: 20px}















.conlist li>img{width: 60px}







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























.newslist li figure{width: 40%}







.newslist li .newslisty{width:56%;}















}















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



		.gai{margin-left:40%;margin-top:-5%}



.banner .swiper-slide{}













.ab02 em{display: none}







.ab02 b{padding-top: 0; font-size: 20px}







.about span{font-size: 18px}







.partner li{width: 31.3%; margin-right: 2%!important; height: 75px}







.conlist{width: 100%}







.conlist li{width: 100%; margin-bottom:10px; text-align: left;}







.conlist li>img{width: 40px; float: left;}







.conlist li p{float: left; margin-left: 20px}















.zuo li{width: 48%}







.proconsz{width: 100%;margin-bottom: 20px}







.proconsy{width: 100%}







.proconm ul{padding: 10px}







.proconm ul li{width:48%}















.peifang .ma{width: 120px; margin: 0 auto}















.newslisty b{font-size: 18px;}







.newslist li figure{height: 120px}







.newslisty span{margin:0}







.newslisty i{display: none}





.typemenu li{ padding:0 10px;}



.topnav a{ margin:0 5px;}

}















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



.aboutul li{width: 50%;margin-right:0!important; padding: 0 3px}



				.gai{margin-left:50%;margin-top:-7%}







.banner .swiper-slide{}

.banner .ban-prev, .banner .ban-next{width: auto; height: auto; padding:20px 10px;margin-top:-20px;}

.sypro-t .b1{font-size: 28px;}

.sypro-t .b2{font-size: 18px}

.sypro li .syproy h2{font-size: 18px}

.sypro li .syproy span{font-size: 16px;}

.syscroll .scroll-prev, .syscroll .scroll-next{width: auto; height: auto; padding:20px 10px}

.syscroll .scroll-prev{left: -20px}

.syscroll .scroll-next{right: -20px}

.sect01 li img{display: none}

.sectxia li .zi p{display: none}

.sectxia li .zi{margin-top: 10px!important}

.sectxia li.li02 .zi{margin-top: 20px!important; margin-left: 30px;}

.sectxia li.li03 .zi{margin-right: 30px; margin-left: 0}

.sectxia li .zi b{font-size: 18px}

.sectxia li .zi span{font-size: 14px}

.sectxia li .zi .more{width: 120px; height: 30px; line-height: 30px;}

.syscrollzong .syscroll{margin: 10px auto!important}



.xun01 b{font-size: 18px}







.xun01 .img{width: 80%;}







.xun02{width: 100%;}







.xun02 li.li02{width: 80%;}







.xun03{width: 100%;}







.xun04 li{width: 100%; margin-bottom: 20px}







.ab02 b{font-size: 16px}







.contact2 .dk{height: 80px}







.contact2 .b{height: 80px; font-size: 18px}







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























.newslist li figure{height: 100px}







}