@charset "gb2312";
html{color:#222;-webkit-text-size-adjust:100%;-ms-text-size-adjust: 100%;font-size: 62.5%; font-family:microsoft yahei; font-size:0.24rem;}
*{outline: none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
h1,h2{ font-weight:bold}
em,i{ font-style:normal}
ul,li{list-style:none}
a{text-decoration:none;}
b,strong{ font-weight:bold}
img{border:none;width:100%;display:block;}
.fl, .fr{_display: inline;}
.fl{float: left;}
.fr{float: right;}
.cl {clear:both;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}
html, body {position: relative; height: 100%; }
body {background: #fff; font-size:0.24rem; color:#333;max-width:7.5rem;margin:0 auto; }

input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {
	-webkit-text-fill-color: #ededed !important;
	-webkit-box-shadow: 0 0 0px 1000px transparent  inset !important;
    background-color:transparent;
    background-image: none;
     transition: background-color 50000s ease-in-out 0s;
}
input {
	 background-color:transparent;
}

.s-bg1{height:5.23rem;padding-top:1.18rem;background: url(img/bg1.jpg) no-repeat;background-size: 7.5rem 6.41rem;}
.s-bg2{height:9.87rem;padding-top:.62rem;background: url(img/bg2.jpg) no-repeat;background-size: 7.5rem 10.49rem;}
.s-bg3{height:5.89rem;padding-top:.84rem;background: url(img/bg3.jpg) no-repeat;background-size: 7.5rem 6.73rem;}

.tit{text-align:center;font-size: .48rem;color:#333;font-weight: normal;}
.tit i{margin:.2rem auto 0;display: block;width:1.1rem;height:.04rem;border-radius:.04rem;background-color: #333;}
.titcolor{color:#fff;}
.titcolor i{background-color: #fff;}

/* cover */
.p-01 .txt{width:5.46rem;margin:0 auto;}

.p-02{padding:.44rem 0;}
.p-02 fieldset{width:7.14rem;margin:0 auto;padding:.2rem 0 .26rem;font-size:0;border:.03rem solid  #fd6d66;}
.p-02 legend{padding:0 .1rem 0 .16rem;text-align:center;font-size:.3rem;color:#fd0605;font-weight:bold;letter-spacing:.06rem;}
.p2-img,.p-02 .txt{display:inline-block;vertical-align: middle;}
.p2-img{width:1.65rem;}
.p-02 .txt{width:calc( 100% - 1.65rem );box-sizing:border-box;padding:0 .1rem 0 .2rem}
.p-02 .txt p{font-size:.2rem;line-height:.34rem;text-indent:2em;}

.p-03{padding-bottom:.4rem;}
.p-03 .txt1{margin:.22rem auto 0;width:6.8rem;font-size: .2rem;line-height: .3rem;color:#333;}
.p-03 ul{padding:.5rem 0 0;width: 5.75rem;margin:0 auto;}
.p-03 li{position:relative;float:left;margin:0 .45rem .44rem 0;text-align:center;width:1.6rem;height:.72rem;font-size:.24rem;color:#fff;line-height:.72rem;background-color:#fe511a;box-shadow:.05rem .05rem 0 0 #3f61f6;border-radius:.1rem;}
.p-03 li:nth-child(3),.p-03 li:nth-child(6){margin-right:0;}
.p-03 li i{position:absolute;top:50%;right:-.35rem;margin-top:-.08rem;width:.17rem;height:.17rem;background:url("img/bow.png") no-repeat;background-size:100% }

.p-04 ul{padding-top:.38rem;width:6.72rem;margin:0 auto}
.p-04 li{float:left;box-sizing:border-box;margin-bottom: .5rem;padding: .3rem 0 .16rem;width:3.2rem;height:3.63rem;background-color:#fff;}
.p-04 li:nth-child(even){margin-left:.32rem;}
.p-04 li h2{text-align:center;font-size:.3rem;color:#333;}
.p-04 li i{display:block;margin:.16rem auto .32rem;width:.58rem;height:.64rem;}
.p-04 li p{padding: 0 .2rem;font-size: .19rem;line-height:.36rem;}
.p-04 .icon1{background:url("img/icon1.png") no-repeat center center;background-size:.58rem .56rem;}
.p-04 .icon2{background:url("img/icon2.png") no-repeat center center;background-size:.54rem .54rem;}
.p-04 .icon3{background:url("img/icon3.png") no-repeat center center;background-size:.54rem .54rem;}
.p-04 .icon4{background:url("img/icon4.png") no-repeat center center;background-size:.56rem .64rem;}

.p-05{padding:.5rem 0 0 0 ;}
.p-05 .form{width:6.7rem;height:5.2rem;margin:0 auto;box-sizing:border-box;padding:0 .18rem;background-color: #f76200;box-shadow:.1rem .1rem 0 0 #3f61f6;}
.p-05 .form h2{padding: .8rem 0 .26rem;text-align: center;font-size: .4rem;color: #fff;}
.p-05 .form .phone,.p-05 .form .name,.p-05 .form .brand{margin-bottom:.2rem;box-sizing: border-box;padding: 0 0 0 .3rem;width:100%;height:.5rem;font-size:.26rem;color:#fff;background-color: #d24305;border:none;}
.p-05 .form .btn{margin-top: .32rem;width:100%;font-size:.34rem;font-weight:bold;color:#f98414;border-radius:unset;}
.p-05 input::-webkit-input-placeholder{color:#fff;}
.p-05 .txt{width:6.8rem;margin:.4rem auto .22rem;}
.p-05 .txt h2{padding-bottom:.22rem;font-size:.36rem;}
.p-05 .txt p{font-size:.22rem;color:#666;line-height:.38rem;}
.p-05 .txt p b{font-weight:normal;color:#fc3500;}
.p5-img{margin: 0 auto .2rem;width:4.3rem;}

.p-06 ul{padding-top:.78rem;margin:0 auto;width:6.8rem;}
.p-06 li{float:left;width:2.2rem;margin:0 .1rem .1rem 0;}
.p-06 li:nth-child(3),.p-06 li:nth-child(6){margin-right:0;}

.p-07{position: relative;padding:.4rem 0;text-align: center;;background-color: #171028;}
.p-07 .content{position: relative;z-index: 9;margin:0 auto;width:4.05rem;background-color: #171028;}
.p-07 a,.p-07 strong{display: inline-block;vertical-align: middle;}
.p-07 a{margin-right:.15rem;width:1.34rem;height:.44rem;line-height:.4rem;border:.01rem solid #fff;border-radius:.1rem;}
.p-07 a span,.p-07 a i{display: inline-block;vertical-align: middle;}
.p-07 a i{margin-right:.04rem;width:.22rem;height:.22rem;background: url("img/tel.png") no-repeat;background-size: 100% 100%;}
.p-07 a span{font-size: .2rem;color:#fff;}
.p-07 strong{font-size: .32rem;color:#fee644;}
.p-07 p{font-size: .2rem;color:#fff;}
.p-07 .border{position: absolute;top:50%;left:0;width:100%;}
.p-07 .border i{display:block;margin:0 auto;width:7.24rem;height:.01rem;background-color: #fff;}
