@charset "UTF-8";
/* public */
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
img{border:0;}
ul,dl,li,dt,dd{list-style:none;}
body{font-family: "微软雅黑";font-size: 14px; background:#f4f4f4; overflow-x:hidden; color: #222222;  }
a{font-size:14px;text-decoration:none;  color: #222; }
.clearfix:after{content:""; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
input,textarea,select{outline: none; font-family:"microsoft yahei"; line-height: normal;}
textarea{resize:none; overflow:hidden;}
select{-webkit-appearance: none;appearance: none; -ms-appearance: none;border-radius: 0;}
select::-ms-expand { display: none; }
i,em{font-style:normal;}
.u_hidden{ display: none;}
.fl{float:left;}
.fr{float:right;}
.z-container {width: 1280px;height:auto;clear: both;margin: 0 auto;}
.z-container2 {width: 1430px;height:auto;clear: both;margin: 0 auto;}
/*.z-container3 {width: 1300px;height: auto;clear: both;margin: 0 auto; position: relative;}
.z-container4 {width: 1080px;height: auto;clear: both;margin: 0 auto;}*/
.z-row {width: 100%;height: auto;clear: both;margin: 0 auto;overflow: hidden;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ellipsis2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow:ellipsis;}
.ellipsis3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
@font-face {
  font-family: 'sy';  /* project id 574899 */
  src: url("../fonts/SOURCEHANSANSCN-REGULAR.OTF");;

}
*:before,
*:after {
  z-index: -1;
}
/*分享二维码*/
#zCode{display: block;left: 50%;top: 50%;margin-left: -110px;margin-top: -122.5px;position: fixed; background: #fff;height: 245px;width: 220px; z-index:3000;border-radius: 5px; border: 6px solid #7f7f7f; box-sizing: border-box;}
#zCode>h2{     color: #666;background: #f2f2f2;height: 24px;line-height: 24px;border-bottom: 1px solid #e8e8e8; font-size: 14px; padding: 0 10px; box-sizing: border-box;}
#zCode>h2>i{cursor:pointer; float:right; width:24px; height:24px; text-align:center;}
#zCode>.ewm{width:100%; height:208px;padding: 20px; box-sizing: border-box; }
#zCode>.ewm canvas{width:100%; height:100%;}

.u_hidden{ display: none;}
.clear{ clear: both;}
.top_bar{ height: 40px;line-height: 40px; background: #333; color: #aaa;z-index: 99999; position: relative;}
.top_bar .fl{ color:#fff;}
.top_bar .fr span{ margin-left: 40px; position: relative; cursor: pointer; color: ;}
.top_bar .fr span .down{ width: 90px; height: 90px; border: 1px solid #ddd; padding: 10px; box-sizing: border-box; background: #fff; position: absolute; left: 0; top:30px; display: none; z-index: 999;}
.top_bar .fr span:hover .down{ display: block;}
.top_bar .fr span .down img{ width: 100%; height: 100%;}
.top_bar .fr span img{ vertical-align: middle; margin-right: 5px;}
.header{ height: 80px; background: #fff; z-index: 999; background: #fff;width: 100%;transition: all 1s;z-index: 9999; position: fixed; left: 0; top: 0;transform: translateY(40px); }
/*.header.active{ position:fixed; left: 0;top: 0;}*/
.header.on{ transform: translateY(0);}
.header .logo{ display: inline-block; line-height: 80px; float: left;}
.header .logo img{vertical-align: middle; height: 60px;}
.header .nav{ float: right;}
.header .nav>li{ float: left; line-height: 80px; width: 110px; text-align: center; position: relative; z-index: 1;}
.header .nav>li>a{  position: relative; display: block; max-width: 250px; text-transform: uppercase;overflow: hidden; font-size: 16px;}
.header .nav>li .sub_down{ position: absolute; width: 100%; position: absolute; top: 80px; background: #dde1e9; padding: 20px 0; display: none;}
.header .nav>li .sub_down li{ line-height: 24px; margin-bottom: 16px;}
.header .nav>li .sub_down li a{color: #666;}
.header .nav>li .sub_down li a:hover{ color: #2a328e; text-decoration: underline;}
.header .nav>li>a:before{ position: absolute;top: 0%; content: '';width: 0px;height: 3px; left: 50%; background:#2a328e;-webkit-transition: 0.8s; transition: 0.8s;}
.header .nav>li:hover>a:before,.header .nav>li.active>a:before{ width: 100%; left: 0;}
/* .header .nav>li>a:before { left: -20px; -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.header .nav>li>a:after { right: -20px; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%);}
.header .nav>li>a:hover:before,.header .nav>li.active >a:before{-webkit-animation: criss-cross-left 0.8s both;  animation: criss-cross-left 0.8s both;}
.header .nav>li>a:hover:after,.header .nav>li.active >a:after{ -webkit-animation: criss-cross-right 0.8s both;animation: criss-cross-right 0.8s both;} */
/* .header .nav>li>a:hover,.header .nav>li.active>a{ color: #fff;} */
/*.header .nav>li>a:before {content: ''; width: 0;  height: 0;  -webkit-transform: rotate(360deg);  border-style: solid; border-width: 0 0 0 0; border-color: transparent transparent transparent #2a328e;
  position: absolute; bottom: 0; left: 0;  box-sizing: border-box;
  -webkit-transition: 0.8s;
  transition: 0.8s;}
.header .nav>li>a:after { content: ''; width: 0;  height: 0; -webkit-transform: rotate(360deg); border-style: solid;border-width: 0 0 0 0; border-color: transparent #2a328e transparent transparent;
  position: absolute;  top: 0;  right: 0;  box-sizing: border-box;
  -webkit-transition: 0.8s;
  transition: 0.8s;}
.header .nav>li>a span:before {
  content: '';  width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid;border-width: 0 0 0 0;border-color: transparent transparent #2a328e transparent;  position: absolute;
  right: 0; bottom: 0;  box-sizing: border-box;
  -webkit-transition: 0.8s;
  transition: 0.8s;}
.header .nav>li>a span:after {  content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg);border-style: solid; border-width: 0 0 0 0;border-color: #2a328e transparent transparent transparent;
  position: absolute;  top: 0;  left: 0;  box-sizing: border-box;
  -webkit-transition: 0.8s;
  transition: 0.8s;}
.header .nav>li:hover>a,.header .nav>li.active>a {
  color: #fff;
}
.header .nav>li>a:hover:before,.header .nav>li.active>a:before{  border-width: 165px 0 0 165px;}
.header .nav>li>a:hover:after,.header .nav>li.active>a:after { border-width: 0 165px 165px 0;}
.header .nav>li>a:hover span:before,.header .nav>li.active>a span { border-width: 0 0 165px 165px;}
.header .nav>li>a:hover span:after,.header .nav>li.active>a span  {  border-width: 165px 165px 0 0;}*/
.slideBox{ width:100%;  overflow:hidden; position:relative;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto; display:block;  }
		/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:2%; top:50%; margin-top:-25px; display:block; width:32px; height:40px;  filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:2%; background-position:8px 5px; }
.slideBox .prev{background:url(../img/arr_l.png) no-repeat;}
.slideBox .next{background:url(../img/arr_r.png) no-repeat;}
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
.slideBox .text-mask{ width: 100%; height: 100%;position: absolute; left: 0;top: 0; z-index: 999;}
.slideBox .text-mask .z-container{ margin-top: 150px; color: #fff;}
.slideBox .text-mask h3{ font-size: 56px; font-weight: bold; margin-bottom: 10px;}
.slideBox .text-mask a{ display: block; width: 140px; height: 45px; line-height: 45px; text-align: center; color: #fff; margin-top: 30px; background: rgba(216,167,19,1); transition: all .3s;}
.slideBox .text-mask a:hover{background: rgba(216,167,19,.8);}
.yan{ display: inline-block;width: 22px; height: 14px; background: url(../img/yan.png) no-repeat center; background-size: 100% 100%; vertical-align: middle;margin-right: 10px;}
.index_tit{ text-align: center;}
.index_tit h3{ font-family: "微软雅黑"; font-size: 32px; font-weight: bold; margin: 30px 0; float: left; width: 100%;}
.index_tit h3 span{ color: #2a328e;}
.index_tit p{ color: #666;}
.index_part1{ width: 100%; background: url(../img/indexbg1.jpg) no-repeat left center; background-size: 100% 100%; height: 727px; padding-top: 50px; box-sizing: border-box; border-top: 6px solid #2a328e;}
.boxlist{ height: 360px; overflow: hidden;}
.boxlist ul{ margin-left: -2.3%; margin-top: 60px;}
.boxlist ul li{ width: 31%; margin-left: 2.3%; height: 300px; float: left; overflow: hidden; position: relative; z-index: 1;} 

.boxlist ul li .img{ width: 100%; height: 100%; transition: all .6s;-webkit-transition: all .6s;}
.boxlist ul li:hover .img{ transform: scale(1.2); -webkit-transform: scale(1.2);}
.boxlist ul li .cirle{ width: 120px; height: 120px; position: absolute; left: 50%; top: 90px; transform: translateX(-50%); text-align: center;border-radius: 50%;  color: #fff; z-index: 3;}

.boxlist ul li .cirle:before{content: ""; display: block; width:100%; height:100%; background: #2a328e; position: absolute; left:0% ;top: 0%; border-radius: 50%; -webkit-transition: 0.5s; transition: 0.5s;}
.boxlist ul li .cirle:after{content: ""; display: block; width: 0%; height: 0%; background: #69c330; position: absolute; left:50% ;top: 50%; border-radius: 50%; -webkit-transition: 0.5s; transition: 0.5s;}
.boxlist ul li:hover .cirle:before{left: 50%; top: 50%; width:0%; height: 0%;}
.boxlist ul li:hover .cirle:after{left: 0; top: 0; width: 100%; height: 100%;}
.boxlist ul li .cirle img{ margin-top: 25px;-webkit-transition: 0.5s; transition: 0.5s; height: 32px;}
.boxlist ul li:hover .cirle img{ transform: scale(1.05,1.05)}
.boxlist ul li:after{content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,.3); z-index: 2;   -webkit-transition: 0.5s; transition: 0.5s;}
.boxlist ul li:hover:after{opacity: 0;}
.index_part2{ width: 100%; height: 640px; background: url(../img/aboutbg.jpg) no-repeat center; background-size: 100% 100%; padding-top: 140px; box-sizing: border-box;}
.index_part2 .z-container{ width: 1060px; text-align: center;color: #fff;}
.index_part2 h3{ margin-bottom: 20px;}
.index_part2 span{ display: inline-block;width: 140px; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 16px; margin-bottom: 50px; background: #2a328e;}
.index_part2 .con{ line-height: 30px;}
.more2{ display: inline-block; width: 120px; height: 40px; text-align: center;line-height: 40px; color: #fff;border-bottom: 1px solid #fff; border-top: 1px solid #fff; margin-top: 50px; position: relative; overflow: hidden; z-index: 1;}
.more2:before, .more2:after { position: absolute;top: 50%; content: '';width: 20px;height: 20px; background:#2a328e;border-radius: 50%;-webkit-transition: 0.8s; transition: 0.8s;}
.more2:before { left: -20px; -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.more2:after { right: -20px; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%);}
.more2:hover:before {-webkit-animation: criss-cross-left 0.8s both;  animation: criss-cross-left 0.8s both;}
.more2:hover:after { -webkit-animation: criss-cross-right 0.8s both;animation: criss-cross-right 0.8s both;}
.index_part3{ background: #fff; padding-top: 100px; padding-bottom: 140px;}
.index_part3 .fl{ width: 40%; }
.index_part3 .fr{ width: 57%; }
.index_part3 .tit{font-size: 28px; font-weight: bold; line-height: 30px; margin-bottom: 25px;}
.index_part3 .tit span{ color: #2a328e;}
.index_part3 .tit a{ color: #acacac; font-weight: normal; display: inline-block; float: right;}
.index_part3 .tit a:hover{color: #2a328e; text-decoration: underline;}
.index_part3 .tit a .yan{ background: url(../img/yan2.png) no-repeat center; background-size: 100% 100%; margin-top: -2px;}
/*.slideBox2{ position: relative; width: 100%; height: 320px; }
.slideBox2 .hd{ height:15px; overflow:hidden; position:absolute; left:0px; bottom:20px; z-index:99; text-align: center; width: 100%;  line-height: 15px;}
.slideBox2 .hd ul li{ display: inline-block; margin:0 8px;  width:10px; height:10px; border-radius: 50%; background:#fff; cursor:pointer; }
.slideBox2 .hd ul li img{ height:320px;}
.slideBox2 .hd ul li.on{ background:#1359a7; color:#fff;width: 14px; height: 14px; }
.index_part3 .info{ background: #f6f6f6; height: 200px; padding: 30px; box-sizing: border-box;}
.index_part3 .info h3{ font-size: 18px;  overflow: hidden;}
.index_part3 .info h3:hover{ color: #2a328e; text-decoration: underline;}
.index_part3 .info p{color: #666666; line-height: 30px; margin: 20px 0;}
.index_part3 .info span{ color: #1359A7;}
.index_part3 .info span:hover{ color: #2a328e; text-decoration: underline;}*/
.slideBox2{ position: relative; width: 100%;}
.slideBox2 .hd{ height:15px; overflow:hidden; position:absolute; left:0px; top:290px; z-index:99; text-align: center; width: 100%;  line-height: 15px;}
.slideBox2 .hd ul li{ display: inline-block; margin:0 8px;  width:10px; height:10px; border-radius: 50%; background:#fff; cursor:pointer; }
.slideBox2 .hd ul li.on{ background:#1359a7; color:#fff;width: 14px; height: 14px; }
.slideBox2 .bd ul li img{ height: 320px;}
.index_part3 .info{ background: #f6f6f6; height: 200px; padding: 30px; box-sizing: border-box;}
.index_part3 .info h3{ font-size: 18px;  overflow: hidden;}
.index_part3 .info h3:hover{ color: #2a328e; text-decoration: underline;}
.index_part3 .info p{color: #666666; line-height: 30px; margin: 20px 0;}
.index_part3 .info span{ color: #1359A7;}
.index_part3 .info span:hover{ color: #2a328e; text-decoration: underline;}
.index_part3 .fr .topbox{ height: 210px; background:#f6f6f6;}
.index_part3 .fr .topbox .img{ width: 40%; float:left; position: relative; height: 210px; overflow: hidden;}
.index_part3 .fr .topbox .img img{ width: 100%; height: 100%;-webkit-transition: 0.5s; transition: 0.5s;}
.index_part3 .fr .topbox .img:hover img{ transform: scale(1.2,1.2);}
.index_part3 .fr .topbox .img span{ display: inline-block; width: 70px; height: 70px; background: #2a328e; color: #fff;position: absolute; left: 0;bottom: 0; text-align: center; padding:10px 0px; box-sizing: border-box;}
.index_part3 .fr .topbox .img span em{ font-size: 28px; font-weight: bold; font-family: arial; display: block;}
.index_part3 .fr .topbox .info{ width: 60%;float: right; padding: 30px; box-sizing: border-box;}

.index_part3 .index_news{ width: 100%; background: #F6f6f6; padding: 50px 30px; box-sizing: border-box;}
.index_part3 .index_news a{ display: block; width: 100%; height: 52px; line-height: 52px; border-bottom: 1px solid #bbb; color: #555;-webkit-transition: 0.5s; transition: 0.5s; }
.index_part3 .index_news a:hover{ padding-left: 20px;}
.index_part3 .index_news a:first-child{border-top: 1px solid #ddd;}
.index_part3 .index_news a .ellipsis{ width: 80%; float: left;}
.index_part3 .index_news a .time{ float: right;}
.index_part3 .index_news a em{ display: inline-block; width: 5px; height: 5px; background: #bbb;border-radius: 50%; vertical-align: middle; float: left; margin-top: 23px; margin-right: 10px;}
.index_part3 .index_news a:hover{ color: #1359A7;}
.index_part3 .index_news a:hover em{background: #1359A7;}
.index_part4{ width: 100%; height: 130px; line-height: 130px; background: #f6f6f6;}
.index_part4 ul li img{ vertical-align: middle; max-width: 80%; max-height: 80%;}
.index_part4 .bd ul{ padding:0 10px;   }
.index_part4 .bd ul{ overflow:hidden; zoom:1; }
.index_part4 .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center; width: 20%;  }
.footer{ background: #282828; color: #fff;}
.footer .top{ margin-top: 90px; float: left; width: 100%;}
.footer .top .left,.footer .top .right{width: 50%; float: left;}
.footer .top .logo2{ margin-bottom: 40px;}
.footer .top .logo2 img{height: 60px;}
.footer .contact_box p{ color: #999; line-height: 30px; margin-bottom: 10px;}
.footer .contact_box p img{ vertical-align: middle; margin-right: 10px;}
.footer .contact_box .infobox{ float: left; width: 70%; }
.footer .contact_box .codebox{ float: right; text-align: center; margin-right: 30px;}
.footer .contact_box .codebox .img{ width: 122px; height: 122px; background: #fff; padding: 10px; box-sizing: border-box;}
.footer .contact_box .codebox .img img{ width: 100%; height: 100%;}
.footer .contact_box .codebox h3{ margin-top: 10px;}
.footer .top .right{ text-align: right;}
.footer .top .right .map1{ width: 80%; float: right;}
.footer .top .right .map1 img{ width: 100%;}
.footer .bottom{ height: 106px; line-height: 106px; border-top: 1px solid #444444; float: left; width: 100%; margin-top: 60px; color: #666;}
.footer .bottom  span a{ color: #666;}
.footer .bottom  span{ display:block;float: left;}
.footer .bottom  span:first-child{ margin-right: 140px;}
.footer .bottom  .share{ float: right;}
.footer .bottom  .share a{ display: inline-block; width: 26px; height: 26px; margin-left: 30px; }
.footer .bottom  .share a.wx{ background: url(../img/s_icon1b.png) no-repeat center; background-size: auto 100%;}
.footer .bottom  .share a.qq{ background:url(../img/s_icon2b.png) no-repeat center; background-size: auto 100%;}
.footer .bottom  .share a.wb{ background:url(../img/s_icon3.png) no-repeat center; background-size: auto 100%;}
.footer .bottom  .share a.wb:hover{ background:url(../img/s_icon3b.png) no-repeat center; background-size: auto 100%;}
.footer .bottom  .share a.qq:hover{ background:url(../img/s_icon22.png) no-repeat center; background-size: auto 100%;}
.footer .bottom  .share a.wx:hover{ background:url(../img/s_icon11.png) no-repeat center; background-size: auto 100%;}
/*企业*/
.banner img{ width: 100%; vertical-align:bottom}
.pagebox{ width: 100%; background: url(../img/pagebg.jpg) no-repeat left; background-size: 100% 100%; min-height: 600px;}
.pagebox .left_nav{ width: 21.8%; float: left; position: relative; top: -100px; left: 0; margin-bottom: 20px;}
.pagebox .left_nav .navbox h3{ height:100px; line-height: 100px; background: url(../img/titbg2.png) no-repeat center; background-size: 100% 100%; padding-left: 36px; box-sizing: border-box; color: #fff; font-size: 32px; font-weight: bold;}
.pagebox .left_nav .navbox h3 em{ font-size: 18px; font-family: arial;}
.pagebox .left_nav ul{ background: #2a328e;}
.pagebox .left_nav ul li{-webkit-transition: 0.8s; transition: 0.8s;}
.pagebox .left_nav ul li:hover{ padding-left: 50px;}
.pagebox .left_nav ul li a{display:block;  background: #fff; height: 80px; line-height: 80px; border-bottom: 1px solid #e4e4e4; padding:0 36px; box-sizing: border-box;}
.pagebox .left_nav ul li:last-child a{ border-bottom: none;}
.pagebox .left_nav ul li i{ display: inline-block; width: 10px; height: 7px; background: url(../img/l-arr2.png) no-repeat center; background-size: 100% 100%;float: right; margin-top: 36px;}
.pagebox .left_nav ul li.active a,.pagebox .left_nav ul li:hover a{ color: #2a328e;}
.pagebox .left_nav ul li.active i,.pagebox .left_nav ul li:hover i{ background: url(../img/l_arr.png) no-repeat center;}
.pagebox .left_nav .contactox{ background: #fff; margin-top: 20px; padding: 36px; box-sizing: border-box;}
.pagebox .left_nav .contactox>h3{ color: #2a328e; font-size: 16px;font-weight: bold; margin-bottom: 30px;}
.pagebox .left_nav .contactox p{ margin-bottom: 10px;}
.pagebox .left_nav .contactox .img{ margin-top: 20px; width: 120px; 120px;}
.pagebox .left_nav .contactox h4{ font-size: 12px;}
.pagebox .right_con{ width: 75%; float: right; background: #fff; min-height: 600px; padding: 0 36px; box-sizing: border-box; margin-bottom: 120px;}
.pagebox .right_con .title{ line-height: 80px; border-bottom: 1px solid #e4e4e4; font-size: 24px;}
.pagebox .right_con .title span,.pagebox .right_con .title span a{ font-size: 14px; color: #888888;}
.pagebox .right_con .title span a.active{ color: #2a328e;}
.pagebox .right_con .artic_con{ margin: 36px 0;}
.pagebox .right_con .artic_con img{ max-width: 100%;}
/*案例*/
.case_list ul,.honer_list .ul{ margin-left: -2.3%; margin-top: 40px;}
.case_list ul li,.honer_list .ul .li{ width: 31%; float: left; margin-left: 2.3%; margin-bottom: 30px;}
.case_list ul li .img{ width: 100%; height: 180px; overflow: hidden;}
.case_list ul li .img img{width: 100%; height: 100%; -webkit-transition: 0.8s; transition: 0.8s;}
.case_list ul li:hover img{transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2);}
.case_list ul li h3{ height: 50px; line-height: 50px; padding: 0 10px; box-sizing: border-box; background: #f4f4f4; position: relative; z-index: 1; text-align: center;-webkit-transition: 0.5s; transition: 0.5s; color: #444;}
.case_list ul li:nth-child(even) h3:before{ content: ""; display: block; width: 0; height: 100% ;position: absolute; right: 0; top: 0; background:#2a328e; z-index: -1;-webkit-transition: 0.5s; transition: 0.5s;}
.case_list ul li:nth-child(odd) h3:before{ content: ""; display: block; width: 0; height: 100% ;position: absolute; left: 0; top: 0; background:#2a328e; z-index: -1;-webkit-transition: 0.5s; transition: 0.5s;}
.case_list ul li:hover h3:before{ width: 100%; }
.case_list ul li:hover h3{ color: #fff;}
.honer_list .ul .li{  position: relative;  perspective: 1000px;}
.honer_list .ul .li .info{ position: absolute; left: 0; top: 0; width: 100%;height: 100%; line-height: 100%;}
.honer_list .ul .li .box-img{  transform: rotateY(0); transition: all 0.50s ease-in-out 0s; height: 220px;}
.honer_list .ul .li:hover .box-img{  transform: rotateY(-90deg);}
.honer_list .ul .li .box-img img{ width: 100%;height: 100%;}
.honer_list .ul .li .box-content{ width: 100%;height: 100%; position: absolute; top: 0;left: 0;  color: #fff;   text-align: center;  background:#2a328e;transform: rotateY(90deg); transition: all 0.50s ease-in-out 0s;
}
.honer_list .ul .li .box-content .text{ width: 100%; position:relative; left: 0; top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%); font-size:16px;}
.honer_list .ul .li .box-content .text i{ display: inline-block; width: 26px; height: 26px; background: url(../img/sou.png) no-repeat center; background-size: 100% 100%; vertical-align: middle; margin-right: 10px;}
.honer_list .ul .li:hover .box-content{  transform: rotateY(0);}
.more_bar{ width: 100%; height: 50px; line-height: 50px; border-radius: 5px; text-align: center; color: #9b9b9b; display: block; background: #f2f2f2; overflow: hidden;position: relative; margin-top: 20px; margin-bottom: 70px;z-index: 1;}
.more_bar .yan{ display: inline-block;width: 22px; height: 14px; background: url(../img/yan2.png) no-repeat center; background-size: 100% 100%; vertical-align: middle;margin-right: 10px; }
.more_bar:before{ content: ""; display: block; width: 0%; height: 100%; position: absolute; left: 0; top: 0;-webkit-transition: 0.8s; transition: 0.8s; background: #2a328e; }
.more_bar:hover:before{ width: 100%;z-index: -1;}
.more_bar:hover{ color: #fff;}
.more_bar:hover .yan{ background: url(../img/yan.png) no-repeat center;}
/*新闻中心*/
.news_list ul li{ background: #fff; box-sizing: border-box; margin-bottom: 30px;}
.news_list ul li a{ display: block;width: 100%; height: 100%;}
.news_list ul li a .img{ width: 220px; height: 160px; float: left; position: relative; margin-right: 30px;}
.news_list ul li a .img img{ width: 100%; height: 100%;}
.news_list ul li a .img .time{ display: inline-block;position: absolute; left: 0; bottom: 0; background:#2a328e; color: #fff; height: 60px; padding: 0 10px; text-align: center; }
.news_list ul li a .img .time em{ display: block; font-size: 26px; font-weight: bold;}
.news_list ul li a .info{ float: left; height:160px; border-bottom: 1px solid #efefef; box-sizing: border-box;}
.news_list ul li a .info h3{ font-size: 16px;margin-top: 30px; margin-bottom: 20px;}
.news_list ul li a .info{ float: left; width: 70%;}
.news_list ul li a .info p{ line-height: 30px; color: #777;}
.news_list ul li a:hover .info h3{ color: #2a328e; text-decoration: underline;}

/*联系我们*/
.contactbox .way{ width: 100%;}
.contactbox .way li{ line-height: 70px; border-bottom: 1px solid #ddd; font-size: 15px; -webkit-transition: 0.8s; transition: 0.8s; }
.contactbox .way li:hover{ padding-left: 30px;}
.contactbox .way li i{ display: inline-block; width: 46px; height: 46px; background: #2a328e; line-height: 46px; text-align: center; border-radius: 50%; margin-right: 16px;}
.contactbox .way li i img{ vertical-align: middle;}

.contactbox .map{ height: 450px; margin: 40px 0;}
.contactbox .map img{ width: 100%; height: 100%;}
.contactbox .codebox{ margin-bottom: 60px;}
.contactbox .codebox .box{float: left; margin-right: 40px; text-align: center;}
.contactbox .codebox .box .img{ width: 140px; height: 140px;padding: 10px; box-sizing: border-box;border: 1px solid #ddd;}
.contactbox .codebox .box h3{ color: #F5911E; line-height: 40px;}
/*招贤纳仕*/
.sideMenu{  border:1px solid #ddd; width: 100%;  background: #fff;border-top: none; margin-bottom:30px; }
.sideMenu .tit{ height:50px; line-height:50px; padding:0 20px;box-sizing: border-box;  border-top:1px solid #e3e3e3; background:#ececec; cursor:pointer; color: #515151;}

.sideMenu .tit em{ float:right; display:inline-block; width:14px; height:14px; background: url(../img/add.png) no-repeat left center; background-size: 100% 100%;  margin-top: 18px;}
.sideMenu .tit.on em{ background: url(../img/jian.png) no-repeat center; background-size: 100% 100%; }
.sideMenu .tit.on{ background: #2a328e; color: #fff;}
.sideMenu ul{ padding:30px 20px; color:#515151; display:none; /* 默认都隐藏 */ }
.sideMenu .tit span{ margin-right: 40px;}
.sideMenu ul h4{ margin-bottom: 20px;}
.sideMenu ul p{ margin-bottom: 10px;}

.news_tit{ border-bottom: 1px solid #e4e4e4; padding:20px 0; margin-bottom: 40px; }
.news_tit h3{ font-size: 24px; margin-bottom: 20px;}
.news_tit p{ font-size: 14px; color: #888888;}
.news_tit p span{ margin-right: 20px;}
.news_con{ min-height: 500px; font-family:"微软雅黑"!important; margin-bottom:30px;}
.news_con img{ max-width: 100%;}
.bottombar{ margin-bottom: 70px;}
.bottombar a{ display: block; width: 40%; border-top: 3px solid #aaaaaa; box-sizing: border-box; padding: 10px 0; position: relative;}
.bottombar a:before{ content: ""; display: block; width: 0%; height: 3px; position: absolute; left: 0; top:-3px; background: #2a328e;transition: all .7s;-webkit-transition: all .7s; z-index: 1;}
.bottombar a i{ display: inline-block; width: 27.7%; height: 40px;text-align:center;line-height: 40px; background: #aaaaaa;color: #fff; margin-right: 10px;}
.bottombar a span{ width: 65%;float: right; line-height: 40px;}
.bottombar a:hover:before,.bottombar a.active:before{ width: 100%;}
.bottombar a:hover i,.bottombar a.active i{ background: #2a328e;}
.yj_box2 .bd ul{ margin-left: -3.3%;}
.yj_box2 .bd ul li{ width: 30%;margin-left: 3.3%; margin-bottom: 40px;}
.yj_box2 .bd ul li .img{ height: 220px;}

@media screen and (max-width: 1300px) {
.z-container{ width: 90%;}
.index_part2 .z-container{ width: 90%;}
}