@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; }
#map span{ overflow: inherit;  }
#map img{ max-width: none; }
a { color:#333;text-decoration:none; }
a:hover { color:#035CA0 ;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:1590px;*/ margin: 0 auto; width:92%;}
.span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;    display: block;}
.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;}
.banner_sy .swiper-pagination-bullet:only-child{display: inline-block!important;}
  .banner_sy  .swiper-container {
      width: 100%;
      height: 100%;
    }

    .banner_sy .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;
}

  .black3  .swiper-container{
      width: 100%;
      height: 300px;
      margin-left: auto;
      margin-right: auto;
    }

   .black3 .swiper-slide {
      background-size: cover;
      background-position: center;
    background-repeat:no-repeat;  
    }

   .black3 .gallery-top {
      height: 100%;
      width: 100%;
    }

   .black3 .gallery-thumbs {
      height: 20%;
      box-sizing: border-box;
      padding: 10px 0;
    width:80%;
    }

   .black3 .gallery-thumbs .swiper-slide {
    opacity: 1;
      height: 70%;
    background-color: unset;
    position: relative;
    }
     .black3 .gallery-thumbs .swiper-slide:after{    
      content: "";    display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000;   opacity: 0.29;  }
   .black3 .gallery-thumbs .swiper-slide-thumb-active {
    border: 3px #fff solid;
      opacity: 1;
    filter:none;
    }
 .black3 .gallery-thumbs .swiper-slide-thumb-active:after {
  content: "";    display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000;   opacity: 0;  
}
.black3 .swiper-container-pointer-events{ margin-bottom: -90px}
.swiper-button-next{ background: url(../img/fr.jpg) no-repeat!important; width: 50px!important; height: 50px!important; top: 88%!important;}
.swiper-button-prev{ background: url(../img/fl.jpg) no-repeat!important; width: 50px!important; height: 50px!important; top: 88%!important;}

.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content:""!important;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content:""!important;}

