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


.main01{background: url(../images/faq/bg1.jpg) no-repeat center top #000; height: 294px;color: #fff;}
.main0101{background: url(../images/faq/bg3.jpg) no-repeat center top #000;}
.main01 .crumb{padding: 20px 0 70px;}
.main01 .crumb a{text-decoration: none;}
.main01 .crumb a:hover{text-decoration: underline;}
.main01 h1{font-size: 51px;text-align: center;line-height: 50px;}
.main01 p{text-align: center;color: #ccc;font-size: 17px;padding: 30px 30px 0;}
/*----------*/
.main02{background: url(../images/faq/bg2.jpg) center top #000;color: #fff;}
.main0202{background: url(../images/faq/bg4.jpg) center top #000;}
.main02 .btn{ text-align:center;}
.main02 .btn a{padding:0 ; display:inline-block; line-height:52px; width:250px; font-size:17px; text-decoration:none; color:#fff;  background:#0fb4ff; border-radius:5px;
	border:2px solid #0fb4ff; }
.main02 .btn a.right{color:#0fb4ff; margin-left:80px; background:none;border:2px solid #0fb4ff; font-size:19px;}
.main02 .btn a >img{padding-right:10px;}
.main02 .icon{padding: 10px 0 0 0;}
.main02 .icon .icon_one{float: left; width: 25%; text-align: center;font-size: 17px;}
.main02 .icon .icon_one a{display: inline-block; width: 184px; height:142px; text-decoration: none; background: url(../images/faq/i2.png) no-repeat center bottom;color: #fff;}
.main02 .icon .icon_one:first-child a{ color: #15171c; text-decoration: none; background: url(../images/faq/i1.png) no-repeat center 4px; }
.main02 .icon .icon_one a>img{padding: 20px 0 10px;}
/*----------*/
.main03{padding-bottom: 100px;}
.main03 .title{font-size: 27px;color: #15171c;padding: 60px 0 10px;}
.main03_one{color: #999; border-bottom: 1px solid #e6e6e6; padding: 20px 0;}

.main03_one .t {font-size: 17px;color: #4c4c4c;margin-right: 10px;}
/* .main03_one .t{font-size: 17px;color: #4c4c4c;cursor: pointer; background: url(../images/faq/add.png) no-repeat right 5px; margin-right: 10px;}
.main03_one .t.focus{background: url(../images/faq/min.png) no-repeat right 5px;} */
.main03_one p{display: block;padding-top: 15px;}
/*----------*/
.main04{padding: 50px 0;background:#f6f7fa;text-align: center;}
.main04 .t{font-size: 53px;font-weight: bold;}
.main04 .mess{font-size: 19px;padding: 30px 0 40px;}
.main04 .btn{}
.main04 .btn a{display: inline-block;width: 250px;font-size: 24px;font-weight: bold;line-height: 51px; margin: 0 30px; text-decoration: none; background: #0fb4ff;border-radius: 5px;color: #fff;}
.main04 .btn a.right{font-size: 27px;background: #f1ba45;}


@media (max-width: 979px) {
	.detail{width: 100%;}
	/*----------*/
	.main01 {height: auto;padding-bottom: 50px;}
	.main03 .detail{width: auto;padding: 0 5px;}
	/*----------*/
	/*----------*/
}

@media (max-width: 767px) {
	.main01 h1{font-size: 46px;}
	.main01 p{ width: auto; }
	/*----------*/
	.main02 .btn a{ margin:10px 0!important;}
	.main02 .icon{background: #1c1d20;}
	.main02 .icon .icon_one{width: 50%;}
	.main02 .icon .icon_one:first-child a{ color: #fff;}
	/*----------*/
	.main04 .btn a{margin: 0 10px; width: 210px;}
	/*----------*/
	
}

@media (max-width: 479px) {
	.main01 .crumb{padding-bottom:40px;}
	.main01 h1{font-size: 36px;}
	.main04 .btn a{margin:10px 0; width: 70%;}
}