/* CSS Document */
/*reset Css重构开始*/
html{ overflow-x:hidden;}
body,ul, li,ol, dl, dd, h1, h2, h3, h4, h5, h6, form, p { padding: 0px; margin: 0px; }
ul, li { list-style: none; }
img { border-style: none; border-color: inherit; border-width: 0px; }
* { font-size: 13px;font-family:AGaramondPro,DFSongW7,Microsoft Yahei; color:#000; line-height:22px; text-decoration:none;_background-image:url(about:blank);_background-attachment:fixed;/*IE6必要，防抖动*/ -webkit-text-size-adjust : none ;-moz-text-size-adjust : none ;-ms-text-size-adjust : none ;text-size-adjust : none;}
.clearfix {/*div清楚浮动*/
	zoom:1;}
.clearfix:after {/*div清楚浮动*/
	content:"."; height:0; visibility:hidden; display:block; clear:both;}
/*reset Css重构结束*/
body {
  overflow-x: hidden;
}
.nav_bg {overflow-y: auto; height: 100%; width:80px; background: #F1F1F1; position: fixed; padding:0 35px 0 15px; left: 0; top: 0;-webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translate(-130px, 0); -moz-transform: translate(-130px, 0); -ms-transform: translate(-130px, 0); -o-transform: translate(-130px, 0); transform: translate(-130px, 0); }
.nav_bg.hover { display: block; -webkit-transform: translate(0px, 0); -moz-transform: translate(0px, 0); -ms-transform: translate(0px, 0); -o-transform: translate(0px, 0); transform: translate(0px, 0); }

@font-face {
    font-family:'DFSongW7';
    src:url('../font/DFSong-GBOtf-W7.otf') format('OpenType');
	src:url('../font/DFSong-GBOtf-W7.ttf') format('truetype');
}
@font-face {
    font-family:'AGaramondPro';
    src:url('../font/AGaramondPro-Regular.otf') format('OpenType');
	src:url('../font/AGaramondPro-Regular.ttf') format('truetype');
}



.layout-Tranform { -webkit-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height:100%; }
.is-pushed-left .layout { position: fixed; -webkit-transform: translate3d(130px, 0, 0); -moz-transform: translate3d(130px, 0, 0); -ms-transform: translate3d(130px, 0, 0); -o-transform: translate3d(130px, 0, 0); transform: translate3d(130px, 0, 0); }
.is-pushed-left { -webkit-transition: -webkit-transform .33s cubic-bezier(.694, .0482, .335, 1); -moz-transition: -moz-transform .33s cubic-bezier(.694, .0482, .335, 1); -o-transition: -o-transform .33s cubic-bezier(.694, .0482, .335, 1); -ms-transition: -ms-transform .33s cubic-bezier(.694, .0482, .335, 1); transition: transform .33s cubic-bezier(.694, .0482, .335, 1); }
.layout { background: #fff; /*box-shadow: 0 0 7px 3px #000;*/ left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.layout-iner{ height:100%; width:100%; position:relative; display:inline-block;}
.layout .header{ background:#fff; overflow:hidden; padding:20px 0; position:fixed; top:0; right:0; width:100%; z-index:99;}
.layout .header .menu{ float:left; cursor:pointer; padding-left:25px;}
.layout .header .menu img{ width:20px;}
.layout .header .logo{ float:right; padding-right:25px; display:flex;}
.layout .header .logo img{ width:125px;}
.nav_bg .dtl.hover > a {
  color: #000;
}
.nav_bg .dtl > a {
  color: #A4A4A4;
}
.nav_bg .dtl > a:hover {
  color: #000;}
.nav_bg .dtl.hover {background: url("../images/public/hover.png") no-repeat scroll 0 6px;background-size:4px auto;}
.nav_bg .dtl {
  background: url("../images/public/unhover.png") no-repeat scroll 0 6px;
  padding-bottom: 15px;
  padding-left: 15px;
  background-size:4px auto;
}
body#en .nav_bg .dtl {
  padding-left:11px;
}
.nav_bg .dtl .in-d{ display:none;}
.nav_bg .dtl.hover .in-d{ display:block;}
.nav_bg .dtl .in-d li{ margin-top:12px;}
.nav_bg .dtl .in-d li a{color: #A4A4A4;font-size:75%;}
.nav_bg .dtl .in-d li.hover a{color: #000;}
.nav_bg .dtl .in-d li a:hover{color: #000;}

.nav_bg .dtl .in-dop{ display:block;}
.nav_bg .dtl .in-dop li{ margin-top:12px;}
.nav_bg .dtl .in-dop li a{color: #A4A4A4;font-size:75%;}
.nav_bg .dtl .in-dop li.hover a{color: #000;}
.nav_bg .dtl .in-dop li a:hover{color: #000;}

.nav_bg .menulist {
  
}
.nav_bg .menulist_en *{
	font-size: 12px;
	line-height: 18px;
}
.nav_bg .index {
  text-indent: 3em;
  padding-top:25px;
  padding-bottom:15px;
}
.nav_bg .index img {
  height: 11px;
}
.nav_bg .language {
  bottom: 0;
  padding-bottom:25px;
  height:80px;
  padding-left:17px;
}
body#en .nav_bg .language {
  padding-left:11px;
}
.nav_bg .language div{ margin-top:8px;}
.nav_bg .language a {
  color: #A4A4A4;
  font-size:80%;
}


.main{ padding:120px 25px 25px; background:#fff;}
.wechat{ text-align:right;}
.wechat img {
  width: 35px;
}

.testdiv {
  padding: 100px 0;
  text-align: center;
}
.investor_en *{font-family:AGaramondPro,DFSongW7;font-size: 13px;}
.investor{margin-bottom: 15px;}
.investor select{
	width: 100%;
	height: 52px;
	font-size: 16px;
	border: 1px solid #9e9e9e;
	color: #000000;
}
.investor select option{width: 100%;}
.investor li{padding-bottom: 35px;border-bottom: 1px solid #cccccc;margin-top: 30px;overflow: hidden;}
.investor li .date{float: left;width: 30%;}
.investor li .title{float: left;width: 70%;}
.investor h1{margin-bottom: 50px;font-size: 1.2em;}
.investor p{margin-bottom: 40px;padding-left: 50px;}

.story img{width: 100%;height: auto;}
.story .title{font-size: 16px;font-weight: bold;margin-top: 35px;}
.story .title:first-child{margin-top: 0px;}
.story .content{margin-top: 25px;font-size: 13px;overflow: hidden;}
.story .content .left{width: 34%;float: left;}
.story .content .right{width: 66%;float: left;}
.story li{overflow: hidden;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #ccc;}
.story li .job{width: 70%;float: left;}
.story li .date{width: 30%;float: left;text-align: right;}
.story .more{padding: 26px 40%;background: url("../images/more.png") no-repeat  50% 21px;border: 1px solid #ccc;margin-bottom: 15px;}
.story select:first-child{margin-top: 5px;}
.story select{
	width: 100%;
	height: 52px;
	font-size: 16px;
	border: 1px solid #9e9e9e;
	color: #000000;
	margin-bottom: 15px;
}
.story select option{width: 100%;}
.story .enent,.story .down .button{background:#e5e5e5;width: 100%;height: 34px;border: none;margin-bottom: 15px;font-size: 18px;text-align: center;padding-top: 20px;}
.story .enent:hover{cursor: pointer;}
.story .mouth{width: 100%;height: 32px;background: #e5e5e5;padding: 10px 0 0px 0;display: block;margin: 15px 0;text-align: center;font-size: 16px;}
.story .down{display: none;}
.story .down div{width: 50%;float:left;margin-bottom: 10px;}
.story .down p,.story .down h3{float: left;margin-bottom: 10px;}