@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; padding-top:1px; background:#fff;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a { text-decoration:none;font-family:"Microsoft Yahei";}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
.fl{float: left;}
.fr{float: right;}
/* -- 页面整体布局 -- */
.wrap{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/
.wrap img{display:block;width:100%;}

.tit{text-align: center;font-weight:normal;}
.tit b{display: block;font-size:1.8rem;color: #333;line-height:1.8rem;padding-bottom:0.6rem;}
.tit i{display: inline-block;font-size: 1.2rem;color: #454545;line-height: 1.2rem;position: relative;text-transform: uppercase;}
.tit i:before{position: absolute;width: 1.2rem;height: 1px;background: #a5a5a5;content: "";left:-1.6rem;top:0.45rem;}
.tit i:after{position: absolute;width: 1.2rem;height: 1px;background: #a5a5a5;content: "";right:-1.6rem;top:0.45rem;}
/**/
.m-adv {width: 100%;  position:relative;}
.m-adv img{ width:100%; display: block;}
.m-adv .swiper-pagination{bottom: 0rem !important; z-index: 1}
.m-adv .swiper-pagination .swiper-pagination-bullet{width: 0.9rem; height: 0.9rem; margin:0.9rem 0.3rem !important;background-color: #fff; opacity: 1; position: relative;}
.m-adv .swiper-pagination .swiper-pagination-bullet-active{ background-color: #00a6eb;border:0.1rem solid #00a6eb;width: 3.7rem; height: 0.7rem; border-radius:0.8rem;}
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }
/*f_nav*/
.h_nav{background: #fff;height: 9rem;border-bottom:0.6rem solid #f5f5f5;}
.h_nav ul{width:93.75%;margin:0 auto;padding-top:1.2rem;}
.h_nav li{float: left;width: 33.3%;}
.h_nav li img{display:block;width: 51%;margin:0 auto;}
.h_nav li span{display:block;line-height: 1.9rem;text-align: center;font-size: 1.2rem;color: #333;}
/*intro*/
.intro{height:27.6rem;background:url(../img/intro_bg.jpg) no-repeat;background-size:100% 27.6rem;}
.intro h2{padding:2.2rem 0 0.9rem;}
.intro>p{width:93.75%;margin:0 auto 0.5rem;font-size: 1.2rem;color: #4a4b4d;line-height: 1.5rem;}
.intro ul{padding-top:1.8rem;}
.intro li{float: left;width:25%;}
.intro li img{display: block;width: 63.75%;margin:0 auto;}
.intro li p{font-size: 0.9rem;color: #000;text-align: center;line-height: 0.9rem;}
.intro li p b{display: block;font-size: 1.2rem;color: #333;line-height:2.1rem;}
/*way*/
.way h2{padding:3.4rem 0 1.2rem;}
.way p{width:93.75%;margin:0 auto 1rem;position: relative;}
.way p em{position: absolute;left: 0;bottom: 0;width: 96%;height: 2.9rem;line-height:2.9rem;font-size: 1.1rem;color: #fff;padding-left:4%;background:rgba(0,0,0,0.7);}
.way ul{border-bottom:0.5rem solid #e7e7e7;}
.way li{float: left;width: 25%;height:5rem;padding-top:0.6rem;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;box-sizing: border-box;background:#f5f5f5;}
.way li i{display: block;width:2.3rem;height: 2.3rem;margin:0 auto 0.4rem;}
.way li span{display: block;font-size: 1.1rem;color: #333;line-height: 1.1rem;text-align: center;}
.way li .i1{background:url(../img/way_ic1.png) no-repeat;background-size:100%;}
.way li .i2{background:url(../img/way_ic2.png) no-repeat;background-size:100%;}
.way li .i3{background:url(../img/way_ic3.png) no-repeat;background-size:100%;}
.way li .i4{background:url(../img/way_ic4.png) no-repeat;background-size:100%;}
.way li .i5{background:url(../img/way_ic5.png) no-repeat;background-size:100%;}
.way li .i6{background:url(../img/way_ic6.png) no-repeat;background-size:100%;}
.way li .i7{background:url(../img/way_ic7.png) no-repeat;background-size:100%;}
.way li .i8{background:url(../img/way_ic8.png) no-repeat;background-size:100%;}
.way li .i9{background:url(../img/way_ic9.png) no-repeat;background-size:100%;}
.way li .i10{background:url(../img/way_ic10.png) no-repeat;background-size:100%;}
.way li .i11{background:url(../img/way_ic11.png) no-repeat;background-size:100%;}
.way li .i12{background:url(../img/way_ic12.png) no-repeat;background-size:100%;}
.way li:nth-child(4n){border-right: 0;}
/*product*/
.pro h2{padding:3rem 0 1.2rem;}
.pro p{position: relative;}
/*.pro p a {
    border: none;
    bottom: 2rem;
    color: #fff;
    font-size: 0;
    height: 3rem;
    line-height: 3rem;
    position: absolute;
    right: 27.6%;
    text-align: center;
    width: 50%;
}*/
.pro p a{position: absolute;right:14.6%;bottom: 2rem;width:30%;height: 1.9rem;line-height: 1.9rem;text-align: center;font-size: 1rem;color: #fff;border:1px solid #fff;border-radius:1rem;}
/*case*/
.case{padding:0 0 1.2rem;}
.case h2{padding:3rem 0 1.2rem;}
.case_con{width:93.75%;margin:0 auto;}
.case_con p span{display: block;font-size: 1.1rem;height:2.9rem;line-height: 2.9rem;background: #1474a2;color: #fff;padding:0 1.2rem;}
.case_con p i{float: right;font-size: 0.8rem;}
.case_con .prev{position: absolute;width:4%;top: 6.5rem;left:2.3%;z-index: 100;}
.case_con .next{position: absolute;width:4%;top: 6.5rem;right:2.3%;z-index: 100;}
/*why*/
.why{background: #f8f8f8;padding:0 0 1.8rem;}
.why h2{padding:2.8rem 0 1rem;}
.why_con{width:93.75%;margin:0 auto;}
.why_con li{float: left;width: 48.3%;position: relative;margin-bottom:1rem;}
.why_con li .text{position: absolute;width:100%;left: 0;top: 0;}
.why_con li .text img{display: block;width:22.4%;margin:3.1rem auto 0;}
.why_con li em{display: block;font-size: 1.3rem;color: #fff;text-align: center;line-height:1.3rem;padding:0.7rem 0;}
.why_con li em a{color: #fff;}
.why_con li p{font-size: 1rem;color: #fff;line-height: 1.5rem;text-align: center;}
.why_con li:nth-child(even){float: right;}
.why_con .swiper-pagination{height: 1rem;bottom: 0;}
.why_con .swiper-pagination .swiper-pagination-bullet{width:1rem;height: 1rem;border:2px solid #9d9d9d;background:none;opacity: 1;margin:0 0.5rem;vertical-align:top;border-radius:50%;box-sizing: border-box;}
.why_con .swiper-pagination .swiper-pagination-bullet-active{background: #1474a2;}
/*about*/
.about h2{padding:2.5rem 0 1rem;}
.abt_con{position: relative;}
.abt_con .des{position: absolute;width: 50%;top:1.7rem;right:3.1%;}
.abt_con .des em{display: block;font-size: 1.2rem;color: #fff;line-height: 1.2rem;margin-bottom:0.4rem;}
.abt_con .des p{font-size: 1.1rem;color: #fff;line-height: 1.5rem;}
.abt_con .des a{float: right;font-size:1.1rem;color: #fff;line-height: 1.5rem;}






/**/
/**/
@media screen and (min-width:320px) {html {font-size: 10px;}}
@media screen and (min-width:360px) {html {	font-size: 11.25px;}}
@media screen and (min-width:375px) {html {	font-size: 11.7px;}}
@media screen and (min-width:384px) {html {	font-size: 12px;}}
@media screen and (min-width:480px) {html {	font-size: 15px;}}
@media screen and (min-width:414px) {html {	font-size: 13px;}}
@media screen and (min-width:560px) {html {	font-size: 17.5px;}}
@media screen and (min-width:640px) {html {	font-size: 20px;}}