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

/*index*/
@media screen and (max-width: 1800px) {
	.inews .txts .btn{ left: 1.5%; width: 97%;}
	.iad .txts .box .txt .t p{ max-width:120px; }
	.iad .txts .box .txt .t p:last-child{ line-height:18px;}
}
@media screen and (max-width: 1600px) {
	.warp{ max-width:1340px; }
	.header .logo img{ width:240px;}
	.header .munes .mune .m-list>a {  font-size: 1.6em;  padding: 20px 20px;}
    .header .munes .dots span img {  padding: 18px 10px 18px 10px;}
	.header .munes .dots a {  padding: 0 0 0 20px;   font-size: 1.4em;}
	.header .munes .dots a img{ padding:22px 0;}
	.header .munes .dots>*{ line-height:60px;}
	.iab .txt{ padding:80px 0 100px 0;}
	.iab .txt h3 { font-size: 2.8em; padding-bottom:10px;}
	.iab .txt p{ line-height:28px;}
	.iab .dots .dot span{ font-size:48px;}
	.iab .dots .dot .num{ width:160px; height:160px;}
	.iab .dots .dot h3{ padding-top:30px;}
	.iab .dots .dot p{ font-size:2em; margin-top:16px;}
	.ip .tits,.inews .tits,.iad .tits{ padding: 60px 0 40px 0;}
	.ip .ipn .swiper-slide .txt .t p{ font-size:2em;}
	.inews .txts .inews-slider .swiper-slide h3{ font-size:2.4em;}
	.inews .img-bg{ height:450px;}
	.inews .txts .btn{ left: 0%; width: 100%;}
	.inews .txts .inews-slider { padding: 80px 8% 40px 8%;}
	.inews .txts .inews-slider .more{ margin-top:40px;}
	.iad .txts .box.bt{ padding:40px; transform: scaleY(1.2);}
	.iad .txts .box.bt .t { transform: scaleY(0.8);}
	.iad .txts{ padding:160px 0;}
	.iad .txts .box.box1:hover,.iad .txts .box.box2:hover,.iad .txts .box.box3:hover,.iad .txts .box.box4:hover,.iad .txts .box.box5:hover{ transform: scale(1.05); }
	.ipa{ padding:80px 0 100px 0;}
	.ipa .warp .txts .tit h3{ font-size:3.2em;}
	.ipa .warp .txts .tit h4{ margin:10px 0 20px 0;}
	.ipa .warp .txts .tit p{ line-height:28px;}
}
@media screen and (max-width: 1450px) {
	.header .munes .mune .m-list>a{ font-size:1.4em;}
	.header .munes .dots span img { width:20px;  padding: 22px 10px 22px 10px;}
	.header .munes .dots a{ padding:0 0 0 10px;}
	.iab .dots .dot{ padding:30px 20px;}
	.iab .txt a{ padding:10px 40px;  font-size:1.4em;}
	.tits h3 { font-size: 2.4em;  line-height: 28px; margin-bottom: 10px;}
	.tits h4{ font-size:2em;}
	.inews .img-bg{ height:400px;}
	.inews .txts .inews-slider .swiper-slide h4{ font-size:1.6em; margin:0 0 6px 0;}
	.inews .txts .inews-slider .swiper-slide span{ margin:30px 0 35px 0;}
	.iad .txts .box.bt .t h4{ font-size:2.8em; }
	.iad .txts .box.bt .t h3{ font-size:1.4em;}
	.iad .txts .box.bt{ padding:40px 30px;}
	.iad .txts .box{ width:33.33%;}
	.iad .txts .box.bt,.iad .txts .box.bt .t{ transform: scaleY(1);}
	.iad .txts{  padding:0;}
	.iad .txts .box .txt .t p{ max-width:100%; }
	.ipa .warp .txts .tit h3{ font-size:2.8em;}
	.ipa .warp .txts .tit h4{ font-size:2em;}
	.ipa .warp .txts .tit a {  margin: 35px 0 100px 0;   font-size: 1.4em;}
	.ipa .warp .txts .ipa-slider{ margin-right:60px;}
	.ipa .warp .txts .imgs .btn{ width:40px;}
	.ipa .warp .txts .imgs .btn .swiper-button-prev, .ipa .warp .txts .imgs .btn .swiper-button-next {    width: 40px;  background-size: 40px 100%; height: 45%;}
	.iad .txts .box.box1:hover,.iad .txts .box.box2:hover,.iad .txts .box.box3:hover,.iad .txts .box.box4:hover,.iad .txts .box.box5:hover{ transform: scale(1);}
	.ip .ipn .swiper-slide .txt .t p{ font-size: 1.6em;}
}
@media screen and (max-width: 1250px) {
	.header .logo img{ width:180px; padding:5px 0;}
	.iab .txt{ padding:60px 0;}
	.iab .txt h3{ font-size:2.4em;}
	.iab .txt h4{ font-size:1.8em; padding-bottom:20px;}
	.iab .dots .dot .num{ width:120px; height:120px;}
	.iab .dots .dot span{ font-size:40px; }
	.iab .dots .dot h3{ padding-top:30px;}
	.iab .dots .dot p{ font-size:1.6em;}
	.iab .dots .dot .num p{ margin-top:0px;}
	.inews .img-bg{ height:280px;}
	.inews .txts .inews-slider{ padding:60px 40px 40px 40px;}
	.inews .txts .inews-slider:after, .inews .txts .inews-slider:before{ width:40px;}
	.ipa{ padding:60px 0 80px 0;}
	.footer .fo1 { padding: 60px 0 40px 0;}
	.footer .fo1 .fc { width: 30%; padding-right: 4%;}
	.footer .fo1 .mune{ width:70%;}
	.footer .fo1 .mune h3 a{ font-size:1.6em; margin-bottom:10px;}
	.footer .fo2{ padding:20px 0;}
}
@media screen and (max-width: 1024px) {
	.header .munes,.footer .fo1{ display:none;}
	.iab .txt p{ line-height:24px;}
	.iab .dots .dot .num{ width:80px; height:80px; border:2px solid #fff;}
	.iab .dots .dot span{ font-size:24px; }
	.iab .dots .dot .num sup{ font-size:2em;}
	.iab .dots .dot h3{ padding-top:15px;}
	.iab .dots .dot p{ font-size:1.4em; margin-top:5px;}
	.inews .txts .inews-slider .swiper-slide h3{ font-size:2em;}
	.inews .txts .btn .swiper-button-prev, .inews .txts .btn .swiper-button-next {  width: 30px; height: 30px; background-size: 40px 40px;}
    .ipa .warp .txts .tit a {  margin: 35px 0 60px 0;}
    .ipa .warp .txts .tit a{ padding:10px 30px;}
    .ip .ipn .swiper-slide .txt{ bottom: 0;}
    .iad .txts .box .txt .tt>*{ float:none; width:100%;}
    .iad .txts .box .txt .tt .img{  margin-bottom:20px;}
    .inews .txts .inews-slider .swiper-slide p{ opacity: 0.5; transform: translateY(0px);}
}
@media screen and (max-width: 850px) {
	.iad .txts .box,.iad .txts .box.bt{ height:240px;}
    .iad .txts .box.bt .t h4{ font-size:2em; margin:10px 0 6px 0;}
    .ip .ipn .swiper-slide .txt .more{ padding:20px 10px;}
    .ipa .warp>*{ float:none;}
    .ipa .warp .txts,.ipa .warp .map{width:100%;}
    .ipa .warp .map{ margin:60px 0 0 0;}
    .ipa .warp .txts .tit h3{ font-size:2em; margin-top:0;}
    .ipa .warp .txts .tit h4{ font-size:1.6em;}
    .ipa .warp .txts .tit a{ margin:20px 0 50px 0;}
    .ipa{ padding:60px 0;}
    .ipa .warp .map img{ width:600px;}
    .ip .ipn .swiper-slide .txt .more{ width:60px;}
}
@media screen and (max-width: 650px) {
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 20px;}
	.iab .txt{ padding:40px 0; max-width:100%;}
	.iab{ background-position:left center;  background-size:200% auto !important;}
	.iab .dots .dot{ width:33.33%;}
	.iab .txt h3{ font-size:2em;}
	.iab .txt h4{ font-size:1.6em; }
	.ip .tits, .inews .tits, .iad .tits{ padding:40px 0 20px 0;}
	.tits h3 { font-size: 2em;  line-height: 24px; margin-bottom: 5px;}
	.tits h4{ font-size:1.6em;}
	.inews .txts .inews-slider{ padding:40px 40px 20px 40px;}
	.inews .txts .inews-slider .more{ margin-top:20px;}
	.iad .txts .box{ width:50%;}
	.footer .fo2{ padding:14px 0;}
	.footer .fo2 p,.footer .fo2 p:last-child{ float:none; display:inline; }
	.bottomlist ul li img{ width:25px; height:25px;}
	.iab .dots .dot{ padding:20px 0;}
	.header .logo{ max-width:160px;}
	.footer{ margin-bottom:37px;}
}
@media screen and (max-width: 500px) {
	.iab{  background-size:cover !important;}
	.ip .ipn .swiper-slide .txt .t{ padding:15px;}
	.inews .img-bg{ height:200px;}
	.iad .txts .box.bt{ padding:20px 20px;}
	.ipa{ padding:40px 0;}
	.ipa .warp .txts .ipa-slider{ margin-right:40px;}
	.ipa .warp .txts .imgs .btn .swiper-button-prev, .ipa .warp .txts .imgs .btn .swiper-button-next {    width: 30px;  background-size: 30px 100%; height: 45%;}
}


