@charset "UTF-8";
@font-face{
  font-family:'SourceHanSansCN-Regular';
  src:
    url(./fonts/SourceHanSansCN-Regular.ttf),
    url(./fonts/SourceHanSansCN-Regular.eot),
    url(./fonts/SourceHanSansCN-Regular.otf)
}


body{font-family: 'SourceHanSansCN-Regular', Arial, sans-serif}
*{box-sizing:border-box}
/* html{font-size:100px;} */
/* body,html{font-family:'pingFang-Regular';} */
body, h1, h2, h3, h4, h5, h6, ul, ol, dl, dd, dt, li, p {
  padding: 0;
  margin: 0;
}
input,button{outline:none;border:none}

a {
  text-decoration: none;
  color: #000;
}
a:hover{text-decoration: none;color:initial}

li, i {
  list-style: none;
}

img {
  width: auto;
  max-width: 100%;
  border:0 none;
  vertical-align: middle;
  border:0 none;
}
select,option,button,input{border:none;outline:none;}
.flex_row{display:flex;}
.flex_col{display:flex;flex-direction: column}
.jussp{justify-content: space-between;}
.align_center{align-items:center;}
.disgrid{display:flex;}
.bor_b{border-bottom:1px solid #ddd;}
.h100{height:100%;}
.fl{float:left}
.fr{float:right;}
.clearfix::after{
  content:'';display: block;
  clear: both;
}
.clear{ clear:both} 
/* 分割条 */
.splitter{height:15px;background:#F5F5F5}
.more{display: inline-block;}
.fontColor{color:#d8242f}
.ell{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.more_ell{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  
}
.width{width:100%;margin:0 auto;padding:0 100px}
.layout{width:1340px;margin:0 auto;}
.layout_n{width:1200px;margin:0 auto;}
.width100{width:100%;}
.container-fluid{width:100%;}
.color1{color:#A8A8A8}

.hvr_line {
  position: relative;
}

.hvr_line::before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #19D3C5;
  transform-origin: center;
  transform: translate(-50%, 0) scaleX(0);
  transition: transform 0.3s ease-in-out;
}

.hvr_line:hover::before {
  transform: translate(-50%, 0) scaleX(1);
}

.tcdPageCode {
  text-align: center;
  margin: 20px auto 40px;
}

.tcdPageCode a, .current, .disabled {
  display: inline-block;
  line-height: 30px;
  border: 1px solid #ddd;
  padding: 0 10px;
  margin-left: 10px;
  color:#666
}
.current {
  background:#032B62;
  color: #fff;
  margin-left: 10px;
  border-color:transparent
}
.nextPage,.prevPage,.disabled{background:#262626;color:#fff !important;}


/* .news_item{padding:28px 0;border-bottom:1px solid #ddd;} */
.news_time {
    width: 100px;
    height: 100%;
    position: static;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    box-sizing: border-box;
}
.news_time p{font-size:40px;color:#333;font-weight:bold;}
.news_time span{font-size:16px;color:#333}
.indexNews_item:hover .news_time {
  transform: rotateY(360deg);
  transition: all 1s;
  -ms-transition: all 1s;
}
/*  */
.lm_head{text-align:center;margin-bottom:55px;margin-bottom:40px;margin-top:80px}
.lm_head .title{font-size:36px;color:#333;font-weight:bold;position:relative;padding-bottom:5px;}
/* .lm_head .title::after{
  content:'';display:block;width:80px;height:4px;background:#001F5F;
  margin-left:-40px;position: absolute;bottom:0;left:50%; */
/* } */
.lm_head .subtitle{font-size:16px;color:#888888;}

/*  */
.header{height:80px;background:#fff;border-bottom:1px solid #ddd}
.header .content{height:100%;padding-top:17.5px;}
.header .tel{padding-left:0;display:inline-block;margin-right:10px;font-size:16px;border-left:1px solid #ddd;width:140px;line-height:40px;border-radius:50px;background:#001F5F;color:#fff;text-align:center;}
.header .tel div{display:flex;align-items: center;width:80px;height:20px;border:1px solid #000;border-radius:50px;color:#000;text-align:center;overflow:hidden;}
.header .tel div a{width:50%;font-size:12px;height:100%;}
.header .tel div a.on{background-color: #000000;color:#fff;}
.header .nav_box{float:right;}
.header .nav_box .list {float:left;}
.header .nav_box form{float:right;margin-top:0;}
.header .nav_box .list li{float:left;}
.header .nav_box .list li a{font-size:18px;color:#333;display: block;padding:0 25px;line-height:45px;}
.header .logo{float:left;}
.header .logo img{max-height:45px;}
/*  */
.wap_mask{position:fixed;top:0;bottom:0;right:0;left:0;z-index:998;background:rgba(0,0,0,0.5);display:none;}
.wap_nav{position:fixed;top:0;bottom:0;left:-100%;width:100%;display:flex;z-index:999;transition:left 0.3s}
.wap_nav.active{transition:left 0.3s;left:0;}
.wap_nav_list{width:80%;background:#fff;}
.close_wap_nav{width:20%;height:75px;background:#28318C url(../images/close_wap.png) no-repeat center;}
.wap_nav_list > li{min-height:55px;background:#f4f4f4;padding:0 15px;position:relative;}
.wap_nav_list > li:first-child{height:75px;line-height:75px;}
.wap_nav_list > li:first-child a{line-height:75px;}
.wap_nav_list > li:nth-child(2n){background:#fff;}
.wap_nav_list > li a{display:block;line-height:55px;color:#333;font-size:18px;}
.wap_two_nav{display:none;}
.wap_nav_list .wap_two_nav a{font-size:14px;line-height:55px;color:#a7a7a7;}
.wap_nav_list .wap_two_nav li + li{border-top:1px solid #999}
.wap_icon{position:absolute;right:0;height:55px;width:55px;background:url(../images/arrow-bottom.png) no-repeat center;top:0;background-size: 20px;}
.wap_icon.active{background-image:url(../images/arrow-top.png);}
.wap_head{
    display: none;
    height: 50px;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 990;
}
.wrap_show{width:50px;height:50px;position:absolute;right:0;top:0;background:#28318C url(../images/wap_menu.png) no-repeat center;background-size:50%}
.wap_head img{
    margin-top:12px;
    margin-left: 5px;
    max-height:100%;
}
.wap_head_zw{display:none;}
/*  */
.footer_top .left{width:33%;float:left;height:115px;background:#001F5F;padding-left:100px;font-size:36px;color:#fff;line-height:115px;}
.footer_top .right{width:67%;float:left;height:115px;background:#EFEFEF;padding:30px 0;}
.footer_top .right li{width:25%;float:left;}
.footer_top .right li + li{border-left:1px solid #9F9F9F}
.footer_top .right li a{display:flex;align-items: center;justify-content: center;}
.footer_top .right li .icon{width:60px;height:60px;border-radius:50%;border:1px solid #9F9F9F;background:#fff;margin-right:10px;transition: ease-in-out 0.5s;}
.footer_top .right li .text{font-size:18px;color:#333;}
.footer_top .right li:hover .icon{background:#001F5F;border-color:#001F5F;transition: ease-in-out 0.5s;}
/*  */
footer .top{background:#202020;padding-top:40px;}
footer .top .left{float:left;}
footer .top .left dl{float:left;margin-right:25px;}
footer .top .left dt{font-size:18px;color:#fff;margin-bottom:20px;font-weight:normal}
footer .top .left dd {line-height:30px;}
footer .top .left dd a{display:block;color:rgba(255,255,255,0.5);font-size:14px;}
footer .top .right{width:385px;float:right;}
footer .top .right dt{padding-left:120px;background-repeat:no-repeat;background-position: left center;background-size:105px;min-height:105px;}
footer .top .right dt p{font-size:18px;color:rgba(255,255,255,0.5);font-weight: normal;padding-top:15px;}
footer .top .right dt h4{font-size:28px;color:#fff;font-weight:bold;border-bottom:1px solid #fff;padding-bottom:25px;margin-top:5px;}
footer .top .right dd {margin-top:20px;}
footer .top .right dd p{line-height:35px;font-size:14px;color:rgba(255,255,255,0.5);}
footer .center{padding:35px 0;background:#202020;border-top:1px solid #333;}
footer .center dt,
footer .center dd{float:left;color:rgba(255,255,255,0.5);font-size:14px;margin-right:10px;display:inline-block}
footer .center dd a{color:inherit}
footer .bottom{background:#000;padding:15px 0;color:rgba(255,255,255,0.5);}
footer .bottom .left{float:left;}
footer .bottom .right{float:right;}
/*  */
.banners{position: relative;}
.n_classify{height:80px;border-top:1px solid rgba(255,255,255,0.5);position: static;bottom:0;left:0;text-align:center;width:100%;background:#fff;}
.n_classify ul{display:flex;justify-content: center;}
.n_classify li{min-width:245px;text-align:center;display:inline-block;transition:ease-in-out 0.5s;font-size:17px;color:#001F5F;}
.n_classify li a{display:block;line-height:80px;color:inherit;}
.n_classify li.on,.n_classify li:hover{background:#001F5F;transition:ease-in-out 0.5s;color:#fff;}
/*  */
#detail{padding:50px 0;}
#detail_title{font-size:24px;font-weight:bold;color:#001F5F}
#detail_content{padding:30px 15px;background:#fff;}
#detail_info{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd;margin-top:15px;color:#666}
#article{}
/*  */
.more{display:block;width:160px;height:50px;border-radius:10px;background:#979797;text-align:center;font-size:15px;color:#fff;display:block;margin:20px auto 0;line-height:50px;}
.more:hover {color:#fff;background:#001F5F;transition: ease-in-out 0.5s;}
/*  */
.list_title{font-size:44px;color:#333333;text-align:center;margin-bottom:40px;}
.loading{display:block;width:180px;line-height:60px;background:#001F5F;text-align:center;margin:60px auto 0;border-radius:50px;color:#fff;}
/*  */
.box1{background-color: rgba(3,43,98,0.8);box-sizing: border-box;position: fixed;width: 100%; z-index: 99;}
.head{height: auto;width: 100%;margin:0 auto;box-sizing: border-box;display: flex;flex-direction: row;padding: 10px 100px}
.head .h-log{width: 10%;height: auto;}
.head.h-log img{width: 100%;height: auto}
.head ul{width: 70%;height: auto;list-style: none;box-sizing: border-box;display: flex;flex-direction: row;align-items: flex-end;text-align: center;padding: 0 0 0 160px}
.head ul li{height: auto;width: 16.66%;line-height: 20px;font-size: 15px;display: flex;align-items: center;justify-content: center;height: 100%; }
.head ul li a{text-decoration: none;color: white;}
.head .hd-ft{width: 100px;height: auto;display: flex;justify-content: center;align-items: center;font-size: 18px;line-height: 18px;position: absolute;right:0;top:0;height:100%;}
.head .hd-ft a{text-decoration: none;color: white}
.head .rs{width: 150px;height: auto;display: flex;flex-direction: row;justify-content: center;align-items: center;position: absolute;right:100px;top:0;height:100%;}
.head .rs .input{width: 100%;height: 25px;visibility: hidden;}
.head .rs .button{width: 40px;height: 40px;background-image: url("../images/03.png");background-repeat: no-repeat;background-position: center;background-color: rgba(48, 68, 97, 0);}
.head .rs:hover .input{visibility: visible;}
/* #mySidenav{display: none} */
.mySidenav.on{}
.head .op{display: none;width:50px;height:100%;box-sizing: border-box;position: absolute;right:0;top:0;text-align:center;}
.head .sidenav {height: 100%;width:60%;position: fixed;z-index: 1;top: 0;left:-100%;background-color: #111;overflow-x: hidden;transition: 0.5s;padding-top: 60px;transition: all 0.5s;}
.head .sidenav.on{left:0;transition: all 0.5s;}
.head .sidenav a {padding: 8px 8px 8px 32px;text-decoration: none;font-size: 18px;color: #fff;display: block;transition: 0.3s;}
.head .sidenav a:hover, .offcanvas a:focus{color: #f1f1f1;}
.head .sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 36px;margin-left: 50px;}
.mask{position: fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.5);z-index:5;display:none;}
/*  */
.button{display: none;}
.input{visibility: hidden;}
.search_icon{width:32px;height:32px;background-color: rgba(3,43,98,0);}
/*  */

.box7{width: 100%;height: auto;background-color: rgb(51,51,51)}
.box7 .contains{width:1340px;height: auto;margin: 0 auto;display: flex;flex-direction: row;justify-content: space-between;}
.box7 .contains .content{padding: 55px 0 60px 0;box-sizing: border-box;}
.box7 .contains .content1{display: flex;flex-direction: column;width: 30.22%;padding-left: 110px;position: relative;}
.box7 .contains .content1 .bx1{position: absolute;width: 1px;height: 43px;top: 50px;right: 0;border-right: 1px solid rgba(255,255,255,0.5);}
.box7 .contains .content1 .bx2{position: absolute;width: 1px;height: 200px;top: 93px;right: 0;border-right: 1px solid rgba(255,255,255,0.2);}
.box7 .contains .content1 .title{color: white;font-weight: bolder;position: relative;}
.box7 .contains .content1 .title .bx{position: absolute;width: 1px;border-right:1px solid white;height: 100%;}
.box7 .contains .content1 ul{list-style: none;display: flex;flex-direction: row;flex-wrap: wrap;}
.box7 .contains .content1 ul li{width: 50%;padding: 15px 0}
.box7 .contains .content1 ul li a{text-decoration: none;color: rgb(133,133,133)}
.box7 .contains .content2{padding-top: 50px;width: 39.17%;padding-left: 140px;position: relative;}
.box7 .contains .content2 .bx1{position: absolute;width: 1px;height: 43px;top: 50px;right: 0;border-right: 1px solid rgba(255,255,255,0.5);}
.box7 .contains .content2 .bx2{position: absolute;width: 1px;height: 200px;top: 93px;right: 0;border-right: 1px solid rgba(255,255,255,0.2);}
.box7 .contains .content2 p{color:rgb(133,133,133);line-height: 32px}
.box7 .contains .content2 .p1{color: white;font-weight: bolder;font-size: 14px}
.box7 .contains .content2 .phone span{font-size:24px;color: white;font-weight: bolder; }
.box7 .contains .content2 .phone{margin: 10px 0}
.box7 .contains .content3{text-align: center;display: flex;flex-direction: column;width: 30.22%;padding-left: 160px;padding-right: 95px;}
.box7 .contains .content3 p{color: white;font-size: 14px;padding-bottom: 30px;}
.box7 .content{width: 1340px;display: flex;flex-direction: row;justify-content: space-between;margin: 0 auto;padding: 30px;}
.box7 .footer{ border-top: 1px solid rgba(255,255,255,0.2);width: 100%;}
.box7 .footer p{color: rgb(133,133,133);font-size: 14px }
/* 浮窗 */
.new-float {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 50;
  width: 77px;
  height: 374px;
  margin-top: -150px;
}
.new-float li a.tit {
  width: 77px;
  height: 27px;
  padding: 0 0 0 0;
  color: #fff;
  background-position: center 2px;
  background-repeat: no-repeat;

}
.fl_ewm{display:none;position: absolute;right:0;top:0;}
.new-float li a {
  display: inline-block;
  color: #fff;
  font-size: 12px;
}
.new-float li {
  position: relative;
  width: 77px;
  height: 57px;
  margin-bottom: 1px;
  line-height: 27px;
  color: #fff;
  text-align: center;
  background:#215A9B;
}
.new-float li img{width:20px;}
.new-float li.hover {
  overflow: hidden;
  width:77px;
}
.new-float li.litel{left:-184px;transition:ease-in-out 0.5s;width:265px;}
.new-float li.litel.hover{width:77px;left:0;}
.new-float li.fif p {
  font-size: 12px;
  line-height: 28px;
}
.new-float li.fif > p{width:77px;}
.new-float li .tel {
    position: absolute;
    left: 77px;
    top: 0;
    z-index: 1;
    width: 184px;
    height: 57px;
    font: 24px/57px Arial;
    color: #fff;
    cursor: pointer;
    background:#215A9B;
    transition:ease-in-out 0.5s
}
.new-float li.ewm .fl_ewm{width:150px;height:150px;right:77px;}
.new-float li.ewm .fl_ewm img{width:100%;}
.new-float li.ewm{overflow:visible !important;}
.new-float li.ewm:hover .fl_ewm{display:block;}
@media (max-width:767px){
  .wap_head{display:block;}
  .layout{width:100%;}
  .layout_n{width:100%;}
  .header{display:none;}
  /*  */
  .lm_head_en,.lm_head_ch{font-size:20px}
  .lm_head_ch:after{width:70px;bottom:-10px;}
  .lm_head{margin:20px 0 10px;}
  .lm_head .title{font-size:22px;padding-bottom:10px;}
  /* .lm_head .title::after{width:50px;margin-left:-25px;} */
  .subtitle{font-size:12px;}
  /*  */
  .head .op{display: block;text-align:right;padding-right:5px;color:#fff;}
  .head{padding: 5px}
  .head .h-log{width: 20%}
  .head .h-log img{width: 100%;height: auto}
  .head ul{padding: 0;width: 60%;display: none}
  .head ul li{font-size: 12px}
  .head .rs{padding:0;margin: 0 auto;width: 30%;}
  .head .hd-ft a{font-size: 12px}
  .head .hd-ft{margin-left: 0}

  .head .rs .input{visibility: visible;}
  #mySidenav{display: block;}
  .box2 .banners{z-index: 0}
  /*  */
  .box7 .contains{width: 100%;flex-direction: column;padding:10px;}
  .box7 .contains .content{width: 100%;padding:0}
  .box7 .contains .content1{padding-top: 10px}
  .box7 .contains .content1 p{text-align: left;font-size: 14px}
  .box7 .contains .content1 ul{text-align: center;padding: 5px 0;border:none;}
  .box7 .contains .content1 ul li{padding: 5px 0;width:25%;text-align:left;}
  .box7 .contains .content1 ul li a{font-size: 12px}
  .box7 .contains .content2{padding-top: 10px}
  .box7 .contains .content2 .p1{text-align: center}
  .box7 .contains .content2 .phone{text-align: center}
  .box7 .contains .content2 .phone span{font-size: 20px}
  .box7 .contains .content2 p{font-size: 14px;text-align: center}
  .box7 .contains .content3{padding-top: 10px}
  .box7 .footer{width: 100%;flex-direction: column;text-align: center;padding: 0}
  .box7 .footer p{font-size: 12px}
  .box7 .content{padding:0;width:100%;}
  .box7 .contains .content2 .p1{display:none;}
  .box7 .contains .content2 .add{padding:0;border:none;margin:0 auto;}
  .box7 .content{flex-wrap:wrap;padding:10px 0;}
  .box7 .footer p{width:100%;padding:5px 0;}
  .box7 .bx1{display: none;}
  .box7 .bx2{display: none;}
  /*  */
  #detail{padding:0 0;}
  #detail_title{font-size:16px;}
  #detail_info{margin:5px 0;padding-bottom:5px;font-size:10px;}
  /*  */
  footer .top,footer .center{display:none;}
  footer .bottom .left,footer .bottom .right{float:none;width:100%;text-align:center;font-size:8px;}
}
@media screen and (max-width:991px) and (min-width:768px){
  .layout,.layout_n{width:100%;}
} 
@media screen and (min-width:992px) and (max-width:1200px){
  .layout,.layout_n{width:100%;}
} 
@media (min-width:1200px) and (max-width:1600px){
  .layout{width:1300px}
  .header .content{padding-left:50px;padding-right:50px;}
  /*  */
  .header .nav_box .list li a{font-size:16px;padding:0 10px;}
  /*  */
  footer .center{padding:15px 0;}
}

@media (min-width: 767px) and (max-width: 991px) {
   .head{padding: 10px}
   .head .h-log{overflow: visible}
   .head .h-log img{width: 100%;height: auto}
   .head ul{padding: 0 5px}
   .head ul li{padding: 10px 0}
   .head .rs{right: 35px;width: 130px;}
   .head .rs .input{visibility: visible;}
   .head .hd-ft{width: 30px;}
   .box3{width: 100%;padding: 10px}
   .box3-ft .pic{margin-left: 90px}

   .box4 .bans{width: 100%;}
   .box4 .bans .banners p{font-size: 14px;width: 50%;}
   .box5 ul{width: 100%;padding-top: 0}
   .box5 .content .contain{width: 100%;}
   .box6{padding-bottom: 10px}
   .box6 .news{width: 90%;flex-direction: column}
   .box6 .news .title{width: 100%}
   .box6 .news .ny{width: 100%}
   .box6 .a1{margin: 20px auto}
   .box7 .contains{width: 100%;padding-left: 0;}
   .box7 .contains .content3{width: 21%}
   .box7 .contains .content2{width: 45%}
   .box7 .contains .content{width: 100%;padding: 30px;}
   .box7 .content{width: 100%;}
   .box7 .contains .content{width: 30%;}
   .box7 .contains .content1 ul{text-align: center;padding: 5px;border-right: none;}
   .box7 .contains .content2 .add{border-right: none;}
   .box7 .contains .content3{justify-content: center;}
   .box7 .bx1{display: none;}
   .box7 .bx2{display: none;}


}