﻿.detail{width:1060px; margin:0 auto;}
/*----------------*/

.menu{border-bottom: 1px solid #2c2f37; background:#55585e; }
.menu .left{float: left; }
.menu .left a.logo{background-color: #343440;display: inline-block; padding: 13px 15px;}
.menu .left a.mt{color: #8ecb42;font-weight: bold;font-size: 15px; margin-left: 10px;}
.menu .left a.mt:hover{text-decoration: none;}
.menu .right{float: right; line-height: 33px; padding-top: 13px;}
.menu .right a{display: inline-block; margin: 0 15px; color: #e0e0ee;}
.menu .right a:hover{text-decoration: none;}
.menu .right a.b1{padding: 0 35px; margin-right: 10px; border-radius: 18px; color:#48484d; background-color:#fff;}
.menu .right a.b1:hover{background-color: #434447; color: #fff;}
.menu .right a.b2{padding: 0 55px 0 35px; margin-left: 0; border-radius: 18px; color:#48484d; background: url(../images/mtpro/c1.png) no-repeat 95px center #fff;}
.menu .right a.b2:hover{background: url(../images/mtpro/8.png) no-repeat 95px center #434447; color: #fff;}
/*----------------*/

.banner{background:url(../images/faq/banner.jpg) no-repeat center; height:370px;}
.banner .crub{float:left; font-size:14px; color:#666; padding-top:20px;}
.banner .contry{text-align:right; padding-top:20px; float:right;}
.banner .contry a{margin:0 2px;}
.banner h1{font-size:32px; color:#72b100; font-weight:700; padding:50px 0 25px; line-height:40px;}
.banner p{font-size:17px; color:#353535; padding-bottom:30px;}
.banner .banner_con > span{margin-right:35px;}
.banner .banner_con > span img{padding-right:13px;}
.banner .banner_con > span a:hover{text-decoration:underline;}
.banner .search{width:410px; padding-top:30px;}
.banner input[name="q"]{width:276px; float:left; padding-left:20px; line-height:31px; height:31px; background:url(../images/faq/search-fift.png) no-repeat left center; outline:none; border:none; font-size:13px; color:#838383; float:left;}
.banner input[name="btnG"]{background:url(../images/faq/search02-fift.png) no-repeat right center; cursor:pointer; float:left; border:none; width:114px; height:31px;}
/*----------------*/

.main01 .crub{font-size:14px; padding:20px 0;}
.main01 .main01_t{font-size:25px;}
.main01 .main01_con{width:290px; height:175px; background-color:#fbfbfb; background-repeat:no-repeat; background-position:center -40px; border-radius:150px; text-align:center; padding:125px 5px 0; display:inline-block; margin-top:50px;}
.main01 .main01_one{background-image:url(../images/faq/sc.png);}
.main01 .main01_two{background-image:url(../images/faq/ts.png); margin:0 80px;}
.main01 .main01_three{background-image:url(../images/faq/ug.png);}
.main01 .main01_con h3{font-size:24px; color:#343434;}
.main01 .main01_con p{padding:20px 0 10px;}
.main01 p strong { font-size:17px;}
.main01 .main01_con a{font-size:15px; text-decoration:underline;}
/*----------------*/

.main02{background:#f6f6f6; padding:25px 0 20px;}
.main02 .tab_ti{width:550px; margin:0 auto 25px;}
.main02 .tab_ti a{display:inline-block; width:255px; padding:5px 0; text-align:center; color:#fff; margin:0 10px; background-color:#3d4659; font-size:16px; font-weight:700; border-radius:3px; text-decoration:none;}
.main02 .tab_ti a.focus{position:relative; background-color:#9dd640; cursor:default;}
.main02 .tab_ti a.focus span{position:absolute; width:36px; height:16px; background:url(../images/faq/arrow.png) no-repeat center; bottom:-16px; right:110px;}
.main02 .tab_ti a:hover{text-decoration:none;}
.main02 .main02_con{border:1px solid #efefef; background-color:#fff; margin-top:10px; padding:10px 10px 10px 15px;}
.main02 h3{font-weight:700; padding-bottom:5px;}
.main02 ul > li{background:url(../images/faq/list_icon1.png) no-repeat left 10px; padding-left:20px; line-height:25px;}
.main02 a{color:#1c9cff;}
.main02 .answer{background-color:#f7f7fa; border-left:4px solid #83d442; padding:10px; margin:15px 0; color:#666; display:none;}
.main02 .answer ol > li{list-style:decimal inside; line-height:21px;}
.main02 .answer p{line-height:21px;}
/*----------------*/

.DivFoot { background:#2e2e33;}
.DivFoot .Details { padding:10px 0; text-align:center; color:#787d80;}
.DivFoot p { padding:5px 0;}
.DivFoot p i { font-style:normal;}
.DivFoot a { color:#cccccc; text-decoration:none;}
/*----------------*/

@media (max-width: 979px) {
	.detail{width:100%;}
	.details{padding:5px 0;}
	/*----------------*/
	
	.main01{text-align:center;}
	.main01 .crub, .main01 .detail > p{text-align:justify;}
	.main01 .main01_two{margin:0;}
	.main01 .main01_con{margin:50px 9% 0;}
	/*----------------*/
	
	.main02 .main02_con{width:98%; padding:10px 1%; border-right:0; border-left:0;}
	/*----------------*/
}

@media (max-width: 767px) {
	.main02 .tab_ti{width:100%;}
	.main02 .tab_ti a{width:48%; margin:0 1%;}
	.main02 .tab_ti a.focus span{right:43%;}
	/*----------------*/
}

@media (max-width: 479px) {
	.banner .search{width:100%;}
	/*----------------*/
	
	.banner h1{padding:10px 0;}
	.banner p{line-height:30px;}
	.banner input[name="q"]{width:60%;}
	/*----------------*/
	
	.main01 .main01_con{margin:50px 0 0;}
	.main02 .tab_ti a{font-size:14px;}
	/*----------------*/	
}