@charset "utf-8";
/* CSS Document */
html{max-width: 750px;
    margin: 0 auto;}
body{padding:0; font-size:12px; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑"; background:#d41300; overflow-x:hidden; max-width: 750px; margin: 0 auto !important;}
div,ul,li,p,form,h1,h2,h3,h4,h5,h6,dt,dd,dl{padding:0;margin:0; font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"微软雅黑";}
a{ text-decoration:none; color:#000;}
img{border:none; vertical-align: middle; display: block; max-width: 100%; height: auto; margin: 0 auto;}
ul,li{list-style:none;}
*{padding:0;margin:0;/* -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;*/}
table{border-collapse:collapse;}
.wrap{ width:100%; height:auto;}

input::-webkit-input-placeholder {color: #808080;}
input::-moz-placeholder {color: #808080;}
input:-moz-placeholder {color: #808080;}
input:-ms-input-placeholder {color: #808080;}

input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}

.clearfix:before,.clearfix:after {clear: both; content: "."; display: block; height: 0; overflow: hidden; visibility: hidden;}
.clearfix{zoom:1}

/*banner*/
.banner{position: relative;}
.banner .ban-logo{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 36%;}
.banner .ban-logo img{width: 100%;}

/*sec01*/
.sec01{background: url(../images/s1_bg.jpg) no-repeat top center / 100% 100%;}
.sec-box{width: 90%; margin: 0 auto; text-align: center;}
.sec01 .sec-box{background: url(../images/s1_mbg.png) no-repeat top center / 100%;position: relative;padding-bottom: 7%;}
.sec01 h2{width: 70%; display: inline-block; margin-top: .3rem;}
.sec01 h2 img{width: 100%;}
.sec01 ul{text-align: left;margin-left: 7%;}
.sec01 ul li{width: 43%;display: inline-block;vertical-align: top;background: #fff;border-radius: .2rem;box-shadow: inset 0 0 8px #e00d0585;margin: 2% 1.5%; text-align: center;padding-bottom: 0.16rem;}
.sec01 ul li h3{height: 0.56rem; line-height: 0.55rem; font-size: .22rem; color: #fff; background: url(../images/s1_list_tbg.png) no-repeat top center / 100%; width: 80%; display: block;  margin: 0 auto;}
.sec01 ul li h4{font-size: .28rem; color: #e6290f; font-weight: bold; padding-top: 0.05rem; margin-bottom: 0.1rem;}
.sec01 ul li p{font-size: .2rem; color: #333; margin-bottom: 0.12rem;}
.sec01 ul li a{width: 56%; font-size: .22rem; color: #fff; background: linear-gradient(to right, #de0904 , #f73c14); /* 标准的语法 */  height: 0.42rem; line-height: 0.42rem; border-radius: .21rem; border: .01rem solid #fff; box-shadow: 0 .04rem .06rem #d6000030; display: inline-block; }
.sec01-img{position: absolute;bottom: 8%;right: 3%;width: 46%;}

/*sec02*/
.sec02{background: url(../images/s2_bg.jpg) no-repeat top center / 100% 100%; padding-top: 0.2rem; padding-bottom: 5%;}
.sec02 .sec-box{background: url(../images/s2_mbg.png) no-repeat top center / 100% 100%;position: relative;padding: 9% 0;margin-top: -4%;}
.sec02 h2{width: 66%; margin: 0 auto; position: relative; z-index: 1;}
.sec02 h2 img{width: 100%;}
.sec02-l{ width: 58%; display: inline-block; vertical-align: top;}
.sec02-l ul li{position: relative;}
.sec02-l ul li img{width: 28%; display: inline-block; vertical-align: top; position: relative; z-index: 1;}
.sec02-l ul li .xq{height: 0.6rem; line-height: 0.6rem; display: inline-block; background: #ffe8e8; border-radius: 0 .3rem .3rem 0; border: .01rem solid #f8bbba;margin-top: 5%; margin-left: -8%; padding-left: 8%; padding-right: 3%; width: 66%;}
.sec02-l ul li .xq span{color: #f43c12; padding-right: 0.05rem;}
.sec02-l ul li i{height: 0.36rem; line-height: 0.36rem; border: .01rem solid #fff; font-size: .18rem; color: #fff; background: linear-gradient(to right, #de0904 , #f73c14); /* 标准的语法 */ display: inline-block; font-style:normal; padding: 0 .12rem; border-radius: .14rem .14rem .14rem 0; position: absolute; top: -3%; left: 31%;}
.sec02-r{width: 25%; display: inline-block; margin-left: 3%; margin-top: 4%;}
.sec02-r h3{font-size: .24rem; color: #0c69e8; margin-bottom: 0.06rem;}
.sec02-r a{height: 0.52rem; line-height: 0.52rem; background: linear-gradient(to right, #0252e7 , #1780e9); border-radius: .26rem; box-shadow: 0 4px 12px #0357e740; display: inline-block; color: #fff; width: 100%; margin-top: 14%;}

/* 弹窗 */
.zhezhao {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, .8); z-index: 8; display: none;}
.popup {width: 64%; background: #fff; z-index: 9; display: none; border-radius: .15rem; position: fixed; top: 50%; left: 50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); text-align: center;}
.popup .close {display: block;width: 10%;position: absolute;bottom: -13%;right: 45%;/* transform: translateX(-50%); */}
.popup_p {width: 100%; height: 1.2rem; line-height: 1.2rem; text-align: center;  background: linear-gradient(to right, #fc815b , #f55835); font-size: .48rem; color: #fff; font-weight: 600; border-radius: .15rem .15rem 0 0;}
.popup_m {width: 100%; margin: 0 auto; padding: 20px 0;}
.popup_p1{font-size: .28rem;line-height: 0.44rem;}
.popup_img {width: 41%;margin: 3% auto;}
.popup_m a {width: 50%;height: 0.62rem;line-height: 0.62rem;background: linear-gradient(to right, #fc815b , #f55835);text-align: center;margin: 0 auto;font-size: .3rem;color: #fff;border-radius: .3rem;box-shadow: 0 .05rem .2rem #fc815b;display: inline-block;}

@media only screen and (min-width:990px) {
body {font-size: 18px;}
 .popup{max-width: 460px; padding-bottom: 0.2rem;}
}