@font-face {
    font-family: 'Novecento_wide';
    src: url('../font/novecentowide-bold-webfont.eot');
    src: url('../font/novecentowide-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/novecentowide-bold-webfont.woff2') format('woff2'),
         url('../font/novecentowide-bold-webfont.woff') format('woff'),
         url('../font/novecentowide-bold-webfont.ttf') format('truetype'),
         url('../font/novecentowide-bold-webfont.svg#novecento_wide_bookbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DINCond-Bold';
    src: url('../font/dincond-bold-webfont.eot');
    src: url('../font/dincond-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/dincond-bold-webfont.woff2') format('woff2'),
         url('../font/dincond-bold-webfont.woff') format('woff'),
         url('../font/dincond-bold-webfont.ttf') format('truetype'),
         url('../font/dincond-bold-webfont.svg#dincond-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dincond-regular';
    src: url('../font/dincond-regular-webfont.eot');
    src: url('../font/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/dincond-regular-webfont.woff2') format('woff2'),
         url('../font/dincond-regular-webfont.woff') format('woff'),
         url('../font/dincond-regular-webfont.ttf') format('truetype'),
         url('../font/dincond-regular-webfont.svg#dincond-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'DINCond_Medium';
    src: url('../font/dincond-mediumalternate-webfont.eot');
    src: url('../font/dincond-mediumalternate-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/dincond-mediumalternate-webfont.woff2') format('woff2'),
         url('../font/dincond-mediumalternate-webfont.woff') format('woff'),
         url('../font/dincond-mediumalternate-webfont.ttf') format('truetype'),
         url('../font/dincond-mediumalternate-webfont.svg#dincond-mediumalternateRg') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, /*tbody, tfoot,
thead, tr, th, td,*/ input, select, input { margin: 0; padding: 0; border: 0 none; color: #63636D; outline: 0; font-weight: inherit; font-style: inherit; font-size: 12px; font-family: "Microsoft Yahei", sans-serif; vertical-align: baseline; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a { text-decoration: none; color: #847765; }
a img, iframe { border: none; }
p {line-height: 22px; text-align: justify;}
img { vertical-align: top; }
ol, ul,li { list-style: none; }
input, textarea, select, button { font-size: 100%; font-family: inherit; }
select { margin: inherit; }
/* Fixes incorrect placement of numbers in ol’s in IE6/7 */
ol { margin-left: 2em; }
/* == clearfix == */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
.clearfix2{clear: both;content: '';*zoom:1;display:block;}
* html .clearfix { height: 1%; }
.clearfix { display: block; }
body{position: relative;overflow-x:hidden;max-width: 1680px;margin:0 auto;}

/* == 以上 reset Css == */

/*body{width: 1680px;min-width:1200px;margin: 0 auto;max-width: 100%;background: #ffffff;}*/
/* 一级导航 */
#head_nav{width: 1100px;margin: 0 auto;height: 88px;overflow: hidden;position: relative;z-index: 8;}
#head_nav .nav_middle{width: auto;height: auto;}
#head_nav .nav_logo{float: left;height: 88px;}
#head_nav .nav_logo a{float: left;height: 88px;}
#head_nav .nav_logo a img{padding-top: 35px;}
#head_nav .nav_ul{float: left;margin-left: 205px;}
#head_nav .nav_ul li{float: left;}
#head_nav .nav_ul li+li{float: left;background: url(../img/nav_line.jpg) no-repeat left 42px;}
#head_nav .nav_ul li a{height: 100%;display: block;color: #877c7a;line-height: 88px;font-size: 13px;font-weight: bold;padding: 0 13px;}
#head_nav .nav_ul li:hover,#head_nav .nav_ul li.hover{background: #edebeb;}
#head_nav .nav_sertch{float: left;padding-top: 35px;height: 53px;cursor: pointer;}
#head_nav .nav_line{float: left;padding-top: 35px;margin: 0 16px 0 18px;height: 53px;}
#head_nav .nav_menu{float: left;padding-top: 35px;height: 53px;cursor: pointer;}

/* 二级导航 */
#head_nav .u2_f{position: fixed;top: 88px;z-index: 999;}
#head_nav .u2{position: absolute;z-index: 999;display: none;*position: fixed;}
#head_nav .u2 p{width: 78px;height: 3px;background: #fe9900;z-index: 9999;}
#head_nav .u2_1 p{width: 104px;height: 3px;background: #fe9900;}
#head_nav .u2_7 p{width: 52px;height: 3px;background: #fe9900;}
#head_nav .u2 li{background-color: #fff;border-left: 1px solid #e2e5e6;border-right: 1px solid #e2e5e6;}
#head_nav .u2 li:hover{transition-duration:200ms;background-color: #D3F3C5;}
#head_nav .u2 li:hover a{transition-duration:200ms;color: #2C47C4;}

#head_nav .u2 li a{font-size: 13px;width: 169px;height: 48px;display: block;border-bottom: 1px solid #d4e3e6;background: url(../img/nav_dut.png) no-repeat 15px 20px;line-height: 48px;text-indent: 30px;}
/*#head_nav .u2_1{left: 323px;top: 0px;*top: 88px;*left: 603px;}*/
#head_nav .u2_1{left: 401px;top: 0px;*top: 88px;*left: 681px;}
#head_nav .u2_2{left: 505px;top: 0px;*top: 88px;*left: 785px;}
#head_nav .u2_3{left: 583px;top: 0px;*top: 88px;*left: 863px;}
#head_nav .u2_5{left: 661px;top: 0px;*top: 88px;*left: 941px;}
#head_nav .u2_6{left: 739px;top: 0px;*top: 88px;*left: 1019px;}
#head_nav .u2_7{left: 817px;top: 0px;*top: 88px;*left: 1097px;}
#head_nav .u2_8{left: 869px;top: 0px;*top: 88px;*left: 1149px;}
#head_nav .u2_9{left: 947px;top: 0px;*top: 88px;*left: 1227px;}

/* 投资关系出来之后的导航 */
/*#head_nav .nav_ul{float: left;margin-left: 127px;}*/
/*#head_nav .u2 li a{font-size: 13px;width: 169px;height: 48px;display: block;border-bottom: 1px solid #d4e3e6;background: url(../img/nav_dut.png) no-repeat 15px 20px;line-height: 48px;text-indent: 30px;}
#head_nav .u2_1{left: 323px;top: 0px;*top: 88px;*left: 603px;}
#head_nav .u2_2{left: 421px;top: 0px;*top: 88px;*left: 701px;}
#head_nav .u2_3{left: 495px;top: 0px;*top: 88px;*left: 775px;}
#head_nav .u2_4{left: 569px;top: 0px;*top: 88px;*left: 849px;}
#head_nav .u2_5{left: 655px;top: 0px;*top: 88px;*left: 935px;}
#head_nav .u2_6{left: 729px;top: 0px;*top: 88px;*left: 1019px;}
#head_nav .u2_7{left: 803px;top: 0px;*top: 88px;*left: 1083px;}
#head_nav .u2_8{left: 877px;top: 0px;*top: 88px;*left: 1157px;}
#head_nav .u2_9{left: 951px;top: 0px;*top: 88px;*left: 1231px;}*/

/* 右侧拉开 */
#menu_mask{width:330px;height: 100%;overflow: hidden;position: fixed;z-index: 99;top: 0px;right: -330px;background: #404055;}
#menu_mask .menu_content{width: 161px;height: 100%;background: #404055;padding: 0 140px 0 30px;}
#menu_mask .menu_content .menu_title{font-size: 24px;color: #b4d18f;font-family: 'Novecento_wide';margin-top: 50%;}
#menu_mask .menu_content .menu_ig{width: 100%;height: auto;margin-top: 50px;margin-bottom: 10px;}
@media only screen and (max-width: 1367px) {
	#menu_mask .menu_content .menu_ig{width: 100%;height: auto;margin-top: 20px;margin-bottom: 10px;}
}
#menu_mask .menu_content h1{margin-bottom: 30px;width: 100%;height: auto;font-size: 15px;color: #8A8AB2;}
#menu_mask .menu_content p,#menu_mask .menu_content p a{font-size: 13px;color: #8A8AB2;}
#menu_mask .menu_content .menu_ig2{width: 100%;height: auto;margin-top: 20px;}
#menu_mask .menu_content .menu_phone{width: 100%;height: auto;font-size: 30px;color: #82c784;font-family: 'DINCond-Bold';}

#menu_mask .menu_content2{width: 161px;height: 100%;background: #404055;padding: 0 140px 0 30px;}
#menu_mask .menu_content2 .menu_title{font-size: 24px;color: #b4d18f;font-family: 'Novecento_wide';margin-top: 50%;}
#menu_mask .menu_content2 .menu_ig{width: 100%;height: auto;margin-top: 50px;margin-bottom: 10px;}
@media only screen and (max-width: 1367px) {
	#menu_mask .menu_content2 .menu_ig{width: 100%;height: auto;margin-top: 20px;margin-bottom: 10px;}
}
#menu_mask .menu_content2 h1{margin-bottom: 30px;width: 100%;height: auto;font-size: 15px;color: #8A8AB2;}
#menu_mask .menu_content2 p,#menu_mask .menu_content2 p a{font-size: 13px;color: #8A8AB2;}
#menu_mask .menu_content2 .menu_ig2{width: 100%;height: auto;margin-top: 20px;}
#menu_mask .menu_content2 .menu_phone{width: 100%;height: auto;font-size: 30px;color: #82c784;font-family: 'DINCond-Bold';}


/* 搜索拉开 */
#sertch_content .sertch_bok{
	-webkit-animation: animateToZero 0.4s linear both;
	-moz-animation: animateToZero 0.4s linear both;
	-o-animation: animateToZero 0.4s linear both;
	animation: animateToZero 0.4s linear both;
}
#sertch_content .sertch_bok.active{
	-webkit-animation: animateWidth 0.4s linear 0.3s both;
	-moz-animation: animateWidth 0.4s linear 0.3s both;
	-o-animation: animateWidth 0.4s linear 0.3s both;
	animation: animateWidth 0.4s linear 0.3s both;
}
#sertch_content .sertch_bok input{
	-webkit-animation: animateToZero2 0.4s linear both;
	-moz-animation: animateToZero2 0.4s linear both;
	-o-animation: animateToZero2 0.4s linear both;
	animation: animateToZero2 0.4s linear both;
}
#sertch_content .sertch_bok input.active{
	-webkit-animation: animateWidth2 0.4s linear 0.3s both;
	-moz-animation: animateWidth2 0.4s linear 0.3s both;
	-o-animation: animateWidth2 0.4s linear 0.3s both;
	animation: animateWidth2 0.4s linear 0.3s both;
}
.sertch_mask{position: absolute;top: 0;width: 100%;height: 100%;background:url(../img/opbg2.png);z-index: 999;display:none;}
#sertch_content{position: fixed;top: 50%;left: 50%;width: 397px;height: 116px;margin-left: -198px;margin-top: -58px;overflow: hidden;z-index: 1000;display: none;}
#sertch_content .sertch_bok{width: 0px;width:397px\9;background: url(../img/sertch_gt.png) no-repeat 124px 29px #2e4ebb;height: 74px;position: absolute;top: 0;left: 0px;
	-webkit-transition: 0.4s all;
	-ms-transition: 0.4s all;
	-o-transition: 0.4s all;
	transition: 0.4s all;
}
#sertch_content .sertch_bok input{background: #2e4ebb;width: 0px;width:200px\9;height: 30px;color:#abb8e4;font-size: 18px;position: absolute;left: 0px;left:150px\9;top: 20px;
	-webkit-transition: 0.4s all;
	-ms-transition: 0.4s all;
	-o-transition: 0.4s all;
	transition: 0.4s all;
}

