@charset "utf-8";
/* CSS Document */
/*top header*/
body{ margin-bottom: 80px;}
.header{ background-color: #FFF; overflow: hidden; width: 100%;}
.top{ width: 100%;background: #fff; overflow: hidden;}
.logo{ width: 70%; float: left;}
.logo img{width: 100%;}
.top_right{ float: right; margin: 3% 4% 0 0; width: 10%; height: 44px;  color: #d40000;}

.right_menu{ position: fixed; right: 0; top: 0; z-index: 999; overflow: hidden; height: 100% !important; transition: 0.3s all 0s linear; width:0;}
.right_menu ul{height: 100%; box-sizing: border-box; padding: 0 5%;background-color:rgba(0,139,212,0.8); width: 100%; overflow: hidden; min-width: 193px;}
.right_menu ul>li{list-style-type:none; width: 94%; margin: 0 3%; height:40px; line-height: 40px; border-bottom: 1px solid #d6d6d6; clear: both; position: relative;}
.right_menu ul>li a{ background-size: 20px !important; display:block; width: 100%; color: #FFF; line-height: 40px; text-indent:23px;}
.menu_a li{ width: 50%; float: left;margin-top: 5px;}
@media only screen and (min-width: 640px){
    .menu_a li{ width: 25%; float: left;margin-top: 5px;}
}
.menu_a li a{ width: 100%; display: block; text-indent: 10px; color: #FFF; font-size: 15px;}
.close{ position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: url(../Image/gb.png) no-repeat center center; background-size: 20px;}
.hei{ width: 60% !important;}

.menu{ width:100%; max-width:640px; text-align:center; margin:0 auto;}

.lm{ margin:0; background:#0060c6; padding:0; text-align:center; height:40px; line-height:40px; overflow:hidden; width:25%;font-size:16px; font-weight:bold; box-sizing: border-box; color:#fff;}
.lms{ margin:0; padding:0; background:#0060c6; text-align:center;  height:40px; line-height:40px;overflow:hidden; width:25%;  font-size:16px; font-weight:bold; color:#fff; box-sizing: border-box; }
.lmss{margin:0; background:#0060c6; padding:0; text-align:center; height:40px; line-height:40px; overflow:hidden; width:25%;}
.lm a,.lms a{  font-size:16px; font-weight:bold; color:#fff;}
.lmss a{  font-size:12px; font-weight:bold; color:#fff;}

.slideBox{ position:relative; overflow:hidden; margin:0 auto;  max-width:640px; }
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#333; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox .hd li.on{ background:#fff;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center; height:auto; overflow:hidden;  }
.slideBox .bd li img{  vertical-align:top; width:100%;}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; color:#fff;  text-align:left;  }

.serach {
    height: 35px;
    width: 300px;
    position: relative;
    margin: 12px auto;
}
.serach input {
    width: 250px;
    height: 25px;
    border: 1px solid #ddd;
    padding: 4px 10px;
    border-radius: 10px;
}
.serach button {
    width: 75px;
    height: 35px;
    background: url(../images/search.png) center no-repeat #d60300;
    border-radius: 10px;
    border: none;
    position: absolute;
    right: 0px;
    top: 0px;
}
.zy_banner{width: 100%; max-width: 640px;}
.zy_banner img{width: 100%; max-width: 640px;}


.nav{box-sizing: border-box; overflow: hidden;}
.nav li{ border: 2px solid #eaeef1; box-sizing: border-box; border-top: none; margin-left: -2px;}
.nav li:nth-of-type(1),.nav li:nth-of-type(2),.nav li:nth-of-type(3),.nav li:nth-of-type(4){border-top: 2px solid #eaeef1;}
.nav li:nth-of-type(4n+1){ margin-left: 4px;}
.nav li a{ display: block; text-align: center; color: #494949; font-size: 14px; height: 40px; line-height: 40px;}
.nav li:hover a,.nav li.on a{ background: #008cd6; color: #FFF;}

.w640{ max-width: 640px;box-sizing: border-box; padding:0 10px; margin: 0 auto; overflow: hidden;}

.zy1,.zy2,.zy3,.zy4,.zy5{   height: 350px; overflow: hidden;}
.zy1 .w1200,.zy2 .w1200,.zy3 .w1200,.zy4 .w1200,.zy5 .w1200{-moz-box-shadow:0px 0px 7px #7a7a7a; -webkit-box-shadow:0px 0px 7px #7a7a7a; box-shadow:0px 0px 7px #7a7a7a; height: 300px; width: 1200px; margin: 25px auto;}
.zy1 .w1200{ background: url(../images/zy1.jpg) no-repeat top center;}
.zy2 .w1200{ background: url(../images/zy2.jpg) no-repeat top center;}
.zy3 .w1200{ background: url(../images/zy3.jpg) no-repeat top center;}
.zy4 .w1200{ background: url(../images/zy4.jpg) no-repeat top center;}
.zy5 .w1200{ background: url(../images/zy5.jpg) no-repeat top center;}

.about{ margin:20px auto;}
.about_left{ width:700px;}
.about_right{ width:480px;}
.about_tt{ position: relative;}
.about_tt:before,.about_tt:after{ content:''; position: absolute; top: 50%; height: 1px; width: 36%; background: #d1d4d7;}
.about_tt:after{right:0;}
.about_tt span{ position: relative; text-align: center; padding: 20px 0; font-size: 20px; font-weight: bold; color: #262626; display: block;}

.more a{ color: #fff; text-align: center; border: 1px solid #e20000; background: #e20000; padding: 2px 0; width: 40%; margin: 20px auto; display: block; }
.more:hover a{ color: #fff; text-align: center; border: 1px solid #C80000; background: #C80000; padding: 2px 0; width: 40%; margin: 20px auto; display: block; }

.about_en{ font-size: 36px; font-family: "Arial"; font-weight: bold; color: #cbcbcb;line-height: 40px;}
.about_cc{line-height: 30px; padding:10px 0;}

.about a img{transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;}
.about a:hover img{filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;transform: matrix(1.04, 0, 0, 1.04, 0, 0);-webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-o-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-moz-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-ms-transform: matrix(1.04, 0, 0, 1.04, 0, 0);}

.cp a img{transition: all 0.5s ease-in-out 0s;-moz-transition: all 0.5s ease-in-out 0s;-webkit-transition: all 0.5s ease-in-out 0s;-o-transition: all 0.5s ease-in-out 0s;-ms-transition:all 0.5s ease-in-out 0s;}
.cp a:hover img{filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;transform: matrix(1.04, 0, 0, 1.04, 0, 0);-webkit-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-o-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-moz-transform: matrix(1.04, 0, 0, 1.04, 0, 0);-ms-transform: matrix(1.04, 0, 0, 1.04, 0, 0); position: relative; z-index: 100;}

.about1{top: 113px; left: 0}
.about2{top: 113px; left: 290px}
.about3{top: 30px; left: 145px}
.about4{top: 196px; left: 145px}
.wy_news{ overflow: hidden; width: 100%;}

.news_xx{ line-height: 30px; width: 50%; padding-bottom: 10px; border-bottom:#fff 2px solid; transition-duration:.5s; }
.news_xx img{ width: 95%; margin: 0 auto;}

.news_xx2{width:48%; margin:0 1%; box-sizing: border-box; border-bottom:#fff 2px solid; transition-duration:.5s;}
.news_xx2 img{width:100%; }

.rel_center{ max-width: 100%;}

.news_xx1{ margin: 0 0 0 25px; line-height: 30px; padding-bottom: 10px; border-bottom:#fff 2px solid; transition-duration:.5s;}
.news_xx1:hover{ border-bottom:#008cd7 2px solid; background: #f1f4f6;  box-shadow:0 2px 3px #333; }
.news_xx1:nth-child(5n+1){ margin: 0 0 0 0;}

.wynews{height: auto;overflow: hidden;padding:20px 0;border-bottom: 1px solid #e5e5e5;}

.wynews ul li{height:60px;line-height: 60px;padding:0 15px;background: #f5f5f5;margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient:vertical;}
.wynews ul li:hover{background: #008cd7;}
.wynews ul li span{margin-right:12px}
.wynews ul li a{color: #333;font-size:16px;}
.wynews ul li:hover a{color: #fff;}


.bianmin{ width:100%; overflow:hidden;}
.bianmin li{  font-size:16px; line-height:26px; overflow:hidden;  margin-bottom:30px; border: 1px solid #ecebf0;}
.bianmin li:hover{ background: #497fdc; }
.bianmin li .img{height:333px;overflow: hidden;}

.bianmin li .title{ font-size:24px; font-weight:bold; line-height:44px; border-bottom: 1px #dfdfdf solid;  color: #616161; padding: 30px 0 20px; clear:both; margin-bottom: 20px; text-align: center}
.bianmin li .shuoming{ padding:0 20px 20px; line-height: 40px; font-size: 16px;  overflow: hidden; }
.bianmin li:hover .more{ color: #1e83cb; padding-left: 5px;}
.bianmin li:hover .title{ color: #fff; }
.bianmin li:hover .shuoming{ color: #fff; }

/*end footer*/

footer{ position: fixed;bottom: 0; left: 0; z-index: 100; width: 100%;}
.footer{ height: 70px; background: #3388d0; color: #fff;}
.footer li{ height: 70px; padding:10px 0; border-right: 1px solid #6aa5dd; overflow: hidden; text-align: center; box-sizing:border-box;}
.footer li a{  line-height: 30px; display: block; color: #ffffff; font-size: 14px;  background-size: 25px;}


/*index 网站首页*/
.sy_nav{border-bottom: 1px solid #cccccc; margin: 0 auto; height: 70px; line-height: 70px; width: 1200px; margin: 0 auto; position: relative; text-align: center; margin-top: 20px;}
.sy_nav span{ font-size: 24px; color: #4c4c4c; border-bottom: 2px solid #808080; padding: 19px 5px;}
/*集团动态*/
.news{ }
.slideTxtBox .parhd{ clear: both; text-align: center;}
.slideTxtBox .parhd li{ display: inline-table; color: #4c4c4c; font-size: 16px; border-bottom: 1px solid #c3c3c3; line-height: 40px; margin: 12px 24px 27px 24px; padding: 0 2px; cursor: pointer;}
.slideTxtBox .parhd li.on{ color: #0c67bf; border-color: #0c67bf;}
/*新闻图片切换*/
.focusBox { position: relative; width: 560px; height: 370px; overflow: hidden; float: left; border: 1px solid #e5e5e5; padding: 4px;}
.focusBox .pic li{ width: 560px; height: 370px; overflow: hidden;}
.focusBox .pic img { width: 560px; display: block;}
.focusBox .txt-bg { position: absolute; bottom: 4px; z-index: 1; height: 52px; width:560px;  background:rgba(0,0,0,0.4); overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 4px; z-index: 2; height: 52px; width:560px; overflow: hidden; }
.focusBox .txt li{ height:52px; line-height:52px; position:absolute; bottom:-56px;}
.focusBox .txt li a{ display: block; color: white; padding: 0 0 0 10px; padding-left: 22px; }
.focusBox .sPrev,.focusBox .sNext{ position:absolute; z-index: 3; bottom: 4px; right: 5px; display:block; width:43px; height:52px;  background:url(../images/ico.png) top right no-repeat #053c7e; }
.focusBox .sPrev{ right:60px; background-position: top left;  }
.focusBox .sPrev:hover,.focusBox .sNext:hover{ background-color:#0c67bf; }
.gsxw{ width: 605px; float: right; line-height: 36px;}
.news2{ clear: both; margin-top: 17px;}
.news1 li{ background: #FFF; position: relative; transition: 0.3s all; height: 102px;   margin-bottom: 20px;}
.news1 li .time{ color: #fff;background: #0c67bf; float: left; width:20%; height: 102px; text-align: center;}
.news1 li:hover .time{ background: #fff;  color: #333; float: left; width:20%; height: 102px; text-align: center;}
.news1 li .time span{ display: block; font-size: 36px; font-family: arial; padding: 20px 0 0  0;}
.news1 li .wen{width:70%;float: left; height: 98px; overflow: hidden; padding-left: 28px; line-height: 24px; color: #808080;}
.news1 li .wen p{ font-size: 16px; color: #3c3c3c; line-height: 46px; white-space: pre; overflow: hidden;}
.news1 li:after{ content: ''; position: absolute; bottom:50%; right: 0; width: 3px; height: 0;  background: #0e68bf;}
.news1 li:hover{ background: #f7f7f7;}
.news1 li:hover:after{ height: 102px;transition: 0.3s all 0s linear;bottom: 0;}



.news2 li{ padding-left: 27px; color: #8e8e8e; font-size: 12px; position: relative;}
.news2 li a{ font-size: 14px; color: #646464;}
.news2 li:after{ content: ''; position: absolute; top:50%; transition: 0.3s all; left: 12px; width: 5px; height: 5px;  background: #646464; border-radius: 50%; margin-top: -3px;}
.news2 li:hover a{ color: #0c67bf; padding-left: 5px;}
.news2 li:hover:after{ background: #0C67BF; left: 17px;}
/*集团产业*/
.cp .nr{}
.cp .rolling{ position: relative; float: left;width: 50%;}
.cp .rolling img{display: block; opacity: 0.9; transition: 0.3s all; width:100%; position: relative;z-index: 1;}
.cp .rolling .roll_box{background: #008cd7;}

.cp .rolling img:hover { opacity: 1; position: relative;z-index: 100;}

.history{  text-align: center; font-size: 18px; color: #777777; padding: 30px 0; overflow: hidden;}
.history li{ float: left;width: 288px; margin: 0 5px; height: 152px; border: 1px solid #e7e7e7; background: url(../images/history.png) no-repeat right center #f5f5f5; transition: 0.3s all;}
.history .year{ color: #656765; font-size: 56px; font-family: arial; position: relative; padding-top: 30px;}
.history .year span{ font-size: 14px; bottom: 8px;padding-left: 5px; position: absolute;}
.history li:hover {background: url(../images/his.png) no-repeat 240px center #0c67bf; border-color: #FFF; color: #FFF;}
.history li:hover .year{ color: #FFF;}
.jjinfo{ padding: 40px 0;}
.jjinfo .img{ width: 410px; height: 280px; overflow: hidden;}
.jjinfo .info{ width: 690px; padding-right: 35px; color: #7c7c7c; line-height: 30px;}
.jjinfo .chang_bj{ margin: 18px 18px 0 0; width: 105px; height: 38px;float: left;}
.jjinfo .chang_bj a{ display: block; border: 1px solid #cecece; text-align: center; line-height: 36px; color: #656765;}
.jjinfo .chang_bj a:hover{ color: #FFF; background:#0c67bf; border-color: #0c67bf; }


.gg{ background: url(../images/gg.jpg) no-repeat top center; height: 200px; width: 1200px; min-width: 1200px; overflow: hidden; position: relative; text-align: center; margin: 0 auto;}
.gg img{ position: absolute; top: 0; left: 0;}


.loulist li{ width: 200px; margin: 20px 15px; padding: 5px; text-align: center; line-height:30px; float: left;}
.loulist li a{ color: #505050}
.loulist li a img{ width: 195px; height: 110px; border: 1px solid #e7e7e7;}
.loulist li:hover img{border: 1px solid #0c67bf}

.lxwm{ background: #f3f4f5; padding:20px 10px;}
.lxwm .left{ width: 25%;}
.lxwm .right{  line-height: 30px;width: 70%;}
.lxwm .left img{ width: 100%; margin: 20px auto;}





.page{ margin: 20px 0;}
.page a{display: inline-block;height: 20px;line-height: 20px;padding:3px 6px 3px 6px;background: #FFF;}
.page a:hover{background:#404040;color:#fff;}
.page span.current {height: 20px;line-height: 20px;padding:3px 10px;background:#404040;color:#fff;}



/*----------子页样式--------------*/
.zy_nav,.zy_nav_2{ text-align: center; position: relative; margin: 20px 0; padding: 10px 0;}
.zy_nav span{ font-size: 18px; color: #6d6d6d; text-transform: uppercase;}
.zy_nav p{ font-size: 30px; color: #414141; line-height: 44px; padding-bottom: 10px;}
.zy_nav:after{ content: ""; position: absolute; bottom: 0; left: 50%; height: 3px; width: 42px; background: #0c67bf; margin-left: -21px;}

.zy_nav_2 span{ color: #9d9d9d; text-transform: uppercase;}
.zy_nav_2 p{ font-size: 24px; color: #202020; line-height: 40px; }


.daohang{ min-width: 1200px;height: 50px; text-align: center;}
.daohang .w1200{ border-bottom: 1px solid #E2E3E3;height: 50px; }
.daohang li{ display: inline-table; line-height: 50px;}
.daohang li a{ padding: 15px 30px;}
.daohang li.on a,.daohang li:hover a{ color:#d60000;}
.location{ background: url(../images/home.jpg) no-repeat left center; line-height: 62px; color: #696969; padding-left: 18px;}
/*关于我们*/
.jj_nr{ width: 700px; line-height: 30px; color: #7c7c7c;}
.zy_more{ clear: both; border-bottom: 1px solid #f5f6f7; width: 100%; height: 48px;}
.zy_more a{ display: block; width: 295px; height: 48px; text-align: center; line-height: 48px; margin: 0 auto; background: #d6d8e3; color: #7f7f7f;}
.zy_more1 a{ background: #185ba9; color: #FFF;}
.jj_box3{background: #dadfe2;}
.jj_box3 .img{ width: 360px; height: 253px; background: url(../images/jj/licheng.jpg); line-height: 96px; text-align: right; padding: 200px 60px 0 0; font-size: 48px; color: #FFF;}
.jj_box3 .zy_more{ position: absolute; bottom: 0; left: 0;}

.jj_img{ float: left; position:relative; height: 327px; color: #FFF; line-height: 30px; text-align: center;}
.jj_img .img{}
.jj_img .mask{ position: absolute; background: rgba(0,0,0,0.5); width: 100%; height: 327px; top: 0; left: 0; z-index: 1;}
.jj_img .tit{ padding-top: 100px; position: relative; margin-top: -327px; z-index: 5;}
.jj_img .tit p{ font-size: 30px; text-align: center; margin-bottom: 26px;}
.jj4 .tit{ margin: 0 auto;}
.jj1{ width: 599px;}
.jj2{ width: 300px;}
.jj3{ width: 300px;}
.jj4{ width: 300px; background: #185ba9;}
.jj6{ width: 300px;}
.jj5{ width: 599px;}


.jj_box2 .nr li{ width: 268px; height: 350px; float: left; margin: 0 48px; float: left; position: relative;}
.jj_box2 .nr li .img{ border-radius: 50%; overflow: hidden; width: 268px; height: 268px;}
.jj_box2 .nr li .tit{ font-size: 18px; text-align: center; color: #FFF; position: absolute; top: 80px; left: 0; z-index: 5; text-align: center; width: 100%;}
.jj_box2 .nr li .tit img{ margin-bottom: 10px;}
.jj_box2 .nr li .mask{ position: absolute; background: rgba(0,0,0,0.6); border-radius: 50%; overflow: hidden;  opacity: 1; top: 0; left: 0; width: 268px; height: 268px; transition: 0.3s all; z-index: 1;}

#dmzs{ width: 100%; height: auto; overflow: hidden; margin: 0 auto;}
#dmzs li{ width: 390px; float: left; height: 335px; border: 1px solid #efefef; background-color: #FFFFFF; position: relative; overflow: hidden; margin: 28px 0; margin-right:12px; transition: 0.3s all 0s linear;}
#dmzs li:nth-of-type(3n){ margin-right: 0;}
#dmzs li a{ position: relative; z-index: 10; display: block;}
#dmzs .img{ width: 344px; height: 258px; margin: 23px 23px 0 23px; overflow: hidden;}
#dmzs .img img{max-width: 344px; max-height: 258px; display: block; margin: 0 auto;}
#dmzs .title{ padding: 12px 0; text-align: center; height: 20px; line-height: 20px; transition: 0.3s all 0s linear; overflow: hidden;text-overflow: ellipsis; white-space:nowrap; width: 344px; font-size: 14px; margin: 0 auto; color: #2e2e2e; transition: 0.3s all 0s linear;}
#dmzs li:before{ content: ""; position: absolute; height: 100%; border-top:2px solid  #185ba9;border-bottom:2px solid  #185ba9; top: 0; left: 50%; width: 0; box-sizing: border-box; transition: 0.3s all;}
#dmzs li:after{ content: ""; position: absolute; height: 0; border-left:2px solid  #185ba9;border-right:2px solid  #185ba9; top: 50%; left: 0; width: 100%; box-sizing: border-box; transition: 0.3s all;}
#dmzs li:hover:before,#dmzs li:hover:after{width: 100%;height: 100%; left: 0; top: 0; z-index: 0;}
/*cp_nav*/
.cp_nav{background: url(../images/cp/cp.jpg) no-repeat bottom center; height: 110px; padding: 0 20px;}
.cp_nav .zy_nav_2 {text-align: left;}
.fw_nr{ width: 700px; font-size: 14px; line-height: 30px; color: #4e4e4e;}
.fw_tel li{ border: 1px solid #dedede; background: url(../images/tel.png) no-repeat 20px 33px; background-size: 50px; width: 224px; height: 110px; float: left; margin: 0 0 0 17px;}
.fw_tel li:first-of-type{ margin: 0;}
.fw_tel li p:first-of-type{ padding-top: 30px;}
.fw_tel li p{ font-size: 18px; padding: 8px 0 0 80px;}

.wh{ display: block}
.wh2{ position: absolute; top:0; left: 0;}
.wh3{ position: absolute; top:0; left: 180px;}
.wh4{ position: absolute; top:160px; left:280px;}
.wh5{ position: absolute; top:320px; left: 0;}
.wh6{ position: absolute; top:320px; left: 180px;}
.wh8{ position: absolute; top:160px; left: 90px;}

.wh10{ background: url("../images/wh7.png") no-repeat; width:100%; height:506px; box-sizing: border-box; padding:60px; margin: 10px auto;}

.wh10 .wh_big{ height: 50px; text-align: center; color:#fff; font-size: 24px;line-height: 50px; margin:10px;}
.wh10 .wh_small{ height: 50px; text-align: center; color:#fff; font-size: 20px;line-height: 50px; }

.three-nav{width: 100%;height: auto;overflow: hidden;text-align: center; margin-top:10px;}
.three-nav li{width: 18%; box-sizing: border-box; height: 40px;line-height: 40px;border:1px solid #dfdfdf; margin-right:2%; float: left;font-size: 14px;color: #666;font-weight: bold;cursor: pointer;transition: all .3s linear;}
.three-nav li a:hover{display: block;color: #185ba9;}
.three-nav li.active a{display: block;color: #185ba9;}
.three-nav li.active,.three-nav li:hover{color: #185ba9;border:1px solid #185ba9;}


/*新闻中心*/
.news_img{ width:500px; height:375px; float: left; overflow: hidden;}
.news_img .bd{ position:relative; height:100%; z-index:0;}
.news_img li{ width: 500px; height: 375px; overflow: hidden; position: relative;zoom:1; vertical-align:middle; }
.news_img li img{ width: 500px; height: 375px;}
.news_img li .tit{ height: 44px; line-height: 44px; background: rgba(5,20,125,0.5); position: absolute; bottom: 0; left: 0; color: #FFF; width: 500px; text-overflow: ellipsis; white-space:nowrap; overflow: hidden; text-align: center; font-weight: bold;}
.jjnews{ width: 650px; float: right;}
.jjnews li{ margin:15px 0; overflow:hidden; display:block; background:#f0f0f0; height:80px; padding:13px 10px;}
.jjnews .title{ display:block; color:#185ba9; line-height:34px; font-size:18px; font-weight:bold; border-bottom:1px dotted #d2cfbe;}
.jjnews .time{ font-size:14px; color:#FFF; width:81px; float:left; height:81px; line-height:25px; text-align:center; background:#185ba9;}
.jjnews .time .day{ font-size:30px; background:#FFF;line-height:56px; color:#185ba9; display:block}
.jjnews li ul{ width:510px; float:right; height:90px;}
.jjnews li ul a{ margin-bottom: 8px;}
.jjnews li .more{ color:#69c6d1;}

.newslist li{ padding: 15px 0; overflow: hidden; clear: both; display: block; width: 100%; border-bottom: 1px dashed #d2d2d2;}
.newslist li .tit{ height: 30px; line-height: 30px; padding-bottom: 12px; width: 900px; float: right;}
.newslist li .tit a{ color: #212121; width: 600px;overflow: hidden;text-overflow: ellipsis; float: left; white-space: nowrap;}
.newslist li .img{ width: 240px; height: 160px; overflow: hidden;}
.newslist li .desc{ width: 900px; padding: 0 5px; line-height: 28px;}
.newslist li:hover .tit a,.news_img:hover .tit a{ color: #0c67bf; padding-left: 10px;}

.listItem3{ width: 100%; margin: 0 auto;}
.listItem3 li{ width:370px; float: left; background: #185ba9; margin: 15px; transform: 0.3s auto;}
.listItem3 li .img,.listItem3 li .img img{ width: 100%;}
.listItem3 li .tit{ padding:12px 15px; overflow: hidden; color: #FFF;white-space: pre; text-align: center; text-overflow: ellipsis; display: block;}
.listItem3 li:hover {background: #e90000;}
/*客户服务*/

/*人才招聘*/
.title_lm{ color:#323232; background:#e8e8e8; height:40px; line-height:40px; width:100%;}
.deal_Title { height:40px; line-height:40px; border-bottom:#bdbdbd dotted 1px; cursor:pointer; width:100%;}
.deal_Title .job,.title_lm .job{ display:block; padding:0 30px 0 10px; width:120px; font-weight:normal !important;}
.deal_Title.deaTi{ background:url(../images/job_titbg1.gif) left bottom no-repeat;}
.deal_menuCont {line-height:30px; border-bottom:1px solid #bdbdbd; padding:10px; color:#323232; width:98%;}
.deal_menuCont a{ color:#323232;}
.deal_left{ float:left;}
.deal_right{ width:68px; float:left; height:20px; padding-top:140px;}
.dealCon{ bottom:10px; right:10px;}
.dealCon a{ color: #FFF; padding: 5px 15px; background: #185ba9;}

.news_info{ color: #333; font-size: 16px; word-wrap: break-word; line-height: 30px;}
.zxly_nr{background: #fcfcfc;border: 1px solid #f0e2cb;padding: 20px; width: 870px; margin-left: 120px; overflow: hidden;}
.order{ width: 90%; overflow: hidden; margin: 10px auto;}
.order .text{ width: 50%; float: left; margin-bottom: 12px; height: 44px;}
.order .text input{ width: 80%; padding: 0 5%; height: 40px; line-height: 40px; font-family: "微软雅黑";border-radius: 3px;border:1px solid #d2d4d6;}
.order .longtext{ width: 100%; margin-bottom: 12px; height: 140px; clear: both;}
.order .longtext textarea{border:1px solid #d2d4d6;resize: none;width:91%;height:110px; padding: 10px 2%;font-family: "微软雅黑";border-radius: 3px;}
.order .but{ width:95%; height: 42px; background: #185ba9;color: #FFF; clear: both; font-size: 16px;font-family: "微软雅黑";border-radius: 3px;}

/*关于我们*/
/*position*/
.position{height: 61px;line-height: 61px;font-size: 14px;font-weight: bold;color: #9e9e9e;position: relative; border-bottom: 1px #dfdfdf solid;}
.position a{font-size: 14px;font-weight: bold;}
.position i{font-size: 14px;color: #949494;font-weight: normal;}
.position i.ii{color: #c9c9c9;margin: 0 10px;}

/*smallnav*/
.smallnav{overflow: hidden; border-bottom: 1px solid #ededed; padding:20px 0;}
.smallnav a{display: block;
    float: left;
    width:25%;
    box-sizing: border-box;
    line-height: 50px;
    border-right: 3px solid #fff;
    font-size: 13px;
    color: #666;
    font-weight: bold;
    cursor: pointer;
    transition: all .3s linear;
    height: 50px;
    background: #ededed;
    text-align: center;

}
.smallnav a.active{color: #fff;
    background: #0060c6;}


.about_zy{ max-width: 640px;box-sizing: border-box; padding:0 10px; margin: 0 auto; overflow: hidden;}
.about_zy .banner1{width:100%;height:260px;background: url(../images/zy1.jpg) #f3f4f4 center center no-repeat;}
.about_zy .banner2{width:100%;height:260px;background: url(../images/zy2.jpg) #f3f4f4 center center no-repeat;}
.about_zy .banner3{width:100%;height:260px;background: url(../images/zy3.jpg) #f3f4f4 center center no-repeat;}
.about_zy .banner4{width:100%;height:260px;background: url(../images/zy4.jpg) #f3f4f4 center center no-repeat;}
.about_zy .banner5{width:100%;height:260px;background: url(../images/zy5.jpg) #f3f4f4 center center no-repeat;}
.about_zy .banner6{width:100%;height:260px;background: url(../images/zy6.jpg) #f3f4f4 center center no-repeat;}
.about_zy .banner7{width:100%;height:260px;background: url(../images/zy7.jpg) #f3f4f4 center center no-repeat;}
.about_zy .slideTxtBox{width: 100%;height: auto;overflow: hidden;margin-top: 30px;}
.about_zy .slideTxtBox-con{width: 100%;height: auto;overflow: hidden;}
.about_zy .slideTxtBox-con p{font-size: 16px;color: #666;line-height: 30px;margin-bottom: 10px;}
.about_zy .slideTxtBox-con .text-l{width: 100%;height: auto;overflow: hidden; padding-top:40px;}
.about_zy .slideTxtBox-con .text-r{width: 100%;height: auto;overflow: hidden;}
.about_zy .slideTxtBox-con .text-r img{width: 100%;}
.about_zy .slideTxtBox-con h2{font-size: 15px;font-weight: bold;color: #333;margin-bottom: 15px;}
.about_zy .slideTxtBox-con .gk .img-box{height: auto;overflow: hidden;margin-top: 2px;}
.about_zy .slideTxtBox-con .fgs .img-box{margin-top: 20px;position: relative;}
.about_zy .slideTxtBox-con .fgs .img-box a{position: absolute;;right:117px;bottom:122px;width: 198px;height: 38px;line-height: 38px;border: 1px solid #5c6876;color: #5c6876;text-align: center;display: block;}
.about_zy .slideTxtBox-con .fgs .img-box a:hover{background: #5c6876;color: #fff;}
.about_zy .slideTxtBox-con .wy .img-box{margin-top: 15px;height: auto;overflow: hidden;clear: both;}

.gk img{ max-width: 100%;}
/*news*/
.news-list .headline{height: auto;overflow: hidden;}
.news-list .headline .text-box{width: 590px;height: auto;overflow: hidden;float: left;margin-right: 50px;}
.news-list .headline .text-box .date{font-size: 30px;color: #185ba9;margin-bottom: 27px;font-family: "helveticaneueltpro-thex";}
.news-list .headline .text-box .jj{margin-bottom: 26px;max-height: 110px;overflow: hidden;}
.news-list .headline .img-box{width: 540px;height: 300px;overflow: hidden;}
.news-list .headline .img-box img{width: 540px;height: 300px;display: block;transition: all .3s linear;}
.news-list .headline:hover .btn-more{background: #185ba9;color: #e8e8e8;}
.news-list .headline:hover .img-box img{transform: scale(1.05);}
.news-list ul{height: auto;overflow: hidden;margin-top: 31px;}
.news-list ul li{height: auto;overflow:hidden;padding:0 0 0;}
.news-list ul li .date{width: 98px;height: 98px;background: #e8e8e8;text-align: center;float: left;margin-right: 20px;font-family: "HelveticaNeueltpro-lt";}
.news-list ul li .date .day{font-size: 48px;color: #185ba9;margin-top: 3px;text-indent: -5px;}
.news-list ul li .date p{font-size: 16px;color: #333;line-height: normal;margin: 0;}
.news-list ul li .text-box{height: auto;overflow: hidden}
.news-list ul li .text-box h2{margin-top: 3px;transition: all .3s linear;}
.news-list ul li .text-box p{max-height: 48px;transition: all .3s linear;}
.news-list ul li:hover .text-box h2{color: #185ba9;}
.news-list ul li:hover .text-box p{color: #999;}

.btn-more{width: 100%;height: 58px;line-height: 58px;background: #e8e8e8;text-align: center;color: #185ba9;transition: all .3s linear;cursor: pointer;font-size: 24px;}
.btn-more:hover{background: #185ba9;color: #e8e8e8;}



.news-xq .date{width: 98px;height: 98px;background: #e8e8e8;text-align: center;float: left;margin-right: 33px;font-family: "HelveticaNeueltpro-lt";}
.news-xq .date .day{font-size: 48px;color: #185ba9;margin-top: 3px;text-indent: -5px;}
.news-xq .date p{font-size: 16px;color: #333;line-height: normal;margin: 0;}
.news-xq .text-box{height: auto;overflow: hidden}
.news-xq .text-box h2{font-size: 18px;font-weight: bold;text-align: center;color: #333;margin: 18px 0 20px;}
.news-xq .text-box p{font-size: 12px;color: #666;line-height: 22px;margin-bottom: 15px;}
.news-xq .text-box .other{color: #999;font-size: 14px; text-align: center; margin-bottom: 20px;}
.news-xq .text-box .other b{width: 50px;display: inline-block;}
.news-xq .text-box .line{width: 100%;height: 1px;background: #ededed;margin-top: 49px;}
.news-xq .text-box .relevant{height: auto;overflow: hidden;margin-top: 15px;}
.news-xq .text-box p img{max-width: 100%}
.news-xq .text-box .relevant p{margin-bottom: 0;font-size: 13px}

.hr-zp{height: auto;}
.hr-zp .hr-zp-con{height: auto;}
.hr-zp .hr-zp-con .zy{height: auto;}
.hr-zp form{width: 895px;height: auto;margin: 0 auto;padding-top:37px}
.hr-zp input{width: 158px;height:36px;line-height: 36px;border:1px solid #d9d9d9;padding: 0 10px;float: left;color: #666;}
.hr-zp .btn-search{height: 38px;line-height: 38px;width: 110px;background: #185ba9;display: block;color: #fff;text-align: center;float:left;}
.hr-zp .btn-search:hover{background: #185ba9;}
.hr-zp .select-box{position:relative;z-index: 2;width:288px;min-width:288px;height:36px;border:1px solid #d9d9d9;cursor:pointer;float: left;margin:0 10px 0 0;}
.hr-zp .select-box .iconfont{position:absolute;top:10px;right:10px;font-size: 12px;color: #ccc;}
.hr-zp .select{width:288px;min-width:288px;height:36px;}
.hr-zp .select .select_text{padding:0 20px 0 10px;height:36px;line-height:36px;color: #999;}
.hr-zp .select_ul{display:none;position:absolute;top:34px;left:-1px;width:288px;min-width:288px;border:1px solid #D4D4D4;border-bottom-right-radius:3px;border-bottom-left-radius:3px;background:#fff;}
.hr-zp .select_ul li{line-height:36px;text-indent:10px;color: #666;}
.hr-zp .select_ul li:hover{color:#fff;background:#185ba9 ;}
.hr-zp .select_ul li.cur{color:#fff;background:#185ba9 ;}
.hr-zp .zp-title{height: 39px;line-height: 39px;overflow: hidden;background: #185ba9;clear: both;text-align: center;}
.hr-zp .zp-title span{width:33%;display: block;float: left;color: #fff;font-size: 14px;}
.hr-zp .zp-list{height: auto;overflow: hidden;border:1px solid #e7e7e7;border-bottom: 0; margin: 0 auto 20px;}
.hr-zp .zp-list li{height:auto;overflow: hidden;border-bottom: 1px solid #e7e7e7;background: #f0f0f0;font-size: 13px;color: #666;cursor: pointer;clear:both;}
.hr-zp .zp-list li.even{background: #fff;}
.hr-zp .zp-list li.active{background: #008cd7;}
.hr-zp .zp-list li span{width:269px;display: inline-block;text-align: center;line-height:39px}
.hr-zp .zp-list li:hover{background: #008cd7;}
.hr-zp .zp-list li .text-box{height: auto;overflow: hidden;padding:0 26px;background: #f0f0f0;display: none;}
.hr-zp .zp-list li .text-box .block{height: 26px;;}
.hr-zp .zp-list li .text-box h2{font-size: 13px;font-weight: bold;color: #333;margin: 20px 0 10px;}
.hr-zp .zp-list li .text-box p{font-size: 12px;line-height: 20px;}


nav:not(.mm-menu){	display: none;}
.mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:transparent}
#menu{background: #302d2d;}
.mm-panels>.mm-panel{padding: 0;}
.mm-panels>.mm-panel:after, .mm-panels>.mm-panel:before{height:40px;}
.mm-panel.mm-hasnavbar .mm-navbar{display: none;}
.mm-panels>.mm-panel.mm-hasnavbar{padding: 0;}
.mm-listview>li{border-color:transparent;}
.mm-listview>li>a, .mm-listview>li>span{margin: 0 10px;padding: 0 10px;}
.sideMenu{width: 100%;background: #302d2d; overflow: hidden;}
.sideMenu .line{border-bottom: 1px solid #bababa;}
.sideMenu .menu-list ul{display: none;}
.sideMenu .menu-list ul:first-child li:last-child{padding-bottom:0;}
.sideMenu .menu-list .side:nth-of-type(2) ul{display: block;}
.sideMenu .menu-list h3{position:relative;font-size: 20px;line-height:45px;color:#dadada;background: #302d2d;padding:0 0.38rem;text-indent: 45px;}
.sideMenu .menu-list h3 a{color:#dadada;}
.sideMenu .menu-list h3:active{background:#363636}
.sideMenu .menu-list li{background: #302d2d;padding:0 30px;text-indent: 80px;}
.sideMenu .menu-list li:active{background: #333;}
.sideMenu .menu-list li a{font-size: 20px;line-height: 0.7rem;color:#a5a5a5;font-weight:normal;}
.sideMenu .menu-list li:last-child a{border:0;}
.sideMenu .menu-list i{margin-right: 15px;font-size: 22px;vertical-align: 1px;}


#type_shuoming{ width:100%; overflow:hidden;}
#type_shuoming li{ font-size:16px; line-height:26px; overflow:hidden; padding-bottom: 20px;  margin-bottom:58px; border: 1px solid #ecebf0;}
#type_shuoming li .img{ width:100%;  overflow: hidden;}
#type_shuoming li .logos{ height: 60px; width: 100%; margin-top: 10px; text-align: center;}
#type_shuoming li .logos img{ height: 60px;}
#type_shuoming li .title{ font-size:16px; font-weight:bold; line-height:40px;text-align: center; color: #616161; padding: 20px 0; clear:both;}
#type_shuoming li .shuoming{ width: 90%; margin: 0 auto;text-align: center;}
#type_shuoming li .more{ color: #848484; position: relative; height: 46px; line-height: 46px; display: block;}
#type_shuoming li .more:before{ content: ''; position: absolute; top: 0; left: 0; width: 60px; height: 1px; background: #e3e3e3;}
#type_shuoming li:hover .more{ color: #1e83cb; padding-left: 5px;}