@media (min-width: 320px) {
    html {
        font-size: 100%; 
    }
}
@media (min-width: 360px) {
    html {
        font-size: 112.5%;
    }
}
@media (min-width: 384px) {
    html {
        font-size: 120%;
    }
}
@media (min-width: 400px) {
    html {
        font-size: 125%;
    }
}
@media (min-width: 540px) {
    html {
        font-size: 168.75%;
    }
}
@media (min-width: 600px) {
    html {
        font-size: 187.5%;
    }
}
@media (min-width: 640px) {
    html {
        font-size: 200%;
    }
}
@media (min-width: 720px) {
    html {
        font-size: 225%;
    }
}
html {
	font-size: calc(100vw / 320 * 16);
}
@media (min-width: 768px) {
    html {
        font-size: 240%;
    }
    .paperWrap{width:768px;margin:0 auto;}
}
/*font-size*/
.f_9{ font-size:.5625rem;}
.f_10{ font-size:.625rem;}
.f_11{ font-size:.6875rem;}
.f_12{ font-size:.75rem;}
.f_13{ font-size:.8125rem;}
.f_14{ font-size:.875rem;}

/*margin*/
.m_b_10{ margin-bottom:.625rem;}
.m_t_10{ margin-top:.625rem;}
.m_r_10{ margin-right:.625rem;}
.m_l_10{ margin-left:.625rem;}
.m_rl_10{ margin:0 .625rem;}
.m_tb_10{ margin:.625rem 0;}
.m_10{ margin:.625rem;}

/*padding */
.p_t_10{ padding-top:.625rem;}
.p_l_10{ padding-left:.625rem;}
.p_r_10{ padding-right:.625rem;}
.p_b_10{ padding-bottom:.625rem;}
.p_rl_10{ padding:0 .625rem;}
.p_tb_10{ padding:.625rem 0;}
.p_10{ padding:.625rem;}
.p_15{ padding:.9375rem;}
.p_rl_32{ padding:0 1rem;}

