@charset "utf-8";
/* CSS Document */
body {
    font:14px/1.5 "黑体", sans-serif;
    margin:0 auto;
    background-color: #f4f4f4;
    height:100%;
    max-width: 768px;
}
html{
    height:100%;
}
input {
    margin: 0;
    padding: 0;
    border: 0;
}
a {
    text-decoration:none;
    color: #848484;
}
ul, li, h1, h2, dl, dt, dd, a, div, p,dd,dt,dl {
    margin:0px;
    padding:0px;
}
a, a:visited {
    text-decoration:none;
}
img {
    border:0;
}
li {
    list-style-type:none;
}
.f-cb:after{
    display:block;
    visibility:hidden;
    clear:both;
    height:0;
    overflow:hidden;
    content:'.';
}


        .menu-button {
            position: absolute;
            top: 0px; left: 0px;
			z-index:999;
            padding: 0.4rem;

            cursor: pointer;

            -webkit-transition: .3s;
            transition: .3s;


            /*margin: 14px;
            border-radius: 5px;*/
        }
        .menu-button .bar:nth-of-type(1) {
            margin-top: 0px;
        }
        .menu-button .bar:nth-of-type(3) {
            margin-bottom: 0px;
        }

        .bar {
               position: relative;
    display: block;
    background-color: #2C8DFB;
    width: 1rem;
    height: 0.12rem;
    margin: 0.15rem auto;
    border-radius: 0.1rem;
    -webkit-transition: .3s;
    transition: .3s;
        }
.menu-button.action{
	top:-0.24rem;
}
        .menu-button.action .bar:nth-of-type(1) {
            -webkit-transform: translateY(0.45rem) rotate(-45deg);
            -ms-transform: translateY(0.45rem) rotate(-45deg);
            transform: translateY(0.45rem) rotate(-45deg);
        }
        .menu-button.action .bar:nth-of-type(2) {
            opacity: 0;
        }
        .menu-button.action .bar:nth-of-type(3) {
            -webkit-transform: translateY(-0.06rem) rotate(45deg);
            -ms-transform: translateY(-0.06rem) rotate(45deg);
            transform: translateY(-0.06rem) rotate(45deg);
        }


