/*-----------------[åˆå§‹åŒ–]--------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; }
table{border-collapse:collapse; border-spacing:0; } 
fieldset,img{border:0; }
ol,ul{list-style:none; }
caption,th{text-align:left; } 
q:before,q:after{content:''; } 
abbr,acronym{border:0; } 
a{text-decoration:none; } 
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.l,.col-l,.col_l,.col-c,.col_c{float:left; }
 .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } 
.dn{display:none; }  

*,*:before,*:after {
    margin: 0;
    padding: 0;
   
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
body {color: #333;font-size: 14px;line-height: 1.5;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
    -webkit-font-smoothing: antialiased;}
img {border: none;}
input,textarea,select {font-size: 14px;color: #333;font-family: "Arial";border: none;}
input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],input[type='checkbox'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
::-ms-input-placeholder {color: #999;}
select::-ms-expand {display: none;}
a {color: #333;text-decoration: none;}
.img-cover{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-contain{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.wp {margin: 0 auto;width: 1400px;}

/*******************************
    -------[=å¤´éƒ¨]-------
********************************/
.menu{
  height: 117px;
}
.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background-color: #fff;
    transition: all .3s;
    padding: 0 6.25vw;
}
.header.fixed{
  background: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.header .img1{
  display: none;
}
body.index .header .img1,
body.index .header.fixed .img2
{
  display: block;
}
body.index .header .img2,
body.index .header.fixed .img1{
 display: none;
}
body.index .header {
  background: url(../images/hdbg.png) no-repeat;
}
body.index .header.fixed{
  background: #fff;
}

body.index  .header.fixed .nav li .v1{
  color:#333;
}

.logo{width:442px;float:left;margin:22px 0 31px;height:64px;display:block;overflow:hidden;text-indent:-1000em;font-size:14px;color:#fff;background:url(../images/logo2.png) no-repeat left center;background-size:auto 100%;}
body.index .header .logo{background:url(../images/logo.png) no-repeat left center;background-size:auto 100%;}
body.index .header.fixed .logo{background:url(../images/logo2.png) no-repeat left center;background-size:auto 100%;}
/*.logo{
    float: left;
    overflow: hidden;
    line-height:117px;
}
.logo img{
 display: block;
 margin-top: 22px;
 max-width: 100%;
 height: auto;
}*/
.nav {
    float: right;
    position: relative;
}
.nav li{
    float: left;
    
}
.nav li .v1{
    font-size: 16px;
    color:#333;
    display: block;
    margin:0 20px;
    line-height:117px;
}
 body.index .nav li .v1{
  color:#fff;
 }
.nav li:hover .v1{
  color: #00379D;
}
.nav li .sub{
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 9;
  padding: 30px 65px;
  width: 1141px;
  height: 324px;
  background-color: #efefef;
  overflow: hidden;
}
.nav li .sub .txt{
  float: left;
  overflow: hidden;
  width: calc(100% - 354px);
}
.nav li .sub .pic{
  float: right;
  width: 354px;
  height: 242px;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.nav li .sub .p1{
  background-image: url(../images/sel1.jpg);
}
.nav li .sub .p2{
  background-image: url(../images/sel2.jpg);
}
.nav li .sub .p3{
  background-image: url(../images/sel3.jpg);
}
.nav li .sub .p4{
  background-image: url(../images/sel4.jpg);
}
.nav li .sub .p5{
  background-image: url(../images/sel6.jpg);
}

.nav li .sub .txt a{
  display: block;
  width: 50%;
  float: left;
  font-size: 14px;
  color:#444444;
  line-height: 2.07;
  padding-left: 14px;
  background: url(../images/ico40.png) no-repeat left center;
}

.nav li em{
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 19px;
  margin-right: 20px;
  background: url(../images/ico47.png) no-repeat;
}
body.index .nav li em{
  background-image: url(../images/ico2.png);
}
body.index  .header.fixed .nav li em{
  background-image: url(../images/ico47.png);
}
.menuBtn{
    display: none;
    position: fixed;
    top: 16px;
    right: 12px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 4px;background-color: #00379D;
    margin: 4px 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 0px;top: 50%;margin-top: -5px;width: 30px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}
 
.banner{
  height: 0;
  overflow: hidden;
}
.banner .swiper-slide a{
    display: block;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    height: 33vw;

}
.banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{
  bottom: 1.46vw;
  }
.banner.swiper-container .swiper-pagination-bullet{width: 13px;
height: 13px;background-color: #fff;display: inline-block;
border:none; font-size:0;cursor:pointer;border-radius: 50%;opacity:1;}
.banner.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 35px;border-radius: 20px;}
.banvideo{
  height: 47.14vw;
  position: relative;
  margin-top: -117px;
}
.banvideo::after{
  content:'';
  display: block;
  position: absolute;
  top: 13.54vw;
  left: 0;
  right: 0;
  margin:0 auto;
  width: 49.48vw;
  height: 12.4vw;
  background: url(../images/bantxt.png) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.js-btnbom{
  position: absolute;
  bottom: 9.9vw;
  left: 0;
  right: 0;
  margin:0 auto;
  width: 21px;
  height: 50px;
  background: url(../images/ico1.png) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  animation:start 3s infinite alternate; 
}
@keyframes start{
0%,100%{-webkit-transform:translateY(0)}
50%{opacity:.8;-webkit-transform:translateY(-30px);}
}
.banvideo video{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.g-tit{
    text-align: center;
    overflow: hidden;
    margin-bottom: 2.1vw;
}
.g-tit .en{
  font-size: 4.79vw;
  line-height: 4.79vw;
  font-family: Impact;
  text-transform: uppercase;
  color:rgba(51, 51, 51, .08);
}
.g-tit .cn{
  color:#333333;
  font-size: 42px;
  line-height: 42px;
  margin-top: -36px;
  font-weight: bold;
}
.g-tit .tit{
  color:#333333;
  font-size: 42px;
  line-height: 42px;
  font-weight: bold;
  margin-bottom: 20px;
}
.g-tit .desc{
    font-size: 16px;
    color:#666;
}
.row1{
  overflow: hidden;
  padding: 39px 0 78px;
  background: url(../images/pic22.jpg) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.row1 .info{
  font-size: 17px;
  line-height: 1.88;
  color:#333;
  overflow: hidden;
  margin-bottom: 36px;
}
.row1 .info p{
  text-indent: 2em;
}
.ul-num{
  margin-bottom: 3.8vw;
  overflow: hidden;
}
.ul-num li{
  text-align: center;
  float: left;
  width: 25%;
}
.ul-num .num span{
  font-size: 51px;
  color:#0131A0;
  font-family: Impact;
  position: relative;
  margin-right: 10px;
}

.ul-num li:first-child .num span::after{
  display: none;
}
.ul-num .num{
  font-size: 16px;
  color:#0131A0;
  margin-bottom: 14px;
}
.ul-num p{
  display: inline-block;
  vertical-align: top ;
  font-size: 20px;
  position: relative;
  top: 0;
}
.ul-num .desc{
  font-size: 18px;
  color:#646464;
}
.ul-list1{
    overflow: hidden;
}
.ul-list1 li{
    width: 25%;
    float: left;
    position: relative;
}
.ul-list1 .pic{
    position: relative;
    height: 0;
    padding-top: 77%;
    overflow: hidden;
}
.ul-list1 .pic img{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ul-list1 .txt{
    position: absolute;
    left: 52px;
    right: 52px;
    top: 58px;
    z-index: 2;
    color:#fff;
    font-size: 13px;
    line-height: 1.92;
}
.ul-list1 .txt .tit{
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 6px;
}
.ul-list1 .line{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(1, 49, 160, .88);
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
    opacity: 0;
}
.ul-list1 li:hover .line{
    opacity: 1;
}
.row2{
  overflow: hidden;
  padding: 58px 0;
}
.ul-dots:after{
    content: '';
    display: block;
    clear:both;
    visibility: hidden;
    width: 100%;
    height: 0;
}
.ul-dots li{
  width: 33.33%;
  float: left;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color:#555555;
  padding-bottom: 20px;
  cursor: pointer;
  position: relative;
}
.ul-dots .ico{ 
  margin-bottom: 11px;
  background-repeat: no-repeat;
  background-position: center ;
  -webkit-background-size: contain;
  background-size: contain;
  height: 57px;
}
.ul-dots .i1{
  background-image: url(../images/ico7.png);
}
.ul-dots .i2{
  background-image: url(../images/ico6.png);
}
.ul-dots .i3{
  background-image: url(../images/ico5.png);
}
.ul-dots .on .i1{
  background-image: url(../images/ico4.png);
}
.ul-dots .on .i2{
  background-image: url(../images/ico9.png);
}
.ul-dots .on .i3{
  background-image: url(../images/ico8.png);
}
.ul-dots .on {
  color:#0C4DA2;
}
.ul-dots .on::after{
  content:'';
  display: block;
  position: absolute;
  bottom:-12px;
  left: 0;
  right: 0;
  margin:0 auto;
  width: 27px;
  height: 12px;
  background: url(../images/ico-41.png) no-repeat;
  z-index: 3;
}
.gtab .item{
  height: 35vw;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding-top: 8.85vw;
}
.gtab .tit{
  height: 51px;
  margin-bottom: 2.08vw;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}
.gtab .link{
  overflow: hidden;
}
.gtab .link a{
  display: block;
  float: left;
  width: 157px;
  height: 49px;
  font-size: 15px;
  text-align: center;
}
.gtab .link a:first-child{
  line-height: 49px;
  background: #0131A0;
  color:#fff;
  margin-right: 21px;
}
.gtab .link a:last-child{
  line-height: 47px;
  border:2px solid #0C4DA2;
  color:#0C4DA2;
}
.g-box1{
  overflow: hidden;
  margin-bottom: 3.44vw;
}
.g-box1 .en{

  font-size: 3.13vw;
  line-height: 3.13vw;
  color:#E7E7E7;
  font-family: Impact;
  text-transform: uppercase;
  text-align: center;
}
.row4{
  overflow: hidden;
  padding: 90px 0 0;
}
.ul-dot2{
  overflow: hidden;
  float: right;
  padding-top: 40px;
}
.ul-dot2 li{
  float: left;
}
.ul-dot2 .con{
  width: 190px;
  height: 48px;
  text-align: center;
  line-height: 47px;
  border: 1px solid #D4D4D4;
  background: #fff;
  margin-left: 17px;
  display: block;
  color:#333;
  border-radius: 30px;
}
.ul-dot2 .on .con{
  background: #0131A0;
  color:#fff;
  border-color: #0131A0;
}
.slidervideo .pic{
  position: relative;
  height: 0;
  overflow: hidden;
  padding-top: 75%;
  cursor: pointer;
}
.slidervideo  .ico{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 109px;
  height: 109px;
  background: url(../images/ico10.png) no-repeat;
}
.slidervideo .tit{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  line-height: 61px;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  color:#fff;
  font-size: 18px;
}
.swiper-container.slidervideo{
  padding-bottom: 4.53vw;
  position: relative;
}
.slidervideo .swiper-button-prev{
  bottom: 0;
  margin-top: 0;
  top: auto;
  width: 23.49vw;
  height: 1.77vw;
  background: url(../images/ico14.png) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.slidervideo .swiper-button-next{
  bottom: 0;
  margin-top: 0;
  top: auto;
  width: 23.49vw;
  height: 1.77vw;
  background: url(../images/ico15.png) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.ul-list2{
    overflow: hidden;
}
.ul-list2 .swiper-slide{
 transition: all .3s;
}
.ul-list2 .con{
  display: block;
  height: 42.08vw;
  border-right: 1px solid #fff;
  padding: 11.54vw 2.55vw 0; 
  color:#fff;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  text-align: center;

}
.ul-list2 .swiper-slide:hover .icon{
  transform:rotate(-360deg);
}
.ul-list2 .icon{
    height: 94px;
    margin-bottom: 28px;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s;
}
.ul-list2 .icon.i1{
  background-image: url(../images/ico16.png);
}
.ul-list2 .icon.i2{
  background-image: url(../images/ico17.png);
}
.ul-list2 .icon.i3{
  background-image: url(../images/ico18.png);
}
.ul-list2 .icon.i4{
  background-image: url(../images/ico19.png);
}
.ul-list2 .desc{
    font-size: 17px;
    color:#FFFFFF;
    line-height: 1.65;
    height: 0;
    overflow: hidden;
    margin-bottom: 30px;
    transition: all .3s;
}
.ul-list2 .swiper-slide:hover .desc{
    height: auto;
}
.ul-list2 .tit .cn{
    font-weight: bold;
    font-size: 34px;
    margin-bottom: 8px;
}
.ul-list2 .tit .en{
  font-size: 16px;
  text-transform: uppercase;
  color:rgba(255, 255, 255, 0.19);
  margin-bottom: 30px;
}
.ul-list2 .more{
    margin:0 auto;
    width: 40px;
    height: 40px;
    background: url(../images/ico12.png) no-repeat;
}
.m-hzhb .top{
  overflow: hidden;
}
.m-hzhb .title{
  padding-left: 24px;
  border-left: 2px solid #085DAD;
  margin-bottom: 2.6vw;
  float: left;
}
.m-hzhb .title .cn{
  font-size: 42px;
  color:#333333;
  font-weight: bold;
  line-height: 1.1;
  margin-bottom: 10px;
} 
.m-hzhb .title .cn span{
  color:#085DAD;
}
.m-hzhb .title .en{
  font-size: 38px;
  line-height: 1.1;
  font-weight: bold;
  color:#333333;
  text-transform: uppercase;
}
.sliderhb .swiper-slide{
  line-height: 136px;
  text-align: center;
  background-color: #fff;
}
.sliderhb .swiper-slide img{
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}
.sliderhb.swiper-container {
   border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
}
.sliderhb .swiper-slide{
  border-bottom: 1px solid #dedede;
  border-right: 1px solid #dedede;
}
.hzhbslider{
  position: relative;
}
.hzhbslider .swiper-button-prev{
  position: absolute;
  width: 47px;
  height: 47px;
  right: 50px;
  left:auto;
  top: 45px;
  margin-top: 0;
  background: url(../images/pic-15.jpg) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.hzhbslider .swiper-button-next{
  position: absolute;
  width: 47px;
  height: 47px;
  right: 0;
  left:auto;
  top: 45px;
  margin-top: 0;
  background: url(../images/pic-16.jpg) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.row5{
  overflow: hidden;
  padding: 50px 0;
}
.m-hzhb{
  overflow: hidden;
  position: relative;
}
.row6{
  overflow: hidden;
  background: #e7f1f3;
  padding: 50px 0;
}
.m-news{
  overflow: hidden;
}
.firstnew{
  float: left;
  width: 686px;
  margin-right: 26px;
}
.firstnew .pic{
  height: 272px;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}

.firstnew .txt{
  background: #fff;
  height: 248px;
  padding: 34px 40px 0;
}
.firstnew .tit{
  font-size: 21px;
  font-weight: bold;
  color:#000000;
  margin-bottom: 15px;
}
.firstnew .time{
  font-size: 12px;
  color:#A2A2A2;
  padding-left: 24px;
  margin-bottom: 9px;
  background: url(../images/ico20.png) no-repeat left center;
}
.firstnew .desc{
  font-size: 14px;
  color:#777777;
  line-height: 1.71;
  margin-bottom: 24px;
  display: -webkit-box;  
  overflow: hidden;  
  text-overflow: ellipsis;  
  word-break: break-all;  
  -webkit-box-orient: vertical;  
  -webkit-line-clamp: 2;
}
 .firstnew .more{
  font-size: 16px;
  color:#000000;
  line-height: 26px;
  padding-left: 50px;
  text-transform: uppercase;
  background: url(../images/pic16.jpg) no-repeat left center;
 }
 .ul-new{
  overflow: hidden;
  margin:0 -15px;
 }
.ul-new li{
  width: 50%;
  float: left;
}
.ul-new .con{
  margin:0 15px;
  display: block;
  margin-bottom: 10px;
}
.ul-new .pic{
  position: relative;
  overflow: hidden;
  height: 254px;
}
.ul-new .lin{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}
.ul-new .txt{
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  color:#fff;
}
.ul-new .txt .tit{
  font-size: 18px;
  line-height: 1.44;
  font-weight: bold;
  margin-bottom: 6px;
}
.ul-new .txt .time{
  font-size: 12px;
  color:#A2A2A2;
  padding-left: 25px;
  background: url(../images/ico21.png) no-repeat left center;
}
/**hotnew**/
#footer .footer{
  
}
.footer{
  background: #2c2c2c;
  overflow: hidden;
  padding: 3.6vw 0 2vw;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.info-l{
  float: left;
}
.info-l .top{
  overflow: hidden;
}
.info-l  dl{
  float: left;
  margin-right: 4.48vw;
}
.info-l dt,.info-l dt a{
  color:#fff;
  font-size: 24px;
  display: block;
  margin-bottom: 27px;
}
.info-l  dd a{
  display: block;
  font-size: 14px;
  color:#999999;
  line-height: 2.29;
}
.footer .address{
  float: left;
  width: 390px;
  margin-right: 8.18vw;
}
.footer .address .img{
 
  height:65px;
  background: url(../images/logo.png) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  margin-bottom: 20px;
}
.footer .address .desc{
  color:#999999;
  font-size: 14px;
  line-height: 2.29;
  margin-bottom: 21px;
}
.footer .address .desc p{
  padding-left: 25px;
  background-repeat: no-repeat;
  background-position: left top 10px;
  
}
.footer .qr{
  overflow: hidden;
  text-align: center;
  font-size: 14px;
  color:#7F7F7F;
  float: right;

}
.footer .qr .img{
  width: 153px;
  height: 153px;
  float: right;
  overflow: hidden;
  margin-bottom: 20px;
}
.footer .qr .img img{
  display: block;
  width: 100%;
  height: 100%;
}
.footer .qr p{
  clear:right;
  text-align: right;
   margin-bottom: 20px;
}
.copy{
  overflow: hidden;
  background: #2c2c2c;
  padding: 20px 0;
}
.copy span,.copy a{
  display: inline-block;
  font-size: 14px;
  color:#999999;
  line-height: 2;
}
.copy .r{
  overflow: hidden;
}
.copy .r p{
  float: left;
  line-height: 70px;
  font-size: 14px;
  color:#7F7F7F;
  margin-right: 19px;
}
.copy .js-top{
  float: right;
  width: 70px;
  height: 70px;
  background: url(../images/pic18.jpg) no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
}
.links{
  overflow: hidden;
  background: #2c2c2c;
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.links  a,
.links  span{
  font-size: 14px;
  display: inline-block;
  color:#fff;
  margin-right: 14px;
}
.so{
  overflow: hidden;
width: 241px;
}
.so .t1{
  float: left;
  display: block;
  width: 190px;
  height: 47px;
  padding: 0 10px;
  color:#fff;
  background: #323232;
}
.so .t2{
  display: block;
  height: 47px;
  width: 50px;
  float: left;
  font-size: 0;
  background: url(../images/pic21.jpg) no-repeat;
  cursor: pointer;
}
/***footer**/
/*#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;display: none;}
#floatBottom a{width:33.333%;height:53px;display:block;float:left;position:relative;font-size: 14px;color:#fff;text-align: center;padding-bottom: 4px;}
#floatBottom a img{
    display: block;
    margin:4px auto 2px;
    height: 25px;
}
#floatBottom .ewm{width:87px;height:83px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}*/
/***header footer g-title**/
@media only screen and (max-width: 1850px) {
.header{padding: 0 50px;}
.nav li .v1{margin: 0 10px;}
}
@media only screen and (max-width: 1560px) {
.header{padding: 0 15px;}

 .logo{width: 290px;height:42px;margin:14px 0 24px;}
 .nav li .v1{line-height: 80px;font-size: 14px;}
 .banvideo{margin-top: -80px;}
 .g-tit .cn{font-size: 38px;}
.row1 .info{font-size: 16px;}
.row1 .info{margin-bottom: 26px;}
.ul-num .num {margin-bottom: 0;}
.ul-num .num span{font-size: 42px;}
.ul-num p{top: 0;font-size: 18px;}
.ul-list1 .txt{left: 15px;right: 15px;}
.ul-list2 .tit .cn{font-size: 28px;}
.g-tit .tit{font-size: 32px;margin-bottom: 6px;line-height: 100%;}
.m-hzhb .title .cn{font-size: 36px;}
.m-hzhb .title .en{font-size: 32px;}
.gtab .tit{height: 38px;}
.footer .address{margin-right: 50px;}

.menu{height: 80px;}
}
@media only screen and (max-width: 1500px) {
  .wp{width: 1300px;}
  .g-tit .cn{font-size: 32px;}
  .gtab .item .txt{padding-left: 50px;}
  .row1,.row2{padding: 40px 0;}
  .row4{padding-top: 40px;}
  .ul-list2 .con{padding-top: 5vw;}
  .ul-list2 .desc{font-size: 15px;}

}


@media only screen and (max-width: 1430px) {
.wp{width: 1200px;}
.firstnew{width: 550px;}
.g-tit .cn{font-size: 26px;}
.row1 .info{font-size: 14px;text-align: left;}
.g-tit .tit{font-size: 26px;}
.g-box1 {margin-bottom: 10px;}
.g-box1 .en{font-size: 26px;}
.m-hzhb .title .cn{font-size: 26px;}
.m-hzhb .title .en{font-size: 22px;}
.ul-list1 .txt{top: 0;}
.ul-list1 .txt .tit{font-size: 18px;margin-bottom: 0;}
.ul-num .num span{font-size: 32px;}
.ul-num .desc{font-size: 14px;}
.ul-dot2{padding-top: 20px;}
}
@media only screen and (max-width: 1230px) {
  body{padding: 0 0 53px;}
  .wp{width: auto;padding: 0 30px;}
  .banner.swiper-container .swiper-pagination-bullet{width: 8px;height: 8px;}
  .banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{bottom:5px;}
.firstnew{display: none;}
.ul-new .con{margin:0 5px;}
.ul-new{margin:0 -5px;}
.ul-new li{margin-bottom: 10px;}
.g-tit .cn{font-size: 22px;}
.g-tit{margin-bottom: 10px;}
.g-tit .tit{font-size: 22px;}
.g-tit{margin-bottom: 16px;}
.ul-list1 .txt .tit{font-size: 20px;}
.ul-dots li{font-size: 16px;}
.m-hzhb .title .cn{font-size: 22px;}
.m-hzhb .title .en{font-size: 18px;}
.hzhbslider .swiper-button-prev,.hzhbslider .swiper-button-next{top: 0px;}
.info-l{display: none;}
.row4{padding-top: 30px;}
.row1,.row2,.row6,.row5{padding: 30px 0;}
.ul-list2 .con{height: 400px;padding-top: 30px;}
.ul-list2 .icon,.ul-dots .ico{height: 40px;-webkit-background-size: contain;
background-size: contain;margin-bottom: 10px;}
.ul-list2 .con .desc{height: auto;}
.g-tit .en{display: none;}
.g-tit .cn{margin-top: 0;}
.banvideo{display: none;}
.banner{height: auto;}
.ul-dot2{padding-top: 0;}

.menu{height: 60px;}
}
@media only screen and (max-width: 1023px) {
.wp{padding: 0 15px;}
.ul-list1 li{width: 50%;}
.g-tit .desc{font-size: 14px;}
.m-hzhb .title{margin-bottom: 20px;}
} 
@media only screen and (max-width: 960px) {

}
@media only screen and (max-width: 767px) {
  
  .footer .address{float: none;margin-right: 0;width: auto;}
  .footer .address .img{width: auto;-webkit-background-size: contain;
  background-size: contain;}
  .footer .qr,.footer .qr .img,.footer .qr p{float: none;clear:left;text-align: left;}
  .ul-num li{width: 50%;}
  .ul-num li:nth-child(3){clear:left;}
  .gtab .link a{width: 120px;height: 40px;line-height: 38px;font-size: 12px;float: none;}
  .gtab .link a:first-child,.gtab .link a:last-child{line-height: 38px;}
  .gtab .link a:last-child{background-color: #fff;border-color: #fff;}
  .ul-dot2 .con{width: 100px;height: 36px;line-height: 34px;font-size: 12px;margin-left: 5px;}
}
@media only screen and (max-width: 520px) {
.gtab .tit{height: 26px;}
.gtab .item .txt{padding-left: 0;}
.ul-list1 li{width: auto;float: none;}
.ul-list1 .txt{top: 50%;-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);}
.g-tit .desc{font-size: 12px;}
.ul-dots li{font-size: 12px;}
.gtab .item{height: 200px;}
.ul-new li{width: auto;float: none;}
.so{width: 100%;}
.so .t1{width: calc(100% - 50px);}
.copy span, .copy a{font-size: 12px;}
.ul-list1 .line{opacity: 1;background: rgba(1, 49, 160, .18);}
.ul-list1 li{margin-bottom: 1px;}
.ul-num .num span{font-size: 26px;}
.ul-num p{font-size: 14px;}
.row1 .info{margin-bottom: 10px;}
}
  

/**mobile nav**/
.nav_mobile{display: none;}
@media only screen and (max-width: 1230px) {
  body.index .header{background:#FFF;}
  body.index .header .logo{background: url(../images/logo2.png) no-repeat left center;
    background-size: auto 100%;}
.nav{display: none;}
.logo{width: 220px;height: 32px;margin:14px 0;}


 .menuBtn{display: block;}
    .nav_mobile{
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 99;
        overflow: hidden;
        background: #fff;
        width: auto;
        float: none;
        padding: 0;
        display: none;
        border-top:1px solid #eee;
          
           overflow-y: scroll;
    }
    .nav_mobile ul{
     height: 800px;
    }
    .nav_mobile li{position: relative;}
    .nav_mobile li .v1{line-height: 40px;text-align: left;padding:0 20px;color:#333; border-bottom:1px solid #eee;font-size: 14px;display: block; }
    .nav_mobile li i {
        display: block;
        width: 40px;
        height: 40px;
        background-position: center center;
          position: absolute;
          right: 0;
          top: 0;
        z-index: 9;
        background: url(../images/sel.png) no-repeat center center;
        -webkit-background-size: 18px 18px;
        background-size: 18px 18px;
    }
    .nav_mobile li .sub{
      padding: 10px 0;
      background-color: #0131A0;
      display: none;
    }
    .nav_mobile li .sub a{padding-left: 20px;text-align: left;line-height: 30px;color:#fff;font-size: 14px;display: block;}
    .nav_mobile .v1{height: 40px;line-height: 40px;text-align: left;color:#333;padding-left: 10px;margin:0;overflow: hidden;}
    .nav_mobile li:hover .v1,
    .nav_mobile li.on .v1{
        background: none;
    }
    .nav_mobile li .v1::after{display: none;}
    #floatBottom{display: block;}
}
.zd{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 6px;
}
.zd span{
    color:red;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
/*视频弹出*/
#videobg{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:999999;text-align:center;}
#video{display:inline-block;padding:10px 10px 60px;width:600px;height:400px;vertical-align:middle;background:#FFF;position:relative;}
#video .videoc{width:100%;height:100%;}
#video iframe{width:100%;height:100%;}
#video p{margin:0;height:60px;line-height:60px;color:#000;}
#video span{width:40px;height:40px;background:#000;color:#FFF;font-size:20px;line-height:40px;text-align:center;position:absolute;outline:none;top:0px;right:-40px;cursor:pointer;display:block;font-family:Arial;}



.right_nav_bar {
  position: fixed;
  right: 0;
  bottom: 15px;
  z-index: 10001;
  width: 57px;
}

.right_nav_bar li {
  position: relative;
  list-style: outside none none;
  float: left;
  height: 54px;
  width: 57px;
  background-color:#0131A0;
}

.right_nav_bar li:hover .icons {
  width: auto;
  background-color:#0131A0;
  font-size: 14px;
  color: #fff;
  top: 0;
}

.right_nav_bar .icons {
  height: 54px;
  width: 57px;
  float: left;
  position: absolute;
  right: 0;
  transition: all 0.3s ease 0s;
  overflow: hidden;
  word-break: keep-all;
  white-space: nowrap;
  display: block;
}

.right_nav_bar span.title {
  padding-right: 10px;
  color: #fff;
  position: relative;
  font-size: 16px;
  top: -20px;
}

.right_nav_bar .phone-icon span.title {
  top: -18px;
  font-size: 22px;
}

.right_nav_bar i.icon {
  background-repeat: no-repeat;
  height: 54px;
  width: 57px;
  display: inline-block;
  background-position: center center;
  -webkit-background-size: 30px 30px;
  background-size: 30px 30px;
}

.black.right_nav_bar span.title {
  color: #fff;
}
.right_nav_bar .zx{

}
.right_nav_bar .wx-icon i {
  background-image: url(../images/wx.png);
}

.right_nav_bar .zixun-icon i {
  background-image: url(../images/qq.png);
}
.right_nav_bar .zx i {
  background-image: url(../images/liuyan.png);
}
.right_nav_bar .phone-icon i {
  background-image: url(../images/phone.png);
}
.right_nav_bar .top-icon i {
  background-image: url(../images/js-top.png);
}

.right_nav_bar .qr {
  position: absolute;
  left: -215px;
  top: -48px;
  width: 150px;
  height: 150px;
  display: none;
  padding: 10px;
  background-color: #fff;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
}

.right_nav_bar .qr img {
  display: block;
  width: 100%;
  height: 100%;
}

.right_nav_bar .wx:hover .qr {
  display: block;
}

.js-top {
  width: 57px;
  height: 54px;
  display: block;
  text-align: center;
  line-height: 56px;
  cursor: pointer;
}
.g-so{
  padding-top: 20px;
}
.g-so input{
  width: 100%;
  height: 45px;
  border:1px solid #eee;
  color:#333;
  padding: 0 10px;
  cursor: pointer;
  margin-bottom: 15px;
}

/*手机浮动*/
#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;display:none;}
#floatBottom a{width:25%;height:53px;line-height:53px;display:block;float:left;position:relative;}
#floatBottom a.kf1{background:url(../Image/kf1.png) no-repeat center center;}
#floatBottom a.kf2{background:url(../Image/kf2.png) no-repeat center center;}
#floatBottom a.kf3{background:url(../Image/kf3.png) no-repeat center center;}
#floatBottom a.kf4{background:url(../Image/kf4.png) no-repeat center center;}
#floatBottom .ewm{width:90px;height:90px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}
@media screen and (max-width:1230px){
	#floatBottom{display:block;}
	.right_nav_bar{display:none;}
}
/*product*/
.product{padding-bottom:50px;}
.product .p_tit{position:relative;}
.product .p_tit p{font-size:18px;line-height:28px;color:#000;}
.product .p_tit span{display:block;font-size:16px;line-height:24px;color:#b2b1b1;}
.product .p_tit a{display:block;color:#fff;font-size:14px;width:131px;height:40px;line-height:40px;background:#0131A0;text-align:center;border-radius:15px;position:absolute;right:0;top:6px;}
.product .p_ul{margin-top:30px;padding:0 70px;position:relative;}
.product .p_ul .p_li{width:100%;overflow:hidden;}
.product .p_ul .p_li .p_img{width:100%;padding-bottom:75%;position:relative;border:1px solid #DDD;}
.product .p_ul .p_li .p_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;}
.product .p_ul .p_li p{color #000;font-size:16px;display:block;font-weight:normal;line-height:40px;}
.product .p_ul .swiper-button-prev,.product .p_ul .swiper-button-next{width:50px;height:75px;margin-top:-49px;outline:none;background-size:70% auto;opacity:1;}
.product .p_ul .swiper-button-prev{background-image:url(../images/icon3.png);left:0;}
.product .p_ul .swiper-button-next{background-image:url(../images/icon.png);right:0;}
@media screen and (max-width:1500px){
    .product{padding-bottom:40px;}
    .product .p_ul{margin-top:25px;}
}
@media screen and (max-width:1430px){
    .product{padding-bottom:30px;}
    .product .p_tit p{font-size:16px;line-height:26px;font-weight:bold;}
    .product .p_tit span{font-size:14px;line-height:20px;}
    .product .p_tit a{width:120px;height:36px;line-height:36px;top:5px;}
    .product .p_ul{margin-top:20px;padding:0 50px;}
    .product .p_ul .p_li p{font-size:15px;height:36px;line-height:36px;}
    .product .p_ul .swiper-button-prev,.product .p_ul .swiper-button-next{width:40px;height:60px;margin-top:-30px;}
}
@media screen and (max-width:1230px){
    .product{padding-bottom:20px;}
    .product .p_tit a{height:32px;line-height:32px;top:7px;}
    .product .p_ul{margin-top:20px;padding:0 30px;}
    .product .p_ul .p_li p{font-size:14px;height:32px;line-height:32px;}
    .product .p_ul .swiper-button-prev,.product .p_ul .swiper-button-next{width:25px;height:37px;margin-top:-19px;}
}

