html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,form,legend,dl,dt,dd,ul,ol,li{margin:0;padding:0;border:0}
h1,h2,h3,h4,h5,h6,b,i,em{font-weight:normal;font-style:normal}
html,body{position:relative}
body{margin:0;padding:0;font-family:'-apple-system','HelveticaNeue',"Microsoft YaHei";background:#fff;font-size:10px}
body{font-size:10px}
@media (min-width:1441px) and (max-width:2520px){html,body{font-size:10px}}
@media (min-width:1025px) and (max-width:1440px){html,body{font-size:8.75px}}
@media (min-width:320px) and (max-width:1024px){html,body{font-size:10px;}}

ol,ul,li{list-style:none}
li{list-style-type:none}
a{text-decoration:none;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
@font-face {
    font-family: 'iconfont';  /* Project id 3764447 */
  src: url('/css/iconfont.woff?t=1687233118149') format('woff'),
       url('/css/iconfont.ttf?t=1687233118149') format('truetype');
  }
.header{z-index:2;width:100%;height:10rem;min-width:1260px;position:absolute;top:0;left:0}
.header-center{padding:0;position:relative;height:10rem;margin:0 auto;width:90%;min-width:1260px;max-width:1400px}
.header-center h2{width:310px;top:1.5rem;position:absolute;padding:0;margin:0}
.header-center h2 img{display:block;border:0;height:8.5rem;width:auto}
.header .menu{width:900px;padding:0;margin:0 auto;height:100%;text-align:left;position:absolute;right:0}
.header .header-center i{display:none}
.header .menu ul{width:100%;margin:0 auto;height:100%;position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-around;align-items:center;align-content:stretch}
.header .menu ul li{line-height:56px;margin:0;padding:0;position:relative}
.header .menu ul li a{font-size:18px;line-height:56px;display:block;color:#fff;font-weight:400;padding:0 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.header .menu ul li a:hover{color:#000}
.header .menu ul li:before{content:"";height:3px;background:#5b8994;position:absolute;left:50%;width:0rem;bottom:0rem;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.header .menu ul li:hover:before{width:4rem;margin-left:-2rem}

@media (min-width:320px) and (max-width:1024px){
    
    .header{z-index:2;width:100%;height:110px;min-width:320px;position:relative;top:0;left:0;background:#343f4d}
    .header-center{padding:0;position:relative;height:100%;margin:0 auto;width:100%;min-width:320px;max-width:1024px}
    .header-center h2{width:100%;top:0rem;position:relative;padding:5px 0;margin:0;text-align:center;}
    .header-center h2 img{height:50px;width:auto;margin:0 auto}
    .header .menu{width:100%;padding:0;margin:0 auto;height:50px;text-align:left;position:relative;right:auto;overflow:hidden}

    .header .menu ul{width:auto;margin:0 auto;height:70px;overflow-x:auto;position:relative;display: flex;background:rgb(0, 0, 0,1);
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;}
    .header .menu ul li{line-height:50px;margin:0;padding:0;position:relative}
    .header .menu ul li a{line-height:50px;font-size:16px;font-weight:400;}
}


.banner{width:100%;height:auto;overflow:hidden;position:relative;background:#000;z-index:1;min-width:1260px;}
.banner .swiper-slide>img{opacity:0.2;width:100%;height:auto;display:block;-webkit-transition:2s ease 0s;transition:2s ease 0s;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.banner .swiper-slide-active>img{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}

.banner .swiper-slide .a-slide-content{left:50%;width:90%;min-width:1260px;max-width:1400px;top:calc(50% + 1rem);
    -webkit-transform:translate3d(-50%,-10%,0);transform:translate3d(-50%,-10%,0);
    -webkit-transition:2s ease 0s;transition:2.6s ease 0s;
    z-index:2;position:absolute;text-align:left;font-weight:600;color:#fff;opacity:0;}
    .banner .swiper-slide .a-slide-content>img{width:auto;max-width:100%;display:block;border:0;margin:0 auto}
.banner .swiper-slide-active .a-slide-content{-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);opacity:1;}

.banner .swiper-slide-active .a-slide-content>img{width:auto;max-width:100%}

.banner .swiper-slide .a-slide-content .fc{color:#ffb22c}


@media (min-width:320px) and (max-width:1024px){
    .banner{height:40vh;min-height:240px;width:100%;min-width:320px;max-width:1024px;}
    .banner .swiper-slide{width:100%;height:100%;}
    .banner .swiper-slide>img{opacity:0.2;width:auto;height:100%;display:block;position:absolute;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);}
    .banner .swiper-slide-active>img{opacity:1;}
    .banner .swiper-slide .a-slide-content{left:5%;width:90%;min-width:320px;max-width:1024px;top:calc(50% + 0rem);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}   
    .banner .swiper-slide-active .a-slide-content{-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);opacity:1;} 
    /* .banner .swiper-slide .a-slide-content     */
    .ban_page{display:none}
}

.ban_page{position:absolute;bottom:10%;height:5rem;width:90%;min-width:1260px;max-width:1400px;height:5rem;left:50%;transform:translateX(-50%);z-index:10;font-family:"iconfont" !important}
.ban_page .button-next:hover,.ban_page .button-prev:hover{color:rgba(255,255,255,1);border:1px dashed rgba(255,255,255,1);-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.ban_page .button-next,.ban_page .button-prev{display:block;position:absolute;cursor:pointer;width:5rem;height:5rem;-moz-border-radius:5rem;-webkit-border-radius:5rem;border-radius:5rem;font-size:2.4rem;line-height:5rem;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;text-align:center;color:rgba(255,255,255,0.2);border:1px dashed rgba(255,255,255,0.4)}
.ban_page .button-next{right:0}
.ban_page .button-prev{left:0}

.tbanner{width:100%;min-width:1260px;padding:0;margin:0;height:auto;position:relative;z-index:1}
.tbanner img{display:block;width:100%;height:auto;position:relative;z-index:-1}
.tbanner p{width:100%;position:absolute;top:50%;margin-top:-6rem;text-align:center;color:#fff;text-shadow:1px 3px 5px #000;}
.tbanner p i{display:block;font-size:7rem;line-height:10rem;font-weight:600;}
.tbanner p em{display:block;font-size:4rem;line-height:6rem;font-weight:600;}

@media (min-width:320px) and (max-width:1024px){

.tbanner{width:100%;max-width:1024px;min-width:320px;height:260px;overflow:hidden}
.tbanner img{display:block;position:absolute;width:auto;height:100%;left:50%;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0);}
.tbanner p{width:90%;position:absolute;top:150px;left:5%;}
.tbanner p i{display:block;font-size:3.2rem;line-height:5rem;font-weight:600;}
.tbanner p em{display:block;font-size:2rem;line-height:3rem;font-weight:600;}
}

.about{background:#f2f3f8 url(/images/ab.jpg) no-repeat center top;background-size:100% auto;position:relative;margin:4rem auto;padding:4rem 0 6rem 0;box-sizing:border-box;width:100%;min-width:1260px;position:relative;}
.about .about_div{margin:0 auto;z-index:2;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: center;align-content: stretch;
    width:90%;min-width:1260px;max-width:1360px;padding:5rem 0;box-sizing: border-box;}
.about .i_b_d{width:56%;}
.about .i_b_d ul{font-size:1.8rem;line-height:180%;color:#000;}
.about .i_b_d ul p:nth-child(n+2){padding-top:1rem;}
.about .i_a_d{width:40%;max-width:52rem;z-index:1;;position:relative;box-sizing: border-box;padding:2rem 0 2rem 0;}
.about .i_a_d img{display:block;max-width:100%;max-height:100%;position:relative;-moz-border-radius: 2rem;-webkit-border-radius: 2rem;border-radius:2rem;}

.about .h2{height:16rem;position:relative;margin:0 auto;width:60rem;padding:2rem 3rem;box-sizing:border-box;text-align:center}
.about .h2:before,.about .h2:after{content:"";position:absolute;top:4.4rem;display:block;z-index:1;width:6rem;height:1px;background:rgb(91, 137, 150, 0.4);}
.about .h2:before{left:10rem;}.about .h2:after{right:10rem;}
.about .h2 .i{font-size:4rem;line-height:5rem;height:6rem;color:#5b8996;font-weight:600;display:block;width:100%}
.about .h2 .e{font-size:2.2rem;line-height:3rem;color:#999;font-weight:600;display:block;width:100%}
.about .h2 .more{position: absolute;right:3rem;top:3rem}




.innews .h2{height:10rem;position:relative;margin:0 auto;width:100%;padding:2rem 3rem;box-sizing:border-box}
.innews .h2:before{content:"";position:absolute;top:8rem;display:block;z-index:1;width:6rem;left:3rem;height:.6rem;background:rgb(91, 137, 150, 0.4);}
.innews .h2 .i{font-size:4rem;line-height:5rem;color:#5b8996;font-weight:600;position: absolute;left:3rem;top:2rem;}
.innews .h2 .e{font-size:2.2rem;line-height:3rem;color:#999;;position: absolute;font-weight:600;left:20rem;top:2.4rem;}
.innews  .h2 .more{position: absolute;right:3rem;top:3rem}



.products .h2{height:9rem;position:relative;margin:0 auto;width:100%;padding:0 0 2rem 0;box-sizing:border-box;text-align:center;}
.products .h2:before{content:"";position:absolute;bottom:2rem;display:block;z-index:1;width:6rem;left:50%;margin-left:-3rem;height:.6rem;background:rgb(91, 137, 150, 0.4);}
.products .h2 i{font-size:4rem;line-height:5rem;color:#5b8996;font-weight:600;}

.products{width:100%;min-width:1260px;margin:0 auto;padding:5rem 0 0rem 0;background:#fff;background-size:100% auto;overflow:hidden}
.p_div{width:90%;max-width:1400px;min-width:1260px;position:relative;margin:0 auto;}
.products ul{padding:3rem 0 0 0;width:100%;margin:0 auto;position:relative;z-index:2;box-sizing: border-box;}
.products ul .pc{padding:1rem 0 2rem 0}
.products ul .swiper-slide{width:100%;padding:2rem;box-sizing:border-box;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: stretch;align-content: stretch;}


.products ul .swiper-slide li{-webkit-transition:0.3s ease 0s;transition:0.3s ease 0s;width:24%;background:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:0;-webkit-box-shadow:0px 0px 1.8rem 1rem #f2f3f8;-moz-box-shadow:0px 0px 1.8rem 1rem #f2f3f8;box-shadow:0px 0px 1.8rem 1rem #f2f3f8;}
.products ul .swiper-slide li img{width:100%;height:auto;display:block;border:1px solid #f2f2f2;box-sizing: border-box;-moz-border-radius:10px 10px 5px 5px;;-webkit-border-radius:10px 10px 5px 5px;;border-radius:10px 10px 5px 5px;}
.products ul .swiper-slide li p{font-size:1.8rem;font-weight:600;line-height:5rem;color:#333;height:6rem;width:100%;padding:0 20px;box-sizing: border-box;}
.products ul .swiper-slide li:hover{-webkit-box-shadow:0px 0px 1rem 0.3rem rgb(91, 137, 150, 0.4);-moz-box-shadow:0px 0px 1rem 0.3rem rgb(91, 137, 150, 0.4);box-shadow:0px 0px 1rem 0.3rem rgb(91, 137, 150, 0.4);}
.products ul .swiper-slide li:hover p{color:#5b8996;}
.products .page{width:100%;z-index:1;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: stretch;align-content: stretch;}
.products .page a{display:block;font-weight:200;padding:0 2rem;margin-left:1rem;font-size:16px;line-height:5rem;height:5rem;color:#000;background:rgb(255, 255, 255,.2);-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem}
.products .page li.on a{color:#5b8996;font-weight:800;background-image: linear-gradient(0deg,#f7f3e9,#fff) ;}



@media (min-width:320px) and (max-width:1024px){
    .products .h2{height:7rem;position:relative;margin:0 auto;width:100%;padding:0 0 2rem 0;box-sizing:border-box;text-align:center;}
    .products .h2:before{content:"";position:absolute;bottom:1.6rem;display:block;z-index:1;width:6rem;left:50%;margin-left:-3rem;height:.4rem;background:rgb(223, 183, 92, 0.4);}
    .products .h2 i{font-size:3rem;line-height:4rem;color:#5b8996;font-weight:600;}
    
    .products{width:100%;min-width:320px;padding:4rem 0 0rem 0;}
    .p_div{width:100%;max-width:1024px;min-width:320px;}
    .products ul{padding:1rem 0 0 0;}
    .products ul .pc{padding:1rem 0 2rem 0}
    .products ul .swiper-slide{width:100%;padding:1rem;display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: stretch;
        align-content: stretch;}
    
    
    .products ul .swiper-slide li{-webkit-transition:0.3s ease 0s;transition:0.3s ease 0s;width:48%;background:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:0;-webkit-box-shadow:0px 0px 1.8rem 1rem #f2f3f8;-moz-box-shadow:0px 0px 1.8rem 1rem #f2f3f8;box-shadow:0px 0px 1.8rem 1rem #f2f3f8;}
    .products ul .swiper-slide li:nth-child(n+3){margin-top:10px}
    .products ul .swiper-slide li img{width:100%;height:auto;display:block;border:1px solid #f2f2f2;box-sizing: border-box;-moz-border-radius:10px 10px 5px 5px;;-webkit-border-radius:10px 10px 5px 5px;;border-radius:10px 10px 5px 5px;}
    .products ul .swiper-slide li p{font-size:1.4rem;font-weight:600;line-height:4rem;color:#333;height:5rem;width:100%;padding:0 20px;box-sizing: border-box;}


    .products .page{overflow-x: auto;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: baseline;
        align-content: flex-start;}
    .products .page a{display:block;font-weight:200;padding:0rem;margin-left:1rem;text-align:center;font-size:14px;line-height:5rem;height:5rem;min-width:90px;box-sizing: border-box;}
    .products .page a.on{color:#5b8996;font-weight:800;background-image: linear-gradient(0deg,#f7f3e9,#fff) ;}

}

.inews{padding:3rem 0 8rem 0;width:100%;background:#fff;background-size:100% auto}
.innews{position:relative;padding:0;width:90%;max-width:1400px;min-width:1260px;margin:0 auto}
.inews ul{position:relative;width:calc(100% - 6rem);margin:3rem auto 2rem auto;padding:0;box-sizing: border-box;border-left:1px solid rgba(0,0,0,0.1);border-top:1px solid rgba(0,0,0,0.1);
display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;align-items: stretch;align-content: stretch;}


.inews ul li{backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);width:33.3333333%;padding:2rem 0;border-right:1px solid rgba(0,0,0,0.1);margin:0;box-sizing:border-box;position:relative;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;z-index:10;border-bottom:1px solid rgba(0,0,0,0.1)}
.innews .in_news_r a:first-child li{border-top:1px solid rgba(0,0,0,0.1)}

.innews li .tit{position:relative;z-index:3;font-size:2.2rem;line-height:2.2rem;height:2.2rem;padding:0.5rem 3rem;color:rgba(0,0,0,1);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.innews li .spec{font-size:1.6rem;line-height:2.6rem;height:6rem;box-sizing: border-box;padding:1rem 3rem 1rem 3rem;color:rgba(0,0,0,0.4);overflow:hidden;margin-bottom:0.5rem;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.innews li .itime{font-size:1.6rem;line-height:2.4rem;color:#999;padding:0 3rem 0rem 3rem;position:relative;color:rgba(0,0,0,0.5)}
.innews li .itime span{float:right;font-family:"iconfont";font-size:2.4rem;line-height:2.4rem;color:rgba(0,0,0,0.5);height:2.4rem;display:block;width:6rem;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.innews li:hover{background-color:#fff;-webkit-box-shadow:0px 0px 10px 8px #f2f3f6;-moz-box-shadow:0px 0px 10px 8px #f2f3f6;box-shadow:0px 0px 10px 8px #f2f3f6}
.innews li:hover .title{color:#5b8996}
.innews li:hover .itime span{color:#5b8996;text-align:right}
.innews .in_news_l .tit{position:absolute;top:-4.6rem}
.innews .in_news_l .tit{color:#fff}


@media (min-width:320px) and (max-width:1024px){
    .about{min-width:320px;max-width:1024px;background-size:auto 260px;margin:2rem auto}
    .about .about_div{width:96%;min-width:320px;max-width:1024px;padding:2rem;display:block;background:#fff;
        -webkit-box-shadow:0px 0rem 0.4rem 0.3rem #ddd;-moz-box-shadow:0px 0rem 0.4rem 0.3rem #ddd;box-shadow:0px 0rem 0.4rem 0.3rem #ddd;-moz-border-radius: 1rem;-webkit-border-radius: 1rem;border-radius:1rem;
    }
    .about .i_b_d{width:100%;overflow:hidden;}
    .about .i_b_d ul:before {
        width: 100vw;
        height: 90px;
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        background-image: linear-gradient(0,#fff,rgb(255,255,255,0.6),rgb(255,255,255,0));}
    .about .i_b_d ul{font-size:1.4rem;line-height:160%;color:#000;max-height:260px;position: relative;}
    .about .i_b_d ul p:nth-child(n+2){padding-top:1rem;}
    .about .i_a_d{width:100%;max-width:1024px;padding:2rem 0 0rem 0;}
    .about .i_a_d img{display:block;max-width:100%;max-height:100%;position:relative;-moz-border-radius: 2rem;-webkit-border-radius: 2rem;border-radius:2rem;}
    
    .about .h2{height:15rem;width:100%;padding:1rem 0rem;}
    .about .h2:before{content:"";position:absolute;top:6.5rem;left:calc(50% - 3rem);display:block;z-index:1;width:6rem;height:4px;background:rgb(223, 183, 92, 0.6);}
    .about .h2:after{display:none}
    .about .h2 .i{font-size:3rem;line-height:5rem;height:7rem;color:#5b8996;font-weight:600;display:block;width:100%}
    .about .h2 .e{font-size:1.4rem;line-height:3rem;color:#999;font-weight:600;display:block;width:100%}



    .innews .h2{height:6rem;position:relative;margin:0 auto;width:90%;padding:1rem 0 0 0;box-sizing:border-box;z-index:1}
    .innews .h2:before{content:"";position:absolute;top:5rem;display:block;z-index:1;width:4rem;left:0;height:.3rem;background:#5b8996;}
    .innews .h2 .i{font-size:2.4rem;line-height:4rem;color:#5b8996;font-weight:600;position: absolute;left:0rem;top:1rem;}
    .innews .h2 .e{display:none}
    .innews .h2 .more{position: absolute;right:0rem;top:1.5rem}

    .inews{padding:0rem 0 3rem 0;overflow:hidden;}
    .inews .h2{width:100%}
    .innews{width:90%;max-width:1024px;min-width:280px;}
    .inews ul{position:relative;width:100%;margin:0;padding:0;box-sizing: border-box;border:none;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: flex-start;align-items: stretch;align-content: stretch;}
    
    
    .inews ul li{width:100%;box-sizing: border-box;padding:1rem 0;border:0;border-bottom:1px solid rgba(0,0,0,0.1)}
    .innews .in_news_r a:first-child li{border-top:1px solid rgba(0,0,0,0.1)}
    
    .innews li .tit{position:relative;z-index:3;font-size:1.6rem;line-height:2.2rem;height:2.2rem;padding:0.5rem 0rem;color:rgba(0,0,0,1);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
    .innews li .spec{font-size:1.2rem;line-height:2rem;height:4rem;box-sizing: border-box;padding:0rem 0rem 1rem 0rem;color:rgba(0,0,0,0.4);}
    .innews li .itime{font-size:1.4rem;line-height:2.4rem;color:#999;padding:0;position:relative;color:rgba(0,0,0,0.5)}
    .innews li .itime span{float:right;font-family:"iconfont";font-size:1.4rem;line-height:2.4rem;color:rgba(0,0,0,0.5);height:2.4rem;display:block;width:6rem;text-align:center;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
    .innews li:hover{background-color:#fff;-webkit-box-shadow:0px 0px 10px 8px #f2f3f6;-moz-box-shadow:0px 0px 10px 8px #f2f3f6;box-shadow:0px 0px 10px 8px #f2f3f6}
    .innews li:hover .title{color:#0068b7}
    .innews li:hover .itime span{color:#0068b7;text-align:right}
    .innews .in_news_l .tit{position:absolute;top:-4.6rem}
    .innews .in_news_l .tit{color:#fff}
}



.bottom{width:100%;padding:3rem 0 2rem 0;background:#000;min-width:126rem}
.bottom .ul{width:90%;min-width:1200px;max-width:1360px;margin:0 auto}
.bottom .links{width:100%;min-width:1260px;margin:0 auto;padding:20px 0;position:relative;display:flex;flex-direction:row;justify-content:space-between}
.bottom .links .contact{width:40rem}
.bottom .links .contact h2{font-size:2rem;font-weight:600;color:#fff;height:50px;line-height:40px;position:relative}
.bottom .links .contact h2:before{width:6rem;height:3px;background:#fff;content:"";position:absolute;left:0;top:46px}
.bottom .links .contact ul{font-size:1.6rem;line-height:30px;color:#fff;padding:1.5rem 0}
.bottom .links .contact ul a{color:#fff}
.bottom .links .ew{width:50%;position:relative;text-align:left}
.bottom .links .ew ul{	display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between;align-items: stretch;align-content: stretch;}
.bottom .links .ew ul li{text-align:center;position:relative;}
.bottom .links .ew ul li a{display:block;padding:0 2rem 0 0;color:#fff;font-size:1.8rem;line-height:40px;color:rgba(255,255,255,1);font-weight:600}
.bottom .links .ew ul li a:hover{color:#5b8996}
.bottom .itext{font-size:14px;line-height:26px;color:rgba(255,255,255,0.4);padding:10px 0;margin:10px 0 0 0;width:90%;border-top:1px solid rgba(255,255,255,0.2)}
.bottom .itext a{font-size:14px;line-height:26px;color:rgba(255,255,255,0.4)}


.chp,.pnews{width:100%;padding:3rem;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:stretch;align-content:stretch;box-sizing:border-box}
.chp li,.pnews li{width:calc(33.33333% - 1.5rem);margin:0 0 3rem 0;border:1px solid #f2f2f2;box-sizing:border-box;position:relative;padding:1rem;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem}
.chp li a{display:block;width:100%;height:auto}
.chp li a img,.pnews li img{display:block;width:100%;height:auto;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}


.chp li i,.pnews li p{width:100%;font-size:1.8rem;font-weight:600;color:#000;display:block;line-height:5rem;height:5rem;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.chp li em{font-size:1.4rem;color:#333;display:block;line-height:3rem;height:3rem;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.chp li:hover i,.pnews li:hover i{color:#5b8996}
.chp li:hover,.pnews li:hover{-webkit-box-shadow:5px 5px 5px 0px #c59c1e;-moz-box-shadow:5px 5px 5px 0px #c59c1e;box-shadow:0px 0px 10px 8px #f2f3f8}


.title{font-size:28px;padding:3rem 5% 2rem 5%;width:90%;font-weight:bold;margin:0px auto;text-align:center}
.attr{border-bottom:1px dashed #ededed;font-size:16px;line-height:3rem;padding-bottom:1rem;color:#999;width:100%;margin:0 auto;text-align:center}
.attr i{color:#865d44;padding-right:10px;font-family:"iconfont"}
.np{width:100%;margin:0 auto;padding:1rem 2rem;box-sizing:border-box;line-height:30px;color:#6D6C7A;text-align:left;font-size:16px;clear:both;font-weight:normal;margin:10px auto 0 auto;border-top:1px dashed #f2f2f2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.np p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.np a{font-size:16px;line-height:30px;color:#000}
.np a:hover{color:#5b8996}



.search{width:100%;border-bottom:1px solid #f2f2f2;font-size:1.6rem;line-height:40px;padding:15px 0;margin:0 auto 40px auto}
.tnav{width:90%;max-width:1360px;min-width:1260px;margin:2rem auto;position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch}


.pro_class,.pro_show_class{background:#fff;background-size:100% auto;width:26rem;border:1px solid #f2f2f2;box-sizing:border-box;margin:0}
.pro_class h2,.pro_show_class h2{position:relative;font-size:3rem;box-sizing:border-box;text-align:center;line-height:8rem;height:8rem;color:#999;font-weight:600;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem}
.pro_class h2:before,.pro_class h2:after,.pro_show_class h2:before,.pro_show_class h2:after{content:"";display:block;width:2rem;height:0.3rem;background:rgb(153, 153, 153,0.4);position:absolute;top:52%;font-family:"iconfont"}
.pro_class h2:after,.pro_show_class h2:after{right:3rem}
.pro_class h2:before,.pro_show_class h2:before{left:3rem}
.pro_class ul,.pro_show_class ul{padding:1rem}
.pro_class ul li,.pro_show_class ul li{font-size:1.6rem;line-height:4rem;color:#333;border-top:1px solid #f2f2f2;}
.pro_class ul li a,.pro_show_class ul li a{display:block;width:100%;font-size:1.6rem;line-height:5rem;color:#666;text-align:center;padding:0 2rem;box-sizing: border-box;}
.pro_class ul li a:hover,.pro_show_class ul li a:hover{color:#5b8996;background:#f2f2f2;font-weight:600}
.pro_show_class ul li.on,.pro_show_class ul li.on a{color:#5b8996;}
.tnav .h1{line-height:8rem;height:8rem;color:#5b8996;font-size:3.2rem;font-weight:600;padding:0 3rem;box-sizing:border-box;width:100%;position:relative;border-bottom:1px solid #f2f2f2}
.tnav .h1:before{content:"";display:block;width:8rem;height:1px;background:#5b8996;position:absolute;left:3rem;bottom:0;font-family:"iconfont"}


.neirong{font-size:16px;width:calc(100% - 28rem);border:1px solid #ededed;overflow:hidden;padding:0;color:#000;box-sizing:border-box;margin:0;}
.neirong .ul{width:100%;padding:3rem;margin:0 auto;min-height:400px;box-sizing:border-box;font-size:16px;line-height:180%;color:#000}
.neirong .ul img{max-width:1080px;height:auto}
.neirong .ul p{padding:5px 0}
.neirong .ul a{font-size:16px;line-height:180%;color:#000}
.neirong .ul a:hover{font-size:16px;line-height:180%;color:#5b8996}
.neirong .ul .tb{width:100%;overflow-y:hidden}
.neirong .ul .tb2{overflow-y:scroll}

.neirong .ul h1,.neirong .ul h2,.neirong .ul h3,.neirong .ul h4,.neirong .ul h5,.neirong .ul h6{font-weight:600;line-height:100%;position:relative;padding-bottom:1rem}
.neirong .ul h1{font-size:2.4rem;margin:2rem auto 0 auto;color:#5b8996}
.neirong .ul h2{font-size:2.2rem;margin:2rem auto 0 auto;color:#000}
.neirong .ul h3{font-size:2rem;margin:2rem auto 0 auto;color:#333}
.neirong .ul h4{font-size:1.8rem;margin:2rem auto 0 auto;color:#666}
.neirong .ul h5{font-size:1.6rem;margin:2rem auto 0 auto;color:#666}
.neirong .ul h6{font-size:1.6rem;margin:2rem auto 0px auto;color:#000}
.neirong .ul dl{border:1px solid #ededed;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.neirong .ul dl dt{font-size:16px;line-height:40px;text-align:left;padding:5px 2rem;background:#ededed;font-weight:600;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}
.neirong .ul dl dd{padding:2rem}
.neirong .ul dl dd li{padding:4px;border-bottom:1px solid #f2f2f2}
.neirong .ul dl dd li a{font-size:16px;line-height:30px;display:block}

@media (min-width:320px) and (max-width:1024px){
    .tnav{width:100%;max-width:1024px;min-width:320px;margin:2rem auto;position:relative;display: flex;
        flex-direction: column-reverse;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: stretch;
        align-content: stretch;}
        .pro_class,.pro_show_class{width:100%;border:0;border-top:1px solid #f2f2f2;-moz-border-radius:1rem;-webkit-border-radius:1rem;border-radius:1rem}
        .pro_class h2,.pro_show_class h2{font-size:2.2rem;line-height:6rem;height:6rem;}
        .pro_class h2:before,.pro_class h2:after,.pro_show_class h2:before,.pro_show_class h2:after{display:none}
        .pro_class ul,.pro_show_class ul{padding:0rem;width:90%;margin:0 auto}

        .tnav .h1{line-height:6rem;height:6rem;font-size:2.6rem;width:90%;margin:0 auto;padding:0}
        .tnav .h1:before{content:"";display:block;width:6rem;height:1px;background:#5b8996;position:absolute;left:0rem;bottom:0;font-family:"iconfont"}
        
        .neirong{width:100%;border:0;}
        .neirong .ul{padding:2rem 0;width:90%;}
        .neirong .ul img{max-width:100%;height:auto}


        .chp,.pnews{width:90%;padding:2rem 0;margin:0 auto}
        .chp li,.pnews li{width:48%;margin:0 0 2rem 0;border:1px solid #f2f2f2;padding:0.5rem;}
 
        .chp li i,.pnews li p{width:100%;font-size:1.4rem;line-height:4rem;height:4rem;}
        .chp li em{font-size:1.2rem;}
 
        .title{font-size:20px;padding:2rem 5% 1rem 5%;width:90%;}
        .attr{font-size:12px;}
        .attr i{color:#865d44;padding-right:10px;font-family:"iconfont"}

        .np{width:90%;margin:0 auto;padding:1rem 0;box-sizing:border-box;line-height:30px;color:#6D6C7A;text-align:left;font-size:16px;clear:both;font-weight:normal;margin:10px auto 0 auto;border-top:1px dashed #f2f2f2;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
        .np p{font-size:14px;line-height:30px;}
        .np a{font-size:14px;line-height:30px;color:#000}
        .np a:hover{color:#5b8996}
        

}

.pro_datail table{margin:10px auto;width:100%;border-spacing:0px;background:#fff;border:0;border-top:2px solid #000;border-bottom:2px solid #000;}
.pro_datail th{background:#ededed;background:#f2f2f2;font-weight:700;padding:8px}
.pro_datail td{font-size:14px;color:#000;padding:8px;border-collapse:0;background:#fff;border:0;border-bottom:1px solid rgb(0, 0, 0,0)}
.pro_datail table tr:nth-child(1) td{border-bottom:1px solid #000;font-weight:600}
.pro_datail td p{padding:0}
.pro_datail table tr:hover td{background:#f2f3f8}

.news{width:100%;margin:0 auto;padding:3rem;box-sizing:border-box}
.news li{width:100%;margin:20px auto;padding-bottom:15px;position:relative}
.news li a{display:block;width:100%;display:flex;padding:0;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch}
.news li .n_time{width:80px;height:80px;border:1px solid #f2f2f2;float:left;margin:0 30px 0 0;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.news li .n_time i{font-size:30px;line-height:45px;display:block;color:#5b8996;border-bottom:1px solid #f2f2f2;width:90%;margin:0 auto;font-weight:800}
.news li .n_time em{font-size:14px;line-height:30px;display:block;color:#666}
.news li .n_text{width:calc(100% - 100px)}
.news li .n_p_t{width:calc(100% - 100px);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;align-content:stretch}
.news li .n_p{width:15%;height:auto;border:1px solid #f2f2f2;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;overflow:hidden}
.news li .n_p img{display:block;max-width:100%;max-height:100%;-webkit-transition:All .5s ease;transition:All .5s ease}
.news li .n_p_text{width:83%}
.news li .n_title{font-size:20px;font-weight:bold;line-height:20px;padding-bottom:15px;display:block;color:#333}
.news li .n_desc{font-size:1.6rem;line-height:3rem;font-weight:300;max-height:6rem;color:#666;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
@media (min-width:320px) and (max-width:1024px){

    .news{width:90%;padding:20px 0rem;}
    .news li{width:100%;margin:10px auto;padding-bottom:15px;position:relative}
    .news li a{display:block;width:100%;display:flex;padding:0;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:stretch;align-content:stretch}
    .news li .n_time{width:60px;height:60px;border:1px solid #f2f2f2;float:left;margin:0 0 0 0;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
    .news li .n_time i{font-size:20px;line-height:35px;display:block;color:#5b8996;border-bottom:1px solid #f2f2f2;width:90%;margin:0 auto;font-weight:800}
    .news li .n_time em{font-size:12px;line-height:22px;display:block;color:#666}
    .news li .n_text{width:calc(100% - 80px)}
    .news li .n_p_t{width:calc(100% - 80px);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:flex-start;align-content:stretch}
    .news li .n_p{width:15%;height:auto;border:1px solid #f2f2f2;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;overflow:hidden}
    .news li .n_p img{display:block;max-width:100%;max-height:100%;-webkit-transition:All .5s ease;transition:All .5s ease}
    .news li .n_p_text{width:83%}
    .news li .n_title{font-size:16px;font-weight:bold;line-height:20px;padding-bottom:10px;}
    .news li .n_desc{font-size:1.4rem;line-height:2.6rem;font-weight:300;max-height:5.2rem}

}
.hei{position:fixed;width:100%;left:0;background:rgba(0,0,0,0.6);z-index:9999;vertical-align:middle;line-height:100%}
.hei .close{cursor:pointer;width:50px;height:50px;background:#000;position:absolute;right:10px;top:10px;font-family:'iconfont';-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;font-size:16px;line-height:50px;text-align:center;color:#fff}
.hei img{display:block;width:auto;height:auto;position:absolute;max-width:80%;max-height:80%;left:50%;top:50%;animation-duration:3s;transition:0.6s ease 0s;opacity:0.1;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
.hei{position:fixed;width:100%;left:0;background:rgba(0,0,0,0.6);z-index:9999;vertical-align:middle;line-height:100%}
.hei .close{cursor:pointer;width:50px;height:50px;background:#000;position:absolute;right:10px;top:10px;font-family:'iconfont';-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;font-size:16px;line-height:50px;text-align:center;color:#fff}
.hei img{display:block;width:auto;height:auto;position:absolute;max-width:80%;max-height:80%;left:50%;top:50%;animation-duration:3s;transition:0.6s ease 0s;opacity:0.1;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
.pg{width:100%;text-align:center;height:60px;color:#6D6C7A;font-size:14px;line-height:40px;margin:5px auto;padding:20px 0 0 0;border-top:1px solid #f2f2f2}
.pg span{display:inline-block;*display:inline;*zoom:1;width:40px;height:40px;border:1px solid #ddd;background:#f5f5f5;text-align:center;padding:0;margin:0 3px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;overflow:hidden}
.pg .hend{width:40px;font-family:"iconfont" !important}
.pg .end{width:40px;clear:both;font-family:"iconfont" !important}
.pg a{font-size:14px;line-height:40px;color:#000;display:block;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
.pg a:hover{font-size:14px;line-height:40px;color:#fff;background:#28343c}
.pg .current{background:#28343c;color:#fff}
.pg .current a{color:#fff}
.backToTop{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:9999;width:45px;height:45px;padding:0px;background:#5b8996;font-family:"iconfont";font-size:24px;line-height:45px;color:#fff;text-align:center;cursor:pointer;right:15px;position:fixed;bottom:15px;box-shadow:0 4px 23px 5px rgba(0,0,0,0.2),0 2px 6px rgb(255,255,255);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.backToTop:hover{background-color:#ad882b}

.more{width:10rem;height:4.2rem;background:#fff;-moz-border-radius:0.5rem;-webkit-border-radius:0.5rem;border-radius:0.5rem;-webkit-transition:all .3s;z-index:2;-moz-transition:all .3s;transition:all .3s;position:relative;overflow:hidden;border:0.1rem solid rgba(0,0,0,0.1);box-sizing:border-box}
.more i{font-size:1.4rem !important;line-height:4rem !important;box-sizing:border-box;display:block;width:8rem;padding:0;color:#5b8996;position:absolute;left:1rem;z-index:2;}
.more u{text-decoration:none;font-family:"iconfont" !important;display:block;position:absolute;width:2.6rem;box-sizing:border-box;right:0;top:1.2rem;font-size:1.2rem !important;height:1.6rem;line-height:1.6rem;;padding:0 0 0 0.5rem;border-left:1px solid rgba(0,0,0,0.1);color:#999}
.more:hover{-webkit-box-shadow:0px 10px 16px 0px rgba(0,0,0,.1);-moz-box-shadow:0px 10px 16px 0px rgba(0,0,0,.1);box-shadow:0px 10px 16px 0px rgba(0,0,0,.1)}
.more:before{box-sizing: border-box;border-radius:50%;content:"";display:block;height:0;left:50%;top:50%;padding-top:100%;position:absolute;transform:translateX(-50%) translateY(-50%);transition:all .6s;width:100%;overflow:hidden}
.more:hover:before{-webkit-animation:button_style_0_anim .75s;animation:button_style_0_anim .75s;z-index:1}
.li_list li{width:100%;padding-right:20%;font-size:1.6rem;line-height:4.6rem;height:4.6rem;border-bottom:1px solid #f2f2f2;overflow:hidden;position: relative; white-space:nowrap;text-overflow:ellipsis;box-sizing: border-box;}
.li_list li:hover{background:#f2f3f8}
.li_list span{display:block;width:20%;position: absolute;right:0;top:0;height:4.6rem;text-align:right}
.li_list span a{font-size: 1.6rem !important;;color: #5b8996 !important;}
@-webkit-keyframes button_style_0_anim{
    0%{background:rgba(0,0,0,.25);transform:translateX(-50%) translateY(-50%) scale(0)}
to{background:transparent;transform:translateX(-50%) translateY(-50%) scale(1)}
}
@keyframes button_style_0_anim{
    0%{background:rgba(0,0,0,.25);transform:translateX(-50%) translateY(-50%) scale(0)}
to{background:transparent;transform:translateX(-50%) translateY(-50%) scale(1)}
}

@media (max-width:1024px){

.backToTop{width:35px;height:35px;font-size:16px;line-height:35px}
.more{z-index:2;width:4rem;padding:0rem;height:3rem;border:1px solid rgb(0, 0, 0, 0.05)}
.more i{display:none}
.more u{width:100%;font-size:1.4rem;line-height:3rem;height:3rem;text-align:center;border:0;top:0;padding:0;}

.bottom{width:100%;padding:3rem 0 2rem 0;min-width:32rem;max-width:1024px;}
.bottom .ul{width:90%;min-width:320px;max-width:1024px;margin:0 auto}
.bottom .links{width:100%;min-width:320px;margin:0 auto;padding:10px 0 0 0;position:relative;display:block}
.bottom .links .contact{width:100%}
.bottom .links .contact h2{font-size:1.8rem;font-weight:600;color:#fff;height:50px;line-height:40px;position:relative}
.bottom .links .contact h2:before{width:6rem;height:3px;background:#fff;content:"";position:absolute;left:0;top:46px}
.bottom .links .contact ul{font-size:1.6rem;line-height:30px;color:#fff;padding:1.5rem 0}
.bottom .links .contact ul a{color:#fff}
.bottom .links .ew{width:100%;}
.bottom .links .ew ul{display:none}
.bottom .itext{font-size:14px;width:100%;}
.bottom .itext a{font-size:14px;line-height:26px;color:rgba(255,255,255,0.4)}


}