body{font-size: 15px;}
.detail{width:1060px; margin:0 auto;}
img{max-width: 100%;}
a:hover{text-decoration: none;}
.tention{color: #ff0000!important;}
/*----------------*/
.main01{background:url(../images/useguide/bg.png) no-repeat center; height: 492px;}
.main01 .detail{ width: 1170px; margin:0 auto;}
.main01 .detail > img{float: right; padding: 80px 0 0 0;}
.main01 .detail h1{font-size: 40px; color: #7ab700; padding: 75px 0 0 0;}
.main01 .detail h1 span{font-size: 30px; color: #fff;display: inline-block; padding: 20px 0 0;}
.main01 .detail p{color: #b1b9ca;font-size: 17px;padding: 40px 0 10px; width: 470px;}
.main01 .detail .main01_t{color: #fff;font-size: 17px;font-weight: bold;}
.main01 .detail .btn{padding: 60px 0 10px;}
.main01 .detail .btn a{display: inline-block; width: 258px; height: 53px; margin-right: 35px;}
.main01 .detail .btn a.left{background:url(../images/useguide/b11-mac.png) no-repeat center;}
.main01 .detail .btn a.right{background:url(../images/useguide/b21.png) no-repeat center;}
.main01 .detail .btn a.left:hover{background:url(../images/useguide/b12-mac.png) no-repeat center;}
.main01 .detail .btn a.right:hover{background:url(../images/useguide/b22.png) no-repeat center;}
.main01 .detail .btn_mess {color: #b1b9ca;font-size: 13px;padding: 0 0 0 40px;}
.main01 .detail .btn_mess span{display: inline-block; margin-left: 100px;}
.main01 .detail .to_sys{ padding:20px 0 0 200px;}
.main01 .detail .to_sys a{ color:##00d0f5;}
/*----------------*/
.main02{background: #21b1f5; line-height: 55px; width:100%;}
.main02.top{ position:fixed; left:0; top:0; z-index:10;}
.main02 .main02_t{color: #ffffff;font-size: 27px;float: left;}
.main02 .main02_link{float: right;font-size: 21px;color: #fff;}
.main02 .main02_link a{display: inline-block; margin: 0 35px;color: #fff;}
.main02 .main02_link a{color: #fff;}
.main02 .main02_link a.buy{color: #fcff00;}
/*----------------*/
.main03{}
.main03 .main03_left{width: 257px;float: left;position: relative;}
.main03 .main03_left .side_btn{display:none;}
.main03 .main03_left > img{position: absolute;top: -5px; right: -5px;}
.main03 .main03_right{width: 742px;padding:0 0 80px 60px; float: left;border-left: 1px solid #e2e9eb;}
.main03 ul.sidebar {padding: 50px 0 0 10px; background-color:#fff;}
.main03 ul.sidebar.top{position:fixed; top:0; z-index:9;}
.main03 ul.sidebar .side_t{margin: 20px 0 15px;}
.main03 ul.sidebar .side_t a{font-size: 19px;color: #192433;font-weight: bold;}
.main03 ul.sidebar .bar_sys{ font-size:19px; font-weight:bold;}
.main03 ul.sidebar .bar_sys a{ color:#000;}
.main03 ul li ul.column{padding:0 0 0 5px;display: none; }
.main03 ul li ul.column li{color: #56657a; padding: 2px 0;}
.main03 ul li ul.column li a{color: #56657a;}
.main03 ul li ul.column ul{padding-left:16px;}

.main03_right h2{padding: 70px 0 0;font-size: 33px;}
.main03_rt{font-size: 21px;color: #192433;font-weight: bold;padding: 50px 0 0;}
.main03_rt2{font-size: 17px;color: #192433; padding: 25px 0 10px 5px;}
.main03_right .pic{padding: 20px 0; text-align: center;}
.main03_right p {color: #56657a; padding:3px 0 3px 5px;}
.main03_right p span{display: inline-block;background:url(../images/useguide/ci.png) no-repeat center;font-size: 12px; width: 15px; text-align: center; line-height:15px; }
/*----------------*/
.main04{background-color: #f5f8fa;}
.main04 .main04_button{width:733px; float: right; text-align: center;}
.main04 .main04_button a{display:inline-block; line-height:54px; height:54px; border:1px solid #21b1f5; width:545px; border-radius:40px; color:#21b1f5; font-size:24px; background:url(../images/useguide/arrow_dot1.png) no-repeat 480px center;}
.main04 .main04_button a:hover{background-color:#21b1f5; color:#fff; background-image:url(../images/useguide/arrow_dot2.png);}
.main04 .main04_btn{width: 733px; float: right; padding: 35px 0; text-align: center;}
.main04 .main04_btn a{display: inline-block; width: 258px; height: 53px;}
.main04 .main04_btn a.left{background:url(../images/useguide/b62.png) no-repeat center; margin-right: 35px;}
.main04 .main04_btn a.right{background:url(../images/useguide/b41.png) no-repeat center;}
.main04 .main04_btn a.left:hover{background:url(../images/useguide/b12-mac.png) no-repeat center;}
.main04 .main04_btn a.right:hover{background:url(../images/useguide/b22.png) no-repeat center;}

.main04_m{ background-color:#fff;}
.main04_m .main04_btn{ padding:20px 0 10px;}

	/*----------------*/
.main05{background-color: #2b313a;color: #ababab; padding-bottom: 20px;}
.main05 .pic{padding: 30px 0 10px;}
.main05 .details > p{font-size: 14px;}
.main05_left{width: 835px; float: left; border-right: 1px solid #5a5d62; padding-bottom: 10px;}
.main05_leftone{padding: 30px 0 0 0;}
.main05_leftone > img{float: left; padding: 0 25px 5px 0;}
.main05_leftcontent .ma05_lt{font-size: 24px;color: #fff;}
.main05_leftcontent > p{font-size: 16px;font-size: 16px;}
.main05_leftcontent > p a{color: #00b1ff; text-decoration: underline;}
.main05_right {padding: 20px 0 0 24px; float: left; width: 200px;}
.main05_right .ma05_rt{font-size: 22px;color: #fff;padding-bottom: 10px;}
.main05_right > a{display: inline-block; margin:10px 10px 0 0; float: left;}	
	/*----------------*/
.fix_right{position: fixed; right: 10px; bottom: 15px;}
.fix_right .fix_box { margin:50px 0;}
.fix_right .fix_box .links{display: none; float: left; margin:-40px 20px 0 0;}
.fix_right .fix_box .links a{display: block; margin-bottom: 5px;}
.fix_right .fix_box > img{cursor: pointer;}
.fix_right .fix_box:hover .links{display: block;}

.toTop{position:fixed; right:10px; bottom:10px; cursor:pointer; display:none;}	
	

/*----------------*/
@media (max-width: 979px) {
	.detail{padding: 0 5px; width: auto;}
	.details{padding:5px 0;}
	.main01 .detail,.MainNavigationipad .classifyNav{width: auto;}

	.main01{background-color: #282b33; height: auto;}
	.main01 .detail > img{float: none;}
	.main01 .detail h1{padding: 20px 0 0 0;}
	.main01 .detail .btn{padding: 20px 0 0;}
	.main01 .detail p{width: auto;}
	/*----------------*/
	.main02 .main02_t{font-size: 19px;}
	.main02 .main02_link{font-size: 17px;}
	.main02.top{z-index:10;}
	/*----------------*/
	.main03 .main03_left{width: 100%;}
	.main03 ul.sidebar.top{background-color:#fff; z-index:9;width: 100%; box-shadow:0 0 5px #7c7c7c; position:fixed; left:-1000px; bottom:70px; top:auto;}
	.main03 .main03_left .side_btn{ position: fixed;bottom: 10px; cursor:pointer;}
	
	.main03 .main03_left > img{display: none;}
	.main03 .main03_right{width: auto; padding-left: 20px;}
	/*----------------*/
	.main04 .main04_button{width:100%;}
	.main04 .main04_button a{width:100%; background-position:82% center;}
	.main04 .main04_btn{width: 100%;}
	/*----------------*/
	.main05_left{width: 100%; border-right: 0;border-bottom: 1px solid #5a5d62;}
	/*----------------*/
	
}

@media (max-width: 767px) {
	.main01 .detail .btn a{ margin: 0 0 10px;}
	/*----------------*/
	.main02{line-height: 35px;}
	.main02 .main02_t{font-size: 15px;}
	.main02 .main02_link a{margin: 0 10px;}
	/*----------------*/
	.main03 .main03_right{padding-left: 10px;}
	/*----------------*/
	.main04 .main04_btn a.left{margin:0 0 10px;}
	/*----------------*/
	.main05_leftone > img{ padding:15px 25px 10px 0;}
}

@media (max-width: 479px) {
	
}