@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0;     box-sizing: border-box; }
html, body { width: 100%;     font-family: '微软雅黑'; font-size: 14px; }
img { border:none ;max-width:100%;     text-align-last: center;    vertical-align: middle; display: block;}
#map img{max-width: none;}
#map span{overflow: inherit;}
a { color:#333;text-decoration:none; }
a:hover { color:#144994;text-decoration:none;}
ul { list-style:none;}
li{ list-style-type :none;}
.clear {clear:both;    float: none!important;    background: none;    width: 0 !important;    height: 0 !important;}
.clearfix  {clear:both;}
.w1200 { max-width:1400px; margin: 0 auto; width:90%;}
span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.fl{float: left;}
address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal;
}
table
{
    border-collapse:collapse;
}
tr{    border: 1px solid black!important;}
td{    border: 1px solid black!important;}

    .swiper-container {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #144994!important;
}

    /* 本例子css */
    .slideBox{ width:100%;  overflow:hidden; position:relative; border:1px solid #ddd;  background: #fff;}
    .slideBox .hd{ height:60px; overflow:hidden; position:absolute; left:15%; bottom:10px; z-index:1; }
    .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
    .slideBox .hd ul li{ float:left; margin-right:5px;  width:60px; height:60px; text-align:center;border:#ddd 3px solid; }
    .slideBox .hd ul li.on{ border:#d61b20 3px solid; }
    .slideBox .hd ul li a{ display: block}
    .slideBox .bd{ position:relative;    width: 70%;    margin: 0 auto; z-index:0;   }
    .slideBox .bd li{ zoom:1; vertical-align:middle; }
    .slideBox .bd img{ width:100%; height:100%; display:block;  }


@media (min-width:768px) {
    .container {
        width: 750px;
    }
}

@media (min-width:992px) {
    .container {
        width: 970px;
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px;
    }
}
@media (min-width:1366px) {
    .container {
        width: 1335px;
    }
  
}
@media (min-width:1440px) {
    .container {
        width: 1400px;
    }
}
@media (min-width:1600px) {
    .container {
        width: 1550px;
    }
}

.banner {position: relative;}
.banner h2{width: 300px;position: absolute;display: block;line-height: 36px;top:calc(50% - 18px);color: #fff;font-size: 32px;}
.banner h2:after{     content: "";    display: block; width: 70px; height: 1px; position: absolute; top: 60px; left: 0; background: #fff;     }

.head{}
.head .top{     background: #2c2c2c; }
.head .top span{ color: #fff;     display: inline-flex;  float: right; line-height: 48px;      font-size: 18px;    font-weight: bold; padding: 0 20px 0 0}
.head .top span.span1{ background: url("../img/icoTel.png") no-repeat center left; padding: 0 0 0 40px; margin: 0 30px 0 0;}
.head .top span.span2{ background: url("../img/icoMail.png") no-repeat center left; padding: 0 0 0 40px; margin: 0 30px 0 30px;}
.head .top span.span3{}
.head .top span.span4{ float: left; font-size: 14px;}
.head .top span a{ display: block; margin: 0 8px; color: #fff;}

.head .nav{  z-index: 1}
.head .nav .logo{ float: left ; padding: 20px 0;}
.head .nav .logo img{}
.head .nav ul.ul_one{float:right; text-align: right; }
.head .nav ul.ul_one > li{ float: left; line-height: 100px; margin: 10px 0 0;padding: 0 30px; position: relative;}
.head .nav ul.ul_one > li a{ text-align: center; display: block; font-size: 16px; font-weight: bolder;}
.head .nav ul.ul_one > li.ss{ margin: 45px 0 0; cursor: pointer;}
.head .nav ul.ul_one > li ul.ul_too{ display: none; position: absolute; top: 100px; left:-37px; z-index: 9999;}
.head .nav ul.ul_one > li ul.ul_too li{ background: #144994a1; line-height: 48px; }
.head .nav ul.ul_one > li ul.ul_too li a{ width: 200px; display: block; color: #fff;}

.head .nav ul.ul_one > li.on a{color:#144994 ;}
.head .nav ul.ul_one li:hover ul.ul_too{ display: block;}
.head .nav ul.ul_one > li ul.ul_too li:hover a{  background:#144994;}

.head .top2 {    position: fixed;    top: 0px;    background: #fff;    z-index: 9999;    border-bottom: 1px solid #bfbfbf;     width: 100%; display: none;}
.fixed-header-on .top2{ display: block;}


.mb_ss{  background: hsla(0,0%,0%,0.68); width: 100%; position: fixed; top: 0; left: 0; z-index: 99999; display: none;}
.mb_ss form{position:absolute; top:30%; width:800px; height:50px; border:2px solid #144994; border-radius:10px; background:#fff;left: 0; right: 0; margin: 0 auto;}
.mb_ss input[type="text"]{outline: medium;float:left;height:50px;line-height:50px;width:78%; padding:0 5%;border:none; font-family:"Arial"; font-size:14px; background:none;color:#777;box-sizing:border-box;overflow:hidden;}
.mb_ss input::-webkit-input-placeholder{ color:#ccc;}
.mb_ss button{  float:right;width:12%;height:50px;border:none; opacity:.8;background:url( "../img/icoSearch.png") no-repeat center center;background-size:auto 25px;cursor:pointer;box-sizing:border-box;overflow:hidden;}

.mb_ss .close{ position: absolute; bottom: 200px; left: calc(50% - 22px);}
.mb_ss .close img{cursor: pointer;      display: block;    margin: 11px auto;    transition: all .2s;    cursor: pointer;    overflow: hidden; border: 1px #fff solid; padding: 10px; border-radius: 50px;}
.mb_ss .close:hover img{ transform:rotateZ(360deg); }


.black1{    padding: 85px 0px 105px;}
.black1_left{    float: left;    width:35%;    position: relative;}
.black1_left .img1{    position: absolute;    left: 0px;    top: 0px;    z-index: 2;    width: 469px;}
.black1_left_txt {    width: 443px;    height: 505px;    border: 5px solid #144994;    float: right;    margin-top: 90px;    position: relative;    z-index: 1;}
.black1_left_txt .lab {    position: absolute;   bottom: 55px;    left: 0px;    padding: 0px 60px 0px 35px;}
.black1_left_txt .lab h3{    font-size: 24px;    line-height: 30px;    color: #383838;    font-weight: normal;}
.black1_left_txt .lab p{    line-height: 20px;    height: 80px;    overflow: hidden;    color: #4c4c4c;    margin-top: 20px; font-size: 14px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;line-clamp: 4;-webkit-box-orient: vertical;}
.black1_left .img2{    position: absolute;    bottom: 0px;    left: 20px;  transition: all .2s;}
.black1_left .img2:hover{ bottom: 10px; }

.black1_right{ float: right;    width: 61%; }
.black1_right_h1{   width: 100%;    height: 50px;    margin-top: 10px; border-left: 3px solid #144994;}
.black1_right_h1 h3{    float: left;    font-size: 38px;    line-height: 38px;    margin-left: 35px; font-weight:normal;}
.black1_right_h1 span{    float: left;    font-size: 16px;    margin-top: 15px;    margin-left: 15px; display: block;}
.black1_right_h1 h2{float: left;    width: 100%;    font-size: 26px;    color: #144994;    padding: 30px 0px 30px 35px; font-weight:normal;}
.black1_right_lists{    width: 100%;}
.black1_right_list{     float: left;    width: 50%;    padding-left: 35px;    padding-right: 50px;    margin-top: 38px; }

.black1_right_list a{    width: 100%;    display: block;}
.black1_right_list img{    float: left;    height: 72px;}
.black1_right_list span{ font-size: 24px;    color: #191919;      line-height: 72px;    margin-left: 25px;}
.black1_right_list p{    float: left;    color: #4c4c4c;    line-height: 20px;    height: 80px;    overflow: hidden;    margin-top: 30px; font-size: 14px;}

.black2 {width:100%;height:285px;background:#144994}
.black2_list {float:left;width:25%;height:285px;border-left:1px solid rgb(255 255 255 / 31%);text-align:center;color:#fff;}
.black2_list:last-child {border-right:1px solid rgb(255 255 255 / 31%)}
.black2_list div {font-size:65px;font-weight:bold;line-height:100px;background:url("../img/heng.png") no-repeat bottom center;margin-top:70px; position: relative;}
.black2_list div:after{    content: "";    display: block;    width: 30px;    height: 3px;    position: absolute;    bottom:0 ;    left: calc(50% - 15px);    background: #00b0ec;}
.black2_list i {font-size:30px;line-height:50px;}
.black2_list p {font-size:24px;line-height:70px;}


.black3{    padding: 85px 0px 105px;}
.black3_left{ float: left;    width: 61%; }
.black3_left_h1{   width: 100%;    height: 50px;    margin-top: 10px; border-left: 3px solid #144994;}
.black3_left_h1 h3{    float: left;    font-size: 38px;    line-height: 38px;    margin-left: 35px; font-weight:normal;}
.black3_left_h1 span{    float: left;    font-size: 16px;    margin-top: 15px;    margin-left: 15px; display: block;}
.black3_left_h1 h2{float: left;    width: 100%;    font-size: 26px;    color: #144994;    padding: 30px 0px 30px 35px; font-weight:normal;}
.black3_left_lists{    width: 100%;}
.black3_left_lists li {    float: left;    width: calc((100% - 38px) / 3);        margin-right: 16px;    margin-top: 16px;}
.black3_left_lists li img{max-width:100%; border: 1px solid #bfbfbf;     width: 100%;    padding: 8%;}
.black3_left_lists li p{ line-height: 36px; text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.black3_left_lists li:nth-child(3n){ margin-right: 0;}


.black3_right{    float: right;    width:35%;    position: relative;}
.black3_right .black3_right_list{    position: absolute;    right: 0px;    top: 0px;    z-index: 2;    width: 469px;}
.black3_right_kk {    width: 443px;    height: 505px;    border: 5px solid #144994;    float: left;    margin-top: 90px;    position: relative;    z-index: 1;}
.black3_right_list_txt{ width:300px;}
.swiper-container_black3 .swiper-slide .black3_right_list_txt h2{text-align: left; padding: 20px 0; font-size: 24px;}
.swiper-container_black3 .swiper-slide .black3_right_list_txt p{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; font-size: 14px;}
.swiper-container_black3 .swiper-slide { background: none;}
.swiper-pagination1{ width: 300px!important; bottom: -20px!important;}
.swiper-pagination1 span{ margin: 0 5px; width: 14px; height: 14px} 

.black3_right .img2{    position: absolute;    bottom: 0px;    right: 20px;  transition: all .2s;}
.black3_right .img2:hover{ bottom: 10px; }


.black4 {position: relative;padding: 80px 0px 105px;background-position: center top;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.black4_left{ float: left;    width: 50%; }
.black4_left_h1{   width: 100%;    height: 50px;    margin-top: 10px; border-left: 3px solid #fff;}
.black4_left_h1 h3{    float: left;    font-size: 38px;    line-height: 38px;    margin-left: 35px; font-weight:normal; color: #Fff;}
.black4_left_h1 span{    float: left;    font-size: 16px;    margin-top: 15px;    margin-left: 15px; display: block; color: #Fff;}
.black4_left_h1 h2{float: left;    width: 100%;    font-size: 20px;    color: #fff;    padding: 30px 0px 30px 35px; font-weight:normal;}

.black4_left_list a{float:left;width:190px;height:125px;display:block;border:1px solid #a1cbff;margin-top:40px;margin-right:60px;margin-bottom:20px;position:relative}
.black4_left_list a:hover {background:#134d96;border:1px solid #134d96}

.black4_left_list a img {position:absolute;right:20px;top:10px;}
.black4_left_list a div {color:#fff;font-weight:bold;width:64px;position:absolute;left:40px;bottom:20px;line-height:28px;}
.black4_left_list a div .sp1{font-size:20px;width:100%;float:left;margin:0px}
.black4_left_list a div .sp2{font-size:16px;width:100%;float:left;margin:0px;}
.black4_left_list .dot{float:left;width:192px;height:127px;margin-top:40px;margin-right:60px;margin-bottom:20px;background:url("../img/dot.png") no-repeat center; border: 0;}


.black5{    padding: 85px 0px 105px;}
.black5_left_h1{   width: 100%;    height: 50px;    margin-top: 10px; border-left: 3px solid #144994;}
.black5_left_h1 h3{    float: left;    font-size: 38px;    line-height: 38px;    margin-left: 35px; font-weight:normal; }
.black5_left_h1 span{    float: left;    font-size: 16px;    margin-top: 15px;    margin-left: 15px; display: block; }

.black5 .black5_list {float:left;width:100%;margin-top:50px;}
.black5 .black5_list .item {float:left;width:calc((100% - 170px) /3 );margin-right:85px; }
.black5 .black5_list .item:nth-child(3) {margin-right:0px;}
.black5 .black5_list .item .img {float:left;width:100%;}
.black5 .black5_list .item .img img{float:left;width:100%;}
.black5 .black5_list .item .con {float:left;width:100%;margin-top:22px;padding-left:25px; position: relative;}
.black5 .black5_list .item .con:after{    content: "";    display: block;    width: 3px;    height: 30px;    position: absolute;    top:0 ;    left:0;    background: #144994;transition: all .2s;}
.black5 .black5_list .item .con .tit {float:left;width:100%;display:block;font-size:18px;color:#191919; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.black5 .black5_list .item .con .s {float:left;width:100%;font-size:12px;text-transform:uppercase}
.black5 .black5_list .item .con .s span{float:left;}
.black5 .black5_list .item .con .s i {width:5px;height:5px;display:block;background:#144994;float:left;margin-left:5px;margin-top:6px;}
.black5 .black5_list .item .con p {float:left;width:100%;line-height:22px;color:#5f5f5f;height:66px;overflow:hidden;margin-top:20px; font-size: 14px;}
.black5 .black5_list .item .con .lm{float:left;color:#144994;background:url("../img/jt.png") no-repeat right center;padding-right:20px; font-size: 14px; margin: 16px 0 0; transition: all .2s;}
.black5 .black5_list .item:hover .con .lm{ margin: 16px 0 0 20px;}
.black5 .black5_list .item:hover .con:after{    content: "";    display: block;    width: 3px;    height: 100px;    position: absolute;    top:0 ;    left:0;    background: #144994;}


/*底部*/
.foot { float: left; width: 100%; background: #2c2c2c; padding: 85px 0px 40px; }
.foot .t { float: left; width: 100%; color: #fff;font-size:18px;padding-left:30px;}
.foot .c {float:left;width:100%;padding-left:30px; margin-top:30px;color:#ababab;}
.foot .div1 { float: left; width: 31%; position: relative;}
.foot .div1 p{ float: left; width:80%;line-height:34px;}
.foot .div1 img{ float:left; margin-top:15px;}
.foot .div2 { float: left; width: 20%; position: relative; }
.foot .div2 ul {float:left;width:100%;}
.foot .div2 ul li{float:left;width:100%;line-height:34px;}
.foot .div2 ul li a{color:#ababab;background:url("../img/jia.png") no-repeat left center;padding-left:20px;}
.foot .div2 ul li a:hover{color:#144994;}
.foot .div3 { float: left; width: 24%;line-height:34px; position: relative;}
.foot .div3 a{color:#ababab;}
.foot .div3 a:hover{color:#144994;}
.foot .div4 { float: left; width: 25%; position: relative;}
.foot .div4 img {float:right;margin-top:25px; width: 150px;}
.foot .div4 img:nth-child(1) {margin-right:0;}
.copy {float:left;width:100%;background:#00152f;padding:30px 0px;color:#ababab;text-align:center;border-top:1px solid #10233b}
.copy a {color:#144994}

.foot .div1:after {    content: "";    display: block;    width: 3px;    height: 30px;    position: absolute;    top:0 ;    left:0;    background: #144994;transition: all .2s;}
.foot .div2:after {    content: "";    display: block;    width: 3px;    height: 30px;    position: absolute;    top:0 ;    left:0;    background: #144994;transition: all .2s;}
.foot .div3:after {    content: "";    display: block;    width: 3px;    height: 30px;    position: absolute;    top:0 ;    left:0;    background: #144994;transition: all .2s;}

.footer{ border-top: 1px #646464 solid; text-align: center; line-height:32px; background: #2c2c2c; color: #ababab; padding: 20px 0;}

.foot1 {  width: 100%; background: #2c2c2c; }
.link{line-height: 32px; padding: 12px 0; margin: -56px auto 0;} 
.link a{  color: #ababab; }

.dq { border-bottom: 1px #eee solid; }
.dq_txt{ float: right; line-height: 36px; }
.dq_txt a{ margin: 0 10px; }

.about{ padding: 50px 0;}
.honor{ padding: 50px 0;}
.pro{ padding: 50px 0;}
.news{ padding: 50px 0;}
.contact{ padding: 50px 0;}


.nav_ce{ width: 20%; float: left;}
.nav_top{    width: 100%;   text-align: center;    background: #144994;    color: #fff;    border-top-left-radius: 4px;    border-top-right-radius: 4px; padding: 20px 0;}
.nav_top img{ margin: 0 auto;}
.nav_top > h2{ text-align: center; line-height: 48px;}
.nav_top > h3{ text-align: center; font-size: 12px;}
.nav_list{}
.nav_list ul{ background: #f5f5f5;}
@media only screen and (max-width: 790px){
    .nav_list ul{
        height: 250px;
        overflow-y: scroll;
    }
}
.nav_list li{border-top: 1px solid #e5e5e5;    position: relative;    margin: 0px;}
.nav_list li a{    height: 58px;    line-height: 58px;    position: relative;    margin: 0px; display: block;  font-size: 14px; padding: 0 40px;} 
.nav_list li a:hover {    background: #efefef;}
.nav_list li.on a {    background: #efefef; color:#144994 ;}
.nav_list li a.sec_nav {    height: 38px;    line-height: 38px;background: #efefef; color:#666666 ;}
.nav_list li.on a.sec_nav {    height: 58px;    line-height: 58px; font-size:16px;background: #efefef; color:#144994 ;}

.news_list{ width: 100%; float: right;  }
.news_nei{ width: 75%; float: right;  }

.cont_t{ width: 75%; float: right;  }
.cont_t span{white-space: inherit;}
.cont_t p{-webkit-line-clamp: inherit;}

.cont_t ul li{float:left;width:calc((100% - 105px) /4 );margin-right:35px; margin-bottom: 30px; }
.cont_t ul li:nth-child(4n) {margin-right:0px;}
.cont_t ul li img { width: 100%;}
.cont_t ul li p{ text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; line-height: 36px;    background: #f1f1f1;}
.cont_t .ico{ overflow: hidden}

.cont_tt{ width: 75%; float: right;  }
.cont_tt span{white-space: inherit;}
.cont_left{ width: 50%; float: left; border:1px solid #ccc; padding: 30px 0;}
.cont_left img { margin: 0 auto; }

.cont_right{ float:right; width: 48%;}
.cont_right h2{    width: 100%;    font-size: 24px;    line-height: 30px;    font-weight: normal;    padding-bottom: 20px;    border-bottom: 1px solid #5c656d; text-indent: 10px;}
.cont_right p{ margin: 20px 0 0; line-height: 32px; color: #666; padding: 0 20px;}
.cont_right .page_nei{margin: 20px 0 0;}
.cont_right .page_nei a{  width: 45%; padding: 0 20px; margin: 10px; display: block; background: #144994; color: #fff; line-height: 48px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.cont_right .page_nei a:nth-child(1){ float:left;}
.cont_right .page_nei a:nth-child(2){float:right;}

.cont_cont{ margin: 30px 0;}
.cont_cont .cont_tit{width: 100%; background: #eee;margin: 0 0 30px 0; }
.cont_cont .cont_tit span{ line-height: 48px; padding: 0 30px; color: #fff;background: #144994; display: table; }

.honor .cont_t ul li img{ 
    max-height: 100%;
}

.pro .cont_t ul li{ border: 1px solid #ccc;} 
.pro .cont_t ul li img{transition: all .2s;}
.pro .cont_t ul li:hover img{transform: scale(1.1);}
.pro .cont_t ul li:hover p{ background: #144994; color: #fff; }


.contact_left{ width: 45%; float: left; color: #333 }
.contact_left p{font-size: 16px;    line-height: 30px; margin: 0 0 40px;}
.contact_left span{margin: 15px 0 15px 0;    position: relative;  display: block; background-size: 26px; background-position: left center;background-repeat: no-repeat; line-height: 26px;}
.contact_left span.gs{ background-image: url("c1.png");}
.contact_left span.sj{ background-image: url("c2.png");}
.contact_left span.tel{ background-image:url( "c3.png");}
.contact_left span.email{ background-image: url( "c5.png");}
.contact_left span.www{ background-image: url( "c6.png");}
.contact_left span.add{ background-image: url( "c4.png");}

.contact_right{ width: 50%; float: right; }
.contact_right input{ width: 48%; float: left;    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 14px;
    font-weight: 400;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px; 
  text-indent: 20px;
  margin: 0 0 20px;}
.contact_right input:nth-child(2n){ width: 48%; float: right;}
.contact_right input[type="text"] {    height: 50px;}


.contact_right textarea{ width: 100%; float: left;    -webkit-box-shadow: none; line-height: 24px; padding: 20px;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 14px;
    font-weight: 400;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px; 
  margin: 0 0 20px;}

.contact_right .ewm{ position: relative; width: 40%; clear: both;}
.contact_right .ewm input{ width: 100%;}
.contact_right .ewm img{ position: absolute; top: 2px; right: 3px;}
.contact_right button{    font-size: 18px;
    font-weight: 700;
    height: 50px;
    display: inline-block;
    border-radius: 30px 0 30px 0;
    cursor: pointer;
    text-transform: uppercase;
    transition: 0.4s;
  color: #fff;
    background: #144994;
  float: right;
    width: 50%;
    text-align: center;
  border: none;
}
.contact_right button:hover{
  background: #ff645d;
    color: #ffffff;
    border-radius: 0px 30px 0px 30px;
}

.map{ margin: 30px 0 0;}


.job_list{ width: 75%; float: right;  }
.job_list ul{ border-bottom: 1px solid #ccc; position: relative;}
.job_list ul li{float: left; line-height: 60px; font-size: 16px; text-indent: 10px;}
.job_list ul li.name{ width:20%;}
.job_list ul li.add{width: 25%;}
.job_list ul li.time{width: 20%;}
.job_list ul li.daiyu{width: 20%; color: #CB0003; font-weight: bold;}
.job_list ul li.gengduo{width: 15%; background: url("../img/plus.png") no-repeat right center; color: #666666; cursor: pointer;}
.job_list .job_cont{width: 100%;padding: 20px; border-top: 1px solid #CB0003; display: none;}
.job_list .job_cont1{ }
.job_list .job_cont1 > p{ width: 25%; float: left; display: table; line-height: 32px;}
.job_list .job_cont2{ width: 100%; clear: both; padding: 20px 0 0; display: block;}



.news h4{    padding: 20px 0;    text-align: left;    font-size: 24px;    font-weight: bold;    color: #333;    margin: 0 auto;}
.news ul{margin:0 auto;}
.news_list ul li{display:block;margin:0 auto; transition:all .35s;}
.news_list ul li a{ position:relative; display:block; width:100%;padding:50px 0px; margin:0 auto; transition:all .35s;}
.news_list ul li a:after{ position:absolute;z-index:3;left:0;bottom:0; width:100%;height:1px; background:#eee;content:''; transition:all .35s;}
.news_list ul>li:last-child a:after{opacity:0;}
.news_list ul li a .img{ width:24%; text-align:left; overflow:hidden;}
.news_list ul li a .img>img{width:100%; height:auto; transition:all 1s;}
.news_list ul li a .con{width:50%;text-align:left; padding:0 5%;}
.news_list ul li a .con>.tit{ font-size:24px; color:#333;overflow: hidden;text-overflow:ellipsis; white-space: nowrap; transition:all .35s;}
.news_list ul li a .con>.txt{ margin:20px 0; height:75px; line-height:26px; font-size:16px; color:#999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news_list ul li a .con>.more{ text-align:left;}
.news_list ul li a .con>.more>span{ display:inline-block;padding:8px 30px; font-size:16px; color:#144994; border:1px solid #144994; border-radius:30px;transition:all .35s;}
.news_list ul li a .time{ width:10%; color:#144994; text-align:right; float: right;}
.news_list ul li a .time>.dm{ font-size:32px;}
.news_list ul li a .time>.yy{ font-size:18px;}
.news_list ul li:hover{ background:#eee;}
.news_list ul li:hover a:after{ background:none;}
.news_list ul li:hover .con>.more>span{ margin-left:6px; color:#fff; background:#144994;}
.news_list ul li a .img:hover img{transform:scale(1.1);}

.news_name{font-size: 22px;    color: #333333;    font-weight: normal;    margin-bottom: 10px;}
.news_info{ line-height: 48px; margin: 0px 0 0; border-bottom: 1px solid #ccc; position: relative; text-indent: 5px; color: #999;}
.news_info:after {    content: "";    display: block;    width: 60px;    height: 5px;    position: absolute;    bottom:-3px ;    left:0;    background: #144994;transition: all .2s;}
.news_info em{margin: 0 5px; }
.news_cont{ padding: 20px; margin: 30px 0 0;}
.news_cont span{white-space: inherit;}


.page-status{display: none!important;}
.page{width:100%;text-align:center; padding-top:30px; margin: 30px 0;}
.page span,.page a{ display:inline-block; line-height: 24px; margin-right:5px;line-height:21px; text-align:center;color:#333;font-size:12px}
.page span{font-weight:bold;color:#fff;}
.page a{color:#333; border: 1px #ccc solid; border-radius: 10px; margin: 0 10px; padding: 3px 11px;}
.page a:hover{font-weight:bold;color:#144994;}
.page span.next,.page a.next{ width:51px; height:21px; }
.page span.next{color:#C4C4C4;font-weight:normal;}
.page a.page-num-current{background:#144994; color: #fff;}





.m_head{ display: none; }
@media only screen and (max-width: 1350px){


  .head .nav ul.ul_one > li{ padding: 0 15px}
  .head .top span{font-size: 14px;}
  .black1_left{ display: none; }
  .black1_right{ width: 100%;}
  
  .black3_left{ display: block; width: 100%; }
  .black3_right{ display: none; width: 100%;}
  
  .black4_left{ float: left;    width: 100%; }
}


@media only screen and (max-width: 1024px){


  .head{ display: none;}
  .m_head{ display: block;    background: #fff;    padding: 10px 5%;  z-index: 999;    border-bottom: 1px solid #ababab; }
  .m_head .logo { float:left;}
  .m_head .logo img {height: 50px; }
  .m_head .num { float: right;}
  .m_head .num img{ height: 20px; margin: 20px 0 0; }

  .m_nav{position: fixed; right:100%; top: 0; width: 100%; background: hsla(0,0%,0%,0.6); z-index: 99999;}
  .m_nav.on{position: absolute; right:0%; top: 0;}
  .m_nav .m_ul{ width: 80%; background:  hsla(0,0%,0%,0.8); float: right; position: relative;}
  .m_nav .m_ul li{border-bottom: 1px solid #232530;}
  .m_nav .m_ul li a{    display: block;    height: 45px;    color: #fff;    line-height: 45px;    padding-left: 5%;    font-size: 16px;}
  .m_nav .close{ position: absolute; top: 20px; left:20px;}
  .m_nav .close img{cursor: pointer;      display: block;    margin: 11px auto;    transition: all .2s;    cursor: pointer;    overflow: hidden; }
  
  .m_nav ul.m_ul > li ul.ul_too{ display: none; width: 80%; float: right;}
  .m_nav ul.m_ul > li ul.ul_too li{  }
  .m_nav ul.m_ul > li ul.ul_too li a{ }
  
  .m_nav ul.m_ul > li.gd{    background: url("../img/7_15.png") 95% 15px no-repeat;}
  
  .black5 .black5_list .item { width: 100%; margin: 0 0 30px;}
  
  .nav_ce{ width: 100%;}
  .cont_t{ width: 100%; margin: 50px 0 0; padding: 0 0;}
  
  .cont_t ul li{float:left;width:calc((100% - 15px) /2 );margin-right:15px; margin-bottom: 15px; }
  .cont_t ul li:nth-child(2n) {margin-right:0px;}
  
  .news ul li a .img{ display: none;}
  .news ul li a .time{ width: 30%;}
  .news ul li a .con{ width: 65%;}
  
  .news_list{ width: 100%; margin: 50px 0 0; }
  .news_nei{ width: 100%; margin: 50px 0 0; }
  .cont_tt{ width: 100%; margin: 50px 0 0; }
  .cont_left{ width: 100%;}
  .cont_right{ width: 100%; margin: 50px 0 0; }
  .contact_left{ width: 100%; margin: 50px 0 0; }
  .contact_right{ width: 100%; margin: 50px 0 0; }
  
  
}


@media only screen and (max-width: 768px){
  .head{ display: none;}
  .m_head{ display: block;    background: #fff;    padding: 10px 5%;  z-index: 999;    border-bottom: 1px solid #ababab; }
  .m_head .logo { float:left;}
  .m_head .logo img {height: 50px; }
  .m_head .num { float: right;}
  .m_head .num img{ height: 20px; margin: 20px 0 0; }
  
  .m_nav{position: fixed; right:100%; top: 0; width: 100%; background: hsla(0,0%,0%,0.6); z-index: 99999;}
  .m_nav.on{position: absolute; right:0%; top: 0;height: 100%;}
  .m_nav .m_ul{ width: 80%; background:  hsla(0,0%,0%,0.8); float: right; position: relative;height: 100%;}
  .m_nav .m_ul li{border-bottom: 1px solid #232530;}
  .m_nav .m_ul li a{    display: block;    height: 45px;    color: #fff;    line-height: 45px;    padding-left: 5%;    font-size: 16px;}
  .m_nav .close{ position: absolute; top: 20px; left:20px;}
  .m_nav .close img{cursor: pointer;      display: block;    margin: 11px auto;    transition: all .2s;    cursor: pointer;    overflow: hidden; }
  
  .m_nav ul.m_ul > li ul.ul_too{ display: none; width: 80%; float: right;}
  .m_nav ul.m_ul > li ul.ul_too li{  }
  .m_nav ul.m_ul > li ul.ul_too li a{ }
  
  .m_nav ul.m_ul > li.gd{    background: url("../img/7_15.png") 95% 15px no-repeat;}
  
  .black1_left{ width: 100%; display: block; }
  .black1_right{ display: none;}
  .black1_left .img2{ display: none;}
  .black1_left .img1{ width: 100%; position:initial;}
  .black1_left_txt{ width: 100%; margin-top:10px; height:auto;}
  .black1_left_txt .lab{ position: initial; padding: 20px;}
  
  .black2{     width: 100%;    height: 300px;    background: #144994;}
  .black2_list{    float: left;    width: 50%;    height: 150px;    border-left: 1px solid #324153;    text-align: center;    color: #fff;}
    .black2_list div {font-size:24px;font-weight:bold;line-height:50px;background:url("../img/heng-1.png") no-repeat bottom center; margin-top:30px;}
    .black2_list p {font-size:20px;line-height:50px;}
    .black2_list:nth-child(2) {border-right:1px solid #324153}
  
  .black3_left_lists li {    float: left;    width: calc((100% - 20px) / 2);        margin-right: 16px;    margin-top: 16px;}
  .black3_left_lists li img{max-width:100%; border: 1px solid #bfbfbf;}
  .black3_left_lists li:nth-child(2n){ margin-right: 0;}
  .black3_left_lists li:nth-child(2n - 1){ margin-right: 16px;}
  
  .black4 {position: relative;padding: 30px 0px 35px;background-position: center top;background-size: cover;background-attachment: fixed;background-repeat: no-repeat;}
  .black4_left_h1{   width: 100%;    height: 50px;    margin-top: 10px; border-left: 3px solid #fff;}
  .black4_left_h1 h3{    float: left;    font-size: 38px;    line-height: 38px;    margin-left: 35px; font-weight:normal; color: #Fff;}
  .black4_left_h1 span{    float: left;    font-size: 16px;    margin-top: 15px;    margin-left: 15px; display: block; color: #Fff;}
  .black4_left_h1 h2{float: left;    width: 100%;    font-size: 20px;    color: #fff;    padding: 30px 0px 30px 35px; font-weight:normal;}
    .black4_left_list a{float:left;width:100%;height:125px;display:block;border:1px solid #a1cbff;margin-top:10px;margin-right:0px;margin-bottom:10px;position:relative}
    .black4_left_list .dot{display:none}
  
  
  .foot { float: left; width: 100%; background: #00152f; padding: 25px 0px 20px; }
    .foot .t { float: left; width: 100%;font-size:16px;padding-left:30px;}
    .foot .c {float:left;width:100%;padding-left:0px; margin-top:15px;color:#ababab;}
    .foot .div1 {width: 100%; }
    .foot .div1 p{ float: left; width:100%;line-height:24px;}
    .foot .div1 img{ float:left; margin-top:5px;width:80%;}
    .foot .div2 {width: 100%;margin-top:30px;}
    .foot .div2 ul li{float:left;width:100%;line-height:30px;}
    .foot .div3 {width: 100%;margin-top:30px;}
    .foot .div4 {display:none }
    .copy {float:left;width:100%;background:#00152f;padding:20px 0px;color:#ababab;text-align:center;border-top:1px solid #10233b}
  .contact_right .ewm{width:  100%;}
  .contact_right button{width:  100%;}

  .cont_right .page_nei a{ width: 100%; margin: 10px 0;}

  .page-index{ display: none!important; }
  .page-last{ display: none!important; }
  .page a{ margin: 0; }
}