@charset "utf-8";
*,:before,:after{ margin:0; padding:0; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, pre, form, fieldset, figure, figcaption, table, th, td img{ margin:0; padding:0;}
html{font-size:100px;} 
body{color:#333; font-size: .3rem; line-height:1.5; margin:0 auto; background-color:#ededf5;min-width: 320px;max-width: 750px; font-family: Arial,Helvetica,sans-serif;}
header,footer,nav,article,section,aside,time,address{ display: block; margin: 0; padding: 0;}
h1,h2,h3,h4{ color:#02091C;}
ol,ul,li{list-style:none;}
i,em{font-style: normal;}
a{ color:#02091C; text-decoration:none; outline:none; cursor:pointer;}
a:hover, a:active, a:link, a:visited{ text-decoration:none;}
fieldset,img,video{ max-width: 100%; border:none; vertical-align:middle;}
img{ border:none;}
input,select,textarea,button{color:#333;font-size:16px;outline:none; border: none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
input, button{ border-radius:0; -webkit-appearance:none;} /
textarea{ resize :none;} 
input:-ms-clear{ display:none;} 
input[type="button"], input[type="submit"], input[type="reset"]{ -webkit-appearance: none; outline:none;}
::-webkit-input-placeholder{color:#B5B8C1;}
::-moz-placeholder{color:#B5B8C1;}
:-ms-input-placeholder{color:#B5B8C1;}
:-moz-placeholder{color:#B5B8C1;}
table{ border-collapse: separate;} 
.clearfix:after,.biaoti:after{ content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden;}
.clearfix{ zoom:1;}
.transition{transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;}
.wrap{padding-left:0.4rem;padding-right:0.4rem;}
.fl{float: left;}
.fr{float: right;}
/* index style */
.header{max-width: 750px; position: absolute; left: 0; right: 0; top: 0.2rem; margin: 0 auto;}
.logo{width: 1.7rem;}
.common_nav{}
.connon_nav_content{display: none;}
.common_nav span{display: block; margin-top: .04rem;}
.common_nav span img{width: .4rem;}
.connon_nav_content{position: absolute; top: .7rem; left: 0; right: 0; margin: 0 auto; text-align: center; background: #fff; width: 7.5rem;}
.connon_nav_content ul{padding: .3rem 0;}
.connon_nav_content ul li{line-height:2; margin: 10px 0;}
.connon_nav_content i.line{display: block; width: 100%; height: 2px; background: #f5f5f5;}
.connon_nav_content p{padding: .3rem 0 .4rem 0;}
.connon_nav_content p img{width: .4rem; margin-right: .1rem; position: relative; top: -2px;}
.connon_nav_content .laguage_content{display: none; padding: .2rem 0; background: #f5f5f5;}
.connon_nav_content .laguage_content dd{line-height: 1.8; font-size: 0.28rem;}
.banner{position: relative; top: 0; z-index: -1; padding-bottom: 2.8rem;}
.banner ul{width: 6.6rem; position: absolute; left: 0; right: 0; bottom: 0; padding: 0.32rem 0 0.37rem; margin: 0 auto; overflow: hidden; z-index: 1;}
.banner ul:before{content: "";background-color: #08a5d8;background-image: linear-gradient(to right, #004992, #08a5d8, #0084b1);border-radius: 0 0.26rem;display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;opacity: 0.95;}
.banner ul li{width: 50%; float: left; text-align: center; margin-top: 0.2rem; overflow: hidden; height: 1.5rem;}
.banner ul li img{width: .54rem;vertical-align:middle;}
.banner ul li p{margin-top: .1rem; font-size: .27rem; color: #fff; padding: 0 .1rem;}
.index_pro{margin-top: .5rem;}
.index_h3title{font-size: 0.4rem; text-align: center; text-transform: uppercase; color: #028bb8;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:-webkit-linear-gradient(left, #12288b, #196fad 23%); z-index:-10;}
.index_pro ul li{background: #fff; padding: 0.3rem; margin-top: 0.4rem; margin-bottom: .2rem;}
.index_pro ul li h4{font-size: 0.35rem; text-transform: capitalize;}
.index_pro ul li h4 a{color: #333;}
.index_pro ul li p{font-size: 0.26rem; color: #666; line-height: 1.6; margin-top: .1rem;}
.index_pro ul li a.more{display: inline-block; border: 1px solid #888; border-radius: 15px; font-size: 0.25rem; padding: 5px 10px; margin-top: 0.2rem; color: #888;}
.index_pro ul li p.img{text-align: center; margin: 0 auto; margin-top: .5rem;}
.index_pro ul li:first-child p.img{width: 220px;}
.index_pro ul li:nth-child(2) p.img{width: 280px;}
.index_pro ul li:nth-child(3) p.img{width: 140px;}
.index_pro ul li:nth-child(4) p.img{width: 240px;}
.index_case{margin-top: .3rem;}
.index_case h3, .index_news h3{text-align: left; position: relative; padding-left: 10px;}
.index_case h3:before, .index_news h3:before{position: absolute; width: 4px; height: 0.35rem; background: #dd7b26; content: "";left: 0; top: .1rem;}
.index_case .title a, .index_news .title a{float: right; display: inline-block; border: 1px solid #888; border-radius: 15px; font-size: 0.2rem; padding: 3px 10px; margin-top:0.05rem; color: #888; font-weight: normal;}
.index_case .swiper {width: 100%;height: 100%; margin-top: 0.3rem;}
.index_case .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.index_case .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.index_case .swiper {margin-left: auto;margin-right: auto;}
.index_case .box{text-align: left; padding: 0.3rem;}
.index_case .box h4{font-size: 0.3rem; margin-bottom: 0.1rem;}
.index_case .box p{font-size: 0.26rem; color: #555;}
.index_news{margin-top: .4rem;}
.index_news ul li{display: flex; justify-content: space-between; margin-top: 0.25rem; background: #fff; padding: 0.25rem;}
.index_news ul li .l{width: 68%;}
.index_news ul li .l h4{font-weight: normal; color: #444;}
.index_news ul li .l p{font-size: 0.26rem; color: #555; margin-top: 0.1rem;}
.index_news ul li .r{width: 30%;}
.index_about{background:url("../images_m/indexabout.jpg") no-repeat; background-size: cover;margin-top: 0.6rem; color: #fff; padding-bottom: 0.4rem;}
.index_about h3{font-size: 0.42rem; color: #fff; line-height: 1.3; padding-top: 0.4rem;}
.index_about p{font-size: 0.28rem; line-height: 1.7; margin-top: .3rem; color: #eee;}
.index_about form{background: rgba(0,0,0,.6); padding: 0.3rem; margin-top: .3rem;}
.index_about form h5{font-size: 0.33rem;}
.index_about form input{background: none; font-size: 0.26rem; color: #fff; border-bottom: 1px solid #555; width: 100%; line-height: 3;}
.index_about form textarea{background: none; width: 100%; font-size: 0.26rem; font-family: Arial; border-bottom: 1px solid #555; margin-top: .3rem; height: 1rem;}
.index_about form button{background: #dd7b26; border: none; width: 100%; color: #fff; padding: 0.2rem 0; font-size: 0.3rem; font-weight: bold; margin-top: .2rem; border-radius: .1rem;}
.footer{background: #333; color: #fff; padding: 0.35rem 0 1.3rem 0;}
.footer h3{color: #fff; font-size: 0.42rem; margin-top: .3rem;}
.footer ul li{margin-top: .3rem;}
.footer ul li span{color: #999; display: block; font-size: .25rem;}
.footer ul li .l{margin-top: .13rem;}
.footer ul li .r{margin-left: .3rem;}
.footer p.copyright{font-size: .26rem; color: #999; margin-top: .4rem; border-top: 1px solid #777; padding-top: .2rem;}
.to-top{position:fixed;right:0.1rem;bottom:1.8rem;width:0.52rem;height:0.52rem;cursor:pointer;display:none;z-index:9999}
.to-top img{display:block;width:100%}
.fix_show{position: fixed; bottom: 0; width: 100%; max-width: 750px; z-index: 1000;}
.fix_show li{float: left; width: 50%; text-align: center; padding: 0.18rem 0;background:-webkit-linear-gradient(left, #1057E3 0%,#30A2FB 100%);background:linear-gradient(to right, #1057E3 0%,#30A2FB 100%);-webkit-box-shadow:0 -0.1rem 0.38rem rgba(52,124,206,.4);box-shadow:0 -0.1rem 0.38rem rgba(52,124,206,.4);}
.fix_show li:nth-child(1){border-top-left-radius:.6rem;}
.fix_show li:nth-child(2){border-top-right-radius:.6rem;}
.fix_show li a, .fix_show li span{display: block;color: #A8D3FC;font-size: 0.28rem;}
.fix_show li img{width: .5rem; margin-right: .2rem;}


.sub_page{background: #fff;}
.sub_page .header{position: relative; top: 0; padding-top: .2rem;}
.sub_page .pro_top_banner{margin-top: .2rem;}
.pro_top_nav{margin-top: .1rem;}
.pro_top_nav ul{display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 5px;}
.pro_top_nav ul li{width:32.5%; text-align: center; margin-top: .1rem; padding: 10px 5px; background: #f0f0f0; font-size: .25rem;}
.pro_top_nav ul li a{display: block;}
.pro_top_nav ul li i{display: block; margin-top: .2rem;}
.pro_top_nav ul li.active{background: #256cbe;}
.pro_top_nav ul li.active a{color: #fff;}
.pro_page_list{margin-top: .2rem; margin-bottom: .5rem;}
.pro_page_list ul{display: flex; flex-wrap: wrap;}
.pro_page_list ul li{width: 48%; background: #f5f5f5; text-align: center; margin: 4px 1%; padding-bottom: .25rem;}
.pro_page_list ul li img{padding: 15px;}
.pro_page_list ul li p{font-size: .29rem; padding: 0 5px; line-height: 1.3;}

.product_section1{margin-top: .2rem;}
.product_section1 .bimg{background: #f5f5f5;text-align: center; padding: .2rem 0;width: 100%;}
.product_section1 .bimg img{max-width: 100%;}
.product_section1 .info{padding: .3rem .3rem; border-bottom: 1px solid #eee;}
.product_section1 h1{font-size: .42rem; line-height: 1.2; width: 71%; float: left; }
.product_section1 a.price{width: 28%; display: block; float: right; background: linear-gradient(90deg,#ff7527,#ff4d3a 80%,#ff4d3a); border-radius: .3rem; color: #fff; text-align: center; line-height: .5rem; margin-top: .05rem; font-size: .25rem;}
.product_section1 .info p{font-size: .32rem; display: block; padding-top: .75rem;}
.product_section1 .info p img{width: .4rem; margin-right: .15rem;}
.product_section1 .info p a{color: #ff5b33}
.product_section1 dl{margin-left: .3rem; margin-top: .4rem;}
.product_section1 dd{float: left; width: 50%;}
.product_section1 dl img{width: .5rem; float: left; margin-right: .25rem; position: relative; top: .15rem;}
.product_section1 dl i{display: block; font-size: .3rem; font-weight: bold; color: #000;}
.product_section1 dl span{display: block; font-size: .24rem; color: #777;}
.product_section2{background: #fafafa; padding: .3rem; margin-top: .4rem;}
.product_section2 h3{font-size: .37rem;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:-webkit-linear-gradient(0deg, #ffab96, #e8211a, #e35f31);background-image:linear-gradient(0deg, #ffab96, #e8211a, #e35f31); padding-top: .1rem;}
.product_section2 .desc{font-size: .28rem; line-height: 1.65; margin-top: .2rem;}
.product_section2 .tips{font-size: .32rem; font-weight: bold; margin: .15rem 0;}
.product_section2 .fonts_roboto{font-size: .28rem; font-style: italic;}
.product_section4{margin-top: .5rem;}
.product_section4 h3, .product_section5 h3, .product_section6 h3, .product_section7 h3{text-align: center; font-size: .4rem;text-transform: uppercase;}
.product_section4 ul{display: flex; justify-content: space-between; text-align: center; flex-wrap: wrap;}
.product_section4 ul li{width: 50%; margin-top: .4rem;}
.product_section4 ul li img{width: .6rem;}
.product_section4 ul li span{display: block; text-align: center; line-height: 1.4; font-size: .26rem; margin-top: .1rem;}
.product_section4 .content{background: #fafafa;padding: .3rem; font-size: .28rem; margin-top: .4rem; line-height: 1.65;}
.product_section4 .content h4{font-size: .3rem; margin-top: .2rem; margin-bottom: .1rem;}
.product_section5 .r{text-align: center;}
.product_section5 .r img{max-width: 100%; height: auto;}
.product_section5{margin-top: .4rem; padding: 0 .3rem; font-size: .28rem; line-height: 1.65;}
.product_section6{margin-top: .4rem; padding: 0 .3rem;}
.product_section6 table{width: 100%; border: 1px; border-spacing: 0; border-collapse: collapse; background: #fff; border-bottom: 1px solid #ddd; text-align: center; font-size: .28rem; margin-top: .25rem;}
.product_section6 table tr:first-child {background: #3366b6;background-image: linear-gradient(90deg, #2f3944 3%, #414d5a 100%);height: 30px;line-height: 30px;color: #fff;}
.product_section6 table tr:nth-child(2n+3) {background: #f5f5f5;}
.product_section6 table .bhead {background-image: linear-gradient(90deg, #018587 3%, #2f2466 100%);color: #fff}
.product_section6 table tr.odd {background: #f5f5f5;text-align: center;color: #333;}
.product_section6 table tr.even {background: none;}
.product_section6 table td.even {background: #fff;}
.product_section6 table td {line-height: 40px;text-align: center;}
.product_section6 table tr {border: 1px solid #ddd;}
.product_section7{margin-top: .3rem; padding: 0 .3rem;}
.product_section7 li{margin-top: .2rem;}


.cookie-banner {
position: fixed;
width:90%;
margin:0 auto;
bottom: 10px;
left: 0;
right: 0;
z-index:9999999;
font-size:16px;
background:rgba(255,255,255,0.95);
padding: 20px;
text-align: center;
box-shadow:0 0 10px rgba(0,0,0,0.1);
border-radius:20px;
color:#000;
}
.cookie-banner p a{text-decoration:underline;}
.cookie-button {
margin: 15px 10px 0 10px;
padding: 5px 25px;
border: none;
background:#3571cf;
color:#fff;
cursor: pointer;
}

@media (max-width: 414px){
	html{font-size:55.2px;}
	.news_list_page .hot .box i img{top: -1px;}
	.news_list_page .news_list_ul li .l h4{font-size: .27rem;}
	.fpage ul li a{font-size: .28rem;}
	.fpage ul li span{font-size: .32rem;}
}
@media (max-width: 375px){
	html{font-size:50px;}
	.news_list_page .hot .box i img{top: -2px;}
}
@media (max-width: 320px){
	html{font-size:42.667px;}
	.news_list_page .hot .box i img{top: -2px;}
}