@charset "utf-8";
/* CSS Document */
.detail{width: 1080px; margin: 0 auto;}
a{color: #30a6ec;}
a:hover{text-decoration: underline;}
img{max-width: 100%;}

.main01{background:#12151c url(../images/contact/bg1.jpg) no-repeat center top; height: 508px;color: #fff;}
.main01 .crumb{padding: 20px 0 120px;}
.main01 .crumb a{text-decoration: none;}
.main01 .crumb a:hover{text-decoration: underline;}
.main01 .crumb .Flag{float:right;}
.main01 .crumb .Flag a{margin-left:5px;}
.main01 h1{font-size: 51px;text-align: center;line-height: 50px;}
.main01 p{text-align: center;color: #ccc;font-size: 17px;padding: 80px 130px 0; color: #ccc;}
/*----------*/
.main02{padding-bottom: 90px;}
.main02 h2{font-size: 35px;text-align: center;padding: 60px 0 30px;}
.main02 .mess{font-size: 19px;text-align: center; color: #808080;}
.main02 .main02_one{ float: left; width: 338px;padding: 70px 0 0 0; }
.main02 .main02_one .pic{text-align: center;}
.main02 .main02_one .t{text-align: center;font-size: 21px;padding-bottom: 10px;}
.main02 .main02_one p{color: #666666;text-align: center;}
.main02 .main02_one .link{text-align: center;font-size: 17px;padding-top: 20px;}
.main02 .main02_one .link a{text-decoration: none;}
.main02 .main02_one .link a:hover{text-decoration: underline;}
.main02 .main02_two{padding: 70px 30px 0;}

/*----------*/
.main03{background: url(../images/contact/bg2.jpg) no-repeat center top #12121e; color: #fff;padding-bottom: 60px;}
.main03 h2{font-size: 53px;font-weight: bold;padding: 60px 0 20px;}
.main03 .mess{font-size: 19px; color: #cccccc;width: 480px;}
.main03 .btn{padding-top: 50px;}
.main03 .btn a{font-size: 27px;display: inline-block;width: 250px;text-align: center;border-radius: 5px;color: #fff;font-weight: bold;background:#e0be6d; text-decoration: none;line-height: 50px;border:1px solid #e0be6d;}
.main03 .btn a.left{font-size: 24px;background: #0fb4ff;margin-right: 35px;border:1px solid #0fb4ff;}
.main03 .btn a:hover{background: none;border:1px solid #e0be6d; color: #e0be6d;}
.main03 .btn a.left:hover{background: none;border:1px solid #0fb4ff;color: #0fb4ff;}

/*----------*/
.main04{padding: 60px 0;background:#f1f2f6;}
.main04 .left{float: left;width: 605px;padding-right: 65px;}
.main04 .left p{color: #858899;padding: 25px 0 15px;}
.main04 .right .t{font-size: 19px;font-weight: bold;padding: 65px 0 10px;}
.main04 .right .t span{color: #ff8a00;}
.main04 .right p{color: #535666;}
.main04 .right .submit{color: #535666;padding-top: 20px;}
.main04 .right .submit input{color: #535666;border:1px solid #858899; line-height: 42px;padding: 0 0 0 20px; width: 230px;background: #f1f2f6;}
.main04 .right .submit span{color: #fff;font-size: 17px;cursor: pointer;font-weight: bold;background: #0fb4ff;padding: 0 40px; line-height: 44px;float: right;}


@media (max-width: 979px) {
	.detail{width: 100%;}
	/*----------*/
	.main01 p{padding: 70px 70px 0;}
	/*----------*/
	.main02 .main02_one{width: 31%;}
	.main02 .main02_two{padding: 70px 3% 0;}
	/*----------*/
	.main03{padding: 0 10px;}
	/*----------*/
	.main04{padding: 60px 10px;}
	.main04 .left{width: 100%; padding-right: 0;padding-bottom: 20px;}
}

@media (max-width: 767px) {
	.main01 .crumb{padding-bottom: 80px;}
	.main01 h1{font-size: 47px;}
	.main01 p{padding: 70px 10px 0;}
	/*----------*/
	.main02{padding-bottom: 40px;}
	.main02 .main02_one{width: 94%;padding-top: 30px;}
	.main02 .main02_two{padding: 30px 3% 0;}
	/*----------*/
	.main03 .mess{width: auto;}
	.main03 .btn{padding-top: 20px;}
	.main03 .btn a{display: block;margin: 10px 0;}
	.main03 .btn a.left{ margin-right: 0; }
	/*----------*/
	/*----------*/
}

@media (max-width: 479px) {
	.main01 .crumb{padding-bottom:40px;}
	/*----------*/
	.main04 .right .submit span{padding: 0 10px;}
	
}