body { margin:0; padding:0; font:14px/23px Verdana, Arial, sans-serif; color:#666; text-align:justify;  -webkit-text-size-adjust:none; -moz-text-size-adjust:none;-ms-text-size-adjust:none;}
.clear { clear:both;}
.details { width:1090px; padding:5px; margin:0 auto;}
img{ vertical-align:middle; border:0;}
h1, h2, h3, h4, h5, p, h6, ul, li, ol, dd, dl, dt, input { padding:0; margin:0; list-style:none; font-weight:400;}
a{color: #2e9fff;}
.detail{width: 1060px; margin: 0 auto;}
/*----------------*/

.main01{background:url(../support_pic/bg1.jpg) no-repeat top center; height:344px; text-align:center;}
.main01 .top{padding-top:10px; color: #bcbcbc;font-size: 14px;}
.main01 .contry{float: right;}
.main01 .crub{float: left;}
.main01 .contry a{display: inline-block;margin: 0 2px;}
.main01 h1{font-size:37px; color:#7ab700; font-weight:700; line-height:35px; padding:50px 0 25px;}
.main01 p{font-size:15px; width:785px; margin:0 auto;}
/*--------*/

.main02 .detail{padding-bottom:50px;}
.main02 .main02_con{background-repeat:no-repeat;}
.main02 .pic{float:right; padding-left:20px;}
.main02 .text_con{display:table-cell; vertical-align:middle; height:391px;}
.main02 .text_con .txt{background:url(../support_pic/border_bg.png) no-repeat left top,url(../support_pic/txt_bg.jpg) repeat-y center; padding:8px 20px;}
.main02 .text_con .txt a{font-size:15px; font-weight:700; color:#7ab700;}
.main02 .text_con .txt span{font-size:13px;}
.main02 .text_con .txt h4.p_t{padding-top:8px;}
.main02 .main02_con h3{font-size:30px; font-weight:700; background:url(../support_pic/icon01.png) no-repeat left center; padding-left:65px; line-height:51px; color:#333; background-repeat:no-repeat; background-position:left center;}
.main02 .main02_one h3{background-image:url(../support_pic/icon01.png);}
.main02 .main02_two h3{background-image:url(../support_pic/icon02.png);}
.main02 .text_con p{padding:25px 0;}
/*--------*/

.main03{background:url(../support_pic/main02_bg.jpg) repeat-x bottom center;}
.main03 h2{font-size:21px; color:#74ae01; font-weight:700; text-align:center; padding:30px 0 29px;}
.main03 .main03_one{background:url(../support_pic/main03_bg.png) no-repeat center; width:437px; height:348px; padding:0 40px; float:left;}
.main03 .f_r{float:right;}
.main03 .img{text-align:center; padding:23px 0 55px 10px;}
.main03 h3{font-size:27px; font-weight:700; color:#333;}
.main03 p{padding:20px 0;}
.main03 .main03_one > a{float:right;}
/*--------*/

.main04{background-color:#2c303c; padding:40px 0;}
.main04 .detail > p{font-size:15px; color:#8f94a3; padding:10px 0 0;}
.main04 .main02_con{padding-top:25px;}
.main04 .about{width:870px; float:left; border-right:1px solid #434751;}
.main04 dl{min-height:52px; margin-top:25px;}
.main04 dl:nth-child(1){margin-top:0;}
.main04 dl dt{float:left; padding-right:10px;}
.main04 dl dd.ti{font-size:22px; color:#fff; padding-bottom:4px;}
.main04 dl dd{font-size:15px; color:#9095a4;}
.main04 .share{float:right; width:146px; text-align:center;}
.main04 .share p{font-size:18px; color:#fff; padding-bottom:10px;}
.main04 .share a{margin:5px; display:inline-block;}
/*--------*/

@media (max-width: 979px) {
	.detail,.details{width:100%; padding:0;}
	/*----*/
	
	.main01 h1, .main01 .top{ padding-top:30px;}
	/*----*/
	
	.main02 .main02_one{background-position:-300px -130px;}
	.main02 .main02_two{background-position:-550px -205px;}
	/*----*/
	
	.main03 .main03_one{margin:0 auto; float:none;}
	.main03 .f_r{float:none; margin-top:20px;}
	/*----*/

	.main04 .about{width:70%; padding-right:4%;}
	.main04 .share{width:25%;}
	/*----*/
}

@media (max-width: 767px) {
	.main01 p{width:100%;}
	/*----*/

	.main02 .detail{padding-bottom:0;}
	.main02 .pic{float:none; text-align:center; padding-left:0;}
	.main02 .text_con{height:auto;}
	/*----*/
	
	.main03 .main03_one{padding:0 10px;}
	/*----*/

	.main04 .about{border-right:0; padding:0 0 20px 0; border-bottom:1px solid #434751; margin-bottom:20px;}
	.main04 .about, .main04 .share{float:none; width:100%;}
	.main04 dl dt img{padding:10px 10px 15px 0;}
	/*----*/

	.MainFoot p i{display:inline;}
	/*----*/
}

@media (max-width: 479px) {	
	.main02 .pic img{width:90%;}
	/*----*/
	
	.main03 .main03_one{width:100%; padding:0;}
	.main03 p{padding:10px 0;}
	/*----*/

	.main04 dl dt img{padding:30px 10px 15px 0;}	
	/*----*/
}