/* reset */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, figure, menu, input, textarea, button, select, th, td iframe{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, b, strong { font-size:100%; font-weight:normal;}
li { list-style:none;}
em, i { font-style:normal;}
a, a:visited, a:active { text-decoration:none; border:none; outline:none;}
input, textarea { outline:none;}
textarea { resize: vertical;}
body { -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; word-wrap:break-word;font-size: 12px;min-width:7.5rem!important;background: #fff;}
body, button, input, select, textarea { font-family: 'helvetica neue', tahoma, 'hiragino sans gb', stheiti, 'wenquanyi micro hei', 'microsoft yahei', simsun, sans-serif;}
.none{ display:none;}
.left { float:left;}
.right { float:right;}
.m-hide{display: none;}
.clearfix::after { content:''; clear:both; display:block; height:0; overflow:hidden;visibility:hidden;}
.The_total{display:none;}
a[title="站长统计"]{display: none;}
body{width:7.5rem;margin: 0 auto!important;overflow-x: hidden;overflow-y: auto;}
.wrap{width:6.6rem;margin: 0 auto; position: relative;}
.wrap1{width:6.92rem;margin: 0 auto;clear: both; text-align: center; position: relative;}
.wrap2{width:7.3rem;margin: 0 auto;clear: both; text-align: center; position: relative;}
.m-show{display:block!important;}
.m-hide{display: none!important;}
.sec{width: 100%;display: inline-block;background: #fe5558;padding-bottom: .8rem;}
.sec1 .dbj{padding-bottom: 8%;}
.sec2 .dbj{padding-bottom: .2rem;}
.sec3 .dbj{background: url(../images/s3Bg.png) no-repeat center top; background-size: 100%; height: 3.37rem;}
.sec5{padding-bottom: .3rem;}
.sec6{padding-bottom: .2rem;}
/*banner*/
.ban {width: 100%; margin: 0 auto; position: relative;display: inline-grid;float: left;padding-bottom: 0;}
.ban img {width: 100%; height: auto;}
.ban_logo {
    width: 1.9rem;
	height: .77rem;
	background: #0080ec;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	overflow: hidden;
    position: absolute;
    top: 0;
	left: .38rem;
	text-align: center;
}
.ban_logo img {
    width: 1.57rem;
    height: auto;
	margin: .12rem auto 0;
}
.stit {
    display: inline-block;
    width: 92%;
    padding: 0 4%;
    text-align: center;
    position: absolute;
    transform: translate(-50%, 0px);
    margin-left: 50%;
    top: -.33rem;
}
.stit h2 {
    display: inline-block;
    width: 5.44rem;
    height: .83rem;
    line-height: .72rem;
    background: url(../images/tit_.png) no-repeat center top;
    background-size: 100%;
    font-size: .32rem;
    font-weight: bold;
    color: #fff;
}
.stit h2 span {
    display: inline-block;
    width: 1.37rem;
    font-size: .3rem;
    color: #f6162a;
    text-align: center;
    margin-right: .2rem;
    font-weight: bold;
    line-height: .45rem;
    background: #fff;
    border-radius: .4rem;
}
.dbj {
    display: inline-block;
    width: 88%;
    padding: 3% 3% 0;
    margin: .1rem 3% 0;
    background: #fff;
    border-radius: 8px;
    position: relative;
}
.cont{
	display: inline-block;
	width: 100%;
}
.cont>div{
	display: inline-block;
	float: left;
}
.zhezhao {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; z-index: 8; display: none;}
.popup {width: 80%; padding: 0 0 16px; background: #fff; z-index: 9; display: none; border-radius: 16px; 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%);}
.popup .close {display: block; width: .44rem; position: absolute; top: -.5rem; right: -.2rem;}
.popup .close img{width: 100%;}
.popup_p {width: 100%; text-align: center; background: url(../images/popup_001.png) center no-repeat; background-size: 100% 100%; font-size: .45rem; color: #fff; line-height: 1rem; font-weight: bold; border-radius: 9px 9px 0 0;
	-webkit-text-shadow: 2px 4px 0px #f79f05;
	text-shadow: 2px 4px 0px #f79f05;
	letter-spacing: 6px;
}
.popup_img {
    width: 47%;
    margin: 30px auto 0;
    text-align: center;
}
.popup_img img{width: 100%;}
.popup_p2 {
    width: 100%;
    text-align: center;
    font-size: .26rem;
    color: #333;
    line-height: .45rem;
    padding-bottom: .2rem;
	margin-top: .2rem;
}
.popup_p2 span {color: #ff9000;}
/* section1 */
.sec1{padding-top: .38rem;}
.sc1 {
    display: inline-block;
    width: 93%;
    margin-top: .66rem;
    padding: 0 3.5%;
}
.sc1>div{
	position: relative;
	display: inline-block;
	float: left;
	width: 2.88rem;
	height: 2.64rem;
	border: .01rem solid #0075cf;
	border-radius: .08rem;
}
.tit1{
	display: inline-block;
	float: left;
	width: 2.5rem;
	height: .55rem;
	background: url(../images/s1img05.png) no-repeat center top;
	background-size: 100%;
	font-size: .26rem;
	color: #fff;
	font-weight: bold;
}
.tit1>span {
    display: inline-block;
    width: .51rem;
    text-align: center;
    margin-top: .15rem;
    height: .4rem;
	float: left;
}
.tit1>span img{width: 50%;}
.tit2>span img{width: 72%;}
.tit1>label {
    display: inline-block;
    width: 1.85rem;
	line-height: .55rem;
    text-align: center;
    float: left;
}
.s1Z {
    font-size: .22rem;
    font-weight: bold;
    line-height: 2.66rem;
    display: inline-block;
    float: left;
    color: #1d7ff9;
    width: .27rem;
    text-align: center;
}
.sc .ewm{
	display: inline-block;
	width: 1.97rem;
	height: 2.21rem;
	background: #1d7ff9;
	border-radius: .08rem;
}
.sc .ewm img{display: inline-block;}
.sc .ewL{float: left;}
.sc .ewR {
    float: right;
    margin-right: .15rem;
    margin-top: .55rem;
}
.ewT{
	width: 1.85rem;
	margin: 0.06rem auto 0;
}
.ewT img{
	display: inline-block;
	width: 100%;
}
.ewB>span{
	display: inline-block;
	width: 100%;
	font-size: .18rem;
	color: #fff;
	text-align: center;
	line-height: .4rem;
}
.bkgh{display: inline-block;width: 100%;margin-top: .18rem;}
.bkgh>div{
	display: inline-block;
	float: left;
}
.bkgh .bkL {
    width: 39%;
    margin-top: .1rem;
    margin-left: .2rem;
}
.bkgh .bkR {
    width: 1.08rem;
    padding: 0 .23rem;
}
.bkgh .bkR img{width: 100%;}
.bkL>p {
    position: relative;
    display: inline-block;
    font-size: .2rem;
    color: #333;
    line-height: .37rem;
}
.bkL>p::before {
    display: inline-block;
    content: '';
    width: .04rem;
    height: .04rem;
    background: #1d7ff9;
    border-radius: .3rem;
    vertical-align: middle;
    margin-right: .1rem;
}
.bkgh>div{
	display: inline-block;
	float: left;
}
.bkP {
    font-size: .2rem;
    color: #1d7ff9;
    width: 84%;
    line-height: .37rem;
    border-radius: .4rem;
    background: #dcf4ff;
    display: inline-block;
    text-align: center;
    margin: .1rem 8% 0;
}
.mszjU {
    display: inline-block;
    width: 90%;
    margin-left: .28rem;
    margin-top: .18rem;
}
.mszjU li {
    font-size: .22rem;
    color: #333;
    line-height: .47rem;
}
.mszjU li::before {
    display: inline-block;
    content: '';
    width: .26rem;
    height: .23rem;
    background: url(../images/s1img04.png) no-repeat center;
    background-size: 100%;
    margin-right: .05rem;
    vertical-align: middle;
}
.sc1>div>a {
    display: inline-block;
    width: 1.77rem;
    line-height: .48rem;
    font-size: .22rem;
    color: #fff;
    background: #fe5659;
    background: -webkit-linear-gradient(top, #fe5659 , #ff8c8f);
    background: -o-linear-gradient(bottom, #fe5659 , #ff8c8f);
    background: -moz-linear-gradient(bottom, #fe5659 , #ff8c8f);
    background: linear-gradient(to bottom, #fe5659 , #ff8c8f);
    border-radius: .4rem;
    text-align: center;
    position: absolute;
    bottom: -.23rem;
    transform: translate(-50%,0);
    left: 50%;
    cursor: pointer;
}
.sc1>div>a::after {
    content: '';
    width: .6rem;
    height: .5rem;
    display: inline-block;
    background: url(../images/shou.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    top: .2rem;
    right: -.25rem;
    -webkit-animation: scaleDraw 2s ease-in-out infinite;
    animation: scaleDraw 2s ease-in-out infinite;
}
.sc1>div>a.zwks{background: #999;}
.sc1>div>a.zwks::after{display: none;}
/* section2 */
.sc2{
	display: inline-block;
	width: 100%;
	margin-top: .63rem;
}
.s2R {
    width: 2.5rem;
    margin-left: .15rem;
}
.s2R span{
	display: inline-block;
	font-size: .22rem;
	color: #d84044;
	text-align: center;
	line-height: .5rem;
	float: right;
	margin-bottom: .11rem;
}
.s2R .sp1{
	width: 2.31rem;
	height: .58rem;
	background: url(../images/s2img1.png) no-repeat left top;
	background-size: 100%;
	margin-left: .1rem;
}
.s2R .sp2{
	width: 2.31rem;
	height: .58rem;
	color: #106ada;
	background: url(../images/s2img2.png) no-repeat left top;
	background-size: 100%;
	float: left;
}
.s2R .sp3{
	width: 2.31rem;
	height: .58rem;
	background: url(../images/s2img1.png) no-repeat left top;
	background-size: 100%;
}
.s2Img {
    width: 2.13rem;
    position: absolute;
    left: -.12rem;
    bottom: -.455rem;
}
.s2Img img{
	width: 100%;
}
.ewL{margin-left: 1.49rem;margin-top: .05rem;}
/* section3 */
.s3tit {
    display: inline-block;
    font-size: .21rem;
    color: #fff;
    width: 3.46rem;
    line-height: .47rem;
    position: absolute;
    left: -.1rem;
    top: .66rem;
    text-align: center;
    background: url(../images/s3img1.png) no-repeat center top;
    background-size: 100%;
    font-weight: bold;
}
.s3xq>div{
	display: inline-block;
	position: relative;
	width: 1.6rem;
	height: .74rem;
	background: #e2faea;
	margin-right: .42rem;
	margin-bottom: .32rem;
}
.s3xq>div:nth-of-type(2n){margin-right: 0;}
.s3L{
	width: .81rem;
	height: .82rem;
	position: absolute;
	top: -.04rem;
	left: -.4rem;
}
.s3L img{width: 100%;}
.s3ct .scL{
	width: 4rem;
}
.s3xq{
	margin-left: .32rem;
	margin-top: .9rem;
}
.s3R{
	display: inline-block;
	margin-left: .3rem;
	margin-top: .1rem;
}
.s3R span{
	font-size: .18rem;
	color: #333;
	display: block;
	text-align: left;
}
.s3R .sp1{
	font-weight: bold;
	color: #0cc489;
}
.s3img {
    width: 3.55rem;
    margin-top: 1.2rem;
}
.s3img img{
	width: 100%;
}
/* section4 */
.s4Img{
	display: inline-block;
	width: 3.19rem;
	height: 2.57rem;
	margin-top: .12rem;
	margin-left: .38rem;
}
.s4Img img{width: 100%;}
.s4R{
	width: 1.93rem;
	position: absolute;
	right: .38rem;
	top: .54rem;
}
.s4zz{
	width: 2.14rem;
	margin-left: .46rem;
}
.s4ewL{
	display: inline-block;
    width: 2.14rem;
    height: 2.27rem;
    background: #1d7ff9;
    border-radius: .08rem;
    text-align: center;
}
.s4ewT{
	display: inline-block;
    width: 1.95rem;
}
.s4ewT img{width: 100%;margin-top: .09rem;}
.s4ewB{
	font-size: .18rem;
	color: #fff;
}
.s4ewB span label{
	font-weight: bold;
	color: #ffe553;
	line-height: .32rem;
}
.smgzh{
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: .2rem;
	color: #1d7ff9;
	font-weight: bold;
	margin-bottom: .08rem;
}
.sc4{margin-top: .4rem;margin-bottom: .15rem;}

/* section5 */
.s5c {
    text-align: center;
    margin-top: .3rem;
	margin-bottom: .35rem;
}
.s5u{
	display: block;
	width: 80%;
	margin: 0 auto;
}
.s5u li {
    font-size: .25rem;
    color: #333;
    line-height: .52rem;
    border-bottom: 1px dashed #d6d6d6;
    text-align: center;
    width: 47%;
    margin-right: 6%;
    display: inline-block;
    float: left;
}
.s5u li:nth-of-type(2n){margin-right: 0;}
.s5u li span {
    display: inline-block;
    width: .23rem;
    text-align: center;
    margin-right: .1rem;
    line-height: 0.55rem;
    vertical-align: sub;
}
.s5u li span img{height: .24rem;}
.s5u li:nth-of-type(3){border-bottom: none;margin-bottom: .2rem;}
.s5u li:nth-of-type(4){border-bottom: none;margin-bottom: .2rem;}
.s5bm{display: inline-block;width: 100%;}
.s5bm>div {
    display: inline-block;
    width: 40%;
    height: auto;
    background: #1d7ff9;
    border-radius: .08rem;
    text-align: center;
    margin: 0 2%;
    border: 1px solid #fff;
}
.s5T {
    width: 88%;
    margin: .18rem auto 0;
}
.s5T img{width: 100%;}
.s5B p {
    font-size: .22rem;
    color: #fff;
    line-height: .5rem;
    margin-bottom: .1rem;
}


/* section6 */
.sec6 .dbj {
    background: transparent;
    width: 94%;
    padding: 0;
    margin: 0 3%;
}
.s6ct{
	width: 100%;
	height: 2.2rem;
	background: url(../images/s6img1.png) no-repeat center top;
	background-size: 100%;
	position: relative;
}
.s6ct .sp3 {
    display: inline-block;
    width: 1.07rem;
    height: 1.07rem;
    position: absolute;
    right: .24rem;
    top: .48rem;
}
.s6ct a{display: inline-block;width: 100%;height: 100%;cursor: pointer;}
.s6ct .sp3::after {
    content: '';
    width: .8rem;
    height: .8rem;
    display: inline-block;
    background: url(../images/shou.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    bottom: -.4rem;
    right: -.35rem;
    -webkit-animation: scaleDraw 2s ease-in-out infinite;
    animation: scaleDraw 2s ease-in-out infinite;
}


.showbox {width: 100%; max-width: 750px; display: none; position: fixed; left: 0; top: 0; z-index: 9;}
.showbox .close {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;}
.showbox .showbox_img {width: 100%; margin: 0 auto;}
.showbox .showbox_img img {width: 100%; height: auto;}

.fix-bg{width:100%; height: 100%; background: rgba(0,0,0,0); position: fixed; top: 0; left: 0; display: none; z-index: 2; text-align: center;}

@media only screen and (min-width:990px) {

body {font-size: 18px;}
.popup {width: 520px;}
.main_tp{height: .5rem;line-height: .5rem;}
}



@-webkit-keyframes scaleDraw{
	0%  {transform: scale(.95); }
	25% {transform: scale(1.1);}
	50% {transform: scale(.95);}
	75% {transform: scale(1.1);}
	100%{transform: scale(.95);}
}
@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
	0%  {transform: scale(.95); }
	25% {transform: scale(1.1);}
	50% {transform: scale(.95);}
	75% {transform: scale(1.1);}
	100%{transform: scale(.95);}
}