﻿@charset "UTF-8";

*, ::after, ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body {
    font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
}
html {
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
}
body {
    background: #f1f1f1;
	overflow-x: hidden;
	color: #333;
}
h1, h2, h3, h4, h5, h6 {
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	padding: 0;
	margin: 0;
}
input, textarea,pre{font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
input, textarea {
	margin: 0;
	padding: 0;
	outline: 0;
	border-radius: 0;
}
a, a:active {
	color: #3e3a39;
}
a:hover {
	color: #c8a063;
}
a, a:link, a:visited, a:hover, a:active {
text-decoration: none;
 /* 去掉链接触摸高亮 */
noline:-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
}
:focus, a:focus {
	outline: none;
	-moz-outline: none;
}
table, td, th {
	border-collapse: collapse;
	border-spacing: 0;
}
.ul, .ul li {
	list-style: none;
}
hr {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	background-color: #000;
	height: 1px
}
img {
	border: none;
	max-width: 100%;
	vertical-align: middle;
}
.Ispic {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	margin: 0;
	text-align: justify;
	text-justify: inter-ideograph;
}
.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
	zoom: 0;
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}
/*单行文本省略号*/
.dot {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.dot2, .dot3, .dot4 {
	display: -webkit-box;
	display: box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
}
.dot2 {
	-webkit-line-clamp: 2;
}
/*多行文本省略号*/
.dot3 {
	-webkit-line-clamp: 3;
}
.dot4 {
	-webkit-line-clamp: 4;
}
.ytable {
	display: table;
	width: 100%;
	height: 100%;
    table-layout: fixed;
}
.ytable-cell {
	display: table-cell;
	vertical-align: middle;
}
/*设置隐藏*/
.fl {
	float: left;
}
.fr {
	float: right;
}
.auto-inner {
	width: 87.6%;
	max-width: 1200px;
	margin: 0 auto;
}
.pr {
	position: relative;
}
.nm {
	margin: 0;
}
.nfw {
	font-weight: normal;
}
.img-block {
	display: block;
	width: 100%;
}
/*STAR*/
@media(min-width:1025px){
.f_12{font-size: 12px;}
}
.ff-blod{font-weight: bold;}

.top-main{background: #f1f1f1;padding: 26px 0; z-index: 100;height: 79px;z-index:1000;}
.top-main .logo{position: absolute; left: 0; top: 0; height: 100%; width: 237px;}
.top-right{position: absolute;right: 0; top: 26px; width: 233px;}
.top-right dl > *{float: left;}
.open-search{margin-left: 26px;}
.top-member a.a_log,
.open-search a{display: block; background-repeat:no-repeat;background-position: center center;}
.open-search{padding-top: 3px;}
.open-search a{width: 22px; height: 22px; background-image: url("../images/top/search-btn.png");position: relative;}
.open-search.on a{background: #c19961;}
.open-search.on a:before,
.open-search.on a:after{position: absolute; content: ''; width: 70%; height: 2px; background: #fff; left: 15%; top: 50%; margin-top: -1px; transform: rotate(45deg);}
.open-search.on a:after{transform: rotate(-45deg);}
.top-member{margin-left: 40px; margin-right: 39px;}
.top-member a.a_log{height: 27px;width: 27px;background-image: url("../images/top/icon_member.png");}
.top-lang a{font-size: 12px;color: #717071; display: block;line-height: 27px; padding-right: 24px;position: relative;font-weight: normal;}
.top-lang a:after{position: absolute; content: ''; width: 8px; height:8px;right: 0; top: 50%; margin-top: -6px; border-bottom: 1px solid #787778;border-right: 1px solid #787778; transform: rotate(45deg);}

.top-menu li{font-weight: bold; line-height: 27px; letter-spacing: 3px;}

.top-search,
.menu-hover{display: none;}
.top-search{padding-top: 13px;position: absolute; left: 0; top: 100%;width: 100%;background: rgba(255,255,255,0.9);}
.top-search .hover-height{position: relative;}
.top-search .btn{position: absolute;top: 22px;width: 22px; height: 22px;background: url("../images/top/search-btn-gray.png") no-repeat center center;}
.top-search .text{width: 100%; height: 61px; line-height: 59px; border: 0;background: none; border-bottom: 2px solid #aeaeaf;color: #c2c3c4; font-size: 18px; letter-spacing: 3px;}
.top-search .text.focus{color: #333;}
.menu-hover{border-top: 1px solid #fff;}
.menu-hover .big-title{position: absolute; width: 237px; text-align: center; top: 45%; transform: translateY(-50%); left: 0;color: #c19962;font-weight: bold;}
.menu-hover .big-title .t-1{font-size: 30px;}
.menu-hover .big-title .t-2{font-size: 22px;}
.menu-hover ul:before{display: block; content: '';background: #595757; margin: 23px 0; width: 12px; height: 3px;}
.menu-hover ul{ letter-spacing: 3px;}
.menu-hover ul li{line-height: 20px;}
.menu-hover ul li a{color: #595757;}
.menu-hover ul li a.f_12{letter-spacing: 0;}
.menu-hover ul ol li{margin-top: 19px;}
.menu-hover ul > li{margin-bottom: 19px;}
.menu-hover ul ol li a{color: #828282;font-size: 14px;}
.menu-hover ul li a:hover{color: #c8a063;}

@media(min-width:1025px){
.same_leftright{padding-left: 237px;padding-right: 233px;}
.top-main .logo{ padding-left: 38px;}
.top-main .logo img{height: 55px;}
.top-menu{border-left: 1px solid #979799;border-right: 1px solid #979799; }
.top-menu ul{ padding-left: 5%;}
.menu-hover ul,
.top-menu li{float: left; width: 14.285%; text-align: left;}
.menu-hover ul{ text-align: left;}
.menu-hover ul li,
.top-menu li {font-size:88%;}
.hover-height{min-height: 35.05vw; padding-left: 5%;}
.menu-hover{position: absolute; left: 0; top: 100%;width: 100%;background: rgba(255,255,255,0.9);}
.top-search .hover-height{padding-right: 4px;}
.top-search .btn{left: 100%;margin-left: 28px;}
}
@media(min-width:1025px) and (max-width:1366px){
.top-right{width: 180px;}
.top-member{margin: 0 20px;}
.same_leftright{padding-right: 180px; padding-left: 219px;}
.top-main .logo{padding-left: 20px;}
}
@media(max-width:1200px){
 .top-menu li{letter-spacing: 0;}
}
@media(max-width:1024px){
.top-menu{position: fixed; left:-100%; opacity: 0; top: 79px;bottom: 0; z-index: 200;background: rgba(255,255,255,0.9);width: 240px; padding: 20px; transition: 0.3s;}
body.showMenu .top-menu{left: 0;opacity: 1;}
.top-menu> ul{height: 100%;overflow: auto;}
 .top-menu li b{padding:10px 0;display: block;position: relative;overflow: hidden; }
    .top-menu li b span{position: absolute; right:0; top: 0; height: 47px; width: 40px; z-index: 10;transition: 0.3s;}
    .top-menu li b span.click{transform: rotate(180deg);}
    .top-menu li b span:after{position: absolute; content: ''; border:6px solid transparent; border-top-color: #c8a063; top: 50%; margin-top: -6px; left: 50%; margin-left: -6px;}
.top-menu > ul >  li{padding:10px 0;position: relative;border-bottom: 1px solid #ccc;overflow: hidden;}
.top-menu > ul > li > a{display: block; margin-right: 40px;}
.top-menu > ul > li .sub ol,
.top-menu > ul > li .sub{display: none;}
.top-menu > ul > li .sub{background: rgba(255,255,255,0.9);padding: 10px;}
    .top-menu > ul > li .sub li:not(:last-child){border-bottom: 1px solid #ccc;}
.top-menu > ul > li i{position: absolute; right: 5px; width: 30px; height: 30px; top: 9px; transition: 0.3s;}
    .top-menu > ul > li i.click{transform: rotate(45deg);}
    .top-menu > ul > li i:after,
    .top-menu > ul > li i:before{position: absolute;background: #c8a063; content: ''; left: 50%; top: 50%; transform: translate(-50%,-50%);}
    .top-menu > ul > li i:before{width: 10px; height: 2px;}
    .top-menu > ul > li i:after{width: 2px; height: 10px;}
    .top-menu > ul > li .sub ol{padding: 10px;background: rgba(0,0,0,0.1);}
    .top-menu > ul > li .sub ol li b{padding-top: 5px; padding-bottom: 5px;}
.menu-hover{display: none!important;}
.open-menu{width: 40px; height: 40px; margin:-7px 0 0 20px;position: relative;}
.open-menu i{position: absolute; width: 70%; height: 3px; background: #c8a063; left:15%; top: 50%; margin-top: -1.5px; transition: 0.3s;}
.open-menu i:nth-child(2){margin-top: -8px;}
.open-menu i:nth-child(3){ margin-top: 6px;}
.open-menu.on i:nth-child(1){opacity: 0;}
 .open-menu.on i:not(:nth-child(1)){transform: rotate(45deg); margin-top: -1.5px;}
.open-menu.on i:nth-child(3){transform: rotate(-45deg);}
.top-right{width: auto;}
.top-member{margin: 0 20px;}
.top-main .logo{left: 2%; width: 30%;}
.top-search{padding: 20px 0 20px 20px;}
.top-search .hover-height{padding-right: 50px;}
.top-search .btn{right: 10px;}
.top-search .text{font-size: 14px;line-height: 30px;padding: 10px 0; height: 52px;}
    
body.showMenu{overflow: hidden;}
}

.slick-arrow{ height: 50px; width: 50px; border-radius: 3px; background: #231815;position: relative;border: 0; cursor: pointer;padding: 0;font-size: 0; z-index: 20; opacity: 0.5; transition: 0.3s;}
.slick-arrow:before{position: absolute; content: ''; width: 12px; height: 12px; border-left: 2px solid #fff;border-bottom: 2px solid #fff; left: 50%; top: 50%; margin: -6px 0 0 -4px; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.slick-next{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.slick-arrow:hover{opacity: 1;}
@media(max-width:480px){
.slick-arrow{height: 10vw; width: 10vw;}
}
.slick-dots{ text-align: center;}
.slick-dots li{display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: #fff; margin: 0 5px;}
.slick-dots li.slick-active{background: #c19962;}
.slick-dots li button{display: none;}
@media(max-width:768px){
.slick-dots li{ width: 10px;height: 10px;}
}

/*bottom*/
.bottom-main{padding: 35px 0;background: #231815;color: #fff;font-weight: normal;font-size: 12px;}
.bottom-main .auto-inner{max-width: 1340px;}
.bottom-main nav a{float: left;color: #fff;letter-spacing: 3px;font-size: 14px;font-weight: bold;}
.bottom .logo{margin-bottom: 35px;}
.bottom .share ul > *{float: left;line-height: 32px;}
.bottom .share ol{color: #c19962;font-size: 20px;}
.bottom .share li{position: relative; z-index: 50;margin-left: 16px;}
.bottom .share li a{display: block;width: 32px; height: 32px;background: url("../images/bottom/icon-sina.png") no-repeat center center; cursor: pointer;}
.bottom .share li a.wx{background-image: url("../images/bottom/icon-wx.png");}
.bottom .share li figure{display: none; position: absolute; left: 120%; width: 100px; top: 50%; margin-top: -50px;}
.bottom .share li figure img{display: block;width: 100%;}
.bottom .danwei .item .inner b{display: block;}

@media(min-width:1201px){
 .bottom .danwei .item{max-width: 416px;}
}
@media(min-width:1025px){
.bottom-main nav{margin-bottom: 70px;}
.bottom .logo-share{float: left; width: 34.75%; padding-right: 5%;}
.bottom .danwei{float: left;width: 65.25%;} 
.bottom .danwei .item{float: left;width: 50%; padding-right: 2%;}
/* .bottom .danwei dl.dl {float: right;} */
.bottom .danwei .item .inner {padding-bottom: 27px;}
.bottom .danwei .item:nth-child(2n+1){clear: left;}
.bottom .danwei .item .inner b{padding-bottom: 27px;}
.bottom-main .copyright{padding-top: 60px;}
}
@media(max-width:1024px){
.bottom-main{text-align: center;}
.bottom .share{display: table; margin: 0 auto;}
.bottom .logo-share{padding: 6vw 0;}
.bottom .danwei .item .inner{margin-bottom: 5vw;}

}
@media(max-width:768px){
.bottom-main nav a{margin:10px  20px  10px 0!important; }
.bottom .danwei .item .inner b{padding-bottom: 5px;}
.bottom-main .logo img{width: 50%;max-width: 269px;}
.bottom .share ol{font-size: 16px;}

.bottom .share li figure {
	left: 50%;
	margin-left: -50px;
	bottom: 120%;
	margin-top: 0;
	top: auto;
}
}
.home-ban {clear:both;}