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

.main01 {padding: 35px 0 83px;background: url(../images/index/bg1.jpg) center center no-repeat;background-size: cover;}
.main01 .the-crumbs{color: #838488;margin-bottom: 30px;}
.main01 h1 {font-size: 55px;line-height: 59px;color: #fff;}
.main01 h1 span {color: #07c3c5;}
.main01 p {font-size: 17px;color: #939293;line-height: 25px;margin: 12px 0 36px;padding-right: 480px;}
.main01 p+a { display: block; width:226px;height: 50px; text-align: center; line-height: 50px; font-size: 23px; color: #fff; background-color: #0fb4ff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }

.main02 {padding: 45px 0 410px;text-align: center;background: url(../images/index/bg2.jpg) center center no-repeat;background-size: cover;}
.main02 h2 {font-size: 33px;line-height: 35px;color: #cccccc;padding-bottom: 54px;}
.reason-list li { display: inline-block;vertical-align: middle;margin: 70px 0 34px; width: 340px; box-sizing: border-box; padding: 0 20px 14px; background-color: #10141a; margin-left: 18px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.reason-list li:nth-child(3n+1) {margin-left: 0;}
.reason-list li img {display: block;margin: -77px auto 0;}
.reason-list li h4 {font-size: 19px;color: #07c3c5;line-height: 25px;padding: 10px 0 6px;}
.reason-list li p {font-size: 15px;line-height: 23px;color: #6f6d76;}

.main02 h3 {font-size: 23px;line-height: 25px;color: #999999;margin-bottom: 24px;}
.partner-list { background-color: #161b23;padding-top: 20px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.partner-list li {float: left;width: 270px;height: 38px;text-align: center;margin-bottom: 30px;}
.partner-list li img {max-height: 100%;}

.main03 {margin-top: -356px;}
.main03 .detail {width: 1250px;}
.main03 .the-content {border-top: 2px solid #02b5e7;background: url(../images/index/back-img.jpg) center center no-repeat;background-size: cover;}
.main03 .right-content {width: 50%;box-sizing: border-box;float: right;padding: 46px 180px 32px;}
.main03 .right-content h2 {font-size: 36px;line-height: 44px;color: #fff;}
.main03 .right-content h2+p {font-size: 15px;line-height: 25px;color: #e4e3e0;margin: 12px 0 38px;}
.main03 .right-content .link-list a { display: block; width: 228px; height: 52px;margin-bottom: 18px; line-height: 52px; text-align: center; font-size: 23px; color: #fff; background-color: #0fb4ff; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.main03 .right-content .link-list a:last-child {background-color: #78c443;}
.main03 .right-content p:last-child a {font-size: 17px;color: #e4e3e0;text-decoration: underline;}

.main04 {padding: 75px 0 46px;background-color: #fff;}
.main04 h2 {font-size: 33px;line-height: 35px;color: #000;text-align: center;margin-bottom: 38px;}
.main04 .the-content { border: 1px solid #e5e5e5; padding: 34px 58px 24px 82px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.main04 .the-content p {font-size: 17px;color: #666666;line-height: 25px;margin-bottom: 22px;}
.main04 .the-content p b {color: #0090ff;}
.main04 .the-content img {margin-bottom: 22px;}
.main04 .the-content .note-info { font-size: 15px; color: #808080; line-height: 23px; padding: 14px 30px 10px 20px; background-color: #f5f5f5; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }


.main05{background-color:#f5f5f5; padding:60px 0;}
.main05 h2{font-size:36px; text-align:center; padding-bottom:30px;}
.main05 .qes_one{border-bottom:1px solid #e6e6e6; padding:18px 0 8px;}
.main05 .qes_one .t{font-size: 18px; background: url(../images/index/add.png) no-repeat right 3px;cursor: pointer; padding-bottom: 10px;}
.main05 .qes_one .qes_ans{color: #737480;display: none;}
.main05 .qes_one.focus .t{background: url(../images/index/min.png) no-repeat right center;}
.main05 .qes_one.focus .qes_ans{display: block;}
.main05 .qes_one.focus .qes_ans p a{color:#2691fc; text-decoration:underline;}
.main05 .details>p {font-size: 17px;color: #666;padding: 40px 0 0;text-align: center;}

@media (max-width: 979px) {
	.detail{width: 95%;padding: 0;}
	.main03 .detail {width: 100%;padding: 0;}

	.main01 {background: url(../images/index/bg1.jpg) left center no-repeat;background-size: cover;}
	.main01 p {padding: 0;}
	.main02 {padding-bottom: 50px;background: url(../images/index/bg2.jpg) left top no-repeat;background-size: cover;}
	.reason-list li {margin-left: 16px;}
	.reason-list li:nth-child(3n+1) {margin-left: 16px;}
	.reason-list li:nth-child(2n+1) {margin-left: 0;}
	.partner-list li {float: none;display: inline-block;vertical-align: middle;}

	.main03 {margin-top: 0;}
	.main03 .right-content {padding: 30px;}

	.main04 .the-content {padding: 20px;}
}

@media (max-width: 767px) {
	.reason-list li {width: 90%;}

	.main03 .the-content {background: url(../images/index/back-img.jpg) right center no-repeat;}
	.main03 .right-content {width: 86%;}
}

@media (max-width: 479px) {
	.main01 {padding-bottom: 60px;}
	.main01 h1 {font-size: 40px;line-height: 44px;}

	.main03 .right-content {width: 100%;}
}