body{
    font-size: 14px;
     font-family:"jxzt";
    color: #000;
    padding: 0px;
    margin: 0 auto;
    overflow-x: hidden;
}
body a {
    color: #000;
    text-decoration: none;
    transition: all ease 0.3s;
}
body li {
    list-style-type: none;
}
p, ul, li,h5,h4,h3,h2,h1 {
    padding: 0px;
    margin: 0 auto;
    list-style-type: none;
}
img, a img {
    border: 0px;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}
input{outline:none}

/*mianbaoxie------------------------------------------------*/
.dede_pages {text-align:center;margin-bottom:50px;}
.dede_pages ul {display:inline-block;margin-top:40px;}
.dede_pages ul li {width:auto;padding:0px;border:0px;background:#f9f9f9;color:#999;margin:0px;margin:0px 3px;border:solid 1px #f9f9f9;padding:4px 8px;float:left;}
.dede_pages ul li.thisclass {background:#fc6701;color:#FFF;}
.dede_pages ul li a {color:#999;}
.dede_pages ul li:hover {background:#fc6701;}
.dede_pages ul li:hover a {display:block;background:#fc6701;color:#FFF;}
/*mianbaoxie------------------------------------------------*/


/*daohang------------------------------------------------*/
.header {
    top: 0%;
    width: 100%;
    z-index: 99;
    position: absolute;
    top: 0%;
    border-bottom: solid 1px #373736;
    background: rgb(0 0 0 / 14%);
}
.headerw {
    width: 90%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 108px;
}
.headerwa {
    float: left;
    width: 20%;
}
.headerwa a{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.headerwa h1{
    font-size: 1.2vw;
    font-weight: bold;
    color: #fff;
    width: 50%;
}
.headerwa img{
    width: 50%;
}
.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    display: none;
}
.headerwb {
    float: right;
    width: 60%;
}
.headerwb ul {
    display: flex;
    width: 100%;
    margin: 0%;
}
.headerwb ul li {width: 100%;text-align: center;}
.headerwb ul li a {
    color: #fff;
    font-size: 17px;
    display: block;
    height: 107px;
    line-height: 108px;
}
.headerwb ul li:hover a{
    background: #0063da;
}
.headerwb ul li:hover ul{
    display: block;
    position: absolute;
    width: 174px;
    top: 100%;
    background: #0063da;
}
.headerwb ul li ul{
    display: none;
}
.headerwb ul li:hover ul li{
    width: 100%;
    float: none;
    position: relative;
}
.headerwb ul li:hover ul li a{
    margin: 0%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    background: #eee!important;
    color: #666!important;
    border-bottom: solid 1px #b9b9b9!important;
}

.headerwb ul li:hover ul li a:hover{
    background: #0063da;
    color: #fff;
}
.nyheader{
    position: relative;
    background: #fff;
    border-bottom: solid 1px #e2e2e2;
}
.nyheader .headerwb ul li a{
    
color: #333;
}
.nyheader .headerwb ul li:hover a{
    color: #fff;
    font-weight: 500;
    border-bottom: solid 4px #0063da;
}
.sous {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.sous img{
    padding: 12px;
    background: #0063da;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.yyqh{
    width: 38px;
    margin-left: 10px;
}
.yyqh a{
    display: block;
    background: #fff;
    height: 38px;
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
    color: #999;
}
.nyheader .yyqh a{
    display: block;
    color: #999;
    background: #333;
}
.sousw{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    z-index: 999;
    background: rgb(0 0 0 / 73%);
}

.sousw_nr{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    flex-direction: column;
}
.guanbi{
    color: #fff;
    font-size: 37px;
    margin-top: 2%;
}
 .sousw .search-form{
    width: 440px;
    height: 48px;
    background: #ff;
    border: solid 1px #e2e2e2;
    border-radius: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 21px;
    background: #fff;
}
.sousw .input-keyword{
    background: none;
    border: 0;
    color: #999;
}
 .sousw .search-btn{
    border: 0px;
    background: none;
    width: 29px;
    height: 29px;
    background: url(../images/sousa.jpg) center;
    color: #0000;
    background-repeat: no-repeat;
}
.nyheader .sous{
   
}

/*daohang------------------------------------------------*/
/*banner-------------------------------------------------*/
.yousitu{}
.yousitu img{
    width: 100%;
}
.banner{width:100%;}
.banner a{
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner img{
    width: 100%;
}
/*banner-------------------------------------------------*/
/*fudongkefu------------------------------------------------*/
.fh_kf{
    position: fixed;
    right: 1%;
    bottom: 2%;
    z-index: 99;
}
.fh_kf .tba{
    width: 70px;
    background: #0063da;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 4%;
    padding: 9px 0px;
    position: relative;
}
.fh_kf .tba .dh{
    display: none;
    position: absolute;
    right: 71px;
    top: 0%;
    background: #0063da;
    color: #fff;
    width: 140px;
    height: 69px;
    border-radius: 5px;
    line-height: 69px;
    font-size: 16px;
}
.fh_kf .tba:hover .dh{
    display: block;
}
.fh_kf .tba img{
}
.fh_kf .tba span{
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px;
}

.tba .gzhwx {
    top: 0%;
    right: 70px;
    position: absolute;
    z-index: 99;
    display: none;
}
.tba:hover .gzhwx {
    display: block;
}
.fh_kf .tbb{
    background: #2b4695;
    width: 70px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 15px 20px;
    border-radius: 5px;
    margin-bottom: 4%;
}
.fh_kf .tbc{
    background: #333;
    width: 70px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 15px 20px;
    border-radius: 5px;
    margin-bottom: 4%;
}
/*fudongkefu------------------------------------------------*/


/*jinchangxiaoguo----------------------------------------------*/
.frtop{
        opacity: 0;
    transform: translatey(100%);
    transition: all .5s ease-out;
}
.started .frtop {
    opacity: 1;
    transform: none;
}
.frleft{
    transform: translate(-200%);
    opacity: 0;
    transition: all .75s ease-out;
}
.frright{
    transform: translate(200%);
    opacity: 0;
    transition: all .75s ease-out;
}
.started .frleft {
    opacity: 1;
    transform: none;
}
.started .frright {
    opacity: 1;
    transform: none;
}
.w1400 {
    width: 1400px;
    margin: 0 auto;
    overflow: hidden;
}
.p100{
    padding: 100px 0px;
}
/*jinchangxiaoguo----------------------------------------------*/


.fly{
    text-align: right;
    width: 1200px;
    margin: 0 auto;
    margin-bottom: 47px;
}
.page-status,.page-index,.page-last{
    
display: none;
}
.page-pre,.page-next{
    display: inline-block;
    padding-right: 20px;
    padding-left: 20px;
    height: 30px;
    background-color: #ddd;
    line-height: 30px;
}
.page-pre:hover,.page-next:hover{
    background-color: #0096ed;
}
.page-pre:hover a,.page-next:hover a{
     color: #fff;
}
.page-pre a,.page-next a{
    display: block;
    color: #fff;
}
{
    display: inline-block;
}
.page-next a{}
.page-numbar{
    display: inline-block;
    margin: 0px 3px;
}
.page-numbar a{
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    margin: 0px 2px;
    background: #f9f9f9;
    line-height: 30px;
    color: #999;
}
.page-numbar a:hover{
     background-color: #0096ed;
     color: #fff;
}

.souym{
    background: #f2f2f2;
    padding: 60px 0px;
}
.souym ul{
    width: 1000px;
    margin: 0 auto;
    background: #fff;
    padding: 50px;
}
.souym ul li{
    border-bottom: solid 1px #eee;
    overflow: hidden;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.souym ul li .img{
    float: left;
    width: 300px;
}
.souym ul li .img img{
    width: 100%;
}
.souym ul li .nr{
    float: left;
    margin-left: 25px;
    margin-top: 15px;
}
.souym ul li .nr h2{
    font-weight: bold;
    font-size: 16px;
}
.souym ul li .nr h3{
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #666;
}
.souym ul li .nr a{
    display: block;
    background: #f5f5f5;
    text-align: center;
    width: 120px;
    border-radius: 6px;
    color: #999;
    padding: 8px 0px;
    margin-top: 19%;
}
.souym ul li:hover .nr a{
    background: #0072d1;
    color: #fff;
}
.xmhz{
    width: 1100px;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 60px;
}

.join_book>form>article>.fr{ max-width:40%;}
.join_book_wrap{width: 100%;}
.join_book_wrap>dl{margin-bottom: 1%;font-size: 16px;}
.join_book_wrap>dl>input{ display:inline-block; outline:none;}
.join_book_wrap>dl>input.ip1{width: 100%;background: #f9f9f9;border:none;padding: 1% 2%;margin-bottom: 1%;border: solid 1px #eee;}
.join_book_wrap>dl>select{cursor:pointer;width: 100%;display:inline-block;background: #f9f9f9;border:none;padding: 1.5% 2%;box-sizing:border-box;-webkit-appearance:none;color:#777;outline:none;margin-bottom: 1%;border: solid 1px #eee;}
.join_book_wrap>dl>input.ip3{width:98.8%;background:#f3f3f3;border:none;padding: 1.5% 2%;}
.join_book_wrap>dl>input.ip5{background: #333;color:#fff;cursor:pointer;line-height: 1.7;font-size:16px;padding: 1% 9%;border:none;-webkit-appearance:none;width: 100%;}
.join_book_wrap>dl>textarea.ip4{width:98.8%;background: #f9f9f9;border:none;padding: 1.5% 2%;min-height:0.5rem;outline:none;height: 200px;border: solid 1px #eee;}
.plate_video{
    width: 100%;
    overflow: hidden;
    background: #000;
}
.sysdn{
    opacity: 0.7;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background: url(../images/videobj.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.plate_video video{
    width: 50%;
}

video::-webkit-media-controls-timeline { display: none;}

video::-webkit-media-controls-fullscreen-button{ display: none; }

video::-webkit-media-controls-play-button { display: none; }


video::-webkit-media-controls-current-time-display{ display: none; }

video::-webkit-media-controls-time-remaining-display { display: none; }

video::-webkit-media-controls-mute-button { display: none; }
video::-webkit-media-controls-toggle-closed-captions-button { display: none; }

.plate_sytj{overflow: hidden;width: 100%;position: relative;}
.plate_sytjl{
    width: 50%;
    position: absolute;
    left: 0%;
    height: 100%;
    background: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.plate_sytjl .sytjnr{padding: 6% 17%;}
.plate_sytjr{
    float: right;
    width: 50%;
    display: flex;
    flex-direction: column;
}
.plate_sytjr .sytjnr{
    overflow: hidden;
    background: #fff;
}
.sytjnr{
    text-align: center;
}
.sytjnr h2{
    font-size: 30px;
    font-weight: bold;
}
.sytjnr p{
    font-size: 16px;
    margin-top: 3%;
    margin-bottom: 6%;
}
.sytjnrc .ckxq{
    display: block;
    width: 140px;
    height: 40px;
    background: #0063da;
    margin: 0 auto;
    line-height: 40px;
    color: #fff;
    border-radius: 50px;
    margin-bottom: 11%;
}
.sytjnr img{
    transition: all ease 0.5s;
    width: 100%;
}
.sytjnr:hover img{
   
transform: scale(1.1);
}
.sytjnr .img{
   
overflow: hidden;
}
.sytjnra img{
    margin-top: 0%;
    width: 50%;
    padding: 5%;
}
.sytjnra{
    padding-top: 9%;
}
.sytjnrb{
    padding: 3% 6%;
    justify-content: center;
    display: flex;
    width: 100%;
}
.sytjnrb .nr{
    width: 40%;
}
.sytjnrb .img{
    width: 55%;
}
.sytjnrb img{
    width: 80%;
    padding: 3%;
}
.sytjnr.sytjnrb {
    background: #f8f8f8;
}
.sytjnr.sytjnrb a{
    display: flex;
    align-items: center;
    width: 100%;
} 
.sytjnrc .img{overflow: hidden;padding-top: 5%;}
.sytjnrc img{
    width: 100%;
}
.sytjnrc:hover img{
   
transform: scale(1.1);
}
.plate_pro{
   background: url(../images/probj.jpg);
   background-size: cover;
   padding: 3% 0%;
   }
.mySwiper2 {
     width: 90%;
     margin: 0 auto;
     overflow: hidden;
     margin-bottom: 7%;
     position: relative;
}

.pro_nr{width: 60%;margin: 0 auto;}
.pro_nr a{
  display: flex;align-items: center;justify-content: space-between;  
}
.pro_nr .img{width: 40%;}
.pro_nr .img img{
    width: 100%;
}
.pro_nr .nr{
    width: 50%;
}
.pro_nr .nr h2{
    display: block;
    width: 100%;
    color: #333;
    border-radius: 50px;
    font-size: 64px;
    text-align: left;
    margin: 0;
    font-weight: bold;
}
.pro_nr .nr h3{
    font-size: 40px;
    font-weight: bold;
    margin: 4% 0%;
    
}
.pro_nr .nr p{
    color: #666;
    font-size: 16px;
    line-height: 2;
    display: none;
}
.pro_nr .nr span{
    width: 44px;
    height: 44px;
    display: block;
    background: #0063da;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 44px;
    border-radius: 50%;
    margin-top: 10%;
    display: none;
}


.mySwiper{
    width: 1000px;
    margin: 0% auto;
    overflow: hidden;
    padding: 1%;
}
.mySwiper .swiper-slide{
    background: #fff;
    border-radius: 50%;
    height: 135px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease 0.5s;
    box-shadow: 0 0 12px 0px rgb(0 0 0 / 18%);
padding: 2%;}
.mySwiper .swiper-slide img{
    width: 80%;
    
}
.mySwiper .swiper-slide-thumb-active{
    box-shadow: 0 0 12px 0px rgb(0 99 218);
}
.plate_hayy{
    background: url(../images/hyyybj.jpg);
    padding: 5% 0%;
    background-size: cover;
}
.plate_hayy .plate_bt {}
.plate_hayy .plate_bt h2{
    color: #fff;
}
.plate_hayy .plate_bt p{
    color: #fff;
}
.plate_bt{
    text-align: center;
}
.plate_bt h2{
    color: #000;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 1%;
}
.plate_bt p{
    color: #999;
    opacity: 0.5;
    font-size: 16px;
}
.plate_hayy ul{
    width: 80%;
    margin: 0 auto;
    margin-top: 5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.plate_hayy ul li{
    position: relative;
    margin: 0%;
    width: 24%;
    margin-bottom: 1%;
    margin: 0.5%;
    cursor: pointer;
}
.plate_hayy ul li:hover {}
.plate_hayy ul li:hover img{
    transform: scale(1.3);
}
.plate_hayy ul li p{
    overflow: hidden;
}
.plate_hayy ul li .img{
    
overflow: hidden;
}
.plate_hayy ul li img{
    transition: all ease 0.5s;
    width: 100%;
}
.plate_hayy ul li .nr{
    position: absolute;
    top: 0%;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}
.plate_hayy ul li .nr h3{
    color: #fff;
    font-size: 26px;
    font-weight: bold;
}
.plate_hayy ul li .nr h6{
    
color: #fff;
    
margin-top: 4%;
}
.plate_hayy ul li .nr h4{
    color: #fff;
    opacity: 0.8;
    font-size: 13px;
    font-weight: 500;
    margin-top: 4%;
}
.plate_about{
    background: url(../images/aboutbj.jpg) center;
    background-size: 100%;
    padding: 8.5% 0%;
}
.plate_aboutw{
    width: 80%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.plate_aboutl{width: 45%;}
.plate_aboutl h2{
    font-weight: bold;
    font-size: 40px;
}
.plate_aboutl h5{
    color: #999;
    margin-top: 2%;
    margin-bottom: 4%;
}
.plate_aboutl p{
    font-size: 15px;
    line-height: 2;
    margin-top: 30px;
}
.plate_aboutl a{
    display: block;
    width: 140px;
    height: 46px;
    line-height: 46px;
    color: #333;
    border-radius: 50px;
    font-size: 14px;
    text-align: center;
    margin: 0;
    margin-top: 5%;
    border: solid 1px #666;
}
.plate_aboutl a:hover,.news_fl a:hover{
    background: #0063da;
    color: #fff;
    border: solid 1px #0063da;
}
.plate_aboutr{
    width: 46%;
}
.plate_aboutr ul{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.plate_aboutr ul li{
    margin: 0%;
}
.plate_aboutr ul li h5{}
.plate_aboutr ul li h3{
    font-size: 36px;
    font-weight: bold;
    color: #0063da;
}
.plate_aboutr ul li h3 span{
    font-size: 15px;
}
.plate_aboutan{}
.plate_aboutan ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}
.plate_aboutan ul li{
    width: 100%;
    position: relative;
}
.plate_aboutan ul li a{
 
display: block;
 
overflow: hidden;
}
.plate_aboutan ul li img{
    width: 100%;
    transition: all ease 0.5s;
}
.plate_aboutan ul li:hover img{
    width: 100%;
    transform: scale(1.2);
}
.plate_aboutan ul li h2{
    position: absolute;
    top: 9%;
    left: 7%;
    font-size: 24px;
}
.plate_aboutan ul li h2 a{
    color: #fff;
    font-weight: bold;
}
.plate_gcsp{
    padding-top: 5%;
}

.gssp_img{
    margin-top: 4%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.gssp_img img{
    width: 19.6%;
}

.plate_news{
    
padding: 5% 0%;
}
.news_fl{
    text-align: center;
    margin-top: 2%;
}
.news_fl a{
    display: inline-block;
    width: 140px;
    height: 46px;
    border: solid 1px #333;
    border-radius: 50px;
    line-height: 46px;
    margin: 0% 1%;
}
.plate_news ul{
    width: 80%;
    display: flex;
    margin-top: 3%;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.plate_news ul li{
    margin: 0%;
    width: 23%;
}
.plate_news ul li .img{
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 242px;
}
.plate_news ul li .img img{
    width: 100%;
    transition: all ease 0.5s;
}
.plate_news ul li:hover .img img{
    
transform: scale(1.2);
}
.plate_news ul li .nr{
    text-align: left;
    margin-top: 6%;
}
.plate_news ul li .nr h2{
    font-size: 18px;
}
.plate_news ul li .nr p{
    color: #999;
    margin-top: 2%;
    font-size: 12px;
}
.foot{
    background: #0d1013;
}
.footw{overflow: hidden;position: relative;}
.footwl{
    border-right: solid 1px #333333;
    padding-left: 5%;
    float: left;
    width: 78%;
}
.footwlt{
    padding: 18px 0px;
    border-bottom: solid 1px #333333;
}
.footwlt img{}
.footwlb{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 5% 0%;
    padding-right: 12%;
}
.footwlb .nr{}
.footwl .bq{
    border-top: solid 1px #333333;
    padding: 2% 0%;
    color: #666;
    font-size: 14px;
}
.footwlb .nr h2{}
.footwlb .nr h2 a{
    font-weight: bold;
    color: #fff;
    font-size: 18px;
}
.footwlb .nr a{
    display: block;
    line-height: 2.4;
    color: #666;
    font-size: 15px;
}
.footwlb .nr span{
    display: block;
    width: 25px;
    height: 1px;
    background: #fff;
    margin: 26px 0px;
}
.footwr{
    float: right;
    padding-right: 5%;
    width: 22%;
    position: absolute;
    right: 0%;
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 3% 5%;
}
.footwr h2{
    color: #fff;
    font-size: 22px;
    line-height: 1.6;
}
.footwr span{
    display: block;
    width: 25px;
    height: 1px;
    background: #fff;
}
.footwr p{
    color: #fff;
    line-height: 1.6;
    font-size: 16px;
}
.footwr img{
    width: 130px;
}

.nybanner {position: relative;display: flex;align-items: center;justify-content: center;height: 340px;overflow: hidden;}
.nybanner img{
    width: 100%;
}
.nybanner .wz{
    position: absolute;
    top: 0%;
    width: 100%;
    z-index: 88;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    flex-direction: column;
}
.nybanner .wz h2{
    font-size: 36px;
    font-weight: bold;
}
.nybanner .wz h3{
    color: #fff;
    font-size: 15px;
    margin-top: 1%;
    display: none;
}

.ejdh{
    height: 60px;
    margin-top: -60px;
    position: relative;
    z-index: 88;
    border-top: 1px solid #3c3745;
    background: rgb(0 0 0 / 70%);
}
.ejdhw{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    border-right: solid 1px #3c3745;
    overflow: initial;
}
.ejdhw .yiji{
    width: 100%;
    text-align: center;
    position: relative;
}
.ejdhw a{display: block;color: #fff;width: 100%;height: 59px;line-height: 60px;text-align: center;}
.ejdhw a:hover{
    background: #0063da;
    color: #fff;
}
.ejdhw .yiji .erji{
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    background: #333;
    z-index: 99;
}
.ejdhw .yiji .erji a{}
.ejdhw .yiji:hover .erji{
    display: block;
}
.ejdhw a::after {
    content: '';
    display: block;
    width: 1px;
    height: 59px;
    background: #3c3745;
    position: absolute;
    top: 50%;
    margin-top: -30px;
}
.products{
    background: #fff;
}
.productsw{}
.productsw ul{display: flex;flex-wrap: wrap;}
.productsw ul li{
    background: #fff;
    width: 18%;
    margin: 0% 1%;
    text-align: center;
    margin-bottom: 2%;
}
.productsw ul li .img{
    overflow: hidden;
}
.productsw ul li .img img{
    transition: all ease 0.5s;
    width: 100%;
}
.productsw ul li:hover .img img{
    transform: scale(1.1);
}
.productsw ul li .nr{
    border-top: solid 1px #eee;
    padding: 10% 0%;
}
.productsw ul li .nr h2{
    font-size: 18px;
}
.productsw ul li .nr h3{
    color: #999;
    margin-top: 6%;
    font-size: 13px;
}
.productsw ul li .nr span{
    color: #0063da;
    margin-top: 6%;
    display: block;
}
.about_gsjj {
    padding-top: 120px;
}
.aboutbt{}
.aboutbt h2{
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
}
.aboutbt h2 span{
    color: #0063da;
}
.aboutbt h5{
    font-weight: bold;
    font-size: 20px;
    margin-top: 1%;
}
.about_gsjj .hx{
    margin: 66px 0px;
    height: 1px;
    width: 100%;
    background: #eee;
}

.about_gsjj h3{
    font-size: 32px;
    color: #0063da;
    font-weight: bold;
}
.about_gsjj p{
    color: #666;
    line-height: 1.8;
    margin-top: 1.5%;
}
.about_gsjjsj{
    display: flex;
    justify-content: space-between;
}
.about_gsjjsj li{
    margin: 0%;
}
.about_gsjjsj li h2{
    color: #0063da;
    font-size: 36px;
    font-weight: bold;
}
.about_gsjjsj li h2 span{
    font-size: 15px;
    padding-left: 10px;
}
.about_gsjjsj h4{
    font-size: 14px;
    color: #666;
    margin-top: 4%;
}
.about_qywh{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f6f6f6;
    margin-top: 100px;
}
.about_hzhb {
    margin: 5% auto;
    width: 90%;
}
.hzbh_log{
    margin-top: 4%;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-right: solid 1px #eee;
    justify-content: center;
}
.hzbh_log .img{
    float: left;
    width: 16%;
    border-left: solid 1px #eee;
    border-bottom: solid 1px #eee;
    height: 144px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: solid 1px #eee;
}
.hzbh_log .img img{
    width: 100%;
    padding: 8%;
}
.about_qywhl{
    width: 50%;
}
.about_qywhl img{
    width: 100%;
}
.about_qywhr{
    width: 42%;
}
.about_qywhr .nr{
    margin-top: 12%;
}
.about_qywhr .nr h5{
    font-weight: bold;
    font-size: 18px;
}
.about_qywhr .nr p{
    color: #666;
    margin-top: 1%;
    margin-bottom: 5%;
    font-size: 16px;
}
.about_qyfc{
    text-align: center;
}
.about_qyfcw {
    margin-top: 5%;
    position: relative;
}
.about_qyfcw  img{
    width: 100%;
}
.about_qyfcw  h4{
    margin-top: 6%;
}
.about_qyry {
    background: #f5f5f5;
    text-align: center;
}
.about_qyryw{
    margin-top: 5%;
    position: relative;
}
.about_qyryw img{
    width: 100%;
}
.jjfn_ny {
    margin-bottom: 6%;
}
.jjfn_nyw {}
.jjfn_nyw ul{}
.jjfn_nyw ul li{
    margin-bottom: 3%;
    border-bottom: solid 2px #eee;
    padding-bottom: 3%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.jjfn_nyw ul li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.jjfn_nyw ul li .img{
    width: 50%;
}
.jjfn_nyw ul li .img img{
    width: 100%;
}
.jjfn_nyw ul li .nr{
    width: 47%;
}
.jjfn_nyw ul li .nr h2{
    font-size: 30px;
}
.jjfn_nyw ul li .nr p{
    border-bottom: solid 1px #eee;
    border-top: solid 1px #eee;
    padding: 4% 0%;
    margin: 4% 0%;
    font-size: 16px;
    line-height: 2;
    color: #999;
    font-weight: 100;
}
.jjfn_nyw ul li .nr h6{
    display: block;
    width: 160px;
    height: 50px;
    border: solid 1px #333;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    position: relative;
    transition: all ease .5s;
}
.jjfn_nyw ul li .nr h6:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0px;
    height: 100%;
    background: #4d4d4d;
    transition: all ease 0.5s;
    z-index: -1;
}
.jjfn_nyw ul li .nr:hover h6{
    
color: #fff;
}
.jjfn_nyw ul li .nr:hover h6:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #4d4d4d;
}
.mbx_w{
    color: #999;
}
.mbx_w a{
    color: #999;
}
.mbx {
    margin-top: 2%;
    margin-bottom: 4%;
}
.news_ny{margin-bottom: 6%;}
.news_nyw{}
.news_nyw ul{}
.news_nyw ul li{
    background: #fff;
    transition: all ease 0.5s;
    border-bottom: solid 1px #eee;
    padding-bottom: 2%;
    margin-bottom: 2%;
}
.news_nyw ul li a{display: flex;align-items: center;justify-content: space-between;}
.news_nyw ul li .img{
    width: 25%;
}
.news_nyw ul li .img img{
    width: 100%;
}
.news_nyw ul li .nr{width: 70%;}
.news_nyw ul li .nr h2{
    font-size: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news_nyw ul li .nr h2 b{
}
.news_nyw ul li .nr h2 span{
    font-size: 13px;
    color: #999;
}
.news_nyw ul li .nr p{
    font-size: 14px;
    color: #666;
    line-height: 2;
    margin-top: 2%;
}
.news_nyw ul li .nr h6{
    display: inline-block;
    clear: both;
    font-size: 14px;
    color: #999999;
    font-weight: normal;
    margin: 30px 0 0;
    padding-right: 25px;
    background: url(../images/right1.png) right center no-repeat;
    transition: all ease 0.5s;
}
.news_nyw ul li:hover{
}
.news_nyw ul li:hover .nr h2{
    color: #154680;
}
.news_nyw ul li:hover .nr h6{
    color: #164781;
}
.newsny_w {
    overflow: hidden;
    margin-bottom: 6%;
}
.newsny_wl{
    float: left;
    width: 64%;
}
.newsny_wr{
    float: right;
    width: 28%;
}
.newsny_wr h2{
    font-size: 36px;
    color: #333;
    font-weight: 500;
    margin: 0px;
    border-bottom: solid 1px #eee;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.newsny_wr ul{}
.newsny_wr ul li{
    border-bottom: solid 1px #eee;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.newsny_wr ul li h3{
    font-size: 18px;
}
.newsny_wr ul li p{
    color: #999;
    line-height: 24px;
    margin-top: 3%;
}
.newsny_wr ul li:hover h3{}
.mianrbottom{
}
.newsxqnya {
    text-align: left;
    border-bottom: #ededed 1px solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.newsxqnya h2 {
    font-size: 36px;
    color: #333;
    font-weight: 500;
    margin: 0px;
    border-bottom: solid 1px #eee;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.newsxqnya p{font-size: 16px;}
.newsxqnya p span {
    display: inline-block;
    padding-right: 3%;
    color: #c1c1c1;
    font-size: 14px;
}
.bshare-custom {
    font-size: 13px;
    line-height: 16px !important;
}
.newsxqnyb {
    line-height: 200%;
    font-size: 15px;
    line-height: 1.8;
    min-height: 290px;
}
.newsxqnyc {
    line-height: 2;
    color: #666;
}
.newsxqnyc p {margin: 0px;}
.newsxqnyc a {
    color: #333;
}


.pro_xqny {
    overflow: hidden;
    background: url(../images/proxq_nr.jpg);
    background-size: cover;
}
.pro_xqnyw {width: 1300px;}
.pro_xqnyl{
    width: 46%;
    float: left;
}
.pro_xqnyr{
    width: 50%;
    float: right;
    padding-top: 140px;
}

.pro_xqnyr h2{
    display: block;
    width: 140px;
    height: 46px;
    background: #0063da;
    line-height: 46px;
    color: #fff;
    border-radius: 50px;
    font-size: 20px;
    text-align: center;
    margin: 0;
}
.pro_xqnyr h3{
    font-size: 40px;
    font-weight: bold;
    margin: 4% 0%;
}
.pro_xqnyr p{
    color: #666;
    font-size: 16px;
    line-height: 2;
}
.pro_xqnyr span{
    width: 44px;
    height: 44px;
    display: block;
    background: #0063da;
    font-size: 20px;
    color: #fff;
    text-align: center;
    line-height: 44px;
    border-radius: 50%;
    margin-top: 10%;
}

.mySwiper3 {
    overflow: hidden;
}

.mySwiper1{
    width: 100%;
    
    margin-top: 5%;
}
.mySwiper1 .swiper-slide{
    background: #fff;
    height: 112.5px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 12px 0px rgb(0 0 0 / 18%);
}
.mySwiper1 .swiper-slide img{
    width: 100%;
}
.mySwiper1 .swiper-slide-thumb-active{
    box-shadow: 0 0 12px 0px rgb(0 99 218 / 15%);
}
.pro_nrxq{}
.pro_nrxq img{
    width: 100%;
}
.pro_nrw {
    overflow: hidden;
width: 1200px;margin: 0 auto;}
.pro_nrwl {
    width: 100%;
    float: left;
    border: solid 1px #eee;
}
.pro_nrwl .bt{
    background: #f8f8f8;
}
.pro_nrwl .bt h2{
    color: #1871dd;
    font-size: 15px;
    font-weight: bold;
    padding: 2% 2%;
}
.pro_nrwl .nr{}
.pro_nrwl .nr img{
    width: 100%;
}
.pro_nrwr {}
.lxwm_ny{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.lxwm_nyl{
    width: 50%;
}
.lxwm_nyr{
    width: 50%;
    padding: 0% 5%;
}
.lxwm_nyr h2{
    font-size: 36px;
    color: #1a1a1a;
    margin: 0;
    font-weight: bold;
}
.lxwm_nyr h6{
    font-size: 16px;
    color: #0092ee;
    margin: 0;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}
.lxwm_nyr .hx{
    border-bottom: 4px solid #000;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.content-way .item {
    border-bottom: 1px solid #dcdcde;
    overflow: hidden;
    padding: 40px 0 40px 0;
}
.contact-bottom .right .content-way .item {
    border-bottom: 1px solid #dcdcde;
    overflow: hidden;
    padding: 40px 0 40px 0;
}
.content-way .item.item2 li {
    float: left;
    width: 45%;
    margin-right: 5%;
}
.content-way .item.item2 li::after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #dedfe4;
    position: absolute;
    right: 10%;
    top: 0;
}
.content-way {
    overflow: hidden;
}
.content-way li {
    list-style: none;
    float: left;
    width: 33%;
    margin-bottom: 20px;
    position: relative;
}
.content-way li:last-child {
    width: 99%;
}
.content-way li i {
    width: 38px;
    height: 38px;
    border: 2px solid #1a1a1a;
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    opacity: .7;
}
.content-way li i.c1 {
    background: url(../images/c1.png) center no-repeat;
}
.content-way li i.c2 {
    background: url(../images/c2.png) center no-repeat;
}
.content-way li i.c3 {
    background: url(../images/c2.png) center no-repeat;
}
.content-way li:nth-child(3) i.c3 {
    background: url(../images/c31.png) center no-repeat;
}
.contact-section .content .left .content-way li i.c4 {
    background: url(../images/c4.png) center no-repeat;
}
 .content-way li i.c4 {
    background: url(../images/c4.png) center no-repeat;
}
.content-way li:nth-child(3) i {
    border: 2px solid #0096ed;
    opacity: 1;
}
.content-way li span {
    display: inline-block;
    vertical-align: middle;
}
.content-way li span h6 {
    font-size: 14px;
    color: #999999;
    font-weight: normal;
    margin: 0;
}
.content-way li span h5 {
    font-size: 14px;
    color: #666;
    margin: 5px 0 0 0;
    font-weight: bold;
}
.content-way li span h5 a {
    color: #333;
}
.content-way li:nth-child(3) span h5 a {
    color: #0096ed;
}
.pro_mbx{
    background: #f8f8f8;
    height: 73px;
    line-height: 73px;
    color: #666;
    border-bottom: solid 1px #e2e2e2;
}
.pro_mbx_w{
    width: 90%;
    margin: 0 auto;
}
.pro_mbx_w a{
    color: #666;
}
.pro_mbx_w a:hover{}
.plate_yanl{
    padding: 5% 0%;
}
.plate_yanl ul{
    width: 80%;
    margin: 0 auto;
    padding-top: 5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.plate_yanl ul li{
    margin: 0%;
    width: 24%;
    position: relative;
}
.plate_yanl ul li .img{
    overflow: hidden;
}
.plate_yanl ul li .img img{
    width: 100%;
    transition: all ease 0.5s;
}
.plate_yanl ul li:hover .img img{
    transform: scale(1.2);
}
.plate_yanl ul li .bj{position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;background: #000;opacity: 0.5;}
.plate_yanl ul li .nr{
    position: absolute;
    top: 0%;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.plate_yanl ul li .nr img{}
.plate_yanl ul li .nr h3{
    color: #fff;
    margin-top: 4%;
}
.yfnl_ny{
    width: 80%;
    margin: 0 auto;
    padding: 5% 0%;
}
.yfnl_ny img{
    width: 100%;
    border: solid 1px #eee;
    padding: 5%;
}
.fzlc_nr {
    background-repeat: no-repeat;
    text-align: center;
}

.fzlc_nrt {
    overflow: hidden;
    margin-top: 40px;
}

.fzlc_nrt_nr {
    text-align: center;
}

.fzlc_nrt_nr i {
    width: 53px;
    height: 53px;
    display: block;
    border-radius: 50%;
    margin: 0% auto;
    position: relative;
    background: url(../images/moren.png);
    background-size: 53px;
}

.fzlc_nrt_nr h2 {
    font-size: 24px;
    margin-top: 6%;
    color: #666;
}

.fzlc_nrt_nr.swiper-slide-active {
}



.fzlc_nrt_nr .p{
    font-size: 16px;
    line-height: 2;
    margin-top: 10px;
    height: 80px;
}
.fzlc_nrt_nr:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    border-bottom: dashed 2px #eee;
    left: 0%;
    top: 28px;
}

.fzlc_nrb {
    overflow: hidden;
    width: 100%;
}

.fzlc_nrb_w {
    background: #0063da;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4%;
}

.fzlc_nrb_w .img {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 420px;
    overflow: hidden;
}

.fzlc_nrb_w .img img {
    width: 100%;
}

.fzlc_nrb_w .nr {
    width: 50%;
    padding: 0% 5%;
}

.fzlc_nrb_w .nr h2 {
    font-weight: bold;
    color: #fff;
    font-weight: 500;
    font-size: 36px;
}

.fzlc_nrb_w .nr h3 {
    display: inline-block;
    background: #fff;
    color: #f2812d;
    border-radius: 50px;
    font-size: 22px;
    font-weight: 500;
    padding: 9px 21px;
    margin: 5% 0%;
    font-weight: bold;
    display: none;
}

.fzlc_nrb_w .nr .p {
    line-height: 2;
    font-size: 16px;
    color: #fff;
    margin-top: 18px;
}

@media (max-width: 1560px){
    .headerwa {
    float: left;
    width: 16%;
}
.headerwb {
    float: right;
    width: 70%;
}
.headerwb ul li a {
    color: #fff;
    font-size: 17px;
    margin: 0% 0%;
    display: block;
    height: 121px;
    line-height: 121px;
    border-bottom: rgb(53 171 181 / 0%) solid 5px;
    width: 100%;
}

.headerwb ul {
    display: flex;
}
.plate_hayy ul li img {
    width: 100%;
}
.plate_hayy ul li {
    position: relative;
    margin: 0%;
    width: 23%;
    margin-bottom: 1%;
    margin: 1% 1%;
}
.footwr {
    float: right;
    padding-right: 5%;
    width: 22%;
    position: absolute;
    right: 0%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2%;
}
.p100 {
    padding: 10% 0%;
}
.w1400 {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
}
.productsw ul li .img img {
    width: 100%;
}
.pro_xqnyl {
    width: 48%;
    float: left;
}
.pro_xqnyr {
    width: 46%;
    float: right;
    padding-top: 10%;
}
.mySwiper1 .swiper-slide {
    background: #fff;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 12px 0px rgb(0 0 0 / 18%);
}
.pro_nrwl {
    
    
    border: solid 1px #eee;
}
.pro_nrwr {
    width: 25%;
}
.about_qyfcw {
    margin-top: 5%;
    position: relative;
}
.about_gsjj {
    padding-top: 10%;
}
.about_gsjj .hx {
    margin: 6% 0%;
    height: 1px;
    width: 100%;
    background: #eee;
}
.about_qyryw {
    margin-top: 5%;
    position: relative;
}
.plate_yanl ul {
    width: 90%;
    margin: 0 auto;
    padding-top: 5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.plate_sytjr .sytjnr {
    overflow: hidden;
    height: 360px;
    background: #fff;
}
.ejdhw {
   
    overflow: initial;
}
.pro_nrw {
    overflow: hidden;
    width: 1200px;
    margin: 0 auto;
}
}
@media (max-width: 1080px){
    .pro_nrw{width: 90%;}
    .plate_sytjr .sytjnr {
    overflow: hidden;
    height: auto;
    background: #fff;
}
    .headerw {
    padding: 0% 5%;
    height: 100px;
    width: 100%;
}  
.headerwa {
    float: left;
    width: 34%;
}
.headerwa img {
    width: 100%;
}
.navbar-toggler {
    background: #ffffff;
    display: inline-block;
    float: right;
    color: #0063da;
    font-size: 18px;
    outline: none;
    padding: 7px 10px;
}
.headerwb {
    display: none;
    width: 100%;
    position: absolute;
    float: none;
    z-index: 999;
    background: #fff;
    top: 100px;
    height: 100vh;
    z-index: 999;
    left: 0%;
}
.headerwb ul {
    flex-direction: row;
    display: inline-block;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    overflow-y: overlay;
    padding-bottom: 20px;
}
.headerwb ul li {
    width: 100%;
    display: block;
    height: auto;
    border-bottom: 1px solid hsl(0deg 0% 93% / 38%);
    float: left;
    position: relative;
    margin: 0;
}  
.headerwb ul li a{
    color: #333;
    text-align: center;
    height: 60px;
    line-height: 60px;
}
.sous{
    position: absolute;
    right: 15%;
}
.plate_sytjl {
    width: 100%;
    position: relative;
    left: 0%;
    height: 100%;
    background: #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.plate_sytjr {
    float: none;
    width: 100%;
    display: flex;
    flex-direction: column;
}
.sytjnrb {
    display: flex;
    align-items: center;
    padding: 8% 0%;
    flex-direction: column;
    height: auto;
}
.pro_nr {width: 100%;}
.pro_nr .img {
    width: 90%;
}
.pro_nr .nr {
    width: 100%;
    margin-top: 10%;
}
.mySwiper {
    width: 90%;
    margin: 0 auto;
}
.plate_hayy ul li {
    position: relative;
    margin: 0%;
    width: 48%;
    margin-bottom: 1%;
    margin: 1% 1%;
}
.plate_aboutw {
    width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.plate_aboutl {
    width: 100%;
}
.plate_aboutr {
    width: 100%;
    margin-top: 8%;
}
.plate_about {
    background: url(../images/aboutbj.jpg) center;
    background-size: cover;
    padding: 8.5% 0%;
}
.plate_aboutan ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.gssp_img img {
    width: 50%;
}
.gssp_img img:nth-child(3){    width: 33.3%;}
.gssp_img img:nth-child(4){    width: 33.3%;}
.gssp_img img:nth-child(5){    width: 33.3%;}
.gssp_img {
    margin-top: 4%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.plate_news {
    padding: 10% 0%;
}
.plate_news ul {
    width: 90%;
    display: flex;
    margin-top: 3%;
    justify-content: space-between;
    flex-wrap: wrap;
}
.plate_news ul li {
    margin: 0%;
    width: 48%;
    margin-bottom: 5%;
}
.footwl {
    border-right: solid 1px #333333;
    padding-left: 5%;
    float: none;
    width: 100%;
}
.footwr {
    float: none;
    padding-right: 5%;
    width: 22%;
    position: relative;
    right: 0%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2%;
    display: none;
}
.plate_pro {
    background: url(../images/probj.jpg);
    background-size: cover;
    padding: 10% 0%;
}

.plate_hayy {
    background: url(../images/hyyybj.jpg);
    padding: 10% 0%;
    background-size: cover;
}
.productsw ul li {
    background: #fff;
    width: 48%;
    margin: 0% 1%;
    text-align: center;
    padding: 5% 0%;
    margin-bottom: 2%;
}
.pro_xqnyl {
    width: 100%;
    float: none;
}

.mySwiper1 {
    width: 100%;
    margin: 0%;
    margin-top: 8%;
}
.pro_xqnyr {
    width: 100%;
    float: none;
    padding-top: 10%;
}
.pro_nrwl {
    width: 100%;
    float: none;
    border: solid 1px #eee;
}
.pro_nrwr {
    width: 100%;
    float: none;
}
.nybanner img {
    width: 200%;
}

.nybanner {
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 225px;
}
.jjfn_nyw ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.jjfn_nyw ul li {
    margin-bottom: 6%;
    border-bottom: solid 2px #eee;
    padding-bottom: 6%;
    display: flex;
    flex-direction: column;
}
.jjfn_nyw ul li .img {
    width: 100%;
}
.jjfn_nyw ul li .nr {
    width: 100%;
    margin-top: 5%;
}
.newsny_wl {
    float: none;
    width: 100%;
}
.newsny_wr {
    float: none;
    width: 100%;
    margin-top: 9%;
}
.mbx {
    margin-top: 5%;
    margin-bottom: 7%;
}
.about_qywh {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f6f6f6;
    margin-top: 100px;
    flex-direction: column;
}
.about_qywhr {
    width: 100%;
    margin-top: 6%;
    padding: 0% 5%;
}
.about_qywhl {
    width: 100%;
}
.lxwm_ny {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column-reverse;
    padding: 10% 0%;
}
.lxwm_nyl {
    width: 100%;
}
.lxwm_nyr {
    width: 100%;
    padding: 0% 5%;
}
#allmap {
    width: 100%;
    height: 400px!important;
}
.join_book_wrap>dl>input.ip1 {
    width: 100%;
    background: #f9f9f9;
    border: none;
    padding: 3% 2%;
    margin-bottom: 1%;
    border: solid 1px #eee;
}
.plate_yanl ul {
    width: 90%;
    margin: 0 auto;
    padding-top: 5%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.plate_yanl ul li {
    margin: 0%;
    width: 49%;
    position: relative;
    margin-bottom: 2%;
}
}

@media (max-width: 768px){
.sous {
    position: absolute;
    right: 25%;
}
.headerw {
    padding: 0% 5%;
    height: 70px;
    width: 100%;
}
.headerwb {
    display: none;
    width: 100%;
    position: absolute;
    float: none;
    z-index: 999;
    background: #fff;
    top: 70px;
    height: 100vh;
    z-index: 999;
    left: 0%;
}
.plate_sytjl .sytjnr {
    padding: 0% 10%;
    padding-top: 12%;
}
.sytjnr h2 {
    font-size: 32px;
    font-weight: bold;
}
.sytjnrc .ckxq {
    display: block;
    width: 140px;
    height: 40px;
    background: #0063da;
    margin: 0 auto;
    line-height: 40px;
    color: #fff;
    border-radius: 50px;
    margin-bottom: 11%;
}
.plate_sytjr .sytjnr {
    overflow: hidden;
    height: auto;
    background: #f8f8f8;
    justify-content: space-between;
}
.pro_nr .nr h3 {
    font-size: 24px;
    font-weight: bold;
    margin: 4% 0%;
}
.pro_nr .nr p {
    color: #666;
    font-size: 13px;
    line-height: 2;
}
.mySwiper .swiper-slide {
    background: #fff;
    border-radius: 50%;
    height: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease 0.5s;
    box-shadow: 0 0 12px 0px rgb(0 0 0 / 18%);
    padding: 3% 0%;
}
.plate_hayy ul li {
    position: relative;
    margin: 0%;
    width: 100%;
    margin-bottom: 1%;
    margin: 3% 0%;
}
.plate_aboutl h2 {
    font-weight: bold;
    font-size: 32px;
}



.plate_aboutr ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}
.plate_aboutr ul li {
    margin: 0%;
    width: 50%;
    margin-top: 7%;
}
.plate_aboutl a {
    display: block;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #333;
    border-radius: 50px;
    font-size: 14px;
    text-align: center;
    margin: 0;
    margin-top: 5%;
    border: solid 1px #666;
}
.plate_bt h2 {
    color: #000;
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 1%;
}
.footwlb .nr a {
    display: block;
    line-height: 2.4;
    color: #666;
    font-size: 13px;
    display: none;
}
.footwlb .nr h2 a {
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    display: block;
}
.footwlb {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 5% 0%;
    padding-right: 12%;
    flex-wrap: wrap;
}
.footwlb .nr {
    width: 100%;
}
.footwlb .nr span {
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    margin: 2% 0%;
}
.productsw ul li {
    background: #fff;
    width: 100%;
    margin: 0% 1%;
    text-align: center;
    padding: 5% 0%;
    margin-bottom: 5%;
}
.jjfn_nyw ul li .nr h2 {
    font-size: 24px;
}
.jjfn_nyw ul li .nr p {
    border-bottom: solid 1px #eee;
    border-top: solid 1px #eee;
    padding: 4% 0%;
    margin: 4% 0%;
    font-size: 14px;
    line-height: 1.6;
    color: #999;
    font-weight: 100;
}
.newsxqnya h2 {
    font-size: 28px;
    color: #333;
    font-weight: 500;
    margin: 0px;
    border-bottom: solid 1px #eee;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.newsny_wr h2 {
    font-size: 28px;
    color: #333;
    font-weight: 500;
    margin: 0px;
    border-bottom: solid 1px #eee;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.newsny_wr ul li h3 {
    font-size: 16px;
}
.nybanner .wz h2 {
    font-size: 24px;
    font-weight: bold;
}
.nybanner .wz h3 {
    color: #fff;
    font-size: 12px;
    margin-top: 1%;
}
.news_nyw ul li .nr h2 {
    font-size: 22px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}
.news_nyw ul li .nr h2 span {
    font-size: 13px;
    color: #999;
    margin-top: 3%;
}
.news_nyw ul li {
    background: #fff;
    transition: all ease 0.5s;
    border-bottom: solid 1px #eee;
    padding-bottom: 5%;
    margin-bottom: 5%;
}
.lxwm_nyr h2 {
    font-size: 24px;
    color: #1a1a1a;
    margin: 0;
    font-weight: bold;
}
.join_book_wrap>dl>input.ip1 {
    width: 100%;
    background: #f9f9f9;
    border: none;
    padding: 5% 2%;
    margin-bottom: 1%;
    border: solid 1px #eee;
}
.join_book_wrap>dl>input.ip5 {
    background: #333;
    color: #fff;
    cursor: pointer;
    line-height: 1.7;
    font-size: 16px;
    padding: 4% 9%;
    border: none;
    -webkit-appearance: none;
    width: 100%;
}
.sytjnrc img {
    width: 60%;
}
.sytjnr.sytjnrb a {
    display: flex;
    align-items: center;
    width: 83%;
    flex-direction: column;
}
.sytjnrb .nr {
    width: 100%;
}
.sytjnrb .img {
    width: 100%;
}
.pro_nr a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.fh_kf{
    width: 100%;
    bottom: 0%;
    overflow: hidden;
    right: 0%;
}
.fh_kf .tba {
    width: 25%;
    background: #0063da;
    text-align: center;
    border-radius: 0%;
    margin-bottom: 0%;
    padding: 15px 0%;
    position: relative;
    float: left;
}
.fh_kf .tbc {
    background: #333;
    width: 70px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 15px 20px;
    border-radius: 5px;
    margin-bottom: 4%;
    display: none;
}
.foot{
    
padding-bottom: 81px;
}
.news_nyw ul li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.news_nyw ul li .img {
    width: 100%;
}
.news_nyw ul li .nr {
    width: 100%;
    margin-top: 10%;
}
}