body{font:15px/22px Verdana,Arial,sans-serif; color:#505959; text-align:justify; background-color:#fff; min-width:1240px;}
html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, dl, dt, dd, table, th, td, form, input, button, select, fieldset, textarea, legend, label{padding:0; margin:0;}
a{color:#21b6e4; outline:none; text-decoration:none;}
a:hover{color:#21b6e4; text-decoration:none;}
ol, ul{list-style:none;}
img{vertical-align:middle;}
img, input{border:0;}
table{border-collapse:collapse;}
.clear{clear:both; height:0;}
.detail{width:1185px; margin:0 auto;}
h2{font-size:30px; color:#000; text-align:center; padding:110px 0 40px;}
h2 + p{ line-height:28px; color:#fff; padding-bottom:55px;}
/*------*/

.main01{background:url(../image-style/index-image/banner.jpg) no-repeat center; height:684px; text-align:center; color:#fff;}
.main01 .Flag{text-align:left; padding:20px 0 0 50px;}
.main01 .Flag a{margin-right:5px;}
.main01 h1{font-size:66px; font-weight:700; color:#fff; padding-top:100px;}
.main01 p{padding:55px 255px 73px; font-size:16px; line-height:28px;}
.main01 p span{color:#ff334c;}
.main01 .button a{display:inline-block; color:#fff; border-radius:10px; margin:0 10px; box-sizing:border-box; line-height:72px; height:72px; vertical-align:bottom;}
.main01 .button a.down{background-color:#ff334c; font-size:31px; padding:0 45px;}
.main01 .button a.more{font-size:25px; padding:0 25px;border: 2px solid #ffffff;}
.main01 .button a.upgrade{border:2px solid #fff; font-size:21px; padding:0 30px;}
.main01 .users span{display:block; font-size:16px; padding:17px 0 9px;}
.main01 .wv{margin-top:30px; display:inline-block; text-decoration:underline;}
/*------*/

.main02 h2 + p{color:#505959;}
.main02 .main02_con .pic, .main02 .main02_con .text{display:table-cell; vertical-align:middle;}
.main02 .main02_con .text{padding-left:108px;}
.main02 .main02_con .text h3{font-size:24px; color:#000;}
.main02 .main02_con .text p{ line-height:35px; padding:30px 0 25px;}
.main02 .main02_con .text a{font-size:16px;}
.main02 .main02_con .text a img{padding-left:15px;}
.main02 .main02_con02{padding-top:30px;}
.main02 .main02_con02 .text{padding:0 108px 0 0;}
/*------*/

.main03{padding-bottom:85px;}
.main03 h2{font-size:25px;}
.main03 ul li{float:left; width:237px;  padding-bottom:15px;}
.main03 ul li img{padding-right:8px;}
/*------*/

.main04{background:url(../image-style/index-image/bg04.jpg) no-repeat top center;}
.main04 h2{ color:#fff;padding-top: 90px;}
.main04 h2 span{color:#ff3d54;}
.main04 h2 + p{ padding-bottom:105px;}
.main04 ul{background:url(../image-style/index-image/s-bg04.png) no-repeat center; width:749px; height:162px; margin:0 auto; text-align:center;}
.main04 ul li{display:inline-block; padding:40px 32px 0;}
.main04 ul li p{font-size:23px; color:#fff; padding-top:15px;}
/*------*/

.main05{padding:105px 0;}
.main05 .detail{width:1240px; color:#2d2e32;}
.main05 .main05_one{background:url(../image-style/index-image/bg05.png) no-repeat center; border-bottom:2px solid #dcdcdc; height:541px;}
.main05 .main05_one > div{float:left; padding-top:275px;}
.main05 .main05_one > div h5{font-size:16px; color:#ff334c; padding-bottom:15px;text-align: center;}
.main05 .main05_one > div p{padding-top:15px;}
.main05 .main05_one .middle{width:350px; padding:275px 100px 0;}
.main05 .main05_one .left{width:245px; padding-left:80px; padding-right:20px; text-align:left;}
.main05 .main05_one .right{padding-right:65px; padding-left:35px;}
.main05 .main05_two{width:1185px; margin:0 auto;}
.main05 .main05_two h3{font-size:30px; padding:50px 0 40px;}
.main05 .main05_two .info{float:left;}
.main05 .main05_two .info .img{float:left; padding-right:20px;}
.main05 .main05_two .info .text{float:right; width:270px; text-align:left;}
.main05 .main05_two .info .text h5{font-size:16px; padding-bottom:15px;}
.main05 .main05_two .middle{padding:0 73px;}
/*------*/

.main06{background:#252537 url(../image-style/index-image/bg06.jpg) no-repeat top center;}
.main06 h2{color:#fff; padding-top:140px;}
.main06 .Left { width: 745px; height: 490px; float: left;    overflow: hidden; position: relative; }
.main06 .Left .Img  {position: absolute; left: 0; width: 20000px;}
.main06 .Left .Img img { float: left; }
.main06 .Right { width: 365px; float: right; background: url(../image-style/index-image/line.jpg) no-repeat 20px top; }
.main06 .Right .Tab {   position: relative;}
.main06 .Right .Tab .num1 {background: url(../image-style/index-image/1-nor.png) no-repeat; width: 44px; height: 44px; position: absolute; top: 0; cursor: pointer; }
.main06 .Right .Tab .num2 {background: url(../image-style/index-image/2-nor.png) no-repeat; width: 44px; height: 44px; position: absolute; top: 116px; cursor: pointer; }
.main06 .Right .Tab .num3 {background: url(../image-style/index-image/3-nor.png) no-repeat; width: 44px; height: 44px; position: absolute; top: 232px; cursor: pointer; }
.main06 .Right .Tab div.focus { background: url(../image-style/index-image/3-checked.png) no-repeat; }
.main06 .Right .Text { width:225px; float: left; padding-left: 70px; color:#fff;font-size: 13px;}
.main06 .Right .System{border:1px solid #51515f; margin-top:45px;color: #fff; padding:21px 11px;font-size: 13px;}
.main06 .Right .System .ti{font-size:16px; padding-bottom:25px;}
.main06 .btn{text-align:center; padding:75px 0 100px;}
.main06 .btn a.down{background:url(../image-style/index-image/btn-bg.jpg) repeat-x center; line-height:81px; display:inline-block; padding:0 50px; font-size:35px; color:#fff; border-radius:12px;}
/*------*/

.main07{padding:80px 0 65px;}
.main07 .main07_one{background-color:#f3f3f3; margin-bottom:30px;}
.main07 .main07_one .comment, .main07 .main07_one .person{float:left;}
.main07 .main07_one .comment{width:232px; height:302px; padding:0 30px; color:#2d2e32; text-align:left;}
.main07 .main07_one .comment .name{font-size:16px; padding-top:45px;}
.main07 .main07_one .comment p{padding:30px 0;}
.main07 .main07_one .comment .share a{margin-right:12px;}
.main07 .main07_one .comment .share a.last{display:inline-block; margin:8px 0 0 4px;}
.main07 .main07_two{margin-bottom:40px;}
.main07 .main07_two .comment{width:230px; padding:0 35px;}
.main07 .main07_two .comment02{color:#fff;}
.main07 .main07_two .comment03{color:#4b4b4b;}
.main07 .logos{text-align:center;}
.main07 .logos a{margin:0 5px;}
/*------*/

.main08{background-color:#f9f9f9; color:#232323; padding-bottom:55px;}
.main08 h2{padding-top:60px; color:#232323;}
.main08 .main08_one{margin:35px 0;}
.main08 .main08_one .main08_con{width:49%; float:left; text-align:left;}
.main08 .main08_one .main08_con:nth-child(2){float:right;}
.main08 .main08_one .main08_con img{float:left; }
.main08 .main08_one .main08_con .text{float:right;width: 440px;}
.main08 .main08_one .main08_con .text a{color:#232323; font-weight:700; display:inline-block; padding:2px 0 4px;}
.main08 .main08_one .main08_con .text a:hover{color:#21b6e4;}
/*------*/

.main09{background:url(../image-style/index-image/bg09.jpg) no-repeat center; height:340px; text-align:center; color:#fff;}
.main09 h2{padding-top:70px; color:#fff;}
.main09 p{  padding:0 50px;}
.main09 .button{padding-top:35px;}
.main09 .button a{margin:0 10px;}
.main09 .button a.upgrade{box-sizing:border-box; border:2px solid #fff; line-height:50px; display:inline-block; height:57px; color:#fff; width:258px; font-size:23px; border-radius:9px;vertical-align:-5px;}
/*------*/

.MainFoot{font-size:13px;}
/*------*/

.to_top{position:fixed; right:20px; bottom:20px; cursor:pointer; display:none;}

@media (max-width: 979px) {
	
	.mobileNo, .main06{display:none;}
	body{min-width:100%;}
	.detail, .details, 	.main05 .detail{ width:96%; padding:0 2%;}
	/*------*/

	.main01 h1{font-size:48px;}
	.main01 p{padding:55px 50px 155px;}
	/*------*/

	.main02 .main02_con .text{padding-left:20px;}
	.main02 .main02_con02 .text{padding-right:66px!important;}
	/*------*/

	.main05 .main05_one{background:none; height:410px;}
	.main05 .main05_one .left{background-color:#fafafa; width:26%; padding:50px 2%;}
	.main05 .main05_one .middle{background-color:#FFF1F2; padding:50px 2%; width:36%;}
	.main05 .main05_two{width:100%;}
	.main05 .main05_two .info{width:30%;}
	.main05 .main05_two .middle{padding:0 5%;}
	/*------*/
}

@media (max-width: 767px) {

	.main01 h1{font-size:30px;}
	.main01 p{padding-bottom:50px;}
	.main01 .button a{margin-bottom:20px;}
	/*---*/

	.main02 .main02_con .pic, .main02 .main02_con .text{display:block;}
	.main02 .main02_con .pic img{max-width:100%;}
	.main02 .main02_con .text{padding:50px 0 0!important;}
	.main02 .main02_con02 .pic{padding-top:50px;}
	/*---*/

	.main03 ul{text-align:center;}
	.main03 ul li{float:none; display:inline-block;}
	/*---*/

	.main04 h2 + p{padding-bottom:30px;}
	.main04 ul{width:100%; background:#E6364A; height:auto; padding-bottom:40px; border-radius:10px;}
	/*---*/

	.main05{padding-bottom:0;}
	.main05 .main05_one{height:520px;}
	.main05 .main05_two .info{float:none; width:96%; padding:10px 2%;}
	/*---*/

	.main07 .main07_one .comment, .main07 .main07_one .person{width:50%;}
	.main07 .main07_one .comment{padding:0; height:auto;}
	.main07 .main07_one .comment .name{padding-top:20px;}
	.main07 .main07_one .person img{max-width:100%;}
	.main07 .main07_one span{display:block; padding:5px 0;}
	/*---*/

	.main08 .main08_one .main08_con, .main08 .main08_one .main08_con:nth-child(2){width:100%; float:none;}
	.main08 .main08_one{margin:0;}
	/*---*/

	.main09{background:#242333; height:auto; padding-bottom:50px;}
	.main09 .button a{display:inline-block; margin:10px 0;}
	/*---*/

}

@media  (max-width: 479px) {

	h2{padding-top:60px; line-height:35px;}
	/*---*/

	.main01 h1{padding-top:50px; line-height:50px;}
	/*---*/
	
	.main04 h2{padding:40px 0 20px;}
	/*---*/
	
	.main05{padding-top:70px;}
	.main05 .main05_one{height:auto;}
	.main05 .main05_one > div{float:none;}
	.main05 .main05_one .left, .main05 .main05_one .middle{width:100%; padding:50px 0;}
	/*---*/

	.main07 .main07_one .comment .name{padding-top:5px;}
	.main07 .main07_one .comment p{padding:10px 0;}
	.main07 .logos a{margin:10px 0; display:inline-block;}
	/*---*/

	.main08 .main08_one .main08_con{text-align:center; margin:20px 0;}
	.main08 .main08_one .main08_con img{float:none;}
	.main08 .main08_one .main08_con .text{width:100%;}
	/*---*/

	.MainFoot p i{height:auto; line-height:25px;}
	/*---*/

}