@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) {
	.header .logo{ padding:20px 0;}
	.header .mune{ margin:45px 0 25px 0;}
	.banner .swiper-slide,.banner .txt{ height:800px;}
	.banner .txt a{ margin:25px 0 40px;}
	.iab .right{ padding-top:40px;}
	.iab .right .dot h5{ font-size:10em;}
	.is{ padding:60px 0 90px 0;}
}
@media screen and (max-width: 1600px) {
	.header .logo{ padding:10px 0;}
	.header .mune{ margin:35px 0 15px 0;}
	.header .mune>a{ padding-bottom:12px;}
	.banner .swiper-slide,.banner .txt{ height:700px;}
	.banner .txt h3{ font-size:4.2em;}
	.banner .txt h4{ font-size:4em;}
	.iab .tits { padding: 50px 0 40px 0;}
	.tits h3{ font-size:3.2em;}
	.tits h4{ font-size:2.8em;}
	.tits h4:after{ top:12px;}
	.iab .left .txt h3{ font-size:3em;}
	.iab .left .txt h4{ font-size:2.4em;}
	.iab .right .dot{ height:300px;}
	.is .txts .right .box .txt{ height:240px;}
	.is .txts{ margin-top:40px;}
	.is .txts .right .box .txt h3{ font-size:2.4em;}
	.is .txts .right .box .txt p{ font-size:1.6em;}
	.ip .boxs .gallery-top .left .txts .t1{ padding:90px 30px 30px 30px;}
	.ip .boxs .gallery-top .left .txts .t2 .t h3{ font-size:3em;}
	.ip { padding: 50px 0 60px 0;}
	.inews .txts{ padding-bottom:60px;}
	.footer .fo1{ padding:80px 0 60px 0;}
}
@media screen and (max-width: 1400px) {
	.header .mune>a{ margin-right:40px;}
	.banner .swiper-slide,.banner .txt{ height:550px;}
	.banner .txt h3{ font-size:2.8em;}
	.banner .txt h4{ font-size:3.2em; margin:10px 0;}
	.banner .txt p{ font-size:1.4em;}
	.banner .txt img{ max-width:30%;}
	.header .logo img{ width:120px;}
	.header .mune { margin: 20px 0 15px 0;}
	.header .mune>a,.header .mune .dot a{ font-size:1.4em;}
	.iab .left .txt h3{ font-size:2.4em; padding:15px 0 5px 0;}
	.iab .left .txt h4{ font-size:2em; margin-bottom:10px;}
	.iab .right .dot{ padding:20px 40px;}
	.iab .right .dot h5{ font-size:8em;}
	.iab .right .dot h5 img{ width:70px;}
	.iab .right .dot h5 span{ line-height:80px;}
	.iab .right .dot{ height:240px;}
	.iab .right .dot h5 p{ font-size:20px;}
	.iab .right .dot:nth-child(3) h5 p{ font-size:24px;}
	.is{ padding:60px 0;}
	.ip .boxs{ margin-top:40px;}
	.ip .boxs .gallery-top .left .txts .t1{ height:320px; padding:20px;}
	.ip .boxs .gallery-top .right{ height:560px;}
	.inews .txts .warp .right .swiper-slide a .txt p { -webkit-line-clamp: 2; height: 48px;}
	.inews .txts .warp .right .swiper-slide a .txt h3{ font-size:1.8em; margin-bottom:5px;}
	.inews .txts .warp .right .swiper-slide a .txt .t>span{margin-top:20px; font-size:1.4em;}
	.inews .txts .warp .right .swiper-slide a .txt .date{ margin-bottom:10px;}
	.footer .fo1 .left img{ max-width:60%;}
	.footer .fo1{ padding:60px 0 40px 0;}
	.footer .fo1 .right .mune a{ font-size:1.4em;}
}
@media screen and (max-width: 1200px) {
	.banner .txt .t *{ max-width:40%;}
	.banner .swiper-slide,.banner .txt{ height:450px;}
	.banner .txt a { margin: 25px 0; font-size:1.6em;}
	.tits h3{ font-size:2.4em;}
	.tits h4{ font-size:2em;}
	.tits h4:after{ top:8px;}
	.iab .left .txt{ margin-right:0px;}
	.header .mune>a{ margin-right:25px;}
	.iab .right .dot h5{ font-size:6em;}
	.iab .right .dot h5 img{ width:60px;}
	.iab .right .dot h5 span{ line-height:60px;}
	.iab .right .dot h4{ font-size:1.6em;}
	.is .txts .left h3{ font-size:2em;}
	.is .txts .left h4{ font-size:2.4em; margin-bottom:15px;}
	.is .txts .right .box .txt h3{ font-size:2em; margin-bottom:10px;}
	.ip .boxs .gallery-top .left .txts .t2 .t h3{ margin-bottom:10px; font-size:2em;}
	.ip .boxs .gallery-top .left .txts .t1 h3{ font-size:2em;}
	.ip .boxs .gallery-top .left .txts .t1 h4{ font-size:1.4em; line-height:20px; margin-bottom:10px;}
	.ip .boxs .gallery-thumbs .img .b,.ip .boxs .gallery-thumbs .img{ padding:0;}
	.is .txts .right .box{ max-width:60%;}
	.ip .boxs .gallery-top .left .txts .t2{ padding:20px;}
}
@media screen and (max-width: 1024px) {
	.header .mune,.banner .txt p,.banner .txt img{ display:none;}
	.header .logo img{ width:100px; }
	#hamburger{ top:25px;}
	.banner .swiper-slide,.banner .txt{ height:350px;}
	.iab .right .dot{ height:200px;}
	.iab .left .txt p{ line-height:20px;}
	.is .txts .right .box{ max-width:90%; margin-right:0;}
	.is .txts .right .box .txt h3{ font-size:1.6em; line-height:24px;}
	.is .txts .right .box .txt{ height:fit-content;}
	.ip .boxs .gallery-top .right{ height:fit-content;}
	.ip .boxs .gallery-top .left .txts .t2 .t p{ line-height:24px;}
	.ip .boxs .gallery-top .left .txts .t2 .t p:after{ top:10px;}
	.ip .boxs .dots { width: 100%;  position:static; margin-bottom:0px; overflow:hidden; padding:0;}
	.ip .boxs .dots .gallery-thumbs{ float:none;}
	.footer .fo1{ display:none;}
	.inews .txts{  margin-top:40px; background: transparent;}
	.inews .txts .warp>*{ float:none; }
	.inews .txts .warp .left,.inews .txts .warp .right{ width:100%;} 
	.inews .txts .warp .left{ background:url(../images/inews-bg.jpg) left top no-repeat; padding:60px 20px; margin-bottom:40px;}
	.inews .txts .warp .left .txt{ padding-top:0;}
}
@media screen and (max-width: 850px) {
	.iab .left, .iab .right{ display:block; width:100%; float:none;}
	.iab .txts{ display:block;}
	.iab .right:after{ display:none;}
	.iab .left .txt{ margin:0 auto; float:none; width:fit-content;}
	.iab .right .dot h5{ padding:20px 0 40px 0; font-size:5em;}
	.ip .boxs .gallery-top .left,.ip .boxs .gallery-top .right{ float:none; width:100%;}
	.ip .boxs .gallery-top .right{ padding-bottom:40px;}
	.ip .boxs .gallery-top .swiper-pagination{ width:100%; padding:20px;}
	.ip .boxs .gallery-top:after, .ip .boxs .gallery-top:before{ bottom:24px;}
	.inews .txts{ padding-bottom:40px;}
	.iab .tits { padding: 40px 0 0px 0;}
	.ip .boxs .gallery-top .right img{ max-width:360px; width:100%;}
	.ip .boxs .gallery-top:after, .ip .boxs .gallery-top:before{ left:80px;}
	.footer .fo2 .left,.footer .fo2 .right{ float:none; display:inline;}
	.footer .fo2 .left{ padding-right:20px;}
	.footer .fo2{ text-align:center;}
	.bottomlist ul li img{ width:25px; height:25px;}
	.footer{ margin-bottom:37px;}
}
@media screen and (max-width: 650px) {
	.header .logo img{ width:80px;}
	.banner .swiper-slide,.banner .txt{ height:280px;}
	#hamburger{ top:20px; right:15px;}
	.banner .txt .t *{ max-width:50%;}
	.banner .txt h3{ font-size:2em;}
	.banner .txt h4{ font-size:2.4em; }
	.banner .txt a{ margin:20px 0 0 0; font-size:1.4em;}
	.iab .left .txt h3{ font-size:2em;}
	.iab .left .txt h4{ font-size:1.6em;}
	.iab .right{ padding-top:0;}
	.iab .right .dot{ padding:20px;}
	.is .txts>*{ float:none; width:100%;}
	.is .txts .right .box{ max-width:340px; width:100%;}
	.inews .txts .warp .right .swiper-slide{ padding:20px 0 10px 0;}
	.ip .boxs .gallery-top .left .txts>* { display:block; width: 100%;}
	.ip .boxs .gallery-top .left .txts .t1{ height:fit-content;}
	.inews .txts .warp .left{ padding:30px 20px;}
	.inews .txts .warp .left .txt h3{ font-size:2em; line-height:20px;}
	.inews .txts .warp .left .txt h4{ font-size:2em; margin-bottom:10px;}
	.inews .txts .warp .right .swiper-slide a>*{ display:block; width:100%;}
	.inews .txts .warp .right .swiper-slide a .txt{ width:100%;}
	.inews .txts .warp .right .swiper-slide a .txt h3{ font-size:1.6em;}
}
@media screen and (max-width: 450px) {
	.header .logo img{ width:70px;}
	.header .logo{ padding:5px 0;}
	#hamburger{ top:12px;}
	.banner .swiper-slide,.banner .txt{ height:240px;}
	.banner .txt h3{ font-size:1.6em;}
	.banner .txt h4{ font-size:2em;}
	.tits h3{ font-size:2em;}
	.tits h4{ font-size:1.8em;}
	.iab .tits{ padding:30px 0 0 0;}
	.iab .right .dot h5{ padding:20px 0;}
	.iab .right .dot{ height:180px;}
	.ip{ padding:40px 0;}
	.ip .boxs{ margin-top:20px;}
	.inews .txts .warp .right .swiper-slide a .t{ padding:10px;}
}	