.searchBoxtop{
	position: fixed;
    width: 92%;
	padding:0 4% 0 4%;
    max-width: 768px;
    z-index: 990;
    top: 1.44rem;
    left: 0;
	height:1.2rem;
  	background-color:#f4f4f4;
    -webkit-transform: translate3d(0, -150%, 0);
    -moz-transform: translate3d(0, -150%, 0);
    -ms-transform: translate3d(0, -150%, 0);
    -o-transform: translate3d(0, -150%, 0);
    transform: translate3d(0, -150%, 0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.searchBoxtop.moved{
	display: block;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.searchBoxtop input{
	width:88%;
	height:1.2rem;
	line-height:1.2rem;
	font-size:0.4rem;
	color:#939393;
	background-color:#f4f4f4;
	
}
.searchBoxtop .searchBoxBtn{
	width: 0.6rem;
    height: 1.2rem;
    line-height: 1.2rem;
    float: right;
}
.searchBoxtop .searchBoxBtn img{
	width:100%;
	vertical-align: middle;
}				
.mMenu{
	position: fixed;
    width: 70%;
    max-width: 768px;
    z-index: 999;
    top: 1.44rem;
    left: 0;
    height: 9rem;
	text-align:left;
	background-color:#3f3f3f;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}		
.mMenu.moved{
	display: block;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}		
.mMenu ul{
	width:100%;
}
.mMenu ul li {
	display: block;
    width: 100%;
    line-height: 1.6rem;
    text-indent: 0.5rem;
	position:relative;
}
.mMenu ul li a{
    color: #fff;
	display: block;
    width: 100%;
    font-size: 0.4rem;
    border-bottom: solid 1px #5e5e5e;
}
.menuBtn{
	border-bottom: solid 1px #5e5e5e;
}
.mMenu dl{
	display:none;
}
.mMenu dl dd{
	width: 100%;
    line-height: 1.4rem;
	height:1.4rem;
    text-indent: 1rem;
    font-size: 0.35rem;
}
.mMenu dl dd:nth-child(1){
	border-top:0;
}
.mMenu dl a{
	text-indent:1.6rem;
	color:#ddd;
}
.mMenu dl dd a{
	position:relative;
}
.mMenu dl dd a:after{
	content: "";
    display: block;
    width: 0.2rem;
    height: 0.2rem;
    background-color: #ddd;
    position: absolute;
    left: 1rem;
    top: 0.6rem;
}
.topNavIcon img{
	vertical-align: middle;
    height: 0.6rem;
	padding-right: 0.3rem;
}
.topNavArrow{
	position: absolute;
    right: 0;
	top:0;
	 -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.topNavArrow.cur{
	transform:rotate(90deg);
-ms-transform:rotate(90deg); /* Internet Explorer */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); /* Opera */
}
.topNavArrow img{
    height: 0.35rem;
	padding-right: 0.3rem;
}
		
.top{
    width: 100%;
    max-width:768px;
    position: fixed;
    z-index: 998;
    height:1.44rem;
    color: #fff;
	background-color:#fff;
    text-align: center;
    font-size: 0.4rem;
	border-bottom:solid 1px #e5e5e5;
}
.mLogo{
	height: 1.44rem;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
}
.mLogo img{
	height:100%;
	display:block;
	overflow:auto;
	margin:0 auto;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.mLogo img:nth-child(1).cur{
	margin-top:-1.44rem;
}
.mLogo img:nth-child(2){
	height: 1.2rem;
    margin-top: 0.15rem;
}
.searchBtn{
	position: absolute;
    width: 0.6rem;
    height: 0.6rem;
    right: 0;
    top: 0;
    padding: 0.42rem;
}
.searchBtn img{
	width:100%;
}

.main{
    width: 100%;
}
.mBanner{
    position:relative;
    width:100%;
	/*min-height:10rem;*/
	overflow:hidden;
    padding-top:1.44rem;
}
.swiper-slide{
    overflow: hidden;
    text-align: center;
}
.slide-img{
    overflow: hidden;
    text-align: center;
}
.swiper-pagination .swiper-pagination-bullet{
	width:1rem;
	height:0.1rem;
	background-color:#fff;
	opacity:0.6;
	border-radius:0;
	box-shadow: 0 1px 8px #ccc;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.swiper-pagination .swiper-pagination-bullet-active{
	height:0.2rem;
	opacity:1;
}
.indexTitle{
	line-height:1.2rem;
	padding-left:0.4rem;
	font-size:0.4rem;
	font-weight:bold;
	color:#333;
	border-bottom:solid 1px #e5e5e5;
}
.indexImg{
    width: 100%;
}
.aniImg{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
}
.swiper-container2 .swiper-slide:nth-child(1) .aniImg img{
	display:block;
	position:absolute;
	right:5%;
	
}
.swiper-container2 .swiper-slide:nth-child(1) .aniImg img:nth-child(1){
	width:70%;
	top:46%
}
.swiper-container2 .swiper-slide:nth-child(1) .aniImg img:nth-child(2){
	width:30%;
	top:56%
	
}
.swiper-container2 .swiper-slide:nth-child(1) .aniImg img:nth-child(3){
	width:50%;
	top:63%;
	
}
.swiper-container2 .swiper-slide:nth-child(1) .aniImg img:nth-child(4){
	width:40%;
	top:74%;
}

.swiper-container2 .swiper-slide:nth-child(2) .aniImg img:nth-child(2){
	margin:0.4rem auto 0 auto;
	width:40%;
}
.swiper-container2 .swiper-slide:nth-child(2) .aniImg img:nth-child(1){
	margin:10% auto 0.4rem auto;
	width:70%
}


.hotProduct{
	width:94%;
	background-color:#fff;
	border-radius:0.2rem;
	box-shadow: 0 0px 12px rgba(0,0,0,0.1);	
	margin:0.4rem auto 0 auto;
}

.hotProduct ul li{
	width:50%;
	float:left;
	padding:0.4rem 0 0.4rem 0;
	text-align:center;
	box-sizing:border-box;
   -moz-box-sizing:border-box; /* Firefox */
   -webkit-box-sizing:border-box; /* Safari */
}
.hotProduct ul li:nth-child(1),.hotProduct ul li:nth-child(3){
	border-right:solid 1px #e5e5e5;
}
.hotProduct ul li:nth-child(1),.hotProduct ul li:nth-child(2){
	border-bottom:solid 1px #e5e5e5;
}
.hotProduct ul li img{
	width:80%;
	margin:0 auto;
	display:block;
}
.hotProduct ul li h2{
	font-size:0.35rem;
	padding-top: 0.2rem;
}
.hotProduct ul li p{
	font-size:0.3rem;
}



.mindex-1{
	padding:0.4rem 0 0.4rem 0;
}
.mindex-1 img{
	width:100%;
}


/*产品列表页*/
.mProductList{
	padding-top:1.44rem;
	min-height:10rem;
}
.mProductList h2{
    font-size: 0.8rem;
    color: #565656;
    padding: 0.45rem;
	background-color:#fff;
}
.productItem{
	background-color:#fff;
    padding: 0.55rem 0.45rem 0.55rem 0.45rem;
}
.productItem:nth-of-type(odd){
	background-color:#f9f9f9;
}
.productItemName{
	font-size:0.5rem;
	color:#000;
}
.productItemModel{
	color:#666;
	font-size:0.4rem;
}
.productItemImg{
	text-align:center;
}
.productItemImg img{
	width:50%;
}

/*产品详情页*/
.productView{
	background:#fff;
	padding-top: 1.44rem;
}
.productName{
	color:#565656;
	font-size:1.2rem;
	text-align:center;
}
.productModel{
	color:#666666;
	font-size:0.6rem;
	text-align:center;
}
.productBanner{
	position: relative;
    width: 100%;
    overflow: hidden;
	padding-top:0.4rem;
}
.slide-img-product{
	overflow: hidden;
    text-align: center;
}
.slide-img-product img {
    width: 100%;
}
.swiper-pagination2 .swiper-pagination-bullet{
	width:0.3rem;
	height:0.3rem;
	background-color:#d1d1d1;
	border-radius:100%;
	box-shadow: 0 0 0 #fff;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.swiper-pagination2 .swiper-pagination-bullet-active{
	background-color:#009fe8;
}
.productDetail{
	padding-top:0.4rem;
}
.productDetail img{
	max-width:100%;
	display:block;
}
.productDetailTop{
	line-height:1.6rem;
	position:relative;
	width:100%;
	text-align:center;
	font-size:0.5rem;
	color:#848484;
}
.productDetailTop:after,.productDetailTop:before{
	content: '';
    display: block;
    position: absolute;
    width: 30%;
    right: 4%;
    top: 50%;
    height: 1px;
    background-color: #e5e5e5;
}
.productDetailTop:before{
	left:4%;
}
/*app下载页*/
.appDownBox{
	position:relative;
	padding-top:2rem;
	padding-bottom:1rem;
	background: -webkit-linear-gradient(left, #01e8cd, #2abaff);
    background: -moz-linear-gradient(left, #01e8cd, #2abaff);
    background: linear-gradient(left, #01e8cd, #2abaff);
}
.appDownBox-1{
	text-align:center;
	color:#fff;
}
.appDownBox-1 p:nth-child(1){
	font-size:1rem;
}
.appDownBox-1 p:nth-child(2){
	font-size:1rem;
}
.appDownBox-1 p:nth-child(3){
	font-size:2rem;
	margin-top:-1.4rem;
	margin-bottom:-0.2rem;
}
.appDownBox-2{
   text-align: center;
}
.appDownBox-2 img{
	width:60%;
}
.appDownBox-3{
	width:12%;
	top:0;
	position:absolute;
	right:12%;
}
.appDownBox-3 img{
	width:100%;
	display:block;
	margin-bottom:0.4rem;
}

.appDownBox-4{
	margin-top:0.6rem;
	font-size:0.6rem;
	padding-left:3%;
	color:#fff;
	text-shadow: rgba(0, 0, 0, 0.117647) 0px 2px 6px, rgba(0, 0, 0, 0.239216) 0px 1px 2px;
}
.appDownBox-5{
	margin-top:0.4rem;
}
.appDownBox-5 ul li{
	width:50%;
	float:left;
	text-align:center;
}
.appDownBox-5 ul li a{
	display:block;
}
.appDownBox-5 ul li a img{
	width:84%;
}
.appDownBox-5 ul li a p{
	font-size:0.4rem;
	color:#515151;
}

/*资讯部分*/
.mZxNav{
	padding-top:1.44rem;
	background-color:#fff;
	padding-bottom:0.2rem;
}
.mZxNav ul li{
	position: relative;
    float: left;
	line-height:1.4rem;
	padding:0 0.25rem 0 0.25rem;
}
.mZxNav ul{
	background-color:#f4f4f4;
}
.mZxNav ul li a{
	color:#424242;
	font-size:0.36rem;
	display:block;
}
.mZxNav ul li a.cur{
	color:#009fe8;
	border-bottom:solid 2px #009fe8;
}
.mzxBanner{
	background-color: #f4f4f4;
}
.mzxBanner img{
	width:100%;
	display:block;
}
.NewsList{
	background-color:#fff;
	min-height:6rem;
}
.NewsList ul{}
.NewsList ul li{
	background-color: #fff;
    margin-bottom: 0.2rem;
    padding: 0.3rem 0.4rem 0.3rem 0.4rem;
    position: relative;
    min-height: 3rem;
}
.NewsList ul li a{
	display:block;
}
.NewsListImg{
	width: 50%;
    height: 2.9rem;
    overflow: hidden;
    float: left;
    margin-top: 0.1rem;
    position: relative;
}
.NewsListImg img{
	position: absolute;
}
.NewsListRight{
	float: left;
    width: 47%;
    margin-left: 3%;
}
.NewsListTitle{
    padding-left: 0.2rem;
	font-size: 0.45rem;
    color: #222;
}
.NewsListInfo{
    margin: 0 0 0 2.4%;
    padding-top: 0.2rem;
}
.NewsListInfo p:nth-child(1){
	color: #a5a5a5;
    margin-right: 0.3rem;
    font-size: 0.3rem;
    float: left;
    background-image: url(/images/icon-time.png);
    background-repeat: no-repeat;
    background-size: 0.3rem auto;
    background-position: left center;
    text-indent: 0.4rem;
}
.NewsListInfo p:nth-child(2){
	color: #a5a5a5;
    font-size: 0.3rem;
    float: left;
    background-image: url(/images/icon-view.png);
    background-repeat: no-repeat;
    background-size: 0.45rem auto;
    background-position: left center;
    text-indent: 0.55rem;
}
/*文章详情*/
.newsBack{
	position:relative;
	background-color:#f4f4f4;
	padding:1.8rem 0.2rem 0.3rem 0.2rem;
	text-align:center;
}
.newsBack a{
	padding: 0.1rem 0.6rem 0 0.6rem;
    display: block;
    position: absolute;
    left: 0;
}
.newsBack a img{
	width:0.6rem;
}
.newsBack span{
	color:#424242;
	font-size:0.4rem;
}
.newsTitle{
	font-size:0.6rem;
	color:#343434;
	background-color:#fff;
	padding:0.2rem 5% 0 5%;
	font-weight:bold;
}
.newsInfo{
	background-color:#fff;
	padding:0.4rem 5% 0.4rem 5%;
}
.newsInfo ul li{
	float:left;
	color:#9b9b9b;
	font-size:0.35rem;
}
.newsInfo ul li:nth-child(1){
	margin-right:0.6rem;
}
.newsViewBox{
	padding:0.2rem 5% 1rem 5%;
	background-color:#fff;
	min-height:6rem;
}
.newsViewBox img{
	display:block;
	margin:0 auto;
	max-width:100%;
}

/*关于香山云*/
.mSscloud{
	padding-top:1.44rem;
}

.P1{
    width: 100%;
    overflow: hidden;
    background-color: #eef2f5;
    position: relative;
    z-index: 1;
}
.xsTitle{
    margin-bottom:0.2rem;
    color: #719dff;
	text-align:center;
    font-size: 0.8rem;
    padding-top: 1rem;
}
.P1Img{
    text-align: center;
    margin-top: 0.4rem;
}
.P1Img img{
    width: 100%;
    max-width: 1400px;
}
.p1-arrow{
	background: -webkit-linear-gradient(left, #bef0ff, #80afff);
    background: -moz-linear-gradient(left, #bef0ff, #80afff);
    background: linear-gradient(left, #bef0ff, #80afff);
}
.p1-arrow div{
    width: 0;
    height: 0;
    border-top: 0.8rem solid #eef2f5;
    border-left: 10rem solid transparent;	
}

.P2{
    position: relative;
    width: 100%;
    z-index: 2;
}

.P2List{
    position: relative;
    z-index: 2;
	padding:0.6rem 0 0.4rem 0;
	background: -webkit-linear-gradient(left, #bef0ff, #80afff);
    background: -moz-linear-gradient(left, #bef0ff, #80afff);
    background: linear-gradient(left, #bef0ff, #80afff);
}
.P2List ul{
}
.P2List ul li{
    width: 64%;
	margin:0 auto 0.6rem auto;
	padding-left:12%;
}

.P2Num{
    width: 1.2rem;
    height:1.2rem;
    line-height: 1.2rem;
    text-align: center;
    color: #fff;
    font-size: 0.6rem;
    background-color: #515151;
}
.P2Text{
    margin-top: -0.6rem;
    margin-left: 0.8rem;
}

.P2Text p:nth-child(1){
    color: #fff;
    font-size: 0.5rem;
    font-weight: bold;
    position: relative;
}
.P2Text p:nth-child(2){
    color: #4c4c4c;
    font-size: 0.35rem;
}
.P2Icon{
    margin: 10% 0 0 20%;
}
.P2Icon img{
	width:40%;
	margin-left: 5%;
}
.P2Num,.P2Text,.P2Icon{
    display:block;
}

.p2-arrow{
	background: -webkit-linear-gradient(left, #bef0ff, #80afff);
    background: -moz-linear-gradient(left, #bef0ff, #80afff);
    background: linear-gradient(left, #bef0ff, #80afff);
}
.p2-arrow div{
    width: 0;
    height: 0;
    border-top: 0.8rem solid transparent;
    border-left: 10rem solid transparent;	
}


.P3{
    position: relative;
    width: 100%;
    z-index: 3;
    top:-1.2rem;
    overflow: hidden;
}
.P3Bg{
    position: relative;
    top:0;
    width: 100%;
    z-index: 1;
    overflow: hidden;
}
.P3Bg img{
    width: 100%;
	display: block;
}
.P3Text{
    width: 40%;
    position: absolute;
    bottom: 16%;
    right:5%;
    z-index: 2;
}
.P3Text h2{
    font-size: 36px;
    font-weight: bold;
    color: #443b32;
}
.P3Text p{
    padding-top: 20px;
    font-size: 20px;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.117647) 0px 2px 6px, rgba(0, 0, 0, 0.239216) 0px 1px 2px;
}


.P4{
    position: relative;
    margin:-1.2rem auto 0 auto;
    z-index: 1;
	background-color:#fff;
	padding-bottom:1.5rem;
	overflow: hidden;
}
.P4-L{
    float: right;
    width: 47%;
	padding-top:10%;
	padding-right:3%;
}
.P4-L img{
	width:30%;
}
.P4-L h2{
    font-size: 0.5rem;
    color: #443b32;
    padding-top: 0.4rem;
    padding-bottom: 0.3rem;
}
.P4-L p{
    color: #5e5e5e;
    font-size: 0.35rem;
    line-height: 0.6rem;
    padding-bottom: 0.3rem;
}
.P4-L a{
    font-size: 0.35rem;
    color: #9b9b9b;
}
.P4-R{
    position: absolute;
    left:0;
    text-align: center;
    top: 5%;
	width:50%;
	display:none;
}
.P4-R img{
	width:90%;
}


.P5{
    position: relative;
    width: 100%;
    z-index: 1;
    overflow: hidden;
	top:-1rem;
}
.P5Bg{
    position: relative;
    top:0;
    width: 100%;
    z-index: 1;
    overflow: hidden;
}
.P5Bg img{
    width: 100%;
    display: block;
}

.P5Bg-B{
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display:block;
}
.P5Text{
    position: absolute;
    z-index: 3;
    right:10%;
    top:5%;
	left:5%;
    display: block;
}
.P5Text h2{
    font-size: 0.5rem;
    text-align: left;
    margin-bottom: 0.2rem;
    color: #111;
    font-weight: bold;
}
.P5Text p{
    font-size: 0.35rem;
    color: #fff;
    text-align: left;
    font-family: 微软雅黑;
    line-height: 0.6rem;
}



.P6{
    position: relative;
}
.P6 h2{
    text-align: center;
    font-size: 0.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.2rem;
    color: #443b32;
}
.P6 p{
	width:80%;
	margin:0 auto;
    text-align:left;
    font-size: 0.4rem;
    color: #5e5e5e;
}
.P6 ul{
    margin-top: -0.4rem;
}
.P6 ul li{
    text-align: center;
    width: 3.1rem;
    height: 3.1rem;
    float: left;
    margin: 3rem 0.1rem 1rem 0.1rem;
    border-radius: 50%;
    display: block;
}
.P6 ul li:nth-child(1){
    background-color: #ff734d;
}
.P6 ul li:nth-child(2){
    background-color: #ddd;
}
.P6 ul li:nth-child(3){
    background-color: #ff734d;
}


.P6 dl{
    position: absolute;
    top:0.6rem;
	width:100%;
}
.P6 dl dd{
    text-align: center;
    width: 3.3rem;
    height:3.3rem;
	float:left;
	-webkit-margin-start: 0;
	margin:3rem auto 3rem auto;
    border-radius: 50%;
    display:block;
}
.P6 dl dd img{
	width:90%;
}
.P6 dl dd:nth-child(2) img{
	width:100%;
}
.P6 dl dd:nth-child(1),.P6 dl dd:nth-child(3){
    margin-top: 40%;
}
.P6 dl dd:nth-child(2){
    margin-top: 3.4rem;
}

.P7{
    margin: 1rem auto 0 auto;
    position: relative;
	overflow:hidden;
}
.P7Bg{
    position: relative;
    top:0;
    width: 100%;
    z-index: 1;
    overflow: hidden;
}
.P7Bg img{
    width: 100%;
}
.P7Text{
    position: absolute;
    top:15%;
    left:3%;
	width: 50%;
    z-index: 3;
}
.P7Text h2{
    font-size: 0.5rem;
    color: #fff;
}
.P7Text p{
    color: #fff;
    font-size: 0.35rem;
    padding-top: 0.3rem;
}
.P7Icon{
    position: absolute;
    right: 3%;
    z-index: 2;
    width: 38%;
    top: 2%;
}
.P7Icon img{
    width: 100%;
}

.P8{
    padding: 0.6rem 0 0.8rem 0;
    overflow: hidden;
    background-color: #f9f9f9;
    background-image: url(../images/p8-bg.jpg);
    background-position: -26px 15px;
    background-size: auto 50%;
    background-repeat: no-repeat;
}
.P8-L{
    width: 50%;
    float: left;
	margin-top: 13%;
}
.P8-L img{
    display: block;
}
.P8-L h2{
    font-size: 0.5rem;
    color: #648dff;
    margin-bottom: 0.3rem;
	margin-left: 0.4rem;
}
.P8-L p{
    font-size: 0.35rem;
    color: #4f4f4f;
	padding: 0 0.2rem 0 0.4rem;
}
.P8-R{
	width:50%;
    float:right;
    z-index: 2;
    text-align: center;
	display:none;
}
.P8-R img{
    width: 90%;
}




.P9{
    margin: 0 auto;
    position: relative;
}
.P9Bg{
    position: relative;
    top:0;
    width: 100%;
    z-index: 1;
    overflow: hidden;
}
.P9Bg img{
    width: 100%;
    display: block;
}
.P9Text{
    width: 28%;
    right:10%;
    top:26%;
    z-index: 3;
    position: absolute;
}
.P9Text h2{
    font-size: 0.5rem;
    color: #fff;
    margin-bottom: 0.3rem;
}
.P9Text p{
    font-size: 0.35rem;
    color: #fff;
    line-height: 0.4rem;
}



.P10{
    margin: 0 auto;
    position: relative;
}
.P10Bg{
    position: relative;
    top:0;
    width: 100%;
    z-index: 1;
    overflow: hidden;
}
.P10bg img{
    width: 100%;
    display: block;
}
.P10Text{
    width: 100%;
    top:25%;
    z-index: 3;
    position: absolute;
}
.P10Text h2{
    color: #fff;
    font-size: 0.5rem;
    text-align: center;
    margin-bottom: 0.2rem;
}
.P10Text p{
    font-size: 0.2rem;
    text-align: center;
    color: #fff;
}
.P10Text a{
    width: 175px;
    height:60px;
    line-height: 60px;
    color: #fff;
    display: block;
    margin: 70px auto;
    text-align: center;
    font-size: 26px;
    border-radius: 6px;
    background: -webkit-linear-gradient(left, #93fcff, #578dff);
    transition: All .2s ease-in-out;
    -webkit-transition: All .2s ease-in-out;
    -moz-transition: All .2s ease-in-out;
    -o-transition: All .2s ease-in-out;
}
.P10Text a:hover{
    transition: All .2s ease-in-out;
    -webkit-transition: All .2s ease-in-out;
    -moz-transition: All .2s ease-in-out;
    -o-transition: All .2s ease-in-out;
    background: -webkit-linear-gradient(right, #93fcff, #578dff);
}




.P11{
    margin: 0 auto;
    position: relative;
	padding-bottom:160px;
}
.P11Bg{
    position: relative;
    top:0;
    width: 100%;
    z-index: 1;
    overflow: hidden;
}
.P11Bg img{
    width: 100%;
    display: block;
}
.P11-L{
    position: absolute;
    left:13%;
    top:-10%;
    z-index: 2;
    width: 30%;
}
.P11-L img{
    width: 100%;
    display: block;
}
.P11-R{
    position: absolute;
    right:13%;
    top:10%;
    z-index: 2;
}
.P11-R h2{
    font-size: 0.5rem;
    color: #39b2a9;
}
.P11-R .icon{
    margin-top: 50px;
}
.P11-R p{
    font-size: 0.35;
    color: #fff;
    margin-top: 50px;
    text-shadow: rgba(0, 0, 0, 0.117647) 0px 2px 6px, rgba(0, 0, 0, 0.239216) 0px 1px 2px;
}
.P11-R ul{
    margin-top: 40px;
}
.P11-R ul li{
    float: left;
    margin-right: 50px;
}
.P11-R ul li img{
    display: block;
}
.P11-R ul li span{
    font-size: 0.35;
    color: #515151;
}
.P11-R .icon,.P11-R ul{
    display: block;
}
.P11B{
	height:160px;
}














.AppDownload{
	width:100%;
	background-color:#fff;
	border-radius:0.2rem;
	box-shadow: 0 0px 12px rgba(0,0,0,0.1);	
	margin:0 auto;
	padding-bottom:0.3rem;
	margin-bottom:0.4rem;
}
.AppDownload h2{
	text-align:center;
	font-size:0.45rem;
	padding-top:0.4rem;
	color:#333;
}
.AppDownload p{
	text-align:center;
	color:#9b9b9b;
	font-size:0.4rem;
	padding:0.2rem 0 0.3rem 0;
}
.AppDownload img{
	width:100%;
}
.AppDownload .fontA{
	width:3rem;
	line-height:1.2rem;
	display:block;
	font-size:0.4rem;
	text-align:center;
	color:#767676;
	border:solid 1px #999;
	margin:0.3rem auto;
}


/*企业荣誉*/
.mCertificate{
	padding:5% 5% 5% 5%;
	background-color:#fff;
}
.mCertificate ul{
	margin-left:-10%;
}
.mCertificate ul figure{
	float:left;
	width:43%;
	display:block;
	margin: 0;
    padding: 0;
	margin-left:7%;
	margin-bottom:1rem;
}
.mCertificate ul figure img{
	width:80%;
	height:4.5rem;
	display:block;
	margin:0 auto;
	padding:5% 10% 5% 10%;
	border: solid 1px #cbcbcb;
}
.mCertificate ul p{
	text-align:center;
	font-size:0.35rem;
	padding-top:0.3rem;
}
.bottom{
	background-color:#fff;
	border-top:solid 1px #e5e5e5;
	padding:0.4rem 4% 0.2rem 4%;
}
.otherLink{
	border-bottom:1px solid #e5e5e5;
	padding-bottom:0.4rem;
}
.otherLink a{
	padding:0 0.4rem 0 0.4rem
}
.otherLink a img{
	width:0.6rem;
}
.bottomNav{
	padding-bottom:0.4rem;
}
.bottomNav a{
	display:block;
	line-height:1.2rem;
	color:#4e4e4e;
	font-size:0.45rem;
	padding-left:0.4rem;
	border-bottom:1px solid #e5e5e5;
	position:relative;
}
.bottomNav a i{
	position:absolute;
	width:0.4rem;
	height:0.4rem;
	right:0.4rem;
	top:50%;
	margin-top:-0.2rem;
}
.bottomNav a i img{
	width:100%;
	display:block;
}
.bottomContact{
	padding-bottom:0.2rem;
}
.bottomContact p:nth-child(1){
	color:#0084cd;
	padding:0.2rem 0 0.2rem 0;
	font-size:0.45rem;
}
.bottomContact p:nth-child(2){
	color:#606060;
	font-size:0.35rem;
}
.bottomContact p:nth-child(3){
	color:#afafaf;
	font-size:0.3rem;
}








.slide-mask {
    position: absolute;
    z-index: 900;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    display: none;
}
.mPage{
	text-align:center;
	padding:0.4rem 0 0.4rem 0;
}
.mPage a{
	color:#424242;
	font-size:0.8rem;
	padding:0 0.5rem 0 0.5rem;
}
.mPage a.cur{
	color:#909090;
}
.pageprv{
	display:none;
}


.loader{
	width:1.6rem;
	display:none;
	position:absolute;
    left:50%;
	margin-left:-0.8rem;
	top:40%;
}
.loader div{
	background-color: #2C8DFB;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block;
}
.loader > div:nth-child(1) {
    -webkit-animation: ball-pulse-sync 0.6s 0.07s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s 0.07s infinite ease-in-out;
}
.loader > div:nth-child(2) {
    -webkit-animation: ball-pulse-sync 0.6s 0.14s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s 0.14s infinite ease-in-out;
}
.loader > div:nth-child(3) {
    -webkit-animation: ball-pulse-sync 0.6s 0.21s infinite ease-in-out;
    animation: ball-pulse-sync 0.6s 0.21s infinite ease-in-out;
}

@keyframes ball-pulse-sync{
   
    33% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
66% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
   
}