.main{ line-height: 30px; padding: 5% 0; position: relative; z-index: 1;}
body {
    --theme-bg: #e0404b;
}

@media screen and (max-width:768px){
    .row{ margin: 0;}
    .main{ padding: 3% 15px; }
}
.img-cover-4by3{ width: 100%; height: 0; padding-bottom: 50%; position: relative; overflow: hidden;}
.abs-center{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}

.my-button-disabled{opacity: 1!important;pointer-events:visible!important; cursor: pointer!important;}
.jw-controlbar { width: 100% !important;}


.my-button-disabled{opacity: 1!important;pointer-events:visible!important; cursor: pointer!important;}
.shuiyin{ position: absolute; left: 0; top: 0; background: url("../images/shuiyin.png") no-repeat center; z-index: 1; width: 100%; height: 100%; background-size: 100% auto;}

#dituContent label {
  max-width: unset!important;
  text-align: center;
}

@media screen and (max-width:991px){
    .layui-layer{ width: 94% !important; left: 3% !important;}
}


@font-face{
    font-family: 'titfont';
    src : url('../images/tit.ttf');
}


/*头部*/
#index_bj{ background: url("../images/top_bj.png") no-repeat center top;}
.top_p{ padding: 0 3%;}
.top_font{ padding-top: 20px;}
.top_font .float-left{ color: #202020; font-size: 16px; font-weight: bold !important;}
.top_font .float-end i{ color: var(--theme-bg); font-size: 24px;}
.top_font .float-end p{ color: #343434; font-size: 16px; padding: 0 0 0 10px !important;}
.top_font .float-end span{ color: var(--theme-bg); font-size: 24px; font-family: Rany; font-weight: bold !important;}

#top_index{ height: auto; margin: 0 auto; width: 100%; transition: 0.3s; padding: 0;}
#logo{ transition: 0.3s; position: relative; width: 261px; height: 70px; z-index: 999;}
#logo a{ display: block; position: absolute; left: 0; top: -35px; z-index: 1; width: 261px; height: 138px; text-align: center;}
#logo a img{ max-width: 100%; transition:0.5s;}

#nav{ width: 37%; height: auto; transition:0.3s; text-align: center; z-index: 50;}
#nav li{ display: inline-block; height: 70px; line-height: 70px; font-size: 18px; color: #343434; text-align: center; transition:0.5s;}
#nav li .big{ display: block; color: #343434; position: relative; z-index: 1;}
#nav li .big:before{ position: absolute; left: 0; bottom: 0; background: var(--theme-bg); content: ''; height: 4px; width: 0; transition: 0.3s;}
#nav li:hover .big:before{ width: 100%;}
#nav li:hover .big{ color: var(--theme-bg) !important;}

#nav li .navson{display: none; text-align: left; position: absolute; left: 0; overflow: hidden; border-top: 1px solid #ededed; background: #fff; box-shadow: -10px 10px 10px rgba(0,0,0,0.1); background-size: auto 95%; color: #333; top: 120px; width: 100vw;}
#nav li .navson .main{ padding: 3% 0;}
#nav li .navson .col-lg-3:before{ position: absolute; content: ''; right: 0; top: -80%; width: 200%; height: 260%; background: #f6f7f9;}
#nav li .navson .col-lg-3 p,#nav li .navson .col-lg-3 span,#nav li .navson .col-lg-3 em{ display: block; position: relative; z-index: 1;}
#nav li .navson .col-lg-3 p{ color: var(--theme-bg); font-size: 22px; padding-bottom: 3%;}
#nav li .navson .col-lg-3 span{ color: #666666; text-transform: uppercase; padding: 0 0 8%; line-height: 25px; font-size: 14px;}
#nav li .navson .col-lg-3 em{ display: inline-block; color: #666666; font-size: 14px; transition: 0.3s; position: relative;}
#nav li .navson .col-lg-3 em:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 0; transition: 0.3s; height: 1px; background: var(--theme-bg);}
#nav li .navson .col-lg-9{ padding: 0 0 0 7%;}
#nav li .navson .tit{ color: #282828; font-size: 30px;}
#nav li .navson .tit span{ text-transform: capitalize; color: #cccccc; padding-left: 15px; font-family: Arial !important;}
#nav li .navson .con{ color: #666666; font-size: 15px; padding: 2% 0 4%;}
#nav li .navson dl dd{ float: left; border: 1px solid #eeeeee; height: 50px; line-height: 50px; width: 20%; margin: 0 0 1% 0; font-size: 15px; position: relative; transition: 0.3s; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; border-right: none; padding: 0 10px;}
#nav li .navson dl dd:last-of-type{ border-right: 1px solid #eeeeee;}
#nav li .navson dl dd:hover{ background: var(--theme-bg); border: 1px solid var(--theme-bg); border-right: none;}
#nav li .navson dl dd:hover a{ color: #fff;}
#nav li .navson .col-lg-3 em:hover{ color: var(--theme-bg);}
#nav li .navson .col-lg-3 em:hover:before{ width: 100%;}



@media screen and (max-width:1800px){
}
@media screen and (max-width:1700px){
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1500px){
}
@media screen and (max-width:1440px){
    #logo a{ top: -15px;}
    #logo a img{ max-width: 80%;}
    #nav li{ font-size: 16px;}
}
@media screen and (max-width:1200px){
    #logo a{ top: 0;}
    #logo a img{ max-width: 70%;}
    #nav{ margin-top: 0;}
    #nav li{ font-size: 14px;}
}
@media screen and (max-width:991px){
    #top_index{ padding: 0; width: 100%;}
    #logo{ padding: 1% 0; text-align: left;}
    #top_index #nav,.top_font{ display: none !important;}
    #logo{ height: auto;}
    #logo a{position: relative; height: auto; text-align: left;}
}
@media screen and (max-width:768px){
}



#banner,#mobile_banner{ position: relative;}
#banner{ overflow: hidden;}
#banner img{ width: 100%;}
#banner .swiper-pagination{ bottom: 3%;}
#banner .swiper-pagination-bullet{ width: 20px; height: 5px; border-radius: 1px; transition:0.3s; opacity: 0.7; background: #fff;}
#banner .swiper-pagination-bullet-active{ width: 60px; background: #104fa2; opacity: 1;}
#banner .swiper-button-next:after,#banner .swiper-button-prev:after{ display: none;}
#banner .swiper-button-next i,#banner .swiper-button-prev i{ color: #fff; font-size: 40px;}
#banner .swiper-button-next,#banner .swiper-button-prev{ background: rgba(0,0,0,0.2); width: 80px; height: 80px; line-height: 80px; border-radius: 100%;}
#banner .swiper-button-next{ right: 1%;}
#banner .swiper-button-prev{ left: 1%; }

#mobile_banner img{ width: 100%;}
#mobile_banner .swiper-pagination-bullet-active{ background: #d33f23;}


@media screen and (max-width:1200px){
    #banner .gallery-thumbs .swiper-slide span{ font-size: 12px;}
}






/*底部*/
#end_bj{ background: #325ecc; border-top-right-radius: 350px; width: 100%; text-align: left; color: #fff;}
#end_bj a{ color: rgba(255,255,255,0.5); transition: 0.3s; position: relative;}
#end_bj a:hover{ color: #fff;}

.end_t{ width: 95%; padding: 30px 0;}
.end_tel i{ font-size: 40px; margin-right: 10px;}
.end_tel p{ font-size: 16px;}
.end_tel span{ font-size: 36px; font-family: Rany; font-weight: bold !important;}

#end_bj .main{ padding: 3% 0;}
#end_bj ul .tit{ color: #fff; margin-bottom: 20px; font-size: 16px;}
#end_bj ul .tit a{ color: #fff;}
#end_bj ul li{ line-height: 35px; color: rgba(255,255,255,0.5); font-size: 14px; }


#end_bj .main .end_ewm{ margin-top: 3%; width: 35%; }
#end_bj .main .ewm{ text-align: center; margin-right: 20px; width: 50%;}
#end_bj .main .ewm p{ background: #fff; padding: 12px; border-radius: 10px;}
#end_bj .main .ewm p img{ width: 100%;}
#end_bj .main .ewm span{ margin-left: 10px; display: block; text-align: center; color: rgba(255,255,255,0.5); width: 25px; line-height: 23px;}
#end_bj .main .end_add{ padding-left: 5%;}
#end_bj .main .end_add h2{ font-size: 24px; position: relative; height: 50px; margin-bottom: 30px !important;}
#end_bj .main .end_add h2:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 45px; height: 3px; background: #fff;}
#end_bj .main .end_add p{ font-size: 14px; margin-bottom: 5px !important;}
#end_bj .main .end_add p i{ font-size: 20px; margin-right: 10px;}

@media screen and (max-width:1700px){
}
@media screen and (max-width:1440px){
    #end_bj ul .tit{ font-size: 18px;}
    #end_bj ul li{ font-size: 14px;}
    .end_font{ display: none;}
}
@media screen and (max-width:1200px){
    #end_bj{ border-radius: 0;}
    #end_bj .main .end_ewm{ width: 50%;}
}

@media screen and (max-width:991px){
}
@media screen and (max-width:768px){
    .end_logo{ display: none;}
    #end_bj .main .end_ewm{ width: 100%;}
}
@media screen and (max-width:500px){
}


/*首页*/
#ywbj{ background: url("../images/yewu_bj.jpg") no-repeat center top; background-size: 100% 100%;}
#dmbj{ background: url("../images/yewu_bj1.jpg") no-repeat left top;}
#ppbj{ background: url("../images/youshi_bj.jpg") no-repeat left bottom; position: relative; background-size: 100% 100%;}
#xwbj{ background: url("../images/youshi_bj1.jpg") no-repeat left top; position: relative;}
#rybj{ background: url("../images/ry_bj.jpg") no-repeat left top;}
@media screen and (max-width:1440px){
    #ywbj{ background-size: auto 100%;}
    #dmbj{ background: none;}
}



.pinpai{ }
.tree1{ position: absolute; left: -5%; bottom: 0;}
.tree2{ position: absolute; right: 15%; bottom: 0;}

#ppbj .pic{ position: absolute; left: 180px; top: -100px; z-index: 1;}
#xwbj .pic{ position: absolute; right: 100px; top: 45px; z-index: 1;}

.tit_in{ text-align: center;}
.tit_in span{ color: var(--theme-bg); font-size: 30px; font-family: titfont;}
.tit_in h2{ color: #000; font-size: 60px; padding: 10px 0 20px !important; font-family: titfont;}
.tit_in p{ color: #333333; font-size: 24px; font-weight: lighter;}


.gsjj{ margin-top: 5% !important;}
.gsjj .tit{ color: #282828; font-size: 30px; font-weight: bold !important; padding: 20px 0 20px;}
.gsjj .con{ color: #6d6d6d; font-size: 16px; line-height: 38px; padding-top: 10px;}
@media screen and (max-width:1200px){
    .gsjj .tit{ font-size: 24px;}
}
@media screen and (max-width:991px){
    .tit_in span{ font-size: 24px;}
    .tit_in h2{ font-size: 48px;}
    .tit_in p{ font-size: 20px;}
    .gsjj .pic img{ max-width: 100%;}
    #ppbj .pic{ display: none;}
}
@media screen and (max-width:768px){
    .tit_in span{ font-size: 20px;}
    .tit_in h2{ font-size: 40px;}
    .tit_in p{ font-size: 16px;}
    .gsjj .tit{ font-size: 20px;}
    .tree1,.tree2{ display: none !important;}
}



#ywbj .tit_in span,#ywbj .tit_in h2{ color: #fff;}
#yewu li{ float: left; width: 15%; margin: 3% 0.8%; cursor: pointer;}
#yewu li .nr{ width: 100%; height: auto; position: relative;}
#yewu li .nr:before{ position: absolute; left: 0; top: 0; content: ''; width: 224px; height: 224px; border-radius: 70px; border: 1px dashed #3a5fce; opacity: 0; transition: 0.5s;}
#yewu li .nr .pic{ width: 100%; height: 100%; border-radius: 70px; overflow: hidden; position: relative;}
#yewu li .nr .pic img{ width: 100%;}
#yewu li .nr .tit{ text-align: center; color: #fff; font-size: 20px; height: 50px; line-height: 50px;}
#yewu li .nr .num{ position: absolute; left: 93px; z-index: 2; top: 0px; width: 60px; height: 60px; border-radius: 100%; text-align: center; line-height: 60px; color: #000; font-size: 30px; font-family: Rany; font-weight: bold; background: #fff; opacity: 0; transition: 0.3s;}
#yewu li .nr .num i{ display: inline-block;}
#yewu a:nth-of-type(10) li .nr .num i,#yewu a:nth-of-type(11) li .nr .num i,#yewu a:nth-of-type(12) li .nr .num i{ display: none;}
#yewu li .nr .pic .font{ background: rgba(224,64,75,0.9); position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; padding-top: 25%; opacity: 0; transition: 0.5s;}
#yewu li .nr .pic .font i{ font-size: 50px; color: #fff;}
#yewu li .nr .pic .font p{ color: #fff; font-size: 14px; padding: 20px 10% 0; line-height: 25px;}
#yewu li:hover .nr .pic .font{ opacity: 1;}
#yewu li:hover .nr .num{ opacity: 1; top: -30px;}
#yewu li:hover .nr:before{ left: -10px; top: -10px; opacity: 1; }
@media screen and (max-width:1440px){
    #yewu li{ width: 23%;}
}
@media screen and (max-width:1200px){
    #yewu li .nr .tit{ font-size: 16px;}
}
@media screen and (max-width:991px){
    #yewu li .nr .pic .font p{ display: none;}
    #yewu li .nr .pic .font{ padding-top: 39%;}
    #yewu li .nr .pic .font i{ font-size: 40px;}
    #yewu li .nr:before,#yewu li .nr .num{ display: none;}
}





#crcm{ position: relative; margin-top: 2%; overflow: hidden; padding: 100px 0;}
#crcm .swiper-container {
    width: 100%;
    height: 100%;
}
#crcm .swiper-slide {
    text-align: center;
    transition: 0.5s;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#crcm .swiper-slide p{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; border-radius: 30px; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
#crcm .swiper-slide p img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s;}
#crcm .swiper-slide span{ display: none; height: 60px; line-height: 40px; font-size: 16px; width: 100%; padding-top: 3%;}
#crcm .swiper-slide .con{ display: none;}
#crcm .swiper-slide-active{transform: scale(1.3) !important;}
#crcm .swiper-slide-active span{ display: block}
#crcm .swiper-slide-active p{ width: 120%; border: 4px solid rgba(255,255,255,0.4);}
#crcm .swiper-slide-active .con{ display: block; position: absolute; left: -7%; bottom: 5%; content: ''; z-index: 10; width: 114%; background: rgba(255,255,255,0.8); padding: 15px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px;}
#crcm .swiper-slide-active .con h4{ color: #000; font-size: 18px; font-weight: bold !important;}
#crcm .swiper-slide-active .con h5{ color: #353535; font-size: 16px;}
#crcm .swiper-slide-active .con h5 i{ font-size: 18px; margin-right: 5px;}
#crcm .swiper-slide-active .con dl,#crcm .swiper-slide-active .con dl dd{ margin: 0 !important;}
#crcm .swiper-slide-active .con dl{ margin-top: 10px !important;}
#crcm .swiper-slide-active .con dl dt{ font-size: 16px; font-weight: normal !important;}
#crcm .swiper-slide-active .con dl dd{ background: #375dcd; height: 30px; line-height: 30px; padding: 0 15px; margin-right: 10px !important; color: #fff; border-radius: 5px;}
#crcm .swiper-button-next,#crcm .swiper-button-prev{ width: 50px; height: 50px; background: var(--theme-bg); border-radius: 5px; transition: 0.3s; opacity: 0.5}
#crcm .swiper-button-next:after,#crcm .swiper-button-prev:after{ color: #fff; font-size: 20px;}
#crcm .swiper-button-next:hover,#crcm .swiper-button-prev:hover{ opacity: 1;}
@media screen and (max-width:1024px){
    #crcm .swiper-slide-active p{ width: 100%;}
    #crcm .swiper-slide p{ padding-bottom: 55%;}
    #crcm .swiper-slide-active{transform: scale(1.0) !important;}
    #crcm .swiper-slide-active .con{ width: 96%; left: 2%;}
}
@media screen and (max-width:991px){
}
@media screen and (max-width:768px){
    #crcm .swiper-slide p{ padding-bottom: 70%;}
}



#youshi{ padding: 0; margin-top: 5%;}
#youshi .swiper-container {
    width: 100%;
    height: 100%;
}
#youshi .swiper-slide {
    transition: 0.2s;
    position: relative;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
}
#youshi .swiper-slide .nr{ z-index: 2; padding: 13% 3%; background: #fff; border-radius: 70px;}
#youshi .swiper-slide:before{ position: absolute; width: 80%; left: 10%; height: 110%; top: -5%; background: #ddf0f8; content: ''; border-radius: 70px; transition: 0.5s;}
#youshi .swiper-slide i{ text-align: center;}
#youshi .swiper-slide .tit{ line-height: 45px; padding: 8% 0; text-align: center; position: relative;}
#youshi .swiper-slide .tit:before{ position: absolute; width: 20%; height: 3px; background: #375dcd; content: ''; left: 40%; bottom: 0; transition: 0.5s;}
#youshi .swiper-slide .tit p{ color: #272727; font-size: 36px; font-weight: bold !important;}
#youshi .swiper-slide .tit span{ display: block; font-size: 24px;}
#youshi .swiper-slide .con{ font-size: 16px; text-align: center; line-height: 35px; padding-top: 5%; min-height: 160px;}
#youshi .swiper-slide:hover:before{ background: #325ecc;}
#youshi .swiper-slide:hover .tit:before{ left: 25%; width: 50%;}
@media screen and (max-width:1600px){
    #youshi .swiper-slide .tit p{ font-size: 26px;}
    #youshi .swiper-slide .tit span{ font-size: 20px;}
    #youshi .swiper-slide .con{ font-size: 14px;}
}
@media screen and (max-width:1440px){
    #youshi .swiper-slide .tit p{ font-size: 22px;}
    #youshi .swiper-slide .tit span{ font-size: 18px;}
    #youshi .swiper-slide .tit{ line-height: 35px;}
}
@media screen and (max-width:991px){
    #youshi{ margin-top: 10% !important;}
}
@media screen and (max-width:768px){
}



.xwdt{position: relative; margin-top: 3%; padding-bottom: 5%;}
.xwdt .swiper-container { overflow: hidden;}
.xwdt .swiper-slide { display: flex; flex-direction: column; background: #fff; border: 1px solid #d7d7d7; border-radius: 70px; overflow: hidden; position: relative; padding: 1px;}
.xwdt .swiper-slide .inimg{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; opacity: 0; transition: 0.5s;}
.xwdt .swiper-slide .inimg img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.5s; opacity: 0.4;}
.xwdt .swiper-slide .con{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 15% 10%; z-index: 1;}
.xwdt .swiper-slide .con .tit{ color: #333333; font-size: 24px; transition: 0.3s; position: relative; height: 50px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.xwdt .swiper-slide .con .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 20%; height: 3px; background: #d4d4d4;}
.xwdt .swiper-slide .con .nr{ color: #3a3a3a; font-size: 16px; line-height: 35px; margin: 20px 0;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
.xwdt .swiper-slide .con .more_xw{ color: #325fce; font-size: 14px;}
.xwdt .swiper-slide .con .more_xw i{ font-size: 20px; margin-left: 10px;}
.xwdt .swiper-slide .con .time{ color: #666666; font-size: 14px; font-family: Rany; font-weight: bold;}
.xwdt .swiper-slide:hover .inimg{ opacity: 1;}
.xwdt .swiper-slide:hover .inimg img{transform: scale(1.1);}

@media screen and (max-width:1440px){
    .xwdt .swiper-container{ padding-bottom: 10%;}
    .xwdt .swiper-slide .inimg{ padding-bottom: 90%;}
}
@media screen and (max-width:1200px){
    .xwdt .swiper-slide .con .tit{ font-size: 20px;}
    .xwdt .swiper-slide .con .nr{-webkit-line-clamp: 2;}
}
@media screen and (max-width:991px){
}
@media screen and (max-width:768px){
}
@media screen and (max-width:450px){
}





.zzry{position: relative; margin-top: 3%;}
.zzry .swiper-container { overflow: hidden;}
.zzry .swiper-slide { display: flex; flex-direction: column; position: relative;}
.zzry .swiper-slide .inimg{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
.zzry .swiper-slide .inimg a{ display: block; width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
.zzry .swiper-slide .inimg a img{ max-width: 100%; height: 100%; transition: 0.5s;}
.zzry .swiper-slide p{ text-align: center; color: #333; font-size: 16px; transition: 0.3s; margin-top: 20px !important;}
.zzry .swiper-slide:hover .inimg img{transform: scale(1.1);}
.zzry .swiper-button-next,.zzry .swiper-button-prev{ width: 75px; height: 75px; border-radius: 100%; background: #fff; border: 1px solid #e6e7e7; line-height: 75px; text-align: center; color: #636363; top: auto; bottom: 0;  opacity: 1 !important; z-index: 3; transition: 0.3s;}
.zzry .swiper-button-prev{ left: 44%;}
.zzry .swiper-button-next{ right: 44%;}
.zzry .swiper-button-next:after,.zzry .swiper-button-prev:after{ font-size: 22px;}
.zzry .swiper-button-next:hover,.zzry .swiper-button-prev:hover{ background: var(--theme-bg);}
.zzry .swiper-button-next:hover:after,.zzry .swiper-button-prev:hover:after{ color: #fff;}
@media screen and (max-width:1440px){
    .zzry .swiper-container{ padding-bottom: 10%;}
    .zzry .swiper-button-prev{ left: 42%;}
    .zzry .swiper-button-next{ right: 42%;}
}
@media screen and (max-width:991px){
    .zzry .swiper-button-next,.zzry .swiper-button-prev{ width: 50px; height: 50px; line-height: 50px;}
    .zzry .swiper-button-next:after,.zzry .swiper-button-prev:after{ font-size: 20px;}
}
@media screen and (max-width:768px){
    .zzry .swiper-button-prev{ left: 38%;}
    .zzry .swiper-button-next{ right: 38%;}
    .zzry .swiper-container{ padding-bottom: 15%;}
}
@media screen and (max-width:450px){
    .zzry .swiper-button-prev{ left: 35%;}
    .zzry .swiper-button-next{ right: 35%;}
}



/*公司简介*/
#gsjjzy_bj{ background: url("../images/jjzy_bj.jpg") no-repeat center bottom;}
#gsjjzy_bj .tit .tit_1{ line-height: 50px;}
#gsjjzy_bj .tit .tit_1 h4{ font-family: titfont !important; color: #252525; font-size: 48px;}
#gsjjzy_bj .tit .tit_1 p{ color: var(--theme-bg); font-size: 30px; text-transform: capitalize; font-family: titfont !important;}
#gsjjzy_bj .tit .tit_1 span{ display: block; position: relative; padding-bottom: 20px; color: #252525; font-size: 30px; font-weight: lighter; letter-spacing: 3px;}
#gsjjzy_bj .tit .tit_1 span:before{ position: absolute; content: ''; width: 20%; height: 3px; left: 0; bottom: 0; background: var(--theme-bg);}
#gsjjzy_bj .tit .tit_2{ display: block; color: var(--theme-bg); font-size: 88px; height: 100px; line-height: 100px; font-family: Rany !important; font-weight: bold !important; margin-top: 30px;}
#gsjjzy_bj .font{ font-size: 16px; line-height: 40px;}
#gsjjzy_bj ul{ margin-top: 20px !important;}
#gsjjzy_bj ul li h2{ color: #363636; font-size: 68px; font-family: Rany !important; font-weight: bold !important;}
#gsjjzy_bj ul li p,#gsjjzy_bj ul li h2 sub{ color: #333333; font-size: 18px; font-weight: normal !important;}
@media screen and (max-width:1440px){
    #gsjjzy_bj .tit .tit_2{ font-size: 70px;}
    #gsjjzy_bj .tit .tit_1 h4{ font-size: 40px;}
    #gsjjzy_bj .tit .tit_1 p,#gsjjzy_bj .tit .tit_1 span{ font-size: 24px;}
}
@media screen and (max-width:1200px){
    #gsjjzy_bj .tit .tit_2{ font-size: 60px;}
    #gsjjzy_bj ul li h2{ font-size: 55px;}
}
@media screen and (max-width:768px){
    #gsjjzy_bj .tit .tit_1 h4{ font-size: 30px;}
    #gsjjzy_bj .tit .tit_1 p,#gsjjzy_bj .tit .tit_1 span{ font-size: 20px;}
    #gsjjzy_bj .tit .tit_1{ line-height: 30px;}
    #gsjjzy_bj .tit .tit_2{ font-size: 50px; height: 55px; line-height: 55px;}
    #gsjjzy_bj ul li h2{ font-size: 36px;}
}


.tit_zy p{ color: #252525; font-family: titfont !important; font-size: 48px; height: 50px;}
.tit_zy span{ color: var(--theme-bg); font-size: 30px; font-family: titfont !important;}
.more{ background: var(--theme-bg); color: #fff; height: 68px; line-height: 68px; border-radius: 35px; font-size: 16px; padding: 0 70px; letter-spacing: 3px; transition: 0.3s;}
.more a{ color: #fff;}
.more:hover{ border-radius: 0;}
.tit_zy i{ color: #333333; font-size: 30px; padding-top: 20px;}
@media screen and (max-width:768px){
    .tit_zy i{ font-size: 20px;}
    .tit_zy p{ font-size: 30px; height: auto;}
    .tit_zy span{ font-size: 20px;}
    .more{ padding: 0 20px; height: 40px; line-height: 40px; font-size: 14px; letter-spacing: 0;}
}



#whbj{ background: url("../images/jjzy_wh.jpg") no-repeat center top;}
#whbj .tit_zy p{ color: #fff;}


.wenhua{position: relative;}
.wenhua .swiper-container { padding-top: 5%;}
.wenhua .swiper-slide { display: flex; flex-direction: column; position: relative; text-align: center; padding: 3% 0; background: rgba(255,255,255,0.9); border-radius: 10px; transition: 0.3s;}
.wenhua .swiper-slide i{ color: #252525; font-size: 40px; height: 45px; line-height: 45px; transition: 0.3s;}
.wenhua .swiper-slide .tit{ line-height: 40px; padding: 20px 0;}
.wenhua .swiper-slide .tit p{ color: #252525; font-size: 36px; font-weight: bold; transition: 0.3s;}
.wenhua .swiper-slide .tit span{ color: #717171; font-size: 16px; font-family: Rany; font-weight: bold; text-transform: uppercase; transition: 0.3s;}
.wenhua .swiper-slide em{ color: #d9d7d4; font-size: 60px; height: 70px; line-height: 70px;}
.wenhua .swiper-slide .con{ color: #333333; font-size: 24px; font-weight: lighter !important; line-height: 40px; padding: 10% 15% 0; min-height: 200px; transition: 0.3s;}
.wenhua .swiper-slide:hover{ background: var(--theme-bg); transform: translateY(-30px);}
.wenhua .swiper-slide:hover i,.wenhua .swiper-slide:hover .tit p,.wenhua .swiper-slide:hover .tit span,.wenhua .swiper-slide:hover .con{ color: #fff;}
@media screen and (max-width:1440px){
    .wenhua .swiper-container{ padding-bottom: 10%;}
}
@media screen and (max-width:991px){
    #whbj .main{ padding: 8% 0;}
    .wenhua .swiper-slide .con{ font-size: 18px;}
    .wenhua .swiper-slide:hover{ transform: translateY(0);}
}
@media screen and (max-width:768px){
}
@media screen and (max-width:450px){
}


#ygfc{ background: url("../images/jjzy_wh1.jpg") no-repeat left top;}
#ygfc .main{ padding: 10% 0 5%;}


.fengcai{position: relative;}
.fengcai .swiper-container { padding-top: 3%;}
.fengcai .swiper-slide { display: flex; flex-direction: column; text-align: center;}
.fengcai .swiper-slide .inimg{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.fengcai .swiper-slide .inimg img{ display: block; width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.5s;}
.fengcai .swiper-slide p{ text-align: center; color: #333; font-size: 16px; height: 60px; line-height: 60px; transition: 0.3s; background: #f3f5f9;}
.fengcai .swiper-slide:hover .inimg img{transform: scale(1.1);}
.fengcai .swiper-slide:hover p{ background: var(--theme-bg); color: #fff;}
@media screen and (max-width:1440px){
    .fengcai .swiper-container{ padding-bottom: 10%;}
}
@media screen and (max-width:1200px){
    #ygfc{ background: none;}
}
@media screen and (max-width:768px){
}
@media screen and (max-width:450px){
}



/*品牌故事*/
.ppgs{  padding-top: 10% !important;}
.ppgs .con{ padding-top: 6%; color: #666666; font-size: 16px; line-height: 40px;}
#ppys{ background: url("../images/ys_bj.jpg") no-repeat center top; background-size: 100% 100%;}
#fzlc{ background: url("../images/fzlc_bj.jpg") no-repeat center top;}
#fzlc .main{ padding-top: 10% !important;}

#ppys .tit_zy p{ color: #fff !important;}

#ppys_lb{ position: relative;}
#ppys_lb .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto; overflow: hidden;}
#ppys_lb .swiper-slide { background-size: cover; background-position: center; position: relative;}
#ppys_lb .gallery-top { height: auto; width: 100%; padding: 0;}
#ppys_lb .gallery-top .swiper-slide .num{ position: relative; text-align: right; color: #fff; font-size: 100px; font-weight: bold; font-family: Rany; height: 100px; line-height: 100px;}
#ppys_lb .gallery-top .swiper-slide .num:before{ position: absolute; left: 0; top: 0; content: 'yingtongkang'; font-weight: bold; font-family: Rany; color: rgba(255,255,255,0.1); font-size: 75px; text-transform: uppercase;}
#ppys_lb .gallery-top .swiper-slide .tit{ color: #fff; font-size: 44px; font-weight: bold; margin: 5% 0;}
#ppys_lb .gallery-top .swiper-slide ul{ margin: 5% 0 !important;}
#ppys_lb .gallery-top .swiper-slide ul li{ color: #fff; font-size: 18px; line-height: 50px; width: 65%;}
#ppys_lb .gallery-top .swiper-slide ul li i{ margin-right: 10px;}

#ppys_lb .gallery-thumbs { height: auto; padding: 0; width: 100%; box-sizing: border-box;}
#ppys_lb .gallery-thumbs .swiper-slide { cursor: pointer; transition: 0.3s; color: #fff; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.3); border-radius: 5px; padding: 3%;}
#ppys_lb .gallery-thumbs .swiper-slide p{ font-size: 30px; font-weight: bold; font-family: Rany;}
#ppys_lb .gallery-thumbs .swiper-slide h4{ font-size: 22px; margin-top: 10px !important;}
#ppys_lb .gallery-thumbs .swiper-slide-thumb-active { background: rgba(224,64,75,0.8); border: 1px solid rgba(255,255,255,0.4); }

@media screen and (max-width:1600px){
}
@media screen and (max-width:1440px){
    #ppys_lb .gallery-top .swiper-slide .tit{ font-size: 30px;}
    #ppys_lb .gallery-top .swiper-slide .num{ font-size: 60px;}
    #ppys_lb .gallery-top .swiper-slide .num:before{ font-size: 50px;}
    #ppys_lb .gallery-top .swiper-slide ul li{ width: 100%;}
    #ppys_lb{ margin-top: 20px;}
    #ppys_lb .gallery-thumbs{ position: relative; width: 100%; top: 0;}
}
@media screen and (max-width:1200px){
    #ppys{background: url("../images/ys_bj.jpg") no-repeat left top; background-size: auto 100%;}
    #ppys_lb .gallery-thumbs .swiper-slide h4{ font-size: 18px;}
    #ppys_lb .gallery-thumbs .swiper-slide p{ font-size: 24px;}
}
@media screen and (max-width:991px){
}
@media screen and (max-width:768px){
}



.licheng{position: relative;}
.licheng .swiper-container { padding-top: 3%;}
.licheng .swiper-slide { display: flex; flex-direction: column; text-align: left;}
.licheng .swiper-slide .tit{ position: relative; color: #000000; font-size: 36px; font-family: titfont; height: 80px;}
.licheng .swiper-slide .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 150%; height: 1px; background: rgba(255,255,255,0.5);}
.licheng .swiper-slide .tit:after{ position: absolute; left: 0; bottom: -5px; content: ''; width: 10px; height: 10px; background: var(--theme-bg); border-radius: 3px;}
.licheng .swiper-slide .inimg{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden; margin: 40px 0 20px;}
.licheng .swiper-slide .inimg img{ display: block; width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.5s;}
.licheng .swiper-slide .con{ color: #464646; font-size: 16px;}
.licheng .swiper-slide:hover .inimg img{transform: scale(1.1);}
@media screen and (max-width:1440px){
    .licheng .swiper-container{ padding-bottom: 10%;}
}
@media screen and (max-width:991px){
}
@media screen and (max-width:768px){
}
@media screen and (max-width:450px){
}





/*企业文化*/
.wh_con{ margin: 5% 0 0 !important;}
.wh_con .col-12{ padding: 0 !important;}
.wh_con .font{ color: #333333; font-size: 16px; line-height: 35px; padding: 5%; text-align: justify; }
.wh_con_1{ background: url("../images/whpic2.jpg") no-repeat center top; background-size: 100% 100%;}
.wh_con_1 ul{ height: 100%;}
.wh_con_1 ul .d-md-flex{ height: 50%;}
.wh_con_1 ul li{ float: left; width: 33.3%; height: 100%; background: rgba(255,255,255,0.8); padding: 3%;}
.wh_con_1 ul li.red{ background: rgba(224,64,75,0.8); color: #fff;}
.wh_con_1 ul li .tit p{ font-size: 24px;}
.wh_con_1 ul li .tit span{ font-size: 16px; font-family: Rany; text-transform: uppercase; font-weight: bold;}
.wh_con_1 ul li .con{ font-size: 18px; padding-top: 22%;}
.wh_con_1 ul li .con1{ padding-top: 12%;}
@media screen and (max-width:1440px){
    .wh_con{ margin: 5% 0 8% !important;}
    .wh_con_1 ul li .con{ font-size: 14px; line-height: 25px;}
    .wh_con_1 ul li .tit span{ font-size: 12px;}
    .wh_con_1 ul li .tit p{ font-size: 20px;}
}
@media screen and (max-width:991px){
    .wh_con .pic img{ width: 100% !important;}
}
@media screen and (max-width:768px){
    .wh_con_1 ul .d-md-flex{ height: auto !important;}
    .wh_con_1 ul li{ width: 50%;}
    .wh_con_1 ul li .con{ padding-top: 5%; min-height: 127px; line-height: 20px;}
}

/*新闻咨询*/
#xw_tj{ margin: 3% 0 3% !important; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#xw_tj .col-12{ padding: 0;}
#xw_tj .swiper { width: 100%; height: 100%; }
#xw_tj .swiper-slide {
    color: #333;
    text-align: left;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
#xw_tj .swiper { width: 100%; height: 300px; margin-left: auto; margin-right: auto;}
#xw_tj .swiper-slide { background-size: cover; background-position: center;}
#xw_tj .mySwiper2 { height: 100%; width: 100%; position: relative;}
#xw_tj .mySwiper2 .swiper-slide{ overflow: hidden; padding: 10% 7% 0;}
#xw_tj .mySwiper2 .swiper-slide .tit{ font-size: 28px; color: #333333; height: auto; line-height: 50px; margin-bottom:20px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
#xw_tj .mySwiper2 .swiper-slide .content{ font-size: 16px; margin: 3% 0 5%; color: #545454; line-height: 35px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#xw_tj .mySwiper2 .swiper-slide .time{ color: #999; margin-right: 10px; }
#xw_tj .mySwiper2 .swiper-slide .time i{ margin-right: 10px; font-size: 20px;}
#xw_tj .mySwiper2 .swiper-slide .more_zy{ float: right; position: relative; width: 20%; text-align: center; height: 50px; line-height: 50px; border: 1px solid var(--theme-bg); color: var(--theme-bg); transition: 0.3s; overflow: hidden; border-radius: 25px;}
#xw_tj .mySwiper2 .swiper-slide .more_zy p{ position: relative; z-index: 1;}
#xw_tj .mySwiper2 .swiper-slide .more_zy:before { content: ""; position: absolute; left: -150%; top: -150%; background: var(--theme-bg); width: 300%; height: 300%; border-radius: 50%;  transition: 0.5s; transform: scale(0);}
#xw_tj .mySwiper2 .swiper-slide .more_zy:hover:before{ transform: scale(1);}
#xw_tj .mySwiper2 .swiper-slide .more_zy:hover p{ color: #fff;}
#xw_tj .mySwiper { height: 100%; box-sizing: border-box;}
#xw_tj .mySwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.5; overflow: hidden;}
#xw_tj .mySwiper .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 60%; position: relative; overflow: hidden; transition: 0.3s;}
#xw_tj .mySwiper .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
#xw_tj .mySwiper .swiper-slide:hover .pic img{ transform: scale(1.05);}
#xw_tj .mySwiper .swiper-slide-thumb-active { opacity: 1;}
#xw_tj .mySwiper2 .swiper-button-next,#xw_tj .mySwiper2 .swiper-button-prev{ width: 60px; height: 60px; background: var(--theme-bg); border-radius: 5px; transition: 0.3s;}
#xw_tj .mySwiper2 .swiper-button-next:after,#xw_tj .mySwiper2 .swiper-button-prev:after{ display: none;}
#xw_tj .mySwiper2 .swiper-button-next i,#xw_tj .mySwiper2 .swiper-button-prev i{ color: #fff; font-size: 24px; transition: 0.3s;}
#xw_tj .mySwiper2 .swiper-button-next{ top: auto; bottom: 20px; left: 130px;}
#xw_tj .mySwiper2 .swiper-button-prev{ top: auto; bottom: 20px; left: 50px;}
#xw_tj .mySwiper2 .swiper-button-next:hover,#xw_tj .mySwiper2 .swiper-button-prev:hover{ background: #333;}
#xw_tj .mySwiper2 .swiper-button-next:hover i,#xw_tj .mySwiper2 .swiper-button-prev:hover i{ color: #fff;}


.xwtit{ text-align: left; position: relative; line-height: 50px; padding-bottom: 20px;}
.xwtit h3{ color: #3c3c3c; font-size: 30px; font-weight: bold !important;}
.xwtit p{ color: rgba(60,60,60,0.1); font-family: eng; font-size: 48px; text-transform: uppercase;}
.xwtit span{ display: block; font-size: 16px; color: #999;}
.xwtit:before{ position: absolute; content: ''; left: 0; bottom: 0; width: 4%; height: 2px; background: var(--theme-bg);}


@media screen and (max-width:1700px){
    #xw_tj .mySwiper2 .swiper-slide{ padding-right: 5%;}
    #xw_tj .mySwiper2 .swiper-slide .tit{ font-size: 26px; line-height: 40px;}
}
@media screen and (max-width:1440px){
    #xw_tj .mySwiper2 .swiper-slide .tit{ font-size: 22px; line-height: 30px;}
    #xw_tj .mySwiper2 .swiper-slide .content{ font-size: 14px;}
}
@media screen and (max-width:1200px){
    #xw_tj .mySwiper2 .swiper-slide .tit{ font-size: 18px;}
    #xw_tj .mySwiper2 .swiper-slide .content{ line-height: 25px;}
    #xw_tj .mySwiper2 .swiper-button-next,#xw_tj .mySwiper2 .swiper-button-prev{ width: 40px; height: 40px;}
    #xw_tj .mySwiper2 .swiper-button-next i,#xw_tj .mySwiper2 .swiper-button-prev i{ font-size: 18px;}
    #xw_tj .mySwiper2 .swiper-button-next{ left: 80px;}
    #xw_tj .mySwiper2 .swiper-button-prev{ left: 25px;}
    #xw_tj .mySwiper2 .swiper-slide .more{ width: 35%; height: 40px; line-height: 40px;}
}
@media screen and (max-width:991px){
    #xw_tj .mySwiper2 .swiper-slide{ padding-bottom: 10%;}
    .xwtit h3{ font-size: 22px;}
    .xwtit span{ font-size: 14px;}
}
@media screen and (max-width:768px){
    #xw_tj .mySwiper2 .swiper-button-next,#xw_tj .mySwiper2 .swiper-button-prev{ bottom: 10px;}
    .xwtit h3{ font-size: 20px;}
}


#xwclass li { margin-top: 7%; text-align: left; transition:0.3s; position: relative; border: 1px solid #f5f5f5; background: #f5f5f5; overflow: hidden;}
#xwclass li:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 0; height: 2px; background: var(--theme-bg); transition: all 0.3s;}
#xwclass li .p-3{ width: 100%;}
#xwclass li .pic{ display: block; width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
#xwclass li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: all 0.5s;}
#xwclass li .news_title{ width: 100%; color: #333333; min-height: 65px; margin-bottom: 30px; font-size: 16px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#xwclass li .news_time,#xwclass li .click{ color: #bfbfbf; font-size: 14px; font-family: 'engfont' !important;}
#xwclass li .news_time i,#xwclass li .click i{ color: #bfbfbf; font-size: 20px; margin-right: 10px;}
#xwclass li:hover .news_title{ color: var(--theme-bg);}
#xwclass li:hover:before{ width: 100%;}
#xwclass li:hover .pic img{transform: scale(1.2);}
#xwclass li:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.1); background: #fff;}


.xwinfo{ padding: 5% 0 0; font-size: 16px; line-height: 40px; border-radius: 20px; margin-top: 3%;}
.xwinfo img{ display: block; margin: 0 auto 3%; max-width: 80%;}
@media screen and (max-width:1200px){
}
@media screen and (max-width:991px){
    .xwinfo{ padding: 5%; font-size: 14px; line-height: 30px;}
}




.pic_lb{ margin-top: 5% !important;}
.pic_lb li{ margin-bottom: 5%; transition: 0.5s;}
.pic_lb li .img{display: block; width: 100%; height: 0; padding-bottom: 65%; position: relative; text-align: center; overflow: hidden;}
.pic_lb li .img img{width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.3s;}
.pic_lb li .img1{display: block; width: 100%; height: 0; padding-bottom: 60%; position: relative; text-align: center; overflow: hidden;}
.pic_lb li .img1 p{width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; border: 1px solid #efefef; text-align: center; transition: 0.3s;}
.pic_lb li .img1 p img{  max-width: 100% !important; height: 100%;}
.pic_lb li .img .font{ position: absolute; left: 0; top: 0; color: #fff; width: 100%; height: 100%; padding: 23% 5% 0; background: rgba(0,0,0,0.6); opacity: 0; text-align: center; overflow: hidden; transition:opacity 0.3s;-webkit-transition:opacity 0.3s}
.pic_lb li .img .font i{ width:0; height:1px; background-color:rgba(255,255,255,0.4); margin: 5px 0; transition:width 0s 0.3s;}
.pic_lb li .img .font .text-style1 div{transition:transform 0s 0.3s;}
.pic_lb li .img .font .text1{font-size:18px; overflow: hidden;}
.pic_lb li .img .font .text1 div{transform:translateY(101%);}
.pic_lb li .img .font .text2{opacity:0.6; overflow: hidden;}
.pic_lb li .img .font .text2 div{transform:translateY(-104%);}

.pic_lb li .img1 .font{ position: absolute; left: 0; top: 0; color: #fff; width: 100%; height: 100%; padding: 23% 5% 0; background: rgba(0,0,0,0.6); opacity: 0; text-align: center; overflow: hidden; transition:opacity 0.3s;-webkit-transition:opacity 0.3s}
.pic_lb li .img1 .font i{ width:0; height:1px; background-color:rgba(255,255,255,0.4); margin: 5px 0; transition:width 0s 0.3s;}
.pic_lb li .img1 .font .text-style1 div{transition:transform 0s 0.3s;}
.pic_lb li .img1 .font .text1{font-size:18px; overflow: hidden;}
.pic_lb li .img1 .font .text1 div{transform:translateY(101%);}
.pic_lb li .img1 .font .text2{opacity:0.6; overflow: hidden;}
.pic_lb li .img1 .font .text2 div{transform:translateY(-104%);}

.pic_lb li:hover .font .text-style1 div{ transform:translateY(0%); transition:transform 0.5s 0.5s;}
.pic_lb li:hover .img .font{ opacity: 1;}
.pic_lb li:hover .img .font i{opacity:1;width:100%;transition:width 0.5s 0.3s;-webkit-transition:width 0.5s 0.3s}

.pic_lb li:hover .img1 .font{ opacity: 1;}
.pic_lb li:hover .img1 .font i{opacity:1;width:100%;transition:width 0.5s 0.3s;-webkit-transition:width 0.5s 0.3s}

.pic_lb li .tit{ width: 100%; padding: 4%; background: #f5f5f5; transition: all 0.5s;}
.pic_lb li .tit p{ width: 80%; color: #303030; font-size: 18px; height: 50px; line-height: 50px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; }
.pic_lb li .tit span{ display: block; width: 50px; height: 50px; text-align: center; border-radius: 100%; line-height: 50px; background: #fff; transition: 0.3s;}
.pic_lb li .tit span i{ transform:rotate(-45deg); font-size: 20px; transition: 0.5s;}
.pic_lb li:hover{ box-shadow: 0 0 15px rgba(0,0,0,0.15);}
.pic_lb li:hover .pic img{ transform: scale(1.1);}
.pic_lb li:hover .tit span{ background: var(--theme-bg);}
.pic_lb li:hover .tit span i{ color: #fff; transform:rotate(0deg);}
.pic_lb li:hover .tit{ background: #fff;}

@media screen and (max-width:991px){
    .pic_lb li .img .font .text1{ font-size: 14px;}
    .pic_lb li .title p{ font-size: 14px;}
}




/*联系我们*/
#lxwmbj{ position: relative;}
#lxwmbj video { position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.7; display: block; object-fit: cover; object-position: center center;}
#lxwmbj .main{ position: relative; width: 100%; height: auto; }
#lxwmbj #lx_zxly { background: unset; background-color: rgba(255, 255, 255, 0.6); backdrop-filter: blur(30px); border-radius: 30px; color: #000; padding: 60px 80px; margin-top: 5%;}
#lx_zxly h2{ position: relative; font-size: 20px; text-align: center; height: 50px;}
#lx_zxly h2:before{ position: absolute; left: 48%; bottom: 0; content: ''; width: 4%; height: 2px; background: #333;}
#lx_zxly p{ text-align: center; font-weight: bold; font-family: titfont !important; color: var(--theme-bg); font-size: 55px; height: 60px; line-height: 60px; margin-top: 40px !important;}


.lxwm_lb{ margin: 5% 0 6% !important;}
.lxwm_lb i{ color: var(--theme-bg); font-size: 30px;}
.lxwm_lb p{ color: #000000; font-size: 18px; padding-left: 10px; text-transform: uppercase;}
.lxwm_lb h2{ color: #666666; font-size: 16px; padding-top: 15px;}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px){
    .lxwm_lb li{ float: left; width: 50%; margin-bottom: 5%;}
    .lxwm_lb{ margin-bottom: 0 !important;}
}
@media screen and (max-width:991px){
    #lx_zxly p{ font-size: 42px;}
}
@media screen and (max-width:768px){
    .lxwm_lb li{ float: left; width: 100%; margin-bottom: 5%;}
    #lxwmbj #lx_zxly{ padding: 40px 20px;}
    #lx_zxly h2{ font-size: 16px; height: 40px;}
    #lx_zxly p{ font-size: 32px !important; margin-top: 0 !important;}
}


#lx_dianmian{ width: 100% !important; margin-top: 3% !important;}
#lx_dianmian td{ border: 1px solid #efefef; padding: 1%; color: #666;}
#lx_dianmian tr:nth-of-type(1){ background: var(--theme-bg); font-size: 16px; font-weight: bold;}
#lx_dianmian tr:nth-of-type(1) td{ color: #fff !important;}
#lx_dianmian tr:nth-of-type(2n){ background: #efefef;}
#lx_dianmian tr:hover{ background: rgba(224,64,75,0.5);}
#lx_dianmian tr:hover td{ color: #fff !important;}
#lx_dianmian tr td:nth-of-type(1){ font-weight: bold;}








/*人才招聘*/
#linian{ margin: 2% auto; overflow: hidden; position: relative;}
#linian .swiper-container {
    width: 100%;
    height: 100%;
}
#linian .swiper-slide {
    text-align: left;
    transition:0.5s;
    background: #f8f8f8;
    padding: 3%;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
#linian .swiper-slide:nth-of-type(2){ background: #f2f2f2;}
#linian .swiper-slide:nth-of-type(3){ background: rgba(235,235,235,0.8);}
#linian .swiper-slide:nth-of-type(4){ background: rgba(224,224,224,0.8);}
#linian .swiper-slide i{ font-size: 20px; color: #333333; font-weight: bold;}
#linian .swiper-slide span{ color: #999999; text-transform: uppercase;}
#linian .swiper-slide h3{ color: #333333; font-size: 30px; font-weight: bold !important; margin-top: 100px !important;}
#linian .swiper-slide p{ color: #999999; font-size: 18px; min-height: 60px; margin-top: 20px !important;}
#linian .swiper-slide:hover{ background: var(--theme-bg);}
#linian .swiper-slide:hover i,#linian .swiper-slide:hover h3{ color: #fff;}
#linian .swiper-slide:hover span,#linian .swiper-slide:hover p{ color: rgba(255,255,255,0.5);}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1440px){
    #linian .swiper-slide h3{ font-size: 26px;}
    #linian .swiper-slide p{ font-size: 16px;}
}
@media screen and (max-width:991px){
    #linian .swiper-slide h3{ font-size: 22px;}
}
@media screen and (max-width:765px){
}

#zpbj{ background: url("../images/zpbj.jpg") no-repeat center top;}

.inner_contact_02{ margin-top: 0;}
#jobs_title{padding:0; width:100%; background: var(--theme-bg); color: #fff;font-size: 16px;height: 54px;line-height: 54px; text-align: center;}
.inner_contact_02 .td1{width: 25%;float: left; text-align: center;}
.inner_contact_02 .td2{width: 25%;float: left; text-align: center;}
.inner_contact_02 .td3{width: 25%;float: left; text-align: center;}
.inner_contact_02 .td4{width: 17.41%;float: left; text-align: center;}
.inner_contact_02 .td5{width: 25%;float: left; text-align: center;}
.inner_contact_02 .td5 a{color: var(--theme-bg);font-size: 16px;}
@media screen and (max-width:991px){
    .zhaopin{ background-size: 100%;}
    .inner_contact_02 .td1{ width: 35%;}
}
@media screen and (max-width:768px){
    .inner_contact_02 .td2{ width: 30%;}
    .inner_contact_02 .td4{ width: 37%;}
    .inner_contact_02 .td1{ width: 65%;}
}


#jobs_ul{ margin-top: 5%; width: 100%;}
#jobs_ul li{width: 100%;}
#jobs_ul li .jobs_title{font-size: 16px; width: 100%; height: 100px; line-height: 100px; background: rgba(255,255,255,0.6); color: #777; border-bottom: solid 1px #efefef; transition: 0.3s;}
#jobs_ul li .jobs_hover{ background: var(--theme-bg) !important; color: #fff;}
#jobs_ul li .jobs_hover a{ color: #fff;}
#jobs_ul li .jobs_box{padding:20px 3.5% 36px;background: rgba(245,245,245,0.7); position: relative;display: none;}
#jobs_ul li .jobs_box .info1 {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 22px;
}
#jobs_ul li .jobs_box .info1 p {
    font-size: 14px;
    color: #333333;
    line-height: 25px;
    margin: 5px 0px !important;
}
#jobs_ul li .jobs_box .info2 {
    border-bottom: 1px solid #e5e5e5;
    padding: 14px 0 22px;
}
#jobs_ul li .jobs_box .info2 h3 {
    font-size: 18px;
    color: #333333;
    line-height: 3;
    font-weight: normal;
}
#jobs_ul li .jobs_box .info2 p {
    font-size: 14px;
    color: #777777;
    line-height: 2.5;
}
#jobs_ul li .jobs_box .info2 .float-left {
    float: left;
}
#jobs_ul li .jobs_box .info2 .float-right {
    float: right;
}
#jobs_ul li .jobs_box .info2 .float-left .info-box {
    border-right: 1px solid #e5e5e5;padding-right: 10%;
}
#jobs_ul li .jobs_box .info3 {
    margin-top: 31px;
}
#jobs_ul li .jobs_box .info3 .apply_btn {
    width: 151px;
    height: 41px;
    line-height: 41px;
    background: #dd0004;
    font-size: 16px;
    color: #ffffff;
    float: right;
    transition: 0.3s;
    text-align: center;
}
#jobs_ul li .jobs_box .info3 .apply_btn:hover {
    background: #bc9b6f;
}
#jobs_ul li .jobs_box .info3 .all {
    float: right;
    font-size: 14px;
    color: #777777;
    height: 41px;
    line-height: 41px;
    padding-left: 30px;
}
#jobs_ul li .jobs_box i {
    position: absolute;
    left: 18px;
    top: -12px;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #f5f5f5;
}

@media screen and (max-width:1200px){
    #jobs_ul li .jobs_title{ font-size: 14px;}
}
@media screen and (max-width:991px){
    #jobs_ul li .jobs_title{ height: 80px; line-height: 80px;}
}
@media screen and (max-width:768px){
    #jobs_ul li .jobs_box .info2 h3,#jobs_ul li .jobs_box .info1 p{ font-size: 14px;}
}




/*公共*/
#zi_banner{ width: 100%; height: auto; position: relative;}
.jjbanner{ background: url("../images/jj_banner.png") no-repeat center top; background-size: 100%;}
.ppbanner{ background: url("../images/pp_banner.png") no-repeat center top; background-size: 100%;}
.whbanner{ background: url("../images/whbj.jpg") no-repeat center top; background-size: 100%;}

.jjbanner .main,.whbanner .main{ width: 100%; height: auto; padding: 10% 0 8%;}
.jjbanner .main .tit_banner,.whbanner .main .tit_banner{ padding-left: 5%; color: #fff; font-size: 36px; font-family: Rany; line-height: 55px; font-weight: bold;}
.ppbanner .main{ width: 100%; height: auto; padding: 7% 0 6.7%;}
.ppbanner .main .tit_banner{ padding-left: 5%; color: #fff;}
.ppbanner .main .tit_banner p{ font-size: 36px; line-height: 50px;}
.ppbanner .main .tit_banner span{ font-size: 24px; font-weight: lighter !important; line-height: 40px;}

@media screen and (max-width:1500px) {
}
@media screen and (max-width:1440px) {
    .jjbanner .main, .whbanner .main{ padding: 7.5% 0;}
    .ppbanner .main .tit_banner p{ font-size: 28px; line-height: 40px;}
    .ppbanner .main .tit_banner span{ font-size: 20px; line-height: 30px;}
}
@media screen and (max-width:1200px){
    .ppbanner .main .tit_banner p{ font-size: 24px; line-height: 30px;}
    .ppbanner .main .tit_banner span{ font-size: 16px; line-height: 25px;}
}
@media screen and (max-width:991px){
    .ppbanner .main .tit_banner span{ display: none;}
    .jjbanner .main .tit_banner,.whbanner .main .tit_banner{ font-size: 26px; line-height: 35px;}
}
@media screen and (max-width:768px){
    .jjbanner .main, .whbanner .main{ padding: 5% 0;}
    .jjbanner .main .tit_banner,.whbanner .main .tit_banner{ font-size: 18px; line-height: 35px;}
}
@media screen and (max-width:450px){
}



.hui{ background: #f5f6f8 !important; position: relative; z-index: 1;}
.bai{ background: #fff; position: relative; z-index: 1;}










/*翻页*/
.page {
 font-size: 0;
 text-align: center;
}
.page .center {
 display: inline-block;
 overflow: hidden;
}
.page .center .page-span {
 float: left;
 font-size: 14px;
 color: #c3c3c3;
 line-height: 32px;
 margin-right: 30px;
}
.page .center .page-list {
 float: left;
 overflow: hidden;
}
.page .center .page-list ul li {
 float: left;
 width: auto;
 min-width: 30px;
 height: 32px;
 text-align: center;
 line-height: 30px;
 font-size: 14px;
 margin: 0 4px;
 padding: 0;
 border: none;
 background: transparent;
}
.page .center .page-list ul li a {
 min-width: 20px;
 padding: 0 5px;
 border: 1px solid #eee;
 display: block;
 color: #333;
 border-radius: 4px;
 -webkit-border-radius: 4px;
 overflow: hidden;
 background: #fff;
}
.page .center .page-list ul li:hover a {
 color: #f3c04b;
}
.page .center .page-list ul li.active a {
 background: #f3c04b;
 color: #fff;
}