@import "//at.alicdn.com/t/c/font_4795847_g3k6ib4wz7e.css";
/*   作者：愫愫小洁    QQ-389070819     网址：http://www.iching.top   */
/*通用开始*/
body,body *{margin:0;padding:0;list-style-type:none;font-family:"Microsoft YaHei","微软雅黑", "Segoe UI", "Lucida Grande", Helvetica, Arial, FreeSans, Arimo, "Droid Sans","wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", Arial, sans-serif; text-decoration:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
/**,:before ,*:after{ box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}*/
html{font-size:10px; color: #333;background: #fff}
html.on{overflow: hidden;}
body{ font-size:1.6rem;background-color: #fff}
h1{font-size:4rem}
h2{font-size: 3.5rem;}
/*h3{font-size: 1.6rem;}*/
h4{font-size: 1.8rem}
h5{font-size: 1.6rem}
h6{font-size: 1.4rem}
a:link{color: #333;transition:all 0.5s}
a:visited{color: #333}
a:hover{text-decoration:none; color: #17a0c7 !important;}
a:active{color: #222}
img{border: 0;outline: 0}
.none{display: none}
.pc-none{display: none}
.m-none{}
.sj-hidden{overflow: hidden}
.sj-visibility{visibility: hidden}

a{text-decoration: none !important;}
/*html5*/
abbr, article, aside, audio, canvas, datalist, details, dialog,figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, pre,col, section, time, video,main{display: block}
/*主题色*/
.sj-color-a{color: #17a0c7!important;}/*主题色*/
.sj-color-b{color:#23e2c0!important;}/*凸显色*/
.sj-color-c{color:#0f7d99!important;}/*字体颜色主色调*/
.sj-color-e{color: cornflowerblue!important;}/*字体色*/
.sj-color-666{color: #666!important;}/*字体色*/
.sj-color-999{color: #999!important;}/*字体色*/
.sj-color-fff{color: #fff!important;}/*字体色*/
.sj-color{color: #333}


/*背景色*/
.sj-bg-color-a{background: #17a0c7}/*背景浅色调*/
.sj-bg-color-b{background-color: #23e2c0}/*凸显色*/
.sj-bg-color-c{background-color: #f0f0f0}/*背景浅色调*/
.sj-border-color1{border: 1px #ededed  solid;}
.sj-bg-color-fff{background-color: #fff}/*166 146 108*/

/*横线*/
.sj-border-radius-5{border-radius: 5px}
.sj-border-radius-10{border-radius: 10px}
.sj-border-radius-c{border-radius: 50%}
.sj-noselect{user-select: none}

.f-w{font-weight: bold}
.clear{ clear:both;height: 0;display: block;width: 100%}
.sj-ellipsis{ white-space:nowrap; overflow: hidden;text-overflow:ellipsis;width: 100%}
.sj-ellipsis2{ -webkit-line-clamp: 2 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical !important ;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.sj-ellipsis3{ -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}
.sj-ellipsis5{ -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}
.w1400{ max-width:1400px;width:100%; margin-left: auto; margin-right: auto;}
.w100{width: 100%}


.sj-font-size-30{font-size:3rem !important;}
.sj-font-size-28{font-size:2.8rem !important;}
.sj-font-size-25{font-size:2.5rem !important;}
.sj-font-size-20{font-size:2rem !important;}
.sj-font-size-17{font-size:1.7rem!important;}
.sj-font-size-16{font-size:1.6rem!important;}
.sj-font-size-14{font-size:1.4rem!important;}
.sj-font-size-18{font-size:1.8rem!important;}
.sj-font-weight-normal{font-weight: normal}
/*内外边距行高*/
.mt5{margin-top: 5px}.mt10{margin-top: 10px}.mt15{margin-top: 15px}.mt20{margin-top: 20px}.mt25{margin-top: 25px}.mt30{margin-top: 30px}.mt35{margin-top: 35px}.mt40{margin-top: 40px}.mt50{margin-top: 50px}.mt60{margin-top: 60px}.mt70{margin-top: 70px}.mt80{margin-top: 80px}.mt90{margin-top: 90px}.mt100{margin-top: 100px}
.mr5{margin-right: 5px}.mr10{margin-right: 10px}.mr15{margin-right: 15px}.mr20{margin-right: 20px}.mr25{margin-right: 25px}.mr30{margin-right: 30px}.mr35{margin-right: 35px}.mr40{margin-right: 40px}.mr50{margin-right: 50px}.mr60{margin-right: 60px}.mr70{margin-right: 70px}.mr80{margin-right: 80px}.mr90{margin-right: 90px} .mr100{margin-right: 100px}
.mb5{margin-bottom: 5px}.mb10{margin-bottom: 10px}.mb15{margin-bottom: 15px}.mb20{margin-bottom: 20px}.mb25{margin-bottom: 25px}.mb30{margin-bottom: 30px}.mb35{margin-bottom: 35px}.mb40{margin-bottom: 40px}.mb50{margin-bottom: 50px}.mb60{margin-bottom: 60px}.mb70{margin-bottom: 70px}.mb80{margin-bottom: 80px}.mb90{margin-bottom: 90px}.mb100{margin-bottom: 100px}
.ml5{margin-left: 5px}.ml10{margin-left: 10px}.ml15{margin-left: 15px}.ml20{margin-left: 20px}.ml25{margin-left: 25px}.ml30{margin-left: 30px}.ml35{margin-left: 35px}.ml40{margin-left: 40px}.ml50{margin-left: 50px}.ml60{margin-left: 60px}.ml70{margin-left: 70px}.ml80{margin-left: 80px}.ml90{margin-left: 90px}.ml100{margin-left: 100px}
.pt5 {padding-top: 5px}.pt10{padding-top: 10px}.pt15{padding-top: 15px}.pt20{padding-top: 20px}.pt25{padding-top: 25px}.pt30{padding-top: 30px}.pt40{padding-top: 40px}.pt50{padding-top: 50px}.pt60{padding-top: 60px}.pt70{padding-top: 70px}.pt80{padding-top: 80px}.pt90{padding-top: 90px}.pt100{padding-top: 100px}
.pr5 {padding-right: 5px}.pr10{padding-right: 10px}.pr15{padding-right: 15px}.pr20{padding-right: 20px}.pr25{padding-right: 25px}.pr30{padding-right: 30px}.pr40{padding-right: 40px}.pr50{padding-right: 50px}.pr60{padding-right: 60px}.pr70{padding-right: 70px}.pr80{padding-right: 80px}.pr90{padding-right: 90px}.pr100{padding-right: 100px}
.pb5 {padding-bottom: 5px}.pb10{padding-bottom: 10px}.pb15{padding-bottom: 15px}.pb20{padding-bottom: 20px}.pb25{padding-bottom: 25px}.pb30{padding-bottom: 30px}.pb40{padding-bottom: 40px}.pb50{padding-bottom: 50px}.pb60{padding-bottom: 60px}.pb70{padding-bottom: 70px}.pb80{padding-bottom: 80px}.pb90{padding-bottom: 90px}.pb100{padding-bottom: 100px}
.pl5{padding-left: 5px}.pl10{padding-left: 10px}.pl15{padding-left: 15px}.pl20{padding-left: 20px}.pl25{padding-left: 25px}.pl30{padding-left: 30px}.pl40{padding-left: 40px}.pl50{padding-left: 50px}.pl60{padding-left: 60px}.pl70{padding-left: 70px}.pl80{padding-left: 80px}.pl90{padding-left: 90px}.pl100{padding-left: 100px}
.p5{padding: 5px}.p10{padding: 10px}.p15{padding: 15px}.p20{padding: 20px}.p25{padding: 25px}.p30{padding: 30px}.p35{padding: 35px}.p40{padding: 40px}.p50{padding: 50px}.p60{padding: 60px}.p70{padding: 70px}.p80{padding: 80px}.p90{padding: 90px}.p100{padding: 100px}
.lh10{line-height: 10px}.lh15{line-height: 15px}.lh20{line-height: 20px}.lh25{line-height: 25px}.lh30{line-height: 30px}.lh35{line-height: 35px}.lh40{line-height: 40px}.lh50{line-height: 50px}.lh60{line-height: 60px}.lh70{line-height: 70px}.lh80{line-height: 80px}.lh90{line-height: 90px}.lh100{line-height: 100px}
/*旋转*/
@keyframes ro { 0% {
    transform: rotate(0deg);
}
    100% {
        transform: rotate(360deg);

    }
}
.ro{animation: ro 1.2s linear infinite;}

.center{text-align: center}
.lh10{line-height: 10px}
.lh15{line-height: 15px}
.lh20{line-height: 20px}
.lh30{line-height: 30px}
/*按钮*/
.btns{transition: all 0.5s;width: 150px;cursor: pointer;height: 30px;border: 0;text-align: center;color: #fff;background-color: #f47920;font-size: 14px}
.btns:hover{background-color: #FF9900}
/*分页*/
.sj-fy{float: left;width: 820px; text-align: center;padding: 39px 0}
.sj-fy  li{transition: all 0.2s; height: 28px;line-height: 28px;min-width: 25px; text-align: center;background-color: #efefef; margin: 0 2px;padding: 0 5px;display: inline-block;cursor: pointer;font-size: 1.3rem}
.sj-fy  li a{display: block;}
.sj-fy  li a:hover{text-decoration: none}
.sj-fy  li:hover{transform:scale(1.2);}
.sj-fy  li.thisclass{background-color:#a6926c;color: #fff }
.sj-fy  li.thisclass a{color: #fff }
/* 清除左右边框 */
.clear-left-border{border-left: 0 !important;}
.clear-right-border{border-right: 0 !important;}
.sj-z-index{text-indent: 2em}
/*.sj-ellipsis{text-overflow: ellipsis;white-space: nowrap;width: 100%;overflow: hidden;}*/
/*.sj-ellipsis2{text-overflow: ellipsis;white-space: nowrap;width: 100%;overflow: hidden;line-clamp: 2}*/
/*广告*/

/*通用结束*/
.searchs{padding-top: 50px;}
.searchs form{max-width: 500px;height: 40px;line-height: 40px;border-radius: 10px;overflow: hidden;border: 2px #1db5a0 solid;margin: 0 auto;}
.searchs form input{padding: 0 20px;border: 0;font-size: 1.6rem}
.searchs form input:nth-of-type(1){flex: 1}
.searchs form input:nth-of-type(1):focus{background-color: #efefef}
.searchs form input:nth-of-type(2){background-color: #1db5a0;color: #fff;cursor: pointer}
/*top 导航栏*/
.sj-top-nav{position: fixed;z-index:999999999;left: 0;top: 0; width:100%;height: 80px;border-bottom: 1px #e6e6e6 solid;transition: all 0.5s;}
.sj-top-nav.up{transform: translateY(-100%);transition: all .5s;}
.sj-top-nav>div{height: 80px;font-size: 1.8rem}
.sj-top-nav>div ul{transition: all 0.5s;}
.sj-top-nav>div li{padding: 0 25px;position: relative;cursor: pointer;}
.sj-top-nav>div li:before{position: absolute;content: '';border: 1px #ccc dashed;height: 30px;width: 0;border-radius: 50%;left: 0;top: 0}
.sj-top-nav>div li:first-child:before{display: none;}

.sj-top-nav .on a{color: #17a0c7}
.sj-top-nav .logo{height: 40px}
.search{}
.sj-top-nav .search .iconfont{font-size: 2.5rem}
.sj-top-nav .menuicon{display: none;}
.sj-top-nav .menuicon .iconfont{font-size: 2.5rem}

/*logo*/
.sj-logo{text-align: center;margin-top: 239px}
.sj-logo img{float: left;margin-top: -17px;cursor: pointer}
.sj-logo .sj-search{margin: 0 auto;height: 40px;line-height: 40px;border: 0px #FF9900 solid;width: 650px}
.sj-logo .sj-search>div{float: right;height: 40px;border-width: 2px;border-radius: 5px;border-style: solid;width: 500px;background-color: #a6926c}
.sj-logo .sj-search>div .sj-search-btn{transition: all 0.2s; height: 40px;line-height: 50%;text-align: center;color: #fff;width: 100px;border: 0;outline: 0;float: left;font-size: 20px;cursor: pointer;}
.sj-logo .sj-search>div .sj-search-btn:hover{background-color: brown}
.sj-logo .sj-search>div .sj-search-input{float: left;height: 40px;width: 399px;padding: 0 10px;font-size: 18px}
.sj-logo .sj-search input{border: 0;outline: 0}
.sj-top-bg{height: 460px;position: absolute;left: 0;top: 40px;width: 100%;z-index: -1}
/*top 导航栏*/
.sj-nav{width:100%;text-align: center;height:120px;border: 1px #efefef solid;border-radius: 9px;background-color: rgba(255,255,255,0.4);}
.sj-nav>div{margin: 10px;background-color: rgba(255,255,255,0.7);border: 1px #fff solid;height: 100px;border-radius: 2px}
.sj-nav ul{width: 273px;margin: 20px auto;height: 60px;border-left: 1px #ffffff solid;border-right: 1px #b3a57d solid;float: left;padding: 0 10px}
.sj-nav ul li{height: 30px;line-height: 30px;padding: 0 ;margin: -1px;position: relative}
.sj-nav ul li em{font-style: normal;background-color: #fff}
.sj-nav ul li span{float:left;margin-top: 6px;font-size: 18px;width: 32px;color: #a6926c}
.sj-nav ul li a:nth-of-type(1){font-weight: bold}
.sj-nav ul li a{padding: 0 10px;float: left;font-size: 16px;}
.sj-index{min-height: 80px}
.sj-index-header-h2{
    position: relative;padding: 8px 0;
}
.sj-index-header-h2:before{height: 2px;content: '' ;width: 50px;background-color: #17a0c7;position: absolute;bottom: 0}
.sj-index-tuijian{background-color: #f8f8f8;}
.sj-index-tuijian img{width: 260px;height: 260px;margin-right:10px}
.sj-index-tuijian>div{width: 1050px;margin-left: 20px}
.sj-index-tuijian>div p{line-height: 170%;font-size: 1.7rem}
.sj-index-tuijian h2 {transition: all 0.6s}
.sj-index-tuijian h2:hover {color: #17a0c7 !important;}
/*栏目标题图*/

/* 页脚 */
.sj-footer{margin-top: 30px; background: #f2f2f2;font-size: 1.5rem;color: #666 }
.sj-footer .full{background-color: #e6e6e6 }
.sj-footer .footerlogo{height: 100px;border-bottom: 1px #e2e2e2 solid}
.sj-footer .footerlogo .logo{height: 40px}
.sj-footer .footerlogo .guanzhu span{display: inline-flex;background: #ccc;border-radius: 5px;width: 35px;height: 35px;justify-content: center;align-items: center}
.sj-footer .footerlogo .guanzhu strong{font-size: 1.8rem;font-weight: normal;margin-right: 10px}
.sj-footer .copyright{display: flex;justify-content: center;align-items: center;min-height: 50px;}
.sj-footer .copyright span{display: inline-block;margin-right: 15px}
.sj-footer .copyright a{color: #666}
.sj-footer .nav{padding: 30px 0}
.sj-footer .nav li{padding: 3px}
.sj-footer .nav h3{font-size: 1.7rem;color: #333;padding: 8px 0}

 .sj-radius-50{border-radius: 50%}


.sj-index .swiper {width: 100%;margin-top: 80px;}
.sj-index .swiper-slide {background-size: cover !important; padding-top: 35%}
.sj-index .swiper-slide a{display: block;height: 100%}

.swiper{
    --swiper-pagination-color: #fff;/* 两种都可以 */
}

/*
说明：
主色调：#a6926c
按钮：#b3a57d
当前栏目：#bfab86
浅色调：#e6e1d3；
*/

/*推荐*/
@font-face {
    font-family: yw;
    src: url("../style/font/yw.ttf");
}
#pop_ad{display: none !important;}
.section-service-w{display: none !important;}

/*动画开始*/
/*进入动画*/
@keyframes move {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 0 -2400px
        /* 动画帧-1  1340px-64 */
    }
}
/*退出动画*/
@keyframes moveOut {
    0% {
        background-position: 0 -2400px
    }
    100% {
        background-position: 0 0
        /* 动画帧-1  2560px-120 */
    }
}
/*公司介绍*/
/*退出动画*/
@keyframes gs {
    0% {
        box-shadow: inset 0 0 60px #17a0c7;
    }
    30% {
        box-shadow: inset 0 0 60px #d001ff;
        /* 动画帧-1  2560px-120 */
    }
    70% {
        transform: scale(0.9);
        box-shadow: inset 0 0 60px #fff;
        /* 动画帧-1  2560px-120 */
    }
    100% {
        box-shadow: inset 0 0 60px #17a0c7;
        /* 动画帧-1  2560px-120 */
    }
}
.sj-text-indent{text-indent: 2em}



.hover{display: flex;justify-content: space-evenly;align-items: center;flex-direction: row;max-width: 1400px;margin: 0 auto;}
.hover div{
    display: inline-flex;
    flex-direction: column;
    flex:1 1 180px;
    height: 180px;
    align-items: center;
    justify-content: center;
    transition: 0.6s;
    /*background: rgba(0,0,0,0.03);*/
    cursor: pointer;
    /*border: 1px solid #eee;*/
    margin:8px;
}
.hover div img,.img{
    width:120px;
    height: 120px;
    background-size:100%;
    border: none;
    animation: moveOut 0.6s forwards steps(20,start);

    /*scale: 2;*/
}
.hover div{
    font-size: 12px;
    color:#fff;
}
.hover div:hover{
    /*box-shadow: inset 0 0 55px #18a6c5;*/
    /*label{color: #18a6c5}*/
    .img{
        animation: move 0.6s forwards steps(20,end);
    }
    /*border-radius: 50%;*/
}
.hover a:nth-of-type(1) i{background-image: url("/images/a1.webp")}
.hover a:nth-of-type(2) i{background-image: url("/images/a2.webp")}
.hover a:nth-of-type(3) i{background-image: url("/images/a3.webp")}
label{font-size: 1.8rem;font-family: "Microsoft YaHei UI Light";color: #333}
.hover div:hover label{color: #17a0c7 !important;}



/*动画结束*/


/*容器*/
.sj-flex{display: flex;}
.sj-flex-inline-flex{display: inline-flex;}
.sj-flex-wrap{flex-wrap: wrap}
.sj-flex-justify-between{justify-content: space-between}
.sj-flex-justify-end{justify-content:end}
.sj-flex-justify-evenly{justify-content: space-evenly}
.sj-flex-justify-center{justify-content: center}
.sj-flex-direction-row{flex-direction: row}
.sj-flex-direction-column{flex-direction: column}
/*项目*/
.sj-flex-align-items-center{align-items: center}
.sj-flex-align-items-end{align-items: end}
.sj-flex-align-items-baseline{align-items: baseline}

/*sj-index-f2*/
.sj-index-f2{height: 520px;align-items: stretch}
.sj-index-f2>div{overflow: hidden;position: relative;}
.sj-index-f2>div>img{display: block;width: 100%;max-height:460px;}
.sj-index-f2>div:hover>div{transform: translateY(0)}
.sj-index-f2>div:hover{}
.sj-index-f2>div>div{color: #fff;background:linear-gradient(to bottom, transparent,#17a0c7);padding: 20px;height: 60%;transform: translateY(22%);transition: all 0.5s}
.sj-index-f2>div:nth-of-type(1){flex: 1.5}
.sj-index-f2>div:nth-of-type(2){width: 700px;margin-left: 30px;flex: 1}
.sj-index-f2 h5{ font-size: 3rem;padding-bottom: 10px;transition: all 0.5s}
.sj-index-f2-2{}
.sj-index-f2-2>div{overflow: hidden;}
.sj-index-f2-2>div:hover>div{transform: translateY(0)}
.sj-index-f2-2>div:hover{}
.sj-index-f2-2>div>div{color: #fff;background:linear-gradient(to bottom, transparent,#17a0c7);padding: 20px;height: 60%;transform: translateY(22%);transition: all 0.5s}
.sj-index-f2-2>div:nth-of-type(1){height: 460px;flex: 1}
.sj-index-f2-2>div:nth-of-type(2){width: 700px;margin-left: 20px;flex: 1.5}
.sj-index-f2-2 h5{ font-size: 3rem;padding-bottom: 10px;transition: all 0.5s}
.sj-index-p{background: url("/images/psp.jpg") center center no-repeat fixed;height: 600px;background-size: 100% 100%}
.sj-index-p .w{border: 1px #23e2c0 solid;padding: 16px;display: inline-block;background-color: rgba(255,255,255,0.1)}
.sj-index-p .w>div{background-color: rgba(255,255,255,0.8);padding: 32px}
.sj-index-p .w h5{font-size: 3.5rem;display: inline-block}
.sj-index-p .w p{font-size: 2.0rem;color: #222;margin-top: 10px;display: block;}
.sj-index-p .w a{font-size: 1.6rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    border-radius: 36px;
    padding:10px 20px;
    text-align: center;
    margin-top: 20px;}
.index-dtbg{background: url("/images/inb.jpg") center top no-repeat;background-size: 100% auto;padding-top: 50px}
.sj-index-dt{text-align: center;}
.sj-index-f3{width: 23%;margin: 10px;display: inline-block;background: #fff;position: relative;overflow: hidden;transition: all 0.5s;box-shadow: 0 0 30px #ccc;top:0}
.sj-index-f3 h5{color:#333;font-weight: bolder;font-size: 2rem;}
.sj-index-f3:hover{background: #17a0c7;}
.sj-index-f3 div:nth-of-type(1){padding-bottom: 60%;transition: all 0.5s;overflow: hidden;}
.sj-index-f3 div:nth-of-type(2){padding: 30px 25px;height: 205px}
.sj-index-f3 div p{color: #666;line-height: 140%;text-align: justify;font-size: 1.4rem;text-indent: 0;margin-top: 20px}
.sj-index-f3:hover div:nth-of-type(1){scale: calc(1.05)}
.sj-index-f3:hover div h5 {color: #fff;}
.sj-index-f3:hover div p {color: #fff;}
.sj-index-f3:hover{color: #fff;scale: calc(1.05)}

.sj-btn-link{background-color: #fff; display: inline-flex;justify-content: center;align-items: center;flex-direction: row;height: 40px;padding: 0 20px;border-radius: 20px}
.sj-btn-link:hover{opacity: 0.7}

/*  列表页 */
.body-list{position: absolute;width: 100%;height: 700px; left: 0;top: 0;background: linear-gradient(to bottom, #60ceea,#fff)}
.listtitle{margin-top: 100px;position: relative;z-index: 2;font-size: 2rem;height: 150px}
.listtitle h1{font-size: 3.5rem;text-shadow: 0 0 60px #fff;}
.listtitle>div{padding-top: 20px;font-size: 1.8rem;width: 90%;text-align: center}
.listtitle>div a{color:#0f7d99;padding: 0 5px;max-width: 30%;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.sj-list-header-h2{position: relative;padding: 10px 0;display: inline-block}
/*.sj-list-header-h2:before{height: 1px;content: '' ;width: 100%;background-color: #ccc;position: absolute;bottom: 5px;transform: scale(1.2)}*/

.sj-list-header-h2 .text{font-size: 3rem;padding-bottom: 2px;font-weight: normal;overflow: hidden}
.sj-list-header-h2 .iconfont{font-size: 3rem;margin-left: 10px;color: #999}
/*封面*/
.sj-list{display: flex;position: relative}
.sj-list>div{height: 520px;position: relative}
.sj-list .slide{position: relative;background-color: #17a0c7}
.sj-list .slide>a>div{position: absolute;width:476px;padding: 20px;left: 0;top: 0;height: 520px;background:url("/images/bg-news.jpg") left top no-repeat;background-size: 100% 100%}
.sj-list .slide>a>div h3{font-size: 2.8rem;color: #fff;line-height: 160%;height: 200px;margin-top: 50px}
.sj-list .slide>a>div p{font-size: 1.8rem;color: #fff;line-height: 160%;}
.sj-list .slide img{position: absolute;width: 924px;height: 520px;top: 0;right: 0}
.sj-list .swiper-button-prev{position: absolute ;height: 35px;top: 475px;left: 120px;font-size: 1rem}
.sj-list .swiper-button-prev::after{font-size: 2rem}
.sj-list .swiper-button-next{position: absolute ;top: 475px;left: 270px;height: 35px}
.sj-list .swiper-button-next:after{font-size: 2rem}
.sj-list .swiper-pagination{position: absolute;width: 420px;top: 454px;left: 0;font-size: 2rem;color: #fff}
.sj-list-f2 li{overflow: hidden;background:linear-gradient(to top,#17a0c7,transparent)}
.sj-list-f2 li h5{font-size: 2rem;color: #333}
.sj-list-f2 li div{padding: 30px}
.sj-list-f2 li p{font-size: 1.6rem;color: #666;line-height: 179%}
.sj-list-f2 li img{width: 420px;height: 250px;margin-right: 30px}
.sj-list-f3{}
.sj-list-f3 li{overflow: hidden;width:32%}
.sj-list-f3 li h5{font-size: 1.8rem;color: #333;font-weight: normal;}
.sj-list-f3 li div{padding: 30px}
.sj-list-f3 li p{font-size: 1.6rem;color: #666;line-height: 179%}
.sj-list-f3 li img{display: block;height: 250px}
.sj-list-f3 div{background:linear-gradient(to top,#e8f1f3,#fff) 10%;}
.sj-list-f3 li a{display: block}
.sj-list-f3 li:hover {cursor: pointer}
.sj-list-f3 li a:hover div{color: #17a0c7;font-weight: bolder;}
.sj-list-c{height: 520px;overflow: hidden}
.sj-list-c>ul>li{transition: all 0.5s;display: none;}
.sj-list-c>ul>li.on{display: block;transition: all 0.5s}
.sj-list-c img{height: 520px;width: 924px;}
.sj-list-c>div{background-color: #e8f1f3;padding-top: 60px;overflow: hidden;width: 520px}
.sj-list-c>div a{display: block;padding: 20px 20px;transition: none}
.sj-list-c>div a h5{font-size: 1.8rem;font-weight: normal}
.sj-list-c>div a p{font-size: 1.6rem;display: none;line-height: 150%}
.sj-list-c>div a.on{background-color: #17a0c7;color: #fff;box-shadow: 0 0 10px #fff;}
.sj-list-c>div a.on h5{font-weight: bold;color: #fff}
.sj-list-c>div a.on p{display: block}
.sj-list-c>div a:hover{color: #fff !important}
.sj-list2{position: relative;margin-bottom: 20px}
.sj-list2>div{position: relative}
.sj-list2 .slide{position: relative;border-image:url("/images/border-image.jpg") 50 50 round;color: yellow;background: #fff;border-width: 30px;border-style: solid}
.sj-list2 .slide>a>div:nth-of-type(1){position: absolute;width:600px;right: 0;top: 0;display: flex;justify-content: center;flex-direction: column;align-items: center;height: 100%}
.sj-list2 .slide>a>div:nth-of-type(1) h3{font-size: 3.2rem;color: #938c70;}
.sj-list2 .slide>a>div:nth-of-type(1) h3:nth-of-type(2){font-size: 4rem;}
.sj-list2 .slide>a>div:nth-of-type(1) p{font-size: 2rem;color: #77a19b;line-height: 160%;}
.sj-list2 .slide>a>div:nth-of-type(2) {max-width: 800px;padding-top: 33%;margin: 30px;scale: 0.9}
.sj-list2 .slide img{display: block;width: auto;margin: 10px auto}
.sj-list2 .swiper-button-prev{position: absolute ;height: 35px;padding-top: 16%;padding-left: 73%;font-size: 1rem}
.sj-list2 .swiper-button-prev::after{font-size: 2rem;color: #333}
.sj-list2 .swiper-button-next{position: absolute ;padding-top: 16%;padding-right: 13%;;height: 35px}
.sj-list2 .swiper-button-next:after{font-size: 2rem;color: #333}
.sj-list2 .swiper-pagination{position: absolute;height: 85px;font-size: 2rem;color: #333;z-index: 9;width: 81%;text-align: right;right: 0}

.sj-gengduo{position: relative;}
.sj-gengduo a{display: inline-block;font-size: 1.6rem;padding: 5px 30px;z-index: 1;color: #17a0c7}
.sj-gengduo a:hover{color: #17a0c7}
.sj-gengduo span{border-bottom: 1px solid #17a0c7;width: 47px;position: relative;height: 0;transition: all 0.5s}
.sj-gengduo span:before{content: '';position: absolute;width: 7px;height: 7px;background: #17a0c7;border-radius: 120px;right: -5px;top: -3px;}
.sj-gengduo span:after{content: '';position: absolute;width: 21px;height: 21px;background: rgba(23, 160, 199, 0.1);border-radius: 120px;right: -12px;top: -10px;;}
.sj-gengduo:hover span{margin-left: -30px}


/*字体*/
@font-face {
font-family: 'font1'; /* 你可以给这个字体起一个名字 */
src: url("font/yw.ttf") format("ttf");
font-weight: normal; /* 字体粗细 */
font-style: normal; /* 字体风格（如斜体） */
font-display: swap;
}
@font-face {
font-family: 'font2'; /* 你可以给这个字体起一个名字 */
src: url("font/font2.ttf") format("ttf");
font-weight: normal; /* 字体粗细 */
font-style: normal; /* 字体风格（如斜体） */
font-display: swap;

}
@font-face {
font-family: 'font3'; /* 你可以给这个字体起一个名字 */
src: url("font/font3.ttf") format("ttf");
font-weight: normal; /* 字体粗细 */
font-style: normal; /* 字体风格（如斜体） */
font-display: swap;

}
.font1{font-family: font1;font-weight: bolder}
.font2{font-family: font2;font-weight: bolder} /*手写*/
.font2{font-family: font3;font-weight: bolder} /*手写*/



/*列表页开始*/
.site{font-size: 1.6rem;border-bottom: 2px #17a0c7 solid;padding: 8px;border-radius: 5px}
.site a{display: inline-block;padding: 0 10px !important;}
.list-nav{background-color: #f1f1f1;min-height: 50px;line-height: 50px;position: sticky; top: 0;z-index: 9}
.list-nav a{padding: 0 16px;position: relative;display: inline-block;height: 50px;font-size: 1.6rem}
.list-nav a.on{background-color: #fff}
.list-nav2{}
.list-nav2 h2{font-size: 2.8rem;border-left:5px solid #17a0c7;padding-left: 15px;font-weight: bolder;color: #17a0c7;border-radius: 5px;}
.list-left {width: 960px;}
.list-left h3{max-width: 700px;}
.list-left a{padding: 20px 0}
.list-left a.zhichi{border-bottom: 2px solid #f2f2f2;}
.list-left>div div{width: 690px;}
.list-left img{display: block;width: 240px;max-height: 150px}
.list-left p{line-height: 160%}
.list-right{width: 360px;margin-top: 10px;}
.list-right .list{}
.list-right .list .li{margin: 10px;display: inline-block;background: #fff;position: relative;overflow: hidden;transition: all 0.5s;box-shadow: 0 0 30px #ccc;top:0;max-width: 100%}
.list-right .list .li h5{color:#333;font-weight: bolder;font-size: 2rem;}
.list-right .list .li:hover{background: #17a0c7;}
.list-right .list .li div:nth-of-type(1){padding-bottom: 60%;transition: all 0.5s;overflow: hidden;}
.list-right .list .li div:nth-of-type(2){padding: 30px 25px;height: 205px}
.list-right .list .li div p{color: #666;line-height: 140%;text-align: justify;font-size: 1.4rem;text-indent: 0;margin-top: 20px}
.list-right .list .li:hover div:nth-of-type(1){scale: calc(1.05)}
.list-right .list .li:hover div h5 {color: #fff;}
.list-right .list .li:hover div p {color: #fff;}
.list-right .list>div{padding:20px;margin: 10px;box-shadow: 0 0 30px #ccc;}
.list-right .list>div a{display: inline-block;font-size: 1.4rem;color:#666;height: 20px;line-height: 20px}


.paginator {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 80px;
    color: #666;
}
.paginator,
.paginator input,
.paginator button {
    color: #666;
}

.paginator a,
.paginator b,
.paginator span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    border: 1px #ccc solid;;
    min-width: 40px;
    height: 40px;
    margin-left: 3px;
    margin-right: 3px;
    color: #666;

}

.paginator a:link,
.paginator a:visited,
.paginator a:hover,
.paginator a:active {

}
/*上下页按钮*/
.paginator .page-start,
.paginator .page-next,
.paginator .page-prev,
.paginator .page-end {
    padding: 0 15px;
}
.paginator .page-start {}

.paginator .page-end {}

.paginator .page-this,
.paginator .page-break {
    background:radial-gradient(#23e2c0 20%, #fff 50%);
    color: #fff;
    border:1px #23e2c0 solid;
}

.paginator .page-break {}
.paginator .page-this {}
.paginator .page-skip {}
.paginator .page-skip input {}
.paginator .page-skip button {}
.paginator a {color: #666;}
.paginator a:hover {
    border:1px #23e2c0 solid;
}
/*列表页结束*/
/* 详情开始*/
.sj-article{min-height: 500px;padding-bottom: 50px;font-size: 1.8rem;background-color: #fff}
.sj-article article{max-width: 1200px;margin: 0 auto;padding:60px 16px;min-height: 700px}
.sj-article article .mnav{display: inline-block;justify-content: center;align-content: center;padding: 5px 10px;border: 1px #23e2c0 solid;color: #999;margin-bottom: 50px;font-size: 1.4rem;border-radius: 20px}
.sj-article article .mnav a{color: #999}
.sj-article article .mnav a.on{color: #23e2c0}
.sj-article article header{padding-bottom: 60px;display: flex;justify-content: center;flex-direction: column;align-items: center;}
.sj-article article header h1{text-align: center;color: #17a0c7;line-height: 160%}
.sj-article article header h2{font-size: 2.5rem;color: #666;margin-top: 15px;font-weight: normal}
.sj-article article header .time{color: #999;padding: 50px 0;font-size: 1.2rem;width: 100%;position: relative;}
.sj-article article header .time:before{content: '';background: #23e2c0;height: 1px;width: 100%;position: absolute;left: 0}
.sj-article article header .time>div{border-radius: 10px;overflow: hidden;padding: 2px 20px;display: inline-flex;background:radial-gradient(#23e2c0,#fff);position: relative;z-index: 1;border: 0 #23e2c0 solid}
.sj-article article header .time>div>div{height: 25px;color: #333}

.sj-article article .article p{line-height: 170%;color: #666;margin-bottom: 20px}
.sj-article article .article p img{display: block;margin: 0 auto;height: auto;max-width:100%}
.sj-article article .article .tag{padding: 20px;color: #17a0c7;font-size: 1.6rem}
.sj-article article .article .tag span{padding: 5px 10px;border-radius: 5px ;background-color: #f1f1f1;color: #222;font-size: 1.4rem;margin: 0 5px}
.sj-article article .article li{list-style: disc;}
/*div  图片无行高排班*/
.sj-article article .article>div{line-height: 0}
/* 详情结束*/
/*技术支持详情开始*/
.sj-article2{min-height: 500px;padding-bottom: 50px;font-size: 1.8rem;background-color: #fff}
.sj-article2 article{max-width: 1200px;margin: 0 auto;padding:60px 16px;min-height: 700px}
.sj-article2 article .mnav{display: inline-block;justify-content: center;align-content: center;padding: 5px 10px;border: 1px #23e2c0 solid;color: #999;margin-bottom: 50px;font-size: 1.4rem;border-radius: 20px}
.sj-article2 article .mnav a{color: #999}
.sj-article2 article .mnav a.on{color: #23e2c0}
.sj-article2 article header{padding-bottom: 60px;display: flex;justify-content: start;flex-direction: column;align-items: start;}
.sj-article2 article header h1{color: #17a0c7;line-height: 160%}
.sj-article2 article header h2{font-size: 2.5rem;color: #666;margin-top: 15px;font-weight: normal;text-align: left;}
.sj-article2 article header .time{color: #999;margin: 20px 0;font-size: 1.2rem;width: 100%;position: relative;}
.sj-article2 article header .time:before{content: '';background: #17a0c7;height: 1px;width: 100%;position: absolute;left: 0;bottom: 0}
.sj-article2 article header .time>div{border-radius: 10px;overflow: hidden;padding: 2px 20px;display: inline-flex;}
.sj-article2 article header .time>div>div{height: 25px;color: #333}
.sj-article2 article .article p{line-height: 170%;color: #666;margin-bottom: 20px}
.sj-article2 article .article p img{display: block;margin: 0 auto;height: auto;max-width: 100%}
.sj-article2 article .article .tag{padding: 20px;color: #17a0c7;font-size: 1.6rem}
.sj-article2 article .article .tag span{padding: 5px 10px;border-radius: 5px ;background-color: #f1f1f1;color: #222;font-size: 1.4rem;margin: 0 5px}
.sj-article2 article .article li{list-style: disc;}
/*div  图片无行高排班*/
.sj-article article .article>div{line-height: 0}
/*技术支持详情结束*/
/*单片整屋开始*/
.sj-page{min-height: 500px;padding-bottom: 50px;padding-top: 30px}
.sj-page img{max-width: 100%}
/*企业文化*/
.sj-page.qiyewenhua{}
.sj-page.qiyewenhua .header{padding: 10px 20px;border-bottom: 2px solid #17a0c7;}
.sj-page.qiyewenhua .header img{height: 50px}
.sj-page.qiyewenhua .body{min-height: 600px;border-radius: 20px;margin-top: 50px;}
.sj-page.qiyewenhua .body>div{height: 200px;display: flex;flex-direction: row;}
.sj-page.qiyewenhua .body>div h3{font-size: 2rem;text-align: center;width: 25px}
.sj-page.qiyewenhua .body>div>div{font-size: 1.6rem;color: #222;background-color: #fff;padding: 10px;height: 260px !important;box-shadow: inset 0 0 8px #00C692;border-radius: 10px}
.sj-page.qiyewenhua .body>div>div p{padding: 5px 0}
.sj-page.qiyewenhua.swiper3{position: relative}
.sj-page.qiyewenhua .slide{position: relative;background-color: #cae1e1;height: 520px}
.sj-page.qiyewenhua .slide:hover a{color: #333 !important;}
.sj-page.qiyewenhua .slide>div>div{position: absolute;width:476px;padding: 20px;left: 0;top: 0;height: 520px;display: flex;justify-content: center;align-items: center;flex-direction: column}
.sj-page.qiyewenhua .slide>div>div img{display: block;width: 200px}
.sj-page.qiyewenhua .slide>div>div p{font-size: 2.8rem;color: #1db5a0;line-height: 160%;}
.sj-page.qiyewenhua .slide>div>section{position: absolute;width: 924px;height: 520px;top: 0;right: 0;display: flex;flex-direction:column;justify-content: space-evenly;padding-left: 50px;}
.sj-page.qiyewenhua .slide>div>section img{position: absolute;width: 924px;height: 520px;top: 0;right: 0;z-index: -1}
.sj-page.qiyewenhua .slide>div>section h2{font-size: 4rem;}
.sj-page.qiyewenhua .slide>div>section>div>div{font-size: 2.2rem;;position: relative;display: inline-block;background-color: rgba(255,255,255,0.9);padding: 20px}
.sj-page.qiyewenhua .slide>div>section>div>div:after{content: '';position: absolute;width: 100%;height: 100%;background-color: rgba(255,255,255,0.2);top: 0;left:0;transform: scale(1.1);z-index: -1;border: 1px #c7fffc solid}
.sj-page.qiyewenhua .slide>div>section>div>div p{padding: 3px}
.sj-page.qiyewenhua .swiper-button-prev{position: absolute ;top: 475px;left: 120px;font-size: 1rem}
.sj-page.qiyewenhua .swiper-button-prev::after{font-size: 2rem}
.sj-page.qiyewenhua .swiper-button-next{position: absolute ;top: 475px;left: 270px}
.sj-page.qiyewenhua .swiper-button-next:after{font-size: 2rem}
.sj-page.qiyewenhua .swiper-pagination{width: 420px;top: 460px;left: 0;font-size: 2rem;color: #fff}
.sj-page.wo{box-shadow: 0 10px 13px 0 rgba(0, 0, 0, 0.13);padding: 20px}
.sj-page.wo .lianxi{background-color: #f8f9fb;flex: 1;padding: 20px;font-size: 1.8rem;margin-right: 20px}
.sj-page.wo .lianxi p{padding: 5px 0;color: #666}
.sj-page.wo .lianxi p b{color: #222;font-weight: normal}
.sj-page.wo .map{flex:1 1 300px;height: 500px;background-color: #efefef;}
.sj-page.gs{position: relative;margin-top: 50px}
.sj-page.gs>img{position: absolute;width: 100%;height: 400px;bottom: 60px}
.sj-page.gs>div{padding: 20px;line-height: 190%;font-size: 1.9rem;border: 1px #23e2c0 solid;position: relative;z-index: 2;margin:0 100px 100px 100px;background: linear-gradient(rgba(255,255,255,0.5),rgba(255,255,255,0.1));border-bottom: 0;padding-bottom: 0}
.sj-page.gs>div>div{color: #222;padding: 60px;background-color: rgba(255,255,255,0.7);}
.sj-page.gs>div b{color: #17a0c7;padding: 0 5px}
.sj-page.gs>div strong{color: #17a0c7;padding: 0 5px}
.sj-page.gs>aside{height: 200px;border-radius: 50%;box-shadow: inset 0 0 60px #17a0c7;position: absolute;width: 100%;bottom: 50px;animation: gs 15s linear infinite;;
}
.sj-gsbg {background: url("/images/hls.jpg")center bottom no-repeat;background-size: 100% 100%}
/*css渐变*/
.gradient-text{
    background: -webkit-linear-gradient(left,#17a0c7,#23e2c0,red); /* 渐变颜色从左到右 */
    -webkit-background-clip: text; /* 仅裁剪文字部分 */
    -webkit-text-fill-color: transparent; /* 文字颜色透明，使背景色可见 */
    color: transparent; /* 兼容性处理，确保在非webkit浏览器中也能正常显示 */
}
/*单片整屋结束*/
#certify {
    position: relative;
    width: 1200px;
    margin: 0 auto
}

#certify .swiper-container {
    padding-bottom: 60px;
}

#certify  .swiper-slide {
    width: 520px;
    height: 408px;
    background: #fff;
    box-shadow: 0 8px 30px #ddd;
}
#certify  .swiper-slide img{
    display:block;
}
#certify  .swiper-slide p {
    line-height: 98px;
    padding-top: 0;
    text-align: center;
    color: #636363;
    font-size: 1.1em;
    margin: 0;
}

#certify .swiper-pagination {
    width: 100%;
    bottom: 20px;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
    border: 3px solid #fff;
    background-color: #d5d5d5;
    width: 10px;
    height: 10px;
    opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
    border: 3px solid #00aadc;
    background-color: #fff;
}

#certify .swiper-button-prev {
    left: -30px;
    width: 45px;
    height: 45px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 0;
    background-size: 100%;
}

#certify .swiper-button-prev:hover {
    background-position: 0 -46px;
    background-size: 100%
}

#certify .swiper-button-next {
    right: -30px;
    width: 45px;
    height: 45px;
    background: url(../images/wm_button_icon.png) no-repeat;
    background-position: 0 -93px;
    background-size: 100%;
}

#certify .swiper-button-next:hover {
    background-position: 0 -139px;
    background-size: 100%
}

@media screen and (max-width: 1400px){
    .sj-page.qiyewenhua .slide > div > div{z-index: 9;background-color: azure}
    /*index*/
    .sj-index-f2 > div > div{transform: translateY(0)}
    .sj-index{padding-bottom: 20px}
    .sj-index-tuijian{padding: 16px}
    .sj-index-tuijian > div{width: 100%;}
    .sj-index-tuijian h2{white-space: normal}
    .search{margin-right: 32px;}
    .sj-top-nav{padding-left: 16px;}
    .list-nav2{margin-top: 20px;padding: 0 16px}
    .sj-index-f2{padding:0 16px;height: 400px}
    .footerlogo{padding:0 16px}
    .list{flex-direction: column;padding: 16px}
    .list-left{width: 100%}
    .list-left img{width:150px;min-height: 90px}
    .list-left h3{font-size: 1.7rem !important;white-space: normal}
    .list-left p{font-size: 1.4rem !important;margin-top: 5px}
    .list-right{width: 100%}
    .list-left > div div{width: 100%}
/*    新闻封面*/
    .sj-list .slide{background: none}
    /*.sj-list .slide img{height: auto;width: 100%}*/
    .sj-list .slide > a > div{z-index: 9}
    .sj-list-f3{padding-right: 16px;padding-left: 16px}
    .sj-list-f3 li img{width: 100%;height: auto}
    .sj-list-f3 li div{padding:10px}
    .sj-list-f3 li h5{font-size: 1.4rem}
    .sj-list-c{height: auto}
    #list-1a{display: none}
    .sj-list-c > div{width: 100%}
    .sj-list-c > div a h5{font-size: 1.6rem}
    .sj-list-c > div a p{font-size: 1.4rem}
    .sj-page.wo{display: flex;flex-direction: column}
    .sj-page.wo .lianxi{margin-right: 0}
    .sj-list-c > div{padding-top: 0}
    .sj-list-c > div a{padding: 10px 20px}

}
@media screen and (max-width: 1200px) {
    .sj-article article .article p img{max-width: 100%;height: auto}

}


@media screen and (max-width: 760px) {
    h2{font-size: 2rem;}
    .list-nav2 h2{font-size: 2rem;}
    .hover a{display: inline-block}
    .hover div{scale: 0.7;margin: 0}
    .sj-article2 article header .time{flex-direction: column}
    .sj-page{padding: 0;min-height: auto;margin: 0}
    .swiper-button-prev,.swiper-button-next{display: none !important;}
    .sj-btn-link{height: 30px}
    .sj-index-f2 > div > div{padding: 16px}
    .sj-index-f2 h5{padding-bottom: 0}
    .sj-index-tuijian{margin-top: 0}
    .sj-index-f2{height: 250px}
    .sj-index-f2 h5{font-size: 2rem}
    .sj-index-f2 a{scale: 0.8;margin-top: 10px}
    .sj-index-f2 p{display: none}
    .sj-index-p{border: 0;height: auto;background: none;margin: 16px}
    .sj-index-p .w h5{font-size: 2.8rem}
    .sj-index-p .w p{font-size: 1.8rem}
    .sj-index-p .w{display: block;margin-top: 16px}
    .sj-index-f3{width: 40%;}
    .swiper-button-next{display: none;}
    .swiper-button-prev{display: none;}
    .sj-index-tuijian > div p{font-size: 1.4rem;margin-top: 10px}
    .sj-index-tuijian img{width: 100px;height: auto}
    .list-nav{min-height: auto;line-height: normal}
    .list-nav a{padding:10px;font-size: 1.4rem;height: auto!important;}
    .sj-article{min-height: 100px;padding: 0}
    .sj-article article header{padding: 0}
    .sj-article article{min-height: 200px;padding: 20px 16px}
    .sj-article article .mnav{font-size: 1.2rem}
     h1{font-size: 2.2rem;}
    .index-dtbg header{margin-bottom: 20px}
    .index-dtbg h2{font-size: 2rem;}
    .sj-article h2{font-size: 1.6rem;}
    .sj-index-f3 h5{font-size: 1.8rem}
    .sj-article article header .time{font-size: 1.1rem;}
    .sj-article article header .time .iconfont{margin-left: 10px}
    .article{font-size: 1.6rem}
    .sj-top-nav>div ul{;position: fixed;padding: 16px;display: flex;flex-direction: column ;width: 100vw;height: 100vh;left:0;top:0;z-index: 999;background:#f7f7f7;margin-top: 80px;transition: all 0.5s}
    .sj-top-nav.min>div ul{transform: translateX(-100%)}
    .sj-top-nav .menuicon{display: inline-block;margin-right: 32px}
    .sj-top-nav .menuicon:nth-of-type(1){display: none}
    .sj-top-nav.min .menuicon:nth-of-type(1){display: block}
    .sj-top-nav.min .menuicon:nth-of-type(2){display: none}
    .sj-top-nav>div li{padding: 8px 16px;position: relative;cursor: pointer;font-size: 1.4rem;background-color: rgba(0,0,0,0.05)}
    .sj-top-nav>div li:before{position: absolute;content: '';border: 1px #ccc dashed;height: 30px;width: 0;border-radius: 50%;left: 0;top: 0}
    .sj-top-nav>div li:first-child:before{display: none;}
    .search{margin-right: 16px;display: none;}
    .sj-top-nav .logo{height: 35px;position: relative;z-index: 1000}
    .sj-top-nav .search{}
    .sj-top-nav .search .iconfont{font-size: 2.5rem}
    /*logo*/
    .sj-logo{text-align: center;margin-top: 239px;z-index: 1000 !important;position: relative}
    .sj-logo img{float: left;margin-top: -17px;cursor: pointer}
    .sj-logo .sj-search{margin: 0 auto;height: 40px;line-height: 40px;border: 0 #FF9900 solid;width: 650px}
    .sj-logo .sj-search>div{float: right;height: 40px;border-width: 2px;border-radius: 5px;border-style: solid;width: 500px;background-color: #a6926c}
    .sj-logo .sj-search>div .sj-search-btn{transition: all 0.2s; height: 40px;line-height: 50%;text-align: center;color: #fff;width: 100px;border: 0;outline: 0;float: left;font-size: 20px;cursor: pointer;}
    .sj-logo .sj-search>div .sj-search-btn:hover{background-color: brown}
    .sj-logo .sj-search>div .sj-search-input{float: left;height: 40px;width: 399px;padding: 0 10px;font-size: 18px}
    .sj-logo .sj-search input{border: 0;outline: 0}
    .sj-footer{font-size: 1.4rem;margin: 0;}
    .sj-footer .full{padding: 30px 0;color: #999}
    .sj-footer .full a{color: #999}
    .sj-footer>div:nth-of-type(1){display: none;}
    .sj-footer>div:nth-of-type(2){display: none;}
    .copyright{display: flex;flex-direction: column;padding: 10px 0}
    .copyright>span{padding: 2px 0}
    .sj-list-f3 li{width: 48%}
    /*公司动态*/
    .sj-list .slide > a > div{display: none}
    .sj-list{height: auto;overflow: hidden;}
    .sj-list .slide img{width: 100%;height: auto}
    /*.sj-list .slide > a > div{display: none}*/
    .body-list{display: none}
    header{padding: 0 !important;}
    .listtitle{height: auto}
    .listtitle h1{font-size: 2.5rem}
    .listtitle > div{font-size: 1.4rem;margin: 10px;padding: 0;max-width: 99%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center}
    .sj-list .swiper-pagination{display: none;}
    .sj-list .swiper-button-prev{display: none;}
    .sj-list .swiper-button-next{display: none;}
    .sj-list > div{max-height: 370px}

    /**/
    .sj-page.gs > div > div{padding: 20px;font-size: 1.6rem;line-height: 170%}
    .sj-footer .copyright{border: 0}
    .sj-article article header .time{padding: 20px 0}
    .sj-article article header h2{margin-top: 10px;font-size: 1.7rem}
    .social-share{padding-bottom: 20px}
    .sj-page.qiyewenhua .slide > div > div{display: none}
    .sj-page.qiyewenhua .slide{height: auto}
    .sj-page.qiyewenhua .slide > div > section{position: relative;width: 100%;height: auto;padding-top: 50px;padding-left: 0;text-align: center}
    .sj-page.qiyewenhua .slide > div > section h2{font-size: 3rem !important;}
    .sj-page.qiyewenhua .slide > div > section div div{font-size: 2rem;margin-top: 100px}
    .sj-page.qiyewenhua.swiper3{margin-top: 30px}
    .sj-page.qiyewenhua .slide > div > section div div{margin-top: 50px}
    .sj-list2 .slide>a>div:nth-of-type(1) {display: none}


}
@media screen and (max-width: 600px) {
    .sj-index-f2 > div:nth-of-type(1){flex: 1}
    .sj-index-p > div a{display: flex;flex-direction: column;justify-content: center;width: 100%;height: auto}
    .sj-index-p > div h5{text-align: center;font-size: 2.6rem}
    .sj-index-p > div p{text-align: center;color: #1db5a0}
    .sj-index-p > div b{text-align: center;width: 100%;padding: 0 0}
    .hover div {transform: scale(0.6)}
    .sj-index-f2 h5{font-size: 1.4rem}
    .sj-index-f2 a{scale: 0.8;font-size: 1.2rem}

    .sj-index-f2{height: 200px}
    .sj-index-tuijian > div p{display: none}
    .hover{font-size: 1rem}
    .list-left p{display: none;}
    .sj-list-header-h2 .font1{font-size: 3rem !important}
    .sj-list .slide > a > div h3{width: 100%}
    .sj-list .slide > a > p{width: 100%}
    .sj-index-f3{width: 90%;}
    .sj-index-f3 div{max-height: 300px;transition: all 0.5s;overflow: hidden;}
    .sj-list > div{max-height: 300px}
    .sj-list-header-h2 .text{font-size: 2rem}
    .sj-page.gs > div{margin: 0 20px 20px 20px;line-height: 150%}
    .sj-gsbg{padding-bottom: 100px}
    .sj-page.gs > aside{bottom: -80px}

}
@media screen and (max-width: 400px) {
    .sj-footer{background: #f7f7f7;}
    .sj-index .swiper-slide{padding-top: 50%}
    .hover{height: 100px;margin-top: 20px;overflow: hidden;}
    .hover label{font-size: 2.6rem}
    .sj-index-tuijian h2{font-size: 1.6rem !important;font-weight: normal}
    .sj-index-tuijian > div{margin-left: 5px}
    .sj-index-p .w{padding: 0}
    .sj-index-p .w a{padding: 5px 10px;font-size: 1.4rem;width: 50%;}
    .sj-index-p .w p{font-size: 1.6rem}
    .sj-index-p .w h5{font-size: 1.9rem}
    .sj-index-f2{height: 150px}
    .sj-index-f2 > div:nth-of-type(1){flex: 1}
    .index-dtbg{background-size: 100% 20% !important;}
    .sj-list > div{max-height: 200px}
    .sj-list-f3{padding-bottom: 0}
    .sj-page.gs > div{margin: 0 20px 20px 20px;line-height: 130%}
    .list-right .list .li{padding: 0;margin: 0}
    .list-right .list{padding: 0;margin: 30px}
    .w100{height: 120px}
    .list-left a{padding: 5px 0}
    .sj-list-c > div a{padding: 25px 16px}
    .sj-list-c{padding: 0}
    .listtitle h1{font-size: 1.8rem;font-weight: normal}
    .mt80{margin-top: 0}

}