body{
    font-size: 14px;
     font-family:"jxzt";
    color: #000;
    padding: 0px;
    margin: 0 auto;
    overflow-x: hidden;
}
@font-face{
    font-family:"jxzt";
    src:url(/template/non/images/jxzt.ttf)
}
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: relative;
}
.headerw {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 1200px;
    margin: 0 auto;
    height: 120px;
}
.headerwa {}
.headerwa_logo{
    display: flex;
    width: 490px;
    align-items: center;
    justify-content: space-between;
}
.headerwa_logo img{
    width: 72px;
}
.headerwa_logo h1{font-size: 30px;color: #0092ee;font-weight: bold;}

.headerwa_logo h4{
    color: #666;
    margin-top: 1%;
}
.headerwa_tel{display: flex;align-items: center;justify-content: space-between;width: 248px;}
.headerwa_tel img{
    padding-right: 0px;
}
.headerwa_tel h2{
    font-size: 26px;
    font-weight: bold;
    color: #0092f6;
}
.headerwa_tel h2 span{
    font-size: 14px;
    color: #333;
    font-weight: 500;
}
.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 {}
.headerwb ul {
}
.headerwb ul li {
    float: left;
    margin-left: 50px;
    position: relative;
}
.headerwb ul li a {
    color: #333;
    font-size: 16px;
    display: block;
    border-bottom: rgb(53 171 181 / 0%) solid 5px;
    height: 120px;
    line-height: 120px;
}
.headerwb ul li:hover a{border-bottom: solid 2px #008fef;}
.headerwb ul li:hover ul{
    display: block;
    position: absolute;
    width: 200px;
    top: 99%;
    z-index: 999;
    left: -0%;
}
.headerwb ul li ul{
    display: none;
}
.headerwb ul li:hover ul li{
    margin: 0%;
    width: 100%;
    text-align: center;
}
.headerwb ul li:hover ul li a{
    background: #f8f8f8;
    color: #333;
    font-size: 14px;
    border: 0px;
    height: 48px;
    line-height: 48px;
    border-bottom: solid 1px #eee;
}
.headerwb ul li:hover ul li a:hover{
    background: #0090f5;
    color: #fff;
}
/*daohang------------------------------------------------*/
/*banner-------------------------------------------------*/
.banner{width:100%;position: relative;}
.swiper-paginationx{
    position: absolute;
    z-index: 99;
    text-align: center;
}
.banner a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
}
.banner img{
    width: 100%;
}
/*banner-------------------------------------------------*/
/*fudongkefu------------------------------------------------*/
.fh_kf{
    position: fixed;
    right: 1%;
    bottom: 16%;
    z-index: 99;
}
.fh_kf .tba{
    width: 70px;
    background: #0059a9;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 4%;
    padding: 9px 0px;
}
.fh_kf .tba img{
}
.fh_kf .tba span{
    display: block;
    text-align: center;
    color: #fff;
    font-size: 12px;
}

.tba .gzhwx {
    top: 0%;
    left: -120px;
    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: #f01a22;
    width: 70px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 15px 20px;
    border-radius: 5px;
    margin-bottom: 4%;
}
/*fudongkefu------------------------------------------------*/










@media (max-width: 768px){
  .headerw {
    padding: 5% 0%;
}  
.headerwa {
    float: left;
    width: 34%;
}
.headerwa img {
    width: 100%;
}
.navbar-toggler {
    background: #ffffff;
    display: inline-block;
    float: right;
    color: #35a3ab;
    font-size: 18px;
    outline: none;
    padding: 7px 10px;
}
.headerwb {
    display: none;
}
.headerwb ul {
    flex-direction: row;
    display: inline-block;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    overflow-y: scroll;
    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;
}
}

/*chanpinxiangqing------------------------------------------------*/
.ym_title{
    text-align: center;
    width: 70%;
    margin: 0 auto;
    margin-top: 5%;
    margin-bottom: 5%;
}
.ym_title h2{
    margin: 0%;
    font-weight: bold;
    color: #00aca6;
}
.ym_title p{
    margin: 0%;
    line-height: 2;
    color: #666;
    font-size: 16px;
    margin-top: 2%;
}
.pro_xq{
    width: 1200px;
    margin: 0 auto;
    margin-top: 80px;
}
.pro_xq_top{}
.pro_xq_topr{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 3%;
}
.pro_xq_topr .nr{
    width: 60%;
}
.pro_xq_topr .nr h2{
    font-size: 36px;
    font-weight: bold;
}
.pro_xq_topr .nr .nrw{
    font-size: 14px;
    line-height: 2;
    margin-top: 4%;
}
.pro_xq_topr .lx{
    width: 30%;
}
.pro_xq_topr .lxl{}
.pro_xq_topr .lxr{}
.pro_xq_topl{
}
.gallery-top{
    
border: solid 1px #ddd;
}
.gallery-top .swiper-slide{
}
.pro_xq_topl img{
    width: 100%;
}
.gallery-thumbs{
    border: solid 1px #ddd;
    margin-top: 12px;
    padding: 10px 40px!important;
}
.gallery-thumbs .swiper-slide{
    border: solid 2px #eee;
    height: 140px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active{
    border: solid 2px #ff8c00;
}
.gallery-thumbs .swiper-slide img{}
.gallery-thumbsl{
    position: absolute;
    left: 10px;
    width: 27px;
    height: 70px;
    top: 10px;
    background: url(../images/leftg.png);
}
.gallery-thumbsr{
    position: absolute;
    right: 10px;
    width: 27px;
    height: 70px;
    background: #000;
    top: 10px;
    background: url(../images/rightg.png);
}
.gallery-thumbsl{
    position: absolute;
    left: 10px;
    width: 27px;
    height: 140px;
    top: 10px;
    background: url(../images/leftg.png) center;
    background-repeat: no-repeat;
    background-color: #a2a2a2;
}
.gallery-thumbsr{
    position: absolute;
    right: 10px;
    width: 27px;
    height: 140px;
    background: #000;
    top: 10px;
    background: url(../images/rightg.png) center;
    background-repeat: no-repeat;
    background-color: #a2a2a2;
}
.pro_xqw{
    overflow: hidden;
}
.pro_xqwl{
    float: left;
    width: 550px;
}
.pro_xqwl img{
    width: 100%;
}
.pro_xqwr{
    float: right;
    width: 600px;
    margin-top: 40px;
}
.pro_xqwr h2{
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 15px;
}
.pro_xqwr p{
    background: #f9f9f9;
    border: solid 1px #eee;
    padding: 28px;
    color: #666;
    font-size: 15px;
    line-height: 2;
}
.lx{
    overflow: hidden;
    margin-top: 20px;
}
.lxl{
    width: 100%;
    background: #2999ee;
    text-align: center;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    margin-bottom: 4%;
    border-radius: 50px;
}
.lxr{
    width: 100%;
    background: #333;
    text-align: center;
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    border-radius: 50px;
}
.lxr a{
    color: #fff;
}
.pro_xqb{
    width: 1200px;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 60px;
}
#nava{
    background: #f9f9f9;
    overflow: hidden;
}
#nava li{
    float: left;
    width: 16.6666%;
    text-align: center;
    padding: 19px 0px;
}
#nava li.on{
    background: #0158a8;
    color: #fff;
}
.pro_xqbt{
    background: #eee;
}
.pro_xqbt h2{
    display: inline-block;
    background: #25acc9;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    padding: 13px 32px;
}
.pro_xqbb{
    border: solid 1px #eee;
    padding: 40px;
    font-size: 15px;
    line-height: 1.8;
    color: #666;
}
.pro_xqbb li.active{
    display: block;
}
.pro_xqbb li{
    display: none;
}
.pro_xqbb li table{
    width: 100%;
}
.pro_xqbb li table tr td{
    background: #fff;
    text-align: center;
    border-bottom: solid 1px #eee;
    border-right: solid 1px #eee;
    padding: 10px 0px;
}
.pro_xqbb li table tr:nth-of-type(1) td{
    background: #25aeca;
    color: #fff;
}
.pro_xqbb li table tr td:nth-of-type(1){
    background: #0260a3;
    color: #fff;
    border-bottom: solid 1px #fff;
    border-right: solid 1px #fff;
}
/*chanpinxiangqing------------------------------------------------*/
/*xinwenxiang------------------------------------------------*/
.mianrbottom{
    width: 1200px;
    margin: 60px auto;
}
.newsxqnya {
    text-align: center;
    border-bottom: #ededed 1px solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.newsxqnya h2 {
    font-size: 24px;
    color: #333;
    font-weight: 500;
    margin: 0px;
}
.newsxqnya p{
    margin-top: 1%;
}
.newsxqnya p span {
    display: inline-block;
    padding: 0px 10px;
    color: #c1c1c1;
    font-size: 12px;
}
.bshare-custom {
    font-size: 13px;
    line-height: 16px !important;
}
.newsxqnyb {
    padding: 20px;
    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;
}
/*xinwenxiang------------------------------------------------*/
/*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;
}
/*jinchangxiaoguo----------------------------------------------*/


