@charset "utf-8";

/*creator: 1852425988*/

@font-face {
	font-family: 'Montserrat-Local';
	font-style: normal;
	font-weight: 400;
	src: url('css/fonts/montserrat-v12-latin-500.eot');
	src: url('css/fonts/montserrat-v12-latin-500.eot?#iefix') format('embedded-opentype'),
		 url('css/fonts/montserrat-v12-latin-500.woff2') format('woff2'),
		 url('css/fonts/montserrat-v12-latin-500.woff') format('woff'),
		 url('css/fonts/montserrat-v12-latin-500.ttf') format('truetype');
}
@font-face {
	font-family: 'Montserrat-Local';
	font-style: normal;
	font-weight: 700;
	src: url('css/fonts/montserrat-v12-latin-600.eot');
	src: url('css/fonts/montserrat-v12-latin-600.eot?#iefix') format('embedded-opentype'),
		 url('css/fonts/montserrat-v12-latin-600.woff2') format('woff2'),
		 url('css/fonts/montserrat-v12-latin-600.woff') format('woff'),
		 url('css/fonts/montserrat-v12-latin-600.ttf') format('truetype');
}

/* 属性重置 ====================================================================================================================== */
html,body,p,input,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,figure,svg{
	margin: 0;
	padding: 0;
}

body,li,a,div,nav,header,footer,section,span,p,article,ol,ul,dl,dt,dd,figure,figcaption,form,input,textarea,em,h1,h2,h3,h4,h5,h6,i,img,tr,td,th,table,tbody,thead,:after,:before{
	box-sizing: border-box;
}

:before{
	font-weight: normal !important;
}
input[type=text]::-ms-clear,
input[type=text]::-ms-reveal{
	display: none;
	width: 0;
	height: 0;
}
textarea,input,a,div,img,button,select,i,li{
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a{
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	text-decoration: none;

}
img{
	max-width: 100%;
	outline: none;
	border: none;
}
textarea,input {
	border: 1px solid;
	max-width: 100%;
	vertical-align: top;
	background: transparent;
	font-size: 1rem;
	transition: all 0.3s;
}
input[type='submit'],
button {
	cursor: pointer;
	border: none;
}
html{
	font-size: 18px;
}
body,
input{
	font-family: 'Hiragino Sans GB','Montserrat-Local','微软雅黑';/**/
}
body{
	min-width: 1200px;
}
body{
	color: #333;
}
a{
	color: #333;
}
.h{
	color: #0e0e0e;
}
h3,h4,h5,h6{
	line-height: 1.7;
}
h1{font-size: 48px;}
h2{font-size: 36px;}
h3{font-size: 30px;}
h4{font-size: 24px;}
h5{font-size: 20px;}
h6{font-size: 18px;}

li{list-style-type: none;}

/* 共用元素 ====================================================================================================================== */

a.full{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: transparent;
	opacity: 0;
	z-index: 99;
}
body.ie a.full{
	background: #000;
	filter:alpha(opacity=0);
}
/*goto-top */
body.ie8 .go-top{
	display: none !important;
}
.go-top{
	position: fixed;
	width: 40px;
	height: 40px;
	right: 40px;
	bottom: 30px;
	cursor: pointer;
	background-color: rgba(40,50,60,.5);
	border-radius: 40px;
	opacity: 0;
	transition: all 0.3s;
	pointer-events: none;
	z-index: 3;
}

.go-top:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	background-image: url(images/go-top.png);
	width: 100%;
	height: 100%;
	z-index: 9;
}

.go-top.show {
	bottom: 40px;
	pointer-events: auto;
	opacity: 1;
}
.go-top:hover{
	background-color: #2e7be7;
}

.section{
	position: relative;
	margin-bottom:100px;
}
.section > .wrap,
.header > .wrap,
.footer > .wrap{
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
	font-size: 0;
	z-index: 2;
}
.section > .wrap{
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 4px 4px 50px rgba(0,0,0,.05),10px 10px 30px rgba(0,0,0,.01);
}
body.ie8 .section > .wrap{
	border:1px solid #e0e0e0;
}

.section .item{
	font-size: 18px;
}

.section > .wrap:after,
.cf:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
}

/*头部 --------------------------------------------------------------------------------------- */

