@charset "utf-8";
/* CSS Document */

/*reset*/
ol,ul,li,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,form{ padding:0; margin:0; font-weight:normal;}
ul,li{ list-style:none;}
img{ border:0;}
a{ color:#868686; text-decoration:none; outline:none; }
a:hover,a.current,span.current{ text-decoration:none;color:#565656; color:#99855d;}
*{ outline:none;/* -moz-user-select: none;-webkit-user-select: none; -ms-user-select: none; */}
input,textarea,select{font-family:"微软雅黑"; font-size:12px;  /*-moz-user-select:all;-webkit-user-select:all; -ms-user-select:all;*/ }
.hidden{ display:none;}

@font-face {
    font-family: 'hancock';
	src:url(../fonts/Hancock.eot);
	src:url(../fonts/Hancock.eot?#iefix) format('embedded-opentype'),
		url(../fonts/Hancock.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
	
			/*url(../fonts/Hancock.woff) format('woff'),*/

}

body{ margin:0; padding:0;font-family:Arial,"5FAE\8F6F\96C5\9ED1","微软雅黑","Microsoft Yahei", Helvetica, sans-serif; *font-family:"5FAE\8F6F\96C5\9ED1","微软雅黑","Microsoft Yahei",Arial, Helvetica, sans-serif;  -webkit-text-size-adjust:none; background:#eaeaea; font-size:12px; color:#8e8e8e;}

.container{ max-width:1172px; margin:0 auto;}

#pc_header{ height:144px; background:#fff;}
#pc_header .top_nav{ height:25px; background:#efeeec;}
#pc_header .top_nav .container{ overflow:hidden; zoom:1;}
#pc_header .i_brand{ background:url(../images/common/i_brand.png) no-repeat left center; padding:0 0 0 20px; display:block; float:right; height:25px; line-height:25px;}
#pc_header .i_map{ background:url(../images/common/i_map.png) no-repeat left center; padding:0 0 0 20px; display:block; float:right; height:25px; line-height:25px; margin:0 16px;}
#pc_header .i_mall{ background:url(../images/common/i_mall.png) no-repeat left center; padding:0 0 0 25px; display:block; float:right; height:25px; line-height:25px;}
#pc_header .i_tmall{ background:url(../images/common/i_tmall.png) no-repeat left center; padding:0 0 0 22px; display:block; float:right; height:25px; line-height:25px;  margin:0 16px;}
#pc_header .i_weibo{ background:url(../images/common/i_weibo.png) no-repeat left center; padding:0 0 0 22px; display:block; float:right; height:25px; line-height:25px;}
#pc_header .logo_line{ text-align:center; padding:8px 0 12px 0;}
#pc_header .main_nav{ text-align:center; color:#e5e5e5; font-size:13px;}
#pc_header .main_nav a{ color:#565656;}
#pc_header .main_nav a:hover,#pc_header .main_nav a.current{ color:#99855d;}
#mobile_header{ background:#7e6c48; height:70px; position:relative; font-size:120%; display:none; z-index:10;}
#mobile_header .logo{ position:absolute; top:15px; left:20px; height:40px;}
#nav_off{  width:40px; position:absolute; top:15px; right:20px; display:block;}
#nav_on{ width:40px; position:absolute; top:15px; right:27px; display:none;}
#mobile_main_nav{ width:100%; position:absolute; top:70px; left:0; background:#978765; display:none;}
#mobile_main_nav a{ color:#fff;}
#mobile_main_nav .nav a{ display:block; background:url(../images/common/menu_arrow.gif) no-repeat right center; height:53px; line-height:53px; color:#fff; }
#mobile_main_nav .nav li{ padding:0 0 0 20px; border-bottom:1px solid #ad9f84;}
#mobile_main_nav .bottom{ padding:0 55px 0 20px;}
#mobile_main_nav .bottom_nav{ overflow:hidden; zoom:1; padding:30px 0 40px 0; display:none;}
#mobile_main_nav .bottom_nav li{/* float:left; width:33.3333%*/ float:none; clear:both;}
#mobile_main_nav .bottom_nav .mall{ background:url(../images/common/i_mall_2.gif) no-repeat; padding:0 0 0 40px; display:block; float:left; height:37px; line-height:37px;}
#mobile_main_nav .bottom_nav .map{ background:url(../images/common/i_map_2.gif) no-repeat; padding:0 0 0 40px; display:block; float:left; height:37px; line-height:37px;}
#mobile_main_nav .bottom_nav .brand{ background:url(../images/common/i_brand_2.gif) no-repeat; padding:0 0 0 40px; display:block; float:left; height:37px; line-height:37px;}

footer{ background:#dddcdb; height:112px; margin:20px auto 0 auto; clear:both; max-width:1172px; color:#565656;}
footer .inner{ padding:20px 22px 0 22px;}
footer .inner span{ color:#8e8e8e;}
footer a{color:#565656;}
footer a:hover{color:#000;}
footer .inner span a{color:#8e8e8e;}
footer .inner span a:hover{ color:#565656;}

#side_nav{ position:fixed; top:50%; margin:-103px 0 0 0; right:0; height:200px; z-index:10;}
#page_up,#page_down,#side_weibo,#side_weixin,#side_phone{ background:url(../images/common/side_nav.png) no-repeat; height:39px; display:block; width:41px; margin:0 0 1px 0;}
#page_down{ background-position:0 -41px;}
#side_weibo{background-position:0 -84px;}
#side_weixin{background-position:0 -125px;}
#side_phone{ background-position:0 -167px;}

#side_weibo_show,#side_phone_show{ position:absolute; right:41px; bottom:1px; display:none;}

#side_weixin_show{position:absolute; right:41px; top:0px; display:none;}

#side_weibo:hover,#side_weixin:hover,#side_phone:hover{ background:url(../images/common/side_nav_hover.png) no-repeat;}
#side_weibo:hover{ background-position:0 0;}
#side_weixin:hover{ background-position:0 -45px;}
#side_phone:hover{ background-position:0 -87px;}
@media only screen and (max-width:767px){
	footer{font-size:60%; margin:0.9375rem 0 0; }
}
@media only screen and (max-width:767px){
	#pc_header{ display:none;}
	#mobile_header{ display:block;}	
	body{ font-size:100%; line-height:1.8em; font-size:80%;}
	footer{font-size:80%; }
	#side_nav{ display:none;}
}

@media only screen and (max-width:767px){
	footer .inner span{ display:block; line-height:150%;}
}


.banner{ position:relative; overflow:hidden;}
.sub_nav{ text-align:center; position:absolute; top:0; line-height:38px; z-index:100; width:100%; font-size:13px; background:url(../images/sub_bg.png) repeat; }
.sub_nav a{ color:#fff; padding:0 15px; }
.sub_nav a:hover,.sub_nav a.current{ color:#efd9c1;}

@media only screen and (max-width:767px){
	.sub_nav{ font-size:100%; /*padding:0 0.9375rem;*/ position:static; overflow:hidden; zoom:1; line-height:2.2em;}
	/*.sub_nav a{ display:block; float:left; padding:0 0 0 15px;}*/
	.mobile_container{ padding:0 1rem;}
	.sub_nav_mobile a{ padding:0 6px;}
}

@media only screen and (max-width:480px){
	
	.sub_nav_mobile{ padding:5px 0; line-height:2em;}
	
	.sub_nav_mobile a{ display:inline-block; }
}



@media only screen and (max-width:800px){
	.mobile_container{ padding:0 1rem;}
}

.banner .bg_img{ width:100%; display:block;}
.banner_img{ position:relative;overflow:hidden;}
.banner_img .banner_bg{ height:700px;}


.waves_line{ background:url(../images/common/waves_line.png) repeat-x ; height:4px; overflow:hidden; margin:0 0 5px 0;}
.banner_title{position:absolute; bottom:0; left:50%; max-width:1172px; width:100%; margin:0 0 0 -586px; height:150px; background:#fff;}
.banner_title h3.title{ padding:20px 0 0; color:#99855d; font-size:38px; text-align:center;}
.banner_title h4.title{ padding:5px 0 15px 0; color:#99855d; font-size:18px; text-align:center; font-family:hancock;}


.banner_title2{}
.banner_title2 h3.title{ padding:20px 0 0; color:#99855d; font-size:38px; text-align:center;}
.banner_title2 h4.title{ padding:5px 0 15px 0; color:#99855d; font-size:18px; text-align:center; font-family:hancock;}

.page_container{ background:#fff;}
.m_container{ margin:20px auto 0 auto;}


@media only screen and (max-width:1172px){
	.banner_title{ position:static; margin:0; }
	.banner_img .banner_bg{ height:500px;}
}

@media only screen and (max-width:1024px){
	.banner_img .banner_bg{ height:360px;}
}

@media only screen and (max-width:768px){
	.banner_img .banner_bg{ height:360px;}
}

@media only screen and (max-width:767px){
	.banner_title h3.title,.banner_title2 h3.title{ font-size:140%;}
	.banner_title h4.title,.banner_title2 h4.title{ font-size:80%;}
	.banner_title{ height:auto; padding:0 0 10px 0;}
	.waves_line{ margin:0 0 10px 0;}
	/*.m_container{ margin:0 auto;}*/
	
	.banner_img .banner_bg{ height:300px;}
}

@media only screen and (max-width:480px){
	.banner_img .banner_bg{ height:225px;}

}




body.fixedBottom footer{ position:relative; margin:-55px auto 0 auto; height:55px; *margin:0 auto; *top:-55px;}
@media only screen and (max-width:1024px){
	body.fixedBottom footer{margin:0.9375rem 0 0; position:static; height:112px;}
}

.detail_nav{ line-height:43px; text-align:center; margin:1px auto 0 auto; background:#fff; font-size:13px;}
.detail_nav a{ color:#696969; padding:0 15px;}
.detail_nav a.current{ color:#99855d;}


.detail_title{ text-align:center; margin:1px auto 0 auto; line-height:71px; background:#fff; font-size:25px; color:#99855d; position:relative; min-height:70px;}
.detail_title .prev,.detail_title .next{ background:url(../images/detail_pagination.gif) no-repeat; position:absolute; top:50%; margin:-15px 0 0 0; width:30px; height:30px; text-indent:-9999px;}
.detail_title .prev{ left:15px;}
.detail_title .next{ right:15px; background-position:top right;}
.detail_title .detail_caption{ padding:10px 50px; line-height:1.8em;}
@media only screen and (max-width:767px){
	.detail_nav{ font-size:100%;}
	/*.detail_title{ font-size:120%;}*/
	.detail_nav{ font-size:100%; /*padding:0 0.9375rem;*/ overflow:hidden; zoom:1; line-height:2.2em;}
	
	.detail_title .prev{ left:10px;}
	.detail_title .next{ right:10px;}
	.detail_title .detail_caption{ padding:20px 50px;}
	.detail_title{ font-size:120%;}
	
	.detail_nav_mobile a,.detail_nav a{ padding:0 6px;}
}

@media only screen and (max-width:480px){
	.detail_nav{}
	.detail_nav_mobile a{ /*display:block; float:left; padding:0 0 0 15px;*/ display:inline-block;}
}

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

.more_btn{ background:url(../images/brand/more.png) no-repeat; width:54px; height:54px; margin:45px auto; display:block; text-indent:-9999px;}

@media only screen and (max-width:767px){
	.honor_banner_nav{ font-size:100%; padding:0 0.9375rem; overflow:hidden; zoom:1;}
	.honor_banner_nav a{ /*display:block; float:left; padding:0 0 0 12px; */display:inline-block; padding:0 6px;}
	
	.banner_nav a{ padding:0 8px;}
}

#loading{ clear:both; background:url(../images/common/loading.gif) no-repeat center top; padding:25px 0 25px 0; text-align:center; color:#aeaeae; display:none;}

.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%;}
@media only screen and (max-width:1172px){
	.banner_img .about_title{ bottom:10%;}
}
@media only screen and (max-width:767px){
	.banner_img .about_title{  width:60%; margin:0 0 0 -30%;}
}

.culture_title{ background:url(../images/history_detail_title.png) no-repeat top center; padding:35px 0 0 0; text-align:center; color:#99855d; margin:0 0 30px 0; }
.culture_title_inner{ background:url(../images/history_detail_title.png) no-repeat bottom center; padding:0 0 35px 0;}
.culture_title h3{font-family:hancock; font-size:50px; }
.culture_title h4{ font-size:20px; font-style:italic;}
.culture_title_2,.culture_title_2 .culture_title_inner{ background-image:url(../images/brand/magzine_title.png);}
@media only screen and (max-width:767px){
	.culture_title h3{font-size:24px; line-height:2.5rem; }
}


.line{ border-bottom:1px dotted #cccbc7; height:0px; overflow:hidden; margin:36px 0;}
.detail_line{ background:url(../images/loving/detail_line.png) no-repeat center; height:30px}