/*border */
.b_bottom{ border-bottom:.0625rem solid #e5e5e5}
.b_top{ border-top:.0625rem solid #e5e5e5}
.b_left{ border-left:.0625rem solid #e5e5e5}
.b_right{ border-right:.0625rem solid #e5e5e5}
/*Reset*/
*{ padding:0; margin:0; outline:none;}
*html{background-image:url(about:blank);background-attachment:fixed;}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0;  font-weight:normal;}
img{border:none}
ul,ul li{ list-style:none;} 
.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 
select,input{ vertical-align:middle;font-size:12px;}  
a {text-decoration:none; color: #626262;}
.hidden{ display:none}
i{ font-style:normal} 
input, textarea { -webkit-appearance: none; }

body,html{position:relative;height:100%}
body{font-family:"微软雅黑",Arial, Helvetica, sans-serif;color:#626262;margin:0;padding:0;font-size: 0.6875rem; }

@font-face {
  font-family: 'bodoni';
  src: url('../fonts/bodoni.woff2') format('woff2'), 
       url('../fonts/bodoni.woff') format('woff'), 
       url('../fonts/bodoni.ttf') format('truetype');
}
/*index*/
.head{ float: left; width: 100%; position: relative; z-index: 100; background: #fff; border-bottom: 1px solid #dcdcdc;}
.logo{ margin: 0 auto; width: 64%;padding: 0.6rem 0;}
.logo img{ width:100%; display: block; vertical-align: bottom;}
.navlist{ text-align: center; padding: 0.275rem 0 0.9rem; float: left; width: 100%;}
.navlist a{ width: 31%; float: left; margin: 0.625rem 3.5% 0 0; text-align: center; line-height: 1.75rem; border: 1px solid #0297d1; border-radius: 4px; box-sizing: border-box; color: #0297d1;}
.navlist a:nth-of-type(3n){ margin-right: 0;}
.navlist a.on{ background: #0297d1; color: #fff;}
.swiper-container{width:100%;height:auto}
.swiper-slide{text-align:center;}
.swiper-pagination-bullet{ background: #fff; width: 0.4rem; height: 0.4rem; border-radius: 100%;  box-sizing: border-box; opacity: 1;}
.swiper-pagination-bullet-active{ background: #0297d1;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.26rem;}
.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0.5rem}
.swiper-slide img{ width: 100%; display: block; vertical-align: bottom;}
.companybg{ float: left; width: 100%; background: #eee; padding: 1.56rem 0;}
.title1{ font-size: 0.875rem; text-align: center; line-height: 1.6rem;}
.detail1{line-height: 1.25rem; margin: 0.78rem 0 0;}
.more{ text-align: center; float: left; width: 100%; margin-top: 1.28rem;}
.more a{ display: inline-block; width: 7rem; line-height: 1.75rem; color: #fff; background: #0297d1; border-radius:4px;}
.videobg{ float: left; width: 100%; padding: 1.56rem 0;}
.title2{ margin:0 0 0.5rem; float: left; width: 100%;}
.title2 span{ float: left;  padding: 0 1.156rem; border-top-left-radius: 5px; border-bottom-left-radius: 5px; line-height: 1.93rem; border: 1px solid #0297d1; color: #0297d1; font-size:0.875rem;}
.title2 i{ float: left; padding: 0 1.156rem; border-top-right-radius: 5px; border-bottom-right-radius: 5px; line-height: 1.93rem; border: 1px solid #0297d1; background: #0297d1;  font-size: 0.75rem; text-transform: uppercase; color: #fff;}
.videolist{ float: left; width: 100%;}
.videolist li{ float: left; width: 48%; margin: 0.9rem 4% 0 0; background: #fff; padding: 0.375rem 0.375rem 0.5rem;  box-shadow: 0 0 0.56rem rgba(85,85,85,0.16); box-sizing: border-box;}
.videolist li:nth-of-type(2n){ margin-right: 0;}
.videolist li a{ display: block; position: relative;}
.videopic{ display: block;}
.videopic img{ display: block; width: 100%;  vertical-align: bottom; height:10rem;}
.title3{font-size:0.8125rem; line-height: 1.34rem; margin: 0.6rem 0 0; height: 1.34rem; overflow: hidden;}
.detail3{ line-height: 1rem; color: #999;  height: 2rem; overflow: hidden;}
.probg{ float: left; width: 100%;padding: 1.56rem 0; background: #eee;}
.prodl{ float: left; width: 100%; background: #fff; border: 1px solid #dcdcdc; box-sizing: border-box; padding: 0.375rem; margin: 0.625rem 0 0;}
.prodl:nth-of-type(2n) dt{ float: right;}
.prodl:nth-of-type(2n) dd{margin: 0 6.25rem 0 0;}
.prodl dt{ float: left; width: 5.625rem;}
.prodl dt img{display: block; width: 5.625rem; height: 5.625rem;}
.prodl dd{ margin: 0 0 0 6.25rem;}
.detail4{ color: #999; line-height: 1rem; height: 3.8rem; overflow: hidden; margin: 0.1125rem 0 0;}
.newsbg{ float: left; width: 100%; padding: 1.56rem 0;}
.newsdl{ float: left; width: 100%; padding: 0.94rem 0; border-bottom: 1px dashed #dcdcdc; }
.newsdl dt{float: left; width: 4.8rem;}
.newsdl dt img{ display: block; width: 4.8rem; height: 4rem; vertical-align: bottom;}
.newsdl dd{ margin-left: 5.625rem;}
.title4{font-size: 0.875rem; line-height: 1.56rem; height: 1.56rem; overflow: hidden; margin: 0.22rem 0 0;}
.detail5{ color: #999; line-height: 1rem; height: 2rem; overflow: hidden; }
.main{ float: left; width: 100%; padding: 0 0 4rem;}
.foot{ float:left; width:100%; position:fixed; left:0;bottom:0; background: #0297d1;z-index: 100; }
.foot ul{ float:left; width:100%;}
.foot li{ float:left; width:20%; box-sizing:border-box; text-align:center; position: relative; height: 3.125rem;}
.foot li a{ line-height:1.3rem; color:#fff; overflow:hidden; display:block;  background-repeat: no-repeat; background-position: center 0.6rem; background-size: 1.4rem 1.4rem; padding: 1.7875rem 0 0; position: relative; z-index: 2;}
.foot li:first-child a{ background-image: url(fico1.png); }
.foot li:nth-of-type(2) a{ background-image: url(fico2.png);}
.foot li:nth-of-type(3) a{ background-image: url(fico3.png); background-size: 63% auto; padding: 0; height: 100%; background-position: center center; text-indent: -9999em;}
.foot li:nth-of-type(4) a{ background-image: url(fico4.png);}
.foot li:nth-of-type(5) a{ background-image: url(fico5.png);}
/*index*/

/*products*/
.products{ float: left; width: 100%;}
.products li{  float: left; width: 48%; margin: 0.9rem 4% 0 0; overflow:hidden; background: #fff; border: 1px solid #dcdcdc; box-sizing: border-box;}
.products li:nth-of-type(2n){ margin-right: 0;}
.products li img{ display: block; width: 100%; vertical-align: bottom; height:9rem;}
.products li span{ display: block; line-height: 1.875rem; height: 1.875rem; overflow:hidden; text-align: center; font-size: 0.75rem;}
/*products end*/
.page{ float:left; width:100%; text-align:center; margin:10px 0 0;}
.page a{ display:inline-block; line-height:1.5rem; padding:0 3px; border:1px solid #e0e0e0; border-radius:3px; font-family:Arial, Helvetica, sans-serif; margin:0 1px; font-size:0.70rem;}
.page a.hover,.page a:hover{ color:#fff; border:1px solid #0297D1; background:#0297D1;}

/*about*/
.map{ float: left; width: 100%;}
.title6{ font-size: 1rem; text-align: center; line-height: 2.4rem; margin: 1.25rem 0 0;}
.detail7{ font-size: 0.6875rem; line-height: 1.2rem;}
.detail7 img{ max-width: 100%;}
.contactinfo{ padding:0 0 1.4rem; background: #eee; float: left; width: 100%;}
.contactinfo li{ line-height: 1.28rem; margin: 1.4rem 0 0; background-repeat: no-repeat; background-position: 0 0; background-size: 1.28rem 1.28rem; padding: 0 0 0 1.8rem;}
.contactinfo li:nth-of-type(1){ background-image: url(contact1.png);}
.contactinfo li:nth-of-type(2){ background-image: url(contact2.png);}
.contactinfo li:nth-of-type(3){ background-image: url(contact3.png);}
.contactinfo li:nth-of-type(4){ background-image: url(contact4.png);}
.contactinfo li:nth-of-type(5){ background-image: url(contact5.png);}
.messagebox{ float: left; width: 100%; padding: 1.56rem 0;}
.messagetle{ background-image: url(messagetle.gif); background-repeat:  no-repeat; background-size:1.3rem 1.3rem; background-position: 0 center; padding: 0 0 0 1.8rem; font-size: 1rem; line-height: 1rem; height: 1.3rem;}
.txt_msg,.textarea{ height: 2.25rem; border: 1px solid #dcdcdc; border-radius: 0; line-height: 2.25rem; width: 100%; box-sizing: border-box; padding: 0 0.8rem; color: #a0a0a0; margin: 0.6875rem 0 0; float: left; font-family: "微软雅黑";}
.txt_msg1{ width: 68%;}
.yzm{ float: left; width: 32%;margin: 0.6875rem 0 0;}
.yzm img{ display: block; width: 100%; height: 2.25rem; vertical-align: bottom;}
.textarea{ height: 8.4rem; line-height: 1.2rem; font-size: 0.6875rem; padding: 0.5rem 0.8rem;}
.submitbtn{ float: left; width: 100%; height: 2.5rem; line-height: 2.3rem; color: #fff;background: -webkit-repeating-linear-gradient(top, #0297d1, #0297d1 100%); border-radius: 0; font-size: 0.875rem; font-family: "微软雅黑"; border: medium none;margin: 0.6875rem 0 0;}
.casedetail{ margin: 1rem 0 0;}
/*about end*/

/*prodetail*/
#Gallery{ margin: 1rem 0 0;}
#Gallery .swiper-slide{width: 80%;border:1px solid #dcdcdc;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; margin-bottom: 1.5rem;}
#Gallery .swiper-pagination-bullet{ background: #eee; border: 1px solid #eee;}
#Gallery .swiper-pagination-bullet-active{background: #0297d1;border: 1px solid #0297d1; }
.prodetail{ float: left; width: 100%;}
.title8{ color: #666; font-size: 0.875rem; line-height: 1.5rem; margin: 0.5rem 0 0;}
.attrlist{padding: 0.625rem 0 0.925rem; border-bottom: 1px dashed #dcdcdc;}
.attrlist li{line-height: 1.2rem; margin: 0.3rem 0 0; }
.attrtle{ color: #333;}
.detail9{ line-height: 1.2rem;  color: #666; margin: 1rem 0 0;}
.detailbox{ float: left; width: 100%; padding: 1rem 0;}
.detailbox img{max-width: 100%;}
/*prodetail*/