.header{
	position: relative;
	height: 720px;
	padding-top: 30px;
}
.header .bg{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(/a-images/banner.jpg);
}
.header.sub{
	height: 450px;
}
.header.sub .bg{
	background-image: url(/a-images/banner-neiye.jpg);
}

@media (min-width: 1921px){
	.header .bg{
		background-image: url(/a-images/banner-large.jpg);
	}
	.header.sub .bg{
		background-image: url(/a-images/banner-neiye-large.jpg);
	}
}

.header.sub .text{
	margin-top: 86px;
	text-align: center;
}
.header.sub .text h4{
	margin-top: 15px;
	color: #666;
}

.header .logo{
	display: inline-block;
}

.nav{
	float: right;
	padding: 14px 0;
}
.nav li{
	position: relative;
	display: inline-block;
	vertical-align: top;
	line-height: 40px;
	font-size: 18px;
	margin-left: 40px;
}
.nav a{
	display: block;
}
.nav li:after{
	position: absolute;
	content: '';
	height: 2px;
	width: 0;
	right: 0;
	top: 90%;
	background-color: #2e7be7;
	transition: all 0.2s;
}
.nav li:hover:after,
.nav li.current:after{
	width: 100%;
	right: auto;
	left: 0;
}


/*克隆导航*/

/*克隆导航*/
.header-clone{
	position: fixed;
	width: 100%;height: 80px;
	left: 0;top: -80px;
	background: #fff;
	background: rgba(255, 255, 255, 0.92);
	transition: top 0.5s;
	text-align: right;
	box-shadow: 0 0 30px rgba(0,0,0,.05);
	z-index: 99;
}
.header-clone.show{
	top: 0;
}

.header-clone > .wrap{
	position: relative;
	max-width: 1200px;
	margin: auto;
}
.header-clone img.slogan{
	display: none;
}
.header-clone .logo{
	position: absolute;
	left: 0;top: 0;
	height: 80px;
	line-height: 80px;
	z-index: 4;
}
.header-clone .logo img{
	height: 60%;
	vertical-align: middle;
}
.header-clone .nav{
	padding: 0;
	padding-top: 25px;
}
.header-clone .nav li{
	line-height: 30px;
	display: inline-block;
	margin-left:40px;
}
.header-clone .nav a{
	font-size: 18px;
}




/*首页软件信息*/
.main-app-intro{
	margin-top: -130px;
}
.main-app-intro .row.nth-1 > *{
	display: inline-block;
	vertical-align: middle;
}
.main-app-intro .row.nth-1 h4{
	position: relative;
	top: 5px;
	padding: 0 50px;
	width: 61%;
	line-height: 1.8;
}
.main-app-intro .row.nth-1 .btn-download{
	width: 39%;
}

