/*banner*/
.banner{ max-height:360px;min-width:1200px;overflow:hidden; background-color:#eee; padding-top:140px;}
.banner img{max-width:100%;max-height:100%; width:100% }


/*subnav*/
.menu{width:100%;min-width: 1200px;height:64px;background:#efefef;position: absolute;z-index: 6;}
.menu .nav{width:1200px;height:64px;margin:0 auto;}
.menu .nav li{float:left;list-style:none;}
.menu .nav li a{display:block;height:64px;font-size:14px;padding:0 15px;line-height:64px;color:#666;text-decoration:none;position:relative;overflow:hidden;}
.menu .nav li a:hover,.menu .nav li a.current{background:#ef8518;color:#fff;}
.menu .nav li .box{width:100%;height:50px;position:absolute;top:64px;left:0;background:#f1f6fd;display:none;}
.menu .nav li .box a{display:block;height:50px;float:left;color:#0c508d;line-height:50px;border:none;background:none;font-size:14px;font-weight:normal;}
.menu .nav li .box a:hover{color:#ef8518}
.menu .nav .on a{ background-color:#ef8518; color:#fff; font-weight:bold;}
/*** 搜索 ***/
#search {float:right;display:block;width:256px;height:36px;margin-top:12px;}
#search li.ipt{float:left;width:200px;height:36px;}
#search li.ipt .keyword{ float:left;display:block; border:none;width:206px;padding-left:16px;height:36px;font:14px/36px "微软雅黑"; color:#036eb7;
background:url(../images/ss_txt.png) no-repeat left center;;}
#search li.btn{float:right;cursor:pointer;width:36px;height:36px;display:block;background:url(../images/ss_bt.png) no-repeat left top;}


/*about*/
.about01{width:1200px; height: auto; padding-top:56px; margin:0 auto;}
.main_title{width: 100%; text-align:center;}
.main_title span{font-size:30px;color:#333;}
.about01 p{ padding:10px 0; font:16px/36px "微软雅黑"; text-indent:32px; color:#666;}
.about01 p img{ width:auto; padding-top:20px;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.about01 p img:hover{ height:auto;-webkit-transform: scale(1.01);-moz-transform: scale(1.01);-ms-transform: scale(1.01);-o-transform: scale(1.01);transform: scale(1.01);}

.pic_zz{overflow:hidden; position:relative; padding-top:30px; padding-left:100px; color:#666;}
.pic_zz ul{ overflow:hidden; zoom:1; }
.pic_zz ul li{ margin:10px 15px; float:left;display:inline; overflow:hidden; line-height:40px;text-align:center;}
.pic_zz ul li .pic{ text-align:center; }
.pic_zz ul li .pic img{ width:300px; height:225px; display:block; border:2px solid #eee;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.pic_zz ul li .pic img:hover{height:225px;border:2px solid #6e9fd5;-webkit-transform: scale(1.01);-moz-transform: scale(1.01);-ms-transform: scale(1.01);-o-transform: scale(1.01);transform: scale(1.01);}

.picScroll-left{ overflow:hidden; position:relative; padding-top:30px;}
.picScroll-left .pic_bd{ padding:10px; padding-left:30px; }
.picScroll-left .pic_bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .pic_bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;}
.picScroll-left .pic_bd ul li .pic{ text-align:center; }
.picScroll-left .pic_bd ul li .pic img{ width:210px; height:158px; display:block; border:1px solid #eee; }
.picScroll-left .pic_bd ul li .pic a:hover img{ border-color:#eee;  }
.picScroll-left .pic_bd ul li .title{ line-height:32px; font-size:14px; color:#999;}
.picScroll-left .prev,
.picScroll-left .next{ display:block; position:absolute; top:50%; left:5px; width:24px; height:24px; background:url(../images/btns.png) no-repeat;}	
.picScroll-left .next{ left:auto; right:5px; background-position:-24px 0; }	
.picScroll-left .prev:hover{ background-position:0 -30px; }	
.picScroll-left .next:hover{ background-position:-24px -30px; }

.about02{width:1200px; height: auto; margin:0 auto; padding-top:40px; margin-bottom:60px;}
.about_pic{width:1200px;height:auto;} 
.about_list{ width:100%; height:280px;}
.about_title{ font-size:18px; font-weight:bold; color:#ef8518;}
.about_title span{ width:4px; height:16px; background-color:rgb(239,133,24,0.6)}
.about_line{height:1px;width:100%;background:#eee;overflow:hidden; margin-top:20px;}
.about_sub{ width:560px; float:left; padding-left:60px; padding-top:20px;}
.about_sub ul{ color:#333; font-size:14px;padding-top:10px;}
.about_sub2{ width:560px;float: right; padding-top:20px}
.about_sub2 ul{ color:#333; font-size:14px;padding-top:10px;}
.about_zj{ padding-top:30px;}
.about_zj ul li{ width:590px; height:150px; float:left; padding-right:10px; padding-bottom:30px;}
.about02 p{ font-size:14px; color:#666; padding-bottom:60px; padding-top:20px;}
.about_map{ padding-top:40px; padding-left:120px;}
.about_mg{width: 520px; height: 320px; background: #f7f7f7; margin-top: 40px; margin-right: 40px; float: left;}
.about_mg ul{ padding-left:60px; padding-top:40px;}
.about_mg span{ font-size:16px; font-weight:bold;color:#333; line-height:80px;}
.about_mg li{ font-size:14px; color:#999; line-height:30px;}
.about_mg li img{ padding-right:10px;}
.about_Cmap{padding-top: 40px;}
.about_cul{width:1200px; height:auto;font-size: 14px;color: #666; line-height:32px;padding-top: 20px;}
.about_cul span{font-size:14px;color:#333;font-weight:bold;}
.about_cul ul{ padding-bottom:40px;}
.about_cul img{ float:right; margin-top:-140px;}



/*-------发展轨迹----------*/
.history{width: 100%; height: auto; overflow:hidden; padding-top:20px; background:#fff; padding-bottom:40px;}
.timeline {position: relative;padding: 0;width: 100%;margin-top: 20px;list-style-type: none;}
.timeline:before {position: absolute;left: 50%;top: 0;content: ' ';display: block;width: 2px; height: 100%; margin-left: -1px; background: rgb(213,213,213);  background: -moz-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1))) background: -webkit-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%); background: -o-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);  background: -ms-linear-gradient(top, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%); background: linear-gradient(to bottom, rgba(213,213,213,0) 0%, rgb(213,213,213) 8%, rgb(213,213,213) 92%, rgba(213,213,213,0) 100%);  z-index: 5;}
.timeline li {  padding: 2em 0;}
.timeline .hexa{  width: 16px;  height: 10px;  position: absolute;  background: #004694;  z-index: 5;  left: 0;  right: 0;  margin-left:auto;  margin-right:auto;  top: -30px; margin-top: 0;}
.timeline .hexa:before {  border-bottom: 4px solid #004694;  border-left-width: 8px;  border-right-width: 8px;  top: -4px;}
.timeline .hexa:after {  border-left-width: 8px;  border-right-width: 8px; border-top: 4px solid #004694; bottom: -4px;}
.direction-l,
.direction-r { float: none;  width: 100%; text-align: center;}
.flag-wrapper {  text-align: center; position: relative;}
.flag { position: relative;  display: inline;  background:#fff;font-size:14px;color:#333; font-weight:600; z-index: 15; padding: 6px 10px; text-align: left; border-radius: 5px;}
.direction-l .flag:after,
.direction-r .flag:after {  content: "";  position: absolute;  left: 50%;  top: -15px;  height: 0;  width: 0;  margin-left: -8px;  border: solid transparent;  border-bottom-color: rgb(255,255,255);  border-width: 8px;  pointer-events: none;}
.direction-l .flag {  -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);  -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);  box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);}
.direction-r .flag { -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);  box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);}
.time-wrapper {  display: block;  position: relative;  margin: 4px 0 0 0;  z-index: 14;  line-height: 1em;  vertical-align: middle;  color: #fff;}
.direction-l .time-wrapper {  float: none;}
.direction-r .time-wrapper {  float: none;}
.time {  background: #004694;  display: inline-block;  padding:10px 10px;}
.desc {position: relative;margin: 1em 0 0 0; padding: 1em;font-size:14px;color:#666;background: rgb(254,254,254);  -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20);  -moz-box-shadow: 0 0 1px rgba(0,0,0,0.20);  box-shadow: 0 0 1px rgba(0,0,0,0.20);  z-index: 15;}
.direction-l .desc,
.direction-r .desc {  position: relative;  margin: 1em 1em 0 1em; padding: 1em;  z-index: 15;}
@media(min-width: 768px){ .timeline {    width: 660px;    margin: 0 auto;    margin-top: 20px;  }.timeline li:after {    content: "";    display: block;    height: 0;    clear: both;    visibility: hidden;  }   .timeline .hexa {    left: -28px;    right: auto;    top: 8px;  }.timeline .direction-l .hexa {    left: auto;    right: -28px;  }.direction-l {    position: relative;    width: 310px;    float: left;    text-align: right;  }.direction-r {   position: relative;   width: 310px;    float: right;    text-align: left;  }  .flag-wrapper {   display: inline-block;  }.flag {   font-size: 18px; }.direction-l .flag:after {    left: auto;   right: -16px;    top: 50%;    margin-top: -8px;    border: solid transparent;    border-left-color: rgb(254,254,254);    border-width: 8px;  }.direction-r .flag:after {    top: 50%;    margin-top: -8px;    border: solid transparent;    border-right-color: rgb(254,254,254);    border-width: 8px;    left: -8px;  }.time-wrapper {    display: inline;    vertical-align: middle;    margin: 0;  }.direction-l .time-wrapper {    float: left;  }.direction-r .time-wrapper {   float: right; } .time {    padding: 5px 10px;  } .direction-r .desc {   margin: 1em 0 0 0.75em; } }
@media(min-width: 992px){  .timeline {    width: 800px;    margin: 0 auto;   margin-top: 20px;  }  .direction-l {    position: relative;    width: 380px;    float: left;    text-align: right;  }  .direction-r {    position: relative;    width: 380px;    float: right;    text-align: left;  }}


/*-------人才招聘----------*/
.join_sel{width:1200px;height:60px;background:#f7f7f7;}
.join_wrap {width:240px;height:auto;padding:10px 18px 10px 18px;float:left;}
.nice-select {width: 240px;padding: 0 10px;height: 40px;border: 1px solid #eee;position: relative;background: #fff url(../images/a2.jpg) no-repeat right center;cursor:pointer;}
.nice-select input {display: block;width:240px;height: 40px;font-size:14px;color:#999;line-height: 40px;border: 0;outline: 0;background: none;cursor:pointer;}
.nice-select ul {width:240px;display: none;position: absolute;left: -1px;top: 40px;overflow: hidden;background-color: #fff;max-height: 150px;overflow-y: auto;border: 1px solid #eee;border-top: 0;z-index:9999;}
.nice-select ul li {height: 30px;line-height: 30px;overflow: hidden;padding: 0 10px;cursor: pointer; color: #666;font-size: 14px;}
.nice-select ul li.on {background-color: #e0e0e0;}
.join-select{ width:340px; height:40px;}
.join_keys{width: 240px;padding: 0 10px;height: 40px;color:#999;border: 1px solid #eee;position: relative;background: #fff;cursor:pointer;}
.join-select join_keys {display: block;width:240px;height: 40px;font-size:14px;color:#999;line-height: 40px;border: 0;outline: 0;background: none;cursor:pointer;}
.join_btn{font-size:14px;color: #fff;width: 80px; height: 40px; letter-spacing: 1px; background: #004694; border: hidden; outline: medium; -webkit-appearance: none; -webkit-border-radius: 0; float:right; margin-top:-42px;}
.join_list{ padding-top:20px; width:100%; height:auto;}
.join_job{ width:1200px; height:auto; float:left;padding-top:20px;padding-bottom:20px;}
.join_ewm2{position: fixed;z-index: 9999;width: 120px;height: 120px;right: 20px;top: 500px;font-size: 13px;color: #999;text-align: center;line-height: 20px; margin-top:60px}
.join_ewm2 img{width: 100%;}

.sideMenu{background:none;}
.sideMenu h10{line-height:40px;color:#333;cursor:pointer;font-size: 18px;padding: 20px 80px 0 0;}
.sideMenu h10 em{ float:right; display:block; width:40px; height:32px;cursor:pointer; }
.sideMenu h10.on em{ background-position:16px -57px; }
.sideMenu h8{line-height:40px;color:#ef8518;cursor:pointer;font-size:18px;font-weight:bold;}
.sideMenu h8 em{ float:right; display:block; width:40px; height:32px;cursor:pointer;}
.sideMenu h8.on em{ background-position:16px -57px; }
.sideMenu h9{width: 25%;font-size:14px;color:#666;padding: 0 0 0 0;float:left;}
.sideMenu ul{font-size:14px; text-align:center; color:#999; display:none;float:right;margin-top: -64px;padding-right: 20px;/* 默认都隐藏 */}
.list_page{ padding:3px; text-align:center; clear:both; padding-top:40px;}
.list_page a { font-size:12px; margin:2px; padding:5px 8px; border:1px solid #eee; color:#666; text-decoration:none; }
.list_page a:hover { border:1px solid #004694; color:#004694; }
.list_page a:active { border:1px solid #eee; color:#eee; }
.list_page span { margin:2px; padding:5px 8px; border:1px solid #eee; color:#666; font-size:12px; }
.list_page span.strong { margin:2px; padding:5px 8px; border:1px solid #004694; font-weight:bold; color:#fff; background-color:#004694; }
.fuli{ width:1200px; height:280px;}
.fuli ul{ padding-right:20px; float:left;}
.fuli li{ padding-bottom:20px;}
.fuli img{padding-left:112px;} 
.fuli_tab{ width:280px;color:#333; font-size:18px; font-weight:bold;padding-left:124px;}
.fuli p{font-size:14px;color:#666; text-align:center;padding-bottom:20px;}
.join_ewm{ width:775px;height:300px;background:url(../images/join_bg.png) no-repeat; margin:0 auto; padding-bottom:40px;}
.join_p{ font-size:16px; color:#666;text-align:center;}
.join_img{ width:200px; text-align:center; color:#666; padding-right:92px; padding-left:92px; float:left;}


/*---news---*/
.new{ width:100%; height:auto; margin-top:-50px; padding-top:30px; padding-bottom:60px;}
.new ul{ width:100%; height:auto; margin-bottom:0px;}
.new ul li{ width:100%; height:220px;}
.new ul li:nth-child(2n){background:#f7f7f7;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.new ul li a{ width:1200px; height:180px; padding-top:20px; margin:0 auto; display:block; }
.new ul li .n_date{ width:115px; height:115px; padding-top:30px; float:left; text-align:center; background:#eee;font-size:16px;color:#666;}
.new ul li .n_date h4{ font-size:40px;color:#666; text-align:center; }
.new ul li .n_titl{ width:840px; height:140px; float:left; margin-left:30px;}
.new ul li .n_titl h3{ width:780px;height:40px;font-size:16px;color:#333; overflow:hidden;}
.news_p{font-size: 14px;color: #666;}
.new ul li .n_titl p{ width:780px;height:52px;font-size:14px;color:#8c8a8a; overflow:hidden; margin-bottom:12px;}
.new ul li .n_titl span{ width:128px;height:28px;font-size:14px;line-height:26px;color:#004694;border:1px solid #004694; display:block; text-align:center;}
.new ul li .n_pic{width: 210px;height: 140px;float:right;}
.new ul li .n_pic img{ width:222px; height:140px;}
.new ul li:hover{-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.new ul li:hover .n_date{ background:#004694;color:#fff;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.new ul li:hover .n_date h4{color:#fff;}
.new ul li:hover .n_titl h3{ color:#004694;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.new ul li:hover .n_titl p{ color:#666;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.new ul li:hover .n_titl span{ color:#fff; background:#004694;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}


/*---新闻详情---*/
.news_position{ width:100%; height:40px;border: 1px solid #eee;font-size:14px; color:#999;padding-left:20px; margin-bottom:60px;}
.news_position a{ font-size:14px; color:#999; line-height:40px;}
.news_position a:hover{ color:#004694;} 
.news_more{ width:100%; height:auto; padding-bottom:100px; font-size:14px;}
.news_next{width:570px; height:40px; color:#999; line-height:40px;padding-left:20px;background:#f7f7f7;float:left;} 
.news_pre{width:570px; height:40px; color:#999; line-height:40px;padding-left:20px;background:#f7f7f7;float:right;}
.news_more a:hover{ background:#004694; color:#fff;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}

#news_text{ width:100%; font:16px/36px "微软雅黑"; text-align:center; color:#333333; }
#news_text a{ color:#333333; }
#news_text a:visited{ color:#333333; }
#news_text a:hover{ color:#ef8518; }
#news_text h1{font-size:30px;color:#222; }
#news_text h2{font-size:20px;color:#222; }
#news_text h3{font-size:12px;color:#999; margin-top:10px; }
#news_text h4{font-size:12px;color:#999; border-bottom:1px #eee solid;padding-bottom: 20px;}
#showcontent{ margin-top:25px; margin-bottom:25px;font-size:15px; text-align:left; }
#showcontent p{ text-indent:2em; }
#showcontent img{ max-width:96%;padding-top:20px;padding-bottom:30px;}
#tools{ width:100%; margin:8px auto;font-size:12px;color:#999; text-align:right; }
#tools a{ color:#999; }
#tools a:hover{ font:12px/30px "Microsoft YaHei","微软雅黑"; color:#ef8518;}


/*---公司业绩---*/
.yeji{width:1200px; height: auto; padding-top:56px; margin:0 auto;}
.yeji_m{width:1200px; height: auto; margin:0 auto; padding-top:40px; margin-bottom:60px;}
.yeji_p{ font:14px/28px "微软雅黑"; color:#666;text-align:center; padding-bottom:20px;}
.con{width:100%;height:auto;margin:10px 0 60px 0;}
.con ul{margin-right:-20px;}
.con ul li{float:left;width:285px;height:210px;margin-left:20px;margin-bottom:15px;position:relative;overflow:hidden;cursor:pointer;}
.con img{display: block;overflow: hidden; width:285px;height:210px;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.con ul li:hover img{-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.08);transform: scale(1.08);}
.txt{width:285px;height:40px;background:rgba(0,0,0,0.5);/*透明背景色，不透明其文字内容*/position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";}
.txt h3{width:285px; font-size:15px;font-weight:100;height:32px;text-align:center;line-height:36px;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;}
.txt p{width:245px;margin-left:20px;font-size:13px;text-align:justify;color:#fff;line-height:20px;padding-top:20px;}