@charset "gb2312";
/* CSS Document */
/*全局锁定*/
*{ padding:0; margin:0;}
li{ list-style:none}
html { width:100%; text-align:center; font-size:12px; color:#4f4d4d; background:#fdfdfd; font-family:"微软雅黑", "Microsoft Yahei",Arial, Helvetica, sans-serif;}

/*公共样式*/
img{ border:0;}
#red{ color:#d62219;}
.clear{clear:both; height:0px; font-size:0px; line-height:0px;}
font{ font-size:12px;}
.ver_mid *{ vertical-align:middle;}
 

/*链接样式	*/
a:link,a:visited{ color: #3a3a3a; text-decoration:none;}
a:hover{ color: #000; text-decoration: none;}

#bai a:link,#bai a:visited{ color:#FFF;}
#bai a:hover{ color: #000; }

dd{ -webkit-transition:all .3s; transition:all .3s; }
/**/
body {
	position: relative;	
	min-width:1140px;
	margin:0 auto;
	overflow-x:hidden;
}
.box_max{ max-width:1680px;}
.w1140 {
	margin:0 auto;
	width:1140px;
	text-align:left;
}

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

.headrange {
	position:relative;
	height:96px;
	width:100%;
	max-width:1680px;
	margin: auto auto auto auto;
	border-top:6px solid #194a93;
}


.header {
	width:100%;
	max-width:1680px;
	height:90px;
	margin:auto auto auto auto;
	background:#fff;
	position:relative;
	border-bottom:1px solid #e8e8e8;
}
a.logo { 
	float:left;
	margin-top:15px
}

.headlink {
	width:700px;
	height:36px;
	float:right;
	margin-top:10px;
	margin-right:0px;
	text-align:right;
}
.headlink a {
	display:block;
	-webkit-transition:all .3s;
	transition:all .3s;
	color:#b1b1b1;
}
.icon-en {
	float:right;
	margin-right:5px;
	line-height:36px;
	font-size:14px;
	
} 

.search { background: none repeat scroll 0 0 #FFF; border: 1px solid #E6DCD3; border-radius: 4px; float: right;  width: 32px; margin-left: 10px; }
.search .button { height: 32px; }
.input { width: 0px; float: left; overflow: hidden; }
.input input { border-style: none; height: 32px; width: 130px; background: none; text-indent: 10px; margin-bottom: 0 !important; padding: 0 !important; }
.button input { background: url("../images/search_img.jpg") no-repeat center; border: medium none; height: 32px; width: 32px; cursor: pointer; }


.menu{
	position:relative;
	z-index:1000;
	height:40px; 
	float:right;
	margin:4px auto auto auto;
}

.cssmenu,
.cssmenu ul,
.cssmenu ul li,
.cssmenu ul li a,
.cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.cssmenu:after,
.cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.cssmenu #menu-button {
  display: none;
}
.cssmenu {
  width: auto; 
  line-height: 1;
  background: #ffffff;
}
#menu-line {
  position: absolute;
  top: 0;
  left: 0px;
  height: 2px;
  background: #194a93;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}
.cssmenu > ul > li {
  float: left;
  margin:auto auto auto 30px;
  display:inline;
  
} 


.cssmenu.align-center > ul {
  font-size: 0;
  text-align: center;
}
.cssmenu.align-center > ul > li {
  display: inline-block;
  float: none;
}
.cssmenu.align-center ul ul {
  text-align: left;
}
.cssmenu.align-right > ul > li {
  float: right;
}
.cssmenu.align-right ul ul {
  text-align: right;
}
.cssmenu > ul > li > a {
  padding:10px 0px 15px 0px;
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
  color: #554f4f;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
.cssmenu > ul > li:hover > a,
.cssmenu > ul > li.active > a {
  color: #194a93;
}
.cssmenu > ul > li.has-sub > a {
  padding-right: 15px;
}
.cssmenu > ul > li.has-sub > a::after {
  position: absolute;
  top:14px;
  right: 0px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
.cssmenu > ul > li.has-sub:hover > a::after {
  border-color: #009ae1;
}
.cssmenu ul ul {
  position: absolute;
  left: -9999px;
}
.cssmenu li:hover > ul {
  left: -30px;
  padding:10px 0px 10px 0px;
  float:left;
  background: #194a93;
}
.cssmenu.align-right li:hover > ul {
  right: 0;
}
.cssmenu ul ul ul {
  margin-left: 100%;
  top: 0;
}
.cssmenu.align-right ul ul ul {
  margin-left: 0;
  margin-right: 100%;
}
.cssmenu ul ul li {
  height: 0;
  -webkit-transition: height .2s ease;
  -moz-transition: height .2s ease;
  -ms-transition: height .2s ease;
  -o-transition: height .2s ease;
  transition: height .2s ease;
}
.cssmenu ul li:hover > ul > li {
  height: 32px;
}
.cssmenu ul ul li a {
  padding: 10px 20px;
  width: 130px;
  font-size: 12px;
  text-decoration: none;
  text-align:center;
  color: #dddddd;
  -webkit-transition: color .2s ease;
  -moz-transition: color .2s ease;
  -ms-transition: color .2s ease;
  -o-transition: color .2s ease;
  transition: color .2s ease;
}
.cssmenu ul ul li:hover > a,
.cssmenu ul ul li a:hover {
  color: #ffffff;
}
.cssmenu ul ul li.has-sub > a::after {
  position: absolute;
  top: 13px;
  right: 10px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  content: "";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
.cssmenu.align-right ul ul li.has-sub > a::after {
  right: auto;
  left: 10px;
  border-bottom: 0;
  border-right: 0;
  border-top: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
}
.cssmenu ul ul li.has-sub:hover > a::after {
  border-color: #ffffff;
}
span.navline {
	position:absolute;
	z-index:1000;
	width:26px;
	height:2px;
	background:#b81c22;
	left:25px;
	top:-1px;
}


.fullSlide{ width:100%; max-width:1680px;  height:390px; position:relative; background:#FFF; display:inline; margin:auto auto auto auto; overflow:hidden; display:block;}	
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }	
.fullSlide .bd ul{ width:100% !important;  }	
.fullSlide .bd li{ width:100% !important;  height:390px; overflow:hidden; text-align:center;  }	
.fullSlide .bd li a{ display:block; height:390px; }	
.fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:0; right:0; height:30px; line-height:30px; text-align:right;}	
.fullSlide .hd ul{ width:1140px; margin:auto; text-align:right; }	
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:5px; margin:5px; background:#125eac; overflow:hidden; line-height:9999px; 	}	
.fullSlide .hd ul .on{ background:#b81c22;}


.fullSlide .prev .bg {
  background: url("../images/LEFT.png") no-repeat scroll 0 0 transparent;
  height: 40px;
  width: 36px;
}
.fullSlide .prev .bg:hover {
  background: url("../images/LEFT1.png") no-repeat scroll 0 0 transparent;
}
.fullSlide .next .bg {
  background:url("../images/R.png") no-repeat ;
  height: 40px;
  width: 36px;
}
.fullSlide .next .bg:hover {
  background: url("../images/R1.png") no-repeat scroll 0 0 transparent;
}
.fullSlide .prev {
  left: -36px;
  position: absolute;
  top: 180px;
  z-index: 99;
}
.fullSlide .next {
  right: -36px;
  position: absolute;
  top: 180px;
  z-index: 99;
}


.sub_news_box{ width:100%; max-width:1680px; height:50px; margin:auto auto auto auto; background:#e9e9e9;}
.sub_news{ width:1140px; height:50px; margin:auto; background:#366bb1;}
.sub_news .title{ width:160px; height:50px; float:left; background:#2b79e0 url(icon_news.png) no-repeat 130px center;}
.sub_news .title h1{ float:left; line-height:50px; font-size:14px; color:#FFF; font-weight:100; padding-left:15px;}
.sub_news .title h2{ float:left; line-height:50px; font-size:18px; color:#FFF; font-family: "dincond-regular-webfont"; text-transform:uppercase; font-weight:100; padding-left:10px;}

.scrollbox{ width:800px; height:50px; float:left; margin: auto auto auto 20px; overflow:hidden; position:relative; text-align:left;}
.scrollbox ul{ position:absolute; left:0px; top:0px;}
.scrollbox ul li{ float:left; width:800px; height:50px; line-height:50px; overflow:hidden; font-size:14px;}
.scrollbox ul li span{ width:120px; height:50px; float:left; text-align:left; font-family: "dincond-regular-webfont"; font-size:24px; background:url(scrollNews_1.png) no-repeat right center; color:#FFF;}
.scrollbox ul li a{ color:#FFF;}

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background:#3569b5 url(../images/cd-top-arrow.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .8;
}

.Item_box{ width:100%; max-width:1680px; margin:auto auto auto auto; background:#e9e9e9; display:block; overflow:hidden;}
.i_item{ float:left; margin:30px auto 30px auto;}
.i_item_02{ float:left; margin:30px 15px 30px 15px;}


.about_box{ width:98%; margin:35px auto auto auto; overflow:hidden;}
.about_tit{ width:100%; height:32px; float:left; background:url(about_logo.jpg) no-repeat left;}
.about_tit span{ float:left; margin:auto auto auto 40px; line-height:28px; font-size:18px; color:#366bb1; border-bottom:1px solid #366bb1;}
.about_c{ width:100%; float:left; margin:5px auto auto auto; font-size:14px; color:#808080; text-indent:2em; line-height:30px;}
.about_c a{ color:#366bb1;}

.cg_box{ width:100%; height:490px; background:#f6f6f6; margin:25px auto auto auto;}
.cg_c{ width:1140px; margin:auto auto auto auto;}
.cg_c_tit{ width:100%; float:left; text-align:center; margin:15px auto auto auto;}
.cg_c_word{ width:100%; float:left; margin:15px auto auto auto; text-align:center; line-height:20px; font-size:14px; color:#63676c;}

.picScroll-left{ width:100%; float:left; margin:20px auto auto auto; overflow:hidden; position:relative; }
 
.picScroll-left .hd{ margin:10px auto auto auto; overflow:hidden; height:30px; }
.picScroll-left .hd ul{ width:1140px; margin:auto; text-align:center; }	
.picScroll-left .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:5px; margin:5px; background:#b9b9b9; overflow:hidden; line-height:9999px; 	}	
.picScroll-left .hd ul .on{ background:#125eac;}

.picScroll-left .bd{}
.picScroll-left .bd ul{ width:100%; height:330px; overflow:hidden; zoom:1; text-align:left;}
.picScroll-left .bd ul li{ width:266px; height:325px; margin:auto 10px auto 10px; float:left; background:#fcfcfc; _display:inline; border-radius:10px; box-shadow:#d2d2d2 0px 0px 10px;}
.picScroll-left .bd ul li .pic{ width:250px; float:left; margin:8px auto auto 8px;}
.picScroll-left .bd ul li .pic img{ width:250px; height:170px; display:block; } 
.picScroll-left .bd ul li .title{ width:250px; float:left; margin:15px auto auto 8px; line-height:24px; font-size:18px; color:#63676c;}
.picScroll-left .bd ul li .text{ width:250px; float:left; margin:10px auto auto 8px; color:#8c8c8c; font-size:14px;}


.hb_box{ width:100%; height:370px; margin:25px auto auto auto;}
.hb_c{ width:1140px; margin:auto auto auto auto;}
.hb_c_tit{ width:100%; float:left; text-align:center; margin:15px auto auto auto;}
.hb_c_word{ width:96%; float:left; margin:15px auto auto auto; text-align:left; line-height:20px; font-size:14px; color:#63676c;}

.picScroll-top{ width:100%; float:left; margin:20px auto auto auto; position:relative; }
.picScroll-top .bd{ width:100%; height:200px; overflow:hidden; }
.picScroll-top .bd ul li{ width:205px; height:85px; margin:15px 10px auto 10px; float:left; background:#fcfcfc; _display:inline; border:1px solid #e8e8e8; }
.picScroll-top .bd ul li .pic{ width:195px; float:left; margin:5px auto auto 5px;}
.picScroll-top .bd ul li .pic img{ width:195px; height:75px; display:block; } 


.footer{ width:100%; max-width:1680px; height:85px; margin:auto auto auto auto; background:#e9e9e9; color:#f6f6f6; border-top:1px solid #dcdcdc;} 

.leftfooter{ width:340px; height:67px; float:left; margin:5px auto auto auto; }
.footericp{ float:left; margin-top:10px; padding-right:12px;}
.footericp2{ float:left; line-height:18px; margin-top:15px; color:#999999;}
.centerfooter{ width:420px; float:left; margin:15px auto auto 220px; color:#999999;}
.centerfooter li{ font-size:13px;}
.rightfooter{ float:left; margin:15px auto auto 20px;}

.footer_wx{ width:120px; height:42px; float:left; position:relative; border:1px solid #5a94e2; border-radius:5px;}
p.ctitle {
	color:#999999;
	font-size:12.5px;
	float:left;
	line-height:42px; 
	padding-left:8px;
}
 
.attent a {
	display:block;
	width:35px;
	height:35px;
	float:left;
	margin-top:4px;
	margin-left:5px;
	text-align:center;
	border-radius:20px
}
.footer_wx .wx {
	background:#5a94e2 url(../images/All-Icon.png) no-repeat -266px -256px;
	position:relative;
	-webkit-transition:.5s cubic-bezier(.3,0,0,1);
	-moz-transition:.5s cubic-bezier(.3,0,0,1);
	transition:.5s cubic-bezier(.3,0,0,1)
}
.footer_wx:hover{ display:block;}
.footer_wx:hover a.wx {
	background:#1ec354 url(../images/All-Icon.png) no-repeat -266px -256px
}
.indexewm {
	position:absolute;
	bottom:40px;
	right:-105px;
	width:169px;
	height:0;
	-webkit-transition:all .3s;
	transition:all .3s;
	overflow:hidden;
	z-index:10
}
.hover .indexewm {
	height:178px;
}

.z_ban{ width:100%; max-width:1680px; margin:auto auto auto auto; height:300px; overflow:hidden; }
.z_ban_c{ width:1100px; height:50px; margin:230px auto auto auto; background:#FFF; border-radius:10px; overflow:hidden;}
.z_ban_c span{ float:left;}
.z_ban_c span a{ float:left; height:50px; line-height:50px; padding:0px 15px 0px 15px; font-size:14px; display:block;}
.z_ban_c p{ float:right; line-height:50px; padding-right:25px;}

.about_title{ width:100%; margin:auto auto auto auto; padding-top:20px; padding-bottom:10px; text-align:center;}
.about_title h2{ width:100%; font-family: "dincond-regular-webfont"; font-size:34px; color: #b5b5b5; letter-spacing: -1px; text-transform:uppercase; font-weight:100;}
.about_title h1{ width: 100%; font-size:18px; color:#194a93; font-weight:100; }

.z_box{ width:100%; margin:auto auto auto auto; background:#fdfdfd; overflow:hidden;}
.z_view{ width:96%; margin:20px auto 5% 2%; line-height:180%; font-size:14px;}
.z_view p{ text-indent:2em; margin:15px auto auto auto;}
.z_view img{ display:block; max-width:100%; height:auto;}

#history { width:100%; height:350px; }
#history .viewport { position:relative;  margin:0 auto; width:1140px; height:100%;  overflow:visible;}
#history .viewport .btn {display:none; position:absolute; top:50%; z-index:2; margin-top:-22px; width:44px; height:44px; background:no-repeat 0 0;}
#history .viewport .prev {left: -57px;background-image:url(../images/btn_prev.png);}
#history .viewport .next {right: -57px;background-image:url(../images/btn_next.png);}
#history .viewport .wrap {position:relative; left:0; top:0; z-index:1; width:100%; height:100%;}
#history .viewport .wrap .item {position:absolute; bottom:-100%; width:283px; background:url(../images/p_4_3.jpg) repeat-y 6px 0; -webkit-transition:bottom 500ms; transition:bottom 300ms;}
#history .viewport .wrap .on {bottom:0;}
#history .viewport .wrap .item div { padding:5px 16px 5px 29px ;background:url(../images/p_4_2.png) no-repeat 0 0;}
#history .viewport .wrap .item div p { margin-bottom:20px; line-height:18px; color:#3c5d38; font-size:14px;}
#history .viewport .wrap .item div .year {display:block; margin:-10px 0 30px 0; font:lighter 48px "dincond-regular-webfont" !important; color:#194a93;} 


.view-word{ width:96%; margin:3% auto 2% auto; line-height:180%; font-size:14px;}
.view-boxs{ width:1100px; margin:20px auto 20px auto; overflow:hidden;}
.view-1{ width:550px; float:left; text-align: center; }
.view-1 img{ width:400px; height:218px;}
.view-2{ width:550px; float:left; text-align:center; }
.view-2 h1{ width:80%; font-size:24px; color:#125eac; margin:55px auto auto auto; font-weight:100;}
.view-2 p{  width:80%; font-size:14px; color:#a5a5a5; margin:25px auto auto auto; }

.par{ width:100%; margin:2% auto 3% auto; overflow:hidden;}
.par ul li{ width:205px; height:85px; margin:15px 10px auto 10px; float:left; background:#fcfcfc; _display:inline; border:1px solid #e8e8e8; }
.par ul li .pic{ width:195px; float:left; margin:5px auto auto 5px;}
.par ul li .pic img{ width:195px; height:75px; display:block; } 


.news_left{ width:520px; height:380px; float:left; margin:25px auto auto 20px;}
.news_left .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }	
.news_left .bd ul{ width:100% !important;  }	
.news_left .bd li{ width:100% !important;  height:380px; overflow:hidden; text-align:center;  }	
.news_left .bd li a{ display:block; height:380px; }	
.news_left .hd{ width:550px;;  position:absolute; z-index:1; bottom:0; right:0; height:30px; line-height:30px; text-align:right;}	
.news_left .hd ul{ width:100%; margin:auto; text-align:right; }	
.news_left .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:30px; height:5px; margin:5px; background:#125eac; overflow:hidden; line-height:9999px; 	}	
.news_left .hd ul .on{ background:#b81c22;}

.z_news{ width:1120px; float:left; margin:3% auto auto 20px;}
.z_news ul li{ width:100%; height:125px; float:left; border-bottom:1px solid #e1e1e1; margin:15px auto auto auto;}
.z_news ul li:hover{ border-bottom:1px solid #356caf;}
.z_news ul li span{ width:180px; height:110px; float:left;}
.z_news ul li h2{ width:800px; height:24px; float:left; color: #356caf; font-size: 16px; padding-top:5px; font-weight:100;}
.z_news ul li h2 a{ color: #356caf; }
.z_news ul li p{ width:800px; float:left; margin:10px auto auto auto; color: #a8a8a8; font-size:14px;}
.z_news ul li font{ width:110px; height:60px; float:right; margin:10px auto auto auto; color: #356caf; font-family:"novecento-widenormal"; font-size:28px; text-align:center; border-left:1px solid #356caf;}


/*新闻页*/
.inside_news{ width:1100px; margin:25px auto auto auto; background:#f6f6f6; overflow:hidden; text-align:left;}
.inside_news_left{ width:340px; float:left; position:relative; }
.inside_news_right{ width:760px; min-height:450px; float:right; padding-bottom:30px; background:#fdfdfd;}
 

.newsdetail-title { width:730px; float:right; margin:auto auto auto 35px; overflow: hidden; border-bottom:1px solid #f6f6f6; position: relative; padding-bottom:25px; text-align:left;}
.newsdetail-title .date { color: #3569b5; font-size:30px; line-height:30px; margin-bottom: 3px; font-family:"novecento-widenormal","微软雅黑"; font-weight:100;}
.newsdetail-title .title { font-size: 20px; line-height: 30px; color: #1d1d1d; margin-bottom: 10px; margin:15px auto auto auto; font-weight:100; }
.newsdetail-title .info { color: #999999; }

.newsdetail-content{ width:730px; float:right; margin:20px auto auto 35px; color:#686868; font-size:14px; line-height:220%;}
.newsdetail-content p{text-indent: 2em; padding: 10px 0px 10px 0px;}
.newsdetail-content img { width:100%; height:auto; display: block;  padding: 10px 0px 10px 0px; }

.jobdetail-content{ width:730px; float:right; margin:20px auto auto 35px; color:#686868; font-size:14px; line-height:220%;}
.jobdetail-content img { width:100%; height:auto; display: block;  padding: 10px 0px 10px 0px; }

.news-more { width: 310px; height:800px; overflow: hidden; position:absolute; left:15px; top:15px; z-index:10;}
.news-more-title b { font-size:20px; color: #014099; }
.news-more li { margin-top: 30px; border-bottom:1px solid #c4c4c4; padding-bottom:15px;}
.news-more .date { display: block; color: #1380c5; font-size: 18px; line-height: 20px; margin-bottom: 3px; text-align: left; font-family:"novecento-widenormal";}
.news-more .name { display: block; color: #5d5d61; font-weight: bold; font-size: 14px; line-height: 30px; -webkit-transition: color .3s; transition: color .3s; }
.news-more p { color: #7f7f7f; }
.news-more li:hover .name { color: #1380c5; }


.page{ width:1100px; float:left; margin:10px auto 25px 20px; text-align:center;}
.pagenav{ float:left; margin:20px auto auto auto; }
.pagenav span{ padding:5px 15px 5px 15px; display:block; background:#f4f4f4; border:1px solid #e2e2e2; float:left; display:inline; margin:auto 10px auto auto; border-radius:10px; font-size:14px;}
.pagenav a{ padding:5px 15px 5px 15px; display:block; background:#f4f4f4; border:1px solid #e2e2e2; float:left; display:inline; margin:auto 10px auto auto; border-radius:10px; font-size:14px;}
.pagenav a:hover{ background:#21c2f8; color:#FFF; border:1px solid #04a8df;}


.z_honor{ width:760px; float:left; margin:auto auto 25px auto; }
.z_honor ul li{ width:230px; height:380px; float:left; margin:10px auto 15px 20px; background:#fcfcfc; border-radius:5px; box-shadow:#d2d2d2 0px 0px 10px; -webkit-transition:all .3s; transition:all .3s; }
.z_honor ul li a{ width:100%; height:100%; display:block;}
.z_honor ul li span{ width:200px; height:278px; float:left; margin:15px auto auto 15px; background:#006cb8;}
.z_honor ul li span img{ width:200px; height:278px;}
.z_honor ul li h1{ width:200x; float:left; margin:15px auto auto 15px; font-size:16px; font-weight:100; color:#006cb8; text-align:center;}
.z_honor ul li:hover{ background:#006cb8; }
.z_honor ul li:hover span{ background:#fff;}
.z_honor ul li:hover h1{ color:#fff;} 

/*.z_honor{ width:1140px; float:left; margin:20px auto 25px 0px; }
.z_honor ul li{ width:260px; height:380px; float:left; margin:25px 15px auto 10px; background:#fcfcfc; border-radius:5px; box-shadow:#d2d2d2 0px 0px 10px; -webkit-transition:all .3s; transition:all .3s; }
.z_honor ul li a{ width:100%; height:100%; display:block;}
.z_honor ul li span{ width:230px; height:320px; float:left; margin:15px auto auto 15px; background:#006cb8;}
.z_honor ul li span img{ width:230px; height:320px;}
.z_honor ul li h1{ width:215px; float:left; margin:15px auto auto 25px; font-size:16px; font-weight:100; color:#006cb8; text-align:center;}
.z_honor ul li:hover{ background:#006cb8; }
.z_honor ul li:hover span{ background:#fff;}
.z_honor ul li:hover h1{ color:#fff;} 
*/
.z_honor dl{ float:left; margin:25px auto auto auto;}
#z_honor_t a{ background:#006cb8; color:#FFF;}
.z_honor dl dd{ width:1116px; height:50px; float:left; margin:15px 15px auto 10px; background:#fcfcfc; border-radius:5px; box-shadow:#d2d2d2 0px 0px 10px; line-height:50px;color:#006cb8;}
.z_honor dl dd a{ width:100%; height:100%; display:block;}
.z_honor dl dd h1{ width:35%; float:left; margin:auto auto auto auto; font-size:16px; font-weight:100; text-align:center; border-right:1px solid #CCC;}
.z_honor dl dd h2{ width:15%; float:left; margin:auto auto auto auto; font-size:16px; font-weight:100; text-align:center; border-right:1px solid #CCC;}
.z_honor dl dd h3{ width:15%; float:left; margin:auto auto auto auto; font-size:16px; font-weight:100; text-align:center; border-right:1px solid #CCC;}
.z_honor dl dd h4{ width:20%; float:left; margin:auto auto auto auto; font-size:16px; font-weight:100; text-align:center; border-right:1px solid #CCC;}
.z_honor dl dd h5{ width:14%; float:left; margin:auto auto auto auto; font-size:16px; font-weight:100; text-align:center;}
.z_honor dl dd:hover{ background:#006cb8; }
.z_honor dl dd a:hover{ color:#FFF;}



@media screen and (min-width: 1024px) { 
.honor_fixd{ width:100px; position:fixed; font-size:14px; left:50%; top:50%; margin-left:-700px; } 
.honor_fixd a{ width:100%; height:36px; float:left; margin:5px auto auto auto; line-height:36px; text-align:center; display:block; color:#FFF; background:#006cb8; border-raduis:5px;}

}


.honor_sub { width:305px; margin: 25px auto auto 10px}
.honor_sub h2{ width:305px; height:36px; float:left; text-align:center; font-size:20px;}
.honor_sub ul li{ width:260px; height:36px; float:left; margin:15px auto auto 25px; border:1px solid #dedede; border-radius:15px; text-align:center; line-height:36px; font-size:14px; overflow:hidden;}
.honor_sub ul li a{ width:100%; height:100%; display:block;}
.honor_sub ul li a:hover{ background:#366bb1; color:#FFF;}

.z_case{ width:100%; overflow:hidden; zoom:1; text-align:left; margin:20px auto auto auto;}
.z_case ul li{ width:266px; height:325px; margin:10px 5px 20px 10px; float:left; background:#fcfcfc; _display:inline; border-radius:10px; box-shadow:#d2d2d2 0px 0px 10px;}
.z_case ul li .pic{ width:250px; float:left; margin:8px auto auto 8px;}
.z_case ul li .pic img{ width:250px; height:170px; display:block; } 
.z_case ul li .title{ width:250px; float:left; margin:15px auto auto 8px; line-height:24px; font-size:18px; color:#63676c;}
.z_case ul li .text{ width:250px; float:left; margin:10px auto auto 8px; color:#8c8c8c; font-size:14px;}


.inside_contact{ width:1140px; margin:25px auto auto auto; padding-bottom:25px; overflow: hidden;}
.inside_contact .itemC{ width:350px; height:180px; float:left; margin: auto auto auto 25px; background:#ebebeb; border-radius:15px; -webkit-transition:all .3s;
	transition:all .3s}
.inside_contact .itemC h1{ width:100%; height:65px; text-align:center; margin:25px auto auto auto;}
.inside_contact .itemC h2{ width:80%; margin:15px auto auto auto; text-align:center; font-size:16px;}
.inside_contact .itemC:hover{ background:#125eac;}
.inside_contact .itemC:hover h2{ color:#FFF;}

.inside_contact .C1{ background: url(../images/us_1.png) no-repeat center top;}
.inside_contact .C2{ background: url(../images/us_2.png) no-repeat center top;}
.inside_contact .C3{ background: url(../images/us_3.png) no-repeat center top;}
.inside_contact .itemC:hover .C1{ background:url(../images/us_1_hover.png) no-repeat center top;}
.inside_contact .itemC:hover .C2{ background:url(../images/us_2_hover.png) no-repeat center top;}
.inside_contact .itemC:hover .C3{ background:url(../images/us_3_hover.png) no-repeat center top;}

.inside_contact .c_weixin{ width:350px; height:330px; float:left; margin: 25px auto auto 25px; background:#ebebeb; border-radius:15px; -webkit-transition:all .3s;
	transition:all .3s}
.inside_contact .c_weixin h1{ width:100%; height:65px; text-align:center; margin:25px auto auto auto; background: url(../images/us_4.png) no-repeat center top;}
.inside_contact .c_weixin h2{ width:80%; margin:15px auto auto auto; text-align:center; font-size:16px;}
.inside_contact .c_weixin p{ width:80%; margin:15px auto auto auto; text-align:center; }
.inside_contact .c_weixin:hover{ background:#125eac;}
.inside_contact .c_weixin:hover h1{ background:url(../images/us_4_hover.png) no-repeat center top;}
.inside_contact .c_weixin:hover h2{ color:#FFF;}

.inside_contact .c_address{ width:725px; height:330px; float:left; margin: 25px auto auto 25px; background:#ebebeb; border-radius:15px;}



.honor .box {
	margin:15px auto 35px 25px;
	display: block;
	width: 350px;
	height: 470px;
	float: left;
	border-radius: 4px;
	position: relative;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 0 3px 5px rgba(0,0,0,.1);
}
.honor .box .head {
	width: 100%;
	height: 4px;
	position: relative;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	z-index: 0;
}
.honor .box .head:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 99px;
	top: 0;
	left: 0;
	z-index: 1;
	background-position: center center;
	background-repeat: no-repeat;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.honor .box:hover .head {
	height: 99px;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
}
.honor .blue .head {
	background-color: #1774d4;
}
.honor .blue .head:after {
	background-image: url(../images/blue-1.png);
}
.honor .blue:hover .head:after {
	background-image: url(../images/blue-2.png);
}
.honor .red .head {
	background-color: #1b8cff;
}
.honor .red .head:after {
	background-image: url(../images/red-1.png);
}
.honor .red:hover .head:after {
	background-image: url(../images/red-2.png);
}

.honor .green .head {
	background-color: #125eac;
}
.honor .green .head:after {
	background-image: url(../images/green-1.png);
}
.honor .green:hover .head:after {
	background-image: url(../images/green-2.png);
}
.honor .box .text {
	position: absolute;
	width: 100%;
	top: 95px;
	left: 0;
	overflow: hidden;
}
.honor .box .text h1 {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	padding: 0 24px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #125eac;
}
.honor .box .text p {
	width:80%;
	margin:5px auto auto auto;
	color: #949494;
	font-size: 14px;
	line-height:24px;
	text-align:left;
}
.honor .box .text h3{ width:80%; font-size:16px; margin:10px auto auto auto;}
.honor .box .pic{ width:350px; position:absolute; bottom:0px;}


.hr_Item{ float:left; margin:20px auto auto 15px; border-radius:15px; overflow:hidden;}

.job_Item{ width:1140px; height:160px; float:left; background:#FFF; margin:20px auto 15px auto; border:1px solid #e6e6e6;}
.job_Item a{ width:100%; height:100px; display:block;}
.job_Item a .tit{ width:1080px; height:35px; float:left; margin:25px auto auto 30px; border-bottom:1px solid #e6e6e6;}
.job_Item a .tit h3{ float:left; font-size:16px; font-weight:bold;}
.job_Item a .tit h4{ float:right; font-size:14px;}
.job_Item a .word{ width:1080px; float:left; margin:10px auto auto 30px;}
.job_Item a .word p{ width:920px; float:left; font-size:14px; line-height:26px;}
.job_Item a .word span{ float:right; margin:25px auto auto auto;}
.job_Item a .word span{ width:85px; height:32px; background:#125eac; text-align:center; line-height:32px; font-size:14px; display:block; color:#FFF;}

.job-more { width: 305px; height:800px; overflow: hidden; position:absolute; left:15px; top:15px; z-index:10;}
.job-more-title b { font-size:20px; color: #014099; }
.job-more li { margin-top:15px; border-bottom:1px solid #c4c4c4; padding-bottom:15px;}
.job-more .name { display: block; color: #5d5d61; font-weight: bold; font-size: 14px; line-height:30px; -webkit-transition: color .3s; transition: color .3s; }
.job-more p { color: #7f7f7f; }
.job-more li:hover .name { color: #1380c5; }

.job_detail_btn{ width:730px; float:right; margin:20px auto auto auto;}
.job_detail_btn a{ width:180px; height:35px; float:left; display:block; margin:auto 30px auto auto; background:#125eac; line-height:35px; font-size:16px; color:#FFF; text-align:center;}

.Message_3{ width:730px; float:right; margin:10px auto auto auto;}

.formJob{ width:700px; float:left; padding-bottom:20px; margin:20px auto; border:1px solid #dfdfdf; color:#5f5f5f;}

.formJob_pic{ width:120px; height:160px; float:left; background:url(../images/job_pic.png) no-repeat center;}

.formJob_1{ width:500px; height:26px; float:left; display:inline; margin:10px auto auto 10px; font-size:14px; }
.formJob_1 span{ width:100px; height:26px; float:left; text-align:right; }
.formJob_1 p{ width:250px; height:26px; float:left; }

.formJob_2{ width:260px; height:26px; float:left; display:inline; margin:10px auto auto 10px; font-size:14px; }
.formJob_2 span{ width:100px; height:26px; float:left; text-align:right; }
.formJob_2 p{ width:160px; height:26px; float:right; line-height:32px;}
.formJob_2 p input{ width:160px; height:20px; float:right; border: 1px solid #e6e6e6; line-height:20px; }

.formJob_3{ width:500px; height:52px; float:left; display:inline; margin:10px auto auto 10px; font-size:14px; }
.formJob_3 span{ width:100px; height:26px; float:left; text-align:right; }
.formJob_3 p{ width:360px; height:26px; float:left; line-height:32px;}
.formJob_3 p .input_a{ width:200px; height:20px; float:left; border: 1px solid #e6e6e6; line-height:20px; }
.formJob_3 p .input_b{ width:85px; height:22px; float:left; border: 1px solid #a5a5a5; background:#f2f2f2; line-height:22px; margin:auto auto auto 10px; font-size:12px; }
.formJob_3 .wordJob{ float:left; font-size:12px; padding-left:10px;}

.formJob_btn{ width:140px; float:left; margin:10px auto auto auto; text-align:center;}
.formJob_btn input{ width:100px; height:28px; margin:auto; background:#125eac; border:1px solid #07407b; border-radius:5px; color:#FFF;}


.culture_01{ width:45%; height:160px; float:left; margin:2% auto 3% 3%; border-radius:10px; background:#FFF; border:1px solid #125eac; position:relative;}
.culture_01 .tit{ width:100%; height:36px; margin:auto auto auto auto; position:absolute; top:-15px; text-align:center; }
.culture_01 .tit span{ width:50%; height:36px; margin:auto auto auto auto; background:#125eac; display:block; line-height:36px; font-size:20px; border-radius:10px; color:#FFF;}
.culture_01 .subtit{ width:90%; margin:45px auto auto auto; font-size:16px; font-weight:bold; text-align:center;}
.culture_01 .word{ width:90%; margin:25px auto auto auto; font-size:14px;}

.culture_02{ width:45%; height:100px; float:left; margin:2% auto 3% 3%; border-radius:10px; background:#FFF; border:1px solid #125eac; position:relative;}
.culture_02 .tit{ width:100%; height:36px; margin:auto auto auto auto; position:absolute; top:-15px; text-align:center; }
.culture_02 .tit span{ width:50%; height:36px; margin:auto auto auto auto; background:#125eac; display:block; line-height:36px; font-size:20px; border-radius:10px; color:#FFF;}
.culture_02 .subtit{ width:90%; margin:45px auto auto auto; font-size:16px; font-weight:bold; text-align:center;}

.culture_03{ width:93%; float:left; margin:2% auto 3% 3%; border-radius:10px; background:#FFF; border:1px solid #125eac; position:relative; padding-bottom:20px;}
.culture_03 .tit{ width:100%; height:36px; margin:auto auto auto auto; position:absolute; top:-15px; text-align:center; }
.culture_03 .tit span{ width:50%; height:36px; margin:auto auto auto auto; background:#125eac; display:block; line-height:36px; font-size:20px; border-radius:10px; color:#FFF;}
.culture_03 .subtit{ width:90%; margin:45px auto auto auto; font-size:16px; font-weight:bold; text-align:center;}
.culture_03 .word{ width:90%; margin:25px auto auto auto; font-size:14px;}

.idea_box2{ width:96%; margin:auto auto auto 3%;}
.idea_box2 .idea_item2{ width:24%; height:300px; float:left; margin:25px auto auto auto; border-right:1px dashed #dedede; -webkit-transition:all .3s; transition:all .3s;}
.idea_box2 .idea_item2:nth-child(4n){ border-right:0px;}
.idea_box2 .idea_item2 h2{ width:90%; float:left; margin:15px auto auto 5%; text-align:center;}
.idea_box2 .idea_item2 h1{ width:90%; float:left; font-size:18px; font-weight:bold; color:#0e4699; margin:15px auto auto 5%; text-align:center;}
.idea_box2 .idea_item2 p{ width:90%; float:left; margin: auto auto auto 5%; padding-top:15px; line-height:22px; color:#3c3c3c; font-size:12px; text-align:left;}