@media(max-width: 1890px){.why li{width: 205px;height: 205px}}
@media(max-width: 1800px){
	
	.why li{width: 185px;height: 185px}
	.why li img{width: 50px;padding-top: 30px}
	.why li p{font-size: 16px}
	.web1 .ua4{width: 850px}
	/*.web2 .ua5{width: 1000px}*/
	.web1a h1,.web2a h1{font-size: 70px}
	.web2a{padding-top: 90px}
    .zhaopin{width: 80%}
    .hide4 img{width: 60px;padding-top: 30px}
    .hide4 h1{font-size: 18px;margin-top: 10px}
    .hide4 p{line-height: 18px;margin-top: 5px}
    .pic6 img{height: 373px}
}
@media(max-width: 1700px){
	
	.cehua{width: 78%}
	.sycase1a{margin-top: 20px}
	.web2{padding: 0 3%;}
	.web2 .mua1{width: 40%}
	.web1a h1, .web2a h1{font-size: 60px}
	.zhaopin1 ul{padding-top: 40px}
	.zhaopin1 dl{margin-top: 20px}
    .pic6 img{height: 330px}
}
@media(max-width: 1680px){
	.logo img{width: 180px;}
	.head{padding: 0 1%;width: 98%;}
	
	.service{width: 70%}
	.sylist1 ul li img{height: 310px}
	.brand1{margin-top: 90px}
	.brand1a h1{font-size: 40px}
	.pic6 img{height: 327px}
	.why{width: 85%}
	.index12 h1{font-size: 60px}
    .sycase1a p,.sycase1a img{margin-top: 20px}
    .video li img{width: 80px}
    .web2{padding: 0 3%;height: 675px}
    .web1 .ua4{width: 780px}
    .web2b ul{margin-top: 50px}
    .web2b ul li img{width: 80px}
    .pic3 img{height: 260px}
    .hide4 img{width: 50px;padding-top: 30px}
    .hide4 h1{font-size: 18px;margin-top: 10px}
    .hide4 p{line-height: 18px;margin-top: 5px}
    .pic2 img{height: 235px}
}
@media(max-width: 1600px){
	.service{width: 70%}
	
	.all1{padding: 2% 2%}
	.all1a{margin-left: 2%}
	.all1a{width: 85%}
	.brand1{margin-top: 80px}
	.cehua{width: 82%}
	.why{width: 90%}
	.index12 h1{font-size: 55px}
    .videoMake li{width: 200px;height: 200px}
    .pic7{width: 50px}
    .web2 .ua5{width: 1000px}
    .web2a{padding-top: 70px}
    .web1a h1, .web2a h1{font-size: 60px}
    .web2b ul{margin-top: 50px}
    .web1 .ua4{width: 740px}
    .position{width: 80%;margin-left: -40%}
    .position1a h1{font-size: 40px}
    .index5 h1{font-size: 144px}
    .mui1{bottom: 20px;font-size: 45px}
    .mui2,.index6 h1{font-size: 45px}
    .idea,.culture,.concept{width: 80%}
    .concept li{padding-top: 65px;}
    .concept li h1{margin-top: 18px}
    .zhaopin{width: 85%}
    .zhaopin1 p{line-height: 28px;margin-top: 20px}
    .zhaopin1 dl{margin-top: 10px}
    
    /*.nav li:nth-of-type(1){width: 22%}
    .nav li:nth-of-type(2){width: 22%}*/
   
}
@media(max-width: 1500px){
	
	.light img{width: 120px}
	.sywork2 li{font-size: 80px}
	.sywork2{line-height: 70px}
	.brand1{margin-top: 60px}
	.brand1a h1{font-size: 35px}
	.cehua{width: 86%}
	.pic6 img{height: 322px}
	.index12 h1{font-size: 50px}
	.sycase1a p{height: 66px}
	.web2 .ua5{width: 850px}
	.web2a p,.web1a p{font-size: 28px}
	.web1a h1, .web2a h1{font-size: 50px}
	.web2b h1,.web1b h1{font-size: 30px}
	.web2a{padding-top: 50px}
	.web2b{margin-top: 20px;}
	.web2{height: 570px}
	.idea,.culture,.concept{width: 85%}
	.index7 h1{font-size: 65px}
	.index7 span{font-size: 28px}
	.all7,.pinpai{width: 70%}
	.pic3 img{height: 235px}
    .all9{width: 80%}
}
@media(max-width: 1440px){
	.phone{display: none}
	.service{width: 80%}
	.service1 img{width: 80px;}
	.sp_nav{display: block;margin-top: 1.5%}
	.head,.head_fix{height: 65px}
    .nav_phone{display: block;width: 40%}
    .nav_phone ul li h1{font-size: 20px}
    .nav_phone ul li dl dt{font-size: 16px}
    .fenlei li{height: 800px}
    .fenlei1 ul{top: 590px}
    .fenlei1 h1{font-size: 30px}
    .light img{width: 100px}
    .sywork2{line-height: 70px}
    .sywork2 li{font-size: 60px}
    .sylist1 ul li img{height: 295px}
    .bottom{width: 80%}
    .sycont li p{font-size: 14px}
	.sycont li h1{font-size: 14px}
	.act li h1{font-size: 28px}
	.act li{height: 330px}
	.act li img{padding-top: 45px}
	.cehua{width: 90%}
	.pic6 img{height: 324px}
	.index12 h1{font-size: 45px}
	.why li{width: 160px;height: 160px;}
	.why li img{width: 40px;padding-top: 40px}
	.video li h1{font-size: 24px}
	.video li img{width: 60px;padding-top: 45px}
	.index13 h1{font-size: 38px}
	.videoMake li{width: 180px;height: 180px}
    .pic7{width: 45px}
    .pic7 img{padding-top: 45px}
    .web2,.web1{padding-left: 2%;padding-right: 2%}
    .web1 .ua4{right: 4%}
    .position1b{width: 50%}
    .position1a h1{font-size: 35px}
    .position1a span{font-size: 18px}
    .web2 .mua1{width: 48%}
    .about{width: 82%}
    .all5{width: 75%}
    .zhaopin{width: 90%}
    .zhaopin1 ul{padding-left: 5%;padding-right: 5%}
    .all7,.pinpai{width: 75%}
    .brand1{margin-top: 30px}
    .pic2 img{height: 205px}

}	
@media(max-width: 1366px){
	.service{width: 90%}
	.service1 img{width: 60px;}
	.brand1a h1{font-size: 30px}
    .brand1d{margin-top: 55px}
    .pic6 img{height: 307px}
    .sycase1a h1{font-size: 16px}
    .sycase1a p,.sycase1a img{margin-top: 10px}
    .act li{height: 313px}
    .act li img{width: 80px}
    .videoMake{margin-top: 30px}
    .web2 .ua5{width: 760px}
    .web2b ul li img,.web1b ul li img{width: 70px}
    .web2b ul{margin-top: 30px}
    .web2{height: 510px}
    .about{width: 86%}
    .all5{width: 78%}
    .team{width: 78%}
    .idea,.culture,.concept{width: 90%}
    .concept li p{line-height: 30px;}
    .zhaopin1 h1{font-size: 20px}
    .zhaopin1 ul{padding-top: 20px}
    .zhaopin1 p{margin-top: 10px}
    .all7,.pinpai{width: 80%}

}
@media(max-width: 1280px){
	.sylist1 ul li img{height: auto !important}
	.why li{width: 140px;height: 140px}
	.why li img{width: 30px;padding-top: 25px}
	.why{width: 94%}
	.why li p{font-size: 14px;line-height: 20px;margin-top: 10px}
	.sycase1a p{height: 44px}
	.index13{padding-top: 50px}
	.index13 h1{font-size: 30px}
	.index13 p{font-size: 20px}
	.videoMake li{width: 160px;height: 160px}
    .pic7{width: 38px}
    .pic7 img{padding-top: 38px}
    .videoMake li h1{font-size: 16px}
    .position{width: 90%;margin-left: -45%}
    .web1 .ua4{width: 500px;top: 145px}
    .web1{padding-top: 30px;padding-bottom: 50px}
    .web1b,.web1b ul{margin-top: 30px}
    .web1b ul li img{width: 70px}
    .web1a h1, .web2a h1{font-size: 35px}
    .web2a p, .web1a p,.web2b h1, .web1b h1{font-size: 25px}
    .mua1{width: 40%;float: right}
    .web2 .ua5{width: 675px}
    .web2a{padding-top: 30px}
    .web2 .mua1{width: 48%}
    .web2b p{margin-top: 20px}
    .web2b ul li img, .web1b ul li img{width: 60px}
    .web2{height: 455px}
    .about{width: 90%}
    .all5{width: 82%}
    .team{width: 82%}
    .index5 h1{font-size: 120px}
    .all7,.pinpai{width: 85%}
    .pic3 img{height: 210px}
    .hide4 img{width: 40px;padding-top: 15px}
    .hide4 h1{font-size: 18px;margin-top: 10px}
    .hide4 p{line-height: 18px;margin-top: 5px}
    .all9{width: 85%}
    .index11 h1{font-size: 38px}
    .brand1{margin-top: 10px}
    .brand1b{margin-top: 20px;font-size: 16px}
    .brand1d{margin-top: 30px}
    .pic2 img{height: 180px}
}
@media(max-width: 1150px){
	.pic6 img{height: 258px}
	.videoMake li{width: 140px;height: 140px}
    .pic7{width: 30px}
    .pic7 img{padding-top: 30px}
    .zhaopin{width: 94%}
    .pic3 img{height: 185px}
}
@media(max-width: 1080px){
	.why {margin-top: 60px}
	.why li{margin: 0 5%;margin-top: 20px;width: 160px;height: 160px}
	.banner{display: block;}
	.banner_pc{display: none}
}
@media(max-width: 1024px){
	
	.all7a{width: 100%}
	.phone,.banner_position,.fenlei{display: none;}
	.sp_nav,.nav_phone{display: block;margin-top: 1.5%;}
	.head{height: auto;/*padding-bottom: 5px;*/padding-bottom: 15px;}
	.head_fix{height: auto;padding-bottom: 15px;}
	.logo img{width: 130px;}
	.banner .swiper-button-prev{width: 30px;height: 30px;background-size: 100% 100%;bottom: 10px;right: 20px;}
	.banner .swiper-button-next{width: 30px;height: 30px;background-size: 100% 100%;bottom: 10px;right: 50px;}
	.fenlei li{width: 50%;height: auto;}
	.pic1 img{position: static;width: 100%;display: block;}
	.fenlei_phone{display: block;}
	.fenlei1a ul{top: 80%}
	.light,.sywork2{display: none;}

	.all1{padding: 0 2%;background-size: 100%;}
	.all1a{width: 100%;margin-left: 0;}
	.sywork1{width: 100%;padding-bottom: 10px;background-size: 40px;}
	.sywork,.index1{padding-top: 30px;}
	.sywork1 h1,.index1 h1{font-size: 20px;}
	.sywork1 p,.sylist1{margin-top: 20px;}
	.sylist li{margin: 0;width: 25%;font-size: 14px;text-align: center;margin-top: 20px;}
	
	.index1 h2,.keywords1 h1{font-size: 16px;}
	.synews,.sycase{margin-top: 20px;}
	.synews1{margin-top: 0;}
	.synews1 li{width: 100%;margin-top: 20px;}
	.sycase1a h1{font-size: 16px;}
	.all2{min-height: 1085px;}
	.synews1 li span{margin-top: 10px;}
	.index2{margin-top: 30px;font-size: 20px;}
	.sycase ul{font-size: 0;}
	.sycase li{margin: 0;width: 20%;}
	.sycase1{width: 100%;}
	.sycase1 ul li{margin: 0;margin-top: 20px;width: 48%;}
	.sycase1 ul li:nth-of-type(2n){float: right;}
	.sycase1a{margin-top: 20px;}
	.sycase1a p,.sycase1a img{margin-top: 10px;}
	.sycase1a p{height: 88px}
	.keywords,.keywords2{margin-top: 0;}
	.keywords{margin-bottom: 20px;}
	.keywords ul{width: 100%;margin: 0;margin-top: 20px;}
	.all3{height: auto;padding-bottom: 30px;}
	.all3 canvas{display: none;}
	.all3a{position: static;}
	.index3,.index4{padding-top: 30px;font-size: 20px;}
	.service{width: 96%;margin-top: 20px;text-align: center;}
	.service li{width: 33%;border-top: 1px solid #ebebeb;height: 230px;}
	.service1 img{width: 50px;}
	.service1a img{width: 50px;}
	.index4 h1{font-size: 20px;}
	.index4 span{font-size: 16px;}
	.patrner{width: 96%;}
	.patrner li{width: 24.6%;}
	.patrner li img{width: 100%;display: block;-webkit-filter: grayscale(0);-moz-filter: grayscale(0);
    -ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: gray;opacity: 1;}
	.all4{padding-bottom: 30px;}
	.bottom{width: 96%;margin-top: 30px;margin-bottom: 50px}
	.bottom ul h1{font-size: 15px;}
	
	.foot{height: auto;padding-top: 10px;padding-bottom: 10px;}
	.foot1{width: 75%;font-size: 10px;}
	.ewm{display: none;}
	.foot2a{width: 150px;}
	.foot2a_1{width: 115px;}
	.demo1{width: 115px;}
	.position{width: 96%;margin-left: -48%;bottom: -100px;}
	.position1{width: 94%;padding-top: 20px;}
	.position1a{width: 100%;overflow: hidden;}
	.position1b{width: 100%;font-size: 12px;line-height: 25px;margin-top: 10px;}
	.position1a h1{font-size: 20px;}
	.position1a span{font-size: 14px;margin-top: 5px;}
	.position1a ul{width: 40%;float: left;}
	.position2{float: right;width: 50%;text-align: right;margin-top: 0;}
	.position2 li{float: none;display: inline-block;vertical-align: top;}
	.position2 li h1{width: 30px;height: 30px;margin: auto;}
	.prode{width: 96%;margin-top: 120px;}
	.prode1{margin-top: 30px;}
	.prode2{width: 96%;margin-top: 20px;}
	.prode3,.mui1,.mui2{display: none;}
	.prode3_phone{display: block;}
	.next{display: none;}
	.brand li{margin-top: 20px;}
	.pic10{width: 100%;}
	.brand1{width: 96%;margin-right: 2%;padding: 0;margin-top: 30px;}
	.brand1a h1{font-size: 25px;}
	.brand1b{font-size: 14px;margin-top: 20px;}
	.brand1c{font-size: 12px;line-height: 25px;}
	.brand1d{margin-top: 20px;}
	.brand1d a{width: 150px;height: 40px;line-height: 40px;}
	.brand1d img{width: 20px;margin-right: 0;}
	.brand1d span{font-size: 14px;}
	.index17{margin-top: 20px;}
	.index17 h1{font-size: 20px;}
	.index17 span{font-size: 14px;}
	.prode5{margin-top: 20px;width: 96%;}
	.prode5 li{width: 48%;margin: 0;margin-top: 15px;height: 255px;}
	.prode5 li:nth-of-type(2n){float: right;}
	.pic12{padding-top: 20px;}
	.pic12 img{width: 30px;margin: auto;}
	.prode5 li:hover .pic12 .g{display: none;}
	.prode5 li h1{font-size: 16px;}
	.prode5 li p{margin-top: 10px;}
	.all6{margin-top: 20px;padding: 0 2%;padding-bottom: 30px;}
	.all6 ul{width: 100%;}
	.ques h1{font-size: 16px;}
	.ques1{margin-top: 10px;}
	.ques1 li a{font-size: 12px;}
	.list{height: 60px;line-height: 60px;overflow-x: auto;white-space: nowrap}
	.list li a{font-size: 14px;}
	.about{width: 100%;margin-top: 20px;padding: 30px 0;}
	.about1a{font-size: 20px;padding-bottom: 20px;background-size: auto 5px;}
	.about1b{margin-top: 20px;font-size: 12px;line-height: 20px;}
	.all5{width: 96%;margin-top: 20px;}
	.index5 h1{font-size: 60px;line-height: 60px;}
	.index5 h2{font-size: 20px;padding-bottom: 20px;bottom: -10px;background-size: auto 5px;}
	.advan,.kehu{margin-top: 20px;}
	.kehu1 li{width: 20%;font-size: 10px;}
	.team{width: 100%;margin-top: 20px;}
	.team1{font-size: 20px;top: 15px;}
	.team .swiper-button-prev{width: 30px;height: 30px;background-size: 100% 100%;bottom: 10px;right: 20px;}
	.team .swiper-button-next{width: 30px;height: 30px;background-size: 100% 100%;bottom: 10px;right: 50px;}
	.index6{margin-top: 20px;}
	.index6 h1{font-size: 20px;letter-spacing: 5px;}
	.index6 span{font-size: 12px;letter-spacing: 1px;}
	.index6 p{width: 96%;font-size: 12px;line-height: 20px;}
	.idea{width: 100%;}
	.culture{width: 96%;margin-top: 20px;padding-top: 340px;}
	.culture2 h1{font-size: 16px;padding-top: 10px;padding-bottom: 10px;}
	.culture1{width: 97%;padding-bottom: 20px;left: 5px;}
	.culture2 ul li{width: 100%;margin-top: 10px;}
	.culture2 ul li h2{font-size: 14px;}
	.culture2 ul li p{font-size: 12px;}
	.culture2{width: 90%;}
	.culture img{width: 100%;}
	.index7 h1{font-size: 30px;}
	.index7,.index9{margin-top: 20px;}
	.index7 span{font-size: 14px;}
	.concept{width: 96%;}
	.concept li{width: 48.95%;margin: 0;padding: 20px 0;}
	.concept li img{width: 40px;}
	.concept li h1{font-size: 16px;margin-top: 20px;}
	.concept li p{margin-top: 15px;line-height: 25px;height: 135px;overflow: hidden;font-size: 12px;}
	.act{width: 96%;margin-top: 0;}
	.act li{width: 48%;margin: 0;margin-top: 20px;height: 230px;}
	.act li:nth-of-type(2n){float: right;}
	.act li img{width: 65px;padding-top: 20px;}
	.act li h1{font-size: 23px;}
	.act li p{width: 94%;margin: auto;margin-top: 10px;}
	
	.index8,.index10{padding-top: 30px;}
	.index8 h1,.index9 h1,.index10 h1,.index11 h1,.index12 h1,.index13 h1,.index14 h1,.index15 h1,.index16 h1{font-size: 25px;}
	.index8 p,.index9 p,.index10 p,.index11 p,.index12 p,.index13 p,.index14 p{font-size: 14px;margin-top: 10px;}
	
	.hang{margin-top: 10px;}
	.hang li{width: 33%;margin-top: 10px;}
	.hide3 img{width: 70px;margin-left: -35px;margin-top: -35px;}
	.hang li h1{font-size: 12px;}
	.zixun{width: 150px;height: 40px;line-height: 40px;margin-top: 20px;}
	.zixun img{width: 20px;margin-right: 0;}
	.zixun span{font-size: 14px;}
	.all8{margin-top: 20px;}
	.youshi{margin-top: 0;text-align: center;font-size: 0;}
	.youshi li{width: 33%;display: inline-block;vertical-align: top;float: none;margin: 0;margin-top: 20px;}
	.youshi li p{font-size: 12px;}
	.youshi li img{width: 40px;}
	.zixun1{width: 150px;height: 40px;line-height: 40px;margin-top: 30px;}
	.zixun1 img{width: 20px;margin-right: 0;}
	.zixun1 span{font-size: 14px;}
	.all9{width: 96%;margin-top: 20px;}
	.zixun2{width: 150px;height: 40px;line-height: 40px;margin-top: 30px;}
	.zixun2 img{width: 20px;margin-right: 0;}
	.zixun2 span{font-size: 14px;}
	.all9a,.all10{width: 100%;margin-top: 20px;}
	.hide4 img{width: 60px;padding-top: 35px;}
	.hide4 h1{font-size: 20px;margin-top: 25px;}
	.hide4 p{font-size: 16px;line-height: 25px;margin-top: 15px;}
	.list1,.cehua{width: 96%;margin-top: 20px;}
	.list1 ul li{font-size: 14px;}
	.cehua1{bottom: 10px;}
	.cehua1 h1{font-size: 14px;}
	.cehua1 p{margin-top: 5px;}
	.hide5 img{width: 80px;margin-left: -40px;}
	.index12{padding-top: 20px;padding-bottom: 20px;background-size: auto 5px;}
	/*.why{width: 96%;margin-top: 10px;}
	.why li{width: 100px;height: 100px;margin: 0;margin-left: 10.5%;margin-top: 10px;}
	.why li img{width: 25px;padding-top: 15px;}
	.why li p{font-size: 14px;line-height: 20px;margin-top: 5px;}
	.why li:nth-of-type(3n-2){margin-left: 0;}*/
	.why1{margin-top: 20px;}
	.why1 h1{font-size: 22px;}
	.why1 p{font-size: 16px;}
	.all10{padding-bottom: 30px;}
	.fenye{margin-top: 30px;}
	.fenye a{line-height: 30px;padding: 0 10px;height: 30px;font-size: 12px;}
	.title2,.content2,.content2a,.xyp,.other,.pinpai{width: 96%;}
	.title2{font-size: 16px;margin-top: 20px;padding-bottom: 15px;}
	.content2{margin-top: 20px;}
	.other{margin-top: 20px;}
	.other h2{font-size: 16px;}
	.other ul{padding: 0;}
	.other ul li{width: 48%;}
	.other ul li:nth-of-type(2n){float: right;}
	.other1{margin-top: 20px;}
	.other1 h1,.hide2 h2{font-size: 16px;}
	.other1 p{margin-top: 10px;}
	.other1 img{margin-top: 10px;}
	.pinpai{margin-top: 20px;}
	.pinpai h1{font-size: 16px;}
	.pinpai ul{margin-top: 20px;}
	.pinpai ul li{width: 33.33%;}

	.pinpai .four dt{width: 49%;border: 1.5px solid #fff;background: #f8f8f8;float: left;text-align: center;line-height: 100px;
	transition:all 0.3s ease-in-out;}
	.pinpai .four dt p{display: inline-block;vertical-align: top;margin-top: 37px;margin-right: 10px;position: relative;}
	.pinpai .four dt img{width: 30px;display: block;}
	.pinpai .four dt .d{position: absolute;top: 0;left: 0;opacity: 0;transition:all 0.3s ease-in-out;}
	.pinpai .four dt span{display: inline-block;vertical-align: top;color: #474747;font-size: 20px;transition:all 0.3s ease-in-out;}
	.pinpai .four dt:nth-of-type(1):hover{background: #21cdcf;}
	.pinpai .four dt:nth-of-type(2):hover{background: #e86262;}
	.pinpai .four dt:nth-of-type(3):hover{background: #6479d3;}
	.pinpai .four dt:nth-of-type(4):hover{background: #ea911d;}
	.pinpai .four dt:hover .d{opacity: 1;}
	.pinpai .four dt:hover span{color: #fff;}


    
	.contact{margin-top: 0;text-align: left;padding: 0 2%;}
	.contact li{width: 100%;overflow: hidden;margin: 0;margin-top: 20px;}
	.contact li img{width: 40px;float: left;margin-top: 3px;}
	.contact li ul{float: left;margin-left: 2%;}
	.contact li h1{font-size: 16px;margin-top: 0;}
	.contact1{width: 100%;padding-bottom: 30px;}
	.contact2{margin-top: 20px;}
	.contact2 li{margin: 0 2%;}
	.brand li:nth-of-type(2n) .brand1{margin-left: 2%;}
	.email{margin-top: 20px;}
	.email1{font-size: 14px;}
	.zhaopin{width: 95.5%;}
	.zhaopin li img{width: 100%;}
	.zhaopin1 ul{width: 96%;padding: 20px 2%;}
	.zhaopin1{width: 100%;}
	.zhaopin1 h1{font-size: 16px;}
	.zhaopin1 p{margin-top: 5px;}
	.zhaopin1 dl{margin-top: 15px;}
	.zhaopin1 dl dt{width: 45%;}
	.video{margin-top: 20px;width: 96%;}
	.video li{width: 49.5%;margin: 0;margin-top: 20px;padding-bottom: 20px;}
	.video li img{width: 50px;padding-top: 20px;}
	.video li h1{font-size: 16px;margin-top: 10px;}
	.video li p{margin-top: 10px;}
	.video li:nth-of-type(2n){float: right;}
	.all11{margin-top: 20px;}
	.index13{padding-top: 30px;}
	
	.index14{padding-top: 30px;}
	.videoBuss{font-size: 0;}
	.videoBuss li{line-height: 40px;margin: 0;width: 25%;}
	.videoBuss li img{width: 40px;margin: 0;/*display: block;margin: auto;*/}
	.videoBuss li span,.zulin ul li h1{font-size: 16px;/*display: block;*/}
	.zulin ul li h1{line-height: 45px;overflow: hidden;height: 45px}
	.videoBuss1{width: 100%;padding-bottom: 30px;}
	.pic8{width: 100%;}
	.videoBuss1a{width: 96%;margin-left: 2%;padding-top: 20px;}
	.index15{padding-top: 30px;}
	.list2 li{width: 30%;height: 30px;line-height: 30px;font-size: 14px;margin: 0;}
	.zulin ul li{width: 49%;margin: 0;}
	.zulin ul li:nth-of-type(2n){float: right;}
	.all12{margin-top: 30px;}
	.index16{padding-top: 30px;}
	.index16 p{width: 98%;font-size: 12px;margin-top: 10px;}
	.cast li{width: 49%;margin: 0;margin-top: 15px;}
	.cast li:nth-of-type(2n){float: right;}
	.hide6 img{width: 40px;}
	.hide6 h1{font-size: 16px;margin-top: 10px;}
	.list3{width: 96%;}
	.list3 ul{overflow-x: auto;white-space: nowrap;}
	.list3 ul li{font-size: 14px;width: auto;margin-right: 2%;float: none;display: inline-block;vertical-align: top;}
	.web1{margin-top: 20px;padding: 0 2%;padding-top: 30px;padding-bottom: 30px;}
	.web1 .ua4,.web2 .ua5{display: none;}
	.web1a{text-align: center;}
	.web1a h1,.web2a h1{font-size: 20px;}
	.web1a p,.web2a p{font-size: 14px;}
	.web1b,.web2,.list3{margin-top: 20px;text-align: center;}
	.web1b h1,.web2b h1{font-size: 16px;padding-bottom: 5px;}
	.web1b p,.web2b p{margin-top: 10px;}
	.web1b ul,.web2b,.web2b ul{margin-top: 20px;text-align: center;}
	.web1b ul li,.web2b ul li{float: none;display: inline-block;vertical-align: top;margin: 0 5%;}
	.web1b ul li img,.web2b ul li img{width: 50px;margin: auto;}
	.web1b ul li span,.web2b ul li span{margin-top: 10px;font-size: 12px;}
	.web2a{padding-top: 30px;}
	.web2{padding: 0 2%;height: auto;padding-bottom: 30px;}
	.position2a{margin-top: 10px;height: 30px;line-height: 30px;width: 150px;}
	.position2a img{width: 15px;margin-top: 8px;}
	.position2a span{font-size: 12px;}
	.webde1{margin-top: 200px;}
	.webde1a h1{letter-spacing: 10px;font-size: 30px;}
	.webde1a{padding-top: 30px;height: 200px;}
	.webde1b{top: 95px;}
	
	.webde2 h1{font-size: 40px;letter-spacing: 15px;top: -25px;}
	.webde2a{padding-top: 30px;padding-bottom: 30px;}
	.webde2a img{width: 96%;}
	.webde3{margin-top: 30px;padding-top: 30px;}
	.wrapper,.all7{width: 96%;}
	.article{font-size: 16px;}
	.webde4{margin-top: 20px;}
	.news{width: 96%;}
	.news li{width: 49%;margin: auto;margin-top: 20px;padding-bottom: 10px;}
	.news li:nth-of-type(2n){float: right;}
	.news1 h1{margin-top: 10px;}
	.news1 span{margin-top: 10px;}
	.newsde_right{display: none;}
	.newsde{width: 100%;}
	.all7{margin-top: 30px;}
	.title1 h1,.tuijie h1{font-size: 16px;}
	.title1 span,.tuijie ul li h2,{font-size: 12px;}
	.tuijie ul li p .b,.tuijie ul li p img{width: 40px;}
	.tuijie ul li h2{margin-top: 5px;}
	.tuijie ul{margin-top: 20px;}
	.tuijie{margin-top: 20px;}
    .sycont{padding: 0;/*border: none;*/margin-top: 0;margin-bottom: 50px;}
	.sycont li{width: 49.5%;/*border: none;*/text-align: center;overflow: hidden;padding: 0;line-height: 20px;margin-top: 0;padding: 15px 0}
	.sycont li img{width: 40px;}
	/*.sycont li h1,.sycont li p{font-size: 12px;}
	
	.sycont li ul{float: left;margin-left: 2%;}
	.sycont li h1{margin-top: 0;}*/
	.sycont li:nth-of-type(2){border-top: none;}
	.sycont li:nth-of-type(3){border-left: none;border-top: 1px solid #eeeeee}
	.sycont li:nth-of-type(4){border-top: 1px solid #eeeeee}
	.pic6 img{height: 246px}
	.videoMake1{width: 80%;margin-top: 40px}
	.web2 .mua1{width: 100%}
	.project1{margin-top: 20px}
	.project{width: 100%;margin-top: 20px;padding-bottom: 60px;}
	.pic2 img{height: 205px}
}
@media(max-width: 900px){
    .sycase1 ul li{margin: 0;margin-top: 20px;width: 100%;}
    .sycont{padding: 0 2%;border: none;margin-top: 0;margin-bottom: 50px;}
	.sycont li{width: 100%;border: none;text-align: left;overflow: hidden;padding: 0;line-height: 20px;margin-top: 20px;}
	.sycont li img{width: 40px;float: left;}
	.sycont li h1,.sycont li p{font-size: 12px;}
	.sycont li:nth-of-type(2){border-top: none;}
	.sycont li:nth-of-type(3){border: none}
	.sycont li:nth-of-type(4){border: none}
	.sycont li ul{float: left;margin-left: 2%;}
	.sycont li h1{margin-top: 0;}
	.act{width: 96%;margin-top: 0;}
	.act li{width: 48%;margin: 0;margin-top: 20px;height: 230px;}
	.act li:nth-of-type(2n){float: right;}
	.act li img{width: 50px;padding-top: 20px;}
	.act li h1{font-size: 18px;}
	.act li p{width: 94%;margin: auto;margin-top: 10px;}
	.pic6 img{height: 216px}
	.foot1{width: 60%;line-height: 20px}
	.act li p{font-size: 12px}
	

	.hide4 img{width: 30px;padding-top: 15px;}
	.hide4 h1{font-size: 14px;margin-top: 5px;}
	.hide4 p{font-size: 12px;line-height: 15px;margin-top: 5px;}
	.nav_phone{width: 60%}
	.nav_phone ul li h1{font-size: 16px}
	.nav_phone ul li dl dt{font-size: 12px}
	/*.nav_phone ul li:nth-of-type(1){display: none}*/
	.videoBuss{font-size: 0;}
	.videoBuss li{line-height: 30px;margin: 0;width: 25%;}
	.videoBuss li img{width: 30px;margin: 0;display: block;margin: auto;}
	.videoBuss li span,.zulin ul li h1{font-size: 12px;display: block;}
	.project1{width: 96%;line-height: 30px;margin-top: 20px;}
	.project1 li{width: 33.33%;font-size: 12px;}
	.project{width: 100%;margin-top: 20px;padding-bottom: 30px;}
    .hide3 img{width: 40px;margin-left: -20px;margin-top: -20px;}
    .pinpai dl dt span{font-size: 20px;}
	.pinpai dl dt img{width: 40px;}
    .find li{padding-left: 0;padding-right: 0;padding: 10px 0;}
    .find1 h1{font-size: 30px}
    .find1{padding-top: 10px;padding-bottom: 5px}
    .find2 h1{font-size: 16px;height: 20px;line-height: 20px;overflow: hidden;}
    .find2 p{margin-top: 5px}
    .all7a_1{font-size: 16px}

    .pinpai .five dt{width: 19%;border: 1.5px solid #fff;background: #f8f8f8;float: left;text-align: center;
	transition:all 0.3s ease-in-out;padding-bottom: 10px}
	.pinpai .five dt p{margin: auto;margin-top: 10px;position: relative;}
	.pinpai .five dt img{width: 20px;display: block;margin: auto}
	.pinpai .five dt .d{position: absolute;top: 0;left: 50%;margin-left: -10px; opacity: 0;transition:all 0.3s ease-in-out;}
	.pinpai .five dt span{color: #474747;font-size: 14px;transition:all 0.3s ease-in-out;display: block;margin: auto;margin-top: 10px}
	.pic2 img{height: auto}
}
@media(max-width: 750px){
	.sylist1 ul li{width: 50%;}
	.sylist1 ul li img{height: 460px}
	.sylist1 ul li img,.pic6 img{height:auto;}
	.concept li p{height: 170px}
	.logo{margin-top: 15px}
	.swiper-pagination{display: none}

}
@media(max-width: 580px){
	.sylist1 ul li img,.pic6 img{height: 240px}
	.pic3 img{height: 120px}
	.cehua li{width: 50%}
	.sp_nav, .nav_phone{top: 2%}
	.fenlei1a ul{top: 55%}
	.fenlei1a p{margin-top: 5px}
	.fenlei1a h1{font-size: 20px}
	.fenlei1a p{font-size: 12px}
	
}
@media(max-width: 465px){
	.pic6 img{height: 200px}
	.why{margin-top: 20px}
	.why li{width: 130px;height: 130px}
	.why li img{padding-top: 23px}
	.why li p{line-height: 18px}
	.position2{width: 100%;text-align: left;margin-top: 20px}
	.position1a ul{width: 100%}
	.position{bottom: -245px}
	.webde1{margin-top: 280px}
	.position1b_1{font-size: 12px}
	.webde2 h1{font-size: 30px;top: -20px}
	.sp_nav, .nav_phone{margin-top: 2.5%}
	.sylist1 ul li img,.pic6 img{height: 200px}
	.concept li p{height: 280px}
	.concept li{border: 1px solid #fff;}
	/*.concept li:nth-of-type(2n){float: right}*/
}