.main{ line-height: 30px; padding: 5% 0;}
body {
    --theme-blue: #0060e3;
    --theme-green: #00ae4d;
}

@media screen and (max-width:768px){
    .row{ margin: 0;}
}
.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;}
.shuiyin{ position: absolute; left: 0; top: 0; z-index: 1; background: url("../images/shuiyin.png") no-repeat center; width: 100%; height: 100%; background-size: 100% 100%;}

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

#dituContent label {
    max-width: unset!important;
    text-align: center;
}
@media screen and (max-width:1200px){
}

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


.mouse {
    display: block;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    border: 1px dashed var(--theme-blue);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}
.mouse i {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images/ico_16.png) no-repeat center;
    animation: downico 1.5s ease-out infinite;
    position: relative;
}
@keyframes downico{
    0%{
        top: 0;
        opacity: 1;
    }
    35%{
        top: 50%;
        opacity: 0;
    }
    65%{
        top: -50%;
        opacity: 0;
    }
    100%{
        top: 0;
        opacity: 1;
    }
}

/*头部*/
#top_index{ height: auto; margin: 0 auto; transition: 0.3s; width: 100%; z-index: 99; position: fixed; border-bottom: 1px solid rgba(255,255,255,0.2);}

#top_index_zy{ height: auto; margin: 0 auto; position: relative; transition: 0.3s; background: #fff; border-bottom: 1px solid rgba(0,0,0,0.1); box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#logo{ text-align: center; transition: 0.3s; padding: 10px 15px;}
#logo a{ display: block;}
#logo a img{ max-width: 100%; transition:0.5s;}
.top_tel{ color: #fff; font-size: 24px;}
.top_tel i{ font-size: 24px; margin-right: 10px; width: 45px; height: 45px; line-height: 45px; text-align: center; background: var(--theme-blue); color: #fff; border-radius: 100%; }
.top_tel span{ font-size: 14px;}
.top_tel p{ font-size: 26px;}
@media screen and (max-width:1600px){
    .top_tel p{ font-size: 20px;}
    .top_tel i{ font-size: 24px;}
}
@media screen and (max-width:1440px){
}
@media screen and (max-width:768px){
}

#nav{ height: auto; transition:0.3s; text-align: center;}
#nav li{ display: inline-block; font-size: 16px; text-align: center; transition:0.5s; position: relative; padding: 3% 0;}
#nav li .big{ display: block; position: relative; z-index: 1; line-height: 22px; color: #fff;}
#nav li:before{ position: absolute; left: 50%; bottom: 0; content: ''; background: #fff; height: 3px; width: 0; transition: 0.3s;}
#nav li:hover:before{ width: 50%; left: 25%;}

.top_hei{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.top_hei #nav li .big,.top_hei .top_tel{ color: #333;}
.top_hei .menu .menu_button>.line{ background: #333;}
.top_hei #c-header .c-switch i{ background: #333 !important;}

.top_index_active{ background: #fff !important; box-shadow: 0 0 20px rgba(0,0,0,0.2);}

.top_bj_active{ width: 100%; z-index: 20; background: rgba(0,0,0,0.5); top: 0; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.top_bj_active #logo{ padding: 0;}
.top_bj_active #logo img{ transform: scale(0.8);}
.top_bj_active #nav li{ padding: 1% 0;}
.top_bj_active #c-header .c-switch{ top: 3%;}

.top_hei.top_bj_active{ background: #fff !important;}

@media screen and (max-width:1800px){
}
@media screen and (max-width:1700px){
}
@media screen and (max-width:1600px){
    #nav li .big p{ display: none;}
    #nav li{ padding: 3% 0;}
}
@media screen and (max-width:1440px){
    #logo a img{ max-width: 100%;}
    .top_tel{ font-size: 20px;}
    .top_tel i{ display: none;}
}
@media screen and (max-width:1350px){
}
@media screen and (max-width:1300px){
}
@media screen and (max-width:1200px){
    #nav li{ font-size: 14px;}
}
@media screen and (max-width:991px){
    #top_index{ padding: 0; width: 100%;}
    #top_index .row{ margin: 0 !important;}
    #logo{ text-align: left; padding: 2%;}
}
@media screen and (max-width:768px){
    #logo a img{ max-width: 85%;}
    #logo{ padding: 2%;}
    .top_bj_active #logo{ padding: 2%;}
    .top_bj_active #logo img{ transform: scale(1);}
}


#banner,#mobile_banner{ position: relative;}
#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: var(--theme-blue); 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: 50px; height: 80px; line-height: 80px;}
#banner .swiper-button-next{ right: 5%;}
#banner .swiper-button-prev{ left:5%; }

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

.banner-swiper .swiper-button-white:after,.banner-swiper .swiper-button-white:after{ color: #fff;}

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



/*底部*/
#end_bj{ background: url("../images/end_map.png") no-repeat center right #0e4197; width: 100%; text-align: left; position: relative; color: #fff;}
#end_bj a{ color: rgba(255,255,255,0.5); transition: 0.3s; position: relative;}
#end_bj a:hover{ color: #fff;}
#end_bj .main{ padding: 3% 0;}

.end_nav{ border-bottom: 1px solid rgba(255,255,255,0.1);}
.end_nav .end_logo{ padding: 2% 0;}
.end_nav .end_zx{ width: 165px; height: 45px; line-height: 45px; text-align: center; float: right; border: 1px solid rgba(255,255,255,0.2); transition: 0.3s;}
.end_nav .end_zx:hover{ background: #fff;}
.end_nav .end_zx:hover a{ color: var(--theme-blue) !important;}

.end_nav_lb{ width: 75%;}
.end_nav_lb ul li{ font-size: 16px; color: rgba(255,255,255,0.5); line-height: 40px;}
.end_nav_lb ul li.big{ color: #fff; position: relative; padding-bottom: 10px;}
.end_nav_lb ul li.big:before{ position: absolute; left: -20px; top: 50%; width: 8px; height: 2px; background: #fff; content: '';}

#end_bj .main dl{ margin-top: 3% !important;}
#end_bj .main dl dd{ width: 30%; border: 1px solid rgba(255,255,255,0.2); padding: 2% 3%; margin: 0 2% 0 0 !important; min-height: 135px;}
#end_bj .main dl dd i{ font-size: 40px; margin-right: 10px;}
#end_bj .main dl dd span{ display: block; color: rgba(255,255,255,0.5); font-size: 16px;}
#end_bj .main dl dd p{ font-size: 28px;}
#end_bj .main dl dd .end_wx{ width: 30%; margin-left: 20px !important;}
/*#end_bj .main dl dd:last-of-type{ padding: 1% 3%;}*/
#end_bj .main dl.dl_wx dd span{ width: 60%; text-align: left;}




#end_line{ height: auto; padding: 10px 0; line-height: 30px; color: rgba(255,255,255,0.6); border-top: 1px solid rgba(255,255,255,0.05); }
#end_line a{ color: rgba(255,255,255,0.6);}
#end_line a:hover{ color: #fff;}

@media screen and (max-width:1440px){
    .end_nav_lb{ width: 100%;}
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:991px){
    #end_bj .main dl dd{ float: left; width: 48%; margin-bottom: 2% !important;}
}
@media screen and (max-width:768px){
    #end_bj .main dl{ padding: 15px !important;}
    #end_bj .main dl dd{ width: 100%;}
    #end_bj .main dl dd:nth-of-type(2){ text-align: center;}
}



.footer_zx{ height:60px; overflow: hidden; right:0; bottom:0; z-index: 20; width:100%; line-height: 25px; position: fixed; background-color:#1e2830;}
.footer_zx a{ color:#fff !important; display: block; width: 50%; height: 100%; float: left; text-align: center; background-color:#1e2830;}
.footer_zx a:last-of-type{ background: var(--theme-blue);}
.footer_zx i{ font-size: 28px; padding: 2% 0 1%; font-weight: normal;}
.footer_zx p{font-size: 13px;}
.kb50{ height: 60px;}

@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:991px){
}
@media screen and (max-width:768px){
    .footer_zx i{ padding: 2% 0 1%;}
}





/*首页*/
#jjbj{ background: url("../images/jjbj.jpg") no-repeat center top #f5f5f5;}
.jj_bt .float-start{ line-height: 35px; margin-left: 10px;}
.jj_bt p{ color: #333333; font-size: 32px; font-weight: bold;}
.jj_bt span{ color: #666666; font-size: 20px;}
#jjbj .pic{ padding-left: 35px;}
#jjbj .gsjj_in{margin-top: -50px;}

.jj_tit{ margin: 4% 0;}
.jj_tit{ color: #000000; font-size: 35px; font-weight: bold;}
.jj_tit span{ color: var(--theme-blue);}
.jj_con{ background: url("../images/jjline.png") no-repeat right bottom #fff; border-bottom: 2px solid var(--theme-blue); padding: 3%; width: 130%; position: relative; z-index: 1;}
.jj_con:before{ position: absolute; left: 33%; bottom: -2px; height: 2px; content: ''; background: var(--theme-green); width: 34%;}
.jj_con:after{ position: absolute; right: 0; bottom: -2px; height: 2px; content: ''; background: #ffd306; width: 33%;}
/*.jj_con .pl{ padding-left: 8%;}*/
.jj_con i{ color: var(--theme-blue); font-size: 40px;}
.jj_con .bt{ color: #121212; font-size: 28px; margin: 3% 0;}
.jj_con .con{ color: #666666; font-size: 14px; line-height: 33px;
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-line-clamp: 10;*/
    /*overflow: hidden;*/
}
.jj_con .more em{ width: 90px; height: 45px; line-height: 45px; text-align: center; background: var(--theme-blue); color: #fff; font-size: 30px; border-top-right-radius: 25px; border-bottom-left-radius: 25px;}
.jj_con .more span{ display: block; width: 80px; height: 1px; background: #999999; margin: 0 20px;}
.jj_con .more p{ color: #333333; font-size: 22px; text-transform: uppercase;}

#jjbj ul{ margin-top: 5% !important;}
#jjbj ul li{ text-align: center; width: 25%; padding: 0 5%; position: relative;}
#jjbj ul li:before{ position: absolute; right: 0; top: 25%; content: ''; width: 1px; height: 50%; background: #dfdfdf;}
#jjbj ul li i{ color: var(--theme-blue); font-size: 46px; height: 50px; line-height: 50px;}
#jjbj ul li p{ color: #333333; font-size: 22px; font-weight: bold; padding: 5% 0 1% !important;}
#jjbj ul li span{ display: block; color: #999999; font-size: 15px;}
@media screen and (max-width:1700px){
    .jj_tit{ font-size: 36px;}
    .jj_bt p{ font-size: 28px;}
    .jj_bt span{ font-size: 18px;}
    .jj_con .bt{ font-size: 26px;}
    .jj_con .con{ font-size: 14px;}
    .jj_con .more p{ font-size: 20px;}
}
@media screen and (max-width:1440px){
    .jj_tit{ font-size: 28px;}
    .jj_bt p{ font-size: 24px;}
    .jj_bt span{ font-size: 16px;}
    #jjbj ul li{ padding: 0 2%;}
    #jjbj ul li p{ font-size: 20px;}
    #jjbj ul li i{ font-size: 40px;}
}
@media screen and (max-width:1200px){
    #jjbj ul li span{ font-size: 13px; display: block; line-height: 25px;}
    #jjbj ul li p{ font-size: 18px;}
}
@media screen and (max-width:991px){
    .jj_con{ width: 100%;}
    #jjbj .pic{ padding: 20px 0 0;}
    #jjbj .pic img{ max-width: 100%;}
    #jjbj ul li{ float: left; width: 50%; margin: 2% 0; padding: 0 5%;}
    #jjbj ul li span{ min-height: 50px; font-size: 12px; line-height: 25px;}
    #jjbj ul li p{ font-size: 16px;}
    #jjbj ul li:nth-of-type(2n):before{ display: none;}
    #jjbj .gsjj_in{margin-top: 0;}
}
@media screen and (max-width:768px){
    .jj_tit{ font-size: 22px;}
    .jj_bt p{ font-size: 20px;}
    .jj_bt span{ font-size: 14px;}
    .jj_bt .float-start{ line-height: 28px;}
    .jj_con .bt{ font-size: 20px;}
    .jj_con .pl{ padding: 0;}
}


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

.tit_in{ line-height: 45px;}
.tit_in p{ color: #333333; font-size: 36px; font-weight: bold;}
.tit_in p em{ color: var(--theme-blue);}
.tit_in span{ color: #333333; font-size: 16px;}
@media screen and (max-width:1200px){
    .tit_in{ line-height: 35px;}
    .tit_in p{ font-size: 28px;}
    .tit_in span{ font-size: 14px;}
}
@media screen and (max-width:768px){
    .tit_in p{ font-size: 18px;}
    .tit_in span{ font-size: 12px;}
}


#cp_floor .cp_floor_tit_bj{ background: #fff; border: 1px solid var(--theme-blue); border-left: 5px solid var(--theme-blue); padding: 5px 2%;}
#cp_floor .cp_floor_tit { text-align: left;  cursor: pointer; }
#cp_floor .cp_floor_tit i{ display: inline-block; width: 10px; height: 10px; background: var(--theme-blue); border-radius: 100%; position: relative; transition: 0.3s; margin: 0 20px 0 10px;}
#cp_floor .cp_floor_tit i:before{ position: absolute; top: -3px; content: ''; left: -3px; width: 16px; height: 16px; border: 1px dashed var(--theme-blue); border-radius: 100%; transition: 0.3s;}
#cp_floor .cp_floor_tit p{ color: #000; font-size: 22px; margin-top: 8% !important; transition: 0.3s;}
#cp_floor .cp_floor_tit span{ display: block; text-transform: uppercase; font-size: 12px; color: #666; transition: 0.3s;}
#cp_floor .cp_floor_tit_bj .more a{ color: var(--theme-blue); font-size: 16px; text-transform: uppercase;}
#cp_floor ul{ padding: 3% 0 5% !important;}
#cp_floor ul li{ margin-bottom: 5%; position: relative; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); overflow: hidden;}
#cp_floor ul li .pic{ width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden; transition: 0.3s; }
#cp_floor ul li .pic p{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#cp_floor ul li .pic p img{ max-width: 90%; height: 90%; transition: 0.3s;}
#cp_floor ul li .tit{ padding: 10px; line-height: 25px;}
#cp_floor ul li .tit p{ font-size: 16px; color: #333333; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#cp_floor ul li .tit i{ color: #dadada; font-size: 24px;}
#cp_floor ul li .tit .con{ color: #999999; font-size: 12px; text-transform: capitalize;}
#cp_floor ul li .font{ position: absolute; left: 0; bottom: -100%; background: url("../images/cphover.jpg") no-repeat center; width: 100%; height: auto; padding: 50px 5% 3%; border: 2px solid var(--theme-blue); z-index: 2; transition: all 0.5s; opacity: 0;}
#cp_floor ul li .font:before{ position: absolute; left: 40%; top: -60px; content: ''; background: url("../images/jjlogo.png") no-repeat center #fff; background-size: 45%; box-shadow: 0 0 10px rgba(0,0,0,0.4); width: 105px; height: 105px; border-radius: 100%; border: 2px solid var(--theme-blue);}
#cp_floor ul li .font .bt{ color: #333333; text-align: center; font-size: 20px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#cp_floor ul li .font .con{ color: #999999; font-size: 15px; line-height: 25px; margin: 5% 0; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#cp_floor ul li .font .d-flex{ border-top: 1px solid #e3e3e3; height: 50px;}
#cp_floor ul li .font .d-flex p{ color: #333333; font-size: 16px;}
#cp_floor ul li .font .d-flex i{ color: var(--theme-blue); font-size: 24px;}
#cp_floor ul li:hover .pic p img{transform: scale(1.1);}
#cp_floor ul li:hover .font{ bottom: 0; opacity: 1;}
@media screen and (max-width:768px){
    #cp_floor ul li .tit{ padding: 10px;}
    #cp_floor ul li .tit i{ display: none;}
    #cp_floor ul li .tit .con{ font-size: 12px;}
    #cp_floor .cp_floor_tit p{ font-size: 16px;}
    #cp_floor .cp_floor_tit span{ font-size: 12px;}
    #cp_floor .cp_floor_tit{ line-height: 20px;}
    #cp_floor .cp_floor_tit_bj .more a{ font-size: 12px;}
}






/*#cpnr{ margin-top: 3%; position: relative;}*/
/*#cpnr:before{ position: absolute; left: -50%; top: 15px; content: ''; width: 200%; height: 1px; background: #e0e0e0;}*/
/*#cpnr .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto; overflow: hidden;}*/
/*#cpnr .swiper-slide { background-size: cover; background-position: center; position: relative;}*/
/*#cpnr .gallery-top { height: auto; width: 100%; padding: 2% 0 0;}*/
/*#cpnr .gallery-top .swiper-slide li{ margin-bottom: 5%; position: relative; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); overflow: hidden;}*/
/*#cpnr .gallery-top .swiper-slide li .pic{ width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden; transition: 0.3s; }*/
/*#cpnr .gallery-top .swiper-slide li .pic p{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}*/
/*#cpnr .gallery-top .swiper-slide li .pic p img{ max-width: 90%; height: 90%; transition: 0.3s;}*/
/*#cpnr .gallery-top .swiper-slide li .tit{ padding: 20px; line-height: 25px;}*/
/*#cpnr .gallery-top .swiper-slide li .tit p{ font-size: 16px; color: #333333; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}*/
/*#cpnr .gallery-top .swiper-slide li .tit i{ color: #dadada; font-size: 24px;}*/
/*#cpnr .gallery-top .swiper-slide li .tit .con{ color: #999999; font-size: 14px; text-transform: capitalize;}*/
/*#cpnr .gallery-top .swiper-slide li .font{ position: absolute; left: 0; bottom: -100%; background: url("../images/cphover.jpg") no-repeat center; width: 100%; height: auto; padding: 50px 5% 3%; border: 2px solid var(--theme-blue); z-index: 2; transition: all 0.5s; opacity: 0;}*/
/*#cpnr .gallery-top .swiper-slide li .font:before{ position: absolute; left: 40%; top: -60px; content: ''; background: url("../images/jjlogo.png") no-repeat center #fff; background-size: 45%; box-shadow: 0 0 10px rgba(0,0,0,0.4); width: 105px; height: 105px; border-radius: 100%; border: 2px solid var(--theme-blue);}*/
/*#cpnr .gallery-top .swiper-slide li .font .bt{ color: #333333; text-align: center; font-size: 20px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}*/
/*#cpnr .gallery-top .swiper-slide li .font .con{ color: #999999; font-size: 15px; line-height: 25px; margin: 5% 0; display: -webkit-box;*/
/*    -webkit-box-orient: vertical;*/
/*    -webkit-line-clamp: 2;*/
/*    overflow: hidden;}*/
/*#cpnr .gallery-top .swiper-slide li .font .d-flex{ border-top: 1px solid #e3e3e3; height: 50px;}*/
/*#cpnr .gallery-top .swiper-slide li .font .d-flex p{ color: #333333; font-size: 16px;}*/
/*#cpnr .gallery-top .swiper-slide li .font .d-flex i{ color: var(--theme-blue); font-size: 24px;}*/
/*#cpnr .gallery-top .swiper-slide li:hover .pic p img{transform: scale(1.1);}*/
/*#cpnr .gallery-top .swiper-slide li:hover .font{ bottom: 0; opacity: 1;}*/

/*#cpnr .gallery-thumbs { height: auto; margin-bottom: 1%; padding: 0; box-sizing: border-box; position: relative;}*/
/*#cpnr .gallery-thumbs .swiper-slide { text-align: center;  cursor: pointer; }*/
/*#cpnr .gallery-thumbs .swiper-slide i{ display: inline-block; width: 10px; height: 10px; background: var(--theme-blue); border-radius: 100%; position: relative; transition: 0.3s;}*/
/*#cpnr .gallery-thumbs .swiper-slide i:before{ position: absolute; top: -3px; content: ''; left: -3px; width: 16px; height: 16px; border: 1px dashed var(--theme-blue); border-radius: 100%; transition: 0.3s;}*/
/*#cpnr .gallery-thumbs .swiper-slide p{ color: #333333; font-size: 22px; margin-top: 8% !important; transition: 0.3s;}*/
/*#cpnr .gallery-thumbs .swiper-slide span{ display: block; text-transform: uppercase; font-size: 12px; color: #999999; transition: 0.3s;}*/
/*#cpnr .gallery-thumbs .swiper-slide-thumb-active i{ background: var(--theme-green); }*/
/*#cpnr .gallery-thumbs .swiper-slide-thumb-active i:before{ border: 1px dashed var(--theme-green);}*/
/*#cpnr .gallery-thumbs .swiper-slide-thumb-active p,#cpnr .gallery-thumbs .swiper-slide-thumb-active span{ color: var(--theme-green);}*/
/*@media screen and (max-width:1500px){*/
/*    #cpnr .gallery-thumbs .swiper-slide p{ font-size: 18px;}*/
/*    #cpnr .gallery-top .swiper-slide li .tit p{ font-size: 14px;}*/
/*    #cpnr .gallery-top .swiper-slide li .tit .con{ font-size: 12px;}*/
/*}*/
/*@media screen and (max-width:1200px){*/
/*    #cpnr .gallery-thumbs{ padding: 0;}*/
/*    #cpnr .gallery-thumbs .swiper-slide p{ font-size: 16px;}*/
/*    #cpnr .gallery-thumbs .swiper-slide{ line-height: 25px;}*/
/*}*/
/*@media screen and (max-width:991px){*/
/*    #cpnr .gallery-top .swiper-slide li .font .con{ display: none;}*/
/*    #cpnr .gallery-top .swiper-slide li .font .more{ margin-top: 10%;}*/
/*    #cpnr .gallery-top .swiper-slide li .font .tit{ font-size: 16px;}*/
/*}*/
/*@media screen and (max-width:765px){*/
/*    #cpnr .gallery-top .swiper-slide p{ font-size: 12px;}*/
/*    #cpnr .gallery-top .swiper-slide li .font .more{ display: none;}*/
/*}*/


.youshi:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 56px; background: url("../images/albj.jpg") no-repeat center top;}
.youshi .font{ padding: 5% 0 0 0;}
.youshi .pic_left img{ position: relative; z-index: 2;}
.ys_tit{ line-height: 35px; padding: 5% 0 3% 5%;}
.ys_tit h2{ color: var(--theme-blue); font-size: 36px;}
.ys_tit h2 span{ color: #8b8b8b; font-weight: bold; text-transform: capitalize; font-style: italic; padding-left: 10px;}
.ys_tit p{ color: #666666; font-size: 16px;}


#hxys{ position: relative; z-index: 4;}
#hxys .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto; overflow: hidden;}
#hxys .swiper-slide { background-size: cover; background-position: center; position: relative;}
#hxys .gallery-top { height: auto; width: 60%; padding: 5% 0 0 0; margin-left: 30%;}
#hxys .gallery-top .swiper-slide{ padding: 0; position: relative; overflow: hidden;}
#hxys .gallery-top .swiper-slide .tit{ color: #333333; font-size: 24px;}
#hxys .gallery-top .swiper-slide .content{ color: #666666; font-size: 16px; margin: 3% 0; line-height: 35px;}
#hxys .gallery-top .swiper-slide .pic{ text-align: center;}

#hxys .gallery-thumbs { height: auto; padding: 0; box-sizing: border-box; position: relative; background: var(--theme-blue);}
#hxys .gallery-thumbs .swiper-slide { cursor: pointer; padding: 2% 0; color: #fff; transition: 0.3s; }
#hxys .gallery-thumbs .swiper-slide:before{ position: absolute; right: 0; bottom: 0; content: '01'; font-size: 110px; color: rgba(255,255,255,0.05); font-weight: bold;}
#hxys .gallery-thumbs .swiper-slide:nth-of-type(2):before{ position: absolute; right: 0; bottom: 0; content: '02'; font-size: 110px; color: rgba(255,255,255,0.05); font-weight: bold;}
#hxys .gallery-thumbs .swiper-slide:nth-of-type(3):before{ position: absolute; right: 0; bottom: 0; content: '03'; font-size: 110px; color: rgba(255,255,255,0.05); font-weight: bold;}
#hxys .gallery-thumbs .swiper-slide:nth-of-type(4):before{ position: absolute; right: 0; bottom: 0; content: '04'; font-size: 110px; color: rgba(255,255,255,0.05); font-weight: bold;}
#hxys .gallery-thumbs .swiper-slide i{ font-size: 40px; margin-right: 10px;}
#hxys .gallery-thumbs .swiper-slide .float-start{ line-height: 28px;}
#hxys .gallery-thumbs .swiper-slide .float-start p{ font-size: 24px;}
#hxys .gallery-thumbs .swiper-slide .float-start span{ text-transform: uppercase; font-size: 16px;}
#hxys .gallery-thumbs .swiper-slide-thumb-active{ background: #1471f1; }
@media screen and (max-width:1900px){
    .youshi .pic_left img{ width: 177.5%;}
    #hxys .gallery-top .swiper-slide .pic img{ width: 80%;}
}
@media screen and (max-width:1670px){
    #hxys .gallery-top .swiper-slide .pic img{ width: 70%;}
    .youshi:before{ height: 49px;}
    #hxys .gallery-thumbs .swiper-slide .float-start p{ font-size: 22px;}
    #hxys .gallery-thumbs .swiper-slide .float-start span{ font-size: 14px;}
    #hxys .gallery-thumbs .swiper-slide:before,#hxys .gallery-thumbs .swiper-slide:nth-of-type(2):before,#hxys .gallery-thumbs .swiper-slide:nth-of-type(3):before,#hxys .gallery-thumbs .swiper-slide:nth-of-type(4):before{ font-size: 75px;}
}
@media screen and (max-width:1600px){
    #hxys .gallery-top{ padding-top: 3%;}
}
@media screen and (max-width:1440px){
    #hxys .gallery-thumbs .swiper-slide .float-start{ line-height: 22px;}
    #hxys .gallery-thumbs .swiper-slide .float-start p{ font-size: 18px;}
    #hxys .gallery-thumbs .swiper-slide .float-start span{ font-size: 12px;}
    #hxys .gallery-top .swiper-slide .tit{ font-size: 20px;}
    #hxys .gallery-top .swiper-slide .content{ line-height: 28px; font-size: 14px;}
    .ys_tit h2{ font-size: 30px;}
    .ys_tit p{ font-size: 14px;}
    #hxys .gallery-top{ width: 65%;}
    .ys_tit{ padding-top: 3%;}
}
@media screen and (max-width:1200px){
    .ys_tit{ padding: 2%;}
    #hxys .gallery-thumbs .swiper-slide i{ font-size: 30px;}
    #hxys .gallery-top .swiper-slide .content{ margin: 2% 0;}
    #hxys .gallery-thumbs .swiper-slide .float-start p{font-size: 16px;}
    .ys_tit h2{ font-size: 26px;}
    .youshi:before{ height: 35px;}
}
@media screen and (max-width:991px){
    #hxys .gallery-top{ width: 100%; margin: 0;}
    .youshi:before{ display: none;}
    .youshi { padding: 2% 15px 5%; }
}
@media screen and (max-width:768px){
    #hxys .gallery-top .swiper-slide .pic img{ width: 100%;}
    #hxys .gallery-thumbs .swiper-slide i{ display: none;}
}



#anli_bj{ background: url("../images/albj.jpg") no-repeat center top #fafafa;}
#link{ margin: 0 !important; width: 75%;}
#link li{ float: left; height: 130px; text-align: center; line-height: 130px; transition: 0.3s; cursor: default;}
#link li img{ max-width: 100%; max-height: 100%; vertical-align: middle;}
#anli_bj .tit p{ color: var(--theme-blue); font-size: 52px; height: 55px; font-weight: bold; text-transform: uppercase;}
#anli_bj .tit h2{ color: #fff; font-size: 24px;}
#anli_bj .tit span{ color: #fff; font-size: 12px; text-transform: uppercase;}

#anli_bj .tit_in{ margin-top: 8%;}
#anli_bj .tit_in p,#anli_bj .tit_in span{ color: #fff; position: relative; z-index: 1;}
#anli_bj .tit_in:before{ position: absolute; content: 'Xian dai ren'; width: 100%; height: 160px; line-height: 160px; left: 0; top: -65px; text-align: center; font-size: 160px; font-weight: bold; text-transform: uppercase; font-style: italic; background-image: linear-gradient(to bottom, rgba(255,255,255,0.1), rgba(255,255,255,0.01)); background-clip:text; -webkit-background-clip:text; color: transparent;}


#anli_bj .anli{ box-shadow: 0 0 10px rgba(0,0,0,0.1); margin-top: 3% !important; background: #fff; padding: 3% !important;}
#anli_bj .anli li{ margin-bottom: 5%;}
#anli_bj .anli li .pic{ display: block; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
#anli_bj .anli li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#anli_bj .anli li .tit{ border-bottom: 1px solid #e3e3e3; height: 60px; color: #333333; position: relative; transition: 0.3s;  }
#anli_bj .anli li .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 0; height: 1px; background: var(--theme-blue); transition: 0.3s;}
#anli_bj .anli li .tit i{ font-size: 30px; font-weight: bold; color: #666; margin-right: 20px;}
#anli_bj .anli li .tit h6{ width: 85%; font-size: 16px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#anli_bj .anli li:hover .tit{ color: var(--theme-blue); padding-left: 10px;}
#anli_bj .anli li:hover .tit i{ color: var(--theme-blue);}
#anli_bj .anli li:hover .tit:before{ width: 100%;}
#anli_bj .anli li:hover .pic img{ transform: scale(1.1);}


@media screen and (max-width:1700px){
    #link{ width: 70%;}
    #anli_bj .tit p{ font-size: 40px; height: 50px; line-height: 50px;}
    #link li img{ max-width: 92%;}
}
@media screen and (max-width:1600px){
    #anli_bj .tit_in:before{ font-size: 130px;}
}
@media screen and (max-width:1440px){
    #anli_bj .tit span{ display: block; line-height: 22px;}
    #anli_bj .tit_in:before{ font-size: 110px;}
}
@media screen and (max-width:1200px){
    #anli_bj .tit h2{ font-size: 18px;}
    #anli_bj .tit p{ font-size: 30px;}
    #link{ width: 90%;}
    #link li{ height: 70px; line-height: 70px;}
}
@media screen and (max-width:991px){
    #link{ width: 100%; margin-bottom: 12% !important;}
    #link li{ height: 75px; line-height: 75px; margin-top: 10px;}
}
@media screen and (max-width:768px){
    #link li{ height: 63px; line-height: 63px;}
    #anli_bj .tit_in:before{ font-size: 70px;}
    #anli_bj .anli li .tit i{ margin-right: 5px; font-size: 20px;}
    #anli_bj .anli li .tit h6{ font-size: 14px;}
}
@media screen and (max-width:500px){
    #link li{ height: 43px; line-height: 43px;}
}




.xgzx_lb{ margin-top: 2% !important;}
.xgzx_lb li{ border: 1px solid #cecece; height: 48px; line-height: 48px; font-size: 16px; width: 10%; text-align: center; border-right: none; transition: 0.3s;}
.xgzx_lb li:last-of-type{ border-right: 1px solid #cecece;}
.xgzx_lb li:hover{ background: var(--theme-blue); border: 1px solid var(--theme-blue);}
.xgzx_lb li:hover a{ color: #fff;}


#kjcx{position: relative; margin-top: 5%;}
#kjcx .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#kjcx .swiper-slide {
    transition:0.3s;
    position: relative;
    background: #fff;
    border: 1px solid #e5e5e5;

    /* 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;
}
#kjcx .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 65%; position: relative; overflow: hidden;}
#kjcx .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#kjcx .swiper-slide .content{ padding: 5%; width: 100%; transition: 0.3s;}
#kjcx .swiper-slide .content .d-flex{ border-bottom: 1px dashed #ebebeb; height: 50px;}
#kjcx .swiper-slide .content p{ color: #999999; font-size: 14px;}
#kjcx .swiper-slide .content .news_title{ color: #333333; font-size: 16px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; width: 80%;}
#kjcx .swiper-slide .content .news_info{ color: #999999; font-size: 14px; margin: 3% 0 3%; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
#kjcx .swiper-slide .content .more{ width: 30%; text-align: center; height: 38px; background: var(--theme-blue); line-height: 38px; color: #fff;}

#kjcx .swiper-slide:hover .pic img{transform: scale(1.1);}



#indexNews{ margin-top: 7% !important;}
#indexNews li{ width: 100%;height: auto; margin:0 auto; padding: 3.5% 2%; transition: 0.3s; border-bottom: dashed 1px #e2e2e2; }
#indexNews li .news_title{ text-align: left; color: #333333; font-size: 18px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; line-height: 30px;}
#indexNews li .col-10{ padding: 0 3%;}
#indexNews li .news_info{ color: #999999; font-size: 14px; line-height: 25px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#indexNews li .news_time{ line-height: 30px; text-align: center; font-weight: normal !important; border-left:solid 1px #e9e9e9; color: #666666;font-size: 14px; padding: 0 !important; margin: 0 !important;}
#indexNews li .news_time span{display: block; margin:0 auto; line-height: 45px; width: 100%; text-align: center; color: #666666; font-size: 48px; transition: 0.3s; font-family: Bahnschrift; font-weight: bold;}
#indexNews li:last-of-type{ border-bottom: none;}
#indexNews li:hover{ background: #f3f3f3;}
#indexNews li:hover .news_time span,#indexNews li:hover .news_time{ color: #fff;}

@media screen and (max-width:1700px){
    #kjcx .swiper-slide .content .news_title{ width: 75%;}
    #indexNews li .news_time span{ font-size: 42px;}
    #indexNews li{ padding: 3% 2%;}
}
@media screen and (max-width:1440px){
    .xgzx_lb li{ width: 14%;}
    #indexNews li .news_title{ font-size: 16px;}
    #indexNews li .news_time span{ font-size: 36px;}
    #indexNews li{ padding: 3% 2%;}
    #indexNews li .news_info{ -webkit-line-clamp: 1;}
    #indexNews li .news_time span{ line-height: 35px;}
    #kjcx .swiper-slide .content p{ font-size: 12px;}
    #kjcx .swiper-slide .content .news_title{ font-size: 14px;}
}
@media screen and (max-width:1200px){
    #kjcx .swiper-slide .content p{ display: none;}
    #kjcx .swiper-slide .content .news_title{ width: 100%;}
    #indexNews li .news_time span{ font-size: 28px;}
}
@media screen and (max-width:768px){
    .xgzx_lb li{ width: 25%; font-size: 14px;}
}




/*公司简介*/
.gsjj .tit h2{ color: #121212; font-size: 36px; position: relative; margin-top: -20px !important;}
.gsjj .tit span{ color: #999999; font-size: 16px; display: block; padding: 5px 0 10px; position: relative;}
.gsjj .tit span:before{ display: block; position: absolute; left: 0; bottom: 0; content: ''; width: 40px; height: 3px; background: var(--theme-blue);}
.gsjj .tit p{font-size: 60px; height: 60px; line-height: 60px; font-weight: bold; text-transform: uppercase; font-style: italic; background-image: linear-gradient(to bottom, rgba(18,18,18,0.05), rgba(255,255,255,0.001)); background-clip:text; -webkit-background-clip:text; color: transparent;}
.gsjj .pic{ display: inline-block; position: relative;}
.gsjj_end_pic img{ height: 360px; width: auto;}
.gsjj .pic .nr{ background: rgba(0,96,227,0.9); padding: 10%; color: #fff; position: absolute; width: 100%; height: 360px;}
.gsjj .pic .nr h2{ font-size: 30px;}
.gsjj .pic .nr p{ font-size: 12px; color: rgba(255,255,255,0.5); text-transform: uppercase;}
.gsjj .pic .nr ul li{ text-align: center;}
.gsjj .pic .nr ul li h3{ font-size: 48px; font-family: Bahnschrift; }
.gsjj .pic .nr ul li h3 sub{ font-size: 16px; bottom: 0 !important;}
.gsjj .pic .nr ul li span{ font-size: 16px;}
.gsjj .con{ padding: 3% 0 0;}
@media screen and (max-width:1440px){
    .gsjj_end_pic{ display: none;}
    .gsjj .pic .nr{ position: relative; height: auto;}
    .gsjj .pic .nr ul{ margin-top: 15% !important;}
    .gsjj .pic .nr ul li h3{ font-size: 42px;}
}
@media screen and (max-width:1340px){
    .gsjj .pic img{ width: 100%;}
    .gsjj .tit h2{ font-size: 28px;}
    .gsjj .tit p{ font-size: 50px;}
    .gsjj .pic .nr h2{ font-size: 26px;}
    .gsjj .pic .nr p{ line-height: 20px; padding-top: 5px;}
    .gsjj .pic .nr ul li{ line-height: 20px;}
    .gsjj .pic .nr ul li h3{ font-size: 32px;}
    .gsjj .pic .nr ul li h3 sub,.gsjj .pic .nr ul li span{ font-size: 14px;}
}
@media screen and (max-width:1200px){
    .gsjj .pic img{ display: none;}
    .gsjj .pic{ width: 100%;}
    .gsjj .pic .nr{ padding: 5%;}
    .gsjj .pic .nr ul{ margin-top: 5% !important;}
}
@media screen and (max-width:768px){
    .gsjj .tit p{ font-size: 32px;}
}






#whbj{ background: url("../images/whbj.jpg") no-repeat center;}
#rybj{ background: url("../images/rybj.jpg") no-repeat center bottom;}

.tit_zy p{ color: #333333; font-size: 42px; font-weight: bold; padding-bottom: 10px;}
.tit_zy span{ display: block; color: #e3e3e3; font-size: 24px; font-family: Bahnschrift; text-transform: uppercase;}
.tit_zy em{ display: block; color: #333333; font-size: 16px; padding-top: 20px;}
@media screen and (max-width:1500px){
    .tit_zy p{ font-size: 32px;}
    .tit_zy span{ font-size: 20px;}
}
@media screen and (max-width:768px){
    .tit_zy p{ font-size: 24px; padding: 0;}
    .tit_zy span{ font-size: 14px;}
}


#whbj .tit_zy{  padding-left: 8%;}
.stmc-box { padding: 2% 0 0; }
.stmc-box .font{ padding: 0 3% 0 8%;}
.stmc-box .stmc-img .ratio-stmc { --mdb-aspect-ratio:100%; }
@media (max-width: 1500px) { .stmc-box .font{ padding: 0 3% 0 5%;} #whbj .tit_zy{  padding-left: 5%;} }
@media (max-width: 1200px) { .stmc-box .font{ padding: 0 3% 0 5%;} #whbj .tit_zy{  padding-left: 5%;} }
@media (max-width: 768px) { .stmc-box .font{ padding: 0;} #whbj .tit_zy{  padding-left: 15px;} }
.stmc-box .stmc-swiper .item {  position: relative; }
.stmc-box .stmc-swiper .item .item-head .head-left .head-name { font-size: 36px; color: #333333; line-height: 50px; position: relative; padding-bottom: 20px; }
.stmc-box .stmc-swiper .item .item-head .head-left .head-name:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 30%; height: 1px; background: #e3e3e3;}
.stmc-box .stmc-swiper .item .item-head .head-left .head-name:after{ position: absolute; left: 0; bottom: -1px; content: ''; width: 15%; height: 3px; background: var(--theme-blue);}
@media (max-width: 1600px) { .stmc-box .stmc-swiper .item .item-head .head-left .head-name { font-size: 32px; } }
@media (max-width: 1500px) { .stmc-box .stmc-swiper .item .item-head .head-left .head-name { font-size: 28px; line-height: 40px; } }
@media (max-width: 1200px) { .stmc-box .stmc-swiper .item .item-head .head-left .head-name { font-size: 22px; line-height: 30px; } }
.stmc-box .stmc-swiper .item .item-content { margin-top: 8%; line-height: 35px; font-size: 16px; color: #666666; }
@media (max-width: 1200px) { .stmc-box .stmc-swiper .item .item-content{ font-size: 14px;} }
.stmc-box .stmc-thumb .item { position: relative; padding: 28px 0; }
.stmc-box .stmc-thumb .item .item-desc i { color: #999999; font-size: 36px; position: relative; z-index: 2; transition: all .3s; padding-bottom: 5px;}
.stmc-box .stmc-thumb .item .item-title{ color: #333333; font-size: 16px; position: relative; z-index: 2; transition: all .3s;}
.stmc-box .stmc-thumb .item p { display: block; position: absolute; height: 100%; width: 100%; left: 0; top: 0;}
.stmc-box .stmc-thumb .item p span{ display: block; height: 120px; width: 120px; border-radius: 100%; background-color: var(--theme-blue); margin: auto; transform: scale(0); transition: all 0.5s; opacity: 0; z-index: 1;}
.stmc-box .stmc-thumb .item:hover p span, .stmc-box .stmc-thumb .item.active p span { transform: scale(1); opacity: 1; }
.stmc-box .stmc-thumb .item:hover .item-title, .stmc-box .stmc-thumb .item.active .item-title { color: #fff; }
.stmc-box .stmc-thumb .item:hover .item-desc i, .stmc-box .stmc-thumb .item.active .item-desc i { color: #fff;}
@media (max-width: 1200px) {
    .stmc-box .stmc-thumb .item .item-title{ font-size: 14px;}
    .stmc-box .stmc-thumb .item .item-desc i{ font-size: 30px;}
    .stmc-box .stmc-thumb .item{ padding: 20px 0;}
    .stmc-box .stmc-thumb .item .item-desc i{ padding-bottom: 0;}
    .stmc-box .stmc-thumb .item p span{ width: 100px; height: 100px;}
}
@media (max-width: 991px) {
    .stmc-box .stmc-swiper .item .item-content{ margin: 5% 0;}
}
@media (max-width: 768px) {
    .stmc-box .stmc-thumb .item p span{ width: 80px; height: 80px;}
    .stmc-box .stmc-thumb .item .item-title{ font-size: 12px;}
    .stmc-box .stmc-thumb .item .item-desc i{ font-size: 24px;}
    .stmc-box .stmc-thumb .item{ padding: 10px 0;}
}

#rybj ul{ margin-top: 3% !important;}
#rybj ul li{ float: left; width: 24%; margin: 0.5%; text-align: center; background: url("../images/rypicbj.jpg") no-repeat center top; background-size: 100% 100%; padding: 45px;}
#rybj ul li p{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; }
#rybj ul li p img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s;}



#crcm{ position: relative; margin: 5% 12%; }
#crcm .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#crcm .swiper-slide {
    text-align: center;
    background: url("../images/rypicbj.jpg") no-repeat center top; background-size: 100% 100%;
    padding: 45px;
    /* 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; }
#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-active span{ display: block}*/
#crcm .swiper-button-next,#crcm .swiper-button-prev{ width: 50px; height: 50px; background: var(--theme-blue); border-radius: 100%; transition: 0.3s;}
#crcm .swiper-button-next{ right: -100px;}
#crcm .swiper-button-prev{ left: -100px;}
#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{ background: #c80f23;}
@media screen and (max-width:991px){
    #crcm{ margin: 5% 0;}
    #crcm .swiper-button-next{ right: 0;}
    #crcm .swiper-button-prev{ left: 0;}
    #rybj{ background-size: 100%;}
    #rybj ul li{ width: 32%;}
}
@media screen and (max-width:768px){
    #crcm{ margin: 5% 15px;}
    #rybj ul li{ width: 49%;}
}





/*联系我们*/
/*.lxwm .tit{ color: var(--theme-blue); font-size: 50px; }*/
/*.lxwm ul{ margin: 7% 0 !important;}*/
/*.lxwm ul li{ padding-left: 20px; position: relative;}*/
/*.lxwm ul li:before{ position: absolute; left: 0; top: 10%; content: ''; width: 3px; height: 80%; background: var(--theme-blue);}*/
/*.lxwm ul li p{ color: var(--theme-blue); font-size: 16px;}*/
/*.lxwm ul li span{ display: block; font-size: 20px; color: #333;}*/
/*.lxwm .tel h2{ color: var(--theme-blue);}*/
/*.lxwm .tel p{ font-size: 16px; padding: 10px 0;}*/
/*.lxwm .tel span{ color: var(--theme-blue); font-weight: bold; font-size: 30px;}*/
/*.lxwm .tel span i{ font-size: 30px; margin-right: 10px;}*/

/*.lxwm .end_ewm{ width: 30%; float: left; margin-right: 10px; text-align: center;}*/
/*.lxwm .end_ewm p{ display: inline-block; border: 1px solid #ccc; padding: 10px; border-radius: 5px; overflow: hidden;  }*/
/*.lxwm .end_ewm p img{ max-width: 100%;}*/
/*.lxwm .end_ewm span{ display: block; color: #7c8187; font-size: 16px; padding-top: 10px; text-align: center;}*/


#lxwmbj{ position: relative;}
#lxwmbj .main{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
#lxwmbj .main:before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: rgba(255,255,255,0.7);}
#lxwmbj .main .container{ position: relative; z-index: 2; padding: 5% 0 0 40%;}
#lxwmbj .main .tit{ color: #0060e3; font-size: 42px;}
#lxwmbj .main .tit span{ color: #333333; font-size: 24px;}
#lxwmbj .main .tit1{ color: #333333; font-size: 24px; margin: 5% 0 3%;}
#lxwmbj .main ul li{ height: 45px; line-height: 45px; font-size: 16px; color: #666666;}
#lxwmbj .main ul li i{ width: 30px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #999; border-radius: 100%; font-size: 20px; margin-right: 10px;}
#lxwmbj .main .lx_ewm{ float: left; width: 35%; margin: 0 3%; text-align: center;}
#lxwmbj .main .lx_ewm p img{ width: 100%;}
#lxwmbj .main .lx_ewm span{ display: block; font-size: 16px; height: 50px; line-height: 50px;}

@media screen and (max-width:1440px){
    .mes-form .form-tr textarea{ height: 40px!important; line-height: 40px !important; padding: 0 10px !important;}
    #lxwmbj .main .tit{ font-size: 32px;}
}
@media screen and (max-width:1200px){
    #lxwmbj .main .tit span{ font-size: 20px;}
    #lxwmbj .main .tit1{ font-size: 20px;}
    #lxwmbj .main .container{ padding-left: 33%;}
    #lxwmbj .main ul li{ font-size: 14px; height: 35px; line-height: 35px;}
    .mes-form{ width: 100% !important;}
    #lxwmbj .main .tit{ display: none;}
}
@media screen and (max-width:1100px){
    #lxwmbj .main .container{ padding: 3% 0 0;}
    #lxwmbj .main .tit1{ margin: 2% 0 1%;}
}
@media screen and (max-width:991px){
    #lxwmbj .main .container{ padding: 12% 0 0;}
    #lxwmbj .main .tit1{ margin: 3% 0 3%;}
    #lxwmbj .main{ position: relative; background: url("../images/lxwm.jpg") no-repeat center;}
    #lxwmbj .main .lx_ewm p img{ max-width: 70%;}
    #lxwmbj .main .lx_ewm{ margin-top: 3%;}
}
@media screen and (max-width:768px){
    #lxwmbj .main .lx_ewm span{ font-size: 12px;}
}


/*产品*/
.cplb{ margin-top: 4% !important;}
.cplb li{ margin-bottom: 5%; position: relative; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); overflow: hidden;}
.cplb li .pic{ width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden; transition: 0.3s; }
.cplb li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
.cplb li .tit{ padding: 20px; line-height: 25px;}
.cplb li .tit p{ font-size: 16px; color: #333333; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.cplb li .tit i{ color: #dadada; font-size: 24px;}
.cplb li .tit .con{ color: #999999; font-size: 14px; text-transform: capitalize; min-height: 50px;}
.cplb li .font{ position: absolute; left: 0; bottom: -100%; background: url("../images/cphover.jpg") no-repeat center; width: 100%; height: auto; padding: 50px 5% 3%; border: 2px solid var(--theme-blue); z-index: 2; transition: all 0.5s; opacity: 0;}
.cplb li .font:before{ position: absolute; left: 40%; top: -60px; content: ''; background: url("../images/jjlogo.png") no-repeat center #fff; background-size: 45%; box-shadow: 0 0 10px rgba(0,0,0,0.4); width: 105px; height: 105px; border-radius: 100%; border: 2px solid var(--theme-blue);}
.cplb li .font .bt{ color: #333333; text-align: center; font-size: 20px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.cplb li .font .con{ color: #999999; font-size: 15px; line-height: 25px; margin: 5% 0; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.cplb li .font .d-flex{ border-top: 1px solid #e3e3e3; height: 50px;}
.cplb li .font .d-flex p{ color: #333333; font-size: 16px;}
.cplb li .font .d-flex i{ color: var(--theme-blue); font-size: 24px;}
.cplb li:hover .pic img{transform: scale(1.1);}
.cplb li:hover .font{ bottom: 0; opacity: 1;}
@media screen and (max-width:768px){
    .cplb li .tit{ padding: 10px;}
    .cplb li .tit p{ font-size: 14px;}
    .cplb li .tit i{ display: none;}
    .cplb li .tit .con{ font-size: 12px;}
    .cplb li .font{ display: none;}
}




.cpclass{ background: url("../images/cpinfo_bj.jpg") no-repeat center bottom; padding: 7% 0 3%;}
.cpclass .font{ width: 45%;}
.cpclass .pic{ width: 55%; text-align: center; padding-right: 6%;}
.cpclass .font .tit_cplb h2{ color: var(--theme-blue); font-size: 48px; font-weight: bold !important;}
.cpclass .font .tit_cplb span{ font-size: 16px; color: #333333;}
.cpclass .font .content{ color: #999999; font-size: 16px; margin: 5% 0;}
/*.cpclass .font .more i{ width: 60px; height: 60px; border-radius: 100%; border: 1px dashed var(--theme-blue); line-height: 60px; text-align: center; font-size: 30px; color: var(--theme-blue);}*/
.cpclass .font .more p{ color: var(--theme-blue); font-size: 16px; padding-left: 20px;}
.cpclass .font dl{ margin: 12% 0 0 !important;}
.cpclass .font dt{ color: var(--theme-blue); font-size: 24px; font-weight: normal !important; position: relative; margin-bottom: 3%; height: 40px;}
.cpclass .font dt:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 5%; height: 3px; background: var(--theme-blue);}
.cpclass .font dd{ width: 25%; float: left; font-size: 16px; height: 40px; line-height: 40px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; padding-right: 10px;}
@media screen and (max-width:1440px){
    .cpclass .font .tit_cplb h2{ font-size: 36px;}
    .cpclass .font .tit_cplb span{ font-size: 14px;}
    .cpclass{ background-size: 100% 100%;}
    .cpclass .pic img{ max-width: 65%;}
}
@media screen and (max-width:1200px){
    .cpclass .font .tit_cplb h2{ font-size: 34px;}
    .cpclass .font .content{ font-size: 14px;}
    .cpclass .font .more i{ width: 43px; height: 43px; line-height: 43px; font-size: 24px;}
    .cpclass .font dt{ font-size: 20px;}
}
@media screen and (max-width:991px){
    .cpclass .font .tit_cplb h2{ font-size: 28px;}
    .cpclass .font .tit_cplb span{ font-size: 12px;}
    .cpclass .font .content{ margin: 10% 0;}
    .cpclass .font dl{ display: none;}
    .cpclass{ padding-top: 12%;}
}
@media screen and (max-width:768px){
    .cpclass .font .tit_cplb h2{ font-size: 22px;}
    .cpclass .font .tit_cplb span{ font-size: 12px;}
    .cpclass .font .content{ display: none;}
    .cpclass .font .more{ margin-top: 5%;}
    .cpclass .font .more i{  font-size: 18px;}
    .cpclass .font .more p{ font-size: 12px;}
    .cpclass .pic img{ max-width: 50%;}
    .cpclass{ padding-top: 20%;}
    .cpclass .font{ padding-left: 15px;}
}


#info_bj{ background: url("../images/info_bj.jpg") no-repeat center top; padding-top: 3%;}
.crumbs{ color: #fff;}
.crumbs a{ color: #fff; padding: 0 5px;}
.crumbs i{ margin-right: 10px;}



.pro_con{ position: relative; overflow: hidden; background: #fff; padding: 2%; border-radius: 10px; margin-top: 3%;}
.pro_con .row{ margin: 0;}
.pro_con:before{ position: absolute; right: 0; top: 0; width: 19%; height: 100%; content: '';background: #f8f9fc;}

.cp_left{ height: 0; padding-bottom: 100%; position: relative; overflow: hidden; }
.cp_left img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
.pro-small-img{ margin-top: 5%;}
.pro-small-img .sm-img{ width: 90%;}
.pro-small-img .proinfo-bu{ background: #efefef; height: 50px; width: 20px; text-align: center; line-height: 50px;}


.cp_right{ padding: 0 3%;}
.cp_right .tit{ line-height: 40px; position: relative; border-bottom: 1px solid #ececec; padding-bottom: 10px;}
.cp_right .tit h2{ color: #333333; font-size: 32px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; position: relative;}
.cp_right .tit p{ color: #333333; font-size: 16px;}
.cp_right .con{ font-size: 16px; color: #999999; margin: 3% 0; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.cp_right ul{ margin: 5% 0 0 !important;}
.cp_right ul li{ padding: 0 1%;}
.cp_right ul li .pic{ width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden;}
.cp_right ul li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
.cp_right .zixun{ width: 60%; border-radius: 5px; padding: 0 20px; height: 45px; line-height: 45px; background: var(--theme-blue); color: #fff; font-size: 22px;}
.cp_right .zixun i{ margin-right: 10px; font-size: 36px;}

.cp_zx{ position: relative; z-index: 1; }
.cp_zx .tit p{ color: #333333; font-size: 16px; font-weight: bold;}
.cp_zx .tit span{ color: #666666; font-size: 14px;}
.cp_zx .zx24{ color: #333333; margin-bottom: 10px;}
.cp_zx .zx24 i{ color: #ef1f1f; margin-right: 10px;}
.cp_zx .ewm{ margin-top: 20%;}
.cp_zx .ewm p{ width: 50%;}
.cp_zx .ewm p img{ width: 100%;}
.cp_zx .ewm span{ display: block; padding-left: 10px; color: #666666;}

@media screen and (max-width:1700px){
    .cp_right .zixun{ font-size: 20px;}
    .cp_right .zixun i { font-size: 34px;}
}
@media screen and (max-width:1440px){
    .cp_right .tit h2{ font-size: 26px;}
    .cp_right .tit p{ font-size: 16px;}
    .cp_right .zixun{ font-size: 18px; width: 80%;}
    .cp_right .zixun i { font-size: 30px;}
    .cp_zx .ewm span,.cp_zx .zx24{ font-size: 12px;}
}
@media screen and (max-width:1200px){
    .cp_right .tit p{ font-size: 14px;}
    .cp_right .tit h2{ font-size: 22px;}
    .pro_con:before{ display: none;}
}
@media screen and (max-width:991px){
    .cp_right{ margin-top: 3%;}
    .cp_left{ padding-bottom: 100%;}
    #info_bj{ padding-top: 10%;}
    .cp_right .zixun{ font-size: 16px;}
    .cp_right .tit h2{ font-size: 20px;}
}
@media screen and (max-width:768px){
    #info_bj{ padding-top: 13%;}
    .cp_right .zixun{ width: 100%;}
}



#cpbtqh{ width: 100% !important; transition:0.3s; text-align: center; border-bottom: 1px solid #efefef;}
.cpbt{ margin: 0 auto !important; height: 70px; line-height: 70px; width: 100%; transition:0.3s;}
.cpbt li{ float: left; color: #666666; font-size: 16px; width: 20%; text-align: center; position: relative; transition:0.3s;}
.cpbt li a{ display: inline-block; position: relative; color: #666666;}
.cpbt li a:after{ position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; content: ''; background: #fff; transition: 0.3s;}
.cpbt li:before{ position: absolute; right: 0; top: 30%; width: 1px; height: 40%; content: ''; background: #d5d5d5;}
.cpbt li:last-of-type:before{ display: none;}
.cpbt li:hover a:after{ position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; content: ''; background: var(--theme-blue);}
.cpbt li.current:hover a:after{ left: 0; width: 100%; background: var(--theme-blue);}
.cpbt li.current a:after{ left: 0; width: 100%; background: var(--theme-blue);}

.cp_con{ font-size: 16px; line-height: 35px; padding: 0; color: #666666; margin: 3% 0 5%;}
.cp_con table{ width: 97%; text-align: center; margin: 0 auto 3%;}
.cp_con table td{ border: 1px solid #efefef; font-size: 15px;}
.cp_con img{ display: block; margin: 20px auto; max-width: 100%; mix-blend-mode: multiply;}
.tit_cp{ line-height: 45px;}
.tit_cp h2{ color: #0060e3; font-size: 36px;}
.tit_cp h2 span{ color: #8b8b8b; font-weight: bold; font-style: italic; text-transform: capitalize;  padding-left: 10px;}
.tit_cp p{ color: #666666; font-size: 16px;}

@media screen and (max-width:1440px){
    .tit_cp h2{ font-size: 28px;}
    .tit_cp p{ font-size: 14px;}
}
@media screen and (max-width:768px){
    .cpbt li{ font-size: 14px;}
    .tit_cp h2{ font-size: 20px;}
    .tit_cp p{ font-size: 12px; line-height: 22px;}
    .cp_con{ font-size: 14px; line-height: 30px;}
}


#cpys{ position: relative; margin-top: 2%;}
#cpys .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 20px;
}
#cpys .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;
    background: #fff;
    border: 1px solid #fff;
    /* Center slide text vertically */
    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;
}
#cpys .swiper-slide .pic{ float: right; width: 58%; height: 0; padding-bottom: 45%; position: relative; overflow: hidden;}
#cpys .swiper-slide .pic img{ display: block; width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#cpys .swiper-slide .float-start{ width: 40%; padding: 3%;}
#cpys .swiper-slide .tit{ border-bottom: 1px solid #efefef; position: relative; padding-bottom: 10px;}
#cpys .swiper-slide .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 10%; height: 2px; background: var(--theme-blue);}
#cpys .swiper-slide .tit p{ color: #333333; font-size: 24px;}
#cpys .swiper-slide .tit span{ color: #999999; font-size: 14px; text-transform: capitalize;}
#cpys .swiper-slide .con{ color: #999999; font-size: 16px; margin: 13% 0;}
#cpys .swiper-slide i{ position: relative; width: 15px; height: 15px; border-radius: 50%; background: #0060e3; display: block; margin: 0 10px }
#cpys .swiper-slide i:before{ position:absolute; content: ""; width: 15px; height: 15px;
    background: #ccdff9;
    border-radius: 100%;
    left:-20px; top: 0; opacity: 1; bottom: 0; margin: auto; display: block;
    transition: all 0.5s;
    -webkit-animation: line1 1.5s linear infinite;
    animation: line1 1.5s linear infinite; }
#cpys .swiper-slide i:after{ position:absolute; content: ""; width: 15px; height: 15px;
    background: #ccdff9;
    border-radius: 100%;
    left:20px; top: 0; bottom: 0; opacity: 1; margin: auto; display: block;
    transition: all 0.5s;
    -webkit-animation: line2 1.5s linear infinite;
    animation: line2 1.5s linear infinite; }
@-webkit-keyframes line1{
    0%{left:-20px;}
    50%{left:0px;   opacity: 0.5}
    100%{left:-20px;}
}
@-webkit-keyframes line2{
    0%{left:20px;}
    50%{left:0px;   opacity: 0.5}
    100%{left:20px;}
}
#cpys .swiper-slide:hover{ border: 1px solid #0060e3; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
@media screen and (max-width:1440px){
    #cpys .swiper-slide .tit span{ font-size: 12px;}
    #cpys .swiper-slide .tit p{ font-size: 20px;}
    #cpys .swiper-slide .float-start{ width: 50%;}
    #cpys .swiper-slide .pic{ width: 50%;}
    #cpys .swiper-slide .con{ font-size: 14px;}
}
@media screen and (max-width:1200px){
    #cpys .swiper-slide .tit p{ font-size: 18px;}
    #cpys .swiper-slide .con{ font-size: 12px;}
}



#fwzc_bj{ background: url("../images/fwbj.jpg") no-repeat center;}
#fwzc_bj .tit_cp h2 span,#fwzc_bj .tit_cp p{ color: #fff;}


#fwzc{ position: relative; margin-top: 3%;}
#fwzc .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#fwzc .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;
    border: 1px solid rgba(255,255,255,0.2);
    color: #fff;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#fwzc .swiper-slide i{ width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 100%; background: var(--theme-blue); color: #fff;}
#fwzc .swiper-slide h2{ font-size: 24px; padding: 30px 0 25px !important; position: relative;}
#fwzc .swiper-slide h2:before{ position: absolute; left: 35%; bottom: 0; width: 30%; height: 3px; background: var(--theme-blue); content: '';}
#fwzc .swiper-slide .con{ color: rgba(255,255,255,0.5); font-size: 16px; margin: 12% 0 25%; text-align: center;}
#fwzc .swiper-slide p{ font-size: 24px;}
#fwzc .swiper-slide:hover{ background: rgba(0,96,227,0.5); border: 1px solid rgba(0,96,227,0.5);}
@media screen and (max-width:768px){
    #fwzc_bj{ padding: 15px;}
}


#dzlc_bj{ background: url("../images/lcbj.jpg") repeat-y center top;}
#dzlc_bj ul{ margin-top: 5% !important;}
#dzlc_bj ul li{ text-align: center;}
#dzlc_bj ul li i{ color: var(--theme-blue); font-size: 40px;}
#dzlc_bj ul li h2{ color: #333333; font-size: 24px; font-weight: bold !important; padding: 20px 0 10px;}
#dzlc_bj ul li p{ font-size: 16px; color: #333333; padding: 0 15%;}
#dzlc_bj ul li span{ display: block; margin: 5% auto 0; width: 170px; height: 45px; border: 1px solid #bababa; border-radius: 30px; line-height: 45px; font-size: 16px; transition: 0.3s;}
#dzlc_bj ul li:hover span{ background-color: var(--theme-blue); border: 1px solid var(--theme-blue); color: #fff;}

@media screen and (max-width:1440px){
    #dzlc_bj ul li h2{ font-size: 20px;}
    #dzlc_bj ul li p{ font-size: 14px; padding: 0 10%; line-height: 25px;}
    #dzlc_bj ul li span{ width: 70%; height: 35px; line-height: 35px; font-size: 14px;}
}
@media screen and (max-width:1200px){
    #dzlc_bj ul li h2{ font-size: 18px;}
    #dzlc_bj ul li p{ padding: 0 5%; line-height: 25px; font-size: 12px;}
    #dzlc_bj ul li span{ width: 70%; height: 35px; line-height: 35px; font-size: 14px;}
    #dzlc_bj ul li i{ font-size: 34px;}
}
@media screen and (max-width:991px){
    #dzlc_bj ul li{ float: left; width: 33%; margin-bottom: 5%;}
    #dzlc_bj ul li p{ min-height: 50px;}
}
@media screen and (max-width:768px){
    #dzlc_bj{ padding: 15px;}
    #dzlc_bj ul li{ width: 50%;}
}



#xgcp{ position: relative; margin-top: 2%;}
#xgcp .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 10px;
}
#xgcp .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    /* 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;
}
#xgcp .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden; transition: 0.3s; }
#xgcp .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
#xgcp .swiper-slide .tit{ padding: 20px; line-height: 25px; width: 100%;}
#xgcp .swiper-slide .tit p{ font-size: 16px; color: #333333; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#xgcp .swiper-slide .tit i{ color: #dadada; font-size: 24px;}
#xgcp .swiper-slide .tit .con{ color: #999999; font-size: 14px; text-transform: capitalize; min-height: 50px;}
#xgcp .swiper-slide .font{ position: absolute; left: 0; bottom: -100%; background: url("../images/cphover.jpg") no-repeat center; width: 100%; height: auto; padding: 50px 5% 3%; border: 2px solid var(--theme-blue); z-index: 2; transition: all 0.5s; opacity: 0;}
#xgcp .swiper-slide .font:before{ position: absolute; left: 40%; top: -60px; content: ''; background: url("../images/jjlogo.png") no-repeat center #fff; background-size: 45%; box-shadow: 0 0 10px rgba(0,0,0,0.4); width: 105px; height: 105px; border-radius: 100%; border: 2px solid var(--theme-blue);}
#xgcp .swiper-slide .font .bt{ color: #333333; text-align: center; font-size: 20px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#xgcp .swiper-slide .font .con{ color: #999999; font-size: 15px; line-height: 25px; margin: 5% 0; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#xgcp .swiper-slide .font .d-flex{ border-top: 1px solid #e3e3e3; height: 50px;}
#xgcp .swiper-slide .font .d-flex p{ color: #333333; font-size: 16px;}
#xgcp .swiper-slide .font .d-flex i{ color: var(--theme-blue); font-size: 24px;}
#xgcp .swiper-slide:hover .pic img{transform: scale(1.1);}
#xgcp .swiper-slide:hover .font{ bottom: 0; opacity: 1;}
@media screen and (max-width:768px){
    #xgcp .swiper-slide .tit p{ font-size: 14px;}
    #xgcp .swiper-slide .tit i{ display: none;}
    #xgcp .swiper-slide .tit .con{ font-size: 12px;}
}







/*实力工厂*/
#sl_banner .pic1{ position: absolute; width: 100%; left: 0; top: 20%; text-align: center; z-index: 1;}
#sl_banner ul{ position: absolute; width: 100%; bottom: 0; left: 0; z-index: 1; color: #fff; text-align: center;}
#sl_banner ul li{ width: 25%; border: 1px dashed rgba(255,255,255,0.3); border-right: none; padding: 3% 0; transition: 0.3s;}
#sl_banner ul li:last-of-type{ border-right: 1px dashed rgba(255,255,255,0.3);}
#sl_banner ul li i{ font-size: 55px; height: 60px; line-height: 60px;}
#sl_banner ul li h2{ display: inline-block; font-size: 42px; font-family: Impact; font-style: italic; position: relative; margin: 15px 0 10px !important;}
#sl_banner ul li h2 sup{ position: absolute; right: -35px; top: 5px; display: block; border-radius: 100%; width: 25px; height: 25px; background-color: var(--theme-blue); line-height: 25px; font-size: 12px;}
#sl_banner ul li p{ font-size: 24px;}
#sl_banner ul li span{ font-size: 14px; color: rgba(255,255,255,0.5); text-transform: uppercase;}
#sl_banner ul li:hover{ background-color: rgba(0,96,227,0.3);}


#sccq_bj{ background: url("../images/cq_bj.jpg") no-repeat center bottom;}
#sccq_bj .tit{ padding-bottom: 10px;}
#sccq_bj .tit h2{ color: #333333; font-size: 42px; font-weight: bold !important;}
#sccq_bj .tit h2 span{ display: block; color: var(--theme-blue); font-style: italic; margin-right: 10px;}
#sccq_bj .tit p{font-size: 60px; height: 60px; line-height: 60px; font-weight: bold; text-transform: uppercase; font-style: italic; background-image: linear-gradient(to bottom, rgba(18,18,18,0.05), rgba(255,255,255,0.001)); background-clip:text; -webkit-background-clip:text; color: transparent;}
#sccq_bj .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 80px; height: 3px; background: #0060e3;}
#sccq_bj .tit:after{ position: absolute; left: 40px; bottom: 0; content: ''; width: 40px; height: 3px; background: #00ae4d;}
#sccq_bj .con{ color: #999999; font-size: 16px; margin: 5% 0 10%; padding-right: 5%; line-height: 40px;}

.more_zy i{ width: 60px; height: 60px; border: 1px dashed #0060e3; border-radius: 100%; line-height: 60px; text-align: center; color: #0060e3; font-size: 30px; margin-right: 20px; transition: 0.3s;}
.more_zy{ color: #999999; font-size: 16px; }
.more_zy:hover i{ background-color: var(--theme-blue); color: #fff;}


.scsb{position: relative; margin-top: 3%;}
.scsb .swiper-container {overflow: hidden; padding: 15px;}
.scsb .swiper-slide { display: flex; flex-direction: column;  position: relative;}
.scsb .swiper-slide .inimg{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden; border-radius: 20px; border: 3px solid #fff; transition: 0.3s;}
.scsb .swiper-slide .inimg img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.5s;}
.scsb .swiper-slide p{ height: 70px; line-height: 70px; text-align: center; color: #333333; font-size: 16px;}
.scsb .swiper-slide:hover .inimg{ border: 3px solid #0060e3; box-shadow: 0 0 15px rgba(0,0,0,0.5);}
@media screen and (max-width:1600px){
    #sl_banner ul li h2{ font-size: 36px;}
    #sl_banner ul li i{ font-size: 50px; height: 50px; line-height: 50px;}
    #sl_banner ul li p{ font-size: 20px;}
    #sl_banner ul li{ padding: 1.5% 0;}
}
@media screen and (max-width:1440px){
    #sl_banner .pic1 img{ max-width: 60%;}
    #sccq_bj .tit p{ font-size: 50px;}
    #sccq_bj .tit h2{ font-size: 38px;}
    #sl_banner ul li h2{ margin: 10px 0 5px !important; font-size: 28px;}
    #sl_banner ul li p{ font-size: 18px;}
    #sl_banner ul li span{ font-size: 12px;}
    #sl_banner ul li{ line-height: 22px;}
    #sl_banner ul li i{ font-size: 40px; height: 40px; line-height: 40px;}
}
@media screen and (max-width:1200px){
    #sccq_bj .tit p{ font-size: 40px;}
    #sccq_bj .tit h2{ font-size: 32px;}
    #sccq_bj .con{ font-size: 14px; line-height: 30px;}
    .more_zy i{ width: 50px; line-height: 50px; height: 50px;}
}
@media screen and (max-width:991px){
    .scsb .swiper-slide p{ height: 50px; line-height: 50px;}
    #sl_banner ul li{ float: left; width: 50%;}
    #sl_banner ul li:nth-of-type(2){border-right: 1px dashed rgba(255,255,255,0.3);}
    #sl_banner .pic img{ max-width: 160%;}
    #sl_banner .pic1{ top: 25%;}
}
@media screen and (max-width:800px){
    #sl_banner .pic1 img{ max-width: 80%;}
    #sl_banner .pic img{ max-width: 200%;}
    #sl_banner ul li h2{ font-size: 22px;}
    #sl_banner ul li p{ font-size: 14px;}
    #sl_banner ul li i{ font-size: 30px; height: 30px; line-height: 30px;}
}
@media screen and (max-width:600px){
    #sl_banner .pic img{ max-width: 230%;}
}
@media screen and (max-width:500px){
    #sl_banner .pic img{ max-width: 250%;}
    #sccq_bj .tit p{ font-size: 30px;}
    #sccq_bj .tit h2{ font-size: 26px;}
}
@media screen and (max-width:400px){
    #sl_banner .pic img{ max-width: 280%;}
}

.home_trans {
    width: 100%;
    height: 43vh;
    position: relative;
    margin-top: 3%;
}
.home_customer {
    width: 100%;
    height: 43vh;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.home_customer {
    -moz-animation: bg 120s linear infinite;
    -webkit-animation: bg 120s linear infinite;
    -o-animation: bg 120s linear infinite;
    -ms-animation: bg 120s linear infinite;
    animation: bg 120s linear infinite;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-image: url("../images/moxing.jpg");
    background-position: bottom left;
    background-repeat: repeat-x;
    background-size: auto 100%
}

@-moz-keyframes bg {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -moz-transform: translate3d(-3200px, 0, 0);
        -webkit-transform: translate3d(-3200px, 0, 0);
        -o-transform: translate3d(-3200px, 0, 0);
        -ms-transform: translate3d(-3200px, 0, 0);
        transform: translate3d(-3200px, 0, 0)
    }
}

@-webkit-keyframes bg {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -moz-transform: translate3d(-3200px, 0, 0);
        -webkit-transform: translate3d(-3200px, 0, 0);
        -o-transform: translate3d(-3200px, 0, 0);
        -ms-transform: translate3d(-3200px, 0, 0);
        transform: translate3d(-3200px, 0, 0)
    }
}

@-o-keyframes bg {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -moz-transform: translate3d(-3200px, 0, 0);
        -webkit-transform: translate3d(-3200px, 0, 0);
        -o-transform: translate3d(-3200px, 0, 0);
        -ms-transform: translate3d(-3200px, 0, 0);
        transform: translate3d(-3200px, 0, 0)
    }
}

@-ms-keyframes bg {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -moz-transform: translate3d(-3200px, 0, 0);
        -webkit-transform: translate3d(-3200px, 0, 0);
        -o-transform: translate3d(-3200px, 0, 0);
        -ms-transform: translate3d(-3200px, 0, 0);
        transform: translate3d(-3200px, 0, 0)
    }
}

@keyframes bg {
    0% {
        -moz-transform: translate3d(0, 0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    100% {
        -moz-transform: translate3d(-3200px, 0, 0);
        -webkit-transform: translate3d(-3200px, 0, 0);
        -o-transform: translate3d(-3200px, 0, 0);
        -ms-transform: translate3d(-3200px, 0, 0);
        transform: translate3d(-3200px, 0, 0)
    }
}

.home_customer {
    width: 12800px
}

@media (max-width: 1920px) {
    @-moz-keyframes bg {
        0% {
            -moz-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        100% {
            -moz-transform: translate3d(-2405px, 0, 0);
            -webkit-transform: translate3d(-2405px, 0, 0);
            -o-transform: translate3d(-2405px, 0, 0);
            -ms-transform: translate3d(-2405px, 0, 0);
            transform: translate3d(-2405px, 0, 0)
        }
    }@-webkit-keyframes bg {
         0% {
             -moz-transform: translate3d(0, 0, 0);
             -webkit-transform: translate3d(0, 0, 0);
             -o-transform: translate3d(0, 0, 0);
             -ms-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0)
         }
         100% {
             -moz-transform: translate3d(-2405px, 0, 0);
             -webkit-transform: translate3d(-2405px, 0, 0);
             -o-transform: translate3d(-2405px, 0, 0);
             -ms-transform: translate3d(-2405px, 0, 0);
             transform: translate3d(-2405px, 0, 0)
         }
     }@-o-keyframes bg {
          0% {
              -moz-transform: translate3d(0, 0, 0);
              -webkit-transform: translate3d(0, 0, 0);
              -o-transform: translate3d(0, 0, 0);
              -ms-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0)
          }
          100% {
              -moz-transform: translate3d(-2405px, 0, 0);
              -webkit-transform: translate3d(-2405px, 0, 0);
              -o-transform: translate3d(-2405px, 0, 0);
              -ms-transform: translate3d(-2405px, 0, 0);
              transform: translate3d(-2405px, 0, 0)
          }
      }@-ms-keyframes bg {
           0% {
               -moz-transform: translate3d(0, 0, 0);
               -webkit-transform: translate3d(0, 0, 0);
               -o-transform: translate3d(0, 0, 0);
               -ms-transform: translate3d(0, 0, 0);
               transform: translate3d(0, 0, 0)
           }
           100% {
               -moz-transform: translate3d(-2405px, 0, 0);
               -webkit-transform: translate3d(-2405px, 0, 0);
               -o-transform: translate3d(-2405px, 0, 0);
               -ms-transform: translate3d(-2405px, 0, 0);
               transform: translate3d(-2405px, 0, 0)
           }
       }@keyframes bg {
            0% {
                -moz-transform: translate3d(0, 0, 0);
                -webkit-transform: translate3d(0, 0, 0);
                -o-transform: translate3d(0, 0, 0);
                -ms-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
            100% {
                -moz-transform: translate3d(-2405px, 0, 0);
                -webkit-transform: translate3d(-2405px, 0, 0);
                -o-transform: translate3d(-2405px, 0, 0);
                -ms-transform: translate3d(-2405px, 0, 0);
                transform: translate3d(-2405px, 0, 0)
            }
        }.home_customer {
             width: 9620px
         }
}

@media (max-width: 1600px) {
    @-moz-keyframes bg {
        0% {
            -moz-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        100% {
            -moz-transform: translate3d(-1808px, 0, 0);
            -webkit-transform: translate3d(-1808px, 0, 0);
            -o-transform: translate3d(-1808px, 0, 0);
            -ms-transform: translate3d(-1808px, 0, 0);
            transform: translate3d(-1808px, 0, 0)
        }
    }@-webkit-keyframes bg {
         0% {
             -moz-transform: translate3d(0, 0, 0);
             -webkit-transform: translate3d(0, 0, 0);
             -o-transform: translate3d(0, 0, 0);
             -ms-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0)
         }
         100% {
             -moz-transform: translate3d(-1808px, 0, 0);
             -webkit-transform: translate3d(-1808px, 0, 0);
             -o-transform: translate3d(-1808px, 0, 0);
             -ms-transform: translate3d(-1808px, 0, 0);
             transform: translate3d(-1808px, 0, 0)
         }
     }@-o-keyframes bg {
          0% {
              -moz-transform: translate3d(0, 0, 0);
              -webkit-transform: translate3d(0, 0, 0);
              -o-transform: translate3d(0, 0, 0);
              -ms-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0)
          }
          100% {
              -moz-transform: translate3d(-1808px, 0, 0);
              -webkit-transform: translate3d(-1808px, 0, 0);
              -o-transform: translate3d(-1808px, 0, 0);
              -ms-transform: translate3d(-1808px, 0, 0);
              transform: translate3d(-1808px, 0, 0)
          }
      }@-ms-keyframes bg {
           0% {
               -moz-transform: translate3d(0, 0, 0);
               -webkit-transform: translate3d(0, 0, 0);
               -o-transform: translate3d(0, 0, 0);
               -ms-transform: translate3d(0, 0, 0);
               transform: translate3d(0, 0, 0)
           }
           100% {
               -moz-transform: translate3d(-1808px, 0, 0);
               -webkit-transform: translate3d(-1808px, 0, 0);
               -o-transform: translate3d(-1808px, 0, 0);
               -ms-transform: translate3d(-1808px, 0, 0);
               transform: translate3d(-1808px, 0, 0)
           }
       }@keyframes bg {
            0% {
                -moz-transform: translate3d(0, 0, 0);
                -webkit-transform: translate3d(0, 0, 0);
                -o-transform: translate3d(0, 0, 0);
                -ms-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
            100% {
                -moz-transform: translate3d(-1808px, 0, 0);
                -webkit-transform: translate3d(-1808px, 0, 0);
                -o-transform: translate3d(-1808px, 0, 0);
                -ms-transform: translate3d(-1808px, 0, 0);
                transform: translate3d(-1808px, 0, 0)
            }
        }.home_customer {
             width: 7232px
         }
}

@media (max-width: 1440px) {
}

@media (max-width: 1280px) {
    @-moz-keyframes bg {
        0% {
            -moz-transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
        100% {
            -moz-transform: translate3d(-1390px, 0, 0);
            -webkit-transform: translate3d(-1390px, 0, 0);
            -o-transform: translate3d(-1390px, 0, 0);
            -ms-transform: translate3d(-1390px, 0, 0);
            transform: translate3d(-1390px, 0, 0)
        }
    }@-webkit-keyframes bg {
         0% {
             -moz-transform: translate3d(0, 0, 0);
             -webkit-transform: translate3d(0, 0, 0);
             -o-transform: translate3d(0, 0, 0);
             -ms-transform: translate3d(0, 0, 0);
             transform: translate3d(0, 0, 0)
         }
         100% {
             -moz-transform: translate3d(-1390px, 0, 0);
             -webkit-transform: translate3d(-1390px, 0, 0);
             -o-transform: translate3d(-1390px, 0, 0);
             -ms-transform: translate3d(-1390px, 0, 0);
             transform: translate3d(-1390px, 0, 0)
         }
     }@-o-keyframes bg {
          0% {
              -moz-transform: translate3d(0, 0, 0);
              -webkit-transform: translate3d(0, 0, 0);
              -o-transform: translate3d(0, 0, 0);
              -ms-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0)
          }
          100% {
              -moz-transform: translate3d(-1390px, 0, 0);
              -webkit-transform: translate3d(-1390px, 0, 0);
              -o-transform: translate3d(-1390px, 0, 0);
              -ms-transform: translate3d(-1390px, 0, 0);
              transform: translate3d(-1390px, 0, 0)
          }
      }@-ms-keyframes bg {
           0% {
               -moz-transform: translate3d(0, 0, 0);
               -webkit-transform: translate3d(0, 0, 0);
               -o-transform: translate3d(0, 0, 0);
               -ms-transform: translate3d(0, 0, 0);
               transform: translate3d(0, 0, 0)
           }
           100% {
               -moz-transform: translate3d(-1390px, 0, 0);
               -webkit-transform: translate3d(-1390px, 0, 0);
               -o-transform: translate3d(-1390px, 0, 0);
               -ms-transform: translate3d(-1390px, 0, 0);
               transform: translate3d(-1390px, 0, 0)
           }
       }@keyframes bg {
            0% {
                -moz-transform: translate3d(0, 0, 0);
                -webkit-transform: translate3d(0, 0, 0);
                -o-transform: translate3d(0, 0, 0);
                -ms-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0)
            }
            100% {
                -moz-transform: translate3d(-1390px, 0, 0);
                -webkit-transform: translate3d(-1390px, 0, 0);
                -o-transform: translate3d(-1390px, 0, 0);
                -ms-transform: translate3d(-1390px, 0, 0);
                transform: translate3d(-1390px, 0, 0)
            }
        }.home_customer {
             width: 5560px
         }
}
@media (min-width: 2400px) {}

.home_customer_pic{ width: 100%; height: 43vh; background: url("../images/moxing.jpg") repeat-y top center; background-size: 255%; }
.home_customer_pic img{}

@media (max-width: 768px) {
    /*.home_trans,.home_customer_pic{ height: 23vh;}*/
}
@media (max-width: 450px) {
}




/*新闻中心*/
.news_pic { padding: 0 !important;}
.news_pic li{ margin-bottom: 7%;}
.news_pic .imgbox { width: 100%; height: 0; padding-bottom: 65%; position: relative; overflow: hidden; border-radius: 10px;}
.news_pic .imgbox img { object-fit: cover; left: 0; position: absolute; text-align: center; height:100%; width:100%; transition: 0.3s;}
.news_pic .imgbox1 { width: 100%; height: 0; padding-bottom: 65%; position: relative; overflow: hidden; border-radius: 10px;}
.news_pic .imgbox1 p{ object-fit: cover; left: 0; position: absolute; text-align: center; height:100%; width:100%;}
.news_pic .imgbox1 p img{ max-width: 100%; height: 100%; transition: 0.3s;}
.news_pic .imgbj{ position: absolute; z-index: 1; padding: 4%; color: #fff; left: 0; bottom: 0; width: 100%; height: 100%; }
.news_pic .imgbj .tit{ position: relative; z-index: 5; font-weight: bold; font-size: 18px; transition: 0.5s;}
.news_pic .imgbj i{ position: relative; z-index: 5; font-size: 30px; transition: 0.5s;}
.news_pic .imgbj:after {
    content: " ";
    z-index: 4;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0.7;
    background-image: url('../images/mask-md-fc.png');
    background-size: 100% auto;
    background-position: 50% 100%;
    background-repeat: no-repeat;
}
.news_pic li:hover .imgbox img{ transform: scale(1.05) rotate(-1deg); }
.news_pic li:hover .imgbox1 p img{ transform: scale(1.05) rotate(-1deg); }





.gonggao{ margin-top: 3%;}
.gonggao .row{ margin: 0;}
.gonggao .pic{ height: 0; padding-bottom: 25%; position: relative; overflow: hidden; transition: 0.5s;}
.gonggao .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.5s;}
.gonggao .pic:hover img{ transform: scale(1.1);}
.gonggao .font{ padding: 3%;}
.gonggao .font .gg_1 .tit{ color: #282828; font-size: 26px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.gonggao .font .gg_1 .content{ color: rgba(40,40,40,0.5); font-size: 16px; margin: 3% 0; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.gonggao .font .gg_2{ padding-top: 2%; border-top: 1px solid #e9e9e9;}
.gonggao .font .gg_2 .tit{ color: rgba(40,40,40,0.7); font-size: 16px; height: 40px; line-height: 40px;}
.gonggao .font .gg_2 .tit p{ float: left; width: 85%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.gonggao .font .gg_2 .tit span{ display: block; float: right; color: rgba(40,40,40,0.5); font-size: 14px;}
.gonggao .font .gg_2 .tit:hover,.gonggao .font .gg_1 .tit:hover{ color: var(--theme-blue);}
@media screen and (max-width:1200px){
    .gonggao .pic{ padding-bottom: 32%;}
    .gonggao .font .gg_1 .tit{ font-size: 22px;}
    .gonggao .font .gg_1 .content{ font-size: 14px; }
    .gonggao .font .gg_2 .tit{ font-size: 14px; height: 30px; line-height: 30px;}
}
@media screen and (max-width:991px){
    .gonggao .pic{ padding-bottom: 50%;}
    .gonggao .font .gg_2 .tit p{ width: 80%;}
}
@media screen and (max-width:768px){
    .gonggao .font .gg_1 .tit{ font-size: 18px;}
}

#cydt{ margin-top: 3%;}
#cydt .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#cydt .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;
    background: #fff;
    overflow: hidden;
    /* 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;
}
#cydt .swiper-slide .p-3{ width: 100%;}
#cydt .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 65%; position: relative; overflow: hidden;}
#cydt .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
#cydt .swiper-slide .news_title{ padding: 0 0 3%; width: 100%; color: #333333; font-weight: bold; font-size: 20px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#cydt .swiper-slide .content{ width: 100%; min-height: 60px; color: #999999; font-size: 16px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#cydt .swiper-slide .news_time{ padding-top: 3%; width: 100%; color: #bdbdbd; font-size: 16px;}
#cydt .swiper-slide .news_time i{ display: inline-block; margin-right: 10px;}
#cydt .swiper-slide:hover{ background: var(--theme-blue);}
#cydt .swiper-slide:hover .news_title{ color: #fff;}
#cydt .swiper-slide:hover .content,#cydt .swiper-slide:hover .news_time{ color: rgba(255,255,255,0.5);}
@media screen and (max-width:1440px){
    #cydt .swiper-slide .news_time{ font-size: 14px;}
    #cydt .swiper-slide .news_title{ font-size: 18px;}
    #cydt .swiper-slide .content{ font-size: 14px;}
}
@media screen and (max-width:991px){
    #cydt .swiper-slide .news_time{ font-size: 14px !important;}
}
@media screen and (max-width:768px){
    #cydt .swiper-slide .news_title{ font-size: 16px;}
}


#indexNews{ margin-top: 3% !important;}
#indexNews li{width: 100%;height: auto; background: #f8f8f8; padding: 5%; transition: 0.3s; margin-bottom: 2%; }
#indexNews li .news_title{ text-align: left; color: #333333; border-bottom: 1px solid #dfdfdf; font-size: 24px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; height: 50px;}
#indexNews li .news_info{ margin-top: 2%; color: #999999; font-size: 14px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#indexNews li:hover{ background: var(--theme-blue);}
#indexNews li:hover .news_title{ color: #fff; border-bottom: 1px solid rgba(255,255,255,0.5);}
#indexNews li:hover .news_info{ color: rgba(255,255,255,0.5);}
@media screen and (max-width:1440px){
    #indexNews li .news_title{ font-size: 20px;}
}
@media screen and (max-width:1200px){
    #indexNews li .news_title{ font-size: 20px;}
}
@media screen and (max-width:991px){
    #indexNews li .news_title{ font-size: 18px; height: 40px;}
}
@media screen and (max-width:768px){
    #indexNews li .news_title{ font-size: 16px;}
}

.home_zy{ height: 60px; color: #a2a2a2; font-size: 16px;}
.home_zy i{ display: inline-block; color: var(--theme-blue); font-size: 20px; margin-right: 10px;}
.home_zy a{ color: #a2a2a2; padding: 0 5px;}
.home_zy a:last-of-type{ color: var(--theme-blue);}
#xwinfo_bj{ padding-top: 5%;}
#xwinfo_bj .bai{ padding: 3%; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.05);}
#xwinfo_bj .news-detail-title{ line-height: 35px;}
#xwinfo_bj .news-detail-title .h3{ color: #000000; font-size: 30px; font-weight: normal !important; padding: 0 !important; border: none !important;}
#xwinfo_bj .news-detail-title .b{ color: #666666; font-size: 14px; margin-top: 1% !important; padding-bottom: 2%; border-bottom: 1px solid #d7d7d7;}

#xwinfo_bj .news-detail{ font-size: 16px; line-height: 35px; color: #666666; padding: 3% 0;}
#xwinfo_bj .news-detail .img{ text-align: center; margin-bottom: 2%;}
#xwinfo_bj .news-detail .img img{ max-width: 100%;}
#xwinfo_bj .news-detail img{ max-width: 100%; display: block; margin: 2% auto;}
#xwinfo_bj .newsPage{ padding: 0; margin: 0 !important; border-top: 1px solid #d7d7d7;}
#xwinfo_bj .newsPage .page-a{ float: left; color: #999; font-size: 16px; width: 45%; height: 90px; line-height: 90px; padding-right: 5%; transition: 0.3s; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#xwinfo_bj .newsPage .page-a a{ color: #999; transition: 0.3s;}
#xwinfo_bj .newsPage .more{ color: #fff; font-size: 16px; transition: 0.3s; background: var(--theme-green); height: 45px; line-height: 45px;}
#xwinfo_bj .newsPage .more i{ color: #fff; font-size: 20px; margin-right: 10px;}
#xwinfo_bj .newsPage .more:hover{ letter-spacing: 3px;}
#xwinfo_bj .newsPage .page-a:hover,#xwinfo_bj .newsPage .page-a:hover a{ color: var(--theme-blue);}
@media screen and (max-width:1200px){
    #xwinfo_bj .main{ padding-top: 8% !important;}
}
@media screen and (max-width:991px){
    #xwinfo_bj .news-detail-title .h3{ font-size: 20px;}
    #xwinfo_bj .news-detail-title .float-right p{ width: 25px; height: 25px; line-height: 25px;}
    #xwinfo_bj .newsPage{ padding: 3% 0;}
    #xwinfo_bj .newsPage .page-a{ width: 100%; height: 40px; line-height: 40px; font-size: 14px;}
    #xwinfo_bj .newsPage .page_more{ display: none;}
    #xwinfo_bj .main{ padding-top: 12% !important;}
}
@media screen and (max-width:768px){
    #xwinfo_bj .news-detail-title .float-right{ display: none;}
    #xwinfo_bj .news-detail-title .h3{ font-size: 18px;}
    #xwinfo_bj .news-detail{ font-size: 14px;}
    #xwinfo_bj .main{ padding-top: 15% !important;}
    .home_zy{ font-size: 14px; padding-left: 15px;}
}


.news_lb li{ margin-top: 7%; border-bottom: 1px solid #dddddd; transition: 0.3s;}
.news_lb .pic{ display: block; width: 100%; height: 0; padding-bottom: 65%; position: relative; overflow: hidden;}
.news_lb .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
.news_lb .font{ width: 100%; padding: 5%;}
.news_lb .font .news_time{ color: #bdbdbd; font-size: 16px;}
.news_lb .font .content{ padding-top: 3%;}
.news_lb .font .content .news_title{ color: #333333; font-size: 20px; width: 100%; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden; min-height: 60px;}
.news_lb .font .content .news_content{ color: #9a9a9a; margin-top: 3%; font-size: 16px;}
.news_lb li:hover{ background: var(--theme-blue); border-bottom: 1px solid var(--theme-blue);}
.news_lb li:hover .font .news_time,.news_lb li:hover .font .content .news_content{ color: rgba(255,255,255,0.5);}
.news_lb li:hover .font .content .news_title{ color: #fff;}
.news_lb li:hover .pic img{ transform: scale(1.05);}
@media screen and (max-width:1440px){
    .news_lb .font .content .news_title{ font-size: 18px;}
    .news_lb .font .content .news_content,.news_lb .font .news_time{ font-size: 14px;}
}
@media screen and (max-width:1200px){
    .news_lb .font .content .news_title{ width: 100%;}
    .news_lb .font .content .news_title{ font-size: 16px;}
}
@media screen and (max-width:768px){
    .news_lb .font .content .news_title{ font-size: 16px; min-height: auto;}
    .news_lb .font .news_time,.news_lb .font .content .news_content{ font-size: 14px;}
}



/*公共*/
#zi_banner{ width: 100%; height: auto; position: relative;}
#zi_banner .pic{ text-align: center; overflow: hidden;}
#zi_banner .pic img{ width: 100%;}
#zi_banner .main{ position: absolute; left: 0; top: 0; width: 100%; z-index: 1; color: #fff; padding-top: 11%; line-height: 50px; text-align: left;}
#zi_banner .main h2{ font-size: 36px;}
#zi_banner .main p{ font-size: 18px; text-transform: capitalize;}
#zi_banner .main i{ font-size: 50px; color: rgba(255,255,255,0.5); margin-top: 3%;}
@media screen and (max-width:1440px){
    #zi_banner .main h2{ font-size: 30px;}
    #zi_banner .main p{ font-size: 16px; height: 40px; line-height: 40px;}
}
@media screen and (max-width:1200px){
    #zi_banner .pic img{ width: 130%; margin-left: -15%;}
}
@media screen and (max-width:991px){
    #zi_banner .pic img{ width: 150%; margin-left: -15%;}
    #zi_banner .main{ padding-top: 20%;}
    #zi_banner .main h2{ font-size: 28px;}
    #zi_banner .main p{ font-size: 16px;}
    #zi_banner .main i{ display: none;}
}
@media screen and (max-width:768px) {
    #zi_banner .pic img { width: 195%; margin-left: -25%;}
    #zi_banner .main{ padding-top: 25%;}
    #zi_banner .main h2{ font-size: 24px;}
    #zi_banner .main p{ font-size: 14px;}
}
@media screen and (max-width:560px) {
    #zi_banner .main{ padding-top: 23%;}
    #zi_banner .main h2{ font-size: 20px;}
    #zi_banner .main p{ display: none;}
}


#homebj{ width: 100%; height: 70px; line-height: 70px; color: #fff; background-image: linear-gradient(to right, var(--theme-blue), #4c92f0);}
#homebj ul{ width: 70%;}
#homebj ul li{ width: 15%; position: relative; font-size: 16px; text-align: center; transition: 0.3s;}
#homebj ul li:before{ position: absolute; right: 0; top: 35%; content: ''; height: 30%; background: rgba(255,255,255,0.2); width: 1px; transition: all 0.3s; }
#homebj ul li a{ color: #fff;}
#homebj ul li:hover a{ color: #fff;}
#homebj ul li:hover{ background: rgba(255,255,255,0.1); }
.home{ text-align: right; color: #fff;}
.home i{ display: inline-block; margin-right: 10px; font-weight: bold; font-size: 18px;}
.home a{ padding: 0 8px; color: #fff;}

@media screen and (max-width:1500px) {
}
@media screen and (max-width:1440px) {
    .home{ font-size: 12px;}
    .home i{ display: none;}
}
@media screen and (max-width:991px) {
    .home{ display: none !important;}
    #homebj ul{ width: 100%;}
    #homebj ul li{ float: left; width: 25%; text-align: center; margin: 0 !important; font-size: 14px;}
    #homebj{ padding: 10px 0; height: auto !important; line-height: 30px;}
}
@media screen and (max-width:768px) {
    #homebj ul li{ width: 25%;}

}


#cpnav{ padding: 0; overflow: hidden; width: 70%;}
#cpnav .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#cpnav .swiper-slide {
    text-align: center;
    transition: 0.3s;
    position: relative;
    font-size: 16px;
    /* 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;
}
#cpnav .swiper-slide:before{ position: absolute; content: ''; left: 50%; bottom: 0; width: 0; height: 3px; background: #07357f; transition: 0.3s;}
#cpnav .swiper-slide:hover:before{ left: 25%; width: 50%;}
#cpnav .swiper-slide:hover a{ color: #07357f;}
@media screen and (max-width:991px){
    #cpnav{ width: 100%;}
}
@media screen and (max-width:765px){
}


.hui{ background: #fbfbfb;}
.bai{ background: #fff !important;}







/*翻页*/
.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;
}