@charset "utf-8";
/* CSS Document */
/*all*/
@media screen and (max-width: 1024px) {
	.munes,.xxl{ display:none;}
	#hamburger,.xl{ display:block;}
	.bottomlist{ display:block;}
	.footer{ margin-bottom:65px;}
}

/*index*/
@media screen and (max-width: 1700px) {
	.warp{ width:1500px;}
	.inews .inews-slider .box .txt{ margin-left:-20%; margin-top:30%;}
	.ia2 .dots .dot{ height:260px;}
	.header .munes a{ padding:12px 20px;}
}
@media screen and (max-width: 1550px) {
	.warp{ width:1200px;}
	.header .share .search{ padding:50px 30px;}
	.header .munes a { padding: 12px 10px;}
	.lun { padding: 50px 0 50px 15px;}
	.header .share .s-out{ width:160px;}
	.header .share .s-out>*{ width:80px;}
	.header .logo img{ width:200px;}
	.header .logo { padding: 50px 40px 40px 0;}
	.banner .banner-slider{ height:800px !important;}
	.banner .txt .t h3,.banner .txt .t h4,.banner .txt .t h5{ font-size:5em;}
	.banner .swiper-slide:after{height:920px;}
	.ia .dots .dot{ width:180px; height:180px;}
	.ia .dot p{ margin-top:5px;}
	.ia2 .dots .dot{ width:calc(50% - 30px); margin-top:60px;}
	.ia2{ padding:80px 0;}
	.inews .inews-slider .box .txt { margin-left: 30%; margin-top: -10%; width:70%;}
	.iknow .tit{ width:calc(100% - 900px);}
	.iknow .iknow-slider{ width:900px;}
	.i-more{ padding:80px 0;}
	.footer .f-mune .dot { padding-right: 80px;}
	.footer{ padding:80px 0 25px 0;}
}
@media screen and (max-width: 1400px) {
	.ia .right,.ia .left{ max-width:1000px; width:100%;}
	.ip-list .boxs{ padding:40px 0;}
	.ip-list .box p{ font-size:2em;}
}
@media screen and (max-width: 1250px) {
	.warp{ width:960px;}
	.header .share .search{ padding:30px 5px;}
	.header .share .s-out{ padding:10px 0px; display:none;}
	.lun { padding: 30px 5px;}
	.header .munes{padding:20px 0;}
	.header .munes a { padding: 12px 14px;}
	.banner .banner-slider{ height:600px !important;}
	.banner .txt .t h3, .banner .txt .t h4, .banner .txt .t h5{ font-size:4em;}
	.banner .txt .t{ padding-top:140px;}
	.banner .swiper-slide:after{ height:640px;}
	.header .logo { padding: 25px 40px 10px 0;}
	.hd.header .share{ display:none;}
	.iv{ padding:20px 0 0 0; height:560px !important;}
	.inews .inews-slider .box .txt {   margin-left: 5%;  width: 90%;}
	.inews .inews-slider .box img{width:100%} 
	.iknow .tit{ width:100%;}
	.iknow .tit a{ float:right; margin:-60px 0 0 0;}
	.iknow{ padding:60px 0;}
	.header{ height:80px;}
}
@media screen and (max-width: 1024px) {
	.warp{ width:calc(100% - 40px);}
	.header .share{ display:none;}
	.header{ height:60px;}
	.header .logo{ padding:15px 0 0 0;}
	#hamburger { top: 20px; right: 30px; position:fixed;}
	.hd{ height:60px !important;}
	.hd.header .logo{ padding:15px 0;}
	.banner .swiper-slide:before { width: 240px; height: 240px; right: -120px;   margin-top: -120px;}
	.banner .swiper-container-vertical>.swiper-pagination-bullets{ right:20px;}
	.banner .swiper-pagination{ padding:10px 8px;}
	.ip{ padding:60px 0;}
	.inews .inews-slider{ padding:40px 0;}
	.banner .txt .t{ padding:80px 0;}
	.footer { padding: 0px 0 25px 0;}
	.banner .txt .t h3, .banner .txt .t h4, .banner .txt .t h5{ line-height:60px; font-size:3.2em;}
	.banner .swiper-slide{ background-size:cover !important;}
	.banner .swiper-slide:nth-child(3) .txt .t h3, .banner .swiper-slide:nth-child(3) .txt .t h4, 		.banner .swiper-slide:nth-child(3) .txt .t h5{color:#eb6120;}
	.banner .txt .t a{ display:none;}
	.banner .swiper-slide:after{ display:none;}
	.banner .banner-slider{ height:400px !important;}
	.ip-list .box img{ width:80px;}
	.ip-list .box p{ margin-top:20px;}
	.ip-list .box p{ font-size:1.6em;}
	.ia-t>img{ width:500px;}
	.ia-t{ width:500px; height:500px;}
	.ia .left { background: url(../images/ia.jpg) top right no-repeat #eb6120; background-size:contain;}
	.iknow .bg2{ display:none;}
	.footer .f1{ display:none;}
	.iknow .iknow-slider{ width:100%;}
	.banner .swiper-slide, .banner-slider{ height:400px;}
	.banner .swiper-pagination{ background:transparent;}
}
@media screen and (max-width: 800px) {
	.ia-t>img{ width:300px;}
	.ia-t{ width:300px; height:300px;}

	.loading{     -webkit-animation: rotate 20s linear infinite;    animation: rotate 20s linear infinite;}
	.ia2 .dots {  width: calc(100%);   margin: 0px;}
	.ia2 .dots .dot .img{ width:80px; height:80px;}
	.ia2 .dots .dot .img img{ width:80px;}
	.ia2 .img-box{ top:-30px;}
	.banner .txt .t h3, .banner .txt .t h4, .banner .txt .t h5{ line-height:60px; font-size:2.4em; line-height:35px;}
	.ia2 .dots .dot {  width: calc(50% - 30px);  margin-top: 60px; height:320px;}
	.ia2{ padding:40px 0;}
	.ia .right{ background:transparent;}
	.ia .dots .dot{ width:fit-content; width:calc(25% - 5px);}
	.inews .inews-slider .box .img{ margin:0 auto; float:none; }
	.inews .inews-slider .box .txt{ max-width:435px; margin:-50px auto 30px; auto; float:none;position:relative; z-index:2;}
	.inews{ padding:40px 0;}
	.ip .dots .box .t2, .ip .dots .box .t3, .ip .dots .box{ max-width:400px; margin:0 auto;}
	.ip{ padding:60px 0 40px 0;}
	.ip .tit h3,.inews .tit h3,.iknow .tit h3{ font-size:2.4em;}
	.ip .tit h4,.inews .tit h4,.iknow .tit h4{ font-size:2em;}
	.ip .ip-slider{ margin-top:40px;}
	.iknow .iknow-slider{ padding:30px 0 40px 0;}
	.i-more h3,.i-more h4,.i-more h5{ font-size:3.2em;}
	.i-more{ padding:40px 0;}
	.field__input{ text-align:left; padding:10px 180px 10px 10px; font-size:2.4em;}
}
@media screen and (max-width: 600px) {
	.ip-list .box{ width:33.33%; margin:10px 0;}
	.ip-list .box p{ margin-top:10px;}
	.ip-list .boxs{ padding:20px 0;}
	.ia2 .dots .dot {  width: calc(100% - 30px); height:fit-content;}
	.banner .swiper-slide:before { width: 200px; height: 200px; right: -140px; margin-top: -100px;}
	.banner .swiper-container-vertical>.swiper-pagination-bullets{ right:10px;}
	.banner .swiper-pagination-bullet{ width:15px; height:15px; background-size:15px 15px;}
	.banner .banner-slider{height:300px !important;}
	.ia .right>h3{ font-size:3.2em;}
	.ia .right h4{ font-size:2em; margin-bottom:15px;}
	.ia .right a{ margin:20px 0;}
	.ia .dot img{ padding:20px 0 10px 0; width:30px;}
	.ia .dots .dot{ height:fit-content;}
	.ia .dot h3{ font-size:2.4em;}
	.ia .dot p{ margin-bottom:10px;}
	.know-line h3{ font-size:2em;}
	.iv-btn{ width:300px; height:300px;}
	.iv-btn img{ max-width:100%;}
	.video-btn{ width:80px;}
	.iv {  padding: 50px 0 0 0;  height: 400px !important;}
	.iv-btn:after,.iv-btn:before {  width:80px; height:80px;}
}
@media screen and (max-width: 500px) {
	.banner .banner-slider{height:240px !important;}
	.ip-list .box img{ width:60px;}
	.ia-t>img{ width:200px;}
	.banner .txt .t{ padding:40px 0 0 0;}
	.banner .swiper-slide, .banner-slider{ height:240px;}
	.ia-t{ width:200px; height:200px; margin: 0px; padding:0;}
	.ia .right{ padding:40px 0 0 15px;}
	.ia .right>h3{ font-size:2.4em;}
	.ia .right h4{ font-size:1.6em; }
	.ia .dots .dot{ margin-right:10px; width:28%;}
	.ia2 .dots .dot { width: 100%; float:none; margin:60px 0 0 0;}
	.ia2 .dots {width: 100%; margin: 0;}
	.ia2 .dots .dot .img .b,.ia2 .dots .dot .img .a{ width:80px;}
	.ia2 .dots .dot .img{ width:80px; height:80px}
	.ia2 .img-box{ top:-25px;}
	#hamburger{ right:15px;}
	.banner .txt .t{ width:60%;}
	.ab5 {  background-position: -230px 0;}
	.ab5 .txt{    background: rgba(255,255,255,0.6);  padding: 15px;  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
	.ias {  margin: 0 10px;}
	.field__input{ font-size:1.6em;}
	.m-btn{ right:0;}
}


/*idea*/
@media screen and (max-width: 1550px) {
	.idea-txt .boxs{ width:calc(100% + 40px); margin-left:-20px;}
	.idea-txt .box{ width:calc(33.33% - 40px); margin:0 20px 20px 20px;}
	.idea-txt .box .txt{ padding:40px 30px;}
}
@media screen and (max-width: 1250px) {
	.idea-txt .boxs{ width:calc(100% + 20px); margin-left:-10px;}
	.idea-txt .box{ width:calc(33.33% - 20px); margin:0 10px 20px 10px;}
	.idea-txt .box .txt{ padding:30px 20px;}
}
@media screen and (max-width: 1024px) {
	.idea-txt .boxs{ width:calc(100%); margin-left:0px;}
	.idea-txt .box{ width:calc(100%); max-width:520px; margin:0 auto 30px auto; float:none;}
	.idea-txt { padding: 50px 0 20px 0;}
	.idea-txt .box .txt{ height:fit-content;}
	.lists .left a{ padding:20px; font-size:1.4em; line-height:20px;}
	.lists .right{ padding:20px 0;}
	.i-tit h3 { font-size: 2.4em;}
	.i-tit h4{ font-size:2em;}
	.idea-txt .kinds{ margin:20px 0 30px 0;}
	.banners{ height:300px;}
	.banners h3{ padding:100px 0 20px 0; font-size:3.6em;}
	.banners p{ font-size:2.4em;}
	.banners:before{ display:none;}
}
@media screen and (max-width: 800px) {
	.lists .left{ text-align:center; float:none;}
	.lists .left a{ margin:0 2px; padding:20px 6px;}
	.lists .right{ display:none;}
	.banners{ height:240px;}
	.idea-txt .kinds a{ margin:0 10px;}
	#goToTop img{ width:50px;}
	#goToTop { right:10px;}
}

/*cotnact*/
@media screen and (max-width: 1550px) {
	.contact-txt .boxs{ padding-top:105px;  width:calc(100% + 40px); margin-left:-20px;}
	.contact-txt .box{ width:calc(25% - 40px); margin:0 20px;}
}
@media screen and (max-width: 1024px) {
	.contact-txt .boxs{ padding-top:25px;  width:calc(100% + 20px); margin-left:-10px;}
	.contact-txt .box{ width:calc(50% - 20px); margin:0 10px; margin-top:40px;}
	.contact-txt .box img{ width:80px;}
	.contact-txt .box span{ top:-30px;}
	.contact-txt{ padding:50px 0 60px 0;}
}
@media screen and (max-width: 600px) {
	.contact-txt .box{ width:calc(100% - 20px);padding: 65px 20px 20px 20px; height:fit-content;}
	#container{ height:300px !important; margin-top:40px;}
}

/*join*/
@media screen and (max-width: 1024px) {
	.join-txt{ padding:60px 0 80px 0;}
	.c3 .kinds{ margin:20px 0 30px 0;}
	.join-txt .box{ padding:30px 40px;}
	.join-txt .txtupload .ic-input{ width:200px;}
	.join-txt .txtupload .ic-btn{ width:160px;}
	.join-txt .txtupload form{ width:500px;}
	.join-txt .quickcontact p{ font-size:2em;}
}
@media screen and (max-width: 800px) {
	.join-txt .quickcontact{ padding:15px;}
	.join-txt .quickcontact p{ font-size:1.6em; margin:0 10px;}
	.join-txt .txtupload{ padding:15px 0;}
}
@media screen and (max-width: 600px) {
	.join-txt .txtupload form { width:fit-content;}
	.join-txt .txtupload form .choose{ float:none; width:300px; margin:0 auto;}
	.join-txt .txtupload form .choose>*{ float:left;}
	.join-txt .txtupload .ic-input{ width:200px; height:49px;}
	.join-txt .txtupload .ic-btn{ padding:10px 0; margin:0 auto; float:none; margin-top:15px; font-size:1.6em;}
}

/*product*/
@media screen and (max-width: 1550px) {
	.product .boxs .box .t3 img{ width:100px;}
}
@media screen and (max-width: 1250px) {
	.product .boxs .box .t3 h4{ margin-bottom:10px;}
	.product .boxs .box .t3{ padding-top:25%;}
	.product .boxs .box .t3 img{ margin-bottom:30px;}
	.product .boxs .box .t2 h4 { padding-bottom: 30px;  margin-bottom: 20px;}
}
@media screen and (max-width: 1024px) {
	.product .boxs .box { width: calc(50% - 30px);}
}
@media screen and (max-width: 800px) {
	.product .boxs{ padding:0;}
}
@media screen and (max-width: 600px) {
	.product .boxs .box { width:70%; max-width:540px; float:none; margin:0 auto; margin-bottom:20px;}
}

/*feedback*/
@media screen and (max-width: 1250px) {
	.feedback-txt form{ padding:40px 50px;}
	.feedback-txt{ padding:60px 0 80px 0;}
	.feedback-txt .boxs{ margin-top:40px;}
	.feedback-txt .boxs .box{ width:calc(100% + 20px); margin-left:-10px;}
	.feedback-txt .boxs .fc-input{ width:calc(33.33% - 20px); margin:0 10px; padding:10px 15px;}
	.feedback-txt .boxs .fc-txt{ padding:10px 12px;}
}
@media screen and (max-width: 800px) {
	.feedback-txt .boxs .fc-input{ width:calc(100% - 20px); margin-bottom:10px;}
	.feedback-txt .boxs .fc-txt{ margin-top:0;}
	.feedback-txt .boxs .fc-btn { width: 200px; height: 40px; margin-top:20px;}
	.feedback-txt form{ padding:20px 30px;}
	.feedback-txt .boxs p{ margin-bottom:20px;}
	.feedback-txt{ padding:40px 0 20px 0;}
}
@media screen and (max-width: 600px) {
	.feedback-txt form{ padding:20px 15px;}
}

/*news*/
@media screen and (max-width: 1550px) {
	.news-txt .box{ width:calc(33.33% - 60px);}
}
@media screen and (max-width: 1024px) {
	.news-txt .boxs{ width:calc(100%); margin-left:0px;}
	.news-txt .box{width:calc(33.33% - 20px); margin:0 10px 40px 10px;}
	.news-txt .box .txt { padding: 25px 20px;}
}
@media screen and (max-width: 800px) {
	.news-txt .box{width:calc(50% - 20px);}
}
@media screen and (max-width: 600px) {
	.news-txt .box{width:calc(100% - 20px);  max-width:360px; float:none; margin:0 auto 40px auto;}
	.news-txt{ padding:40px 0 20px 0;}
}
/*newsshow*/
@media screen and (max-width: 1550px) {
	.newsshow{ padding:60px 0;}
}
@media screen and (max-width: 1024px) {
	.newsshow .tit,.newsshow .btn{ padding:40px 20px;}	
	.newsshow .txt{ padding:20px;}
}
@media screen and (max-width: 600px) {
	.newsshow .tit h3{ font-size:1.6em;}
	.newsshow .tit .dot h4{ font-size:1em; padding:10px 2px;}
	.newsshow .tit{ padding:30px 20px 0 20px;}
	.newsshow .btn{ padding:0px 20px 30px 20px;}	
	.newsshow .btn a{ padding:10px 15px;}
}
/*knowledge*/
@media screen and (max-width: 1250px) {
	.part .box { width: calc(33.33% - 20px); margin: 0 10px 40px 10px;}
}
@media screen and (max-width: 1024px) {
	.knowledge-txt .boxs{ width:100%; margin:0 0 40px 0;}
	.know-line h3 { font-size: 2em;}
	.kinds{ padding:40px 0 60px 0;}
}
@media screen and (max-width: 800px) {
	.part .box { width: calc(50% - 20px);}
	.part{ padding:40px 0 10px 0;}
}
@media screen and (max-width: 600px) {
	.part .box { width: calc(100% - 20px);}
	.kinds{ padding:20px 0 20px 0;}
	.knowledge-txt .box { padding: 50px 15px 30px 15px;}
	.knowledge-txt .box:hover span{ transform:translateY(-15px);}
}

/*product-n*/
@media screen and (max-width: 1550px) {
	.product-n .box {  width: calc(25% - 44px);}
}
@media screen and (max-width: 1250px) {
	.product-n .box {  width: calc(25% - 20px); margin:0 10px 30px 10px;}
    .product-n .box .t1 p{ font-size:2em; padding:10px;}
}
@media screen and (max-width: 1024px) {
	.pn-list .box img{ width:80px;}
	.pn-list .box p{ font-size:2em;}
}
@media screen and (max-width: 800px) {
	.pn-list .box img{ width:60px;}
	.pn-list .box{ padding:20px 0 10px 0;}
	.pn-list .boxs{ padding:20px 0;}
	.product-n .box {  width: calc(50% - 20px);}
	.product-n .boxs{ width:100%; margin:0;}
	.product-n{ padding:40px 0 25px 0;}
	.product-n .box .t1 p{ padding:12px; font-size:2em;}
	.pn-list .box p{ font-size:1.6em;margin-top:10px;}
}
@media screen and (max-width: 600px) {
	.pn-list .box{ width:33.33%;}
}
@media screen and (max-width: 500px) {
	.product-n .boxs{ width:100%; margin:0;}
	.product-n .box {  width: calc(100% - 44px); max-width:300px; float:none; margin:0 auto; margin-bottom:20px;}
	.product-n{ padding:40px 0 0 0;}
}

/*productshow*/
@media screen and (max-width: 1700px) {
	.productshow .boxs{ padding:60px;}
}
@media screen and (max-width: 1550px) {
	.productshow .ps-list a{ width:200px;padding: 10px 25px;}
	.productshow .ps-list a p{ font-size:2em; line-height:48px;}
	.productshow .ps-list a img{ width:40px;}
	.productshow .ps-list a:hover,.ps-lock{ width:240px !important; padding-left:35px !important;}
	.productshow .boxs {  padding: 40px 20px;}
	.productshow .boxs .right>h3{ font-size:2em;}
	.productshow .boxs .right { width: 45%; margin: 0 0 0 5%;}
}
@media screen and (max-width: 1250px) {
	.productshow .warp>*{ float:none;  width:100%;}
	.productshow .ps-list a{ width:calc(16.66% - 20px); margin:0 10px; float:left; border-bottom-right-radius:0; border-top-left-radius:80px; margin-bottom:0; text-align:center;}
	.productshow .ps-list a>*{ float:none; display:block; padding-left:0;}
	.productshow .ps-list a:hover,.ps-lock{ width:calc(16.66% - 20px) !important; padding:20px 25px 0px 25px !important; padding-bottom:20px;}
	.productshow .ps-list a p{ padding:0;}
	.productshow .ps-list a{padding: 20px 25px 0px 25px;}
	.productshow .ps-list a img{ width:35px;}
	.productshow{ padding:60px 0;}
}
@media screen and (max-width: 1024px) {
	.productshow .boxs .left{ width:100%; max-width:500px; margin:0 auto; float:none; margin-bottom:20px;}
	.productshow .boxs .right{ width:100%; max-width:800px; margin:0 auto; float:none;}
	.productshow .ps-list a p{ font-size:1.6em; line-height:24px; margin-bottom:10px;}
	.productshow .ps-list a:hover,.ps-lock,.ps-list a{  padding:20px 15px 0px 15px !important; }
}
@media screen and (max-width: 800px) {
	.productshow .ps-list a p{ display:none;}
	.productshow .ps-list a img{ margin-bottom:10px;}
	.productshow .ps-list a,.productshow .ps-list a:hover,.ps-lock{ width:calc(16.66%) !important; margin:0;}
}
@media screen and (max-width: 600px) {
	.productshow .ps-list{ text-align:center; margin-bottom:20px;}
	.productshow .boxs .right>h3 { font-size:1.6em;}
	.productshow .ps-list a,.productshow .ps-list a:hover,.ps-lock{ border-radius:50%; width:60px !important; height:60px; padding:8px !important; display:inline-block; float:none; margin:0 10px 10px 10px;}
} 


/*about*/
@media screen and (max-width: 1700px) {
	.ab2 .dot{ height:460px;}
}
@media screen and (max-width: 1550px) {
	.ab1 .left{ padding: 60px 25px 0 0;}
	.ab1 .dots .dot{ width:140px;}
	.ab2 .dots{ width:calc(100% + 20px); margin-left:-10px;}
	.ab2 .dot{ width:calc(25% - 20px); margin:0 10px; padding:50px 30px; }
	.ab2{ padding:80px 0 120px 0;}
}
@media screen and (max-width: 1250px) {
	.ab1 .left{ width:100%; float:none;}
	.ab1 .left p{ max-width:800px;}
	.ab1 .dots{ overflow:hidden;}
	.ab1 .dots .dot{ width:25%;}
	.ab1 .right{ max-width:800px; margin:0 auto; width:100%; float:none; padding:60px 0;}
	.ab2 .dot { width: calc(50% - 20px); height:340px; margin-bottom:20px;}
	.ab2{ padding:80px 0;}
	.ias-s .box .txt p{ font-size:2em;}
	.ias-s .box .txt{ padding:15px 10px;}
	.ab5{ padding:60px 0 200px 0;}
}
@media screen and (max-width: 800px) {
	.ab1{ background:#fff !important;}
	.ab2 .dot { height:400px;}
	.ab3 .ab3-1, .ab3 .ab3-2,.ab3 .ab3-3, .ab3 .ab3-4{ width:100%; padding:10px 0;}
	.ia-tit{ padding:20px 0;}
	.ab4{ padding:40px 0;}
	.ab5 .txt{ width:100%;}
	.ab2 .dot {  width: calc(100% - 20px); height:fit-content;}
}
@media screen and (max-width: 500px) {
	.ab1 .dots .dot{ height:fit-content;}
	.ab1 .dot p{ margin:0 0 10px 0;}
	.ab1 .dot img{ width:30px; padding:10px 0;}
	.ab1 .left>h3,.ab5 .right>h3{ font-size:2.4em;}
	.ab1 .left h4,.ab5 .left h4{ font-size:2em;}
	.ias-s .box .txt{ padding:0 10px 10px 10px;}
	.ias-s .box .txt p{ font-size:1.6em; }
	.ab5{ padding:60px 0;}
	.ab1 .dots .dot{ width:90px; margin-top:10px; margin-right:6px;}
	.ab1  .dot h3{ font-size:2.4em;}
	.ab2{ padding:40px 0;}
	.ab2 .dots{ margin-top:30px;}
	.ab2 .dot{ padding:50px 30px 30px 30px;}
	.ab3 .txt{ padding-top:30px;}
	.ab3{ padding:40px 0 20px 0;}
	.ab5 .right{ padding:0;}
	.ab5 .right a{ margin:45px 0 0 0;}
}

/*video*/
@media screen and (max-width: 1550px) {
	.video-txt .boxs .box .txt{ padding:12px 10px;}
	.video-txt .boxs .box .txt p{ font-size:2em; }
}
@media screen and (max-width: 1024px) {
	.video-txt .boxs{ width:calc(100% + 20px); margin-left:-10px; }
	.video-txt .boxs .box{ width:calc(50% - 20px); margin:20px 10px;}
	.video-txt{ padding:40px 0 0 0;}
}
@media screen and (max-width: 600px) {
	.video-txt .boxs .box{ width:calc(100% - 20px); float:none; max-width:520px; margin:15px auto;}
}

/*social*/
@media screen and (max-width: 1550px) {
	.social .boxs .box .img{  width:36%;}
	.social .boxs .box .txt{ margin-left:-19%; width:69%;padding: 70px 100px 70px 200px;}
}
@media screen and (max-width: 1250px) {
	.social .boxs .box .img{ margin:0 7%; margin-top:30px; width:40%;}
	.social .boxs .box .txt{ margin-left:-19%; width:65%;padding: 70px 100px 70px 160px;}
	.social .boxs .box{ margin-bottom:30px;}
	.social .boxs .box .txt{ height:fit-content; min-height:340px;}
}
@media screen and (max-width: 1024px) {
	.social .boxs .box .img{ margin:0 7%; margin-top:30px; width:84%; margin-bottom:-20px;}
	.social .boxs .box .img img{ border-radius:15px;}
	.social .boxs .box .txt{ margin-left:0%; width:100%;padding: 40px 40px;min-height:fit-content;}
	.social .boxs .box{ margin-bottom:30px;}
	.social .boxs .box:hover .img{ margin:30px 5% -20px 4%;}
}
@media screen and (max-width: 600px) {
	.social .boxs .box .txt{padding: 40px 10px 20px 10px;}
	.social .boxs .box{ margin-bottom:15px;}
	.social .boxs{ margin-top:20px;}
	.social{ padding:40px 0;}
}