@charset "utf-8";
/* CSS Document */
/*all*/
@media screen and (max-width: 1024px) {
	#hamburger{ display:block !important;}
	.bottomlist{ display:block;}
	.footer{ margin-bottom:52px;}
}

/*index*/
@media screen and (max-width: 1600px) {
	.header .logo img{ width:200px;}
	.header .mune{ padding:52px 0 0 0;}
	.header .m-list>a{ margin:0 25px;}
	.header .more{ padding-left:60px;}
	.iab .tit h3{ font-size:6em;}
	.ip{ padding:80px 0 140px 0;}
	.ip .tit .tip h3{ font-size:2.8em;}
	.ip .tit .tip h4{ font-size:3.2em;}
	.ieq .ieq-txt h3{ font-size:3.2em;}
	.ieq .ieq-txt h4{ font-size:3.2em;}
}
@media screen and (max-width: 1440px) {
	.header{ padding:0 40px;}
	.header .logo img{ width:160px;}
	.header .mune{ padding:44px 0 0 0;}
	.iab{ padding:60px 0 40px 0;}
	.iab .tit span{ width:30px; height:30px;}
	.iab .tit h3{ font-size:5.2em;}
	.iab .tit h4{ font-size:3em;}
	.ieq .top-tip{ max-width:280px; height:300px;}
	.ieq .ieq-txt{ height:690px; margin-top:-250px;}
	.footer .fo1{ padding:60px 0 40px 0;}
	.footer .fo1 .mune .mune-line .dot h3 a{ font-size:1.6em;}
	.footer .fo1 .f-logo img{ width:160px;}
}
@media screen and (max-width: 1360px) {
	.iab .tit h3{ font-size:4.8em;}
	.iab .tit span{ width:20px; height:20px;}
	.iab{border-bottom: 15vh solid #666;}
	.ip{ padding:60px 0 120px 0;}
	.ieq .top-tip{ padding:30px 40px;}
	.ieq .ieq-txt h3,.ieq .ieq-txt h4{ font-size:2.8em;}
	.ip .tit .tip h3{ font-size:2.4em;}
	.ip .tit .tip h4{ font-size:2.8em;}
	.ip .tit .tip{ padding-bottom:20px;}
	.ip .dot .txt h3{ font-size:1.6em;}
	.ip .dot .txt h4 { padding: 16px 12px 6px 12px; font-size: 1.4em;}
}
@media screen and (max-width: 1250px) {
	.header .m-list>a{ margin:0 15px;}
	.header .more{ padding-left:20px;}
	.footer .fo1{ padding:40px 0 20px 0; }
	.ieq .top-tip{ max-width:240px; height:240px;}
	.ieq .ieq-txt{ height:560px; margin-top:-190px;}
}
@media screen and (max-width: 1024px) {
	.footer .fo1,.header .mune{ display:none;}
	.header .logo{ padding:20px 0;}
	.header{ padding:0 20px;}
	.header .logo img{ width:120px;}
	.iab{ padding:40px 0;     background-image: linear-gradient(180deg,#fff 0%,#fff 50%,#e6e6e6 50%,#e6e6e6 100%);}
	.iab .tit h3{ font-size:4em;}
	.iab{border-bottom: 10vh solid #666;}
	.ip{ padding:40px 0 100px 0;}
	.ip .dot .txt h3{ font-size:1.4em;}
	.ip .swiper-button-next,.ip  .swiper-button-prev{ width:30px; height:30px; background-size:30px 30px;}
}
@media screen and (max-width: 850px) {
	.ieq .ieq-txt{ max-width:100%; height:auto; margin:40px 0;}
	.ieq .ieq-txt a{ float:none;}
	.ieq .top-tip{ max-width:200px; height:180px; padding:20px;}
	.banner .ban-pag{ bottom:20px;}
	.iab{ background-image: linear-gradient(180deg,#fff 0%,#fff 30%,#e6e6e6 30%,#e6e6e6 100%);}
	.footer .fd p,.footer .fd p:last-child{ float:none; display:inline;}
	.footer .fd{ text-align:center;}
}
@media screen and (max-width: 650px) {
	.header{ position:static; background:#000;}
	.header .logo{ padding:12px 0;}
	#hamburger{top:16px; right:15px;}
	.iab .tit h3{ font-size:2.4em;}
	.iab .tit span{ width:10px; height:10px;}
	.iab .tit h4{ font-size:2em;}
	.ip .tit .tip h3{ font-size:2em;}
	.ip .tit .tip h4{ font-size:2em;}
	.ieq .ieq-txt h3, .ieq .ieq-txt h4{ font-size:2em;}
	.ieq .ieq-txt{ padding:20px;}
	.ieq .ieq-txt a{ margin-top:20px;}
	.ieq .top-tip{ margin-top:-20px; height:120px;}
	.bottomlist ul li img{ width:25px; height:25px;}
	.footer{ margin-bottom:37px;}
	.ip{ padding:40px 0 60px 0;}
}
@media screen and (max-width: 450px) {
	.iab{border-bottom: 5vh solid #666; padding:20px 0;}
	.iab{ background-image: linear-gradient(180deg,#fff 0%,#fff 10%,#e6e6e6 10%,#e6e6e6 100%);}
	.ip .tit .tip h3,.ip .tit .tip h4{ font-size:1.8em;}
	.ip .dot .txt h4{ padding:6px;}
	.ieq .top-tip{ max-width:160px;}
	.ieq .ieq-txt{ margin:20px 0;}
}

/*contact*/
@media screen and (max-width: 1600px) {
	.banners{ height:450px;}
	.contact-t .ctxt{ padding:70px 0;}
	.contact-t .cmt .cd a .t img{ width:70px;}
	.contact-t .cmt .cd a .t h3,.contact-t .cmt .cd a .t p{ font-size:2em;}
	.contact-t .ctxt .txt span{ margin:15px 0 20px 0;}
}
@media screen and (max-width: 1440px) {
	.banners{ height:400px;}
	.contact-t .ctxt .txt h3{ font-size:2.4em;}
	.contact-t .ctxt .fd{ padding:40px;}
	.contact-t .ctxt .txt p{ font-size:1.4em;}
	.contact-t .ctxt .txt{ padding:40px 30px;}
}
@media screen and (max-width: 1360px) {
	.contact-t .ctxt .fd .btn .fc-btn{ padding:5px 20px; font-size:1.4em;}
	.contact-t .ctxt .fd .tit .t{ padding:0;}
	.contact-t .ctxt .fd .tit .t h3{ font-size:1.8em;}
	.contact-t .ctxt{ padding:50px 0;}
}
@media screen and (max-width: 1250px) {
	.contact-t .ctxt .txt{ padding:30px 30px 0 0 ;}
	.contact-t .ctxt .fd{ padding:30px;}
	.contact-t .ctxt .fd .fc-input{ width: calc(50% - 10px); margin: 10px 5px 0 5px; }
	.contact-t .ctxt .fd textarea{ margin-top:10px;}
	.contact-t .ctxt .fd .dot{ width: calc(100% + 10px); margin-left: -5px; }
	.contact-t .cmt .cd a .t img{ width:50px;}
	.contact-t .cmt .cd a .t h3,.contact-t .cmt .cd a .t p{ font-size:1.8em;}
	.banners{ height:350px;}
}
@media screen and (max-width: 1024px) {
	.contact-t .cmt .cd a{ height:450px;}
	.contact-t .ctxt .txt{ width:100%; margin-bottom:30px; float:none;}
	.contact-t .ctxt .fd{ width:100%; float:none;}
	.contact-t .ctxt .txt{ padding:0 30px;}
	.contact-t .ctxt .txt h3{ font-size:2em;}
	.contact-t .ctxt .txt span{ max-width:240px;}
}
@media screen and (max-width: 850px) {
	.contact-t .cmt .cd a{ height:350px;}
	.contact-t .cmt .cd a .t h3, .contact-t .cmt .cd a .t p{ font-size:1.6em;}
	.contact-t .ctxt .txt span{ max-width:200px; margin:5px 0; height:10px;}
	.banners{ height:220px;}
}
@media screen and (max-width: 650px) {
	.contact-t .cmt .cd a{ height:320px;}
	.contact-t .cmt .cd{ float:none; width:100%;}
	.contact-t .ctxt .txt h4{ font-size:1.2em;}
	.contact-t .ctxt .fd{ padding:20px 20px 20px 20px;}
	.contact-t .ctxt .txt{ padding:0 10px;}
	.contact-t .ctxt .fd:after{ height:6px;}
	.contact-t .ctxt .fd input, .contact-t .ctxt .fd textarea{ padding:6px 8px;}
}
@media screen and (max-width: 450px) {
	.banners{ height:170px;}
	.contact-t .cmt .cd a{ height:240px;}
	.contact-t .cmt .cd a .t img{ width:30px;}
	.contact-t .ctxt .txt{ padding:0;}
	.contact-t .ctxt{ padding:30px 0;}
	.contact-t .ctxt .fd .tit .t h3,.contact-t .ctxt .fd .tit .t h4{ font-size:1.6em;}
	.contact-t .ctxt .fd .tit .t{  padding-top:6px;}
	.contact-t .ctxt .txt h3{ font-size:1.8em;}
	.contact-t .ctxt .txt span{ height:5px;}
	.contact-t .ctxt .fd .fc-input{ width: calc(100% - 10px);}
	.contact-t .ctxt .fd{ padding:20px 12px;}
}

/*service*/
@media screen and (max-width: 1600px) {
	.tits h3{ font-size:2.4em; }
	.tits h4{ font-size:2em;}
}
@media screen and (max-width: 1440px) {
	.lists a{ font-size:1.4em;}
	.partner .img{ padding-top:40px;}
}
@media screen and (max-width: 1250px) {
	.partner{ padding:40px 20px;}
	.tits h3{ font-size:2em; }
	.tits h4{ font-size:1.8em;}
	.lists a{ padding:6px 24px;}
	.lists{ padding:30px 0 25px 0;}
}
@media screen and (max-width: 1024px) {
	.partner .img{ padding-top:20px;}
	.lists a{ margin:0 5px 5px 5px;}
}
@media screen and (max-width: 650px) {
	.partner{ padding:20px;}
	.tits h3{ font-size:1.6em; }
	.tits h4{ font-size:1.4em;}
	.lists a{ padding:4px 16px;}
	.lists{ padding:20px 0 15px 0;}
}

/*none*/
@media screen and (max-width: 1600px) {
	.none{ padding: 60px 0;}
	.none .tits{ padding-bottom: 30px;}
	.none .warp>p{ font-size: 1.6em;}
}
@media screen and (max-width: 1250px) {
	.none{ padding: 50px 0;}
	.none .tits{ padding-bottom: 20px;}
	.none p{ font-size: 1.4em;}
}
@media screen and (max-width: 850px) {
	.none{ padding: 40px 0;}
	.none .tits{ padding-bottom: 10px;}
}

/*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.4em;}
	.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;}
	.newsshow { padding: 40px 0;}
	.newsshow .btn a { padding: 8px 10px;}
}


/*join*/
@media screen and (max-width: 1600px) {
	.join-t .jd2{ padding:60px 0;}
	.join-t .jd2 .re-txt .boxs .box .panel-header{ padding:25px 40px;}
	.join-t .jd1{ padding:50px 0 60px 0;}
	.join-t .jd1 .dots .dot .img img{ max-width:30%;}
	.join-t .jd2 .re-txt .boxs .box .panel-body{ padding:0 40px 25px 40px;}
}
@media screen and (max-width: 1360px) {
	.join-t .jd2 .re-txt{ padding:40px 0 0 0;}
	.join-t .jd2 .re-txt .boxs .box .panel-header h4 span img{ width:20px; margin-bottom:0px;}
	.join-t .jd2 .re-txt .boxs .box{ margin-bottom:20px;}
}
@media screen and (max-width: 1024px) {
	.join-t .jd2 .re-txt .boxs .box .panel-header h3{ font-size:1.6em;}
	.join-t .jd2 .re-txt{ padding:20px 0 0 0;}
	.join-t .jd1,.join-t .jd2{ padding:40px 0;}
	.join-t .jd2 .re-txt .boxs .box .panel-header{ padding:15px 20px;}
	.join-t .jd2 .re-txt .boxs .box .panel-body{ padding:0 20px 15px 20px; margin-top:0px;}
	.join-t .jd1 .dots .dot .t h3{ font-size:1.6em; margin-bottom:4px;}
	.join-t .jd1 .dots{ padding-top:30px;}
}
@media screen and (max-width: 850px) {
	div.fy a,div.fy span.current,div.fy span.disabled{ padding:4px 8px;}
}
@media screen and (max-width: 650px) {
	.join-t .jd1 .dots .dot{ float:none; width:100%; margin-top:30px;}
	.join-t .jd1 .dots .dot .img img{ max-width:60px;}
	.join-t .jd1 .dots{ padding:0;}
	.join-t .jd2 .re-txt .boxs .box .panel-header h3{ font-size:1.4em; font-weight:normal;}
	.join-t .jd2 .re-txt .boxs .box .panel-header h4 span img{ width:14px; margin-bottom:4px;}
	.join-t .jd2 .re-txt .boxs .box .panel-body .dots .dot{ width:33.33%;}
	.join-t .jd2 .re-txt .boxs .box .panel-header h3,.join-t .jd2 .re-txt .boxs .box .panel-header h4{ width:100%; float:left; padding-right:0;}
}
@media screen and (max-width: 450px) {
	.join-t .jd1 .dots .dot{ margin-top:20px;}
	.join-t .jd1, .join-t .jd2{ padding:30px 0;}
	.join-t .jd2 .re-txt .boxs .box .panel-header{ padding:12px;}
	.join-t .jd2 .re-txt .boxs .box .panel-body{ padding:0 12px 15px 12px;}
}

/*news*/
@media screen and (max-width: 1600px) {
	.news-t .boxs{ margin-top:30px;}
	.news-t .boxs .box a{ padding:30px 2%;}
	.news-t .boxs .box{ margin:30px 0;}
	.news-t{ padding:40px 0 60px 0;}
}
@media screen and (max-width: 1250px) {
	.news-t .boxs .box a .txt{ padding-left:30px;}
	.news-t .boxs .box a .txt span{ margin-top:20px;}
}
@media screen and (max-width: 1024px) {
	.news-t .boxs .box a .img{ width:220px;}
	.news-t .boxs .box a .txt{ width:calc(100% - 220px);}
	.news-t{ padding:40px 0;}
}
@media screen and (max-width: 650px) {
	.news-t .boxs .box a{ padding:20px 15px;}
	.news-t .boxs .box a .img,.news-t .boxs .box a .txt{ display:block; width:100%;}
	.news-t .boxs .box a .img{ text-align:center; margin-bottom:20px;}
	.news-t .boxs .box a .txt{ padding:0;}
}

/*craft*/
@media screen and (max-width: 1800px) {
	.craft-t>.warp:after{ left:-60px;}
	.craft-t .crdot:before { right: calc(100% + 71px);}
	.craft-t .crdot:after{ width:80px;}
}
@media screen and (max-width: 1600px) {
	.craft-t>.warp:after{ left:20px;}
	.craft-t .crdot:before { right: calc(100% + 31px);}
	.craft-t .crdot:after{ width:40px;}
	.craft-t .crdot{  margin-left:40px;}
	.craft-t .crdot .tit h3{ font-size:2.4em;}
	.craft-t .crdot .tit h4{ font-size:2em;}
}
@media screen and (max-width: 1440px) {
	.craft-t .crdot { padding: 30px 50px 50px 50px; border-bottom: 6px solid #de1a37;}
	.craft-t .crdot:before { width:14px; height:14px; right: calc(100% + 33px); top:78px;}
	.craft-t>.warp{ padding:20px;}
	.craft-t .crdot .tit:after{ width:120px;}
}
@media screen and (max-width: 1250px) {
	.craft-t .crdot { padding: 30px;}
	.craft-t .crdot .tit h3{ font-size:2em;}
	.craft-t .crdot .tit h4{ font-size:1.8em;}
	.craft-t .crdot .txt p{ font-size:1.4em;}
}
@media screen and (max-width: 1024px) {
	.craft-t .crdot .txt{ padding:0 0 20px 0;}
	.craft-t .crdot .tit{ margin-bottom:20px;}
	.craft-t .crdot .img{ overflow-x:scroll; padding-bottom:10px;}
	.craft-t .crdot .img img{ max-width:1100px;}
	.craft-t .crdot{ margin:20px 0 20px 40px;}

	.craft-t .crdot .img::-webkit-scrollbar-track {	border-radius:0px;	background-color:#F5F5F5;}
	.craft-t .crdot .img::-webkit-scrollbar { height:6px;	width:6px;	background-color:#F5F5F5;}
	.craft-t .crdot .img::-webkit-scrollbar-thumb {	border-radius:4px;	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);	background-color:#D62929;}
}
@media screen and (max-width: 650px) {
	.craft-t .crdot:before { width:10px; height:10px; right: calc(100% + 14px); top:80px;}
	.craft-t .crdot{ margin:20px 0 20px 20px;}
	.craft-t .crdot { padding: 20px;}
	.craft-t .crdot .tit:after{ width:60px;}
	.craft-t .crdot:after{ width:20px;}
	.craft-t .crdot .tit h3{ font-size:1.6em;}
	.craft-t .crdot .tit h4{ font-size:1.4em;}
	.craft-t .crdot .img img{ max-width:800px;}
}
@media screen and (max-width: 450px) {
	.craft-t .crdot{ margin:20px 0 20px 10px; padding:20px 12px;}
	.craft-t>.warp:after{ left:10px;}
	.craft-t .crdot .tit h3,.craft-t .crdot .tit h4{ display:block; line-height:1.2;}
}

/*quality*/
@media screen and (max-width: 1250px) {
	.quality .imgs{ margin:10px 0 20px -10px;}	
	.quality>.warp{ padding:40px 20px;}
	.video>div .t p{ font-size:1.6em;}
	.video{ margin-bottom:20px;}
}
@media screen and (max-width: 1024px) {
	.quality .imgs .img{ width: calc(33.33% - 10px); margin:5px;}
	.quality .imgs{ width: calc(100% + 10px); margin:10px 0 20px -5px;}
}
@media screen and (max-width: 850px) {
	.video{ padding: 30px 0; width:100%; }
	.video>div{ margin:0 auto; max-width:600px; float:none; width:100%;}
}
@media screen and (max-width: 650px) {
	.quality .imgs .img{ width: 100%; max-width:450px; float:none; margin:15px auto 0 auto;}
	.quality .imgs{ width: calc(100%); margin:0px 0 20px 0px;}
	.video>div .t p{ font-size:1.4em; margin:5px 0;}
}

/*product*/
@media screen and (max-width: 1440px) {
	.product-t{ padding:50px 0;}
	.product-t .tit h3{ font-size:2.4em;}
	.product-t .tit h4{ font-size:2em;}
	.product-t .tit h4 span{ font-size:16px;}
	.product-t .dot2{ margin-top:30px;}
}
@media screen and (max-width: 1250px) {
	.product-t .txt p{ font-size:1.4em;}
	.product-t .txt{ padding:10px;}
	.product-t .tit2 h3,.product-t .dot1 .pro-app .tip h3{  font-size:2em;}
	.product-t .dot1 .pro-app .imgs .pi p{ font-size:1.4em;}
}
@media screen and (max-width: 1024px) {
	.product-t .dot1 .pro-app .imgs .pi{ width:calc(33.33% - 6px);}
	.product-t .dot1 .pro-app{ padding:30px 20px;}
	.product-t .dot1 .pro-app img{ padding:20px 0;}
}
@media screen and (max-width: 850px) {
	.product-t .tit2 h3,.product-t .dot1 .pro-app .tip h3{  font-size:1.6em;}
	.product-t .dot1 .img img{ max-width:900px; width:900px;}
	.product-t .dot1 .img{ overflow-x:scroll; background:#fff; border-bottom:15px solid #fff;}
	.product-t .dot1 .img::-webkit-scrollbar-track {	border-radius:0px;	background-color:#F5F5F5;}
	.product-t .dot1 .img::-webkit-scrollbar { height:6px;	width:6px;	background-color:#F5F5F5;}
	.product-t .dot1 .img::-webkit-scrollbar-thumb {	border-radius:4px;	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);	background-color:#D62929;}
	.product-t .dot2 .d{ float:none; width:100%; max-width:650px; margin:0 auto;}
	.product-t .dot2 .d:first-child{ margin:0 auto 20px auto;}
	.product-t .tit2>span{ width:16px; height:16px; margin:6px 4px 0 0 ;}
	.product-t .dot1 .pro-app{ padding:15px;}
}
@media screen and (max-width: 650px) {
	.product-t .dot1 .pro-app .imgs .pi{ width:calc(50% - 6px);}
	.product-t{ padding:40px 0;}
	.product-t .tit h3{ font-size:2em;}
	.product-t .tit h4{ font-size:1.6em;}
	.product-t .tit h4 span{ font-size:14px;}
}

/*about*/
@media screen and (max-width: 1600px) {
	.about-t .ab1{ padding:50px 0 120px 0;}
	.about-t .tit h3{ font-size:2.4em; line-height:20px;}
	.about-t .tit>span{ width:20px; height:24px; margin-bottom:20px;}
	.about-t .ab2{ padding:80px 0 0 0;}
	.about-t .ab2 .ab2-box .txt h3{ font-size:2em; margin-bottom:10px;}
	.about-t .ab3{ padding:110px 0;}
    .about-t .ab5{ padding:100px 0;}
}
@media screen and (max-width: 1440px) {
	.about-t .ab1 .t{ padding:14px 0 30px 0;}
	.about-t .ab1{ padding:50px 0 100px 0;}
	.about-t .ab2{ padding:60px 0 0 0;}
	.about-t .ab2 .ab2-box .links{  margin-top:50px;}
	.about-t .ab2 .ab2-box .txt{ padding:20px;}
	.about-t .ab3{ padding:90px 0;}
	.about-t .ab4 .tit{ margin-left:20px; padding:0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.about-t .ab4 .ab4-box .ab4-ddot{ padding: 0 20px;}
	.about-t .ab4 .ab4-box .ab4-ddot .ab4-slider{ padding:40px 0;}
	.about-t .ab4 .ab4-box .ab4-ddot .swiper-slide h3{ font-size:4em;}
	.about-t .ab4 .ab4-box .ab4-ddot .swiper-slide span{ margin:40px 0;}
	.about-t .ab4 .ab4-box .ab4-ddot:after{ top:196px;}
	.about-t .ab5{ padding:80px 0;}
}
@media screen and (max-width: 1250px) {
	.about-t .ab1 .t h5{ font-size:1.4em;}
	.about-t .ab4 .ab4-box .ab4-ddot .swiper-slide{ padding:50px 20px;}
	.about-t .ab4 .ab4-box .ab4-ddot .swiper-slide h3{ font-size:3.2em;}
	.about-t .ab4 .ab4-box .ab4-ddot:after{ top:169px;}
	.about-t .ab1{ padding:50px 0;}
	.about-t .ab2{ padding:40px 0 0 0;}
	.about-t .ab2 .tit h3{ font-size:2em;}
	.about-t .ab2 .ab2-box .txt h3{ font-size:1.8em;}
	.about-t .ab2 .ab2-box .links{ margin-top:30px;}
	.about-t .ab3,.ab4,.about-t .ab5{ padding:60px 0;}
	.about-t .tit h3{ font-size:2em;}
	.about-t .ab2 .ab2-box .txt p{ line-height:1.5;}
}
@media screen and (max-width: 1024px) {
	.about-t .ab1 .imgs div:first-child,.about-t .ab1 .imgs div:last-child{ width:100%; }
	.about-t .ab1 .imgs div:last-child{text-align:right;}
	.about-t .ab1 .imgs div:last-child img{ display: none; max-width:100%; width:auto;text-align:right;}
	.about-t .ab1 .imgs div:first-child img{ width:auto; max-width:100%;}
	.about-t .ab2 .ab2-box .txt{ padding:0 0 20px 0; width:100%;}
	.about-t .ab2 .ab2-box .t{ position:static;}
	.about-t .ab2 .ab2-box .imgs{ width:100%;  margin-top:40px;}
	.about-t .ab5 .ab5-imgs .ab5-slider{ margin:0 50px;}
	.about-t .ab4 .ab4-box .ab4-ddot .swiper-slide{ padding:20px 20px;}
	.about-t .ab4 .ab4-box .ab4-ddot .swiper-slide h3{ font-size:2.4em;}
	.about-t .ab4 .ab4-box .ab4-ddot:after{ top:130px;}
}
@media screen and (max-width: 850px) {
	.about-t .ab1,.about-t .ab3, .ab4, .about-t .ab5{ padding:40px 0;}
	.about-t .ab1 .t h4{ font-size:1.4em;}
	.about-t .ab2 .tit h3{ font-size:1.8em;}
	.about-t .tit>span{ width:14px; height:18px; margin-top:6px;}
	.about-t .ab2 .ab2-box .t h3{ font-size:1.6em;}
	.about-t .ab4 .tit h3{ font-size:1.8em;}
	.about-t .ab4 .ab4-box .ab4-ddot{ padding-bottom:0;}
	.about-t .ab5 .ab5-imgs .ab5-slider{ padding:20px 0;}
}
@media screen and (max-width: 650px) {
	.about-t .ab5 .ab5-imgs .ab5-slider .swiper-slide-next{ transform: scale(1);}
	.about-t .ab4 .ab4-box .ab4-ddot .swiper-slide p{ font-size:1.4em;}
	.about-t .ab4 .ab4-box .ab4-ddot .swiper-slide h3{ font-size:2em;}
	.about-t .ab4 .ab4-box .ab4-ddot:after{ top:86px;}
	.about-t .ab4 .ab4-box .ab4-ddot .ab4-slider{ padding:20px 0;}
	.about-t .ab4 .ab4-box .ab4-ddot .swiper-slide span{ margin:20px 0;}
	.about-t .tit>span{ margin-bottom:10px;}
}
@media screen and (max-width: 450px) {
	.about-t .ab2 .ab2-box{ padding-top:20px;}
	.about-t .ab2 .ab2-box .imgs{ margin-top:20px; padding:0 30px;}
	.about-t .ab3 .ab3-box{ overflow-x:scroll; padding-bottom:20px;}
	.about-t .ab3 .ab3-box img{ width:auto; max-width:800px;}
	.about-t .ab3 .ab3-box .ab3-tip{ width:800px;}
	.about-t .ab3 .ab3-box::-webkit-scrollbar-track {	border-radius:0px;	background-color:#F5F5F5;}
	.about-t .ab3 .ab3-box::-webkit-scrollbar { height:6px;	width:6px;	background-color:#F5F5F5;}
	.about-t .ab3 .ab3-box::-webkit-scrollbar-thumb {	border-radius:4px;	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);	background-color:#D62929;}
	.about-t .ab4 .tit h3{ font-size:1.6em;}
	.about-t .tit h3{ font-size:1.8em;}
	.about-t .ab5 .ab5-imgs .swiper-button-prev, .ab5 .ab5-imgs .swiper-button-next{ width:20px;}
	.about-t .ab5 .ab5-imgs .ab5-slider{ margin:0 25px;}
}


/*knowledge*/
@media screen and (max-width: 1600px) {
	.knowledge .boxs{ margin-top:30px;}
	.knowledge .boxs .box a{ padding:30px 2%;}
	.knowledge .boxs .box{ margin:30px 0;}
	.knowledge{ padding:40px 0 60px 0;}
}
@media screen and (max-width: 1250px) {
	.knowledge .boxs .box a .txt{ padding-left:30px;}
	.knowledge .boxs .box a .txt span{ margin-top:20px;}
}
@media screen and (max-width: 1024px) {
	.knowledge .boxs .box a .img{ width:220px;}
	.knowledge .boxs .box a .txt{ width:calc(100% - 220px);}
	.knowledge{ padding:40px 0;}
}
@media screen and (max-width: 650px) {
	.knowledge .boxs .box a{ padding:20px 15px;}
	.knowledge .boxs .box a .img,.knowledge .boxs .box a .txt{ display:block; width:100%;}
	.knowledge .boxs .box a .img{ text-align:center; margin-bottom:20px;}
	.knowledge .boxs .box a .txt{ padding:0;}
}
/*download*/
@media screen and (max-width: 1024px) {
	.download .boxs .box .txt h3{ font-size: 1.4em;}
}
@media screen and (max-width: 850px) {
	.download .boxs .box{ width: calc(50% - 20px);}
}
@media screen and (max-width: 450px) {
	.download .boxs .box{ width: calc(100% - 20px);}
}