.btn-download{
	position: relative;
	display: inline-block;
	background-color: #fc7721;
	overflow: hidden;
	border-radius: 5px;
}
.btn-download:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	right: 100%;
	top: 0;
	opacity: 0;
	background: linear-gradient(to left,transparent,#febb39);
	transition: all 0.4s linear;
}
.btn-download:hover:after{
	right: -100%;
	background: linear-gradient(to right,transparent,#febb39);
	opacity: 1;
	transition: all 0.6s linear,opacity 0.2s;
}
body.ie8 .btn-download:hover{
	background: #fe8a3f;
}



.btn-download span{
	display: block;
	font-size: 18px;
	line-height: 1;
	padding-top: 8px;
}
.btn-download span:after{
	content: '';
	display: inline-block;
	width: 27px;
	height: 18px;
	margin-left:6px;
	background-image: url(/a-images/xiazai-bai.png);
}

.btn-download .h{
	line-height: 1;
}
.btn-download *{
	color: #fff;
}
.btn-download.size-l{
	height: 120px;
}
.btn-download i{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	z-index: 2;
}
.btn-download.size-l i{
	width: 120px;
	height: 120px;
	background-image: url(/a-images/pingguo-bai.png);
	background-position: 60% center;
}
.btn-download.size-m i{
	width: 86px;
	height: 86px;
	background-image: url(/a-images/pingguo-xiao.png);
	background-position: center;
}
.btn-download.size-m h3{
	line-height: 86px;
}
.btn-download.size-m h3:after,
.btn-download.size-s h3:after{
	content: '';
	display: inline-block;
	vertical-align: top;
	margin-left: 30px;
	width: 86px;
	height: 86px;
	background-image: url(/a-images/xiazai-da.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: #ff8b40;
	background-color: rgba(255,255,255,.15);
	border-radius: 5px;
}
.btn-download.size-s h3:after{
	margin-left:20px;
	width: 50px;
	height: 50px;
	background-image: url(/a-images/neiye-icon-xiazai.png);
}


.btn-download .text{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	z-index: 2;
}


.main-app-intro .row.nth-2{
	padding: 50px;
}
body.ie .main-app-intro .row.nth-2 .item{
	float: left;
	width: 20%;
}
body:not(.ie) .main-app-intro .row.nth-2{
	display: flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -webkit-flex;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
}
body:not(.ie) .main-app-intro .row.nth-2:after{
	display: none;
}
.main-app-intro .row.nth-2 .line{
	width: 1px;
	background:#eee;
}

.main-app-intro .row.nth-2 li{
	margin-bottom: 20px;
	line-height: 24px;
}
.main-app-intro .row.nth-2 li.last{
	margin-bottom: 0;
}

.main-app-intro li i{
	display: inline-block;
	vertical-align: top;
	width: 26px;
	height: 24px;
	margin-right: 10px;
	background-repeat: no-repeat;
	background-image: url(/a-images/icon-weixin.png);
}
.main-app-intro li.icon-2 i{
	background-image: url(/a-images/icon-qq.png);
}
.main-app-intro li.icon-3 i{
	background-image: url(/a-images/icon-whatsapp.png);
}
.main-app-intro li.icon-4 i{
	background-image: url(/a-images/icon-safari.png);
}
.main-app-intro li.icon-5 i{
	background-image: url(/a-images/icon-beiwanglu.png);
}
.main-app-intro li.icon-6 i{
	background-image: url(/a-images/icon-tongxunlu.png);
}
.main-app-intro li.icon-7 i{
	background-image: url(/a-images/icon-tonghuajilu.png);
}
.main-app-intro li.icon-8 i{
	background-image: url(/a-images/icon-duanxin.png);
}
.main-app-intro li.icon-9 i{
	background-image: url(/a-images/icon-tixing.png);
}
.main-app-intro li.icon-10 i{
	background-image: url(/a-images/icon-rili.png);
}
.main-app-intro li.icon-11 i{
	background-image: url(/a-images/icon-tupian.png);
}
.main-app-intro li.icon-12 i{
	background-image: url(/a-images/icon-shipin.png);
}
.main-app-intro li.icon-13 i{
	background-image: url(/a-images/icon-wendang.png);
}


.section-title{
	max-width: 1200px;
	text-align: center;
	margin: auto;
	padding-bottom: 60px;
}
.h b{
	color: #2e7be7;
}
.section-title p{
	margin-top:10px;
	color: #666;
}

.section-support{
	margin-top: 120px;
}
.section-support > .wrap{
	padding: 50px 0 50px 50px;
	display: flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -webkit-flex;
}
.section-support .item{
	float: left;
	width: 25%;
	border-left:1px solid #eee;
	padding: 0 0 0 65px;
}
.section-support .item.nth-1{
	width: 50%;
	font-size: 0;
	border:none;
	padding: 0 40px 0 0;
}
.section-support .item li{
	display: inline-block;
	margin: 0 15px 22px 0;
	background:#f7f7f7;
	padding: 0 15px;
	line-height: 42px;
	font-size: 18px;
}

.section-support .item h4{
	position: relative;
	display: inline-block;
	padding: 0 0 10px 0;
	margin: 0 0 60px 48px;
	border-bottom: 2px solid #333;
	line-height: 1;
}
.section-support .item h4:before{
	content: '';
	position: absolute;
	left: -48px;
	top: -3px;
	width: 34px;
	height: 41px;
	background-image: url(/a-images/icon-iphone.png);
}
.section-support .item.nth-2 h4:before{
	background-image: url(/a-images/icon-ipad.png);
}
.section-support .item.nth-3 h4:before{
	background-image: url(/a-images/icon-ipod.png);
}
.section-support{
	margin-bottom:160px;
}
.section-support .bg{
	position: absolute;
	width: 100%;
	height: 600px;
	top: 100%;
	left: 0;
	margin-top: -50px;
	background-image: url(/a-images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}




.section-video .wrap{
	overflow: hidden;
}
.section-video .item.nth-1{
	position: relative;
	font-size: 0;
}
.section-video .item.nth-1 .col.nth-1{
	float: left;
	width: 300px;
	padding: 50px;
	font-size: 18px;
}
.section-video .item.nth-1 .col.nth-2{
	float: right;
	width: 896px;
}

.section-video .item.nth-1 .col.nth-1 i{
	display: block;
	width: 72px;
	height: 87px;
	margin-top: 20px;
	background-repeat: no-repeat;
	background-image: url(/a-images/caozuo.png);
}
.section-video .item.nth-1 .col.nth-1 h3{
	margin:45px 0 22px 0;
	line-height: 1;
}
.section-video .item.nth-1 .col.nth-1 h4{
	margin-top:60px;
	line-height: 40px;
	color: #666;
}
.section-video .item.nth-1 .col.nth-1 h4:before{
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 40px;
	height: 40px;
	margin-right:10px;
	background-image: url(/a-images/num.png);
	background-repeat: no-repeat;
}
.section-video  h4.num-02:before{
	background-position: 0 -40px;
}
.section-video  h4.num-03:before{
	background-position: 0 -80px;
}
.section-video .item.nth-2{
	text-align: right;
}
.section-video .item.nth-2 > h3{
	float: left;
	line-height: 86px;
}
.section-video .item.nth-2 > h3 span{
	color: #777;
}


.section-video .item.nth-2{
	padding: 50px;
	box-shadow: 0 0 10px rgba(0,0,0,.05);
}
body.ie8 .section-video .item.nth-2{
	border-top: 1px solid #eee;
}

.section-video .item.nth-1 .col.nth-1 .row.nth-2{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 50px;
}

.video-wrap{
	position: relative;
	padding-top: 75%;
}

.video-wrap video,
.video-wrap img{
	position: absolute;
	left: 0;top: 0;
	width: 100%;
	height: 100%;
	height: auto;
}
.video-wrap video{
	height: auto;
	z-index: 2;
}





/*服务联系方式*/
.section-service .wrap{
	background:transparent;
	box-shadow: none;
}
.section-service .title{
	position: absolute;
	left: 50px;
	top: 50%;
	margin-top: -32px;
	font-size: 30px;
	font-weight: 700;
	width: 64px;
	height: 64px;
	line-height: 1;
}
.section-service .item{
	position: relative;
	float: left;
	padding-left: 140px;
	width: 41%;
	height: 160px;
	border:1px solid #eee;
}
.section-service .item.last{
	border-left: none;
	width: 59%;
}
.section-service .inner-wrap{
	display: inline-block;
	vertical-align: middle;
	width: 98%;
}
.section-service .item:after{
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0;
}
.section-service h2{
	line-height: 1;
}
.section-service p{
	margin-top:8px;
}
a.btn.normal{
	position: absolute;
	display: inline-block;
	right: 50px;
	top: 50%;
	margin-top: -30px;
	padding: 0 25px;
	font-size: 24px;
	color: #fff;
	background:#2e7be7;
	border-radius: 50px;
	font-weight: 700;
	height: 60px;
	line-height: 60px;
	transition: all 0.3s;
}
a.btn.normal:hover{
	background: #3092ec;
}

.section-service{
	margin-bottom:160px;
}

.section-safe{
	margin-bottom:160px;
}
.section-safe .wrap{
	padding: 40px 20px;
}
.safe-list > div{
	width: 16.6666%;
	float: left;
	font-size: 24px;
	text-align: center;
}
.safe-list img{
	margin-bottom: 15px;
}





/*内页元素*/
.section-boxed{
	margin-top:20px;
}
.section-boxed > .wrap{
	padding:50px;
	max-width: 900px;
}
.title.style-01{
	text-align: center;
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #eee;
}
.title.border-off{
	padding-bottom: 0;
	border-bottom: none;
}


.text-area{
	font-size: 18px;
	line-height: 2;
	white-space: pre-line;
}
.text-area img{
	display: block;
	max-width: 100%;
	margin: auto;
}
.text-area a{
	color:#2e7be7;
	transition: all 0.2s;
}
.text-area a:hover{
	color:#0758ca;
}
.text-area a.btn{
	display: inline-block;
	vertical-align: middle;
	background: #2e7be7;
	line-height: 36px;
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	padding:0 15px;
	margin:0 10px;
	border-radius: 4px;
}
.text-area a.btn:hover{
	opacity: 0.9;
}


.download-info{
	position: relative;
	margin-top:40px;
	white-space: normal;
	line-height: 1.8;
	background: #f7f7f7;
	padding:36px;
}
.download-info dt{
	font-weight: 700;
	line-height: 26px;
	margin-bottom:10px;
}
.download-info dd + dt{
	margin-top:30px;
}
.download-info .btn-download{
	position: absolute;
	right: 40px;
	bottom: 40px;
}

.btn-download.size-s{
	height: 50px;
	padding-left: 20px;
	border-radius: 5px;
	overflow: hidden;
}
.btn-download.size-s h3{
	font-size: 24px;
	line-height: 50px;
}

.download-info dt:before{
	content: '';
	display: inline-block;
	vertical-align: top;
	margin-right:8px;
	width: 26px;
	height: 26px;
	background-image: url(/a-images/neiye-icon.png);
	background-position: center;
	background-repeat: no-repeat;
}



.text-list li{
	font-size: 18px;
	line-height: 24px;
	border:1px solid #eee;
	border-bottom: none;
	transition: all 0.3s;
}
.text-list li:last-child{
	border-bottom:1px solid #eee;
}
.text-list li:hover{
	background: #fafafa;
}
.text-list li a{
	display: block;
	padding: 18px 44px;
}



.about-info {
	margin-top:40px;
	font-size: 18px;
	margin-left:-16px;
	margin-right: -16px;
}
.about-info .item{
	position: relative;
	float: left;
	width: 50%;
	padding: 42px 64px;
	
}
.about-info .item dt,
.about-info .item dd{
	position: relative;
	z-index: 2;
}
.about-info .item:after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 16px;
	background: #f7f7f7;
	border-radius: 5px;
}
.about-info .item dt{
	line-height: 26px;
}
.about-info .item dd{
	font-weight: 700;
	margin-top:8px;
}
.about-info dt i{
	content: '';
	display: inline-block;
	vertical-align: top;
	margin-right:8px;
	width: 26px;
	height: 26px;
	background-image: url(/a-images/neiye-icon-web.png);
	background-position: center;
	background-repeat: no-repeat;
}
.about-info i.icon-2{
	background-image: url(/a-images/neiye-icon-dianhua.png);
}
.about-info i.icon-3{
	background-image: url(/a-images/neiye-icon-qq.png);
}
.about-info i.icon-4{
	background-image: url(/a-images/neiye-icon-youxiang.png);
}
.about-info dd a{
	color: #2e7be7;
}
.about-info dd a:hover{
	text-decoration: underline;
}



/*页尾 ----------------------------------------------------------------- */

.footer{
	padding-top:50px;
	color: #666;
	background: #f7f7f7;
}
.footer .h{
	color: #666;
}

.logo-footer{
	position: relative;
}
.logo-footer p{
	position: absolute;
	right: 50px;
	top: 50%;
	margin-top: -30px;
	padding: 0 35px;
	font-size: 36px;
	color: #fff;
	background:#2e7be7;
	border-radius: 50px;
	font-weight: 700;
	line-height: 72px;
}

.footer .item{
	position: relative;
	width: 30%;
	float: left;
	padding: 100px 0 70px;
	font-size: 18px;
}

.footer .item.nth-1{
	width: 45%;
}
.footer .item.nth-3{
	width: auto;
	float: right;
}
.footer .item .h{
	line-height: 1;
}
.footer .item h4{
	margin-bottom: 30px;
}

.footer .item h3{
	position: relative;
	height: 42px;
}
.footer .item .btn{
	position: relative;
	line-height: 42px;
	height: 42px;
	font-size: 18px;
	margin: 0 0 0 30px;
	right: auto;
	top: -5px;
}


.copyright{
	font-size: 18px;
	text-align: center;
	line-height: 64px;
	background:#eee;
}
.copyright img{
	vertical-align: middle;
	margin-right:10px;
}