.k1200{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.p100{
    padding: 100px 0px;
}
.top_nr{
    background: #0071d0;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}
.top_nrw{

    height: 40px;
}
.top_nr p{margin: 0%;}
.top_nr .yyqh{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top_nr .yyqh .tel{
    font-size: 15px;
    display: flex;
    align-items: center;
}
.top_nr .yyqh .tel img{}
.top_nr .yyqh .tel span{
    padding: 0px 10px;
}
.top_nr .yyqh .top_nr .yyqh a{
    color: #999;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding-left: 30px;
}
.top_nr .yyqh a{
    border-left: solid 1px #8fc7ea;
    padding-left: 24px;
    margin-left: 23px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.top_nr .yyqh a span{
    
padding-left: 8px;
    
color: #fff;
}
.p70{
    padding: 70px 0px;
}
.plate_pro{padding-bottom: 0px;}
.plate_bt{
    text-align: center;
}
.plate_bt h2{
    text-transform: uppercase;
    font-size: 46px;
    font-weight: bold;
}
.plate_bt h2 span{
    color: #006fe7;
}
.plate_bt h5{
    color: #999;
    margin-top: 1%;
}
.mySwiper{
    width: 1100px;
    margin: 0 auto;
    margin-top: 100px;
}
.mySwiper .pro_bt{}
.mySwiper .pro_bt h4{
    font-size: 14px;
    text-align: center;
    background: #eee;
    margin: 0% 3%;
    padding: 15px 0px;
    border-radius: 50px;
}
.mySwiper .pro_bt.swiper-slide-thumb-active h4{
    background: #006fe7;
    color: #fff;
}
.mySwiper2{
    background: #ebf6ff;
    margin-top: 40px;
    padding-bottom: 140px;
    position: relative;
}
.pro_list{}
.pro_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.pro_list li{
    width: 20%;
    margin: 0%;
}
.pro_list li a{
    background: #fff;
    display: block;
    margin: 3%;
    text-align: center;
    padding: 6% 0%;
}
.pro_list li img{
    width: 100%;
}
.pro_list li h4{
    font-size: 16px;
}
.ckgd{
    position: absolute;
    bottom: 7%;
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ckgd a{
    width: 140px;
    height: 40px;
    background: #ffffff;
    border-radius: 40px;
    line-height: 40px;
    display: inline-block;
    margin: 0px 13px;
}
.plate_prol{
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/prol.png);
    border-radius: 50%;
    transition: all ease 0.5s;
}

.plate_pror{
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/pror.png);
    border-radius: 50%;
    transition: all ease 0.5s;
}
.plate_prol:hover{
    background-position-x: 40px;
}
.plate_pror:hover{
    background-position-x: 40px;
}
.plate_adv{}
.plate_advw{
    display: flex;
    justify-content: space-between;
}
.advwl{
    width: 601px;
    border-bottom: solid 1px #eee;
}
.advwl .nr{
    display: flex;
    justify-content: space-between;
    border-top: solid 1px #eee;
    padding: 33px 0px;
    align-items: flex-start;
}
.advwl .nr img{}
.advwl .nr .wz{
    padding-left: 12px;
}
.advwl .nr .wz h4{
    font-size: 16px;
    font-weight: bold;
}
.advwl .nr .wz h5{
    color: #666;
    margin-top: 14px;
    line-height: 2;
}
.advwr{
    width: 550px;
}
.advwr img{
    width: 100%;
}
.plate_about{
    background: url(../images/aboutbj.png);
}
.plate_about .plate_bt h2{
    text-transform: uppercase;
    font-size: 46px;
    font-weight: bold;
    color:#fff;
}
.plate_about .plate_bt h2 span{
    color: #fff;
}
.plate_about .plate_bt h5{
    color: #999;
    margin-top: 1%;
}
.aboutw{
    margin-top: 70px;
}
.aboutw .img{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.aboutw .img img{
    width: 48%;
}
.aboutw .nr{
    text-align: center;
    color: #fff;
    padding-top: 70px;
}
.aboutw .nr h2{
    font-size: 26px;
}
.aboutw .nr p{
    line-height: 1.8;
    font-size: 14px;
    margin-top: 26px;
}
.plate_case {
    text-align: center;
}
.plate_case ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 60px;
    padding: 0% 5%;
}
.plate_case ul li:nth-of-type(1),.plate_case ul li:nth-of-type(2){
}
.plate_case ul li{
    width: 32%;
    margin-bottom: 1%;
    position: relative;
}
.plate_case ul li .img{
    overflow: hidden;
}

.plate_case ul li img{
    width: 100%;
    transition: all ease 0.5s;
}
.plate_case ul li .nr{
    display: none;
}
.plate_case ul li:HOVER .nr{display: block;position: absolute;top: 0%;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: #0070eb;}
.plate_case ul li:HOVER .nr h4{}
.plate_case ul li h2{color: #fff;font-size: 22px;}
.plate_case ul li:hover{}
.plate_case ul li:hover h4{
    background: #0092ef;
    color: #fff;
}
.plate_case ul li:hover img{
    transform: scale(1.2);
}
.plate_gczs{
    
text-align: center;
    
background-repeat: no-repeat;
}
.plate_gczs .plate_bt h2{
    font-weight: bold;
    color: #fff;
    font-size: 36px;
}

.plate_gczs .plate_bt h4{
    font-size: 13px;
    color: #fff;
}
.plate_gczs{
    position: relative;
}
.plate_gczs .plate_bt{
    position: absolute;
    z-index: 9;
    width: 100%;
    text-align: center;
    top: 9%;
}
.plate_gczs ul{}
.plate_gczs ul li {
    position: absolute;
    width: 20%;
}
.plate_gczs ul li img{
    width: 100%;
    padding: 0% 2%;
}
.plate_gczs ul li.gczs1{
    left: 0%;
    bottom: 37.8%;
}
.plate_gczs ul li.gczs2{
    bottom: 0%;
    left: 0%;
}
.plate_gczs ul li.gczs3{
    bottom: 37.8%;
    width: 40%;
    left: 20%;
}
.plate_gczs ul li.gczs3 img{
    padding: 0% 1.5%;
}
.plate_gczs ul li.gczs4{
    bottom: 0%;
    left: 20%;
}
.plate_gczs ul li.gcz5{
    bottom: 0%;
    left: 40%;
}
.plate_gczs ul li.gczs6{
    right: 20%;
    bottom: 0%;
    width: 20.4%;
}
.plate_gczs ul li.gczs7{
    bottom: 37.8%;
    right: 0%;
}
.plate_gczs ul li.gczs8{
    right: 0%;
    bottom: 0%;
}
.bjimg{
    position: relative;
    z-index: -1;
}
.bjimg img{
    width: 100%;
}
.plate_news {}
.plate_news ul{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 60px;
}
.plate_news ul li{
    margin: 0%;
    width: 32%;
}
.plate_news ul li .img{
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    position: relative;
}
.plate_news ul li .img img{
    width: 100%;
}
.plate_news ul li .img h5{
    position: absolute;
    bottom: 0%;
    left: 0%;
    background: #006fe7;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.plate_news ul li .nr{
    margin-top: 37px;
}
.plate_news ul li .nr h2{
    font-size: 18px;
    font-weight: bold;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.plate_news ul li .nr h4{
    font-size: 14px;
    color: #999;
    margin-top: 13px;
}
.plate_news ul li .nr p{
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    border-top: solid 1px #eee;
    margin-top: 30px;
    padding-top: 30px;
    display: none;
}
.plate_news ul li .nr b{
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 20px;
    display: block;
}
.plate_hzhb{
    background: #f8f8f8;
}
.plate_hzhbw{
    display: flex;
    justify-content: space-between;
}
.hzhbwl{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hzhbwr{
}
.hzhbwr ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.hzhbwr ul li{
    margin: 0%;
    width: 18%;
    margin-bottom: 0%;
    margin-bottom: 1%;
}
.hzhbwr ul li img{
    width: 100%;
    background: #fff;
    padding: 0% 10%;
}
.plate_zxly{
    background: url(../images/enzxly.jpg);
}
.plate_zxlyw{}
.join_book_wrap{}
.join_book_wrap .a{
    display: flex;
    justify-content: space-between;
}
.join_book_wrap .a input{
    width: 32.3%;
    border: solid 1px #727b80;
    background: rgb(0 0 0 / 35%);
    padding: 16px 23px;
    color: #fff;
}
.join_book_wrap .b{}
.join_book_wrap .b textarea{
    border: solid 1px #727b80;
    background: rgb(0 0 0 / 35%);
    padding: 16px 23px;
    color: #fff;
    width: 100%;
}
.join_book_wrap .c{
    text-align: center;
    margin-top: 5%;
}
.join_book_wrap .c input{
    border: 0;
    align-items: center;
    width: 140px;
    height: 40px;
    background: #0092f1;
    text-align: center;
    justify-content: center;
    color: #fff;
    border-radius: 50px;
}
.foot{
    background: #15181c;
}
.footw{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.footwl{}
.footwrw{
    float: left;
    width: 160px;
    margin-right: 44px;
}
.footwrw h4{
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: solid 1px #666;
}
.footwrw a{
    display: block;
    line-height: 30px;
    color: #666;
}
.footwrw h5{
    color: #666;
    line-height: 30px;
}
.footwrw h3{
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 40px;
}
.footwc{
    background: #fff;
    text-align: center;
}
.footwc p{
    line-height: 30px;
    color: #666;
    padding-bottom: 14px;
}
.footbq{
    background: #15181c;
    padding: 24px 0px;
    border-top: solid 1px #444;
}
.footbqw{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #666;
}
.footbqwl{}
.footbqwr{}
.footbqwr a{
    color: #666;
}
.nybanner{
    position: relative;
}
.nybanner img{
    width: 100%;
}
.nybanner .wz{
    position: absolute;
    top: 0%;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
}
.nybanner .wz h2{
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 1%;
}
.ejdh{
    height: 80px;
    border-bottom: solid 1px #e2e2e2;
}
.ejdh a{
    display: inline-block;
    line-height: 80px;
    color: #333;
    margin-right: 68px;
    font-size: 16px;
    text-transform: capitalize;
}
.ejdh a:hover{
    border-bottom: solid 1px #0071d0;
    color: #0071d0;
}
.about_gsjj{
    background: url(../images/aboutnybj.jpg);
}
.gsjjw{}
.gsjjwl{
    width: 70%;
}
.gsjjwl h2{
    font-size: 46px;
    font-weight: bold;
    color: #0071d0;
}
.gsjjwl h3{
    margin-top: 30px;
}
.gsjjwl p{
    line-height: 26px;
    margin-top: 30px;
}
.plate_ryzs {
    background: #f2f2f2;
}
.plate_ryzs .nr{}
.plate_ryzs .nr p{
    text-align: center;
    line-height: 26px;
    margin-top: 40px;
}
.plate_ryzs .nr .img{
    margin-top: 70px;
    display: flex;
    justify-content: space-between;
}
.plate_ryzs .nr .img img{}
.platr_qyfc{
    background: #002246;
}
.platr_qyfc .plate_bt h2{
    color: #fff;
}
.qyfcw{
    margin-top: 70px;
}
.qyfcw_nr{display: flex;align-items: center;justify-content: space-between;flex-direction: row-reverse;}
.qyfcw_nr .img{
    width: 45%;
}
.qyfcw_nr .img img{}
.qyfcw_nr .nr{
    width: 45%;
    color: #fff;
}
.qyfcw_nr .nr p{
    line-height: 24px;
    font-size: 14px;
    margin: 3% 0%;
}
.qyfcw_nr:nth-of-type(2){
    display: flex;
    flex-direction: row;
    margin-top: 50px;
}

.about_gczs{
    position: relative;
    width: 1360px;
    margin: 0 auto;
    margin-top: 60px;
}
.about_gczsw{
    overflow: hidden;
    margin-top: 60px;
}
.about_gczswnr img{
    width: 100%;
}
.about_gczswnr h3{
    font-size: 18px;
    margin-top: 24px;
    text-align: center;
}
.gczswnrl{
    position: absolute;
    width: 71px;
    height: 71px;
    background: url(../images/gdleft.png);
    top: 37%;
    left: 0%;
    z-index: 999;
}
.gczswnrr{
    position: absolute;
    width: 71px;
    height: 71px;
    background: url(../images/gdright.png);
    top: 37%;
    right: 0%;
    z-index: 999;
}
.lxwm_ny{
    text-align: center;
}
.lxwm_nyt{border-bottom: solid 1px #e2e2e2;padding-bottom: 40px;margin-bottom: 40px;}
.lxwm_nyt h2{
    font-weight: bold;
    color: #0071d0;
    margin-bottom: 70px;
}
.lxwm_nyb{
    display: flex;
    justify-content: space-between;
}
.lxwm_ny .nr{
    width: 33.3%;
    margin: 0 auto;
}
.lxwm_ny .nr h4{
    margin-top: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
.lxwm_ny .nr p{
    color: #666;
    margin-top: 10px;
}
.lxwm_ny .nr img{}
.zxly_ny{}
.zxly_nyw{
}
.zxly_nywl{
    width: 100%;
}
.zxly_nywl h2{
    font-size: 50px;
    line-height: 50px;
    color: #26334c;
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 6%;
    border-bottom: solid 2px #eee;
    padding-bottom: 2%;
    margin-bottom: 2%;
}
.zxly_nywl p{
    line-height: 1.8;
    color: #999;
}
.zxly_nywl h4{
    font-size: 30px;
    color: #26334c;
}
.zxly_nywl h6{
    display: block;
    font-size: 18px;
    color: #26334c;
    margin-top: 2%;
    font-weight: bold;
}
.zxly_nywr{
    width: 100%;
    margin-top: 3%;
}
.zxly_nywbg{}
.zxly_nywbg .a{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0%;
}
.zxly_nywbg .a input{
    width: 49%;
    margin-bottom: 3%;
    border: solid 1px #eee;
    background: #fff;
    padding: 2% 2%;
}
.zxly_nywbg .b{
    margin: 0%;
}
.zxly_nywbg .b textarea{

width: 100%;

margin-bottom: 3%;

border: solid 1px #eee;

background: #fff;

padding: 2% 2%;
}

.zxly_nywbg .c{}
.zxly_nywbg .c input{
    border: 0;
    align-items: center;
    width: 145px;
    height: 46px;
    background: #0092f1;
    text-align: center;
    justify-content: center;
    color: #fff;
}

.products{
}
.productsw{}
.productsw ul{overflow: hidden;}
.productsw ul li{
    margin: 0;
    border: solid 1px #eee;
    margin-bottom: 16px;
    width: 270px;
    float: left;
    margin-right: 23px;
    margin-bottom: 21px;
}
.productsw ul li a{}
.productsw ul li .nr{
    width: 100%;
    background: #f5f5f5;
    padding: 9%;
}
.productsw ul li .nr .hx{
    display: block;
    width: 100%;
    height: 2px;
    background: #eee;
    margin-bottom: 10%;
    position: relative;
    display: none;
}
.productsw ul li .nr .hx::after{
    width: 60px;
    background: #0096ed;
    z-index: 3;
    content: '';
    height: 3px;
    display: block;
    transition: all ease 0.5s;
}
.productsw ul li:hover .nr .hx::after{
    width: 100%;
    content: '';
   
}
.productsw ul li .nr h2{
    font-weight: bold;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.productsw ul li .nr p{
    font-size: 13px;
    color: #666;
    line-height: 2;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin-top: 4%;
    margin-left: 0%;
}
.productsw ul li .nr h3{
    font-size: 14px;
    color: #666;
    margin-top: 2%;
    display: none;
}
.productsw ul li .img{
    width: 100%;
    height: 192px;
}
.productsw ul li .img img{
    width: 100%;
    padding: 2% 10%;
}
.productsw 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;
    display: none;
}
.news_ny{
    background: #f5f5f5;
}
.news_nyw{}
.news_nyw ul{
    border: solid 1px #eee;
}
.news_nyw ul li{}
.news_nyw ul li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    padding: 3%;
    border-bottom: solid 1px #eee;
}
.news_nyw ul li .img{
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #eee;
}
.news_nyw ul li .img img{
    width: 100%;
}
.news_nyw ul li .nr{
    width: 76%;
}
.news_nyw ul li .nr h2{
    
display: flex;
    
align-items: center;
    
justify-content: space-between;
}
.news_nyw ul li .nr h2 b{
    font-size: 20px;
    font-weight: 500;
}
.news_nyw ul li .nr h2 span{
    
font-size: 14px;
    
color: #666;
}
.news_nyw ul li .nr p{
    font-size: 14px;
    line-height: 1.8;
    color: #999;
    margin: 2% 0%;
}
.news_nyw ul li .nr h6{
    background: #f5f5f5;
    width: 120px;
    text-align: center;
    border-radius: 50px;
    padding: 1% 1%;
    color: #999;
}
.news_nyw ul li:hover{}
.news_nyw ul li:hover .nr{}
.news_nyw ul li:hover .nr h2 b{
    color: #0071d0;
}
.news_nyw ul li:hover .nr h6{
    background: #0071d0;
    color: #fff;
}
.fly{
    text-align: center;
    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;
}
.page-num-current{
    background-color: #0096ed !important;
    color: #fff !important;
}
.page-next a{}
.page-numbar{
    display: inline-block;
    margin: 0px 3px;
}
.page-num{
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    margin: 0px 2px;
    background: #f9f9f9;
    line-height: 30px;
    color: #999;
}
.page-num:hover{
     background-color: #0096ed;
     color: #fff;
}
.gzcs_ny{}
.gzcs_nyw{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.gzcs_nyl{
    width: 40%;
}
.gzcs_nyl h2{
    font-size: 30px;
    font-weight: bold;
    color: #0071d0;
    margin-bottom: 7%;
}
.gzcs_nyl h3{
    margin-top: 3%;
    font-size: 18px;
    line-height: 1.8;
}
.gzcs_nyl span{
    width: 60px;
    height: 3px;
    background: #0071d0;
    display: block;
    margin: 2% 0%;
}
.gzcs_nyl p{
    line-height: 2;
    margin-bottom: 6%;
}
.gzcs_nyr{
    width: 55%;
}
.gzcs_nyr ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.gzcs_nyr ul li{width: 49%;margin: 0%;margin-bottom: 2%;}
.gzcs_nyr ul li img{
    width: 100%;
}
.case_ny{
    background: #f5f5f5;
}
.case_nyw{
    background: #fff;
    padding: 1%;
}
.case_nyw ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.case_nyw ul li{
    margin: 0%;
    width: 32.333%;
    margin-bottom: 4%;
    margin-right: 1%;
}
.case_nyw ul li .img{
    height: 255px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.case_nyw ul li .img img{
    width: 100%;
}
.case_nyw ul li .nr{}
.case_nyw ul li .nr h2{
    text-align: center;
    font-size: 18px;
    margin-top: 7%;
}
.case_nyw ul li .nr p{
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp: 3;
    line-height: 24px;
    height: 72px;
    margin-top: 2%;
}
.case_nyw ul li .nr h6{
    display: block;
    width: 120px;
    margin: 0 auto;
    margin-top: 4%;
    border: solid 1px #eee;
    text-align: center;
    color: #999;
    border-radius: 50px;
    padding: 8px 0px;
    font-size: 14px;
}
.proxq_ys{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 3%;
}
.proxq_ysw{
    width: 100%;
    display: flex;
    margin-bottom: 2%;
    border-bottom: solid 1px #eee;
    padding-bottom: 2%;
}

.proxq_ysw img{
    width: 60px;
}
.proxq_ysw .wz{
    padding-left: 12px;
}
.proxq_ysw .wz h4{
    font-weight: bold;
    margin-top: 15px;
}
.proxq_ysw .wz p{
    font-size: 13px;
    margin-top: 15px;
    color: #666;
    line-height: 1.8;
}
.proxq_yskd .plate_bt{
    text-align: left;
}
.npro_bt{
    text-align: center;
    margin-top: 2%;
}
.npro_bt a{
    display: inline-block;
    padding: 10px 22px;
    margin: 0px 7px;
}
.npro_bt a:hover{background: #0071d0;color: #fff;border-radius: 50px;}
.npro_nrt{
    width: 870px;
    background: #fff;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 999;
}
.npro_nrtn{}
.npro_nrtnw{overflow: hidden;}
.npro_nrtnw .img{
    width: 39%;
}
.npro_nrtnw .img img{
    width: 100%;
}
.npro_nrtnw .nr{
    width: 60%;
}
.npro_nrtnw .nr h2{
    font-size: 22px;
    color: #006fe7;
}
.npro_nrtnw .nr p{
    font-size: 16px;
    line-height: 2;
    margin-top: 4%;
}
.npro_nrtnw .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4% 10%;
}
.npro_nr {
    position: relative;
    margin-top: 71px;
}
.npro_nrb{}
.npro_nrb ul{margin: 0%;}
.npro_nrb ul li{margin-right: 0%;float: left;width: 23%;margin-right: 2%;margin-top: 2.5%;background: #fff;text-align: center;padding: 2% 0%;}
.npro_nrb ul li:nth-of-type(1){margin-left: 75%;margin-right: 0%;margin-top: 0%;}
.npro_nrb ul li img{width: 100%;}
.npro_nrb ul li h4{
    font-size: 14px;
}
.npro_nrb ul li:nth-of-type(5){
    margin-right: 0%;
}
.plate_prony {
    padding: 100px 0px;
    padding-bottom: 0%;
}
.plate_pronyl{
    float: left;
    width: 300px;
}
.plate_pronylt h2{
    font-size: 24px;
    font-weight: bold;
    background: #0092ee;
    padding-top: 15px;
    padding-bottom: 15px;
}
.plate_pronylt h4{
    font-size: 14px;
    padding-top: 5px;
    background: #0092ee;
    padding-bottom: 30px;
}
.plate_pronylt p{
    border-top: solid 1px #eee;
    margin: 0%;
}
.plate_pronylt p span{
    line-height: 2;
    text-align: left;
    display: block;
    background: #0092ee;
    font-size: 16px;
    padding: 21px 24px;
}
.plate_pronylt p a{
    display: block;
    color: #fff;
    text-align: left;
    line-height: 3;
    transition: all ease 0.5s;
    background: #0092ee;
    padding: 0px 22px;
    margin-top: 7px;
    font-size: 16px;
    border: solid 2px #0092ee;
}
.plate_pronylt p a:hover{
    border: solid 2px #084d78;
    background: #0367a7;
}
.plate_pronylt p a.cur{
    border: solid 2px #084d78;
    background: #0367a7;
}
.plate_pronyr{
    float: right;
    width: 879px;
}
.plate_pronylt{text-align: center;color: #fff;margin-bottom: 60px;}
.kf{
	/* display:none; */
	position: fixed;
	z-index: 999;
	top: 44%;
	right: 1%;
}
.kfa{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.button {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: rgb(0 113 208);
  border: none;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 0px 4px rgb(230 39 47 / 25%);
  cursor: pointer;
  transition-duration: 0.3s;
  overflow: hidden;
  /* position: relative; */
  position: fixed;
  z-index: 999;
  top: 64%;
  right: 1%;
}

.svgIcon {
  width: 12px;
  transition-duration: 0.3s;
}

.svgIcon path {
  fill: white;
}

.button:hover {
  width: 140px;
  border-radius: 50px;
  transition-duration: 0.3s;
  background-color: rgb(231 40 48);
  align-items: center;
}

.button:hover .svgIcon {
  /* width: 20px; */
  transition-duration: 0.3s;
  transform: translateY(-200%);
}

.button::before {
  position: absolute;
  bottom: -20px;
  content: "Back to Top";
  color: white;
  /* transition-duration: .3s; */
  font-size: 0px;
}

.button:hover::before {
  font-size: 13px;
  opacity: 1;
  bottom: unset;
  /* transform: translateY(-30px); */
  transition-duration: 0.3s;
}
.Btn {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 50px;
  height: 50px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition-duration: .3s;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.199);
  background-color: rgb(0 113 208);
  margin-bottom: 10px;
}

/* plus sign */
.sign {
  width: 100%;
  transition-duration: .3s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.sign svg {
  width: 17px;
}

.sign svg path {
  fill: white;
}
/* text */
.text {
  position: absolute;
  right: 0%;
  width: 0%;
  opacity: 0;
  color: white;
  font-size: 16px;
  font-weight: 600;
  transition-duration: .3s;
}
.text a{
    color: white;
    font-size: 16px;
}
.text a:hover, a:focus{
    color: #999999;
    font-size: 16px;
}
/* hover effect on button width */
.Btn:hover {
  width: 250px;
  border-radius: 40px;
  transition-duration: .3s;
}

.Btn:hover .sign {
  width: 30%;
  transition-duration: .3s;
  padding-left: 0px;
}
/* hover effect button's text */
.Btn:hover .text {
  opacity: 1;
  width: 70%;
  transition-duration: .3s;
  padding-right: 10px;
}
/* button click effect*/
.Btn:active {
  transform: translate(2px ,2px);
}
.kf img{
	width: 25px;
}
@media (max-width:768px) {
	.kf{
		display:none;
	}
	.navbar-header .top_lg{display: block;}
}