﻿.detail{width:1060px; margin:0 auto;}
.details{padding: 0;}
body{color:#2e3948;}
a{color:#26caff;}
/*-----------------*/

.banner{background:url(../image-style/contact-us/banner.jpg) no-repeat center; height:297px;}
.banner .crub{color:#9b9b9d; 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:#1e1e1e; width:695px; padding-top:55px; font-weight:700;}
.banner h1 span{font-size:15px; display:block; font-weight:400; line-height:28px; padding-top:40px;}
/*----------------*/

.main01 h2{text-align:center; font-size:28px; padding:50px 0;}
.main01 .main01_con{width:440px; display:inline-block; margin:0 45px 50px; text-align:left; vertical-align:top;}
.main01 .main01_con h3{font-size:24px; background:url(../image-style/contact-us/ti_bg.png) no-repeat left 18px; padding:18px 0 10px 10px;}
.main01 .main01_con p{font-size:14px; padding-bottom:8px;}
.main01 .main01_con a{font-size:15px;}
/*----------------*/

.main02{background:url(../image-style/contact-us/main02_ti.jpg) no-repeat top center, url(../image-style/contact-us/main02.jpg) no-repeat center 37px; margin-top:20px; padding-bottom:34px; background-color:#2c2d31;}
.main02 h3{font-size:20px; color:#fff; font-weight:400; text-align:center; padding-top:5px; padding-bottom:30px;}
.main02 .detail > div{display:inline-block;}
.main02 .detail .f_logo{display:block;}
.main02 .detail p.text{padding:20px 0 15px; font-size:15px; color:#ccc;}
.main02 .main02_one p{font-size:15px; color:#ccc; height:30px; line-height:30px; margin:12px 0;}
.main02 .main02_one p a{border:1px solid #00c6ff; border-radius:5px; width:208px; padding-left:30px; background:url(../image-style/contact-us/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;}
.main02 .main02_one p a:hover{background-color:#00c6ff; text-decoration:none; color:#fff; background-image:url(../image-style/contact-us/arrow_h.png); transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}
.main02 .main02_two{color:#fff; padding:0 17px; margin:0 18px; background:url(../image-style/contact-us/line.png) no-repeat left center, url(../image-style/contact-us/line.png) no-repeat right center;}
.main02 .main02_two h5{font-size:20px; border-bottom:1px dashed #464a4f; padding-bottom:12px; margin-bottom:10px;}
.main02 .main02_two h5 span{color:#ff2d31;}
.main02 .main02_two p{font-size:14px;}
.main02 .main02_two input#txt{width:245px; height:30px; font-size:13px; padding-left:10px; margin-top:10px; border:0;}
.main02 .main02_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;}
.main02 .main02_three{width:170px; vertical-align:top;}
.main02 .main02_three p{color:#fff; font-size:20px; margin-bottom:10px;}
.main02 .main02_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;}
	/*---*/
	
	.banner .contry{padding-top:20px;}
	/*---*/
	
	.main01 .main01_con{width:40%; margin:0 5% 50px;}
	.main01 .main01_con > img{width:100%;}
	/*---*/
	
	.main02{padding-bottom:0; background:#2a313b url(../image-style/contact-us/main02_t.jpg) no-repeat top center;}
	.main02 .detail > div{display:block; margin:0 auto;}
	.main02 .main02_one{width:344px;}
	.main02 .main02_one > a{text-align:center;}
	.main02 .main02_two{padding:35px 0; background:none; width:375px; margin:0 auto;}
	.main02 .main02_three{text-align:center; width:auto;}
	.main02 .main02_three a{float:none; margin:5px 8px 20px; display:inline-block;}
	/*---*/
	
	.main02 .main02_two input#sub{margin-right:5px;}
	/*---*/
}
@media (max-width: 767px) {	
	.banner h1{width:100%;}
	/*---*/
	
	.main01{text-align:center;}
	.main01 .main01_con{width:80%; margin:0 0 50px;}
	/*---*/
}
@media (max-width: 479px) {
	.banner h1{padding-top:25px;}
	.banner h1 span{padding-top:15px;}
	/*---*/
	
	.main01 .main01_con{width:100%;}
	/*---*/
}