@import url("base.css");
@import url("header.css");
@import url("footer.css");


/*广告*/
.bannerbox{height: 400px; min-width: 1350px; margin: 0 auto; background: url(../images/about/ban-a01.jpg) top center no-repeat;background-size: cover;}

.aboutBox .innerbox{min-width: 1350px; margin: 0 auto;}
.contentbox{ padding: 0 5%;  background: rgba(255,255,255,.9);box-shadow: 0 -15px 20px rgba(0,0,0,.2);}
.contentbox .tabs-switch{ float: left; width: 250px; padding-top: 100px; }
.contentbox .tabs-switch li{display: block; padding: 0px 10px 0px 20px; margin-bottom: 15px; border-left: 15px solid transparent; cursor: pointer;}
.contentbox .tabs-switch li .cn{ font-size: 26px;  color: rgba(0,0,0,.6); }
.contentbox .tabs-switch li .en{ font-size: 14px; font-weight: lighter; color: rgba(0,0,0,.5); }
.contentbox .tabs-switch li:hover .cn{color: rgba(0,0,0,.85);}
.contentbox .tabs-switch li.active{ border-left: 15px solid  rgba(255,116,0,.45); } 
.contentbox .tabs-switch li.active .cn{color:rgba(255,116,0,1); font-weight: normal;}
.contentbox .tabs-switch li.active .en{ color: rgba(255,116,0,.5);}

.contentbox .tab-content{ margin-left: 290px; }
.tab-content>.tab-pane{display:none;min-height: 550px;}
.tab-content>.active{display:block}

.contentbox h1{padding-top: 60px; font-size: 46px; height: 120px; line-height: 60px;font-weight: bold; }
.contentbox h3{font-size: 22px; font-weight: lighter;  color: rgba(0,0,0,.5);text-shadow: 2px 2px 0 rgba(255,255,255,.6);text-transform: uppercase;}
.aboutdetail{padding: 50px 0 100px;}
.aboutdetail p{line-height: 180%; font-size: 22px; font-weight: lighter; padding: 10px 0; text-indent: 44px;}
.aboutdetail p span{font-size: 30px; color: rgba(255,116,0,1); font-weight: bold; padding: 0 10px;}
.contentbox .logo2{padding-bottom: 20px; text-align: center;}
.contentbox .logo2 i{ font-size: 100px; background: linear-gradient(to top,  #ef7818 , #f89938 );-webkit-background-clip: text;  color: transparent;}

.qrcode .pic{margin: 50px 20px 0; width: 250px; height: 250px; box-shadow: 0 0 8px rgba(0,0,0,.3);margin: 50px auto 0;}
.qrcode .pic img{width: 250px; height: 250px;}
.qrcode .txt{padding:10px 30px;  font-size: 18px; color: #666; line-height: 200%; text-align: center;}

.qualificationdetail{ padding: 50px 0; }
.qualificationdetail li{float: left; width: 25%; padding: 10px 20px ; position: relative; z-index: 1;}
.qualificationdetail li img{width: 100%; height: auto;}
.qualificationdetail li:hover{background:#fff; z-index: 10; } 

.qual-item{font-size: 20px; padding-top: 20px;}
.qualificationdetail .qual-item li{ width: 100%; display: block; height: 40px; line-height: 40px; padding:0 0 0 20px;  position: relative;}
.qual-item li:before{ display: block; content: ""; position: absolute; top: 16px; left: 2px; width: 8px; height: 8px; border-radius: 50%; background: #999;}
.qual-item a{color: #000;}
.qual-item a:hover{color: #f60;}


/* 小屏幕（桌面显示器，大于等于 1366px） */
@media (max-width:1366px) {
	.wrapper{width: 1340px; margin: 0 auto; overflow: hidden;}

	.bannerbox{height: 260px;}
	.contentbox{  }
	.contentbox .tabs-switch li .cn{ font-size: 22px;  color: rgba(0,0,0,.6); }
	.contentbox .tabs-switch li .en{ font-size: 14px; font-weight: lighter; color: rgba(0,0,0,.5); }
	.contentbox h1{ font-size: 32px; }
	.contentbox h3{font-size: 16px; }
	.aboutdetail{padding: 50px 0 100px;}
	.aboutdetail p{line-height: 150%; font-size: 18px; font-weight: lighter; padding: 10px 0; text-indent: 44px;}
	.aboutdetail p span{font-size: 24px; color: rgba(255,116,0,1); font-weight: bold; padding: 0 10px;}
}

/* 小屏幕（桌面显示器，大于等于 768px） */
@media (max-width:768px) {
	.wrapper{width: 100%; margin: 0 auto; overflow: hidden;}

	.aboutBox .innerbox{padding: 0;min-width: auto; width: 100%;}
	.bannerbox{/*height: 300px; */min-width: auto;}

	.contentbox .tabs-switch{ float: inherit; width: 100%; padding-top: 50px; }
	.contentbox .tabs-switch li{display: block; float: left; padding: 0px 15px 10px; margin-bottom: 0; border-left:none; text-align: center; }
	.contentbox .tabs-switch li .cn{ font-size: 24px; }
	.contentbox .tabs-switch li .en{ font-size: 12px;}
	.contentbox .tabs-switch li:hover .cn{color: rgba(0,0,0,.85);}
	.contentbox .tabs-switch li.active{ border-left:none; border-bottom: 6px solid rgba(255,116,0,1) } 
	.contentbox .tab-content{ margin-left: 0; }
	.tab-content>.tab-pane{display:none;min-height: 550px;}
	.tab-content>.active{display:block;}

	.contentbox{  margin: -110px 3px 10px;  }
	.contentbox h1{padding-top: 40px;padding-left: 20px; font-size: 28px; height: 80px; line-height: 40px;font-weight: normal;color: rgba(0,0,0,1) }
	.contentbox h3{padding-left: 20px;font-size: 14px; font-weight: lighter; }
	.aboutdetail{padding: 40px 0 20px;}
	.aboutdetail p{line-height: 180%; font-size: 18px; font-weight: lighter; padding: 10px 0; text-indent: 36px;}

	.qrcode .pic{margin: 50px auto 0; width: 200px; height: 200px; box-shadow: 0 0 8px rgba(0,0,0,.3)}
	.qrcode .pic img{width: 200px; height: 200px;}
	.qrcode .txt{text-align: center; padding-bottom: 30px;}

	.qualificationdetail li{width: 50%; padding:  10px 20px ;}

}

/* 小屏幕（桌面显示器，大于等于 560px） */
@media (max-width:560px) {
	.contentbox .tabs-switch li{padding: 0px 10px 10px;}
	.contentbox .tabs-switch li .cn{ font-size: 20px; }
	.contentbox .tabs-switch li.active{ border-left:none; border-bottom: 4px solid rgba(255,116,0,1) } 

	.contentbox h1{ font-size: 24px;  }
	.contentbox h3{ font-size: 12px;}
	.contentbox .logo2 i{ font-size: 80px; }
	.aboutdetail p{line-height: 150%; font-size: 16px; text-indent: 32px;}
	.aboutdetail p span{font-size: 20px; color: rgba(255,116,0,1); font-weight: bold; padding: 0 6px;}

	.copyrightbox{padding: 10px 0px;}

}