.top { background: #035CA0;  }
.top p{float:left; line-height: 40px; color: #fff;}
.top span{ color: #fff; line-height: 40px; float: right; padding: 0 0 0 30px; }
.top .top_span1{ background: url(../img/top1.png) no-repeat left center;   background-size: 24px; margin: 0 0 0 30px;}
.top .top_span2{ background: url(../img/top2.png) no-repeat left center;   background-size: 20px; }

.nav{z-index: 999999; position: relative; transition: all .5s;}
.nav .logo{ width: 30%; float: left;
position: absolute;
top: 50%;
transform: translate(0, -50%);
}
.nav .nav_ul{ float:right; max-width: 80%;}
.nav .nav_ul > li { float: left;  position: relative;margin: 0 30px;      overflow: hidden;}
.nav .nav_ul > li > a{  line-height: 90px; font-size: 16px; transition: all .5s; display: block; }
.nav .nav_ul > li > a:hover{ color: #333;}
.nav .nav_ul > li > a:after {    content: attr(data-title);    position: absolute;    top: 0;    left: 0;    transform: translateY(100%);    
  width: 100%;    height: 100%;    display: flex;    align-items: center;    justify-content: center;   color: #222; display: none;}
.nav .nav_ul > li:hover > a{  transform: translateY(-100%) ; transition: all .5s;  }
.nav .nav_ul > li:hover > a:after{ display: block; }
.nav .nav_ul > li::before{ content: "";    display: block; width: 0%; height: 2px; position: absolute; bottom: 0px; left: 50%; background: #035CA0; transform: translateX(-50%);     transition: all .5s ease; opacity: 0;  }
.nav .nav_ul > li.on::before{ content: "";    display: block;  width: 100%; opacity: 1;height: 2px; position: absolute; bottom: 0; left: 0; background: #035CA0;  z-index: 999  ;transform: translateX(0%);   }
.nav .nav_ul > li:hover::before{ width: 100%; opacity: 1 ; }

.nav .nav_ul h2 { color: #000; }
.nav .nav_ul .nav_cont { float: left; width: 100%; }
.nav .nav_ul .nav_cont h2 { margin: 0 0 20px; }
.nav .nav_ul > li > ul { position: fixed; left: 0%; top: 130px; display: none; z-index: 9999; padding: 20px 0; border-top: 1px #efefef solid; }
.nav .nav_ul > li:hover > ul { display: block; width: 100%; background: url(../img/b2.jpg) no-repeat bottom center; padding: 30px 0 30px; }
.nav .nav_ul > li:hover > ul li { width: 23%; margin: 10px 1% 0 1%; border: 1px solid #efefef; border-radius: 20px 0 20px 0; float: left; transition: all .5s; }
.nav .nav_ul > li:hover > ul li:hover { border: 1px solid #035CA0; }
.nav .nav_ul > li:hover > ul li a { width: 100%; display: block; line-height: 48px; color: #000; padding: 0 0 0 60px; font-size: 14px; position: relative; transition: all .5s; }
.nav .nav_ul > li:hover > ul li a:after { content: ""; display: block; width: 5px; height: 5px; position: absolute; top: calc(50% - 1px); left: 30px; background: #000; opacity: 0.6; }
.nav .nav_ul > li:hover > ul li:hover a { color: #035CA0; }
.nav .nav_ul > li:hover > ul li:hover a:after { content: ""; display: block; width: 5px; height: 5px; position: absolute; top: calc(50% - 1px); left: 30px; background: #035CA0; }
.nav .nav_ul > li > img { padding: 30px 24px; cursor: pointer; filter: grayscale(100%) brightness(00%); }
.nav .nav_ul .nav_img { float: right; overflow: hidden; }
.nav .nav_ul .nav_img img { transition: all .5s; }
.nav .nav_ul .nav_img img:hover { transform: scale(1.2); }

.nav.active .nav_ul > li.on > a { color: #333; }
.nav.active { position: fixed; background: #FFFFFF; width: 100%; top: 0; box-shadow: 0 10px 20px rgba(0,0,0,.1);}
.nav.active .logo { width: 15%; }
.nav.active .logo img { }
.nav.active .nav_ul > li:hover > a:after { top: 45px; }
.nav.active .nav_ul > li > ul { top: 68px; }
.nav.active .nav_ul > li > a { line-height: 68px; }
.nav.active .nav_ul > li > a:hover { color: #333; }
.nav.active a { color: #333; }
.nav.active a:hover { color: #035CA0; }
.nav.active .nav_ul > li > img { padding: 20px 24px; cursor: pointer; filter: grayscale(100%) brightness(400%); }
.nav.active .nav_ul > li:hover > ul li:hover a { color: #035CA0; }

.nav.active .nav_ul > li > a:after {    content: attr(data-title);    position: absolute;    top: 0;    left: 0;    transform: translateY(23px);    
  width: 100%;    height: 100%;    display: flex;    align-items: center;    justify-content: center;   color: #fff; display: none;}
.nav.active .nav_ul > li:hover > a:after{ display: block; }

.ss_cont{ position: fixed; top: 60px; left: 0; width: 100%; height: 25%; background:rgb(255 255 255 / 60%); z-index: 9999; display: none;}
.ss_cont form{ position: absolute; width: 60%; left: 20%; top: 50%; line-height: 40px; }
.ss_cont form .key{ width: 100%; border: 1px solid #f0f0f0; line-height: 40px; border-radius: 0 15px 15px 0; padding: 0 0 0 40px; background: url(../img/ss.png) no-repeat 5px center #fff;}
.ss_cont form button{    position: absolute;    top: 0;    right: 0;    height: 42px;    width: 100px;    border: none;    background: #035CA0; color: #fff; border-radius: 0 15px 15px 0; cursor: pointer;}
.ss_cont .x{ width: 30px; position: absolute; right: 15%; top: 40%; cursor: pointer;}

.banner {position: relative;z-index: 998;}
.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: 3px; position: absolute; top: 60px; left: 0; background: #fff;     }

.banner_sy .w1200{position: absolute; height: 100%;     transform: translateY(30%); opacity: 0;}
.banner_sy h3{ position: absolute; top: 32% ;left: 0;     color: #fff;   padding-bottom: 10px;    font-size: 36px;    font-weight: bold}
.banner_sy h3:after{     content: "";    display: block; width: 6px; height: 40px; position: absolute; top: 10px; left: -30px; background: #035CA0;     }
.banner_sy h4{ position: absolute; top: calc(32% + 60px) ;left: 0; overflow: hidden;    color: #fff;    font-size: 24px;   font-weight: 100;}
.banner_sy a{ position: absolute; top: calc(32% + 90px) ;left: 0;  display: inline-block;    font-size: 16px;    background-color: #035CA0;    padding: 10px 20px;    text-align: center;    color: #fff;    margin-top: 3rem;}

.banner_sy .swiper-slide-active .w1200{  transition: all 2s ease .5s;    transform: translateY(0);    opacity: 1;}

.black1 { margin: 50px 0; }
.black1_tit { position: relative; }
.black1_tit h2 { position: relative; font-size: 24px; font-weight: normal; }
.black1_tit h2 strong { font-size: 30px; margin: 0 10px 0 0; font-weight: normal; }
.black1_tit h2 span { display: block; font-size: 18px; color: #333; margin: 20px 0 0; }
.black1_tit h2:after { content: ""; display: block; width: 40px; height: 2px; position: absolute; top: 64px; left: 0; background: #035CA0; }
.black1 .black1_fenlei { position: absolute; right: 0; bottom: 0; }
.black1 .black1_fenlei a { color: #373737; padding: 0 30px 0 22px; line-height: 30px; border: 1px #9c9c9c solid; display: inline-table; margin: 0 0 0 20px; background-size: 20px; background-position: right 15px center; transition: all .5s; cursor: pointer; }
.black1 .black1_fenlei a:hover { background: #035CA0; color: #fff; }
.black1 .black1_fenlei a.on { color: #fff; background: #035CA0; }
.black1 .black1_fenlei i { margin: 0 0 0 8px; }

.black1 ul{ margin: 50px 0;}
.black1 ul li{ width: calc((100% - 60px) / 4 ); float: left; margin: 0 20px 40px 0; }
.black1 ul li:nth-child(4n){ margin:0 0 40px 0; }
.black1 ul li img{ width: 100%; }
.black1 ul li p{ text-align: center; line-height: 1.5; color: #fff; background: #00a8d4;font-size: 16px; padding:5px 0px; }
.black1 ul li:hover p{ background: #035CA0; }

.black2 { padding: 88px 0 260px; position: relative; background: url(../img/b1.jpg) no-repeat; }
.black2_tit { position: relative; }
.black2_tit h2 { font-size: 24px; color: #333; font-weight: normal; }
.black2_tit h3 { font-size: 30px; color: #333; line-height: 52px; font-weight: normal; }
.black2_tit:after { content: ""; display: block; width: 120px; height: 2px; position: absolute; bottom: -20px; left: 0; background: #035CA0; }
.black2_cont { color: #333; line-height: 1.8; margin: 42px 0 40px; font-size: 16px; }
.black2 .gd { margin-bottom: 30px; padding: 0 45px 0 20px; line-height: 40px; color: #333; border: 1px solid #5f6265; display: inline-table; transition: all .5s; }
.black2 .gd:hover { border: 1px solid #035CA0; text-indent: 2em; }

.black2_list { background: rgb(3 92 160 / 75%); position: absolute; bottom: 0; width: 100%; }
.black2_list ul { }
.black2_list ul li { width: calc((100% - 5px) / 4); float: left; border-left: 1px hsla(255,255%,255%,0.25) solid; padding: 40px 0 25px; text-align: center; }
.black2_list ul li:nth-child(4) { border-right: 1px hsla(255,255%,255%,0.25) solid; }
.black2_list ul li img { margin: 0 auto; transition: all .5s; }
.black2_list ul li p { text-align: center; color: #fff; font-size: 16px; line-height: 54px; }
.black2_list ul li:hover img { transform: rotateY(180deg); }

.black3{ margin: 70px 0 70px;}
.black3_left{ float: left; width: 58%; } 

.black3_right{ float: right; width: calc(40% - 65px); padding: 50px 0 0 ;}
.black3_right h2{ font-size: 50px; color: #035CA0; position: relative;}
.black3_right h2 span{ font-size: 30px; color: #000; display: block; font-weight:normal; }
.black3_right h2:after{ content: ""; display: block; width: 50px; height: 2px; position: absolute; bottom: -26px; left: 0; background: #035CA0;     }

.black3_cont{ margin:50px 0 30px 0; line-height:1.8; font-size: 16px;}
/*.black3_right .gd{ padding: 0 70px 0 40px; line-height: 40px; color: #fff; background: url(../img/b2.png) no-repeat 105px center #000; background-size: 20px; display: inline-block;  transition: all .5s;}*/


.black3_right .gd{ margin-bottom:30px; padding: 0 45px 0 20px; line-height: 40px; color: #333; border: 1px solid #5f6265; display: inline-table;  transition: all .5s;}

.black3_right .gd:hover{ border: 1px solid #035CA0; text-indent:2em; }

/*.black3_right .gd:hover{ background: url(../img/b2.png) no-repeat 110px center #000; background-size: 20px; }*/

.black4{ position: relative;}
.black4_list{ padding: 100px 0 270px;}
.black4_list h4{ color: #fff; font-size: 30px; font-weight:normal; }
.black4_list .black4_txt{ line-height: 1.5; color: #fff; width: 65%; margin: 20px 0 60px; font-size:16px; }
.black4_list .black4_txt p{ font-size: 16px; margin: 40px 0 85px; }
.black4_list a{ padding: 0 80px 0 20px ;  line-height: 64px; color: #fff; border-left: 1px hsl(0deg 0% 100% / 50%) solid; border-right: 1px hsl(0deg 0% 100% / 50%) solid; 
  display: inline-block; background: url(../img/b5.png) no-repeat 110px center;  transition: all .5s; font-size: 15px;}
.black4_list a:hover{background: url(../img/b5.png) no-repeat 130px center;line-height: 44px; margin: 10px 0 10px 0;}

.black4_tit{ background: rgb(64,64,64,0.45); position: absolute; bottom: 0;  width: 100%; }
.black4_tit ul{}
.black4_tit ul li{ width: calc((100% - 7px) / 6); float: left; border-left: 1px  hsla(255,255%,255%,0.12) solid; padding: 40px 0 20px; cursor: pointer; text-align:center; }
.black4_tit ul li:nth-child(6){border-right:  1px hsla(255,255%,255%,0.12) solid;}
.black4_tit ul li img{ margin: 0 auto; transition: all .5s;}
.black4_tit ul li p{ text-align: center; color: #fff; line-height: 36px; font-size: 16px;}
.black4_tit ul li:hover{background: rgb(0 91 172 / 80%);}
.black4_tit ul li:hover img{  transform: rotateY(180deg); }
.black4_tit ul li.on{background: rgb(3 92 160 / 75%);}
.black4_tit ul li.on img{  transform: rotateY(180deg); }

.black5{ padding: 80px 0 50px; background: #f1f1f1;}
.black5_tit{ border-bottom: 1px solid #035CA0;}
.black5_tit h2{ font-size: 24px; font-weight:normal; float: left; padding: 0 0 24px 0;}
.black5_tit h2 strong { font-size: 30px; margin: 0 10px 0 0; font-weight: normal; }
.black5_fenlei{ float: right; }
.black5_fenlei a{ background: #fff; margin: 10px 0 0 20px; line-height: 36px; display: inline-block; padding: 0 20px; font-size: 16px;}
.black5_fenlei a:hover{ }

.black5_cont{ margin: 45px 0;}
.black5_left{ width: 50%; float: left; }
.black5_left img { width: 100%; }
.black5_left span{  display: block; line-height: 56px; font-size: 16px;}
.black5_left p {  line-height: 24px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; color: #aaaaaa; }

.black5_right{ width: calc(50% - 30px); float: right; }
.black5_right .black5_list{ margin: 0 0 20px 0;  }
.black5_right .black5_list img{ margin: 0 20px 0 0; float: left; width:26%; }
.black5_right .black5_list .black5_txt{ float: left; width: calc( 100% - 26% - 20px ); }
.black5_right .black5_list span{ font-size: 16px;}
.black5_right .black5_list p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 24px; margin: 10px 0; font-size: 14px; color: #a3a3a3;}
.black5_right .black5_list em{ color: #999; }

.black6{ padding: 40px 0; background: #bb0009;}
.black6 ul{}
.black6 ul li{ width: calc((100% - 140px) / 8); float: left; margin: 0 20px 0 0;}
.black6 ul li:nth-child(8n){margin: 0;}

.footer { padding: 0px 0 0; background: #222222; }
.footer ul { float: left; width: 18%; padding: 40px 0 0; }
.footer ul h2 { color: #fff; font-size: 16px; line-height: 63px; border-bottom: 2px solid #fff; margin: 0 0 20px 0; display: table; }
.footer ul li { line-height: 1.5; padding: 6px 0 6px 15px; background: url(../img/b3.png) no-repeat left center; transition: all .5s; }
.footer ul li a { color: #fff; }
.footer ul li:hover { padding: 0 0 0 25px; }

.footer_right { border-left: 1px solid #393939; padding: 60px 0 60px 80px; float: right; width: 43%; position: relative; }
.footer_right h2 { font-size: 16px; color: #fff; margin: 0 0 10px 0; }
.footer_right .footer_tel { font-size: 14px; color: #fff; line-height: 28px; }
.footer_right .tel400 { margin: 40px 0 0; color: #fff; }
.footer_right i { font-style: normal; font-size: 14px; margin: 10px 0 0; display: block; }
.footer_right a { color: #fff; margin: 20px 0; padding: 0 20px; line-height: 36px; display: inline-block; border: 1px solid #fff; }

.footer_right .ewm { position: absolute; top: 60px; right: 30px; text-align:center; }
.footer_right .ewm span { display: block; color: #fff; font-size: 16px; text-align: center; line-height: 36px; }
.footer_right .ewm img { margin: 0 auto; }
.footer_right .ewm .tb { display: flex; justify-content: space-around; }
.footer_right .ewm .tb a { display: block; width: 33.3333%; padding: 0; border: none; }
.footer_right .ewm .tb a img { width: 100%; display: block; }
.foot { background: #035CA0; border-top: 1px solid #393939; line-height: 1.5; color: #fff; text-align: center; padding:10px 0px; }
.foot a { color: #fff; }

.link{line-height: 32px; padding: 12px 0; margin: -56px auto 0;} 
.link a{  color: #eee; }

.dq{ background: #fff; padding: 30px 0; }
.dq .w1200 > a{ border-right: 1px solid #ccc; display: block; padding: 0 30px; float: left; font-size: 16px;} 
.dq .w1200 > a.en{ color: #035CA0;}
.dq .wz{   float: right; font-size: 16px; background: url(../img/b4.png) no-repeat left center;  padding: 0 0 0 34px; background-size: 24px;}
.dq .wz a{ margin: 0 20px;}

.page-status{display: none!important;}
.page{width:100%;text-align:center; padding:30px 0; clear: both;}
.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:#035CA0;}
.page span.next,.page a.next{ width:51px; height:21px; }
.page span.next{color:#C4C4C4;font-weight:normal;}
.page a.page-num-current{background:hsl(208deg 100% 34% / 79%); color: #fff;}

.about{ background: #f7f7f7; padding: 40px 0 80px ;}
.about .w1200{ background: #fff;}
.about .about_left{ width: 50%; overflow: hidden; float:left; }
.about .about_left img{ transition: all .5s;  }
.about .about_left img:hover{ transform: scale(1.2);  }

.about .about_right{ width: 50%; float: right; padding: 50px 50px 50px 50px; line-height:2; font-size:16px; color:#7F7F7F; }


.about .about_left2{ width: 50%; overflow: hidden; float:right; }
.about .about_left2 img{ transition: all .5s;  }
.about .about_left2 img:hover{ transform: scale(1.2);  }

.about .about_right2{ width: 50%; float: left; padding: 50px 50px 50px 50px;  line-height:2; font-size:16px; color:#7F7F7F; }


.about_cont{ padding: 20px; /*width: calc(100% - 40px);*/} 

.about_list{ width: calc(100% - 0px); padding: 40px }
.about_list li{ width: calc((100% - 90px) / 4); float: left;  margin: 0 30px 30px 0;}
.about_list li:nth-child(4n){ margin:  0 0px 30px 0;}
.about_list li .ioc{overflow: hidden; }
.about_list li img{ width:100%; transition:all .5s;}
.about_list li p{ text-align: center; line-height: 36px ;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.about_list li:hover img{ transform:scale(1.2); }
.about_list .page{ margin: 20px 0 50px;}

.honor{ width: calc(100% - 0px); padding: 40px }
.honor li{ width: calc((100% - 90px) / 4); float: left;  margin: 0 30px 30px 0;}
.honor li:nth-child(4n){ margin:  0 0px 30px 0;}
.honor li .ioc{overflow: hidden; }
.honor li img{ max-width:100%; max-height:100%; transition:all .5s;}
.honor li p{ text-align: center; line-height: 36px ;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size:16px; }
.honor li:hover img{ transform: scale(.94, .94) translateY(-53%) translateX(-53%); transition: transform 0.6s ease 0s; }
.honor .page{ margin: 20px 0 50px;}

.pro{ background: #f7f7f7; padding: 40px 0 80px ;}

.pro_left { float: left; width: 20%; }
.pro_left span { padding: 20px 0 10px 20px; background: #035CA0; width: 100%; display: block; font-size: 25px; color: #fff; line-height: 32px; border-radius: 15px 15px 0 0; }
.pro_left em { display: block; width: 100%; font-size: 14px; color: #fff; line-height: 32px; }
.pro_left2 li { width: 100%; padding: 20px 20px; line-height: 1.5; background: #fff; position: relative; transition: all .5s; font-size: 16px; border-bottom: 1px #e8e8e8 solid; }
.pro_left2 li:hover { color: #035CA0; }
.pro_left2 li:hover:after { content: ""; display: block; width: 3px; height: 100%; position: absolute; top: 0; left: 0; background: #035CA0; }
.pro_left2 li.on:after { content: ""; display: block; width: 3px; height: 100%; position: absolute; top: 0; left: 0; background: #035CA0; }

.pro_right{float:right; width: 77%;}
.pro_right .pro_dq{ line-height: 50px; text-indent: 30px; font-size: 16px; background: url(../img/b4.png) no-repeat 20px center #fff; background-size: 24px;  padding: 0 0 0 20px; margin: 0 0 20px 0;}
.pro_right .pro_dq a{ margin: 0 10px;}
.pro_right ul{ background: #fff; padding: 30px 20px;}
.pro_right ul li{ float: left; width: calc((100% - 66px) / 3); margin: 0 30px 30px 0; }
.pro_right ul li:nth-child(3n){ margin: 0 0 30px 0;}
.pro_right ul li .ioc{ overflow: hidden;}
.pro_right ul li p{ line-height: 36px; text-align: center; background: #e8e8e8;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.pro_right ul li img{transition: all .5s;}
.pro_right ul li:hover p{ background: #035CA0; color: #Fff; }

.pro_right1{float:right; width: 77%;}
.pro_right1 .pro_dq{ line-height: 50px; text-indent: 30px; font-size: 16px; background: url(../img/b4.png) no-repeat 20px center #fff; background-size: 24px;  padding: 0 0 0 20px; margin: 0 0 20px 0;}
.pro_right1 .pro_dq a{ margin: 0 10px;}
.pro_top{ background: #fff; padding: 50px;}
.pro_img{ width: 50%; float: left;}
    .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:#ccc 3px solid; }
    .slideBox .hd ul li.on{ border:#d61b20 3px solid; }
    .slideBox .hd ul li a{ display: block}
    .slideBox .bd{ position:relative;    width: 90%;    margin: 0 auto; z-index:0;   }
    .slideBox .bd li{ zoom:1; vertical-align:middle; text-align:center; }
    .slideBox .bd img{ max-width:100%; }
.pro_tit{ width: 45%; float: right;}
.pro_tit h2{ font-size: 20px;  }
.pro_tit .info{ margin: 30px 0; line-height: 32px;}
.pro_tit .pro_tel{ padding: 0px 24px; background: #035CA0;display: inline-block; color: #fff; font-size: 16px; line-height: 42px;}

.pro_txt{ margin: 20px 0; background: #fff;}
.pro_txt_xq{ border-bottom: 1px #ccc solid;}
.pro_txt_xq h2{ background:#035CA0; padding: 15px 40px; display: table; color: #fff; font-size:18px;}
.pro_cont{ padding: 30px;}
.pro_cont img { display: inline-block; }
.pro_cont span{ white-space:inherit; display: block;}
.sx{ margin: 50px 0 0px; border-bottom: 1px #ccc solid; line-height: 2;}
.sx a.s{float: left;}
.sx a.x{float: right;}

.xgcp{background: #fff; margin: 20px 0 20px; border-top: 20px #f7f7f7 solid;}
.xgcp ul{padding: 20px; overflow: hidden;}
.xgcp ul li{ width: calc((100% - 90px) / 4); float: left;  margin: 0 30px 0px 0;}
.xgcp ul li:nth-child(4n){ margin:  0 0px 0px 0;}
.xgcp ul li p{ text-align: center; line-height: 42px; color: #fff; background: #00a8d4;font-size: 16px; }
.xgcp ul li:hover p{ background: #035CA0; }



.job_list{ padding: 50px;}
.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:25%;}
.job_list ul li.add{width: 20%;}
.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 #ccc; 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;}


.contact { background: #f7f7f7; padding: 40px 0 80px; }
.contact .w1200 { background: #fff; }
.contact_left { width: 40%; float: left; }
.contact_txt { padding: 20px 20px 20px 20px; line-height: 2; }
.contact_txt h2 { color: #d61b20; line-height: 56px; text-indent: 10px; font-size: 24px; margin: 0 0 30px 0; padding: 0 0 0 20px; }

.contact_txt span.add{ background: url( ../img/c4.png) no-repeat left center; background-size: 30px; }
.contact_txt span.tel1{  background: url( ../img/c3.png) no-repeat left center; background-size: 30px; }
.contact_txt span.tel2{ background: url( ../img/c2.png) no-repeat left center; background-size: 30px; }
.contact_txt span.fax{ background: url( ../img/c7.png) no-repeat left center; background-size: 30px;}
.contact_txt span.email{ background: url( ../img/c5.png) no-repeat left center; background-size: 30px;  }
.contact_txt span.www{  background: url( ../img/c6.png) no-repeat left center; background-size: 30px; }

.contact_right{ width: 60%; float: right; padding: 20px 20px 20px 20px; }

.contact_ly{ background: url(../img/b3.jpg) no-repeat 100% 100%; padding: 80px 0;}
.contact_ly h2{ font-size: 36px; font-weight: bold; position: relative; text-align: center; margin: 0 0 50px;}
.contact_ly h2 strong{ color:#035CA0;  }
.contact_ly h2:after{     content: "";    display: block; width: 80px; height: 3px; position: absolute; top: 66px; left: calc(50% - 40px); background: #035CA0;     }


.contact_ly textarea{ width: 100%; padding: 15px; font-size: 14px!important; border: #d2d2d2 1px solid;}

.contact_ly input{ margin: 20px 0 0; width: 48%; line-height: 36px; text-indent: 18px; font-size: 14px!important;border: #d2d2d2 1px solid;} 
.contact_ly input:nth-child(2n-1){ float:right}
.contact_ly input:nth-child(2n){ float:left}
.contact_ly input.ewm1{ width: 100%; }
.contact_ly .ewm{ position: relative;    float: right; width: 48%; }
.contact_ly .ewm input{ width: 100%;}
.contact_ly .ewm img{ position: absolute; top: 22px; right:2px;  height: 36px;}
.contact_ly button{ width: 100%; background: #333; margin: 20px 0 0; color: #fff; border: 0; line-height: 48px; cursor: pointer; font-size: 16px; transition:all .5s;}
.contact_ly button:hover{ background: #035CA0; }

.news{ background: #f7f7f7; padding: 40px 0 80px ; }
.news_list li{ padding: 20px; background: #fff; width: calc((100% - 60px) / 3); margin: 0 30px 30px 0; float: left;}
.news_list li:nth-child(3n){ margin: 0 0px 30px 0; }

.news_txt{background: #f7f7f7; padding: 24px 0 30px;}
.news_txt p{ width: 90%; margin: 0 auto; transition:all .5s}
.news_txt p.p1{transition: 0.3s ease 0s;    color: #333;    font-size: 16px;    display: block;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
.news_txt p.p2{    transition: 0.3s ease 0s;    margin-top: 5%;    font-size: 14px;    line-height: 1.7;    color: #666;  max-height: 65px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news_list li .ioc{overflow: hidden; }
.news_list li .ioc img{ transition:all .5s}
.news_list li:hover .ioc img{  transform:scale(1.2);}
.news_list li:hover .news_txt{background: #035CA0; }
.news_list li:hover .news_txt p{color: #fff;}

.news_conts{padding: 50px; background: #fff;}
.news_conts h2{ font-size: 22px; border-bottom: 1px solid #ccc; line-height: 56px; text-align: center; font-weight: normal;}
.news_t{ line-height: 36px;}
.news_t span{ margin: 0 42px 0 0; color: #595959}
.news_into{padding: 20px; line-height: 24px; background: #f2f2f2; color: #595959; margin: 30px 0;}
.news_cont{ padding: 20px 0px 20px; line-height:1.8; text-indent:2em; font-size:16px; }

.m_head{display: none; }

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

.nav .nav_ul > li { float: left;  position: relative;margin: 0 20px;      overflow: hidden;}
}

@media only screen and (max-width: 768px){
  .w1200 { max-width:90%; margin: 0 auto; width:90%;}
  .top{ display: none;}
  .nav{ display: none;}
  .top span{ color: #fff; line-height: 40px; float: right; padding: 0 0 0 30px; }
  .top .top_span1{ background: url(../img/top1.png) no-repeat left center;   background-size: 24px; margin: 0 0 0 10px;}
  .top .top_span2{ background: url(../img/top2.png) no-repeat left center;   background-size: 20px; }
  
.m_head { display: block; background: #fff; padding: 20px 5%; z-index: 999; border-bottom: 1px solid #ababab; position: relative; }
.m_head .logo { float: left; width: 70%; }
.m_head .logo img { }
.m_head .num { float: right; position: absolute; top: 50%; right: 5%; transform: translate(0, -50%); }
.m_head .num img { height: 20px; margin: 1px 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;}
  
  .banner_sy h3{ position: absolute; top: 32% ;left: 0;     color: #fff;   padding-bottom: 10px;    font-size:16px;    font-weight: bold}
  .banner_sy h3:after{     content: "";    display: block; width: 6px; height: 40px; position: absolute; top: 10px; left: -30px; background: #035CA0;    }
  .banner_sy h4{ position: absolute; top: calc(32% + 30px) ;left: 0; overflow: hidden;    color: #fff;    font-size: 14px;   font-weight: 100;}
  .banner_sy a{ position: absolute; top: calc(32% + 40px) ;left: 0;  display: none;    font-size: 12px;    background-color: #035CA0;    padding: 10px 20px;    text-align: center;    color: #fff;    margin-top: 3rem;}
  
  .banner h2{font-size: 24px;}
  .banner h2:after{top: 40px;}
  
  .black1_tit h2 strong{font-size: 26px;}
  .black1_tit h2:after{ top: 48px;}
  .black1 .black1_fenlei{ position: relative; margin: 20px 0 0;}
  .black1 .black1_fenlei a{width: calc((100% - 20px) / 2); margin: 0 0 20px 0px;}
  .black1 .black1_fenlei a:nth-child(2n-1){ margin: 0  0 20px 0; }
  
  .black1 ul{ margin: 0;}
  .black1 ul li{ width: calc((100% - 20px) / 2 ); float: left; margin: 0 20px 30px 0; }
  .black1 ul li:nth-child(2n){ margin:0 0 30px 0; }
  
  .black2{ padding: 88px 0 402px; }
  .black2 .w1200{ margin: 0 auto 62px; }
  .black2_cont{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 14;-webkit-box-orient: vertical;}
  .black2_list .w1200{width: 100%; max-width: 100%;}
  .black2_list{ background: rgb(0 91 172 / 80%); position: absolute; bottom: 0;  width: 100%; }
  .black2_list ul li{ width: calc((100% - 2px) / 2); float: left; padding: 50px 0; border: none;}
  .black2_list ul li:nth-child(1){border-right:  1px #fff solid;border-bottom:  1px #fff solid;}
  .black2_list ul li:nth-child(2){border-bottom:  1px #fff solid;}
  .black2_list ul li:nth-child(3){border-right:  1px #fff solid;}
  .black2_list ul li:nth-child(4){ border: none;}
  
  .black3_left{ width: 100%;}
  .black3_left .swiper-button-prev{   display: none}
  .black3_left .swiper-button-next { display: none}
  .black3 .gallery-thumbs{width: 100%;}
  .black3_right{ width: 100%; margin: 0 0 0px;}
  
  .black4_list { padding: 50px 0 320px;}
  .black4_list .black4_txt { line-height: 24px; color: #fff; width: 100%; margin: 20px 0 60px; }
  .black4_tit .w1200{width: 100%; max-width: 100%;}
  .black4_tit ul li{ border: none; padding: 10px 0 10px;}
  .black4_tit ul li:nth-child(1){ width: 33%;}
  .black4_tit ul li:nth-child(2){width: 33%;}
  .black4_tit ul li:nth-child(3){width: 33%;}
  .black4_tit ul li:nth-child(4){border: none; width: 33%; }
  .black4_tit ul li:nth-child(5){border: none; width: 33%;}
  .black4_tit ul li:nth-child(6){border: none; width: 33%;}  
  .black5_left{ width: 100%; }
  .black5_right{ width: 100%; margin: 30px 0 0; }
  .black5_fenlei{ display: none;}
  
  .black6 ul li{ width: calc((100% - 60px) / 4); float: left; margin: 0 20px 2px 0;}
  .black6 ul li:nth-child(4n){margin: 0 0 20px 0;}
  .black6 ul li p{ }
  
  .footer ul{ display: none;}
  .footer_right{ width: 100%; border: none; padding:50px 0 50px;}
  .footer_right .ewm{ position:relative; bottom: 20px; top:20px; width:100%; left:0px; right:0px; text-align:center; }
  .link{ display: none;}
  
  .dq .w1200{ padding: 20px 0;     background: #f1f1f1;}
  .dq .w1200 > a{ width: 100%; display: block; text-align: center; background: #f1f1f1; line-height: 42px;}
  .dq .wz{display: none;}
  
  .about .about_left{ width: 100%; }
  .about .about_right{ width: 100%; padding: 40px 20px;}  
  
  .about .about_left2{ width: 100%; }
  .about .about_right2{  width: 100%; padding: 40px 20px; }  
  
  .about_list li{ width: calc((100% - 30px) / 2); float: left;  margin: 0 30px 30px 0;}
  .about_list li:nth-child(2n){ margin:  0 0px 30px 0;}

  .news_list li{ padding: 20px; background: #fff; width: calc(100%); margin: 0 0px 30px 0; float: left;}
  .news_list li:nth-child(3n){ margin: 0 0px 30px 0; }
  .news_conts{padding: 10px; }
  .news_conts h2{line-height: 36px; padding: 10px 0;}
  .news_t span{ display:block ;}
  .sx{ margin: 80px 0 30px; border-bottom: 1px #ccc solid; line-height: 24px;}
  .sx a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;    display: block; float: left!important; width: 90%; margin: 0 auto;display: block;}
  
  .pro_left{ width: 100%; }
  .pro_right{ width: 100%; margin: 50px 0 0; }
  .pro_right .pro_dq{ display: none;}
  
  .pro_right ul li{ float: left; width: calc((100% - 34px) / 2); margin: 0 30px 30px 0; }
  .pro_right ul li:nth-child(2n){ margin: 0 0 30px 0;}
  .pro_right ul li:nth-child(2n-1){ margin: 0 30px 30px 0;}
  
  .pro_right1{ width: 100%; margin: 50px 0 0; }
  .pro_right1 .pro_dq{ display: none;}
  
  .pro_top {    background: #fff;    padding:20px;}
  .pro_img{ width: 100%;}
  .pro_tit{ width: 100%; margin: 50px 00 0;}
  
  .job_list ul li{float: left; line-height: 60px; font-size: 16px; text-indent: 10px;}
  .job_list ul li.name{ width:35%;}
  .job_list ul li.add{width: 20%; display: none;}
  .job_list ul li.time{width: 45%;}
  .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; display: none}
  .job_list .job_cont1 > p{ width: 100%; float: left; display: table; line-height: 32px;}
  
  .contact_left{ width: 100%;}
  .contact_right{ width: 100%;}
  
  
.honor li{ width: calc((100% - 30px) / 2); float: left;  margin: 0 30px 30px 0;}
.honor li:nth-child(2n){ margin:  0 0px 30px 0;}
  
}

.ce_right{  position: fixed; top: 40%; right: 10px; z-index: 99999 }
.weixin{padding: 10px; cursor: pointer; }
.weixinimg{ width: 40px; }
.weixin .ewm1{ position: absolute; top: 0; right: 70px; width: 124px; display:none; }
.weixin:hover .ewm1{ display:block; }
.weixin a{ display: block; width: 40px; }

.pagination-blog { width: 100%; text-align: center; margin: 0 0 0px 0; display: flex; justify-content: center; }
.pagination-blog ul { list-style: none; margin: 0; padding: 0; }
.pagination-blog ul li { display: inline-block; width: auto; height: 30px; border-radius: 3px; padding: 0 10px; margin: 4px; line-height: 30px; border: 1px solid #ddd; }
.pagination-blog ul li a { color: #333; }
.pagination-blog ul .active a, .pagination-blog ul a:active, .pagination-blog ul li a:hover { color: #044082; }
.pagination-blog ul li.sub { border: none; margin: 0; }
.pagination-blog ul li .wenbenkuang { height: 28px; width: 28px; line-height: 28px; border: 1px solid #ddd; margin-top: -2px; }
.pagination-blog ul li .go { width: 30px; height: 30px; background-color: #044082; color: #fff; line-height: 30px; text-align: center; border: none; }
.pagination-blog ul li .go_cn { width: 60px; height: 30px; background-color: #044082; color: #fff; line-height: 30px; text-align: center; border: none; }
.pagination-blog ul li:nth-child(3n) { margin: 4px 4px 4px 4px; }
@media only screen and (max-width: 768px){
  .pagination-blog ul li{ float: left; width: calc((100% - 34px) / 2); margin: 4px 4px 4px 4px; }
  .pagination-blog ul li:nth-child(2n){ margin: 4px 4px 4px 4px; }
  .pagination-blog ul li:nth-child(2n-1){ margin: 4px 4px 4px 4px; }
}