/*about*/
@media screen and (max-width: 1600px) {
	.a-list .a-lock:after, .a-list>div:hover:after{ width:90%; left:5%;}
	.tits2 h4 { font-size: 6.5em;}
	.tits2 h3{ font-size:2.8em;}
	.about-t .box1 .ab1-2 .swiper-slide-active .txt p{ padding:20px 10px;}
	.about-t .box1 .ab1-2{ margin-bottom:0;}
}
@media screen and (max-width: 1400px) {
	.banners{ height:450px;}
	.a-list>div a{ font-size:1.6em; padding:30px 10px;}
	.about-t .box1 .ab1-1{ padding:60px 0;}
	.about-t .box1 .ab1-1 .txts{ padding-top:30px;}
	.about-t .box2 .txts{ margin-top:30px;}
	.about-t .box2,.about-t .box3,.about-t .box5,.about-t .box7{ padding:70px 0 90px 0;}
	.about-t .box4{ padding:80px 0 140px 0;}
	.about-t .box4 .txts .gallery-thumbs .swiper-slide{ font-size:4em; line-height:50px; text-align:center;}
	.about-t .box5 .txts .dot{ padding:40px;}
	.about-t .box5 .txts .dot .tit{ margin-bottom:30px;}
}
@media screen and (max-width: 1200px) {
	.banners{ height:350px;}
	.tits2 h4 { font-size: 5.5em; margin-top:-20px;}
	.tits2 h3{ font-size:2.4em;}
	.a-list>div a{ padding:20px 10px;}
	.a-list{ padding:0;}
	.about-t .box1 .ab1-1 .txts .txt h3{ font-size:2em;}
	.about-t .box1 .ab1-1 .txts .txt span{ margin:14px 0;}
	.about-t .box1 .ab1-1 .txts .txt{ padding:0 0 0 40px;}
	.about-t .box1 .ab1-2 .btn .ab1-p, .about-t .box1 .ab1-2 .btn .ab1-n {   width: 40px;  height: 95%;  background-size: 40px 40%;  }
	.about-t .box4 .txts .ap-prev, .about-t .box4 .txts .ap-next { top:22px;  width: 25px;  height: 25px;  background-size: 25px 25px; }
	.about-t .box4 .txts .gallery-thumbs .swiper-slide{ font-size:2em; line-height:25px;}
	.about-t .box4 .txts .gallery-thumbs{ width:200px; padding:0 50px;}
	.about-t .box4 .txts .gallery-thumbs:after, .about-t .box4 .txts .gallery-thumbs:before{ width:50px; height:25px;}
	.about-t .box4 .txts .gallery-top p{ font-size:1.8em; line-height:24px;}
	.about-t .box5 .txts .dot .lines p{ font-size:1.4em; line-height:24px;}
	.about-t .box5 .txts .dot .lines{ height:180px;}
	.about-t .box5 .txts .dot .tit img{ width:48px;}
	.about-t .box5 .txts .dot .tit .txt h3{ font-size:1.6em; line-height:24px;}
	.about-t .box5 .txts .dot .tit{ margin-bottom:10px;}
	.about-t .box5 .txts .dot .lines { margin-left: 24px;  padding: 10px 10px 10px 24px;}
	.ab-v .more img{ width:80px;}
}
@media screen and (max-width: 1024px) {
	.banners{ height:240px;}
	.a-list>div a{ font-size:1.4em;}
	.about-t .box3 .dots .dot .txt{ padding:25px 15px;}
	.about-t .box1 .ab1-1 .txts .txt p{ margin-bottom:0px;}
	.about-t .box1 .ab1-1 .txts .txt a{ margin-top:25px;}
	.about-t .box5 .txts .dot{ padding:30px;}
	.about-t .box5 .txts .dot .lines{ margin-left:0; padding:5px 5px 5px 10px;}
	.about-t .box5 .txts{ margin-top:20px;}
	.ab-v .more{ opacity:1;transform: translateY(-40px);}
}
@media screen and (max-width: 850px) {
	.a-list>div a{width:40px;padding:10px 0px;line-height:18px;letter-spacing:1px;}
	.about-t .box1 .ab1-1{ padding:40px 0;}
	.tits2 h4 { font-size: 4em; margin-top:-20px;}
	.tits2 h3{ font-size:2em;}
	.about-t .box1 .ab1-1 .txts{ padding-top:20px;}
	.about-t .box1 .ab1-1 .txts>*{ float:none; width:100%;}
	.about-t .box1 .ab1-1 .txts .img{ max-width:100%; margin-bottom:20px;}
	.about-t .box1 .ab1-1 .txts .txt{ padding:0;}
	.about-t .box1 .ab1-2 .swiper-slide-active .txt p{ font-size:1.4em;}
	.about-t .box2, .about-t .box3, .about-t .box5, .about-t .box7{ padding:40px 0;}
	.about-t .box1 .ab1-2 .ab1-slider{ padding:80px 0;}
	.about-t .box3 .dots .dot .txt img:first-child{ width:40px;}
	.about-t .box3 .dots .dot .txt h3{ font-size:1.6em; margin:12px 0;}
	.about-t .box4{ padding:60px 0 80px 0;}
	.about-t .box5 .txts .dot{ width:100%; margin:20px 0 0 0; max-width:350px; float:none;}
	.ab-v .alead>img{ width:160%; margin-left:-30%;}
	.ab-v .alead{ overflow:hidden;}
	.about-t .box7 .txts>*{ float:none; width:100%;}
	.about-t .box7 .txts .left .dot{ width:calc(33.33% - 10px); margin:5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.about-t .box7 .txts{ margin-top:20px;}
	.about-t .box7 .txts .left{ overflow:hidden;}
	.about-t .box7 .txts .right{ text-align:center; margin-top:30px;}
	
	.about-t .box7 .h-dots .dots span{ font-size:1.4em; padding:12px 20px;}
	.about-t .box5 .h-rz{ overflow-x:scroll;}
	.about-t .box5 .h-rz table{ min-width:900px;}
}
@media screen and (max-width: 650px) {
	.about-t .box1 .ab1-2 .swiper-slide-active{ transform:scale(0.9);}
	.about-t .box1 .ab1-1 .txts .txt h3{ font-size:1.6em;}
	.about-t .box1 .ab1-1 .txts .txt a{ padding:4px 20px;}
	.about-t .box1 .ab1-2 .ab1-slider{ padding:40px 0;}
	.tits2 h4 { font-size: 3em; margin-top:-20px;}
	.about-t .box3 .dots .dot {  width: calc(100%); margin: 10px 0px; float: none;}
	.about-t .box3 .dots .dot .txt p{ height:auto;}
	.about-t .box4 .txts .gallery-top p{ font-size:1.6em;}
	.about-t .box4 .txts .gallery-thumbs{ margin:20px 0 40px 0;}
}
@media screen and (max-width: 450px) {
	.a-list>div{ width:33.33%; border-bottom:1px solid #8d9aad;}
	.about-t .box1 .ab1-2 .btn{ top:70px;}
	.about-t .box1 .ab1-2 .btn .ab1-p, .about-t .box1 .ab1-2 .btn .ab1-n {   width: 30px;  height: 95%;  background-size: 30px 40%;  }
	.about-t .box1 .ab1-2 .swiper-slide-active .txt p{ font-size:1.6em;}
	.a-list>div a{ width:auto;}
	.about-t .box3 .dots .dot .txt{ width:70%;}
	.about-t .box4{ padding:40px 0 60px 0;}
	.ab-v .alead>img{ width:200%; margin-left:-50%;}
	.about-t .box7 .txts .left .dot {  width: calc(50% - 10px);}
	
	.about-t .box7 .h-dots .dots span{ padding:6px 14px; border-radius:60px;}
	.about-t .box7 .imgs div {  width: calc(50% - 20px); margin: 10px 10px;}
}

/*network*/
@media screen and (max-width: 1600px) {
	.network-t .tits2 { padding: 60px 0 20px 0;}
}
@media screen and (max-width: 1400px) {
	.network-t .img{ overflow:hidden;}
	.network-t .img img{ width:120%; margin-left:-10%;}
}
@media screen and (max-width: 850px) {
	.network-t .tits2 { padding: 40px 0 20px 0;}
}

/*contact*/
@media screen and (max-width: 1400px) {
 	.contact-t{ padding-top:80px;}	
 	.contact-t .c1 .warp2{ padding-bottom:80px;}
 	.contact-t .c1 .txts{ margin-top:30px;}
}
@media screen and (max-width: 1200px) {
	.contact-t .c1 .txts .tips h3{ font-size:2em; margin-bottom:20px;}
	.contact-t .c1 .txts .txt>h3{ font-size:2em;}
	.contact-t input, .contact-t textarea{ font-size:1.6em;}
	.contact-t .c1 .txts .txt{ height:500px;}
}
@media screen and (max-width: 1024px) {
	.contact-t .c1 .txts .txt{ padding:30px 40px;}
}
@media screen and (max-width: 850px) {
	.contact-t{ padding-top:60px;}	
 	.contact-t .c1 .warp2{ padding-bottom:60px;}
 	.contact-t .c1 .txts .tips{ float:none; width:100%; margin-bottom:20px;}
 	.contact-t .c1 .txts .txt{ width:95%; height:auto;}
 	#container { height: 400px;}
 	.contact-t .c1 .txts .txt{ padding:60px  40px;}
 	.contact-t .c1 .txts .tips form{ margin:0 auto;}
 	.contact-t .c1 .warp2:after{ display:none;}
}
@media screen and (max-width: 650px) {
	.contact-t .c1 .txts .txt .dot{ margin-top:20px;}
	.contact-t .c1 .txts .txt .dot h3{ font-size:1.6em; margin-bottom:4px;}
	.contact-t .c1 .txts .txt{ width:100%;}
	.contact-t .c1 .txts .txt:after{ left:0;}
	.contact-t .c1 .txts .txt .dot1,.contact-t .c1 .txts .txt .dot2{ width:100%;}
}
@media screen and (max-width: 450px) {
	.contact-t{ padding-top:40px;}	
 	.contact-t .c1 .warp2{ padding-bottom:40px;}
 	.contact-t .c1 .txts .tips h3,.contact-t .c1 .txts .txt>h3{ font-size:1.6em; margin-bottom:10px;}
 	.contact-t input, .contact-t textarea{ font-size:1.4em; padding:5px 0;}
 	.contact-t .btn .fc-btn{ font-size:1.6em; margin:0 auto; display:inline-block;}
 	.contact-t .c1 .txts .txt .dot h3{ font-size:1.4em;}
}


/*news*/
@media screen and (max-width: 1200px) {
	.news-t{ padding:80px 0;}
}
@media screen and (max-width: 1024px) {
	.news-t .boxs{ margin-top:30px;}
	.news-t .boxs .box-t{ padding:16px; margin-bottom:10px;}
	.news-t .boxs .box-t a .txt .more{ margin-top:30px;}
	.news-t .boxs .box-t a .txt h4,.news-t .boxs .box-t a .txt h3{ font-size:1.6em;}
	.news-t .boxs .box-t a .txt h4{ margin-top:4px;}
	.news-t .tit .n-list a{ padding-bottom:10px;}
	.news-t .boxs .dots .dot{ padding:15px 0; width:calc(50% - 20px); margin:10px;}
	.news-t .boxs .dots .dot a .date { width: 100px;  padding: 10px 10px;}
	.news-t .boxs .dots .dot a .date h3{ font-size:3.2em;}
	.news-t .boxs .dots .dot a .txt h3{ font-size:1.6em; margin-bottom:0;}
	.news-t .boxs .dots { width: calc(100% + 20px);  margin-left: -10px;}
}
@media screen and (max-width: 850px) {
	.news-t .boxs .box-t a .img,.news-t .boxs .box-t a .txt{ float:none; width:100%;}
	.news-t .boxs .box-t a .img{margin-bottom:20px;}
	.news-t{ padding:40px 0;}
	.news-t .tit .n-list a{ font-size:1.4em;}
	.news-t .boxs .dots .dot{ padding:15px 0; width:calc(100% - 20px); margin:10px;}
}
@media screen and (max-width: 650px) {
	.news-t .tit .n-list a{ margin-left:20px;}
	div.fy a,div.fy span.current,div.fy span.disabled{ margin:2px 2px;padding:4px 8px; font-size:1.4em;}
	.news-t .boxs .box-t a .img{ padding-right:0;}
	.news-t .boxs .dots .dot a .txt {   width: calc(100% - 80px);  padding: 0 10px;}
	.news-t .boxs .dots .dot a .date{ width:80px; padding:10px 0;}
	.news-t div.fy{ padding-top: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;}
	.newsshow { padding: 40px 0;}
	.newsshow .btn a { padding: 8px 10px;}
}

/*company*/
@media screen and (max-width: 1400px) {
	.company-t .box1{ padding:100px 0 80px 0;}
	.company-t .box2 .txts .txt .dot{ padding:18% 0;}
	.company-t .box3{ padding:80px 0;}
	.company-t .box4 .boxs{ margin-top:30px;}
	.company-t .box6 .co6-slider{ padding:60px 0; max-width:90%;}
	.company-t .box6 .dots .btn{ max-width:100%;}
}
@media screen and (max-width: 1200px) {
	.company-t .box1,.company-t .box2,.company-t .box5{ padding:60px 0;}
	.company-t .box1 .imgs{ padding:20px 0;}
	.company-t .box2 .txts .txt .dot h3,.company-t .box4 .boxs .box h3{ font-size:2em;}
	.company-t .box4 .boxs .box h3{ margin-bottom:10px;}
	.company-t .box4 .boxs .box:hover{ border-left:8px solid #ff5f01;}
	.company-t .box6 .co6-slider .img img{ width:60px;}
	.company-t .box6 .co6-slider p{ font-size:1.6em;}
	.company-t .box3 .boxs .box:after{ font-size:5.5em;}
}
@media screen and (max-width: 1024px) {
	.company-t .box1 .imgs{  width: calc(100% + 20px); margin-left: -10px;}
	.company-t .box1 .imgs div{ width: calc(33.33% - 20px); margin: 0 10px; box-shadow: 0 2px 5px rgba(30,4,5,0.2);}
	.company-t .box2 .txts .txt .dot p{ font-size:1.6em; line-height:24px;}
	.company-t .box2 .txts .txt .dot h3, .company-t .box4 .boxs .box h3{ font-size:1.8em;}
	.company-t .box3 .boxs .box{ height:200px;}
	.company-t .box3{ padding:60px 0;}
	.company-t .box3 .boxs,.company-t .box5 .boxs{ margin-top:20px;}
	.company-t .box4{ padding:60px 0;}
	.company-t .box5 .boxs .box h3{ font-size:1.6em;}
	.company-t .box5 .boxs .box h4{ font-size:1.4em;}
	.company-t .box5 .boxs .box {    width: calc(33.33% - 20px);    margin: 0 10px;}
	.company-t .box6 .dots .co6-p, .company-t .box6 .dots .co6-n { width: 20px; height: 40px; background-size: 20px 40px;}
	.company-t .box6 .dots .btn{ top:46%;}
}
@media screen and (max-width: 850px) {
	.company-t .box1,.company-t .box2,.company-t .box3,.company-t .box4,.company-t .box5{ padding:40px 0;}
	.company-t .box2 .txts .txt{ width:100%;}
	.company-t .box2 .txts .txt .dot{ padding:40px 0;}
	.company-t .box2 .txts{ margin-top:0;}
	.company-t .box2 .txts .imgs{ width:100%; }
	.company-t .box2 .txts .imgs div{ margin:0 5px; text-align:center;}
	.company-t .box2 .txts .txt .dot h3, .company-t .box4 .boxs .box h3{ font-size:1.6em;}
	.company-t .box4 .boxs .box a{ font-size:1.4em; margin-top:30px;}
	.company-t .box4 .boxs .box{ height:220px;}
	.company-t .box4 .boxs .box a span img{ width:15px; margin-left:5px; margin-bottom:-2px;}
	.company-t .box5 .boxs .box,.company-t .box1 .imgs div  { float:none; width: 100%; max-width:400px; margin:15px auto;}
	.company-t .box3 .boxs .box {   width: calc(50% - 10px);}
	.company-t .a-list{ padding:0;}
	.company-t .box4 .boxs .box{ width:100%;}
	.company-t .box4 .boxs .box{ height:auto; padding:20px;}
	.company-t .box4 .boxs .box h4{ font-size:1.4em; }
	.company-t .box4 .boxs .box h3{ font-size:1.6em; margin-bottom:5px;}
}
@media screen and (max-width: 650px) {
	.company-t .box6 .co6-slider{ padding:40px 0;}
	.company-t .box6 .co6-slider .img img{ width:40px;}
	.company-t .box6 .co6-slider .img{ padding:20px;}
	.company-t .box6 .co6-slider p{ margin-top:10px;}
	.company-t .box6 .dots .swiper-slide:hover .img{ transform: scale(1.1); padding: 10px 20px 30px 20px;}
	.company-t .box6 .dots .swiper-slide:hover p{ transform: translateY(-45px)}
	.company-t .box6 .co6-slider{ max-width:80%;}
	.company-t .box6{ padding:40px 0 0 0;}
}
@media screen and (max-width: 450px) {
	.company-t .a-list div{ width:33.33%;}
	.company-t .box2 .txts .imgs div {  width: calc(100% - 10px); margin:10px 0;}
	.company-t .box3 .boxs .box{ padding:0 20px;}
	.company-t .box5 .boxs {
    margin: 20px 0 0 0px;
    width: calc(100%);}
}

/*product*/
@media screen and (max-width: 1400px) {
	.product-t{ padding:80px 0;}
}
@media screen and (max-width: 1200px){
	.product-t .pro-boxs .pro-box .box .t1 h3{ font-size:3em;}	
	.product-t .pro-boxs .pro-box .box{ height:300px;}
	.product-t .pro-boxs .pro-box .box .t1{ max-width:80%;}
}
@media screen and (max-width: 1024px){
	.product-t .pro-boxs .pro-box .box{ padding:40px 30px;}
	.product-t .pro-boxs .pro-box .box{ display:block; width:100%; max-width:650px; margin:0  auto;}
	.product-t .pro-boxs .pro-box .box .t2{ padding:16% 0;}
	.product-t{ padding:60px 0;}
	.product-t .pro-boxs .pro-box .box:hover{ width: 100% !important;}
}
@media screen and (max-width: 650px){
	.product-t .pro-boxs .pro-box .box .t1 h3{ font-size:2.4em;}
	.product-t .pro-boxs .pro-box .box .t2 h4{ font-size:2em; padding:20px 40px 10px 40px;}
	.product-t .pro-boxs .pro-box .box .t2 h3{ font-size:2.4em;}	
}
@media screen and (max-width: 450px){
	.product-t{ padding:40px 0;}
	.product-t .pro-boxs{ margin-top:20px;}
	.product-t .pro-boxs .pro-box .box{ height:260px;}
	.product-t .pro-boxs .pro-box .box .t1 h3{ font-size:2em;}
	.product-t .pro-boxs .pro-box .box .t1 span{ margin:8px 0 20px 0;}
}

/*productshow*/
@media screen and (max-width: 1400px) {
	.productshow{ padding:80px 0;}
}
@media screen and (max-width: 1200px) {
	.p-list .warp>div a{ padding:20px 10px; font-size:1.6em;}
	.productshow .txts .txt h3{ font-size:2.4em;}
}
@media screen and (max-width: 1024px) {
	.productshow{ padding:60px 0;}
	.productshow .txts .txt h3{ font-size:2em;}
	.productshow .txts .txt .t2 .dot span, .productshow .txts .txt .t2 .dot p{ font-size:1.4em;}
	.productshow .txts .txt .t1{ margin:20px 0 25px 0;}
	.productshow .prs-more .tit h3{ font-size:2em;}
	.productshow .prs-more .tit{ margin-bottom:20px;}
	.productshow .prs-more table tr td{ padding:12px 10px;}
	.productshow .txts>*{ float:none; width:100%;}
	.productshow .txts .txt{ padding-left:0; margin:20px 0 0 0;}
	.productshow .txts .img{ text-align:center;}
	.productshow .txts .img img{ max-width:600px; margin:0 auto;}
	.p-list .warp>div{ width:33.33%;  border:1px solid  #8d9aad; margin:-1px 0 0 -1px;}
}
@media screen and (max-width: 850px) {
	.productshow .prs-more table tr td{ font-size:1.4em; padding:8px;}
	.productshow .prs-more .tit h3{ font-size:1.6em;}
	.productshow .prs-more .tit h4{ font-size:1.4em;}
	.p-list .warp>div{ width:50%;}
	.productshow .txts .txt p{ font-size:1.4em; line-height:24px;}
}
@media screen and (max-width: 650px) {
	.p-list .warp>div a{ font-size:1.4em; padding:15px 10px; line-height:20px;}
}
@media screen and (max-width: 450px) {
	.p-list .warp>div a{ font-size:1.4em; padding:10px 10px;}
	.productshow{ padding:40px 0;}
	.productshow .txts .txt h3{ font-size:1.6em; line-height:24px;}
}