@charset "utf-8";
/* CSS Document */
@import url("common.css");

/*about*/
.banner_img .about_title{ width:30.36%; position:absolute; bottom:23.8%; left:50%; margin:0 0 0 -15.18%;}
.banner_img .about_title img{ width:100%;}
.about_content{ padding:0 16%;}
.about_content p{ color:#8e8e8e; /*text-align:center;*/ line-height:25px;}
.about_intro{ background:url(../images/about_content_bg.png) no-repeat center bottom; padding:0 0 40px 0; color:#99855d; text-align:center; font-size:15px; line-height:25px; font-style:italic; margin:0 0 15px 0;}
.about_content img{ max-width:100%;}
@media only screen and (max-width:1172px){
	.banner_img .about_title{ bottom:10%;}
}
@media only screen and (max-width:768px){
	.about_content{padding:0;}
}

@media only screen and (max-width:767px){
	.about_content{padding:0; font-size:100%;}
	.banner_img .about_title{  width:60%; margin:0 0 0 -30%;}
	.about_intro{ font-size:120%; line-height:1.8em;}
	
	.about_content p{ text-align:left;}
}

/*story*/
.story_intro{ height:306px; background:url(../images/story_intro_bg.png) repeat; width:100%; position:absolute; z-index:1; top:55%; margin:-153px 0 0 0; left:0;  font-size:13px; line-height:22px;}
.story_intro_title{ background:url(../images/story_intro_title_bg.png) no-repeat; width:373px; height:83px; position:absolute; top:-83px; left:50%; margin:0 0 0 -187px;}
.story_intro_title h3.title{ padding:35px 0 0; color:#e8e8e8; font-size:38px; text-align:center; line-height:38px;}
.story_intro_title h4.title{ padding:5px 0 20px 0; color:#e8e8e8; font-size:18px; text-align:center; font-family:hancock;}
.story_inner{ max-width:810px; margin:0 auto;}

#story_slides{ margin:42px 0 0 0;/* text-align:center;*/ color:#e8e8e8;  }

#story_slides h3{ font-size:25px; background:url(../images/story_intro_h3_bg.png) no-repeat bottom center; padding:0 0 25px 0;}
#story_slides .flex-direction-nav{ position:absolute; top:50%; left:50%; max-width:1172px;}
#story_slides .flex-prev,#story_slides .flex-next{ position:absolute; background:url(../images/story_pagination.png) no-repeat left bottom; width:30px; height:30px; text-indent:-9999px;}
#story_slides .flex-prev{ left:0;}
#story_slides .flex-next{ right:0; background-position:right bottom;}
#story_slides .flex-prev:hover{ background-position:left top;}
#story_slides .flex-next:hover{ background-position:right top;}

@media only screen and (max-width:1024px){
	.story_intro  { top:60%;}
}

@media only screen and (max-width:768px){
	.story_intro{ position:relative; margin:0; background:#c2ad81; height:auto; padding:0 0 30px 0; font-size:100%; line-height:1.8em;}
	.story_intro_title{ background:none; position:static; margin:0; width:auto;}
	.story_inner{ padding:0 80px;}
}

@media only screen and (max-width:767px){
	.story_intro{ position:relative; margin:0; background:#c2ad81; height:auto; padding:0 0 0.9375rem 0; font-size:100%; line-height:1.8em;}
	.story_intro_title{ background:none; position:static; margin:0; width:auto;}
	.story_inner{ padding:0 30px;}
	.story_intro_title h3.title{ font-size:140%; line-height:1.2rem;}
	.story_intro_title h4.title{ font-size:80%; line-height:1.8rem;}
	#story_slides h3{ font-size:120%;}
		#story_slides{ margin:20px 0 0 0;}

}


/*history*/

.history_intro{ height:306px; background:url(../images/story_intro_bg.png) repeat; width:100%; position:absolute; z-index:1; top:55%; margin:-153px 0 0 0; left:0;  font-size:13px; line-height:22px;}
.history_intro_title{ background:url(../images/story_intro_title_bg.png) no-repeat; width:373px; height:83px; position:absolute; top:-83px; left:50%; margin:0 0 0 -187px;}
.history_intro_title h3.title{ padding:35px 0 0; color:#e8e8e8; font-size:38px; text-align:center; line-height:38px;}
.history_intro_title h4.title{ padding:5px 0 20px 0; color:#e8e8e8; font-size:18px; text-align:center; font-family:hancock;}

.history_intro_inner{ padding:45px 0 0 0; color:#e8e8e8;}
.history_intro_inner h3{font-size:32px; line-height:35px; background:url(../images/history_intro_h3_bg.png) no-repeat bottom center; padding:0 0 25px 0;font-family:hancock; text-align:center; }
.history_intro_inner h4{ font-size:20px; text-align:center; font-style:italic;}
.history_list{ max-width:990px; margin:0 auto; padding:40px 0 0;}
.history_list li{ float:left;}
.history_list .center{ width:95%; background:url(../images/history_bg.png) repeat-x top left; height:70px;}
.history_list .end{ background:url(../images/history_end.png) no-repeat; width:5px; height:31px; overflow:hidden;}
.history_list .arrow{ background:url(../images/history_arrow.png) no-repeat; width:29px; height:31px;}
.history_list .center dl{ width:16.6%; float:left; text-align:center; background:url(../images/history_dot.png) no-repeat top center; padding:45px 0 0 0;}
.history_list .center dl dt{font-family:hancock; font-size:16px;}
.history_list .center dl dt a{ color:#e8e8e8;}
.history_list .center dl:hover{ background:url(../images/history_hover.png) no-repeat top center;}
.history_list .center dl:hover dt a{ text-decoration:underline; font-size:20px;}


@media only screen and (max-width:1024px){
	.history_intro{ top:60%;}
}

@media only screen and (max-width:800px){
	.history_intro{ position:relative; margin:0; background:#c2ad81; height:auto; padding:0 0 0.9375rem 0; font-size:100%; line-height:1.8em;}
	.history_intro_title{ background:none; position:static; margin:0; width:auto;}
	.history_list{ width:60%; margin:0 auto; max-width:290px; padding:30px 0;}
	.history_list li{ float:none; }
	.history_list .center{  background:url(../images/brand/history_bg_mobile.png) repeat-y left top; height:auto;}
	.history_list .end{ background:url(../images/brand/history_end_mobile.png) no-repeat; height:5px; width:31px; overflow:hidden;}
	.history_list .arrow{ background:url(../images/brand/history_arrow_mobile.png) no-repeat; height:29px; width:31px;}
	.history_list .center dl{ float:none; width:auto; background-position:left center; padding:0 0 0 45px; height:80px; }
	.history_list .center dl:hover{ background-position:left center;}
	.history_list .center dl dt{ line-height:80px;}
}

@media only screen and (max-width:767px){
	.history_intro_title h3.title{ font-size:140%; line-height:1.2rem;}
	.history_intro_title h4.title{ font-size:80%;}
	
	.history_intro_inner h3{ font-size:140%; line-height:1.2rem; padding:10px 0 15px 0;}
	.history_intro_inner h4{ font-size:100%; margin:-10px 0 0;}
	.history_intro_inner{ padding:0;}
}

/* history detail*/
.history_detail_title{ font-family:hancock; font-size:30px; }
.history_title{ background:url(../images/history_detail_title.png) no-repeat top center; padding:35px 0 0 0; text-align:center; color:#99855d; margin:30px 0;}
.history_title_inner{ background:url(../images/history_detail_title.png) no-repeat bottom center; padding:0 0 35px 0;}
.history_title h3{font-family:hancock; font-size:45px; }
.history_title h4{ font-size:20px; font-style:italic;}
.history_content{ padding:25px 16%; margin:20px 0 0 0;}
.history_content p{ color:#8e8e8e;/* text-align:center; */line-height:25px;}
.history_content h5{font-family:hancock; font-size:18px; text-align:center; color:#99855d;}
.history_content img{ max-width:100%; margin:0 auto; display:block;}

@media only screen and (max-width:768px){
	.history_content{padding:20px 0;}
}
@media only screen and (max-width:767px){
	.history_content{padding:20px 0;}
	.history_detail_title{ font-size:140%;}
	.history_title h3{font-size:24px; line-height:2.5rem; }
	.history_title h4{ }
	.history_content p{ text-align:left;}
	.history_content img{ display:block; margin:0 auto;}
	.history_content h5{ font-size:120%;}
}

/*culture*/
.culture_content{ padding:50px 16% 25px 16%; }


.culture_content p{ color:#8e8e8e; /*text-align:center;*/ line-height:25px;}
.culture_content h5{ font-size:20px; text-align:center; color:#99855d; padding:0 0 10px 0;}
.culture_list{ padding:40px 0 0 0;}
.culture_list dl{ overflow:hidden; zoom:1; padding:0 0 20px 0}
.culture_list dt,.culture_list dd{ float:left; width:50%; position:relative; overflow:hidden;}
.culture_list dl.odd dd{ float:right;}
.culture_list dt img,.culture_list dd img{ width:100%; display:block;}
.culture_list dt .intro{ position:absolute; width:100%;  top:50%; margin-top:-2.5em; text-align:center; z-index:1; left:0; }
.culture_list dt .intro h3{ font-size:20px;color:#99855d;}
.culture_list dt .intro h4{ font-size:18px; padding:0 0 12px 0; font-family:hancock;color:#99855d;}
.culture_list dt .intro p{ font-size:13px;}
.culture_content .more_btn{ margin:30px auto 50px auto;}
@media only screen and (max-width:768px){
	.culture_content{padding:20px 0;}
}

@media only screen and (max-width:767px){
	.culture_content h5{ font-size:120%;}
	.culture_list dt .intro h3{ font-size:140%;}
	.culture_list dt .intro h4{ font-size:120%;}
	.culture_list dt .intro p{ font-size:100%;}
}

@media only screen and (max-width:480px){
	.culture_list dt .intro{ margin-top:-3em;}
	.culture_list dt,.culture_list dd{ float:none; width:100%;}
	.culture_list dl{ padding:0;}
}

/*team*/
.team_content{ padding:50px 8% 25px 8%;}
.team_list{ padding:40px 0 0 0; overflow:hidden; zoom:1; }
.team_list dl{ float:left; width:30%; margin:0 5% 5% 0; background:#f3f3f3;}
.team_list dl.last{ margin:0;}
.team_list dl dd{ padding:8% 8% 0 8%; *padding:0;}
.team_list dl dd img{ width:100%; display:block;}
.team_list dl dt{ padding:4% 8%;}
.team_list dl dt h3{ height:1.2rem; overflow:hidden; line-height:1.2rem;}
.team_list dl dt h3 a{ color:#99855d;}
.team_list dl dt .time{ color:#8e8e8e; }


@media only screen and (max-width:768px){
	.team_list dl{ width:47%; }
	.team_list dl:nth-child(1n){  margin:0 6% 6% 0;}
	.team_list dl:nth-child(2n){ margin:0 0 0 0;}
}


@media only screen and (max-width:640px){
	.team_content{padding:20px 0;}
	.team_list dl{ width:80%; float:none; }
	.team_list dl:nth-child(1n){  margin:0 auto 5% auto;}
	.team_list dl:nth-child(2n){ margin:0 auto 5% auto;}
	.team_list dl dt h3{ overflow:visible; height:auto;}
}


/*magzine*/
.magzine_content{ padding:50px 14% 25px 14%;}
.magzine_list{ padding:40px 0 0 0; overflow:hidden; zoom:1; }
.magzine_list dl{ float:left; width:30%; margin:0 5% 5% 0; background:#f3f3f3;}
.magzine_list dl.last{ margin:0;}
.magzine_list dl dd img{ width:100%; display:block;}
.magzine_list dl dt{ text-align:center; line-height:60px; height:60px; overflow:hidden;color:#99855d;}
.magzine_list dl dt a{color:#99855d;}
.magzine_list dl dt a:hover{  color:#696969;}




@media only screen and (max-width:768px){
	
	.magzine_content{padding:50px 6% 25px 6%;}
	
	.magzine_list dl{ width:47%; }
	.magzine_list dl:nth-child(1n){  margin:0 6% 6% 0;}
	.magzine_list dl:nth-child(2n){ margin:0 0 0 0;}
}




@media only screen and (max-width:480px){
	.magzine_content{padding:20px 0;}
	.magzine_list dl{ width:80%; float:none; }
	.magzine_list dl:nth-child(1n){  margin:0 auto 5% auto;}
	.magzine_list dl:nth-child(2n){ margin:0 auto 5% auto;}
}


/*honor*/
.honor_content{ padding:0 0 32px 0;}
.honor_content h3{ line-height:96px; height:96px; font-family:hancock; text-align:center; font-size:50px;color:#99855d; border-bottom:1px solid #eaeaea; margin:0 0 32px 0;}
.honor_list{ max-width:990px; margin:0 auto;}
.honor_list dl{ overflow:hidden; zoom:1; background:url(../images/brand/honor_bg.png) repeat-y top center;}
.honor_list dd{ width:50%; float:left; text-align:center;padding:2% 0;}
.honor_list dt{ width:50%; float:left;}
.honor_list dd img{ max-width:90%;}
.honor_list dt ul{ width:70%; margin:0 auto;}
.honor_list dt ul li{ background:url(../images/brand/honor_dot.png) no-repeat left 5px; padding:0 0 0 15px; line-height:22px; color:#8e8e8e; margin:0 0 22px 0;}

.honor_nav{ text-align:center; line-height:30px; font-size:13px; font-family:hancock,"5FAE\8F6F\96C5\9ED1","微软雅黑","Microsoft Yahei";}
.honor_nav a{padding:0 12px; display:inline-block;}
.honor_nav a.current{ color:#99855d;}

@media only screen and (max-width:767px){
	.honor_nav a{padding:0 8px;}
}

@media only screen and (max-width:768px){
.honor_list dl{ background:none;}
.honor_list dd{ padding:5% 0;}
.honor_list dd,.honor_list dt{ width:100%; float:none;}
.honor_list dt ul{ width:90%;}
.honor_content h3{ font-size:140%; height:60px; line-height:60px;}
}


/*service*/
.service_content{ padding:0 16% 60px 16%;}
.service_content h5{ font-size:20px; text-align:center; color:#99855d; padding:0 0 10px 0;}
.service_content h6{ font-size:20px; text-align:center; border-bottom:1px dotted #dadad7; font-style:italic; padding:10px 0;}

.service_content p{ color:#8e8e8e; /*text-align:center;*/ line-height:25px;}
.service_content img{ max-width:100%;}
.service_content .img_list{ overflow:hidden; zoom:1;}
.service_content .img_list li{ width:50%; float:left;}
.service_content .img_list li img{ width:100%;}
@media only screen and (max-width:768px){
.service_content{padding:0 0 20px 0; }
}

@media only screen and (max-width:768px){
.service_content h5,.service_content h6{ font-size:120%;}
.service_content p{ text-align:left;}
}


@media only screen and (max-width:480px){
.service_content .img_list li{ width:100%; float:none;}
}



/*brand*/
.brand_content{ padding:50px 16% 60px 16%;}
.brand_content h5{ font-size:20px; text-align:center; color:#99855d; padding:0 0 10px 0;}
.brand_content p{ color:#8e8e8e; /*text-align:center;*/ line-height:25px;}
.brand_content img{ max-width:100%;}
.brand_content a{ font-size:15px; font-style:italic; color:#99855d;}
.brand_content a:hover{  color:#696969;}

@media only screen and (max-width:768px){
.brand_content{padding:50px 0 60px 0; }
}

@media only screen and (max-width:767px){
.brand_content{padding:20px 0; }
.brand_content h5{ font-size:120%;}
.brand_content p{ text-align:left;}



}



.contact_intro{ width:872px; height:472px; position:absolute; top:50%; left:50%; background:#fff; margin:-236px 0 0 -436px;}
.tab_nav{ overflow:hidden;}
.tab_nav li{ line-height:42px;}
.tab_nav li.right{ float:right; text-align:left; width:49%;}
.tab_nav li.left{ float:left; text-align:right; width:49%;}

.contact_intro dl{ overflow:hidden;}
.contact_intro dd{ width:55%; float:left;}
.contact_intro dd img{ max-width:100%; display:block; margin:0 auto;}
.contact_intro dt{ width:38%; float:left; line-height:20px;}
.contact_intro dt .i_1{ background:url(../images/contact_i_1.png) no-repeat left 3px; padding:0 0 12px 42px; border-bottom:1px solid #ececec;}
.contact_intro dt .i_2{ background:url(../images/contact_i_2.png) no-repeat left 3px; padding:0 0 12px 42px; border-bottom:1px solid #ececec; margin:12px 0;}
.contact_intro dt .i_3{ background:url(../images/contact_i_3.png) no-repeat left 3px; padding:0 0 0 42px; }

.contact_intro h3.mobile_title{ display:none;}
.contact_content{ padding:20px 0 0 0;}


@media only screen and (max-width:1024px){
	.contact_intro{ position:static; margin:0; width:100%; height:auto; padding:0 0 30px 0;}
}

@media only screen and (max-width:768px){
	.contact_intro h3.mobile_title{ display:block; text-align:center; color:#99855d; font-size:120%;}
	.contact_intro .tab_nav{ display:none;}
	.contact_intro dd{ width:80%; max-width:374px; float:none; margin:0 auto; padding:20px 0;}
	.contact_intro dt{ width:80%; max-width:374px; float:none; margin:0 auto;}
	.contact_intro .hidden{ display:block;}
	.contact_content{ padding:20px 0;}
	.contact_intro{ padding:0 0 30px 0;}
}