@charset "utf-8";

html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body { font: 14px/1.8 "Microsoft Yahei","微软雅黑","Hiragino Sans GB","冬青黑体",tahoma,"times new roman",helvetica,arial; margin: 0 auto; color: #666; background-color: #fff;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
img { border: 0; }
input, textarea, select, option { background: none; outline: 0; font-family: "微软雅黑"; padding: 0; margin: 0; }
input { outline: none; font-family: "Microsoft Yahei","微软雅黑",tahoma,"times new roman",helvetica,arial;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none;}
::-moz-selection { background: #d7949b; color: #fff; text-shadow: none; }
::selection { background: #d7949b; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }

@media (min-width: 1200px){
	.col-xl-6{
		padding-right: 0px!important;
		padding-left:0px!important;
		}
	.col-lg-6{
		padding-right: 0px!important;
		padding-left:0px!important;
		}
}
@media (min-width: 992px){
	.col-xl-6{
		padding-right: 0px!important;
		padding-left:0px!important;
		}
	.col-lg-6{
		padding-right: 0px!important;
		padding-left:0px!important;
		}
}
@media (min-width: 768px){
	.col-xl-6{
		padding-right: 0px!important;
		padding-left:0px!important;
		}
	.col-lg-6{
		padding-right: 0px!important;
		padding-left:0px!important;
		}
}
@media (min-width: 576px){
	.col-xl-6{
		padding-right: 0px!important;
		padding-left:0px!important;
		}
	.col-lg-6{
		padding-right: 0px!important;
		padding-left:0px!important;
		}
}
.over-img {
	overflow: hidden;
}

.eli-padd {
	padding-left: 0;
	padding-right: 0;
}

.xysimg {
	height: 0;
	position: relative;
	overflow: hidden;
}

.xysimg img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	display: block;
}

.default-padd{
	padding-left: 15px;
	padding-right: 15px;
}
.default-container{
	max-width: 1400px;
	margin: 0 auto;
}
.icon-line1{
	background: url(../images/line.png) left top;
    height: 6px;
    display: inline-block;
    width: 100%;
}
.icon-line1.line-one{
	height: 1px;
}






.default-align-right {
	text-align: right;
}

.default-padd-15 {
	padding-left: 15px;
	padding-right: 15px;
}

.default-padd-25 {
	padding-left: 25px;
	padding-right: 25px;
}

.default-padd-30 {
	padding-left: 30px;
	padding-right: 30px;
}

.padd-bottom-0 {
	padding-bottom: 0 !important;
}

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

.default-ny-container {
	max-width: 1440px;
	margin: 0 auto;
}

.default-index-container {
	max-width: 1680px;
	margin: 0 auto;
}

@media screen and (max-width: 767px) {
	.default-padd-30 {
		padding-left: 15px;
		padding-right: 15px;
	}
}


/*模块上下边距*/
.container-padd-tb100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.container-padd-tb90 {
	padding-top: 90px;
	padding-bottom: 90px;
}

.container-padd-tb80 {
	padding-top: 80px;
	padding-bottom: 80px;
}

.container-padd-tb70 {
	padding-top: 70px;
	padding-bottom: 70px;
}

.container-padd-tb60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.container-padd-tb50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.container-padd-t100 {
	padding-top: 100px;
}

.container-padd-t90 {
	padding-top: 90px;
}

.container-padd-t80 {
	padding-top: 80px;
}

.container-padd-t70 {
	padding-top: 70px;
}

.container-padd-t60 {
	padding-top: 60px;
}

.container-padd-t50 {
	padding-top: 50px;
}

.container-padd-b100 {
	padding-bottom: 100px;
}

.container-padd-b90 {
	padding-bottom: 90px;
}

.container-padd-b80 {
	padding-bottom: 80px;
}

.container-padd-b70 {
	padding-bottom: 70px;
}

.container-padd-b60 {
	padding-bottom: 60px;
}

.container-padd-b50 {
	padding-bottom: 50px;
}

@media screen and (max-width: 1680px) {
	.container-padd-tb100 {
		padding-top: 90px;
		padding-bottom: 90px;
	}

	.container-padd-t100 {
		padding-top: 90px;
	}

	.container-padd-b100 {
		padding-bottom: 90px;
	}
}

@media screen and (max-width: 1440px) {

	.container-padd-tb100,
	.container-padd-tb90 {
		padding-top: 80px;
		padding-bottom: 80px;
	}

	.container-padd-t100,
	.container-padd-t90 {
		padding-top: 80px;
	}

	.container-padd-b100,
	.container-padd-b90 {
		padding-bottom: 80px;
	}
}

@media screen and (max-width: 1280px) {

	.container-padd-tb100,
	.container-padd-tb90,
	.container-padd-tb80 {
		padding-top: 70px;
		padding-bottom: 70px;
	}

	.container-padd-t100,
	.container-padd-t90,
	.container-padd-t80 {
		padding-top: 70px;
	}

	.container-padd-b100,
	.container-padd-b90,
	.container-padd-b80 {
		padding-bottom: 70px;
	}
}

@media screen and (max-width: 1199px) {

	.container-padd-tb100,
	.container-padd-tb90,
	.container-padd-tb80,
	.container-padd-tb70 {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.container-padd-t100,
	.container-padd-t90,
	.container-padd-t80,
	.container-padd-t70 {
		padding-top: 60px;
	}

	.container-padd-b100,
	.container-padd-b90,
	.container-padd-b80,
	.container-padd-b70 {
		padding-bottom: 60px;
	}
}

@media screen and (max-width: 991px) {

	.container-padd-tb100,
	.container-padd-tb90,
	.container-padd-tb80,
	.container-padd-tb70,
	.container-padd-tb60 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.container-padd-t100,
	.container-padd-t90,
	.container-padd-t80,
	.container-padd-t70,
	.container-padd-t60 {
		padding-top: 50px;
	}

	.container-padd-b100,
	.container-padd-b90,
	.container-padd-b80,
	.container-padd-b70,
	.container-padd-b60 {
		padding-bottom: 50px;
	}
}

@media screen and (max-width: 767px) {

	.container-padd-tb100,
	.container-padd-tb90,
	.container-padd-tb80,
	.container-padd-tb70,
	.container-padd-tb60,
	.container-padd-tb50 {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.container-padd-t100,
	.container-padd-t90,
	.container-padd-t80,
	.container-padd-t70,
	.container-padd-t60,
	.container-padd-t50 {
		padding-top: 40px;
	}

	.container-padd-b100,
	.container-padd-b90,
	.container-padd-b80,
	.container-padd-b70,
	.container-padd-b60,
	.container-padd-b50 {
		padding-bottom: 40px;
	}
}

@media screen and (max-width: 575px) {

	.container-padd-tb100,
	.container-padd-tb90,
	.container-padd-tb80,
	.container-padd-tb70,
	.container-padd-tb60,
	.container-padd-tb50 {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.container-padd-t100,
	.container-padd-t90,
	.container-padd-t80,
	.container-padd-t70,
	.container-padd-t60,
	.container-padd-t50 {
		padding-top: 30px;
	}

	.container-padd-b100,
	.container-padd-b90,
	.container-padd-b80,
	.container-padd-b70,
	.container-padd-b60,
	.container-padd-b50 {
		padding-bottom: 30px;
	}
}

/*模块上下边距 end*/

/*元素边距*/
.model-padd-t10 {
	padding-top: 10px;
}

.model-padd-t20 {
	padding-top: 20px;
}

.model-padd-t30 {
	padding-top: 30px;
}

.model-padd-t40 {
	padding-top: 40px;
}

.model-padd-t50 {
	padding-top: 50px;
}

.model-padd-t60 {
	padding-top: 60px;
}

.model-padd-t70 {
	padding-top: 70px;
}

.model-padd-t80 {
	padding-top: 80px;
}

.model-padd-b10 {
	padding-bottom: 10px;
}

.model-padd-b20 {
	padding-bottom: 20px;
}

.model-padd-b30 {
	padding-bottom1: 30px;
}

.model-padd-b40 {
	padding-bottom: 40px;
}

.model-padd-b50 {
	padding-bottom: 50px;
}

.model-padd-b60 {
	padding-bottom: 60px;
}

.model-padd-b70 {
	padding-bottom: 70px;
}

.model-padd-b80 {
	padding-bottom: 80px;
}


.model-padd-l10 {
	padding-left: 10px;
}

.model-padd-l20 {
	padding-left: 20px;
}

.model-padd-l30 {
	padding-left: 30px;
}

.model-padd-l40 {
	padding-left: 40px;
}

.model-padd-l50 {
	padding-left: 50px;
}

.model-padd-l60 {
	padding-left: 60px;
}

.model-padd-l70 {
	padding-left: 70px;
}

.model-padd-r10 {
	padding-right: 10px;
}

.model-padd-r20 {
	padding-right: 20px;
}

.model-padd-r30 {
	padding-right: 30px;
}

.model-padd-r40 {
	padding-right: 40px;
}

.model-padd-r50 {
	padding-right: 50px;
}

.model-padd-r60 {
	padding-right: 60px;
}

.model-padd-r70 {
	padding-right: 70px;
}

@media screen and (max-width: 1680px) {
	.model-padd-t80 {
		padding-top: 70px;
	}

	.model-padd-b80 {
		padding-bottom: 70px;
	}

	.model-padd-l70 {
		padding-left: 55px;
	}

	.model-padd-r70 {
		padding-right: 55px;
	}
}

@media screen and (max-width: 1440px) {

	.model-padd-t70,
	.model-padd-t80 {
		padding-top: 60px;
	}

	.model-padd-b70,
	.model-padd-b80 {
		padding-bottom: 60px;
	}

	.model-padd-l60,
	.model-padd-l70 {
		padding-left: 40px;
	}

	.model-padd-r60,
	.model-padd-r70 {
		padding-right: 40px;
	}
}

@media screen and (max-width: 1199px) {

	.model-padd-t60,
	.model-padd-t70,
	.model-padd-t80 {
		padding-top: 50px;
	}

	.model-padd-b60,
	.model-padd-b70,
	.model-padd-b80 {
		padding-bottom: 50px;
	}

	.model-padd-l50,
	.model-padd-l60,
	.model-padd-l70 {
		padding-left: 25px;
	}

	.model-padd-r50,
	.model-padd-r60,
	.model-padd-r70 {
		padding-right: 25px;
	}
}

@media screen and (max-width: 991px) {

	.model-padd-t50,
	.model-padd-t60,
	.model-padd-t70,
	.model-padd-t80 {
		padding-top: 40px;
	}

	.model-padd-b50,
	.model-padd-b60,
	.model-padd-b70,
	.model-padd-b80 {
		padding-bottom: 40px;
	}

	.model-padd-l40,
	.model-padd-l50,
	.model-padd-l60,
	.model-padd-l70 {
		padding-left: 10px;
	}

	.model-padd-r40,
	.model-padd-r50,
	.model-padd-r60,
	.model-padd-r70 {
		padding-right: 10px;
	}
}

@media screen and (max-width: 767px) {

	.model-padd-t40,
	.model-padd-t50,
	.model-padd-t60,
	.model-padd-t70,
	.model-padd-t80 {
		padding-top: 30px;
	}

	.model-padd-b40,
	.model-padd-b50,
	.model-padd-b60,
	.model-padd-b70,
	.model-padd-b80 {
		padding-bottom: 30px;
	}

	.model-padd-l30,
	.model-padd-l40,
	.model-padd-l50,
	.model-padd-l60,
	.model-padd-l70 {
		padding-left: 0px;
	}

	.model-padd-r30,
	.model-padd-r40,
	.model-padd-r50,
	.model-padd-r60,
	.model-padd-r70 {
		padding-right: 0px;
	}
}

@media screen and (max-width: 575px) {
	.model-padd-t30 {
		padding-top: 15px;
	}

	.model-padd-t40,
	.model-padd-t50,
	.model-padd-t60,
	.model-padd-t70,
	.model-padd-t80 {
		padding-top: 25px;
	}

	.model-padd-b30 {
		padding-bottom1: 15px;
	}

	.model-padd-b40,
	.model-padd-b50,
	.model-padd-b60,
	.model-padd-b70,
	.model-padd-b80 {
		padding-bottom: 25px;
	}

	.model-padd-l30,
	.model-padd-l40,
	.model-padd-l50,
	.model-padd-l60,
	.model-padd-l70 {
		padding-left: 0px;
	}

	.model-padd-r30,
	.model-padd-r40,
	.model-padd-r50,
	.model-padd-r60,
	.model-padd-r70 {
		padding-right: 0px;
	}
}

/*元素边距 end*/

/*编辑版开始*/
.bjb{
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 14px;
}
.bjb img{
	max-width: 100%;
	height: auto;
}

.bjb h1,
.bjb h2,
.bjb h3,
.bjb h4,
.bjb h5,
.bjb p{
	color: #666666;
}
.bjb p{
	line-height: 2em;
	font-size: 14px;
}
@media screen and (max-width: 767px) {
	.bjb{
		padding-top: 20px;
		padding-bottom: 20px;
	}
}
/*编辑版结束*/
@media screen and (min-width: 1200px) {
	.hidden-xl {
		display: none !important;
		opacity: 0;
		visibility: hidden;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-lg {
		display: none !important;
		opacity: 0;
		visibility: hidden;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.hidden-md {
		display: none !important;
		opacity: 0;
		visibility: hidden;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.hidden-sm {
		display: none !important;
		opacity: 0;
		visibility: hidden;
	}
}

@media screen and (max-width: 575px) {
	.hidden-xs {
		display: none !important;
		opacity: 0;
		visibility: hidden;
	}
}

.bgcolor1 {
	background-color: #f5f5f5;
}
.bgcolor2 {
	background-color: #1a56a6;
}
.bgcolor3 {
	border-bottom: 1px solid #f5f5f5;
}
.bgcolor4 {
	background-color: #fafafa;
}
.bgcolor5 {
	background-color: #fff;
}

.bgimg1 {
	background-image: url(../images/jsbg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.bgimg2 {
	background-image: url(../images/jdbg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
/*头部*/
/*pc*/


.header{ height: 80px;}
.top a:link, .top a:visited { color: #333333;}
.top a:active,.top a:hover { color: #eb6b24;}   
.top{ position: fixed; z-index: 999; width: 100%; left: 0; top: 0; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}
.logo{ float: left; margin-left: 3%; display: block; position: relative;}
.logo a{display: block;height1: 53px;padding: 11px 0px;}
.logo .img{ height: 100%; display: block;}
.nav{ float: right; display: block; padding-right: 25px;}
.nav li{ float: left; display: block; position: relative;}
.nav li>a{position: relative;height: 80px;line-height: 80px;display: block;padding: 0px 18px;z-index: 1;font-size: 16px;}
.nav li>a.active{ color: #eb6b24;}
.nav li>a.hov,.nav li>a:hover{ color: #fff;}
.nav a:before {  content:""; width:100%; height:100%; background-color:#eb6b24; z-index: -1; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9;}
.nav>li>a:hover:before,.nav>li>a.hov:before { transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.nav .subnav{ position: absolute; z-index: 10; left: 50%; top: 109px; border-top: 1px solid #cacaca; width: 150px; padding: 10px 0px; margin-left: -75px; background-color: #ffffff; display: none; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);}
.nav .subnav a{ display: block; padding: 8px 0px; line-height: 1.4; color: #666666; text-align: center; position: relative; z-index: 1; perspective: 300px; transform-style: preserve-3d; font-size: 13px;}
.nav .subnav a:after{ content: ""; position: absolute; width: 7px; height: 11px; right: 10px; top: 50%; margin-top: -5px; opacity: 0; visibility: hidden\9; -webkit-transition: 0.4s; transition: 0.4s;}
.nav .subnav a:before{ content: ""; display: block;position: absolute; left: 0px; bottom: 0px; z-index: -1; width: 100%; display: block; height: 100%; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transform: rotateX(-70deg); transform: rotateX(-70deg); z-index:-1; transform-origin: center bottom 0; -webkit-transform-origin: center top 0; left:0; opacity:0; bottom: 0; visibility:hidden; background-color: #ececec;}
.nav .subnav a:hover{ color: #eb6b24;}
.nav .subnav a:hover:before,.nav .subnav a.hov:before{  transform: none; opacity: 1; visibility:visible;}
.nav .subnav a:hover:after,.nav .subnav a.hov:after{ opacity: 1; visibility: visible\9;}
.nav .subnav>div{ position: relative;}
.nav .subnav dl{ position: absolute; left: 100%; top: 0; width: 140px; padding: 1px; background-color: #ececec; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); display: none;}
.nav .subnav dl a:after{ display: none;}
.nav .subnav dl a:before{ background-color: #eb6b24;}
.nav .subnav dl a:hover{ color: #fff;}
.top-sider a:link, .top-sider a:visited { color: #646464;}
.top-sider a:active,.top-sider a:hover { color: #eb6b24;}
.top-sider{ float: right; display: block; width: 110px; border-left: 1px solid #d2d2d2; line-height: 40px; text-align: center;}
.follow-box{ border-bottom: 1px solid #d2d2d2; height: 39px; line-height: 39px;}
.follow-box a{ width: 30px; height: 100%; display: inline-block; position: relative; margin: 0px 8px;}
.follow-box a .ico{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center;}
.follow-box a .i2{ opacity: 0; visibility: hidden; transition: 0.3s; -webkit-transition: 0.3s;}
.follow-box a:hover .i2{ opacity: 1; visibility: visible;}

.menu-handler {width:60px;height:56px; float: right; display: none; position: relative;}
.menu-handler .burger {display: block;width:24px;height:3px;background-color:#666666;-webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .5s cubic-bezier(.25,.46,.45,.94); -ms-transition:all .5s cubic-bezier(.25,.46,.45,.94);-o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94); position: absolute; left: 50%; margin-left: -12px;}
.menu-handler .burger-1 { top: 18px;}
.menu-handler .burger-2 { top: 27px;}
.menu-handler .burger-3{ top: 36px;}
.menu-handler.active .burger { top: 27px;}
.menu-handler.active .burger-1 {-moz-transform:rotate(225deg); -ms-transform:rotate(225deg);-webkit-transform:rotate(225deg); transform:rotate(225deg)}
.menu-handler.active .burger-2 {opacity:0; -moz-transform:rotate(360deg); -ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.menu-handler.active .burger-3 {-moz-transform:rotate(-225deg);-ms-transform:rotate(-225deg);-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}
.menuBox a:link, .menuBox a:visited { color: #333333;}
.menuBox a:active,.menuBox a:hover { color: #eb6b24;}   
.menuBox { background-color: #f7f7f7; color: #333333; position: fixed; display: none; right: 0px; top: 0px;  height: 100%; height:100vh; overflow-x:hidden;  overflow-y:auto;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%); -webkit-overflow-scrolling:touch; width: 400px; z-index: 980;  -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94); -moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94); -o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94); }
.menuMoblie{ padding: 80px 0px 100px;}
.menuMoblie li { border-bottom: 1px solid #b5b5b5; }
.menuMoblie .nav-link { color: #333333; display: block; font-size: 16px; padding: 12px 8%; position: relative;}
.menuMoblie .nav-link.cur{ background-color: #eb6b24; color: #fff;}
.menuMoblie .nav-link:before{ content:""; width: 8px; height: 8px; border: 2px solid #fff; border-radius: 50%; position:absolute; right:26px; top:50%; transform:translateY(-50%) scale(0); -webkit-transform:translateY(-50%) scale(0); -moz-transform:translateY(-50%) scale(0); transition:0.4s; -webkit-transition:0.4s;}
.menuMoblie .cur:before{ transform:translateY(-50%) scale(1); -webkit-transform:translateY(-50%) scale(1); -moz-transform:translateY(-50%) scale(1);}
.menuMoblie .subnav { background-color: #d6d6d6; padding: 10px 0 20px; font-size: 15px; display: none;}
.menuMoblie .subnav p{ border-top: 1px solid #b5b5b5;}
.menuMoblie .subnav p:first-child{ border-top-color: #fff;}
.menuMoblie .subnav a { position: relative; display: block; padding: 12px 8%; line-height: 1.4;}
.menuMoblie .subnav dl{ background-color: #CFCFCF; margin: 0px 8% 10px; padding: 8px; font-size: 14px;}
.menuMoblie .subnav dl a{ padding: 8px 15px; position: relative;}
.menuMoblie .subnav dl a:before{ content: ""; position: absolute; left: 5px; top: 16px; width: 5px; height: 1px; background-color: #998e8e;}
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.4); z-index: 900; visibility:hidden; filter:alpha(Opacity=0);opacity:0;-webkit-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -moz-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -ms-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -o-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;}
.menuOpen .pusher-black { visibility:visible;filter:alpha(enabled=false); opacity:1;}
.menuOpen .menuBox { -moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0);  transform:translateX(0) }
.ermsblack { background: url(../images/black_50.png) repeat; background: none rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 1030; display: none; }



/*底部*/
/*pc*/
.pc-foot-bgcolor{
	background-color: #333333;
}
.pc-foot{
	padding: 70px 15px 0;
}
.pc-foot .dl-list{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    align-items: baseline;
    -webkit-align-items: baseline;
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.pc-foot .dl-list dl{
	display: block;
    flex-shrink: 1;
    -webkit-flex-shrink: 1;
    -moz-flex-shrink: 1;
    margin-bottom: 0;
    align-self: baseline;
    -webkit-align-self: baseline;
    -moz-align-self: baseline;
}
.pc-foot .dl-list dl dt{
	font-weight: 100;
	margin-bottom: 20px;
}
.pc-foot .dl-list dl dt a{
	font-size: 20px;
	color: #fff;
	text-decoration: none;
}
.pc-foot .dl-list dl dd{
	margin-bottom: 15px;
}
.pc-foot .dl-list dl dd a{
	font-size: 20px;
	color: #858585;
	text-decoration: none;
}
.pc-foot .dl-list dl dd a:hover{
	color: #fff;
}
.pc-foot .sx-box{
	position: relative;
	width: 100%;
	height: 100%;
}
.pc-foot .sx-box .sx{
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	width: 1px;
	background-color: #464646;
}
.pc-foot .gzwm{
	font-size: 20px;
	color: #fff;
	font-weight: 100;
	margin-bottom: 20px;
}
.pc-foot .text-box1{
	margin-bottom: 30px;
}
.pc-foot .text-box1 .title{
	color: #fff;
	font-size: 20px;
	margin-bottom: 20px;
}
.pc-foot .text-box1 .phone{
	color: #ff8433;
	font-size: 30px;
	font-weight: bold;
}
.pc-foot .text-box2 .title{
	color: #fff;
	font-size: 20px;
	margin-bottom: 20px;
}
.pc-foot .text-box2 .add{
	color: #858585;
	font-size: 20px;
}

.pc-foot .box2 {
	border-top: 1px solid #464646;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 50px;
	text-align: center;
}

.pc-foot .box2 p{
	font-size:18px;
}
.pc-foot .box2 .left{
	display: inline-block;
	vertical-align: middle;
}
.pc-foot .box2 .left .text{
	color: #858585;
	display: inline-block;
}
.pc-foot .box2 .left .text a{
	color: #858585;
	margin-left: 15px;
	font-size: 18px;
}
.pc-foot .box2 .left .text a:hover{
	color: #fff;
}
.pc-foot .box2 .left .list{
	display: inline-block;
}
.pc-foot .box2 .left .list li{
	display: inline-block;
	margin-left: 15px;
}
.pc-foot .box2 .left .list li a{
	color: #858585;
}
.pc-foot .box2 .left .list li a:hover{
	color: #fff;
}
.pc-foot .box2 .right{
	display: inline-block;
	vertical-align: middle;
	float: right;
}
.pc-foot .box2 .right a{
	padding: 10px 50px;
	color: #fff;
	text-decoration: none;
	background-color: #ff8433;
	border-radius: 200px;
	border: 1px solid #ff8433;
}
.pc-foot .box2 .right a:hover{
	color: #ff8433;
	background-color: #fff;
}

/*wap*/
.wap-foot-bgcolor{
	background-color: #333333;
}
.wap-foot{
	padding-top: 50px;
	padding-bottom: 30px;
}
.wap-foot .tel-box{
	padding-bottom: 20px;
}
.wap-foot .tel-box .title{
	color: #ffffff;
	font-size: 22px;
	margin-bottom: 10px;
}
.wap-foot .tel-box .tel{
	color: #ff8433;
	font-size: 22px;
}
.wap-foot .add-box .title{
	color: #ffffff;
	font-size: 22px;
	margin-bottom: 10px;
}
.wap-foot .add-box .add{
	color: #858585;
	font-size: 18px;
}
.wap-foot hr{
	border-top: 1px solid #464646;
	margin-top: 30px;
	margin-bottom: 30px;
}
.wap-foot .text{
	color: #858585;
	font-size: 18px;
}
.wap-foot .text a{
	font-size: 18px;
	color: #858585;
}
@media screen and (max-width: 575px) {
	.wap-foot .tel-box .title{
		font-size: 18px;
	}
	.wap-foot .tel-box .tel {
	    font-size: 18px;
	}
	.wap-foot .add-box .title {
	    font-size: 18px;
	}
	.wap-foot .add-box .add {
	    font-size: 14px;
	}
	.wap-foot hr {
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	.wap-foot .text {
	    font-size: 14px;
	}
	.wap-foot .text a{
		font-size: 14px;
	}
}
/*wap end*/

/*底部 end*/







/*bootstrap4 一行五列补充*/
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5,
.col-xl-1-5{
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}

.col-1-5 {
	flex: 0 0 20%;
	max-width: 20%;
	-ms-flex: 0 0 20%;
}

@media (min-width: 576px) {
	.col-sm-1-5 {
		flex: 0 0 20%;
		max-width: 20%;
		-ms-flex: 0 0 20%;
	}
}
@media (min-width: 768px) {
	.col-md-1-5 {
		flex: 0 0 20%;
		max-width: 20%;
		-ms-flex: 0 0 20%;
	}
}
@media (min-width: 992px) {
	.col-lg-1-5 {
		flex: 0 0 20%;
		max-width: 20%;
		-ms-flex: 0 0 20%;
	}
}
@media (min-width: 1200px) {
	.col-xl-1-5 {
		flex: 0 0 20%;
		max-width: 20%;
		-ms-flex: 0 0 20%;
	}
}
 /*bootstrap4 一行五列补充 end*/

/* 一行五列 */
@media (min-width: 992px) {
	.col-lg-bfb-20 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 calc(20% - 12px);
		-ms-flex: 0 0 calc(20% - 12px);
		flex: 0 0 calc(20% - 12px);
		max-width: calc(20% - 12px);
		margin-right: 15px;
	}
	.col-lg-bfb-20:nth-last-of-type(1) {
		margin-right: 0;
	}
}

@media (min-width: 1200px) {
	.col-xl-bfb-20 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 calc(20% - 24px);
		-ms-flex: 0 0 calc(20% - 24px);
		flex: 0 0 calc(20% - 24px);
		max-width: calc(20% - 24px);
		margin-right: 30px;
	}

	.col-xl-bfb-20:nth-last-of-type(1) {
		margin-right: 0;
	}
}
/* 一行五列 end */


/* 通用模块 */
.model-001 {
	min-width: 200px;
}
.model-002 p{    font-size: 16px;
    line-height: 30px;
    color: #666666;}
.model-001 .title-en{
    font-size: 24px;
    color: #666;
}
.model-001 .title-cn{
    font-size: 36px;
    color: #a0733e;
    line-height: 35px;
    font-weight: bold;
    padding-bottom: 15px;
}
.model-001 .xhx{
	display: inline-block;
	height: 4px;
	width: 40px;
	background-color: #1a56a6;
	margin-top: 40px;
}
@media screen and (max-width: 1199px) {
	.model-001 .title-en {
	    font-size: 22px;
	}
	.model-001 .title-cn {
	    font-size: 32px;
	}
	.model-001 .xhx{
		margin-top: 35px;
	}
}
@media screen and (max-width: 991px) {
	.model-001 .title-en {
	    font-size: 20px;
	}
	.model-001 .title-cn {
	    font-size: 30px;
	}
	.model-001 .xhx{
		margin-top: 30px;
	}
}
@media screen and (max-width: 767px) {
	.model-001 .title-en {
	    font-size: 18px;
	    margin-bottom: 10px;
	}
	.model-001 .title-cn {
	    font-size: 26px;
	}
	.model-001 .xhx{
		height: 3px;
		margin-top: 25px;
	}
}
@media screen and (max-width: 575px) {
	.model-001 .title-en {
	    font-size: 16px;
	    margin-bottom: 10px;
	}
	.model-001 .title-cn {
	    font-size: 22px;
	}
	.model-001 .xhx{
		height: 2px;
		margin-top: 20px;
	}
}


.model-003 .more{
    width: 178px;
    height: 48px;
    line-height: 48px;
    border: solid 1px #a0733e;
    float: left;
    text-indent: 20px;
    font-size: 16px;
    color: #a0733e;
    margin-top: 5px;
    background: url(../images/arrow1.png) no-repeat right 20px center;
    transition: 0.4s;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}
.model-003 .more:hover{
  color: #fff;
  text-indent: 40px;
  background: url(../images/arrow2.png) no-repeat right 10px center #a0733e;
}
.model-003 .more:after{
content: "";
    height: 0;
    display: block;
    clear: both;
}
.model-003 .more:hover:after{
   -webkit-transform: translateX(40%);
   transform: translateX(40%);
}
@media screen and (max-width: 767px) {
	.model-003 .more{
		background-position-x: 88%;
		padding: 8px 70px 8px 10px;
		height: 48px;
		line-height: 25px;
		width: 210px;
	}
	.model-003 .more:hover{
		padding: 8px 40px;
	}
}

.model-004{
	text-align: right;
}

.model-005 a{
	display: block;
	text-decoration: none;
	outline: none;
}
.model-005 .tp1{
	padding-bottom: 32.738%;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.model-005 a:hover .tp1{
	transform: scale(1.07);
	-webkot-transform: scale(1.07);
}
.model-005 .tp2{
	padding-bottom: 60.975%;
	transition: all .5s;
	-webkit-transition: all .5s;
}
.model-005 a:hover .tp2{
	transform: scale(1.07);
	-webkot-transform: scale(1.07);
}
.model-005 .over-img{
	position: relative;
}
.model-005 .zzc{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	transition: all .5s;
	-webkit-transition: all .5s;
}
.model-005 a:hover .zzc{
	background-color: rgba(0,0,0,0);
}
.model-005 .zzc .box{
	position: absolute;
	bottom: 70px;
	right: 70px;
	min-width: 300px;
	background-color: rgba(255,255,255,0.8);
	padding: 30px;
	text-align: center;
}
.model-005 .zzc .box .text-box{
	text-decoration: none;
	display: inline-flex;
	display: -webkit-inline-flex;
	align-items: center;
	-webkit-align-items: center;
}
.model-005 .zzc .box .text-box .left{
	text-align: right;
	margin-right: 20px;
}
.model-005 .zzc .box .text-box .left .title-cn{
	font-size: 28px;
	color: #a0733e;
}
.model-005 .zzc .box .text-box .left .title-en{
	font-size: 28px;
	color: #a0733e;
	font-family: "PingFangRegular";
}
.model-005 .zzc .box .text-box .right{
	text-align: left;
}
@media screen and (max-width: 1280px) {
	.model-005 .zzc .box .text-box .left .title-cn {
	    font-size: 26px;
	}
	.model-005 .zzc .box .text-box .left .title-en {
	    font-size: 26px;
	}
}
@media screen and (max-width: 1199px) {
	.model-005 .zzc .box .text-box .left .title-cn {
	    font-size: 24px;
	}
	.model-005 .zzc .box .text-box .left .title-en {
	    font-size: 24px;
	}
}
@media screen and (max-width: 991px) {
	.model-005 .zzc .box {
	    bottom: 60px;
	    right: 60px;
	    padding: 25px;
	}
	.model-005 .zzc .box .text-box .left .title-cn {
	    font-size: 22px;
	}
	.model-005 .zzc .box .text-box .left .title-en {
	    font-size: 22px;
	}
	.model-005 .zzc .box .text-box .right {
	    width: 50px;
	}
}
@media screen and (max-width: 767px) {
	.model-005 .tp1 {
	    padding-bottom: 60.975%;
	}
	.model-005 .zzc .box {
	    bottom: 50px;
	    right: 50px;
	    padding: 20px;
	}
	.model-005 .zzc .box .text-box .left .title-cn {
	    font-size: 20px;
	}
	.model-005 .zzc .box .text-box .left .title-en {
	    font-size: 20px;
	}
	.model-005 .zzc .box .text-box .right {
	    width: 45px;
	}
}
@media screen and (max-width: 575px) {
	.model-005 .zzc .box {
	    bottom: 40px;
	    right: 40px;
	    padding: 15px;
		min-width: 240px;
	}
	.model-005 .zzc .box .text-box .left .title-cn {
	    font-size: 18px;
	}
	.model-005 .zzc .box .text-box .left .title-en {
	    font-size: 18px;
	}
	.model-005 .zzc .box .text-box .right {
	    width: 40px;
	}
}
.model-006 .title-en{
	font-family: "postmaster";
	font-size: 24px;
	color: #fff;
	margin-bottom: 15px;
	line-height: 1em;
}
.model-006 .title-cn{
	font-size: 34px;
	color: #fff;
	line-height: 1em;
}
.model-006 .xhx{
	display: inline-block;
	height: 2px;
	width: 50px;
	background-color: #fff;
	margin-top: 40px;
}
.model-006 .note{
	color: #fff;
	margin-top: 15px;
	max-width: 1000px;
	line-height: 1.75em;
	font-size: 16px;
}
@media screen and (max-width: 1199px) {
	.model-006 .title-en {
	    font-size: 22px;
	}
	.model-006 .title-cn {
	    font-size: 32px;
	}
	.model-006 .xhx{
		margin-top: 35px;
	}
}
@media screen and (max-width: 991px) {
	.model-006 .title-en {
	    font-size: 20px;
	}
	.model-006 .title-cn {
	    font-size: 30px;
	}
	.model-006 .xhx{
		margin-top: 30px;
	}
}
@media screen and (max-width: 767px) {
	.model-006 .title-en {
	    font-size: 18px;
	    margin-bottom: 10px;
	}
	.model-006 .title-cn {
	    font-size: 26px;
	}
	.model-006 .xhx{
		height: 3px;
		margin-top: 25px;
	}
}
@media screen and (max-width: 575px) {
	.model-006 .title-en {
	    font-size: 16px;
	    margin-bottom: 10px;
	}
	.model-006 .title-cn {
	    font-size: 22px;
	}
	.model-006 .xhx{
		height: 2px;
		margin-top: 20px;
	}
}

.model-007 a{
	text-decoration: none;
	display: block;
	text-align: center;
	padding: 30px;
	transition: all .7s;
}
.model-007 a:hover{
	background-color: rgba(160,115,62,0.7);
	border-radius: 40px;
}
.model-007 a .hx{
	margin-top: 30px;
	margin-bottom: 30px;
}
.model-007 a .hx span{
	height: 2px;
	display: inline-block;
	width: 30px;
	background-color: #fff;
}
.model-007 a .title{
	font-size: 24px;
	height: 50px;
	font-family: "PingFangRegular";
	color: #fff;
}
.model-007 a .more{
	margin-top: 15px;
}
.model-007 a .more span{
	font-size: 14px;
	font-family: "PingFangRegular";
	color: #fff;
	opacity: 0.5;
	margin-right: 10px;
}
@media screen and (max-width: 1680px) {
	.model-007 .tp{
		width: 90px;
		text-align: center;
		margin: 0 auto;
	}
}
@media screen and (max-width: 1440px) {
	.model-007 .tp{
		width: 80px;
		text-align: center;
		margin: 0 auto;
	}
}
@media screen and (max-width: 1280px) {
	.model-007 .tp{
		width: 70px;
		text-align: center;
		margin: 0 auto;
	}
	.model-007 a:hover {
	    border-radius: 35px;
	}
	.model-007 a .title {
	    font-size: 24px;
	}
}
@media screen and (max-width: 1199px) {
	.model-007 .tp{
		width: 65px;
		text-align: center;
		margin: 0 auto;
	}
	.model-007 a:hover {
	    border-radius: 30px;
	}
	.model-007 a .hx {
	    margin-top: 25px;
	    margin-bottom: 25px;
	}
	.model-007 a .title {
	    font-size: 22px;
	}
}
@media screen and (max-width: 991px) {
	.model-007 .tp{
		width: 60px;
		text-align: center;
		margin: 0 auto;
	}
	.model-007 a {
	    padding: 25px;
	}
	.model-007 a:hover {
	    border-radius: 25px;
	}
	.model-007 a .hx {
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	.model-007 a .title {
	    font-size: 20px;
	}
}
@media screen and (max-width: 767px) {
	.model-007 .tp{
		width: 55px;
		text-align: center;
		margin: 0 auto;
	}
	.model-007 a {
	    padding: 20px;
	}
	.model-007 a:hover {
	    border-radius: 20px;
	}
	.model-007 a .hx {
	    margin-top: 15px;
	    margin-bottom: 15px;
	}
	.model-007 a .title {
	    font-size: 16px;
	}
}
@media screen and (max-width: 575px) {
	.model-007 .tp{
		width: 50px;
		text-align: center;
		margin: 0 auto;
	}
	.model-007 a {
	    padding: 15px;
	}
	.model-007 a:hover {
	    border-radius: 15px;
	}
	.model-007 a .hx {
	    margin-top: 10px;
	    margin-bottom: 10px;
	}
	.model-007 a .title {
	    font-size: 14px;
	}
}
.model-008{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
}
.model-008 .right ul>li{
	display: inline-block;
	margin-right: 80px;
	margin-bottom: 15px;
}
.model-008 .right ul>li>a{
	display: inline-block;
	padding: 10px 25px;
	font-size: 16px;
	text-decoration: none;
	color: #333333;
	transition: all .7s;
}
.model-008 .right ul>li>a:hover{
	background-color: #a0733e;
	color: #fff;
}
@media screen and (max-width: 1280px) {
	.model-008 .right ul>li {
	    margin-right: 60px;
	}
}
@media screen and (max-width: 1199px) {
	.model-008 .right ul>li {
	    margin-right: 50px;
	}
}
@media screen and (max-width: 991px) {
	.model-008 .right ul>li {
	    margin-right: 40px;
	}
}
@media screen and (max-width: 767px) {
	.model-008 .right ul>li>a {
	    padding: 8px 22px;
	    font-size: 14px;
	}
	.model-008 .right ul>li {
	    margin-right: 30px;
	}
}
@media screen and (max-width: 575px) {
	.model-008 .right ul>li>a {
	    padding: 7px 20px;
	    font-size: 14px;
	}
	.model-008 .right ul>li {
	    margin-right: 20px;
	}
}


.model-009 {
	margin-bottom: 30px;
}
.model-009 .tp{
	padding-bottom: 58.82%;
	transition: all .7s;
}
.model-009 .tp:hover{
	transform: scale(1.07);
}
.model-009 .title{
	color: #333333;
	font-size: 20px;
	margin-top: 20px;
}
.model-009 .title:hover{
	color: #1a56a6;
}
.model-009 .note{
	color: #999999;
	font-size: 14px;
	margin-top: 10px;
}
.model-009 .bo-box{
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	justify-content: space-between;
	align-items: center;
	-webkit-align-items: center;
	margin-top: 15px;
}
.model-009 .bo-box .left .date{
	color: #999999;
	font-size: 14px;
}
.model-009 .bo-box .left .cla{
	color: #999999;
	font-size: 14px;
	margin-top: 5px;
}
@media screen and (max-width: 1680px) {
	.model-009 .title {
	    font-size: 18px;
	}
}
@media screen and (max-width: 1440px) {
	.model-009 .title {
	    font-size: 16px;
	}
}
@media screen and (max-width: 1280px) {
	.model-009 .title {
	    font-size: 14px;
	    margin-top: 15px;
	}
	.model-009 .bo-box {
	    margin-top: 10px;
	}
}

.model-007 .tp{
	font-size: 35px;
	color:#fff;
	font-weight: bold;
}


.banner a:link, .banner a:visited { color: #fff;}
.banner a:active,.banner a:hover { color: #b07d41;}  
.banner { position: relative; overflow: hidden; }
.banner .item .pimg { position: absolute; right: 0px; top: 0px; width: 100%; display: block; }
.binbox{ position: absolute; left: 7%; bottom: 72px; color: #fff; border-left: 1px solid #fff; border-left: 1px solid rgba(255,255,255,0.5); padding-left: 50px;}
.binbox .t{ color: #fff; font-size: 40px; line-height: 1.1; margin-bottom: 10px; overflow: hidden; font-family: "微软正黑体","Microsoft JhengHei"; font-weight: bold;}
.binbox .en{ line-height: 1.4; font-size: 18px; font-family: "pf_din_text_comp_proregular";}
.binbox .con{ height: 160px; overflow: hidden;}
.binbox .moreBox{ font-family: "pf_din_text_comp_proregular";}
.banner .bot{ position: absolute; left: 0px; bottom: 0px; background-color: #a0733e; height: 6px; overflow: hidden;}
.banner .slick-arrow{ background:url(../images/black_50.png) repeat; background:none rgba(0,0,0,0.5); width:60px; height: 52px; z-index: 105;  bottom: 300px;}
.banner .slick-arrow i{ width: 100%; height: 100%; display: block; transition: 300ms; -webkit-transition: 300ms;}
.banner .slick-prev{ left: 7%; }
.banner .slick-next{ left: 7%; margin-left: 74px;}
.banner .slick-prev i{ background: url(../images/i_banner_l.png) no-repeat scroll center center;}
.banner .slick-next i{ background: url(../images/i_banner_r.png) no-repeat scroll center center;}
.banner .slick-prev:hover,.banner .slick-next:hover{ background:url(../images/cs_80.png) repeat; background:none rgba(176,125,65,0.8);}
.banner .slick-prev:hover i{ transform: translateX(-5px); -webkit-transform: translateX(-5px);}
.banner .slick-next:hover i{ transform: translateX(5px); -webkit-transform: translateX(5px);}
.banner-yy{ background: url(../images/bg_yy.png) repeat-x scroll left bottom; display: block; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0;}
.banner .slick-active .pimg { visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.banner .slick-active .binbox{  visibility: visible; -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: fadeInRightBig 1.2s 1; animation: fadeInRightBig 1.2s 1;}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(300px);transform:translateX(300px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
.banner .slick-active .bot { -moz-animation: a_slidercurrent 5s linear; -webkit-animation: a_slidercurrent 5s linear; -o-animation: a_slidercurrent 5s linear; animation: a_slidercurrent 5s linear; }
@-moz-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
@-webkit-keyframes a_slidercurrent {from { width: 0%; } to { width: 100%; }}
.banner .slick-dots{ right: 2.5%; bottom: 50%; width: 10px; margin-bottom: -92px; z-index: 105; }
.banner .slick-dots li{ position: relative; display: block; width: 21px; padding: 20px 0px; margin: 0px; cursor: pointer;}
.banner .slick-dots li:before{content: "";background-color1: #fff;width: 1px;height: 100%;position: absolute;left: 50%;top: 0;}
.banner .slick-dots li:first-child:before{ top: 50%; height: 50%;}
.banner .slick-dots li:last-child:before{ height: 50%;}
.banner .slick-dots li a{ height: 21px; width: 21px; line-height: 21px; display: block; overflow: hidden; margin: 0px auto; padding: 0px; cursor: pointer;  border-radius: 50%; background: url(../images/banner_y1.png) no-repeat scroll center center;}
.banner .slick-dots li a span{ width: 100%; height: 100%; display: block; border-radius: 50%; background: url(../images/banner_y2.png) no-repeat scroll center center;  visibility: hidden; opacity: 0; transform: scale(0.8); -webkit-transform: scale(0.8); transition: 300ms; -webkit-transition: 300ms;}
.banner .slick-dots li a:focus{ outline: none; }
.banner .slick-dots li.slick-active a span{ opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1); }
.mouseIco{ border: 2px solid #fff; width: 21px; height: 30px; display: block; margin: 0px auto; border-radius: 6px; position: absolute; left: 50%; margin-left: -17px; bottom: 67px; z-index:900;}
.mouseIco i{ width: 3px; height: 7px; border-radius: 1px; display: block; background-color: #fff; position: absolute; left: 50%; margin-left: -1px; top: 5px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
.moreBtn{ text-align: center; font-family: "pf_din_text_comp_proregular"; background: url(../images/more_bg.png) no-repeat scroll center bottom; display: block; width: 110px; padding-bottom: 2px; position: relative;}
.moreBtn:before { content: ""; width: 100%; height: 100%; background: url(../images/more_bg2.png) no-repeat scroll left bottom; position: absolute; left: 0; bottom: 0px; /*transform-origin: 100%; -webkit-transform-origin: 100%; -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);  transition: transform .3s cubic-bezier(.4,0,.2,1); transform: scaleX(0); -webkit-transform: scaleX(0); visibility:hidden\9;*/ width: 0; transition: 0.3s; -webkit-transition: 0.3s;}
.iboxT .zh,.iboxT .en{ font-size: 24px; line-height: 1.5;}
.iboxT .zh{ color: #a0733e;}
.iboxT .en{ color: #bbbbbb; text-transform: uppercase; padding-left: 6px; font-family: "pf_din_text_comp_proregular";}
.ibox dd{ float: left; display: block; width: 50%; position: relative;}
.ibox .img{ overflow: hidden; position: relative;}
.ibox .img img{ width: 100%; display: block; transition: 1s; -webkit-transition: 1s;}
.ibox .black-20{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 330ms; -webkit-transition: 330ms;}
.videoIbox a:link, .videoIbox a:visited { color: #fff;}
.videoIbox a:active,.videoIbox a:hover { color: #a0733e;}
.videoIbox .con{ position: absolute; left: 5%; top: 0; width: 90%; top: 50%; text-align: center; margin-top: -75px;}  
.videoIbox .vico{ ; width: 55px; height: 55px; margin: 0px auto; display: block; cursor: pointer;}
.videoIbox .iboxT{ padding: 15px 0px;}
.videoIbox .iboxT .zh,.videoIbox .iboxT .en{ color: #fff;}
.videoIbox .moreBtn{ margin: 0px auto;}
.ibox dd:hover .black-20{ opacity: 1; visibility: visible;}
.ibox dd:hover .img img{ -webkit-transform:scale(1.3) rotate(10deg); transform: scale(1.3) rotate(10deg);}
.aboutIbox{ background-size: cover; background-repeat: no-repeat; background-position: center bottom;}
.aboutIbox .con{ position: absolute; left: 8%; top: 14%; width: 84%;}
.aboutIbox .t{ font-size: 18px; color: #a0733e; line-height: 1.5;}
.aboutIbox .by{ color: #a0733e; font-weight: bold; font-size: 30px; line-height: 1.2; }
.aboutIbox .i{width: 500px;text-align: justify;height: 76px;overflow1: hidden;margin: 4% 0px 8%;}
.numList li{ float: left; display: block; margin-right: 46px; text-align: center; font-size: 12px; color: #666666;}
.numList li:last-child{ margin-right: 0;}
.numList .num{ font-size: 72px; color: #733e1f; line-height: 1.1; font-family: 'Baiduan Number';}
.aboutIbox .moreBtn{ position: absolute; right: 0; bottom: 0; background-image: url(../images/more_bg2.png);}
.aboutIbox .moreBtn:before{ background-image: url(../images/more_bg3.png);}
.aboutIbox a:link, .aboutIbox a:visited { color: #977751;}
.aboutIbox a:active,.aboutIbox a:hover { color: #000;}


/* Slider */
.vwrap { display: none; z-index: 1040; width: 100%; position: fixed; }
.vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; }
.vwrap .videobox { z-index: 990; width: 800px; height: 500px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -250px; margin-left: -400px; }
.vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; }
#videobox_wrapper { height: 100%!important; }
.vwrap .close { z-index: 999; width: 31px; height: 31px; cursor: pointer; position: absolute; top: 0px; right: -42px; }
.vwrap .close i { display: block; width: 31px; height: 31px; background: url(../images/close_i1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; }
.vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#videobox_display_button,#videocontainer_display_button { background: none no-repeat!important; }
.jwplayer .jwicon { opacity: 0.8; filter: alpha(opacity=80); cursor: pointer;  }
.jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); }
.jwlogo, .jwclick { display: none!important; }
.jwdisplayIcon{ background:  none no-repeat!important;}
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff ; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; padding: 0; border: none; outline: none; }
/* Dots */
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; outline: none; }
.slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.08); transform: scale(1.08); }
    to { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
}


@media screen and (min-width:641px){
	
}
@media screen and (min-width:1025px){
	
}
@media screen and (min-width:1921px){
	.iboxInner{ width: 1640px;}
	.pinner{ width: 1520px;}
	.pbanner-C{ left: 50%; margin-left: -760px;}
}
@media screen and (max-width:1600px){
	.pbanner-C .c{ font-size: 34px;}
}
@media screen and (max-width:1441px){
	.header{ height: 56px;}
	.nav{ display: none;}
	.logo a{padding: 8px 0px 8px;height: 53px;}
	.menu-handler{ display: block;}
	.menuBox{ display: block;}
	.body-right {-webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94); transition:all .5s cubic-bezier(.25,.46,.45,.94); }
	.menuOpen .body-right {-webkit-transform:translateX(-310px);transform:translateX(-310px);}
	.binbox{bottom: 52px;border-left: none;left: 0%;bottom: 10px;}
	.binbox .t{font-size: 25px;}
	.binbox .en{font-size: 14px;}
	.binbox .con{ height: 140px;}
	.banner .slick-arrow{ bottom: 260px;}
	.mouseIco{bottom: 47px;display: none;}
	.banner .bot{ height: 3px;}
	.pinner{ width: 86%;}
	.pbanner-C{ left: 7%;}
	.pbanner-C .c{ font-size: 26px;}
}
@media screen and (max-width:1260px){
	/*.nav li{ margin-right: 10px;}*/
	.nav{ padding-right: 15px;}
	.nav li>a{ padding: 0px 10px;}
	
	.iboxInner{ width: 90%;}
	.iboxT .zh, .iboxT .en{ font-size: 22px;}
	.aboutIbox .by{ font-size: 20px;}
	.numList .num{ font-size: 50px;}
	.aboutIbox .i{ width: 100%; font-size: 13px; height: 70px; margin: 3% 0 6%;}
	.numList li{ margin-right: 30px;}
}
@media screen and (max-width:1024px){
	.binbox .model-003{display:none;}
	
	.header{ height: 56px;}
	.nav{ display: none;}
	.logo a{padding: 8px 0px 8px;height: 53px;}
	.top-sider{ line-height: 56px; border-left: 0px none;}
	.follow-box{ height: 28px; line-height: 28px; display: none;}
	.oaBtn{ font-size: 12px; background-color: #f7f6f6;}
	.oaBtn span{ background: none; padding-right: 0;}
	.top-sider{ width: 74px; }
	.menu-handler{ display: block;}
	.menuBox{ display: block;}
	.body-right {-webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94); transition:all .5s cubic-bezier(.25,.46,.45,.94); }
	.menuOpen .body-right {-webkit-transform:translateX(-310px);transform:translateX(-310px);}
	
	
	.inner{ width: 90%;}
	.vwrap .videobox { width: 700px; margin-left: -350px; }
	.transYT50{ transform: translateY(0px); -webkit-transform: translateY(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transXT50{ transform: translateX(0px); -webkit-transform: translateX(0px); opacity: 1; visibility: visible; transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 0ms,opacity 0s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out;  }
	.action.transYT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transYT50{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.nav{ display: none;}
	.topsearch-form{ height: 80px; margin-top: -40px;}
	.topsearch-box{ padding: 0px 80px 0px 10px;}
	.topsearchtx{ height: 80px; line-height: 80px; font-size: 36px;}
	.topsearchbtn{ width: 80px;}
    .banner-yy{ height: 60%; background-image:-webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6)); background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));}
	.banner .slick-dots{ right: 4%; bottom: auto; margin-bottom: 0; top: 20%;}
	.banner .slick-dots li{ padding: 10px 0px;}
	.banner .slick-dots li a{ background:no-repeat; position: relative;}
	.banner .slick-dots li a:before{ background-color: #fff; content: ""; position: absolute; width: 7px; height: 7px; left: 50%; top: 50%; margin: -3.5px 0px 0px -3.5px; border-radius: 50%;}
	.banner .slick-dots li a span{ background: no-repeat transparent; border-radius: 50%; border: 1px solid #fff; width: 12px; height: 12px; margin: 4px auto;}
 	.banner .slick-arrow{ display: none !important;}
 	.banner .item{ overflow: hidden;}
	.ibox dd{ float: none; width: 100%;}
	.videoIbox .vico{ background-size: cover; width: 40px; height: 40px;}
	.videoIbox .con{ margin-top: -68px;}
 	.aboutIbox .img{ display: none;}
 	.aboutIbox .con{ position: relative; left: auto; top: auto; width: 90%; padding: 40px 5% 55px;}
 	.aboutIbox .i{ height: auto; margin: 30px 0px 55px;}
 	.aboutIbox .moreBtn{ position: relative; right: auto; bottom: auto; margin-top: 40px;}
	.pbanner{ height: auto !important;}
	.pbanner .load-yy{ height: 60%; background-image:-webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6)); background-image:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));}
	.pbanner-C{ left: 5%; }
	.pbanner-C .t{ font-size: 16px;}
	.pbanner-C .c{ font-size: 24px;}
}
@media screen and (max-width:860px){
	.vwrap .videobox { width: 560px; margin-left: -298px; }
	.pbanner-C .c{ font-size: 20px;}
}
@media screen and (max-width:641px){
	.vwrap .videobox { width: 400px; margin-left: -218px; height: 350px; margin-top: -175px; }
    .banner .item .pimg{ width: 120%; margin-left: -10%;}
 	.banner .slick-dots li{ padding: 4px 0;}
 	.iboxT .zh,.iboxT .en{ font-size: 20px;}
 	.videoIbox .iboxT{ padding: 10px 0px;}
 	.videoIbox .con{ margin-top: -63px;}
 	.aboutIbox .con{ padding: 30px 5% 40px;}
 	.aboutIbox .i{ margin: 20px 0px 45px;}
 	.aboutIbox .moreBtn{ margin-top: 30px;}
 	.numList .num{ font-size: 42px;}
	.pbanner-C .t{ font-size: 14px; margin-bottom: 0px;}
	.pbanner-C .c{ font-size: 18px;}
	.pbanner .load-img{ width: 138%; margin-left: -19%;}
	.videoli li{ width:100%; margin-bottom:30px;}
	.videoli{ margin-bottom:0;}
	.videspan{ padding:12px 10px;}
	.videspan span{ font-size:14px;}
}
@media screen and (max-width:481px) {
	.vwrap .videobox { width: 300px; margin-left: -150px; height: 240px; margin-top: -120px; }
	.videoli{ margin-top:20px;}
	.videotext { padding:12px 22px; height:auto;}
}	
@media screen and (max-width:421px) {
 	.banner-yy{ background-position: left 20%;}
	.pbanner-C .c{ font-size: 16px;}
}
@media screen and (max-width: 375px) {
	
}
@media screen and (max-width: 360px) {
	
}


.ibox .model-003{
	width: 178px;
	margin:0px auto;
}

.ibox .model-003 .more{
	width: 100%;
	color: #fff;
  text-indent: 0px;
	border: 1px solid #fff;
	background: url(../images/arrow2.png) no-repeat right 10px center;
}

.ibox .model-003 .more:hover{
  color: #fff;
  text-indent: 20px;
  background: url(../images/arrow2.png) no-repeat right 10px center #a0733e;
}




.binbox .model-003{
	width: 178px;
	margin1:0px auto;
}

.binbox .model-003 .more{
	width: 100%;
	color: #fff;
  text-indent: 20px;
	border: 1px solid #fff;
	background: url(../images/arrow2.png) no-repeat right 10px center;
}

.binbox .model-003 .more:hover{
  color: #fff;
  text-indent: 40px;
  background: url(../images/arrow2.png) no-repeat right 10px center #a0733e;
}



.page li a,.page li{width: 65px;height: 40px;line-height: 40px;display: inline-block;text-align: center;background: #fff;color: #1265ab;margin-right: 20px;border1: 1px solid #dcdcdc;}
.page .thisclass{width: 65px;height: 40px;line-height: 40px;display: inline-block;text-align: center;background: #1265ab;color: #fff;margin-right: 20px;border: 1px solid #dcdcdc;}
.page li a i{ position: relative; top: -2px;}
.page li:last-child a{ margin-right: 0px;}
.page li.active a{ background: #1265ab; color: #fff; border: 1px solid #1265ab;}
.page li:hover a{ background: #1265ab; color: #fff; border: 1px solid #1265ab;}
.page li .prev,.page li .next{ font-size: 18px;}