/*LAYOUT*/
.talent *{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.page-wrap{ 
	width: 100%; 
	overflow:hidden;
}
.inner-wrap {
	width: 100%;
	max-width: 1480px;
	min-width: 320px;
	margin: 0 auto;
	padding: 0 0px;
}

.ny-tab{ position: relative; z-index: 1; max-width: 740px; margin: 0 auto; }
.ny-tab .content{  max-width: 660px; margin: 0 auto;  margin-top:-29px; background:#ffffff; border-radius: 29px; text-align: center; overflow: hidden;}
.ny-tab .content a{ float: left; border-left:2px solid #eeeeee; width: 33.3333333333333%; height: 58px; line-height: 58px; } 
.ny-tab .content a:first-child{ border-left: none;}
.ny-tab .content a.active{ background: #c2ac5f; color: #FFFFFF;}
.ny-tab2 .content{ max-width:440px;}
.ny-tab2 .content a{ width: 50%;}


.ny-tit{ text-align: center;}
.ny-tit span{ line-height: 30px; font-size: 24px; color: #333333; text-transform: uppercase;}
.ny-tit p{ line-height: 30px; font-size: 24px; color: #333333;}
.ny-tit div{ margin-top: 20px; line-height: 30px; color: #777777;}


/* ========== */
/* = TALENT.HTML = */
/* ========== */
.talent{ padding:0px 0 50px;}
.talent-list{ margin-top: 60px;}
.talent-list li{ margin-bottom:12px;}
.talent-list li .tit{ cursor: pointer; background: #FFFFFF; border: 1px solid #eeeeee;  border-radius:6px; font-size: 0; padding-right:3%; }
.talent-list li .tit span{ padding: 12px 2px; width: 12%; text-align: center; font-size: 14px; color: #333333; display:inline-block; vertical-align: middle;}
.talent-list li .tit .span-1{ width: 22%; margin-right:6%;}
.talent-list li .tit .span-2{ width: 20%; margin-right:4%;}
.talent-list li .tit .span-6{ padding: 0;}
.talent-list li .tit .span-6 i{ display:inline-block; width: 50px; height:50px; background-image: url(../images/talent_bt.png); background-size: cover;}
.talent-list li .top-tit{ cursor:auto;  border: none; background:#c2ac5f;}
.talent-list li .top-tit span{  padding: 20px 2px; font-size: 16px;color: #FFFFFF;}
.talent-list li .con{ display: none; padding:0 7% 50px; line-height:30px; color: #777777; border-bottom:3px solid #c2ac5f;}
.talent-list li .con .tip{ padding-bottom:5px; padding-top: 35px; color: #333333; font-size: 16px;}
.talent-list li .con span{ color: #c2ac5f;}
.talent-list li .con .text2{ margin-top: 30px; font-size: 16px; color: #333333; }
.talent-list li .con a:hover span{ text-decoration:underline !important;}
.talent-list li.active{-o-box-shadow: 0 0 10px rgba(0,0,0,.05); -ms-box-shadow: 0 0 10px rgba(0,0,0,.05); -moz-box-shadow: 0 0 10px rgba(0,0,0,.05); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.05); 	box-shadow:  0 0 10px rgba(0,0,0,.05);}
.talent-list li.active .tit{ border: 1px solid #FFFFFF; border-bottom: 1px dashed #e5e5e5;}
.talent-list li.active .tit span{ color: #c2ac5f; }
.talent-list li.active .span-6 i{ background-image:url(../images/talent_bth.png);}
.talent-list li:first-child.active{-o-box-shadow: 0 0 0 rgba(0,0,0,.05); -ms-box-shadow: 0 0 0 rgba(0,0,0,.05); -moz-box-shadow: 0 0 0 rgba(0,0,0,.05); -webkit-box-shadow: 0 0 0 rgba(0,0,0,.05); 	box-shadow:  0 0 0 rgba(0,0,0,.05);}
.talent-list li.active .top-tit{ border: none;}
.talent-list li.active .top-tit span{ color: #FFFFFF; }


/* ========== */
/* = NEWS.HTML = */
/* ========== */
.news{ padding: 60px 0 95px;}
.news ul{ margin-bottom: 80px;}
.news li{ margin-top: -1px; position: relative;}
.news li a{ display: block; padding: 45px 140px 45px 40px; position: relative; border-bottom:1px solid #eeeeee; }
.news li .img{ float: left; overflow: hidden; border-radius:10px;}
.news li .img img{ width: 300px;}
.news li .text{  margin-left: 355px; max-width: 715px;}
.news li .text .tit{ height: 60px; line-height: 60px; font-size: 16px; color: #333333;}
.news li .text .des{ padding-top: 20px; border-top:1px dashed #d2d2d2; color: #999999; line-height:30px; height: 80px; overflow: hidden; }
.news li .date{ position: absolute; top:50px; right:0; width: 140px; text-align: center;}
.news li .date span{ display: block; font-size: 40px;}
.news li .date p{ color: #cccccc; font-size: 12px;}
.news li .date i{ margin-top: 25px; display: inline-block; width: 48px; height: 48px; border-radius: 50%; background-size: cover; background-image: url(../images/home_news_ico.png); -o-box-shadow:0 0 20px rgba(0,0,0,.05); -ms-box-shadow:0 0 20px rgba(0,0,0,.05); -moz-box-shadow:0 0 20px rgba(0,0,0,.05); -webkit-box-shadow:0 0 20px rgba(0,0,0,.05); box-shadow:0 0 20px rgba(0,0,0,.05);}
.news li:hover{z-index:1;}
.news li a:hover{ border-radius: 15px; background: #FFFFFF; border-bottom:1px solid #FFFFFF; -o-box-shadow:0 0 20px rgba(0,0,0,.08); -ms-box-shadow:0 0 20px rgba(0,0,0,.08); -moz-box-shadow:0 0 20px rgba(0,0,0,.08); -webkit-box-shadow:0 0 20px rgba(0,0,0,.08); box-shadow:0 0 20px rgba(0,0,0,.08);}
.news li a:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.news li a:hover .text .tit{ color: #c2ac5f;}
.news li a:hover .des{ border-top:1px dashed #c2ac5f;}
.news li a:hover .date i{  background-image: url(../images/home_news_ico2.png); }



/* ========== */
/* = NEWS-DETAIL.HTML = */
/* ========== */
.news-detail{ padding: 110px 0 140px;}
.news-detail .title{ color: #333333; font-size: 22px; line-height: 28px; text-align: center;} 
.article-come{ line-height:26px; margin-top:15px; text-align: center; color: #999999;}
.article-come span{ margin:0 10px; padding-left: 28px; display: inline-block; vertical-align: middle; position: relative;}
.article-come .bdsharebuttonbox{ display:inline-block; vertical-align: middle; -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;}
.article-come .span-date{ background: url(../images/article_time.png) no-repeat left;}
.article-come .span-num{ background: url(../images/article_num.png) no-repeat left;}
.article-come .span-share{ padding-left:0;}

.news-article{ margin-top: 15px; padding:55px 0 70px; border-top: 1px solid #eeeeee; line-height: 30px; color: #999999;}
.news-article .f16{ font-size: 16px; color: #333333;}
.return{  position:fixed; z-index: 9999; bottom:10% ; right:3%;}
.return a{ float: right; display: inline-block;}

.flip{ padding-top: 20px; border-top:1px solid #eeeeee;  }
.flip a{ max-width:48%; display: inline-block; position: relative; line-height:24px; color:#777777;}
.flip .prev{ float: left; padding-left:35px; background: url(../images/news_prev.png) left no-repeat;}
.flip .next{ float: right; padding-right:35px; background: url(../images/news_next.png) right no-repeat;}
.flip a:hover{ color: #c2ac5f;}
.flip .prev:hover{ background: url(../images/news_prevh.png) left no-repeat;}
.flip .next:hover{ background: url(../images/news_nexth.png) right no-repeat;}




/* ========== */
/* = QA.HTML = */
/* ========== */
.qa{ padding: 100px 0; }
.qa-list{ margin-bottom: 75px;}
.qa-list li{ margin-top: 35px; }
.qa-list li a{ display: block; padding:45px 180px 45px 40px;   border-radius: 10px; overflow:hidden; position: relative;}
.qa-list li a:after{ content: ""; position: absolute; bottom:0; left:0; width: 0; height: 3px; background: #c2ac5f; -webkit-transition: all ease .4s;  -moz-transition: all ease .4s;  -ms-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s;}
.qa-list li .text{ max-width: 1055px; overflow: hidden;}
.qa-list li .text span{ position: relative; display: block; padding-bottom: 20px; font-size: 16px; color: #333333; line-height: 30px; padding-left: 40px; background: url(../images/ico_question.png) no-repeat left 4px; }
.qa-list li .text span:after{ content: ""; position: absolute; bottom:0; left:40px; width: 100%; border-bottom: 1px dashed #dcdcdc;}
.qa-list li .text p{ margin-top: 30px; padding-left: 40px; line-height: 24px; background: url(../images/ico_answer.png) no-repeat left;}
.qa-list li .read{ position: absolute; top:0; right:0; padding-top:50px; width: 180px; text-align: center;}
.qa-list li .read em{ display:inline-block; background: url(../images/ico_heart.png) no-repeat left; padding-left:25px; color: #999999;}
.qa-list li .read i{ margin:35px auto 0; display: block; width: 48px; height: 48px; border-radius: 50%; background-size: cover; background-image: url(../images/home_news_ico.png); -o-box-shadow:0 0 20px rgba(0,0,0,.05); -ms-box-shadow:0 0 20px rgba(0,0,0,.05); -moz-box-shadow:0 0 20px rgba(0,0,0,.05); -webkit-box-shadow:0 0 20px rgba(0,0,0,.05); box-shadow:0 0 20px rgba(0,0,0,.05);}
.qa-list li a:hover:after{ width: 100%;}
.qa-list li a:hover .read i{  background-image: url(../images/home_news_ico2.png); }




/* ========== */
/* = QA_DETAIL.HTML = */
/* ========== */
.qa-detail{ padding: 140px 0 115px;}
.question{ padding-right:570px; position: relative;}
.question .title{ font-size: 20px; line-height:32px; font-size: 22px; color: #333333; padding-left: 50px; background: url(../images/ico_question2.png) no-repeat left 0;}
.question .article-come{ position:absolute; top:0; right:0; margin: 0;}
.question-con{ margin: 30px 0 40px; padding:30px 50px; line-height: 36px; color:#999999; border-top:1px dashed #dcdcdc; border-bottom:1px solid #dcdcdc;}
.answer{  margin-bottom: 80px; padding-left: 50px; color: #555555; line-height:30px; background: url(../images/ico_answer2.png) no-repeat left 0;}





@media (max-width: 780px){
	.ny-tab{ margin-top:-22px; }
	.ny-tab .content{  border-radius: 22px;}
	.ny-tab .content a{ height:44px; line-height: 44px; } 
	
	.ny-tit span{ line-height: 26px; font-size: 16px; }
	.ny-tit p{  line-height: 26px; font-size: 16px; }
	.ny-tit div{ line-height: 26px;}
	
	/* ========== */
	/* = TALENT.HTML = */
	/* ========== */
	.talent{ padding:40px 0;}
	.talent-list{ margin-top: 40px;}
	.talent-list li{ padding-right: 0;}
	.talent-list li .tit{ padding-right: 0;}	
	.talent-list li .tit span{ width:21%; padding:12px 1px; font-size: 11px;}
	.talent-list li .tit .span-1{ width:35%; margin-right: 0;}
	.talent-list li .tit .span-6 i{ width:35px; height:35px;}
	.talent-list li .tit .span-2,.talent li .tit .span-3{ display: none;}
	.talent-list li .con{ padding:0 20px 20px; font-size:12px; line-height: 26px;}
	.talent-list li .con .tip{ padding-top: 20px; font-size: 14px;}
	.talent-list li .con .text2{ font-size: 14px; }
	
	/* ========== */
	/* = NEWS.HTML = */
	/* ========== */
	.news{ padding: 40px 0;}
	.news ul{ margin-bottom: 40px;}
	.news li{ margin-bottom: 25px;}
	.news li a{ padding: 20px; border-bottom:1px solid #FFFFFF; -o-box-shadow:0 0 20px rgba(0,0,0,.08); -ms-box-shadow:0 0 20px rgba(0,0,0,.08); -moz-box-shadow:0 0 20px rgba(0,0,0,.08); -webkit-box-shadow:0 0 20px rgba(0,0,0,.08); box-shadow:0 0 20px rgba(0,0,0,.08);}
	.news li .img{ float: none; width:100%;}
	.news li .text{  margin-left:0;}
	.news li .text .tit{ margin: 10px 0; max-height:40px; height: auto; line-height:20px; font-size: 14px; border-bottom: none; overflow: hidden; text-overflow:initial; white-space: initial;}
	.news li .text .des{ padding-top:10px; line-height:20px; height:50px; font-size: 12px; }
	.news li .date{ display: none;}

	
	
	/* ========== */
	/* = NEWS_DETAIL.HTML = */
	/* ========== */
	.news-detail{ padding:40px 0;}
	.news-detail .title{ font-size: 16px;}
	.news-article{ padding: 20px 0; }
	
	.flip a{ font-size: 12px;}
	
	
	
	
	/* ========== */
	/* = qa.HTML = */
	/* ========== */
	.qa{ padding:40px 0; }
	.qa-list{ margin-bottom:40px;}
	.qa-list li{ margin-top: 25px; }
	.qa-list li a{ padding:15px 100px 15px 15px;}
	.qa-list li .text span{ padding-bottom: 10px; font-size: 14px; }
	.qa-list li .text p{ margin-top:10px; font-size: 12px;}
	.qa-list li .read{ padding-top:25px; width:100px;}
	.qa-list li .read em{ padding-left: 18px; font-size: 10px;}
	.qa-list li .read i{  margin-top: 15px; width: 20px; height: 20px;}
	
	

	/* ========== */
	/* = QA_DETAIL.HTML = */
	/* ========== */
	.qa-detail{ padding: 40px 0 ;}
	.question{ padding-right:0; }
	.question .title{ font-size: 18px; line-height: 32px; min-height: 32px;}
	.question .article-come{ margin-top:20px; position:relative; top:auto; right:auto;}
	.question-con{ margin: 30px 0 40px; padding:30px 50px; line-height: 36px; color:#999999; border-top:1px dashed #dcdcdc; border-bottom:1px solid #dcdcdc;}
	.answer{  margin-bottom:40px; padding-left: 50px; color: #555555; line-height:30px; background: url(../images/ico_answer2.png) no-repeat left 0;}

	
	
}