.detail{width:1060px; margin:0 auto;}
.details{padding: 0;}
body{color:#56657a;}
h1, h2, h3{font-weight:700;}
a{color:#02aaf5;}
/*-----------------*/

.banner{background:url(../image-style/about/banner.jpg) no-repeat center; height:442px;}
.banner .crub{color:#b8b8b8; float:left; font-size:14px; padding-top:10px;}
.banner .contry{padding-top:10px; text-align:right;}
.banner .contry a{margin-left:2px;}
.banner h1{font-size:28px; color:#fff; width:650px; padding-top:55px;}
.banner h1 span{font-size:15px; color:#dde4ed; display:block; font-weight:400; line-height:28px; padding-top:40px;}
/*----------------*/

.main01{padding-top:10px;}
.main01 .main01_one{width:494px; display:inline-block; margin:25px 0; text-align:left;}
.main01 .main01_one h3{font-size:20px; color:#192433; padding-bottom:15px;}
.main01 .main01_one p{font-size:15px; line-height:25px;}
.main01 .m_r{margin-right:72px;}
/*----------------*/

.main02{background:url(../image-style/about/main02.jpg) no-repeat center; height:363px; text-align:center;}
.main02 h2{font-size:24px; color:#192433; padding:55px 0 30px;}
.main02 img{padding-bottom:25px;}
.main02 p{font-size:15px; line-height:30px;}
/*----------------*/

.main03{text-align:center;}
.main03 .margin{margin:0 27px;}
.main03 .main03_one{width:335px; display:inline-block; margin-top:50px;}
.main03 .main03_one h3{font-size:19px; color:#192433; padding:25px 0 10px;}
.main03 .main03_one p{font-size:15px; line-height:25px;}
/*----------------*/

.main04{background:#2b313a url(../image-style/about/main04.jpg) no-repeat top center; margin-top:35px; padding-bottom:40px;}
.main04 h3{font-size:20px; color:#fff; font-weight:400; text-align:center; padding-top:5px; padding-bottom:30px;}
.main04 .detail > div{display:inline-block;}
.main04 .main04_one > a{display:block; margin-bottom:30px;}
.main04 .main04_one p{font-size:15px; color:#ccc; height:30px; line-height:30px; margin:12px 0;}
.main04 .main04_one p a{border:1px solid #00c6ff; border-radius:5px; width:208px; padding-left:30px; background:url(../image-style/about/arrow.png) no-repeat 210px center; float:right; line-height:28px; margin-left:10px; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}
.main04 .main04_one p a:hover{background-color:#00c6ff; text-decoration:none; color:#fff; background-image:url(../image-style/about/arrow_h.png); transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}
.main04 .main04_two{color:#fff; padding:0 18px; margin:0 17px; background:url(../image-style/about/line.png) no-repeat left center, url(../image-style/about/line.png) no-repeat right center;}
.main04 .main04_two h5{font-size:20px; border-bottom:1px dashed #464a4f; padding-bottom:12px; margin-bottom:10px;}
.main04 .main04_two h5 span{color:#ff2d31;}
.main04 .main04_two p{font-size:14px;}
.main04 .main04_two input#txt{width:245px; height:30px; font-size:13px; padding-left:10px; margin-top:10px; border:0;}
.main04 .main04_two input#sub{background-color:#00c6ff; border:0; color:#fff; height:30px; float:right; font-size:16px; width:105px; cursor:pointer; margin:10px 60px 0 0; border-radius:2px;}
.main04 .main04_three{width:170px; vertical-align:top; margin-top:75px;}
.main04 .main04_three p{color:#fff; font-size:20px; margin-bottom:10px;}
.main04 .main04_three a{margin:8px 10px 0 0; float:left;}
/*----------------*/

@media (max-width: 979px) {
	.details{width:100%; padding: 0;}
	.detail{width:98%; padding:0 1%;}
	.MainFoot p i{height: auto;}
	/*---*/
	
	.main01 .main01_one{width:45%; vertical-align:top;}
	.main01 .m_r{margin-right:10%;}
	/*---*/
	
	.main03 .margin{margin:0;}
	.main03 .main03_one{width:40%; margin:50px 5% 0; vertical-align:top;}
	/*---*/
	
	.main04{padding-bottom:0;}
	.main04 .detail > div{display:block; margin:0 auto;}
	.main04 .main04_one{width:384px;}
	.main04 .main04_one > a{text-align:center;}
	.main04 .main04_two{padding:35px 0; background:none; width:400px; margin:0 auto;}
	.main04 .main04_three{text-align:center; width:auto;}
	.main04 .main04_three a{float:none; margin:5px 8px 20px; display:inline-block;}
	/*---*/
}
@media (max-width: 767px) {	
	.banner h1, .main01 .main01_one{width:100%;}
	.main01 .m_r{margin-right:0;}
	/*---*/
	
	.main02{background:#f2f2f2; height:auto; padding-bottom:20px;}
	.main02 h2{padding-top:20px;}
	/*---*/
	
	.main03 .main03_one{width:80%; margin:50px 0 0;}
	/*---*/
	
	.main04 .main04_two input#sub{margin-right:30px;}
	/*---*/
}
@media (max-width: 479px) {
	.banner h1{padding-top:25px;}
	.banner h1 span{padding-top:15px;}
	/*---*/
	
	.main02 img, .main03 .main03_one{width:100%;}
	/*---*/
}