html,body{ width:100%; font-family:"思源黑体 CN Normal";height:100%; font-family:"思源黑体 CN Normal" !important;}
html,body,h1,h2,h3,h4,h5,p,ul,li,dl,dd{padding:0; margin:0;}
h1,h2,h3,h4,h5{ font-weight:normal;}
li{ list-style:none;}
a{ text-decoration:none;}
i{ display:inline-block;}
input,select{ font-family:"思源黑体 CN Normal";}


.header{ width:100%; height:60px; background:rgba(0,0,0,0.3); position:fixed; left:0; top:0; z-index:999;}
.header .nav{ width:1000px; height:60px; margin:0 auto; text-align:center; position:relative; font-size:16px;}
.header .nav a{ display:inline-block; color:#fff;}
.header .nav a.logo{width:105px; height:60px; background:url(http://www-10041141.file.myqcloud.com/logo_310x75.png) center no-repeat; position:absolute; left:0; top:0;background-size: 105px 24px;}
.header .nav ul{ display:inline-block; padding:10px 0;}
.header .nav ul li{ float:left; line-height:40px; color:#fff; position:relative;}
.header .nav ul li a{ padding:0 15px;}
.header .nav ul li a i{ width:16px; height:9px; background:url(http://www-10041141.file.myqcloud.com/icon_more.png) no-repeat; margin-left:5px; vertical-align:middle;}
.header .nav ul li a:hover{ color:#00A0E9;}
.header .nav ul li a:hover i{ background-image:url(http://www-10041141.file.myqcloud.com/icon_more_orange.png);}
.header .nav ul li a.on{ color:#00A0E9;}
.header .nav ul li a.on i{ background-image:url(http://www-10041141.file.myqcloud.com/icon_more_orange.png);}
.header .nav ul li div{ position:absolute; top:31px; left:5px; min-width:130px; display:none;}
.header .nav ul li ul{ background:rgba(0,0,0,0.3); margin-top:20px;}
.header .nav ul li ul li{ font-size:14px;}
.header .nav ul li:hover div{ display:block;}
.header .nav .loginbar{ position:absolute; right:0; top:0;}
.header .nav .loginbar a{ /*width:58px;*/ height:28px; padding: 0 12px; border-radius:15px; text-align:center; line-height:28px; margin-top:15px;}
.header .nav .loginbar a.login{ border:1px solid #fff;}
.header .nav button{ width:40px; height:40px; border:0; background-color:transparent; position:absolute; top:10px; right:10px; background:url(http://www-10041141.file.myqcloud.com/index_list.png) center no-repeat; background-size:20px 20px; display:none;}


.section{ width:100%; height:100%;
    transition:-webkit-transform 1s ease;
    -webkit-transition:-webkit-transform 1s ease;
    -moz-transition:-moz-transform 1s ease;
    -o-transition:-o-transform 1s ease;
    -ms-transition:-o-transform 1s ease;
}
.section .page{ width:100%; height:100%;}
.section .page .content{ width:1000px; margin:0 auto; text-align:center;}
.section .page .content h1{ font-size:24px; color:#00A0E9; line-height:42px;}
.section .page .content h1 span{ /*font-size:20px; color:#999; font-family:Georgia;*/ color:#6f6f6f; font-family:Courier New}

/*index page1*/
.section .page0{ background:url(http://www-10041141.file.myqcloud.com/index-banner3.jpg) center no-repeat;background-size: cover}
/*.section .page0{ background-color:#333333;}*/
.section .page0 .m-content{ width: 100%; height: 100%; background: url("http://www-10041141.file.myqcloud.com/index-bgicon2.png") center no-repeat; background-size: 1341px 747px;}
.section .page0 .content{ width: 1200px; margin: 0 auto; text-align: center;}
.section .page0 .content .img{ width:100%; height: 125px; background: url("http://www-10041141.file.myqcloud.com/index-words.png") center no-repeat; background-size: 874px 125px; margin-bottom: 100px;}
.section .page0 .content a{ width: 160px; height: 48px; display: inline-block; border: 1px solid #fff; font-size: 20px; color: #fff; border-radius: 48px; text-align: center; line-height: 48px; margin-top: 0px;}

/*new index page1*/
.section .page1{ background:url(http://www-10041141.file.myqcloud.com/banner.jpg) center no-repeat;background-size: cover}
.section .page1 .content{ color:#fff;}
.section .page1 .content .left{float: left; margin-top: 120px; width: 60%;}
.section .page1 .content .left h1{ color:#fff; font-size: 36px;float:right;height: 50px;line-height: 50px;margin-bottom: 45px;text-align: left;}
.section .page1 .content .left h1 b{ color:#fff; font-weight: 100;}
.section .page1 .content .left h1 b.color{ color:#00A0E9;}
.section .page1 .content .left .down{  margin-top: 14px; float:right;text-align: left;}
.section .page1 .content .left .down p{height: 50px;display: inline-block;}
.section .page1 .content .left .down p img{height: 50px;}
.section .page1 .content .left .down .logo{border-right: 1px solid #fff;padding-right: 10px; float: left;}
.section .page1 .content .left .down .pay{height: 50px;margin-left: 37px; float: left; font-size: 26px; line-height: 50px; font-weight: 100;}
.section .page1 .content .left .down a{display:inline-block;margin-top: 40px;background-color:#36393f ;outline:none; width: 180px; height:50px;font-size: 22px;font-weight:200;color:#00A0E9;border:1px solid #ffffff;border-radius: 5px;background-color: rgba(0,0,0,0.1); text-align: center; line-height: 50px;}
.section .page1 .content .left .down a:active{border-color: #00A0E9}
.section .page1 .content .right{float: right;margin-top: 0px;max-width: 340px;max-height: 620px;height: 80%;}


/*index page2*/
.section .page2 .content{padding-top:200px;}
.section .page2 .content .column{ width:196px; border:1px solid #00A0E9;    margin: 35px 1px 0px 105px;padding:20px 0; min-height:300px; float:left; text-align:center;
transition:all 0.2s linear 0s;
-webkit-transition:all 0.2s linear 0s;
-moz-transition:all 0.2s linear 0s;
-o-transition:all 0.2s linear 0s;
-ms-transition:all 0.2s linear 0s;
}
.section .page2 .content .column:hover{ box-shadow:0px 0px 10px #65c9f2; /*border:1px solid #00A0E9;*/}
.section .page2 .content .column h4{ font-size:16px; line-height:100px; color:#4A4A4A;}
.section .page2 .content .column img{ height:80px; margin:15px 0;}
.section .page2 .content .column p{ height:60px; font-size:14px; color:#999; line-height:20px;}
.section .page2 .content .column a{ line-height:80px; font-size:14px; color:#00A0E9;/* font-family:"黑体";*/}
.section .page2 .content .column a.not{ color:#888;}

/*index page3*/
.section .page3{background:url(http://www-10041141.file.myqcloud.com/img_bg_keyboard.jpg) center no-repeat #FAFAFA;}
.section .page3 .content{padding-top:250px;}
.section .page3 .content .users{ padding:80px 0px 0;}
.section .page3 .content .users span{ display:inline-block; width:300px; height:32px; text-align:left; float:left; margin:20px 0;}
.section .page3 .content .users span:nth-child(4n){ width:100px; text-align:right;}
.section .page3 .content .users span.nth4{ width:100px; text-align:right;}
.section .page3 .content .users span img{ height:100%;}

/*index page4*/
.section .page4 .content{padding-top:180px;}
.section .page4 .content dl{ padding:25px 80px 0; width:336px; float:left;}
.section .page4 .content dl:nth-child(2n+1){ float:right;}
.section .page4 .content dl dt{ font-size:16px; line-height:36px;}
.section .page4 .content dl dt i{ display:inline-block; width:80px; height:80px; background:url(http://www-10041141.file.myqcloud.com/icon_efficiency.png) no-repeat; margin-bottom: 15px;}
.section .page4 .content dl dd{ font-size:14px; color:#9F9F9F;}
.section .page4 .content dl dd a{ font-size:12px; color:#00A0E9; line-height:36px;}
.section .page4 .content dl.stable dt i{ background-image:url(http://www-10041141.file.myqcloud.com/icon_stable.png);}
.section .page4 .content dl.safety dt i{ background-image:url(http://www-10041141.file.myqcloud.com/icon_safety.png);}
.section .page4 .content dl.fast dt i{ background-image:url(http://www-10041141.file.myqcloud.com/icon_fast.png);}

/*index page5*/
.section .page5{background:url(http://www-10041141.file.myqcloud.com/img_bg_ipad.png) center no-repeat #FAFAFA;}
.section .page5 .content{padding-top:200px;}
.section .page5 .content .users{ padding:50px 2px 0;}
.section .page5 .content .users span{ display:inline-block; width:166px; height:70px; text-align:center; float:left; margin:20px 0;
    /*transition:all 2s ease;*/
    /*-webkit-transition:all 2s ease;*/
    /*-moz-transition:all 2s ease;*/
    /*-o-transition:all 2s ease;*/
    /*-ms-transition:all 2s ease;*/
    transform:rotateY(90deg);
    -webkit-transform:rotateY(90deg);
    -moz-transform:rotateY(90deg);
    -o-transform:rotateY(90deg);
    -ms-transform:rotateY(90deg);
/*background:url(http://www-10041141.file.myqcloud.com/icon_cjbg.png) center no-repeat; background-size:contain;*/
}
.section .page5 .content .users span a{ width: 100%; height: 100%; display: block;}
.section .page5 .content .users span img{ height:100%; border-radius: 10px;}

/*index page6*/
.section .page6{ position:relative;}
.section .page6 .content{padding:150px 0 50px;}
.section .page6 .content .con{ width:45%; float:left; padding:1%; color:#6f6f6f; font-size:14px;}
.section .page6 .content .con ul{ padding:20px 0 0 30px;}
.section .page6 .content .con ul li{ text-align:left; position:relative; margin:20px; line-height:22px;}
.section .page6 .content .con ul li p{ padding-bottom:15px;}
.section .page6 .content .con ul li:before{ content:""; width:60px; height:25px; background:url(http://www-10041141.file.myqcloud.com/icon_tel.png) left center no-repeat; position:absolute; left:-35px; top:0; display:inline-block;}
.section .page6 .content .con ul li.email:before{ background-image:url(http://www-10041141.file.myqcloud.com/icon_email.png);}
.section .page6 .content .con ul li.address:before{ background-image:url(http://www-10041141.file.myqcloud.com/icon_address.png);}
.section .page6 .content .left{ border-right:1px solid #00A0E9;}
.section .page6 .content .right{ width:47%;}
.section .page6 .content .right div.search{ padding:60px 0;}
.section .page6 .content .right div.search input{ width:50%; height:36px; padding:0 5px; border:2px solid #00A0E9; border-radius:4px; text-align:center; outline:none; vertical-align:middle; line-height:36px;}
.section .page6 .content .right div.search input::-webkit-input-placeholder{ color:#00A0E9; font-size:14px;}
.section .page6 .content .right div.search button{ width:60px; height:40px; border:0; color:#fff; font-size:14px; margin-left:20px; background-color:#00A0E9; border-radius:4px; vertical-align:middle;}
.section .page6 .content .right p{ padding:10px 50px;}
.section .page6 .content .right a{ display: inline-block; width: 140px; height: 40px; color: #fff; line-height: 40px; background-color: #00A0E9; border-radius: 4px; margin: 60px 0;}

.section .page6 .footer{ width:100%; height:20%; min-height:240px; background:url(http://www-10041141.file.myqcloud.com/footer_bg2.jpg) center no-repeat; position:absolute; left:0; bottom:0;}
.section .page6 .footer .con{ width:1000px; margin:0 auto; padding-top:2%; color:#fff;}
.section .page6 .footer .con dl{ width:20%; float:left;}
.section .page6 .footer .con dl dt{ font-size:16px; line-height:50px;}
.section .page6 .footer .con dl dd{ font-size:14px; line-height:24px; color:#ccc;}
.section .page6 .footer .con dl dd a{ color:#ccc;}
.section .page6 .footer .con dl dd a:hover{ color:#fff;}
.section .page6 .footer .con .qrcode{ width:20%; padding:10px 0; margin:0 auto; text-align:center; line-height: 16px; font-size: 14px;}
.section .page6 .footer .con .qrcode img{ max-width:90%; height: 100px; margin-bottom: 5px;}
.section .page6 .footer .con p{ text-align:center; margin-top:1%; font-size:14px;}


/*切换小图标*/
.sub_none {display:none;}
.tag-list{ width:25px; position:fixed; top:350px; right:40px; /*background:rgba(255,105,44,0.25);*/}
.tag-list ul{ width:25px; /*margin:-15px 0 0 -12px;*/}
.tag-list ul li{width:25px; height:25px; margin:12px 0; text-align:center; position:relative; cursor:pointer;}
.tag-list ul li i{ width:17px; height:17px; background:#00A0E9; border-radius:50%; margin-top:4px;}
.tag-list ul li div{ width:1px; height:20px; background:#66b3ff; position:absolute; left:12px; top:21px;}
/*.tag-list ul li:first-child{ margin-top:0;}*/
.tag-list ul li.on{border-radius:50%;background:#acd6ff;}

.clear_float{ clear:both;}


.tag-list span{ display:inline-block; width:25px; height:25px; margin:10px 0;}
.tag-list i{ width:17px; height:17px; background:#00A0E9; border-radius:50%; margin-top:4px;}
.tag-list span.on{border-radius:50%;background:rgba(255,105,44,0.25);}

@media(min-width:767px){
	html,body{}
	.m-header{background:rgba(255,255,255,1); box-shadow:1px 1px 3px #eee;}
	.m-header .nav a{ display:inline-block; color:#4a4a4a;}
	.m-header .nav a.logo{width:105px; height:60px; background-image:url(http://www-10041141.file.myqcloud.com/logo_310x75.png);}
	.m-header .nav .loginbar a.login{ border-color:#4a4a4a;}
    .m-header .nav ul li a i{ background-image:url(http://www-10041141.file.myqcloud.com/icon_more_gray.png);}

    .m-header .nav ul li ul{ background:rgba(255,255,255,1); margin-top:20px; box-shadow:0px 0px 6px #eee;}
    .m-header .nav ul li ul li{ font-size:14px;}
    .m-header .nav ul li:hover div{ display:block;}
}

@media( max-width:767px ){
	.section .page2 .content .column{margin: 35px 1px 0;}
	.header .nav{ width:100%;}
	.header .nav a.logo{ left:15px; background-image:url(http://www-10041141.file.myqcloud.com/logo_310x75.png); background-size:105px 24px;}
	.header .nav .loginbar{ width:100%; top:60px; height:60px; background:rgba(0,0,0,0.7); display: none;}
	.header .nav ul{ display:block; width:100%; position:absolute; left:0px; top:120px; background:rgba(0,0,0,0.7); display: none; padding:0;}
	.header .nav ul li{ width:100%; padding:0; line-height:36px;}
	.header .nav ul li div{ width:100%; top:44px; position: static;}
	.header .nav ul li div ul{background:rgba(0,0,0,0.7); margin-top:0; top:0; position: static;}
	.header .nav ul li:hover div{ display:none;}
	.header .nav button{ display:inline-block;}
	
	.section .page{ height:auto;}
	.section .page .content{ width:100%; padding:50px 0;}
	.section .page .content h1{ line-height:32px;}
	.section .page .content h1 span{ font-size:14px;}


    .section .page0{ height: 100%; background-image: url("http://www-10041141.file.myqcloud.com/index-banner-m.png"); background-size: 100% 100%;}
    .section .page0{ height: 100%;}
	.section .page .content{ width:100%; margin-left:auto;margin-right: auto; text-align:center;/*margin-top: -100px*/}
	.section .page0 .m-content{ background: none;}
	.section .page0 .content .img{ width:100%; height: 112px; background: url("http://www-10041141.file.myqcloud.com/index-words3.png") center no-repeat; background-size: 288px 112px; margin-bottom: 100px;}
	.section .page0 .content a{ width: 140px; height: 40px; font-size: 18px; border-radius: 40px; line-height: 40px;}

	.section .page1{ height:100%;}
	.section .page1 .content{ padding:180px 0 120px;}
	.section .page1 .content h1{ font-size:60px; line-height:100px;}
	.section .page1 .content h1 span{font-size:60px; line-height:100px;}
	.section .page1 .content h2{ font-size:32px; line-height:52px;}
	.section .page1 .content h3{ font-size:24px; line-height:70px;}

	.section .page1 .content .left{float: none;width: 100%;margin-top: 20px}
	.section .page1 .content .left h1{ color:#fff; float:none;font-size: 20px;font-weight: 100;line-height: 30px;margin-bottom: 10px;text-align: center;height: auto;}
	.section .page1 .content .left .down{ margin-right: auto;float:none;margin-left: auto;text-align: center; margin-top: 0}
	.section .page1 .content .left .down p{height: 25px;display: inline-block;text-align: center}
	.section .page1 .content .left .down p img{height: 25px;}
	.section .page1 .content .left .down .logo{padding-right:15px; float: none; vertical-align: middle;}
	.section .page1 .content .left .down .pay{font-size: 14px; height: 25px; line-height: 25px; float: none; vertical-align: middle; margin-left: 10px;}
    .section .page1 .content .left .down a{margin-top: 20px; width: 120px; height: 44px; line-height: 44px; font-size: 20px;}
	.section .page1 .content .right{float: none;margin-top: 15px;margin-left: 0px;height:350px;}

	.section .page2{margin-top: 80px}
	.section .page2 .content .column{ width:80%;margin: 10px 10%;}
	
	.section .page3{ background-size:cover;}
	.section .page3 .content .users {padding: 30px 0px 0;}
	.section .page3 .content .users span{ width:30%; height:26px; margin:20px 10%;}
	.section .page3 .content .users span:nth-child(4n){ width:30%; text-align:left;}
	.section .page3 .content .users span:nth-child(2n){ width:30%; text-align:right;}
	
	.section .page4 .content dl{ width:auto;padding: 50px 20px 0;}
	
	.section .page5{ background-size:cover;}
	.section .page5 .content .users{padding: 30px 2px 0;}
	.section .page5 .content .users span{ width:33%;
        transform:rotateY(0deg);
        -webkit-transform:rotateY(0deg);
        -moz-transform:rotateY(0deg);
        -o-transform:rotateY(0deg);
        -ms-transform:rotateY(0deg);
    }
	
	.section .page6 .content .con{ width:98%;}
	.section .page6 .content .con ul{padding: 30px 0 0 30px;}
	.section .page6 .content .left{ border:0; margin-bottom:50px;}
	.section .page6 .content .right div.search{padding: 50px 0 10px;}
    .section .page6 .content .right a{ margin: 50px 0;}
	
	.section .page6 .footer{ position:static; height:auto; background-size:cover;}
	.section .page6 .footer .con{ width:auto; padding:30px 15px;}
	.section .page6 .footer .con dl{ width:25%; text-align:center;}
	.section .page6 .footer .con dl dt{ font-size:14px;}
	.section .page6 .footer .con dl dd{ font-size:12px;}
	.section .page6 .footer .con .qrcode{ width:100%; margin-top:30px;}
	.section .page6 .footer .con p{ font-size:12px;}
	
	
	.tag-list{ display:none;}
	.sub_none{
		display:inline-block
	}
	.header .nav .show{
        display: block;;
		transition:all 0.2s linear 0s;
		-webkit-transition:all 0.2s linear 0s;
		-moz-transition:all 0.2s linear 0s;
		-o-transition:all 0.2s linear 0s;
		-ms-transition:all 0.2s linear 0s;
	}
}

@media(max-height:660px){
    .section .page6 .content .con ul li{ margin: 5px 20px;}
    .section .page6 .content .con ul li p{ padding-bottom: 6px;}
    .section .page6 .content .right div.search{padding: 50px 0;}
    .section .page6 .content .right a{ margin: 40px 0;}
}