*{padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
li{list-style:none;}
a{color:#000; text-decoration:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}
img{vertical-align:top;}
.clearfix:after{display:block; content:''; clear:both;}
.clearfix{zoom:1;}
.fl{float:left;}
.fr{float:right;}
.rel{position: relative;}
.al{position: absolute;left: 0;top: 0;}
.ar{position: absolute;right: 0;top: 0;}
.alt{position: absolute;left: 0;bottom: 0;}
.art{position: absolute;right: 0;bottom: 0;}
input{ outline:none;}
body{ font-family:'Microsoft YaHei';}
.wrap{width: 100%;overflow-x: hidden;text-align: center;}

.banner{
	width: 100%;
	height: 30.1rem;
	background: url(../img/banner.png) no-repeat top center;
	background-size: 100% 100%;
	overflow: hidden;
}

.banner .tel{
	width:13.15rem;
	height: 1.4rem;
	border: 0.05rem solid #898d96;
	margin: 25.5rem auto 0;
	background: url(../img/tel.jpg) no-repeat 0.8rem center #f3f3f4;
	background-size: 0.5rem 0.75rem;
}

.banner .tel input{
	border: none;
	border-left: 0.05rem solid #838791;
	height: 0.85rem;
	display: block;
	margin: 0.3rem 0 0 2.1rem;
	font-size: 0.6rem;
	padding-left: 0.75rem;
	color: #131c2e;
}
.banner .link{
	width: 13.25rem;
	height: 1.5rem;
	background: #ee4779;
	color: #fff;
	font-size: 0.75rem;
	line-height: 1.5rem;
	margin: 0.35rem auto 0;
	display: block;
}

.banner .link button {
	color: #ffffff;
	background: #ef244d;
	width: 100%;
	height: 100%;
	background: #ee4779;
	text-align: center;
	font-size: 0.75rem;
	line-height: 1.5rem;
	border: none;
}
.phone{
	color: #fff;
	position: absolute;
	top: 27px;
    left: 102px;
	font-size: 12px;
}

.p1{
	background: #f6f7fa;
	border-bottom: 1px solid #f6f7fa;
}
.p1 h2.fir{
	padding-top: 1.25rem;
}
.p1 h2{	
	font-size: 1rem;
	color: #131c2e;
}
.p1 h2 span{
	color: #ee4779;
}
.p1 .eng{
	width: 100%;
	height: 0.35rem;
	display: block;
}
.p1 .soft{
	width: 17.5rem;
	height:7rem;
	margin: 1rem auto 0;
overflow: hidden;
}
.p1 .soft h3{
	background: url(../img/bg1.png) no-repeat;
	width: 1.825rem;
	height: 1.35rem;
	background-size: 100% 100%;
	font-size: 0.4rem;
	color: #fff;
	line-height: 1.1rem;
	text-align: left;
	padding-left: 1.25rem;
}
.p1 .soft img{
	width: 3.075rem;
	height: 3.075rem;
}
.p1 .soft p{
	font-size: 0.4rem;
	width: 3.075rem;
	height:0.65rem;
	background: #ee4779;
	color: #fff;
	border-radius: 0.3rem;
	margin: 0.2rem 0 0.1rem;
	line-height: 0.65rem;
}
.p1 .soft h4{
	font-size: 0.6rem;
	color: #131c2e;
	line-height: 0.75rem;
}
.p1 .soft div{
	margin-right: 0.5rem;
}

.p1 .soft .last,.p2 .last{
	margin-right: -0.5rem;
}
.p2{
	height: 12rem;
}
.p2 .main{
	width: 17.75rem;
	margin: 1rem auto 0;
}
.p2 .main h3{
	font-size:0.65rem;
	color: #fff;
	background: url(../img/bg2.png) no-repeat;
	width: 16.55rem;
	height: 1.25rem;
	line-height: 1.25rem;
	background-size: 100% 100%;
	text-align: left;
	padding-left: 1.2rem;
}
.p2 ul{
	width: 100%;
	margin-top: 0.4rem;
}
.p2 ul li{
	width: 5.75rem;
	height:1.25rem;
	font-size: 0.55rem;
	color: #fff;
	line-height: 1.25rem;
	margin-right: 0.25rem;
	margin-bottom: 0.25rem;
	background:#ececec;
	color: #575757;
	border-radius: 0.1rem;
}
.p2 ul li.odd{
	background: #cbcbcb;
}
.p2 ul li img{
	width: 0.45rem;
	height: 0.45rem;
	margin: 0.4rem 0.1rem 0 1.1rem;
	animation: 1s linear roll infinite;
}
.p2 ul li .fonts{
	font-size: 0.4rem;
}
.p2 ul li .dot{
	width: 0.95rem;
	height: 0.2rem;
	animation: none;
	margin-top: 0.55rem;
}
.p2 .line{
	width: 100%;
	height: 0.35rem;
}
.p3 .main{
	background: url(../img/cir.png) no-repeat;
	width: 100%;
	height: 17.7rem;
	background-size: 100% 100%;
	margin-top: 1rem;
	font-size: 0.9rem;
	color: #fff;
}
.p3 .main .one{
	left: 1.5rem;
	top: 6.95rem;
}
.p3 .main .two{
	left: 4.5rem;
	top: 2.45rem;
}
.p3 .main .thr{
	left: 10.2rem;
	top: 2.25rem;
}
.p3 .main .fou{
	left: 13.5rem;
	top: 6.2rem;
}
.p3 .main .fiv{
	left: 12.7rem;
	top: 11.45rem;
}
.p3 .main .six{
	left: 8rem;
	top: 14.15rem;
}
.p3 .main .sev{
	left: 2.95rem;
	top: 11.85rem;
}

.p4 h3{
	background: url(../img/bg4.png) no-repeat;
	width:17.75rem;
	height: 1.05rem;
	color: #fff;
	margin: 1rem auto 0.75rem;
	font-size: 0.55rem;
	line-height: 1.05rem;
	background-size: 100% 100%;
}
.p4 img{
	width: 16.25rem;	
	height: 6.75rem;
}
.p5 ul{
	width: 17.55rem;
	height: 6.8rem;
	margin: 0 auto;
}
.p5 ul li{
	width: 5.5rem;
	font-size: 0.6rem;
	color: #fff;
	margin-right: 0.5rem;
}
.p5 ul li.last{
	margin-right: -0.5rem;
}
.p5 li h3{
	width: 5rem;
	height:3.5rem;
	background: #131c2e;
	border-radius: 0.3rem;
	margin: 1.9rem auto 0;
}
.p5 li img{
	width:4.1rem;
	height: 2.5rem;
	margin-top: -5rem;
}
.p5 li p{	
	margin-top: -3rem;
}
.p5 li h4{
	height: 1.5rem;
	line-height: 1.5rem;
	background: #ee4779;
	border-radius: 0.2rem;
	margin-top: 0.4rem;
}

.p6 h3{
	width: 17.75rem;
	height:0.95rem;
	line-height:0.95rem;
	font-size: 0.55rem;
	color: #fff;
	background: #ee4779;
	margin: 1rem auto 0.95rem;
	border-radius: 0.1rem;
}
.p6 ul{
	width: 17.8rem;
	height: 17.8rem;
	margin: 0 auto;
}
.p6 li{
	width:8.5rem;
	height:2.75rem;
	background: #fff;
	border-radius: 0.2rem;
	box-shadow: 0px 0px 0.25rem 0px rgb(19,28,44,0.02);
	background: #fff;
	margin-bottom: 0.9rem;
}
.p6 li img{
	width: 3rem;
	height: 3rem;
	margin-top: -0.5rem;
	margin-left: 0.5rem;
}
.p6 li h4 p{
	width: 2.75rem;
	height: 0.75rem;
	line-height: 0.75rem;
	color: #fff;
	background: #ee4779;
	border-radius: 0.4rem;
	font-size: 0.6rem;
	margin-left: 0.5rem;
	margin-top: -0.3rem;
}
.p6 li h5{
	margin-left: 0.2rem;	
	color: #ee4779;
	font-size: 0.4rem;
	text-align: left;
}
.p6 li .txt1{
	background: url(../img/arrow.png) no-repeat left center;
	background-size: 0.3rem 0.375rem;
	padding-left: 0.45rem;	
	margin: 0.4rem 0 0.3rem;
}
.p6 li .txt2{
	color: #131c2e;
	line-height: 0.6rem;
}
.p6 li.mart,.p8 li.mart{
	margin-bottom: 0;
}
.p7 ul{
	width: 17.5rem;
	height: 6.8rem;
	margin: 1.85rem auto 0;
}
.p7 ul li{
	width:5.5rem;
	height: 6.5rem;
	background: #fff;
	border-radius: 0.15rem;
	box-shadow: 0px 0px 0.25rem 0px rgb(19,28,44,0.02);
	margin-right: 0.5rem;
}
.p7 ul img{
	width: 1.8rem;
	height: 1.8rem;
	margin-top: -0.9rem;
}
.p7 ul h3{
	font-size: 0.65rem;
	color: #ee4779;
}
.p7 ul i{
	display: block;
	width: 0.7rem;
	height: 0.1rem;
	background: #ee4779;
	margin: 0.55rem auto 0.5rem;
}
.p7 ul p{
	font-size: 0.5rem;
	color: #131c2e;
}
.p7 ul .last{
	margin-right: -0.5rem;
}
.p8{
    height:35.5rem;
    overflow:hidden;
    background:url(../img/bg7.png) no-repeat top;
    background-size:100% 35.5rem;
}
.p8 ul{
	width: 17.75rem;
	margin: 1rem auto;
}
.p8 ul li{
	width:5.5rem;
	height:7.5rem;
	background: #fff;
	border-radius: 0.2rem;
	margin-right: 0.6rem;
	margin-bottom: 0.45rem;
}
.p8 ul li img{
	width:4.9rem;
	height:5.65rem;
	margin-top: 0.2rem;
}
.p8 ul li h3{
	font-size: 0.5rem;
	color: #fff;
	width: 4.25rem;
	height: 0.9rem;
	line-height: 0.9rem;
	background: #ee4779;
	border-radius: 0.6rem;
	margin: -0.5rem auto;
}
.p8 ul li p{
	font-size: 0.5rem;
	color: #131c2e;
	margin-top: 0.8rem;
}
.p8 ul li.last{
	margin-right: -0.6rem;
}

.p8 .btn{
    display: block;
    font-size: 0.85rem;
    color: #fff;
    background: #ee4779;
    width: 7.5rem;
    height: 1.5rem;
	line-height: 1.5rem;
    margin: 13rem auto 0;
    border-radius: 0.3rem;
}

body{
    background-image: url(../img/bg6.jpg);
    background-repeat: no-repeat;
    background-attachment:fixed;
    z-index: -1;
    background-size:100% 25.35rem;
}
body:before{
    content: "";
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: inherit;
	background-size:100% 25.35rem;
}
.p9{
	padding-bottom: 1rem;
}

.p9 ul{
	width:17.75rem;
	margin: 1rem auto;
}
.p9 ul li{
	width: 8.5rem;
	height: 2.25rem;
	margin-bottom: 0.5rem;
	font-size: 0.75rem;
	color: #fff;
}
.p9 ul li p{
	padding-top: 1rem;
}

.p9 ul .one{
	background: url(../img/num1.png) no-repeat;
	background-size: 100% 100%;
}
.p9 ul .two{
	background: url(../img/num2.png) no-repeat;
	background-size: 100% 100%;
}
.p9 ul .thr{
	background: url(../img/num3.png) no-repeat;
	background-size: 100% 100%;
}

.p9 ul .fou{
	background: url(../img/num4.png) no-repeat;
	background-size: 100% 100%;
}

.p9 ul .fiv{
	background: url(../img/num5.png) no-repeat;
	background-size: 100% 100%;
}

.p9 ul .six{
	background: url(../img/num6.png) no-repeat;
	background-size: 100% 100%;
}

.p9 ul .sev{
	background: url(../img/num7.png) no-repeat;
	background-size: 100% 100%;
}

.p9 ul .eig{
	background: url(../img/num8.png) no-repeat;
	background-size: 100% 100%;
}

.p9 ul .nin{
	background: url(../img/num9.png) no-repeat;
	background-size: 100% 100%;
}

.p9 ul .ten{
	background: url(../img/num10.png) no-repeat;
	background-size: 100% 100%;
}
.p9 .btn{
	font-size: 0.85rem;
	color: #ee4779;
	width:12.4rem;
	height:1.65rem;
	line-height:1.65rem;
	border: 0.05rem solid #ee4779;
	display: block;
	margin: 0 auto;
	border-radius: 0.15rem;
}

.p9{
	padding-bottom: 1rem;
}


.footer{
	background: #000;
	font-size: 0.4rem;
	color: #999;
	text-align: center;
	padding:0.5rem 0 2rem;
	line-height:0.6rem;
}

@keyframes roll{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
	
}

.p3 .fir,.p5 .fir,.p6 .fir,.p7 .fir,.p8 .fir,.p9 .fir{
	margin-top: -0.1rem;
}