/*network*/
@media screen and (max-width: 1800px) {
	.banners { height: 730px;}
	.banners .txt { padding-top: 12%;}
}
@media screen and (max-width: 1600px) {
	.banners { height: 630px;}
	.banners .txt h3{ font-size:4.5em;}
	.network-t{ padding-bottom:120px;}
}
@media screen and (max-width: 1400px) {
	.tits2 { padding: 30px;}
	.tits2 h3 { font-size: 3em;}
	.tits2 h4 { font-size: 2em;}
	.tits2 span { margin: 0 20px 0 25px;}
}
@media screen and (max-width: 1200px) {
	.banners { height: 500px;}
	.banners .txt h3{ font-size:4em; margin-bottom:10px;}
	.banners .txt { padding-top: 140px;}
	.insiderbox .top-boxs>h3{ font-size:3em; margin-bottom:15px;}
	.insiderbox .top-boxs { margin-top: -100px;}
	.network-t { padding-bottom: 80px;}
}
@media screen and (max-width: 1024px) {
	.banners .txt h3 { font-size: 3.2em;}
	.banners { height: 400px;}
	.banners .txt{ padding-top: 120px;}
	.tits2 *{ line-height:30px;}
}
@media screen and (max-width: 850px) {
	.banners { height: 320px;}
	.banners .txt{ padding-top:80px;}
	.banners .txt h3{ font-size:2.4em;}
	.banners .txt h4{ font-size:1.4em; line-height:24px;}
	.insiderbox .top-boxs>h3{ font-size:2.4em;}
	.insiderbox .top-boxs .t-box .tit{ padding:20px 0;}
	.network-t .txts{ padding:20px;}
	.tits2 *{ line-height:20px;}
	.tits2 h3{ font-size:2em;}
	.tits2 h4{ font-size:1.6em;}
	.tits2 span{ font-size:1.8em; margin:0 5px;}
	.tits2{ padding:20px;}
	.network-t{ padding-bottom:40px;}
}
@media screen and (max-width: 650px) {
	.banners .txt{ max-width:100%;}
	.insiderbox .top-boxs .t-box .tit p{ font-size:1.4em;}
	.insiderbox .top-boxs .t-box .tit{ margin:0 20px; padding:12px 0;}
	.tits2{ padding:12px;}
	.insiderbox .top-boxs{ margin-top:-50px;}
	.insiderbox .top-boxs>h3{ font-size:2em;}
}
@media screen and (max-width: 450px) {
	.banners { height: 240px;}
	.banners .txt{ padding-top:40px;}
}

