@charset "utf-8";
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, select, table, td, textarea, th, ul { margin: 0; padding: 0; font-family: 'microsoft yahei', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; word-break: break-all; word-wrap: break-word; }
body, button, input, select, table, textarea { margin: 0; -webkit-appearance : none; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary, sam { display: block; }
html { font-size: 62.5%; }
body { min-width: 320px;   max-width: 750px; margin: 0 auto 0; font-family: "Microsoft YaHei"; background: #fff; color: #323232; line-height: 1.5; font-size: 1.2rem; -webkit-overflow-scrolling:touch; overflow-scrolling:touch;}
h1, h2, h3, h4, h5, h6 { font-size: 1rem; }
fieldset, img { border: 0 }
img { max-width: 100%; vertical-align: top; height:auto; }
video { max-width: 100%; height:auto; }
ol, ul { list-style: none }
address, em, i { font-style: normal }
a { text-decoration: none; color: #666; }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { padding: 0; box-sizing: border-box; }
input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
 -webkit-appearance: none;}

.mar_top{ margin-top: 1rem;}
.pr_0{ padding-right: 0;}
header img{ max-width: 85%;  }

.head_top{padding:1rem 1%; }

.am-menu{ float: right; width: 15%;position: relative;   padding: 0;
    margin: 0;}
.am-menu-offcanvas1 .am-menu-toggle { height: 2.8rem; line-height:2.8rem;   color: #fff; top: 0; font-size: 1.6rem; background-color: #333; border-radius: 8px;    position: absolute;  right: 0;   display: block;  }

.am-menu-offcanvas1 .am-menu-nav > li > a{ font-size: 1.5rem;}

/*header .nav_title > a{ width: 1%; display: table-cell; height:5.2rem; line-height: 5rem;   text-align: center; font-size: 1.6rem; color: #fff; background-color: #1583cb; border-right: 1px solid #53a8e0;}*/
header .nav_title > a{ width: 1%; display: table-cell; height:5.2rem; line-height: 5rem;   text-align: center; font-size: 1.6rem; color: #fff; background-color: #1583cb; border-right: 1px solid #fff;}

.nav_list{ float: left; width: 100%; margin: 1rem 0 0;}
.nav_list li{ float: left; width: 25%; padding: 1rem 1rem 0.5rem; text-align: center; position: relative;}
/*.nav_list a{ width: 100%; padding-bottom: 100%; height: 0;position: relative; display: block; }*/
.nav_list span{ width:100%; border-radius:35%; font-size: 4.2rem; padding: 1rem; color: #fff; height: 100%;}
.nav_list h2{ font-size: 1.6rem; height: 2.8rem; line-height: 2.8rem; margin-top: 1rem;}
.nav_list .navBg1{ background-color: #7194d3;}
.nav_list .navBg2{ background-color: #e76565; }
.nav_list .navBg3{ background-color: #63bbdd;}
.nav_list .navBg4{ background-color: #f0a953; }

.am-offcanvas-bar{ width:220px;}

.inImg{ margin: 1rem 0; width: 100%;}
.cpList li{ float: left; width: 46%; margin:0.5rem 2%; padding-bottom: 0.5rem; background-color: #f7f7f7; position: relative;}
.cpList li > a{ position: relative; padding-bottom: 75%; top: 0; text-align:center;}
.cpList h5{ font-size: 1.5rem; height: 2.4rem; padding: 0 0.5rem; line-height: 2.5rem; overflow: hidden;}
.cpList h3{ text-align: center; padding: 0.2rem 0;}
.cpList h3 a{ display: inline-block;   font-size: 1.4rem;color:#fff; background: #01a9e8; border-radius:2rem; padding: 0 2rem; height: 2.4rem; line-height: 2.4rem;}
.cpList .cp_InImg{ width: 100%; height: 12rem;} 
.cpList .cp_InImg img{object-fit: cover; height:100%; width: 100%;}
.cpfl{ background-color: #f7f7f7; display: inline-block; width: 100%;}
.cpfl li{ float: left; width: 31.33%; margin:0.8rem 1% 0;   text-align: center;}
.cpfl li img{ height:8rem;}
.cpfl li span{ height: 2.0rem; line-height: 2.0rem;  }

.inImg1{ margin: .5rem 0; width: 100%; display: inline-block;}
.inImg1 a{ float: left; width: 48%; margin: 0 1%;}
.inImg1 a img{ max-width: 100%;}

.cwList img{ width:100%; height:6.8rem; }

.am-tabs-bd{ border: none;}
.am-list{ margin: 0;}
.am-list > li{ border: none;border-bottom: 1px dashed #ddd; margin-bottom: 0;}
.am-tabs-bd .am-tab-panel{ padding: 0 ; }
[data-am-widget='tabs'] { margin: 0;}
[data-am-widget='tabs'] .am-tabs-nav li{ font-size: 1.6rem;}
.am-list-item-hd{ font-size: 1.4rem; line-height: 2.0rem; margin-bottom: 0.5rem;}

.am-tabs-default .am-tabs-nav > .am-active a{ display:inline-block; width:100%; text-align:center; font-size:1.8rem; font-weight:400;}

.wxImg{ max-width: 100%;}
.linkUS{ background-color: #F7F7F7;}
.linkUS ul{ padding-left: 0;}
.linkUS li{ font-size: 1.3rem; margin-top:0.3rem; height: 2.4rem; line-height:  2.4rem;}
.linkUS i{ font-size: 2rem; margin-right: 0.3rem;  }

.cpflList{ background-color: #F7F7F7; padding: 0.5rem; display: inline-block; width: 100%;}
.cpflList li{ float: left; width: 48%; border: 1px solid #ddd; background-color: #f0492d;  text-align: center; overflow: hidden; margin: 0.5rem 1%;}
.cpflList li img{ height:auto; width:50%;}
.cpflList li a{ float:left; width:100%; text-align:center;}
.cpflList span{ line-height: 2.8rem; height:2.8rem; float:left;color:#fff; overflow:hidden; font-size: 1.8rem; width:100%; text-align:center;}

.cpflList1 li{  width: 48%; background-color: #fff;}
.cpflList1 span{ color:#666;}

.fysx{ padding:0.7rem; background-color:#f7f7f7; margin-bottom:1rem;}
.fysx h3{ font-size:1.6rem; height:3.2rem; line-height:3.2rem; overflow:hidden; margin-bottom:0.5rem;} 
.fysx h3 span{ color:#333;} 

.sinNav{ background: url(/Public/wap/images/cpNav.jpg) center center no-repeat; text-align: center; background-size:contain; height: 3.2rem; line-height: 3.2rem; font-size: 1.8rem; font-weight:bold; display: inline-block; width: 100%;}
.sinNav b{ color: #e42000;font-weight: bold;}

.scpList h3{ font-size: 1.6rem; color: #000;}
.scpList .am-list-item-text{ line-height: 1.6rem;}
.bj{ height:2.8em; margin-top: 0.5rem; line-height: 2.8em; text-align: center; display: inline-block; width: 100%;}
.bj a{ float: left; width: 46%; margin:0 2%;  color: #fff; font-size: 1.4rem;}
.bj a i{ font-size: 1.8rem; line-height: 2.8rem;}
.bnt_org{ background-color: #e9a209;}
.bnt_red{background-color: #f0492d;}
.bj .bnt_red i{font-size: 1.8rem;}
.bj1 a{ width: 80%; margin: 0 10%;}
/*公共底部样式*/
.footer{height:4.9rem; margin-top:4.9rem;   width:100%; float:left; position:fixed; bottom:0;  left:0; z-index:8; background-color:#eee;}
.footer a{ float:left; top:0; font-size:1.4rem; width:25%; height:4.9rem; line-height:8rem;   text-align:center; display:inline-block;   position:relative; z-index:9;  color:#333;}
.footer i{display:block;  float:left; width:100%; height:2.4rem;  line-height:3.2rem;font-size: 3rem; position:absolute; cursor:pointer; z-index:19;}
footer{ float:left; width:100%; margin-top:7.2rem;}
.footer .fOn{ color:#01a9e8;  }
.footer .fNav{ background: #01a9e8; color: #fff; padding-top: 1rem; border-radius: 50%; position: absolute; width: 7.8rem; height:7.8rem; z-index: 9; top: -3rem;}

.topUp{ float:right; position:fixed; bottom:20%;box-shadow: #dedede 0px 1px 2px 2px; right:0; color:#333; background-color:#fff; width:4.2rem; height:4.2rem; line-height:4.8rem; text-align:center; border-radius:50%;  z-index:9999;}
.topUp i{font-size:2.4rem;}
.npage{  text-align:center; color: #333; background:#eee;   padding:15px 0; margin:10px 0; line-height:3rem;  display: inline-block; width: 100%; }
.npage a{ margin:0 .1rem; border:1px solid #01a9e8; padding:.2rem .7rem; font-size:1.6rem; border-radius:.2rem; background-color:#01a9e8; color:#fff;}
.npage a:hover,.npage .on{ color:#fff; background-color:#cf171e;}
/*产品详细页面*/
.cptitle{ font-size: 1.8rem;   line-height: 3.2rem; background: #01a9e8; color:#fff; padding:1rem; text-align:center;}
.cpcs{ border-top:1px solid #ddd; display: inline-block; width: 100%; border-bottom:1px solid #ddd; padding: 1rem 0;}
.cpcs li{ float: left; width: 33.33%; border-right: 1px solid #ddd; text-align: center; font-size: 1.4rem;}
.cpcs li span{ display: inline-block; width: 100%; color: #999;}
.cpcs li .red{ color: #eb0000;}

.dh_sl a{ font-size:1.5rem; color:#ccc;text-indent:15px;}

.cpms{ display: inline-block; width: 100%;border-bottom:1px solid #ddd; padding-bottom: 0.5rem;  }
.cpms dt{ float: left; width:20%; color: #888; font-weight: 700; font-size: 1.6rem; line-height: 2rem; text-align: right; }
.cpms dd{ float: right; width: 80%; margin-top: 0rem; font-size: 1.4rem; line-height: 2rem; padding: 0 0.5rem;}

.cpgg{  background-color: #e5f6fd; display: inline-block; width: 100%; padding:1.2rem 1rem;}

.cpggL{ float: left; width: 75%; }
.cpggL h5{ font-size: 1.6rem; color: #9a987e;text-transform: uppercase; line-height: 3rem; font-size: 100;}
.cpggL h1{ color: #f0492d; font-size:1.8rem; text-align:center; line-height:170%; margin-bottom: 0.5rem;}
.cpggL span{margin: 0 .6rem 0.7rem 0;display:inline-block;line-height:2rem;color:#fff;border-radius: .2rem;background-color: #49c2f0;padding: 0.4rem;}
.cpwxImg{ width: 25%; float: right; margin-top: .5rem;}

.cpgg .bj{ margin-top:1rem; height:3.2rem; line-height:3.2rem;}
.cpgg .bj a{ height:32px; border-radius:5rem;}
.cpgg .bj .bnt_red i{ font-size:2rem;}
.cpxx_nav{ background-color: #01a9e8; color: #fff; text-align: center; height: 3.2rem; line-height: 3.2rem; font-size: 1.6rem; margin-top: 1rem;}
.cpnr{ line-height: 170%; font-size: 1.4rem; padding:0.5rem;}


.cptj li{ background-color: #f7f7f7; width: 48%; margin: 0 1% 0.5rem;}
.cptj li .am-gallery-item img{ height:12rem;}

.xwNav{ height: 4rem; line-height: 4rem;}
.xwNav li{ float: left; width:25%; text-align: center; height: 4rem; line-height: 3.8rem; background-color: #f7f7f7; border-bottom: 1px solid #01a9e8; font-size: 1.4rem; border-right: 1px solid #ddd; }
.xwNav .xwNavOn a{ color: #cf171e; font-weight: 700;}

.xwList .am-list-item-text{ font-size:1.2rem;}

.xwList h3{ height: 2.0rem; line-height: 2.0rem; overflow: hidden;white-space:nowrap; text-overflow:ellipsis;}
.xwList h5{ color: #999; font-size:1.3rem}

.xw_last{ padding: 0.5rem 0;}

.article{ padding:1rem 2% 1rem; line-height: 170%; font-size: 1.4rem;}
.article iframe{ height:23.8rem;}

.xwtitle{ line-height: 2.6rem; text-align: center; font-weight: 700; color: #333;  padding: 0 2%; font-size: 1.8rem;}
.xwtime{ border-bottom: 1px solid #ddd; height: 2.4rem; color: #666; text-align: center; font-size: 1.4rem;}
.sptitle{ height:3.5rem; line-height: 3.5rem; font-size: 2.4rem; text-align: center; font-weight: 700; display: inline-block; text-align: center; width: 100%; }


.am-slider-a1 .am-control-nav{ bottom:72px;}
.am-slider-a1 .am-direction-nav{ display:inline-block; margin:10px auto 0; width:80%; height:52px; line-height:52px;  display:block;}
.am-slider-a1 .am-direction-nav a{ float:left; width:45%; margin:0 2.5%; border-radius:20px; font-size:14px; color:#fff; background-color:#f0492d; height:38px; line-height:38px; text-align:center;}
.am-direction-nav2{ float:left; width:100%; position:absolute; bottom:0; left:10%;}
.am-prev{ background-color:#e9a209;}

.spImg{ background-color:#e9f8fd; padding:1rem; float:left; width:100%; margin-bottom:.5rem}
.sp_L{width: 38%;border:.2rem;float:left;background-color:#01a9e8;padding:1rem; text-align:center;}
.sp_L h3{ text-align:center; color:#fff; font-size:1.4rem; padding:0 1rem 1rem;}
.sp_Img{width: 10rem;height: 10rem; border-radius:50%;border:3px solid #aae1f6;margin:0 auto 1.2rem;}
.sp_Img img{ border-radius:50%;}

.sp_R{float:left;width: 62%;padding-left: 1rem; position:relative;}

.sp_R h3{ margin-top:1rem; background-color:#01a9e8; border-radius:.3rem; height:2.8rem; line-height:2.8rem; color:#fff; font-size:1.4rem; text-align:center;}
.sp_R h3 a{color:#fff; font-size:1.4rem;}
.sp_bf {
    display: inline-block;
    width: 9rem;
    height: 9rem;
    border-radius: 50%;
    line-height: 9rem;
    position: absolute;
    bottom: -7.5rem;
    left: 50%;
    margin-left: -5rem;
    text-align: center;
    margin-top: 0px;
    opacity: 1;
    transition: 2s;
}

.sp_bf .box {
    position: relative;
    display: inline-block;
    width: 9rem;
    height: 9rem;
    line-height: 9rem;
    vertical-align: middle;
}


.sp_bf .box01 {
    display: inline-block;
    width: 9rem;
    height: 9rem;
    line-height: 9rem;
    border-radius: 50%;
    vertical-align: middle;
}

.sp_bf .box01 span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background-color: #e0e0e0;
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
    -webkit-animation: circleScale1 4s linear infinite;
    -moz-animation: circleScale1 4s linear infinite;
    -ms-animation: circleScale1 4s linear infinite;
    animation: circleScale1 4s linear infinite;
}

.sp_bf .box01 span:nth-of-type(2) {
    animation-delay: 1s;
}

.sp_bf .box01 span:nth-of-type(3) {
    animation-delay: 2s;
}

.sp_bf .box01 span:nth-of-type(4) {
    animation-delay: 3s;
}

@keyframes circleScale1 {
    0% {
        opacity: 1;
        -webkit-transform: scale(0.4);
        -moz-transform: scale(0.4);
        -ms-transform: scale(0.4);
        transform: scale(0.4);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.sp_bf .box02 {
    display: inline-block;
    width: 4.6rem;
    height: 4.6rem;
    line-height: 4.6rem;
    vertical-align: middle;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    background: #e2e2e2;
}

#mask-kk{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; background: #666; opacity: 0.5; display: none;  }
.popup-kk{  position: absolute; left: 5%;  max-width: 90%;   background: #fff;  z-index: 100; display: none; }
 

.close {  position: absolute;  top: -8px;  right: -8px; cursor:pointer; font-size: 24px; height: 26px; width: 26px; line-height: 24px; font-weight: 400; border-radius: 50%; text-align: center; background-color: #00132B;  color: #fff;z-index: 110;}

.zbxx{ padding:1rem 2% 1rem; line-height: 170%; font-size: 1.3rem; display:inline-block;width: 100%;}
.zbxx ul{ border:1px solid #dedede; margin-bottom:1rem;}
.zbxx li span{ color:#727272;}
.zbxx li{ padding:.3rem .8rem;  ;}
.zbxx li:first-child,.zbxx li:first-child span{ width:100%; background-color:#49c2f0; color:#fff; font-weight:700; text-align:center; line-height:3.2rem;}
.zbxx li:last-child{ text-align:center; border-top:1px solid #dedede; padding:1rem 0;}
.zbxx li a{ background-color: #00A9E7; color: #fff; font-size: 1.3rem; border-radius:5rem; padding: .5rem 1rem; margin: 3px 5px;  }
.zbxx li a:first-child{ background-color: #f0492d}
.zbxx li a:hover{ background-color: #d30012; color: #fff;}

#mask-kk{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: #666; opacity: 0.5; display: none;  }
.popup-kk{  position: absolute; left: 10%;  max-width:80%;   overflow-y: auto; background: #fff;  z-index: 1000; display: none;  border-radius:5px; padding-bottom: 10px; }
 
.popup-kk h3{ text-align: right; height: 42px; line-height: 42px; border-bottom: 1px solid #D1D2D4; padding: 0 15px;}
.popup-kk h3 span{ float: left; font-size: 16px;}
.close {  position: absolute;  top: 8px;  right: 10px; cursor:pointer; font-size: 24px; height: 26px; width: 26px; line-height: 24px; font-weight: 400; border-radius: 50%; text-align: center; background-color: #00132B;  color: #fff;}

.zbSear{   padding: 1rem; background-color:#F1F1F1;}
 .zbSear h3{   width:100%; margin-top:1rem; height:3.6rem; line-height:3.6rem; text-align:center; }
 .zbSear h3 a{background-color:#e40007; color:#fff; font-size:1.5rem;  border-radius:20rem; width:100%; display:block;   transition: all .3s linear;}
 
.sel_txt{ background-color: #fff; border: 1px solid #dedede; height:4.2rem; line-height: :4.2rem; padding: 0 7px; width: 80%;}
.seaBt{ background-color: #00132B; color: #fff; width: 18%; height: 4rem; line-height:4rem; border: none; font-size:1.6rem;}