#sertch_content .sertch_pg.active{
	-webkit-animation: appearStoned 0.4s linear 0.7s both;
	-moz-animation: appearStoned 0.4s linear 0.7s both;
	-o-animation: appearStoned 0.4s linear 0.7s both;
	animation: appearStoned 0.4s linear 0.7s both;
}

#sertch_content .sertch_pg{background: url(../img/sertch_du.png) no-repeat;width: 25px;height: 25px;position: absolute;top: 91px;left: 50%;margin-left: -13px;cursor: pointer;display: block;}

/* 底部 */
#foor{width: 100%;height: 58px;border-bottom: 1px solid #e7eaeb;overflow: hidden;margin-bottom: 50px;border-top: 1px solid #e7eaeb;}
#foor .foor_contain{width: 1100px;margin: 0 auto;height: 58px;border-right:1px solid #e7eaeb; }
#foor .foor_contain .foor_copy{line-height: 58px;font-size: 12px;height: 100%;text-align: left;border-right:1px solid #e7eaeb;width: 880px;float: left;font-weight: bold;}
#foor .foor_contain .foor_share{overflow: hidden;font-weight:bold;width: 81px;float: left;border-right:1px solid #e7eaeb;line-height: 58px;font-size: 12px;height: 100%;cursor: pointer;color: #877C7A;}
#foor .foor_contain .foor_map{font-weight:bold;float: left;line-height: 58px;font-size: 12px;height: 100%;cursor: pointer;color: #877C7A;}
#foor .foor_contain .foor_share img,#foor .foor_contain .foor_map img{padding: 22px 5px 0 10px;*padding: 0px 5px 0 10px;}