/*news*/
@media screen and (max-width: 1400px) {
	.news-t .news-list{ padding:60px 0;}
	.news-t .boxs{ padding:0 20px 40px 20px;}
	.news .txt h3 span{ margin-bottom:10px;}
}
@media screen and (max-width: 1200px) {
	.news-t .news-list .dot a .txt h3{ font-size:2em;}
	.news-t .news-list .dot a .txt{ padding:20px;}
	.news-t .news-list .dot a .txt:after{ left:20px;}
	.news .txt h3 span{ margin:8px;}
}
@media screen and (max-width: 1024px) {
	.news-t .boxs { padding: 0 20px 20px 20px;}
	.news-t .boxs .box { width: calc(33.33%); margin:0;}
	.news-t .news-list{ padding:40px 0;}
	.news-t .news-list .dot{ margin-bottom:15px;}
	.news .txt h3 span{ margin:4px 6px; width:8px; height:8px;}
}
@media screen and (max-width: 850px) {
	.news-t .news-list .dot .txt{ background-size:40px 40px !important;}
	.news-t .boxs .box .txt .t h3{ font-size:1.6em;}
}
@media screen and (max-width: 650px) {
	.news-t .boxs .box{ width:100%;}
	.news-t .boxs .box>*{ float:left; width:50%;}
	.news-t .news-list .dot .txt{ background-size:30px 30px !important;}
	.news-t .news-list .dot a .date{ width:90px;}
	.news-t .news-list .dot a .date .d{ padding:30px 10px;}
	.news-t .news-list .dot a .date .d h3{ font-size:2.8em;}
	.news-t .news-list .dot a .txt{ padding:12px;}
	.news-t .news-list .dot a .txt h3{ font-size:1.6em; margin-bottom:10px;}
	.news-t .news-list .dot a .txt:after{ top:40px;}
	div.fy{ padding:0;}
	.news-t .news-list{ padding:40px 0 20px 0;}
}
@media screen and (max-width: 450px) {
	.news-t .boxs .box .txt .t h3{ font-size:1.4em; margin-bottom:5px;}
	.news-t .boxs .box .txt .t span{ width:40px; height:2px;}
	.news-t .boxs{ padding:0;}
	.news-t .news-list .dot a .date{ padding:0; width:75px;}
}