/* 页面分享按钮 */
.p_share_box{ float: left; width: 81px; height: 40px; overflow: hidden;}
.p_share_box > span{ float: right; margin-left: 10px;font-size: 12px; padding-left: 25px; color: #67787d; font-weight: bold; line-height: 60px; background: url(../img/f_idx_icon1.png) left center no-repeat; cursor: pointer;}
.p_share{ float: right; margin-right: -107px;}
.p_share .bshare-custom{ padding-top: 20px; height: 20px;}
.p_share .bshare-custom a { display: inline-block; margin: 0 0 0 10px; padding: 0; width: 20px; height: 20px; overflow: hidden; transition: all 400ms; -webkit-transition: all 400ms;}
.p_share .bshare-custom .bshare-weixin { background: url(../img/share_icon1.png) center no-repeat; }
.p_share .bshare-custom .bshare-sinaminiblog { background: url(../img/share_icon2.png) center no-repeat;}
.p_share .bshare-custom .bshare-qzone { background: url(../img/share_icon3.png) center no-repeat; }
.p_share .bshare-custom .bshare-qqim { background: url(../img/share_icon4.png) center no-repeat; }


#foor2{width: 100%;height: 55px;overflow: hidden;}
#foor2 img{}
.test2{width: 100%;height: auto;overflow: hidden;}
.test2 img{margin: 0 auto;display: block;}

@keyframes appearStoned {
	from{
    	opacity:0;
    	transform: scale(0);
  	}

  	to{
    	opacity:1;
    	transform: scale(1);
  	}
}

@-moz-keyframes appearStoned {
	from{
    	opacity:0;
    	transform: scale(0);
  	}

  	to{
    	opacity:1;
    	transform: scale(1);
  	}
}

@-webkit-keyframes appearStoned {
	from{
    	opacity:0;
    	transform: scale(0);
  	}

  	to{
    	opacity:1;
    	transform: scale(1);
  	}
}

@keyframes animateToZero {
	from{
    	width:397px;
    	left: 0px;
  	}

  	to{
    	width:0px;
    	left: 197px;
  	}
}
@keyframes animateWidth {
	from{
    	width:0px;
    	left: 197px;
  	}

  	to{
    	width:397px;
    	left: 0px;
  	}
}
@-moz-keyframes animateToZero {
	from{
    	width:397px;
    	left: 0px;
  	}

  	to{
    	width:0px;
    	left: 197px;
  	}
}
@-moz-keyframes animateWidth {
	from{
    	width:0px;
    	left: 197px;
  	}

  	to{
    	width:397px;
    	left: 0px;
  	}
}
@-webkit-keyframes animateToZero {
	from{
    	width:397px;
    	left: 0px;
  	}

  	to{
    	width:0px;
    	left: 197px;
  	}
}
@-webkit-keyframes animateWidth {
	from{
    	width:0px;
    	left: 197px;
  	}

  	to{
    	width:397px;
    	left: 0px;
  	}
}

@keyframes animateToZero2 {
	from{
    	width:200px;
    	left: 150px;
  	}

  	to{
    	width:0px;
    	left: 0px;    	

  	}
}
@keyframes animateWidth2 {
	from{
    	width:0px;
    	left: 0px;

  	}

  	to{
    	width:200px;
    	left: 150px;
  	}
}
@-moz-keyframes animateToZero2 {
	from{
    	width:200px;
    	left: 150px;
  	}

  	to{
    	width:0px;
    	left: 0px;    	

  	}
}
@-moz-keyframes animateWidth2 {
	from{
    	width:0px;
    	left: 0px;

  	}

  	to{
    	width:200px;
    	left: 150px;
  	}
}
@-webkit-keyframes animateToZero2 {
	from{
    	width:200px;
    	left: 150px;
  	}

  	to{
    	width:0px;
    	left: 0px;    	

  	}
}
@-webkit-keyframes animateWidth2 {
	from{
    	width:0px;
    	left: 0px;

  	}

  	to{
    	width:200px;
    	left: 150px;
  	}
}


/* 首页换版 2015/11/07 */

.w1180{width: 1100px;margin:0 auto;}
.w1180pr{width: 1100px;margin:0 auto;position: relative;z-index: 30;}
.w100pr{width: 100%;margin:0 auto;position: relative;z-index: 30;}
.fl{float: left;}
.fr{float: right;}
.dn{display: none;}
.pb30{padding-bottom: 30px;}

.header{width: 100%;height: 79px;background: #f8fafc;}
.logo{display:block;width: 196px;height: 18px;background: url(../images/logo.jpg) no-repeat;margin-top: 32px;float: left;}
.nav {position: absolute;height: 100%;top: 0px;right: 90px;height: 79px;z-index: 30;}
.nav li{float: left;height: 100%;position: relative;}
.nav li a{display: block;width:84px;font-size: 12px;color: #877c7a;font-weight: bold;background: url(../images/nav-line.jpg) no-repeat 82px 37px;height: 100%;line-height: 85px;-webkit-transition: color 200ms;transition: color 200ms;position: relative;z-index: 30;zoom:1;}
// .nav .half a{width: 52px;background: url(../images/nav-line.jpg) no-repeat 50px 37px;}
.nav li a span{position:absolute;left: 0;top: 0;z-index: 20;width: 100%;height: 100%;text-align: center;display: block;font-size: 12px;}
.nav li a .bkg{top: 76px;left:0;z-index: 10;background: #f0a500;-webkit-transition: opacity 300ms;transition: opacity 300ms;height: 3px;opacity:0;filter:alpha(opacity:0);}
.nav .other{display: block;position: absolute;width: 100%;height: 100%;background: #f8fafc;top: 0px;left: 0px;z-index: 10;}
.hdsearch{float:right;width: 74px;height: 18px;background: url(../images/hd-icons.jpg) no-repeat;margin-top: 35px;}
.nav .current a .bkg{opacity:1;filter:alpha(opacity:100);}
.nav .current a span{color: #877c7a;}

.hdsearch a{display: block;width: 19px;height: 19px;}


.is-pushed-left #bg-mask{display:block;}
.warp{position:relative;}
#bg-mask{position: absolute;top: 0;width: 100%;height: 100%;background:url(../img/opbg.png);z-index: 9999;display:none;_height:1110px;}
/* IE6浏览器的特有方法 */
/* 修正IE6振动bug */
* html,* html body{background-image:url(about:blank);background-attachment:fixed;_overflow-x: hidden;}
* html .supernav{position:absolute;left:expression(eval(-330px));}
* html #bg-mask{position:absolute;left:expression(eval(document.documentElement.scrollLeft));}
* html #bg-mask2{position:absolute;left:expression(eval(document.documentElement.scrollLeft));}


.navwarp{position: absolute;top: 0;left: 0px;z-index: 4;width: 100%;height: 61px;overflow: hidden;}
.nav li dl{position:absolute;top:76px;width: 148px;background-color: #4C4A4F;overflow: hidden;-webkit-transition: top 300ms;transition: top 300ms;z-index: 20;display:none;border-top: 3px solid #9d99a1;}
.nav li dl.current{top: 79px}
// .nav .nsabout{width: 640px;}
// .nav .nsnews{width: 556px;}
// .nav .nsproduct{width: 472px;}
// .nav .nsactive{width: 388px;}
// .nav .nssocial{width: 304px;}
// .nav .nsyuehui{width: 472px;right: 0px;}
// .nav .nsyuehui dd{float: right;}
// .nav .nspartner{width: 556px;right: 0;}
// .nav .nspartner dd{float: right;}
// .nav .nscontact{width: 640px;right: 0;}
// .nav .nscontact dd{float: right;}
/*.navwarp li:first-child{margin-left: 20px;}*/
.nav dd a{padding: 0 16px;font-weight: bold;font-size: 12px;line-height: 45px;color: #D2CED5;-webkit-transition: color 300ms;transition: color 300ms;width: auto;background:url(../img/nav_dut.png) no-repeat 15px;padding-left: 30px;}
.nav dd a:hover {color:#f0a500;}

/* 分享样式 */
.sharediv .bshare-custom a { display: inline-block; margin: 3px 0 0 8px; padding: 0; width: 20px; height: 20px; overflow: hidden; transition: all 400ms; -webkit-transition: all 400ms;}
.sharediv .bshare-custom .bshare-weixin { background: url(../img/share_icon1.png) center no-repeat; }
.sharediv .bshare-custom .bshare-sinaminiblog { background: url(../img/share_icon2.png) center no-repeat;}
.sharediv .bshare-custom .bshare-qzone { background: url(../img/share_icon3.png) center no-repeat; }
.sharediv .bshare-custom .bshare-qqim { background: url(../img/share_icon4.png) center no-repeat; }