/*newsshow*/
@media screen and (max-width: 1550px) {
	.newsshow{ padding:0 0 60px 0;}
}
@media screen and (max-width: 1024px) {
	.newsshow .n-boxs .tit,.newsshow .btn{ padding:40px 20px;}	
	.newsshow .n-boxs .txt{ padding:20px;}
}
@media screen and (max-width: 600px) {
	.newsshow .n-boxs .tit h3{ font-size:1.6em; margin-bottom:10px;}
	.newsshow .n-boxs .tit .dot h4{ font-size:1em; }
	.newsshow .n-boxs .tit{ padding:30px 20px 0 20px;}
	.newsshow .n-boxs .btn{ padding:0px 20px 30px 20px;}	
	.newsshow .n-boxs .btn a{ padding:10px 15px;}
	.newsshow { padding: 0 0 40px 0;}
	.newsshow .n-boxs .btn a { padding: 8px 10px;}
}

/*service*/
@media screen and (max-width: 1600px) {
	.service-t .top-boxs .dots .dot .t1 .t{ width:60%;}
	.service-t .top-boxs .dots .dot .t1 .img{ width:40%;}
}
@media screen and (max-width: 1400px) {
	.service-t .top-boxs .dots .dot { width: calc(33.33% - 20px); margin: 0 10px;}
	.service-t .top-boxs .dots { padding: 0 35px 55px 35px;}
	.service-t .top-boxs .dots .dot .t1 .t h4{ font-size:2em;}
}
@media screen and (max-width: 1200px) {
	.service-t .top-boxs .dots .dot .t1{ padding:20px;}
	.service-t .top-boxs .dots .dot .t1 .t h3{ font-size:2em; margin-bottom:5px;}
	.service-t .top-boxs .dots .dot .t1 img{ width:40px;}
	.service-t .top-boxs .dots .dot .t1 .t{ width:calc(100% - 50px);}
	.service-t .top-boxs .dots .dot .t1 .img{ width:50px;}
	.service-t .top-boxs .dots .dot .imgs h3{ top:10px; left:15px; font-size:3.2em}
	.service-t .top-boxs .dots .dot .t2{ padding:15px;}
	.service-t .top-boxs .dots { padding: 0;}
	.service-t .top-boxs .dots .dot .t1{ height:100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.service-t .top-boxs .dots .dot{ width:33.33%; margin:0;}
}
@media screen and (max-width: 850px) {
	.service-t .s3 .txts div p:nth-child(3){ display:none;}
	.service-t .s3 .txts div p{ display:block; float:left; height:36px;}
	.service-t .top-boxs .dots .dot{ width:50%;}
	.service-t .s3 .txts .tl p{ font-size:1.4em;}
}
@media screen and (max-width: 650px) {
	.service-t .s3 .txts .tl p{ font-size:1.4em; line-height:20px; line-height:20px;}
	.service-t .s3 .txts div p:nth-child(2){ width:30%;}
	.service-t .s3 .txts div p:nth-child(4){  width:20%;}
	.service-t .s3 .txts div p:nth-child(1){ width:50%;}
	.service-t .s3 .txts div p{ padding:12px 5px;}
	.service-t .top-boxs .dots .dot{ width:100%; float:none; max-width:360px; margin: 10px auto;}
	.service-t .top-boxs .dots .dot .t1,.service-t .top-boxs .dots .dot .t2{ height:fit-content;}
	.service-t .s3{ padding-bottom:40px;}
	.service-t .top-boxs .dots .dot .t1 .t h3,.service-t .top-boxs .dots .dot .t1 .t h4{ font-size:1.6em;}
}

/*contact*/
@media screen and (max-width: 1400px) {
	.contact-t .top-boxs .txts{ margin-bottom:120px;}
	.c-map .c-txt{ width:340px;}
	#container { height: 450px;}
	.c-map .c-txt{ top:-60px;}
	.contact-t .top-boxs .tits2 { padding: 40px 50px 30px 50px;}
}
@media screen and (max-width: 1200px) {
	.c-map .c-txt{ padding:40px 20px;}
	.c-map .c-txt h3{ margin-bottom:5px; font-size:2em;}
	.c-map .c-txt .box h4{ font-size:1.8em;}
	.contact-t .top-boxs .txts form .box1{ padding-right:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.contact-t .top-boxs .txts form .box1 .fc-input{ width:100%;}
	.contact-t .top-boxs .tits2 { padding: 30px;}
}
@media screen and (max-width: 850px) {
	.contact-t .top-boxs .tits2 { padding: 20px 20px 10px 20px;}
	.contact-t .top-boxs .txts form{ margin-top:30px;}
	.contact-t .top-boxs .txts form .box1,.contact-t .top-boxs .txts form .box2{ width:100%; padding:0;}
	.contact-t input, .contact-t textarea{ font-size:1.6em; padding:5px 12px 5px 40px; background-size:30px 20px !important;  background-position:6px 8px !important;}
	.c-map .c-txt{ position:static; width:calc(100% + 40px); margin-left:-20px;}
	#container { height: 320px;}
	.contact-t .top-boxs .txts{ margin-bottom:40px;}
	.contact-t .btn .fc-btn{ font-size:1.6em; width:100%;}
}

/*about*/
@media screen and (max-width: 1600px) {
	.ab3 { padding: 80px 0 120px 0;}
	.ab3 .boxs { margin-top: 50px;}
	.ab2 .dots { margin-top: 50px;}
}
@media screen and (max-width: 1400px) {
	.about-t .txts { padding: 40px 20px 40px 20px;}
	.about-t .txts .txt .tits2{ margin-bottom:15px;}
	.about-t{ margin-bottom:50px;}
	.ab2 .dots .dot img{ width:60px;}
	.ab2 .tits2 p, .ab3 .tits2 p{ margin-top:10px;}
	.ab3 { padding: 60px 0 80px 0;}
	.ab3 .honor-slider:after, .ab3 .honor-slider:before{ width:80px;}
	.ab3 .honor-slider{ padding:0 80px;}
}
@media screen and (max-width: 1200px) {
	.ab2{ padding:50px 0;}	
	.ab2 .dots{ margin-top:30px;}
	.ab2 .dots .dot img{ width:50px;}
	.ab2 .dots .dot h3{ padding:0 0 6px 0;}
	.ab3{ padding:50px 0;}
	.ab3 .boxs{ margin-top:30px;}
}
@media screen and (max-width: 1024px) {
	.ab2 .dots .dot img{ width:40px;}
	.ab2 .dots .dot p{ font-size:1.4em;}
	.ab3 .honor-slider:after, .ab3 .honor-slider:before{ width:24px;}
	.ab3 .honor-slider{ padding:0 24px;}
	.ab3 .honor-slider .swiper-button-prev{ left:0;}
	.ab3 .honor-slider .swiper-button-next{ right:0;}
	.ab3 .honor-slider .swiper-button-prev,.ab3 .honor-slider .swiper-button-next{ background-size:35px 35px; width:35px; height:35px;}
}
@media screen and (max-width: 850px) {
	.about-t .txts .txt{ float:none; width:100%; margin-bottom:15px;}
	.about-t .txts .img{ width:100%;}
	.about-t .txts .img img{ max-width:100%; width:auto;}
	.ab2 .dots .dot{ width:50%; margin-bottom:10px;}
	.ab2 .dots .dot:last-child:before{ display:none;}
}
@media screen and (max-width: 450px) {
	.about .txt h4{ display:inline;}
	.about-t .txts { padding: 20px;}
	.about-t{ margin-bottom:30px;}
	.ab2{ padding:40px 0 20px 0;}
	.ab2 .dots .dot{ width:100%;}
	.ab2 .dots .dot h3{ line-height:16px;}
	.ab3{ padding:40px 0;}
}

/*product*/
@media screen and (max-width: 1600px) {
	.product-t .top-boxs{ margin-bottom:60px;}
	.product-t .top-boxs .txts .txt .t h3{ margin-bottom:25px; font-size:3.2em;}
}
@media screen and (max-width: 1400px) {
	.product-t .p-boxs .box .txt p,.product-t .p-boxs .box .txt span{ font-size:1.8em;}
	.product-t .p-boxs .box{ margin:20px 15px;}
}
@media screen and (max-width: 1200px) {
	.product-t .p-boxs .box { width: calc(33.33% - 20px); margin:15px 10px;}
}
@media screen and (max-width: 1024px) {
	.product-t .top-boxs .txts .imgs{ width:40%;}
	.product-t .top-boxs .txts .imgs img{ width:100%;}
	.product-t .top-boxs .txts .dots div{ padding:10px 0;}
	.product-t .top-boxs .txts .txt .t h3{ font-size:2.4em; margin-bottom:10px;}
	.product-t .top-boxs{ margin-bottom:30px;}
	.product-t .p-boxs .box .txt p,.product-t .p-boxs .box .txt span{ font-size:1.4em;}
}
@media screen and (max-width: 850px) {
	.product-t .top-boxs .txts>*{ display:block; }
	.product-t .top-boxs .txts .imgs{  width:100%;}
	.product-t .top-boxs .txts .imgs img{ max-width:100%; width:auto;}
	.product-t .top-boxs .txts .txt .t{ margin:20px auto;}
	.product-t .top-boxs .txts .dots{ width:100%; overflow:hidden; background-image:linear-gradient(90deg,transparent 0%,#f4f4f4 100%);}
	.product-t .top-boxs .txts .dots div{ display:inline-block; float:left; width:fit-content !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.product-t .top-boxs .txts .dots a{ padding:4px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.product-t .top-boxs .txts .dots .lock,.product-t .top-boxs .txts .dots a:hover{ width:100%; margin-left:0%; font-size:1.4em;}
	.product-t .p-boxs .box .txt span{ padding:10px 5px;}
	.product-t .p-boxs .box .txt span img{ width:15px; margin:0 0 2px 0;}
}
@media screen and (max-width: 650px) {
	.product-t .top-boxs .txts .txt .t p{ line-height:20px;}
	.product-t .top-boxs .txts .txt .t p:after{ top:6px;}
	.product-t .top-boxs .txts .txt .t h3{ font-size:2em;}
	.product-t .p-boxs .box { width: calc(50% - 20px);}
	.product-t .top-boxs .txts .imgs{ background-size:90%;}
}
@media screen and (max-width: 450px){
	.product-t .p-boxs .box { width: calc(100% - 20px);}
	.product-t .top-boxs .txts .dots div{ padding:0;}
	.product-t .top-boxs .txts .txt .t h3{ font-size:1.6em;}
	.product-t .p-boxs{ padding-bottom:30px;}
}

/*product*/
@media screen and (max-width: 1024px) {
	.productshow .top-boxs .txts .imgs{ width:calc(100% - 120px);}
	.productshow .top-boxs .txts .imgs img{ width:100%; max-width:500px;}
	.productshow .p-boxs table tr td{ font-size:1.4em; padding:8px 12px;}
}
@media screen and (max-width: 850px) {
	.productshow .top-boxs .txts .imgs{ width:calc(100%);}
}