.main{ line-height: 30px; padding: 5% 0;}

@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: 50%;}*/

.my-button-disabled{opacity: 1!important;pointer-events:visible!important; cursor: pointer!important;}
.jw-controlbar { width: 100% !important;}
#playercontainer{ width: 100vw !important; height: 101vh !important;}
.jwplayer video{ width: 100vw !important; height: auto !important;}
#dituContent label {
    max-width: unset!important;
    text-align: center;
}

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


/*头部*/
#top_index{ height: auto; margin: 0 auto; transition: 0.3s; width: 100%; background: rgba(0,0,0,0.2); z-index: 9999; position: fixed; box-shadow: 0 0 15px rgba(0,0,0,0.2);}
#top_index_zy{ height: auto; margin: 0 auto; position: fixed; z-index: 15; transition: 0.3s; background: #fff;}
#logo{ text-align: center; padding: 1% 0; transition: 0.3s;}
#logo a{ display: block;}
#logo a img{ max-width: 100%; transition:0.5s;}
#logo .show{ display: inline-block; transition: 0.3s;}
#logo .hidder{ display: none; transition: 0.3s;}
.top_right p{ color: #fff; font-size: 14px;}
.top_right p a{ color: #fff;}
.top_right p i{ display: inline-block; font-size: 18px;}

.search-text{border: 1px solid #ddd;line-height: 38px;padding-left: 5px;width: 80%;}
.fdj{height: 40px; line-height: 40px;background: url("img/fdj.png") center no-repeat #0088ff;outline: none;color: #fff;width: 20%;transition:.4s;}
.fdj:hover{background: url("img/fdj.png") center no-repeat #444;}
.btn{border-radius: 0px !important;}

#nav{ height: auto; transition:0.3s; text-align: center;}
#nav li{ display: inline-block; height: 50px; line-height: 50px; font-size: 16px; color: #fff; text-align: center; transition:0.5s;}
#nav li .big{ display: block; color: #fff; position: relative; z-index: 1; }
#nav li .big:before{ position: absolute; left: 0; bottom: 32%; background: rgba(23,80,177,0.8); content: ''; height: 4px; width: 0; transition: 0.3s;}
#nav li:hover .big{ color: #fff;}
#nav li:hover .big:before{ width: 100%;}
#nav .navli_hover .big:before{ width: 100%;}
#nav .navli_hover .big{ }

#top_index_zy #nav li .big{ color: #333;}
#top_index_zy #nav li:hover .big{ color: #004592;}
#top_index_zy #nav li .big:before{ background: rgba(0,69,146,0.7);}
#top_index_zy .top_right p{ color: #333;}
#top_index_zy .top_right p a{ color: #333;}

#nav li .navson{display: none; position: absolute; left: 0; overflow: hidden; border-top: 1px solid #ededed; background: #f7f7f7; box-shadow: 0 10px 10px rgba(0,0,0,0.05); color: #333; top: 100%; z-index: 99999; width: 100vw;}
#nav li .navson .main{ padding: 50px 0; text-align: left;}
#nav li .navson .nav_left{ color: #fff; width: 20%; position: relative;}
#nav li .navson .nav_left:before{ background: url("img/lxbj1.jpg") no-repeat left top #1750b1; position: absolute; right: -40%; top: -60%; content: ''; width: 300%; height: 250%;}
#nav li .navson .nav_font{ width: 80%; background: #fff; padding: 3%; position: relative; z-index: 1;}
#nav li .navson .nav_left h3{ font-size: 22px; position: relative; z-index: 1;}
#nav li .navson .nav_left .tel{ margin: 15% 0 10%; position: relative; z-index: 1;}
#nav li .navson .nav_left .tel p{ font-size: 14px; }
#nav li .navson .nav_left .tel p i{ font-size: 18px; margin-right: 10px;}
#nav li .navson .nav_left .tel span{ font-size: 24px; font-weight: bold;}
#nav li .navson .nav_left .zx{ display: inline-block; border-bottom: 1px solid rgba(255,255,255,0.4); transition: 0.3s; position: relative; z-index: 1;}
#nav li .navson .nav_left .zx a{ color: rgba(255,255,255,0.4); font-size: 16px; transition: 0.3s;}
#nav li .navson .nav_left .zx:hover{ border-bottom: 1px solid #fff;}
#nav li .navson .nav_left .zx:hover a{ color: #fff; letter-spacing: 3px;}
#nav li .navson .nav_font .tit{ color: #e83f02; font-size: 24px;}
#nav li .navson .nav_font .nr{ color: #666666; font-size: 16px; padding: 10px 0 0;}
#nav li .navson .nav_font dl{ margin-top: 8%;}
#nav li .navson .nav_font dl dd{ float: left; width: 25%; color: #333333; font-size: 18px; height: 50px; line-height: 50px;}
#nav li .navson .nav_font dl dd.cpdd{ width: 33%; font-size: 16px;}
#nav li .navson .nav_font dl dd.cpdd p{ width: 70%; white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
#nav li .navson .nav_font dl dd i{ margin-left: 20px; color: #666666;}
#nav li .navson .nav_font dl dd:hover a,#nav li .navson .nav_font dl dd:hover i{ color: #e83f02;}
#nav li .navson .nav_font .float-start{ width: 70%;}
#nav li .navson .nav_font .float-end{ width: 30%;}
#nav li .navson .nav_font .float-end .pic{ width: 100%; height: 0; padding-bottom: 70%; position: relative; background: #f7f7f7; overflow: hidden;}
#nav li .navson .nav_font .float-end .pic img{ width: 100%; height: 100%; mix-blend-mode: multiply; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s;}


.top_bj_active{ width: 100%; z-index: 20; background: #fff !important; top: 0; box-shadow: 0 0 20px rgba(0,0,0,0.1); position: fixed !important;}
.top_bj_active #logo .show{ display: none;}
.top_bj_active #logo .hidder{ display: inline-block;}
.top_bj_active #nav li .big,.top_bj_active .top_right p,.top_bj_active .top_right p a{ color: #333;}
.top_bj_active #c-header .c-switch i{ background: #333;}

.top_index_active{ background: #fff !important; }
.top_index_active #logo .show{ display: none;}
.top_index_active #logo .hidder{ display: inline-block;}
.top_index_active #nav li .big,.top_index_active .top_right p,.top_index_active .top_right p a{ color: #333;}

#top_index_zy #c-header .c-switch i{ background: #333;}

.top_index_zy_active{ width: 100%; z-index: 20; top: 0; box-shadow: 0 0 20px rgba(0,0,0,0.15); position: fixed !important;}
.top_index_zy_active #logo{ padding: 0.2% 0;}
.top_index_zy_active #logo img{ transform: scale(0.9);}

@media screen and (max-width:1500px){
    #nav li .navson .nav_font dl dd.cpdd{ font-size: 14px;}
}
@media screen and (max-width:1440px){
    #logo a img{ max-width: 80%;}
    #top_tel p{ font-size: 22px;}
    .top_bj_active #top_tel{ line-height: 20px;}
    .top_bj_active #top_tel p{ font-size: 18px;}
}
@media screen and (max-width:1350px){
    #top_tel p{ font-size: 18px;}
    #top_tel span{ font-size: 12px;}
    #top_tel{ line-height: 20px;}
}
@media screen and (max-width:1300px){
    #nav li:nth-child(3) .navson dl dd{ width: 15%;}
    #nav li:nth-child(3) .navson dl dd .pic{ width: 100%; height: 150px;}
    #nav li:nth-child(3) .navson dl dd .pic img{ height: 130px;}
}
@media screen and (max-width:1200px){
    #top_tel{ line-height: 20px;}
    #nav li{ font-size: 14px;}
    #nav li .navson .more{ width: 20%;}
    .top_bj_active #nav li{ font-size: 14px;}
    #nav li .navson .nav_font dl dd{ 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-left: 2%;}
}
@media screen and (max-width:768px){
    #logo{ padding: 2%;}
    .top_index_zy_active #logo img{ transform: scale(1); }
    .top_index_zy_active #logo{ padding: 2% 0;}
}




#banner,#mobile_banner{ position: relative;}
#banner img{ width: 100%;}
#banner .swiper-pagination{ bottom: 3%;}
#banner .swiper-pagination-bullet{ width: 20px; height: 5px; border-radius: 3px; transition:0.3s; opacity: 1; background: #fff;}
#banner .swiper-pagination-bullet-active{ width: 60px; background: #084d9e; 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: 30px;}
#banner .swiper-button-next,#banner .swiper-button-prev{ background: rgba(0,0,0,0.2); width: 50px; height: 50px; line-height: 50px; border-radius: 100%;}
#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;}


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

.sub_banner {
    position: relative;
    overflow: hidden;
    -webkit-transition: all .5s;
}
.sub_banner.active img {
    filter: contrast(1) brightness(1);
    opacity: 1;
    visibility: visible;
    width: 100%;
    -webkit-transform: scale(1);
}
.sub_banner .s {
    width: 100%;
    height: auto;
    position: relative;
}
.sub_banner img {
    opacity: 1;
    visibility: hidden;
}
@media screen and (max-width:991px){
    .sub_banner.active img{ width: 135%;}
}
@media screen and (max-width:768px){
    .sub_banner img{ width: 220%;}
    .sub_banner.active img{ width: 150%; margin-left: 0;}
}
@media screen and (max-width:650px){
    .sub_banner.active img{ width: 250%; margin-left: -70%;}
}


/*底部*/
#end_bj{ width: 100%; text-align: left; position: relative; color: #fff; background: #16151a;}
#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{ padding: 0 5% !important;}
.end_nav li{ height: 35px; line-height: 35px; white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.end_nav li.big{ color: #fff; font-size: 18px; margin-bottom: 15px;}

.end_tel{ margin: 5% 0 0; line-height: 40px;}
.end_tel p{ color: #696969;}
.end_tel span{ color: #0088ff; font-size: 36px; font-weight: bold;}
.end_lx p{ height: auto; line-height: 30px; color: rgba(255,255,255,0.4);}
.end_lx .tel_l{ padding-left: 0;}

.ewm{ width: 100%;}
.ewm p{ text-align: center; }
.ewm p img{ max-width: 100%;}
.ewm span{ display: block; color: #7c8187; font-size: 16px; padding-top: 10px; text-align: center;}


#end_line{ height: auto; padding: 10px 0; line-height: 30px; text-align: center; color: rgba(255,255,255,0.3); border-top: 1px solid rgba(255,255,255,0.1); }
#end_line a{ color: rgba(255,255,255,0.3);}
#end_line a:hover{ color: #fff;}
@media screen and (max-width:1500px){
    .end_lx .tel_l{ padding-left: 10px;}
}
@media screen and (max-width:1400px){
    .end_tel span{ font-size: 28px;}
    .end_nav{ padding: 0 !important;}
    .end_nav li.big{ font-size: 16px;}
}
@media screen and (max-width:1200px){
    .end_nav li.big{ font-size: 14px;}
    .end_nav li{ font-size: 12px;}
    .ewm span{ font-size: 14px;}
}
@media screen and (max-width:991px){
    .end_tel{ margin: 0;}
    .end_lx{ width: 100%;}
    .ewm{ margin-top: 3% !important;}
}
@media screen and (max-width:768px){
    #end_bj .main{ padding: 5% 0;}
}
@media screen and (max-width:450px){
    .end_lx .tel_l{ padding-left: 0; padding-top: 3%;}
}


.footer_zx{ height:60px; overflow: hidden; right:0; bottom:0; z-index: 50; 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:#16151a;}
.footer_zx a:last-of-type{ background: #113485;}
.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%;}
}




/*首页*/
.tit_in h2{ display: inline-block; color: #000000; font-size: 36px; border-bottom: 4px solid #1750b1; padding: 10px 0 20px;}
.tit_in p{ color: #d2d2d2; font-size: 48px; font-family: Impact !important; text-transform: uppercase; height: 50px; line-height: 50px;}
.tit_nr{ color: #2a2a2a; font-size: 16px; padding-top: 3%;}
@media screen and (max-width:1440px){
    .tit_in h2{ font-size: 26px; padding: 0 0 10px;}
    .tit_in p{ font-size: 36px;}
    .tit_nr{ font-size: 14px;}
}
@media screen and (max-width:991px){
    .tit_in h2{ font-size: 22px;}
    .tit_in p{ font-size: 30px;}
}
@media screen and (max-width:768px){
}


#cpbj{ background: url("img/cpbj.jpg") repeat-y center top; position: relative; z-index: 1;}
#cpbj .tit_in p{ color: rgba(255,255,255,0.7);}


#cpnr{ margin-top: 3%;}
#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%; background: #fff;}
#cpnr .gallery-top .swiper-slide{ padding: 2%;}
#cpnr .gallery-top .swiper-slide dl dd{ border-right: 1px solid #efefef; padding: 0 15px; margin-bottom: 2%;}
#cpnr .gallery-top .swiper-slide dl dd:last-of-type{ border: none;}
#cpnr .gallery-top .swiper-slide dl dd .pic{ float: right; width: 50%; height: 0; padding-bottom: 40%; position: relative; overflow: hidden; transition: 0.3s;}
#cpnr .gallery-top .swiper-slide dl dd .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
#cpnr .gallery-top .swiper-slide dl dd .font{ float: left; width: 45%;}
#cpnr .gallery-top .swiper-slide dl dd .font .tit{ border-bottom: 1px solid #dddddd; height: auto; padding-bottom: 10px;}
#cpnr .gallery-top .swiper-slide dl dd .font .tit p{color: #000000; font-size: 22px; font-weight: bold; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
#cpnr .gallery-top .swiper-slide dl dd .font .tit span{ display: block;white-space: nowrap; overflow:hidden; text-overflow: ellipsis;  color: #666666; font-size: 14px;}
#cpnr .gallery-top .swiper-slide dl dd .font .con{ font-size: 14px; margin: 5% 0; color: #848484; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
#cpnr .gallery-top .swiper-slide dl dd .font .zx{ height: 40px; line-height: 40px; background: #0088ff; color: #fff; text-align: center; width: 50%; transition: 0.3s;}
#cpnr .gallery-top .swiper-slide ul li{ margin-bottom: 1%; position: relative;}
#cpnr .gallery-top .swiper-slide ul li .pic{ width: 100%; height: 0; padding-bottom: 85%; border: 1px solid #efefef; position: relative; overflow: hidden; transition: 0.3s; }
#cpnr .gallery-top .swiper-slide ul li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
#cpnr .gallery-top .swiper-slide ul li .font{ width: 100%; padding-top: 15px; overflow: hidden;}
#cpnr .gallery-top .swiper-slide ul li .font .tit{ font-size: 16px; width: 80%; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; transition: 0.5s;}
#cpnr .gallery-top .swiper-slide ul li .font .zx{ color: #666666; position: relative; font-size: 16px;}
#cpnr .gallery-top .swiper-slide ul li .font .zx:before{ position: absolute; left: 0; bottom: 5px; width: 100%; height: 5px; background: rgba(0,136,255,0.7); content: ''; transition: 0.3s;}
#cpnr .gallery-top .swiper-slide ul li:hover .pic img{transform: scale(1.05);}
#cpnr .gallery-top .swiper-slide ul li:hover .font .zx:before{ width: 0;}
#cpnr .gallery-top .swiper-slide dl dd .font .zx:hover{ background: #e83f02;}
#cpnr .gallery-thumbs { height: auto; margin-bottom: 1%; padding: 0 8%; box-sizing: border-box; position: relative;}
#cpnr .gallery-thumbs .swiper-slide { height: 65px; line-height: 65px; font-size: 15px; color: #2a2a2a; cursor: pointer;}
#cpnr .gallery-thumbs .swiper-slide p{ margin-right: 10px; width: 39px; height: 39px; line-height: 39px; overflow: hidden;}
#cpnr .gallery-thumbs .swiper-slide p img{ margin-left: 0; transition: 0.3s; vertical-align: middle;}
#cpnr .gallery-thumbs .swiper-slide-thumb-active p img{ margin-left: -39px;}
#cpnr .gallery-thumbs .swiper-slide-thumb-active{ color: #fff; background: #084d9e;}

@media screen and (max-width:1700px){
    #cpnr .gallery-thumbs{ padding: 0;}
}
@media screen and (max-width:1600px){
    #cpnr .gallery-top .swiper-slide ul li .font .zx{ font-size: 14px;}
}
@media screen and (max-width:1440px){
    #cpnr .gallery-top .swiper-slide dl dd .font .tit{ line-height: 25px;}
    #cpnr .gallery-top .swiper-slide dl dd .font .tit p{ font-size: 16px;}
    #cpnr .gallery-top .swiper-slide dl dd .font .tit span{ font-size: 14px;}
    #cpnr .gallery-top .swiper-slide ul li .font .zx{ display: none;}
    #cpnr .gallery-top .swiper-slide ul li .font .tit{ width: 100%; font-size: 14px;}
}
@media screen and (max-width:1200px){
    #cpnr .gallery-top .swiper-slide dl dd .font .con{ font-size: 12px; line-height: 25px;}
}
@media screen and (max-width:991px){
    #cpnr .gallery-top .swiper-slide li .pic p{ height: 40px; line-height: 40px; font-size: 14px;}
    #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;}
    #cpnr .gallery-top .swiper-slide dl dd{ border: none;}
}
@media screen and (max-width:768px){
    #cpnr .gallery-top .swiper-slide p{ font-size: 12px;}
    #cpnr .gallery-top .swiper-slide li .font .more{ display: none;}
    #cpnr .gallery-top .swiper-slide dl dd .pic ,#cpnr .gallery-top .swiper-slide dl dd .font{ width: 100%;}
    #cpnr .gallery-top .swiper-slide dl dd .pic{ padding-bottom: 75%; margin: 3% 0;}
    #cpnr .gallery-thumbs .swiper-slide{ font-size: 13px;}
    #cpnr .gallery-thumbs .swiper-slide p{ display: none;}
}



#yyfw{ margin-top: 3%; overflow: hidden;}
#yyfw .swiper-container {
    width: 100%;
    height: 100%;
}
#yyfw .swiper-slide {
    transition: 0.3s;
    overflow: hidden;
    position: relative;
    background: #201e23;

    /* 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;
}
#yyfw .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 220%; position: relative; overflow: hidden;}
#yyfw .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s; opacity: 0.5;}
#yyfw .swiper-slide .font{ position: absolute; z-index: 1; left: 0; top: 0; width: 100%; color: #fff; text-align: center; padding-top: 85%; transition: 0.5s;}
#yyfw .swiper-slide .font i{ font-size: 60px;  height: 80px; line-height: 80px;}
#yyfw .swiper-slide .font p{ font-size: 24px; padding-top: 20px;}
#yyfw .swiper-slide .font em{ opacity: 0; display: inline-block; margin-top: 10%; width: 82px; height: 82px; line-height: 75px; border: 3px solid #ffffff; border-radius: 100%; font-size: 40px; transition: 0.3s;}
#yyfw .swiper-slide:hover{ background: #1750b1;}
#yyfw .swiper-slide:hover .pic img{ opacity: 0.1;}
#yyfw .swiper-slide:hover .font{ padding-top: 60%;}
#yyfw .swiper-slide:hover .font em{ opacity: 1;}
@media screen and (max-width:1440px){
    #yyfw .swiper-slide .pic{ padding-bottom: 200%;}
    #yyfw .swiper-slide .font i{ font-size: 45px; height: 50px; line-height: 50px;}
    #yyfw .swiper-slide .font p{ font-size: 20px;}
    #yyfw .swiper-slide .font em{ width: 60px; height: 60px; line-height: 54px; font-size: 30px;}
}
@media screen and (max-width:1200px){
    #yyfw .swiper-slide .pic{ padding-bottom: 180%;}
    #yyfw .swiper-slide .font em{ width: 50px; height: 50px; line-height: 44px; font-size: 24px;}
}
@media screen and (max-width:991px){
    #yyfw .swiper-slide .pic{ padding-bottom: 150%;}
    #yyfw .swiper-slide .font{ padding-top: 55%;}
}
@media screen and (max-width:768px){
    #yyfw .swiper-slide .font i{ font-size: 35px; height: 40px; line-height: 40px;}
    #yyfw .swiper-slide .font p{ font-size: 16px; padding-top: 10px;}
    #yyfw .swiper-slide .font em{ display: none;}
}


.more{ position: relative; border: 1px solid #fff; height: 50px; line-height: 50px; border-radius: 3px; padding: 0 4% 0 2%; font-size: 16px; transform: skewX(-20deg); transition: 0.3s;}
.more a{ display: block; transform: skewX(20deg); color: #fff;}
.more:before{ position: absolute; z-index: 1; right: -7px; top: -7px; content: ''; width: 20px; height: 50px; border-radius: 4px; background: #1750b1; transition: 0.3s; transform: skewX(0);}
.more:hover{ background: #fff;}
.more:hover a{ color: #1750b1;}
.more:hover:before{ right: 0; top: 0; height: 48px;}
@media screen and (max-width:1200px){
    .more{ height: 40px; line-height: 40px; font-size: 14px;}
    .more:before{ height: 40px; width: 15px;}
    .more:hover:before{ height: 38px;}
}
@media screen and (max-width:991px){
    .more{ width: 17%;}
}
@media screen and (max-width:768px){
    .more{ height: 30px; line-height: 30px; font-size: 12px;}
    .more:before{ height: 30px; width: 10px; right: -3px; top: -5px;}
    .more:hover:before{ height: 28px;}
}
@media screen and (max-width:550px){
    .more{ width: 25%;}
}

.xwbj .more,.blue .more{ width: 22%; background: #1750b1; margin-top: 10%; color: #fff;}
.xwbj .more a,.blue .more a{ color: #fff;}
.xwbj .more:before,.blue .more:before{ background: #7e9dcc;}
.xwbj .more{ width: 10%; padding: 0 2%; margin: 0;}
.xwbj .tit{ margin: 5% 0;}


#jjbj{ position: relative; height: 85vh; overflow: hidden;}
#jjbj:before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; content: ''; background: rgba(0,0,0,0.6);}
#jjbj .main{ z-index: 3; position: absolute; left: 0; top: 0; width: 100%;  height: auto;}
#jjbj .main .container{ position: relative; z-index: 1;}
#jjbj .tit_in p{ color: rgba(255,255,255,0.2);}
#jjbj .tit_nr{ color: rgba(255,255,255,0.7);}
#jjbj .tit_in h2{ color: #fff;}
#jjbj #jjsp{ position: fixed; left: 0; top: 0; width: 100vw; height: 100vh;}

#jjlb_in{ position: absolute; left: 0; bottom: 5%; z-index: 3; width: 100%;}
#jjlb_in ul{ width: 100%; margin: 0 auto !important;}
#jjlb_in ul li{ padding-right: 10%; color: #fff; font-size: 16px; position: relative;}
#jjlb_in ul li:before{ position: absolute; right: 17%; top: 20%; content: ''; width: 1px; height: 60%; background: rgba(255,255,255,0.2);}
#jjlb_in ul li h2{ display: inline-block; position: relative; color: #0088ff; font-size: 72px; font-family: cursive !important; height: 75px; line-height: 75px;}
#jjlb_in ul li h2 sub{ position: absolute; right: -20px; bottom: 20px; color: rgba(255,255,255,0.7); font-size: 16px;}
#jjlb_in ul li p{ color: #fff; font-size: 16px;}
#jjlb_in ul li:last-of-type:before{ display: none;}
@media screen and (max-width:1440px){
    #jjbj{ height: auto !important;}
    #jjbj #jjsp{ position: relative; height: auto !important;}
    #playercontainer{ height: auto !important;}
    #jjlb_in ul li{ padding-right: 11%;}
    #jjlb_in ul li h2{ font-size: 50px; height: 55px; line-height: 55px;}
    #jjlb_in ul li p{ font-size: 14px;}
}
@media screen and (max-width:1200px){
    #jjlb_in ul li h2{ font-size: 40px;}
    #jjlb_in ul li h2 sub{ font-size: 14px;}
    .xwbj .more{ width: 12%;}
}
@media screen and (max-width:991px){
    #jjlb_in ul li{ float: left; width: 33%; margin-top: 3%;}
    #jjlb_in ul li h2{ font-size: 30px; height: 40px; line-height: 40px;}
    #jjbj{ height: 60vh !important;}
    #playercontainer{ height: 60vh !important;}
}
@media screen and (max-width:768px){
    #jjlb_in{ padding: 0 15px;}
    #jjlb_in ul li h2{ font-size: 30px; height: 35px; line-height: 35px;}
    #jjlb_in ul li h2 sub{ bottom: 12px;}
    #jjlb_in ul li h2 sub,#jjlb_in ul li p{ font-size: 12px;}
    #jjbj .tit_nr{ display: none;}
    #jjbj .tit_in p{ display: none;}
    #jjbj .tit_in h2{ padding: 0; font-size: 18px;}
    #jjbj{ height: 40vh !important;}
    #playercontainer{ height: 40vh !important;}
}
@media screen and (max-width:550px){
    #jjlb_in ul li h2{ font-size: 22px;}
}


.xwclass{ padding: 2% 0 3% !important;}
.xwclass li{ color: #333333; font-size: 18px; padding: 0 3%; position: relative;}
.xwclass li:before{ position: absolute; right: 0; top: 0; content: '/'; width: 5px; height: 100%; color: #cdcdcd;}
.xwclass li:first-of-type a{ color: #0088ff; font-weight: bold;}
.xwclass li:last-of-type:before{ display: none;}

.xwlb{ background: #fff; padding: 2% !important;}
.xwlb li{ padding-bottom: 5%; position: relative;}
.xwlb li:before{ position: absolute; left: 5px; top: 12px; content: ''; width: 1px; height: 100%; border: 1px dotted #e5e5e5;}
.xwlb li i{ color: #0088ff; position: relative; z-index: 1; font-weight: bold; font-size: 12px;}
.xwlb li .float-start{ padding-left: 3%; width: 97%;}
.xwlb li p a{ display: block; color: #333333; font-size: 18px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; transition: 0.3s;}
.xwlb li span{ color: rgba(0,0,0,0.6); font-size: 14px; font-family: Arial;}
.xwlb li:hover p a{ color: #0088ff;}
.xwlb li:hover span{ color: #0088ff;}
@media screen and (max-width:1440px){
    .xwlb li p a{ font-size: 16px;}
}
@media screen and (max-width:1200px){
    .xwlb li p a{ font-size: 14px;}
}

#xwpicnr .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}
#xwpicnr .swiper-slide {
    text-align: center;
    transition:0.3s;
    position: relative;
    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#xwpicnr .swiper-slide .row{ width: 100%;}
#xwpicnr .swiper-slide .pic{ display: block; height: 0; padding-bottom: 38%; position: relative; overflow: hidden;}
#xwpicnr .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
#xwpicnr .swiper-slide .font{ background: #fff; padding: 3%; text-align: left; position: relative;}
#xwpicnr .swiper-slide .font:before{ position: absolute; left: 39px; top: 43px; content: ''; width: 1px; height: 80%; border: 1px dotted #e5e5e5;}
#xwpicnr .swiper-slide .font em{ color: #0088ff; position: relative; z-index: 1; font-weight: bold; font-size: 16px;}
#xwpicnr .swiper-slide .font .float-start{ padding-left: 5%; width: 97%;}
#xwpicnr .swiper-slide .font .news_title{ text-align: left; color: #333333; line-height: 35px; font-size: 24px; overflow: hidden; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; }
#xwpicnr .swiper-slide .font .news_time{ line-height: 30px; color: #656565; font-size: 14px; padding: 3% 0;}
#xwpicnr .swiper-slide .font .news_info{ color: #656565; font-size: 16px; margin: 1% 0; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;}
#xwpicnr .swiper-slide .font .news_more{ color: #999; font-size: 16px; margin-top: 5%;}
#xwpicnr .swiper-slide .font .news_more i{ margin-left: 10px;}
#xwpicnr .swiper-pagination{ right: 10px; bottom: 0; left: auto; height: 50px; text-align: right;}
#xwpicnr .swiper-pagination .swiper-pagination-bullet{ background: none; width: 15px; height: 15px; border: 2px solid #fff; opacity: 1;}
#xwpicnr .swiper-pagination .swiper-pagination-bullet-active{ background: #0088ff;}
@media screen and (max-width:1700px){
    #xwpicnr .swiper-slide .font:before{ left: 35px;}
    .xwlb li{ padding-bottom: 3%;}
}
@media screen and (max-width:1600px){
    .xwclass li{ font-size: 16px;}
    .xwlb li p{ font-size: 16px;}
    #xwpicnr .swiper-slide .font .news_title{ font-size: 18px; line-height: 30px;}
    #xwpicnr .swiper-slide .font .news_more{ font-size: 14px;}
}
@media screen and (max-width:1440px){
    #xwpicnr .swiper-slide .pic{ padding-bottom: 42%;}
    #xwpicnr .swiper-slide .font .news_info{ font-size: 14px;}
    #xwpicnr .swiper-slide .font .news_title{ font-size: 16px; line-height: 25px;}
    .xwlb li span{ font-size: 12px;}
    .xwlb li{ padding-bottom: 2%;}
    #xwpicnr .swiper-slide .font:before{ left: 30px;}
}
@media screen and (max-width:1200px){
    #xwpicnr .swiper-slide .pic{ padding-bottom: 42%;}
    #xwpicnr .swiper-slide .font .news_info{ font-size: 12px; line-height: 23px;}
    #xwpicnr .swiper-slide .font .news_title{ font-size: 14px; line-height: 25px;}
    .xwlb li span{ font-size: 12px;}
    .xwlb li{ padding-bottom: 2%;}
    .xwlb li p{ font-size: 14px;}
    .xwlb li .float-start{ line-height: 25px;}
    #xwpicnr .swiper-slide .font:before{ left: 26px; top: 27px;}
}
@media screen and (max-width:991px){
    .xwlb{ padding: 4% !important;}
}

.blue .tit_nr{ margin-top: 5%;}
.hzhb li{ float: left; width: 31%; background: #fff; height: 300px; line-height: 300px; text-align: center; margin: 0 0 2% 2%;}
.hzhb li img{ vertical-align: middle; max-width: 100%;}
.hzhb-left li:nth-of-type(1){ margin-left: -31%;}
@media screen and (max-width:1700px){
    .hzhb li{ height: 250px; line-height: 250px;}
    .hzhb li img{ max-width: 85%;}
}
@media screen and (max-width:1440px){
    .hzhb li{ height: 200px; line-height: 200px;}
    .hzhb li img{ max-width: 85%;}
    .blue .tit_nr{ margin-top: 3%;}
    .blue .more{ width: 25%; margin-top: 5%;}
}
@media screen and (max-width:991px){
    .hzhb-left li:nth-of-type(1){ margin-left: 2%;}
    .blue .more{ width: 20%; margin-bottom: 5%;}
}
@media screen and (max-width:768px){
    .hzhb li{ height: 150px; line-height: 150px;}
}
@media screen and (max-width:450px){
    .hzhb li{ height: 100px; line-height: 100px;}
    .hzhb li img{ max-width: 80%; max-height: 80%;}
}




#linkbj{ background: url("img/link_bj.jpg") no-repeat center bottom; position: relative; z-index: 1;}
#linkbj .tit_in p{ color: rgba(255,255,255,0.5);}
#linkbj .tit_in h2,#linkbj .tit_nr{ color: #fff;}
#linkbj .pic{ padding-top: 3%;}
#linkbj .pic img{ max-width: 100%;}






/*公司简介*/
#jjys{ padding: 4% 0 !important;}
#jjys li{ border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; width: 17%; padding: 10px 0; position: relative; cursor: default;}
#jjys li h2{ color: #1750b1; font-size: 36px; height: 36px; font-family: Arial !important; font-weight: bold !important; display: inline-block; position: relative;}
#jjys li h2 sub{ position: absolute; right: -25px; bottom: 0; display: block; font-weight: normal !important; width: 20px; height: 20px; line-height: 20px; text-align: center; background: #1750b1; border-radius: 100%; font-size: 14px; color: #fff; }
#jjys li p{ color: #444444; font-size: 16px;}
#jjys li i{ color: #1750b1; font-size: 40px;}
#jjys li:before{ position: absolute; width: 0; left: 0; top: 0; content: ''; height: 2px; background: #1750b1; transition: 0.5s;}
#jjys li:after{ position: absolute; width: 0; right: 0; bottom  : 0; content: ''; height: 2px; background: #1750b1; transition: 0.5s;}
#jjys li:hover:before{ width: 100%; left: 0;}
#jjys li:hover:after{ width: 100%; right: 0;}
@media screen and (max-width:1440px){
    #jjys li h2{ font-size: 28px; height: 28px;}
    #jjys li h2 sub{ font-size: 12px; width: 18px; height: 18px; line-height: 18px;}
    #jjys li p{ font-size: 14px;}
    #jjys li i{ font-size: 30px;}
    #jjys li .float-start{ line-height: 20px;}
}
@media screen and (max-width:991px){
    #jjys li{ float: left; width: 29%; margin: 0 2% 2%;}
}
@media screen and (max-width:768px){
    #jjys li i{ display: none;}
    #jjys li h2{ font-size: 24px;}
    #jjys li p{ font-size: 12px;}
}



#whbj{ background: url("img/whbj.jpg") no-repeat center;}
#whbj ul{ padding-top: 3% !important; width: 55%;}
#whbj ul li{ background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.2); width: 47%; padding: 5%; transition: 0.3s;}
#whbj ul:last-of-type{ float: right;}
#whbj ul li p{ color: #333333; font-size: 24px; position: relative; height: 40px;}
#whbj ul li p:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 25px; height: 2px; background: #cccccc;}
#whbj ul li i{ color: #13227a; font-size: 55px;}
#whbj ul li span{ display: block; margin-top: 30px; color: #7e7e7e; font-size: 16px;}
#whbj ul li:hover{ background: #1750b1; }
#whbj ul li:hover p,#whbj ul li:hover i,#whbj ul li:hover span{ color: #fff;}
@media screen and (max-width:1440px){
    #whbj ul li span{ min-height: 60px;}
}
@media screen and (max-width:1200px){
    #whbj ul{ width: 65%;}
}
@media screen and (max-width:991px){
    #whbj ul{ width: 100%; padding: 5% 15px 0 !important;}
    #whbj ul li p{ font-size: 20px;}
    #whbj ul li span{ font-size: 14px;}
    #whbj ul li i{ font-size: 40px;}
}
@media screen and (max-width:768px){
    #whbj ul li span{ font-size: 12px; margin-top: 10px; min-height: 50px; line-height: 25px;}
    #whbj ul li i{ font-size: 40px;}
    #whbj ul li p{ font-size: 16px;}
}

#falc_bj{ background: url("img/fzlc_bj.jpg") no-repeat center;}

#falc_bj .main{ overflow: hidden;}
#qyfz{ margin-top: 5% !important;}
#qyfz .swiper {
    width: 100%;
    height: 100%;
}

#qyfz .swiper-slide {
    text-align: center;

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

#qyfz .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#qyfz .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

#qyfz .swiper-slide {
    background-size: cover;
    background-position: center;
}
#qyfz .mySwiper2 .swiper-slide .row{ width: 100%;}
#qyfz .mySwiper2 .swiper-slide{ padding: 0; text-align: center;}
#qyfz .mySwiper2 .swiper-slide .con{ padding: 3%; position: relative;}
#qyfz .mySwiper2 .swiper-slide .con:before{ color: rgba(255,255,255,0.5); text-shadow: 0 5px 15px rgba(0,0,0,0.05); text-transform: uppercase; content: attr(data-title); font-weight: bold; font-size: 360px; position: absolute; text-align: center; left: 0; right: 0; margin: auto; top: 30%; height: 100%; display: block; width: 100%;}
#qyfz .mySwiper2 .swiper-slide .bt{ position: relative; z-index: 1; height: 70px; color: #1750b1; font-size: 70px; text-align: left; font-family: Arial;}
#qyfz .mySwiper2 .swiper-slide .bt:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 10%; height: 2px; background: #1750b1;}
#qyfz .mySwiper2 .swiper-slide .font{ position: relative; z-index: 1; color: #666666; font-size: 18px; line-height: 35px; text-align: left; padding-top: 5%;}
#qyfz .mySwiper2 .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 60%; position: relative; overflow: hidden; border-radius: 10px;}
#qyfz .mySwiper2 .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#qyfz .mySwiper2 .swiper-button-next,#qyfz .mySwiper2 .swiper-button-prev{ width: 60px; height: 60px; background: #1750b1; border-radius: 100%; opacity: 1; bottom: -38px; top: auto;}
#qyfz .mySwiper2 .swiper-button-next:after,#qyfz .mySwiper2 .swiper-button-prev:after{ color: #fff; font-size: 20px;}
#qyfz .mySwiper2 .swiper-button-next{ right: 0;}
#qyfz .mySwiper2 .swiper-button-prev{ left: 0;}

#qyfz .mySwiper2 {
    height: 80%;
    width: 100%;
    padding: 0 0 5% !important;
    z-index: 10;
    overflow: inherit;
}

#qyfz .mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 5% 0;
    position: relative;
}

#qyfz .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    position: relative;;
}
#qyfz .mySwiper:before{ position: absolute; content: ''; left: 0; top: 8px; height: 1px; width: 100%; border-bottom: 1px solid #dedede;}
#qyfz .mySwiper .swiper-slide { height: auto; font-size: 14px; cursor: pointer; height: 70px; transition: 0.3s; text-align: center;}
#qyfz .mySwiper .swiper-slide .bz{ display: inline-block; width: 15px; height: 15px; top: -10px; background: #fff; border: 2px solid #2998ff; border-radius: 100%; position: absolute;}
#qyfz .mySwiper .swiper-slide h4{ font-size: 24px; color: #999999; transition: 0.3s; margin-top: 10% !important;}
#qyfz .mySwiper .swiper-slide-thumb-active h4{ color: #1750b1; font-size: 30px; font-weight: bold !important;}
#qyfz .mySwiper .swiper-slide-thumb-active .bz{ border: 5px solid #2998ff; width: 20px; height: 20px;}

#qyfz .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}

#qyfz .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media screen and (max-width:1700px){
    #qyfz .mySwiper2 .swiper-slide .con:before{ font-size: 300px;}
}
@media screen and (max-width:1440px){
    #qyfz .mySwiper2 .swiper-slide .con:before{ font-size: 250px;}
    #qyfz .mySwiper2 .swiper-slide .bt{ font-size: 50px;}
    #qyfz .mySwiper2 .swiper-slide .font{ font-size: 16px;}
    #qyfz .mySwiper .swiper-slide h4{ font-size: 20px;}
    #qyfz .mySwiper .swiper-slide-thumb-active h4{ font-size: 24px;}
}
@media screen and (max-width:1200px){
    #qyfz .mySwiper2 .swiper-slide .con:before{ font-size: 200px;}
    #qyfz .mySwiper2 .swiper-slide .bt{ font-size: 40px;}
    #qyfz .mySwiper2 .swiper-slide .font{ font-size: 14px;}
    #qyfz .mySwiper2{ width: 97%;}
    #qyfz .mySwiper2 .swiper-button-prev{ left: -13px;}
    #qyfz .mySwiper2 .swiper-button-next{ right: -13px;}
    #qyfz .mySwiper2 .swiper-button-next,#qyfz .mySwiper2 .swiper-button-prev{ width: 40px; height: 40px; bottom: -27px; }
    #qyfz .mySwiper2 .swiper-button-next:after,#qyfz .mySwiper2 .swiper-button-prev:after{ font-size: 16px;}
}
@media screen and (max-width:991px){
    #qyfz .mySwiper2 { padding: 0 0 3% !important; }
    #qyfz .mySwiper2 .swiper-slide .con{ margin-top: 5%;}
    #qyfz .mySwiper2 .swiper-button-next,#qyfz .mySwiper2 .swiper-button-prev{ display: none;}
    #qyfz .mySwiper2 .swiper-slide .con:before{ font-size: 150px;}
}
@media screen and (max-width:768px){
    #qyfz .mySwiper2 .swiper-slide .con:before{ font-size: 130px;}
}


#zzry{ margin: 3% auto 0; overflow: hidden; position: relative;}
#zzry .swiper-container {
    width: 100%;
    height: 100%;
}
#zzry .swiper-slide {
    text-align: left;
    transition:0.3s;

    /* 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;
}
#zzry .swiper-slide .pic{ width: 100%; background: url("img/rybj.jpg") no-repeat center; border-radius: 5px; padding: 5%;}
#zzry .swiper-slide .pic p{ display: block; width: 100%; height: 0; padding-bottom: 60%; position: relative; text-align: center;}
#zzry .swiper-slide .pic a{ display: block; width: 100%; height: 100%; left: 0; position: absolute; padding: 10px;}
#zzry .swiper-slide .pic a img{ max-width: 100%; max-height: 100%; transition:0.3s;}
#zzry .swiper-slide span{ display: block; width: 100%; text-align: center; height: 50px; transition: 0.3s; background: #fff; line-height: 50px; color: #333333; font-size: 16px;}
#zzry .swiper-slide:hover span{ background: #0088ff; color: #fff;}
.ry_more{ margin: 3% auto 0; height: 50px; line-height: 50px; background: #1750b1; text-align: center; transform: skewX(-20deg); border-radius: 3px; color: #fff; width: 15%; transition: 0.3s;}
.ry_more a{ color: #fff !important;}
.ry_more p{ transform: skewX(20deg); transition: 0.3s;}
.ry_more:hover{ background: #e83f02;}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:991px){
    .ry_more{ width: 20%;}
}
@media screen and (max-width:768px){
    .ry_more{ width: 30%;}
}


.jj_pic{ width: 100%;}
.jj_pic img{ width: 100%;}
.jj_end{ position: relative;}
.jj_end .tit{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; padding-top: 25%; transition: 0.3s;}
.jj_end .tit i{ font-size: 60px; height: 60px; line-height: 60px;}
.jj_end .tit p{ font-size: 30px; font-weight: bold; margin-top: 3% !important;}
.jj_end .con{ position: absolute; left: 10%; top: 12%; width: 80%; height: 80%; text-align: center; background: rgba(23,80,177,0.8); color: #fff; padding: 10% 5%; opacity: 0; transition: 0.5s; overflow: hidden;}
.jj_end .con p{ font-size: 30px; font-weight: bold; position: relative; height: 50px;}
.jj_end .con p:before{ position: absolute; left: 46%; bottom: 0; content: ''; width: 8%; height: 3px; background: #fff;}
.jj_end .con span{ display: block; padding: 8% 10%;}
.jj_end .con em{ display: block; margin: 0 auto; width: 180px; height: 50px; background: #fff; line-height: 50px; color: #1750b1;}
.jj_end:hover .tit{ opacity: 0;}
.jj_end:hover .con{ left: 10%; top: 10%; opacity: 1;}
@media screen and (max-width:1440px){
    .jj_end .tit i{ font-size: 50px;}
    .jj_end .tit p{ font-size: 24px;}
    .jj_end .con span{ padding: 8% 0; font-size: 14px;}
    .jj_end .con p{ font-size: 26px;}
    .jj_end .con em{ height: 40px; line-height: 40px;}
}
@media screen and (max-width:1200px){
    .jj_end .tit i{ font-size: 40px;}
    .jj_end .tit p{ font-size: 20px;}
    .jj_end .con{ padding: 5%;}
    .jj_end .con p{ font-size: 22px;}
    .jj_end .con span{ font-size: 12px; padding: 5% 0;}
}
@media screen and (max-width:768px){
    .jj_end .con span{ margin: 5% 0; padding: 0; display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;}
    .jj_end .con em{ height: 35px; line-height: 35px; font-size: 12px;}
}

/*产品中心*/
#cplb{ border-bottom: 1px solid #d0d0d0; height: 60px; line-height: 60px; margin: 3% 0 0; padding: 0 10%;}
#cplb .swiper-container{ overflow: hidden;}
#cplb .swiper-slide{ text-align: center; font-size: 16px;}
#cplb .swiper-slide p{ width: 95%;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#cplb .swiper-slide:hover{ background: #1750b1; border-top-left-radius: 5px; border-top-right-radius: 5px;}
#cplb .swiper-slide:hover a{ color: #fff;}
#cplb .swiper-slide#li-on{ background: #1750b1; border-top-left-radius: 5px; border-top-right-radius: 5px;}
#cplb .swiper-slide#li-on a{ color: #fff;}
@media screen and (max-width:1600px){
    #cplb{ padding: 0;}
}
@media screen and (max-width:768px){
    #cplb .swiper-slide{ font-size: 14px;}
}

.cpinfonr{ margin-top: 3% !important;}
.cpinfonr li{ text-align: center; background: #f9f9f9; padding: 20px; transition: 0.3s; margin-bottom: 5%;}
.cpinfonr li .pic{ display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden;}
.cpinfonr li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
.cpinfonr li .title h3{ color: #333333; font-size: 16px; height: 60px; line-height: 60px;}
.cpinfonr li .title em{ display: block; margin: 0 auto; width: 60%; height: 45px; border: 1px solid #ddddde; line-height: 45px; transition: 0.3s;}
.cpinfonr li:hover{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.15);}
.cpinfonr li:hover .title em{ background: #1750b1; color: #fff;}

#hotpro{ margin-top: 3%;}
#hotpro .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 20px;
    padding-bottom: 3%;
    overflow: hidden;
}
#hotpro .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;
    background: url("img/cptj_bj.jpg") no-repeat center;
    border-radius: 10px;
    padding: 0;
    overflow: hidden;

    /* 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;
}
#hotpro .swiper-slide .row{ width: 100%;}
#hotpro .swiper-slide .pic{ display: block; width: 100%; height: auto; position: relative; }
#hotpro .swiper-slide .pic p{ display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden;}
#hotpro .swiper-slide .pic p img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#hotpro .swiper-slide .font{ padding-left: 5% !important;}
#hotpro .swiper-slide .font h2{ color: #333333; font-size: 24px; font-weight: bold !important; position: relative; height: 60px; line-height: 60px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#hotpro .swiper-slide .font .class{ display: inline-block; color: #666; font-size: 18px;}
#hotpro .swiper-slide .font .more_cp{ height: 50px; line-height: 50px; background: #1750b1; text-align: center; transform: skewX(-20deg); border-radius: 3px; color: #fff; width: 47%; transition: 0.3s;}
#hotpro .swiper-slide .font .more_cp a{ color: #fff !important;}
#hotpro .swiper-slide .font .more_cp p{ transform: skewX(20deg);}
#hotpro .swiper-slide .font .more_cp:hover{ background: #e83f02;}
#hotpro .swiper-slide .font dl{ margin: 8% 0 !important;}
#hotpro .swiper-slide .font dl dd{ width: 25%; text-align: center; border-right: 1px solid #e2e2e2; font-size: 14px; color: #666666;}
#hotpro .swiper-slide .font dl dd i{ font-size: 40px; height: 50px; line-height: 50px;}
#hotpro .swiper-slide .font dl dd:hover{ color: #11a0fb;}
#hotpro .swiper-slide .font dl dd:last-of-type{ border: none;}
#hotpro .swiper-slide:hover .pic p img{ transform: scale(1.05);}
#hotpro .swiper-slide:hover{ background: url("img/cptj_bj1.jpg") no-repeat center; box-shadow: 0 0 20px rgba(0,0,0,0.15); }
#hotpro .swiper-pagination{ bottom: 0 !important;}
#hotpro .swiper-pagination .swiper-pagination-bullet{ transition: 0.3s;}
#hotpro .swiper-pagination .swiper-pagination-bullet-active{ background: #1750b1; width: 30px; border-radius: 5px;}
@media screen and (max-width:1700px){
    #hotpro .swiper-slide .font .more_cp{ height: 40px; line-height: 40px;}
    #hotpro .swiper-slide .font dl dd i{ font-size: 32px; height: 35px; line-height: 35px;}
    #hotpro .swiper-slide .font dl dd{ font-size: 12px;}
    #hotpro .swiper-slide .font h2{ font-size: 20px;}
    #hotpro .swiper-slide .font .class{ font-size: 16px;}
}
@media screen and (max-width:1440px){
    #hotpro .swiper-slide .font dl{ margin: 5% 0 !important;}
    #hotpro .swiper-slide .font dl dd{ margin: 0 !important; line-height: 25px;}
    #hotpro .swiper-slide .font dl dd i{ font-size: 24px;}
    #hotpro .swiper-slide .font .more_cp{ height: 35px; line-height: 35px; font-size: 12px;}
    #hotpro .swiper-slide .font h2{ height: 40px; line-height: 40px;}
}
@media screen and (max-width:1200px){
    #hotpro .swiper-slide .font dl dd{ border: none;}
    #hotpro .swiper-slide .font h2{ font-size: 18px;}
    #hotpro .swiper-slide .font .class{ font-size: 14px;}
    #hotpro .swiper-slide .font dl dd:last-of-type{ display: none;}
}
@media screen and (max-width:991px){
    #hotpro .swiper-slide .font dl dd:last-of-type{ display: block;}
    #hotpro .swiper-slide .font{ padding: 5%;}
    #hotpro .swiper-container{ padding-bottom: 8%;}
}


.cpinfo_bj{ background: url("img/cpinfo_bj.png") no-repeat center top #f8f8f8;}
.pro_con{ padding: 3% 0;}
.cp_left{ height: 0; padding-bottom: 30%; position: relative; overflow: hidden; }
.cp_left p{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s; text-align: center;}
.cp_left p img{ max-width: 100%; max-height: 100%;}

.cp_right{ padding: 2%;}
.cp_right .tit{ line-height: 40px; padding-bottom: 3%; position: relative; color: #333333; font-size: 48px; font-weight: bold;}
.cp_right .content{ color: #333333; font-size: 24px; line-height: 40px; margin-bottom: 3%;}
.cp_right .nr{ color: #999999; font-size: 24px; font-weight: 100;}
.cp_right dl{ margin: 5% 0 7% !important;}
.cp_right dl dd{ margin: 0 2%; padding: 3% 5% !important; text-align: center; border: 1px solid #e2e2e2; background: #fff; border-radius: 10px; font-size: 18px; color: #666666; position: relative; overflow: hidden;}
.cp_right dl dd:before{ position: absolute; left: 0; top: 0; width: 7px; height: 0; background: #109af1; content: ''; transition: 0.3s;}
.cp_right dl dd:after{ position: absolute; right: 0; bottom: 0; width: 7px; height: 0; background: #109af1; content: ''; transition: 0.3s;}
.cp_right dl dd i{ font-size: 40px; height: 50px; line-height: 50px; margin-bottom: 10px;}
.cp_right dl dd:hover{ color: #11a0fb;}
.cp_right dl dd:hover:before,.cp_right dl dd:hover:after{ height: 100%;}
.cp_right .zixun{ width: 50%;}
.cp_right .anniu{ height: 50px; line-height: 50px; width: 48%; text-align: center; font-size: 16px; background: #1750b1; transform: skewX(-20deg); border-radius: 5px; transition: 0.3s;}
.cp_right .anniu a{ display: block; color: #fff; transform: skewX(20deg);}
.cp_right .anniu.zixun-btn{ background: #26a3ff;}
.cp_right .anniu:hover{ background: #e83f02;}
.cp_right .cptel i{ color: #1750b1; font-size: 60px; margin-right: 5px;}
.cp_right .cptel span{ display: block; color: #666666; font-size: 16px;}
.cp_right .cptel p{ color: #1750b1; font-size: 30px; font-style: italic; font-weight: bold;}
@media screen and (max-width:1700px){
    .cp_right .tit{ font-size: 38px;}
    .cp_right .content{ font-size: 20px; line-height: 35px;}
    .cp_right .nr{ font-size: 18px;}
    .cp_right dl dd{ width: 25%; padding: 3% 0 !important;}
}
@media screen and (max-width:1440px){
    .cp_right .tit{ font-size: 32px;}
    .cp_right .content{ font-size: 18px; line-height: 35px;}
    .cp_right .nr{ font-size: 14px;}
    .cp_right .cptel p{ font-size: 26px;}
    .cp_right dl dd{ font-size: 16px;}
    .cp_right dl dd i{ font-size: 35px; height: 40px; line-height: 40px;}
}
@media screen and (max-width:1200px){
    .cp_right .tit{ font-size: 26px;}
    .cp_right .content{ font-size: 16px; line-height: 30px;}
    .cp_right .nr{ font-size: 12px;}
    .cp_right dl dd{ font-size: 14px; padding: 3% 0 1% !important;}
    .cp_right dl dd i{ font-size: 30px; height: 30px; line-height: 30px; margin: 0;}
    .cp_right .cptel i{ font-size: 40px;}
    .cp_right .cptel .float-start{ line-height: 25px;}
    .cp_right .cptel span{ font-size: 14px;}
    .cp_right .cptel p{ font-size: 22px;}
    .cp_right .anniu{ height: 40px; line-height: 40px; font-size: 14px;}
}
@media screen and (max-width:991px){
    .cp_left{ padding-bottom: 60%; margin-top: 3%;}
    .cp_right .anniu.order-btn{ display: none;}
    .cp_right .zixun{ width: 30%;}
    .cp_right .anniu{ width: 100%;}
}
@media screen and (max-width:768px){
}

.cpleft_nr .bt_cp{ padding-left: 20px;}

.cp_line{ border-left: 1px solid #ececec; padding: 4% 2% 0;}
.bt_cp{ color: #393939; font-size: 24px;}
.cp_line li{ text-align: center; background: #fff; padding: 20px; transition: 0.3s; margin-top: 10%; border: 1px solid #eeeeee;}
.cp_line li .pic{ display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden;}
.cp_line li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
.cp_line li .title h3{ font-size: 16px; height: 50px; line-height: 50px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.cp_line li .title em{ display: block; margin: 0 auto; width: 60%; height: 45px; border: 1px solid #ddddde; background: #f9f9f9; line-height: 45px; transition: 0.3s;}
.cp_line li:hover{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.15);}
.cp_line li:hover .title em{ background: #1750b1; color: #fff;}

#cpbtqh{ width: 100% !important; transition:0.3s; background: #fff; text-align: center; border-bottom: 1px solid #efefef;}
.cpbt{ margin: 3% auto 0 !important; height: 50px; line-height: 50px; 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: block; position: relative; z-index: 1; color: #666666;}
.cpbt li:after{ position: absolute; left: 50%; bottom: 0; width: 0; height: 100%; content: ''; background: #1750b1; border-top-right-radius: 5px; border-top-left-radius: 5px; transition: 0.4s;}
.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:after{ position: absolute; left: 20%; bottom: 0; width: 60%; height: 100%; content: ''; background: #1750b1;}
.cpbt li:hover a{ color: #fff;}
.cpbt li.current:hover:after{ left: 20%; width: 60%; background: #1750b1;}
.cpbt li.current:after{ left: 20%; width: 60%; background: #1750b1;}
.cpbt li.current:hover a{ color: #fff;}
.cpbt li.current a{ color: #fff;}
.cpbtqh_active{ top: 0; position: fixed; box-shadow: 0 0 15px rgba(0,0,0,0.1); left: 0; z-index: 10; margin: 0 !important;}
.cpbtqh_active .cpbt{ margin-top: 0 !important;}
@media screen and (max-width:1440px){
    .cpbt li{ width: 25%;}
    .bt_cp{ font-size: 20px;}
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:991px){
}
@media screen and (max-width:768px){
    .cpbt li{ font-size: 13px;}
    .cpbt li.current:after,.cpbt li.current:hover:after,.cpbt li:hover:after{ left: 0; width: 100%;}
}

.cpnr_con{ padding: 5% 3%; font-size: 16px;}
.cpnr_con img{ max-width: 100%;}

#xgcp{ margin: 3% 0 5%; overflow: hidden;}
#xgcp .swiper-container {
    width: 100%;
    height: 100%;
    padding: 20px;
}
#xgcp .swiper-slide {
    transition: 0.3s;
    overflow: hidden;
    position: relative;
    text-align: center; background: #f9f9f9; padding: 20px;

    /* 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{ display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden;}
#xgcp .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#xgcp .swiper-slide .title{ width: 100%;}
#xgcp .swiper-slide .title h3{ color: #333333; font-size: 16px; height: 50px; line-height: 50px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#xgcp .swiper-slide .title em{ display: block; margin: 0 auto; width: 60%; height: 45px; border: 1px solid #ddddde; line-height: 45px; transition: 0.3s;}
#xgcp .swiper-slide:hover{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.15);}
#xgcp .swiper-slide:hover .title em{ background: #1750b1; color: #fff;}
@media screen and (max-width:1440px){
    #xgcp .swiper-slide .title h3{ font-size: 14px;}
}


#info_ys{ margin: 3% 0 5%; overflow: hidden;}
#info_ys .swiper-container {
    width: 100%;
    height: 100%;
    padding: 20px;
}
#info_ys .swiper-slide {
    transition: 0.3s;
    overflow: hidden;
    position: relative;
    text-align: center;
    border-radius: 10px;

    /* 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;
}
#info_ys .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 100%; position: relative; overflow: hidden;}
#info_ys .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#info_ys .swiper-slide .font{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background: rgba(0,0,0,.5); color: #fff; text-align: center; padding-top: 25%; transition: 0.3s;}
#info_ys .swiper-slide .font i{ font-size: 40px; height: 60px; line-height: 60px;}
#info_ys .swiper-slide .font p{ font-size: 20px; padding: 1% 0 5%;}
#info_ys .swiper-slide:hover .font{ padding-top: 20%; background: rgba(17,160,251,.8);}

.hzhb_info{ padding: 3% 20px 0 !important;}
.hzhb_info li{ width: 24%; float: left; height: 135px; text-align: center; margin: 0.5%; line-height: 135px; border: 1px solid #e6e6e6; transition: 0.3s; cursor: default;}
.hzhb_info li img{ max-width: 100%; max-height: 97%; vertical-align: middle;}
.hzhb_info li:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
@media screen and (max-width:1200px){
    .hzhb_info li{ width: 15%; height: 100px; line-height: 100px;}
    .hzhb_info li img{ max-height: 85%;}
}
@media screen and (max-width:768px){
    .hzhb_info li{ width: 24%; height: 100px; line-height: 100px;}
}



/*社会责任*/
#zeren{ padding-top: 3% !important;}
#zeren li{ margin-top: 1% !important; overflow: hidden; border-radius: 15px; position: relative; overflow: hidden;}
#zeren li .pic{ float: left; width: 70%; height: 0; padding-bottom: 28%; background: #fff; position: relative; overflow: hidden;}
#zeren li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s;}
#zeren li .font{ background: #004592; overflow: hidden; float: right; width: 29%; color: #fff; padding: 9% 3% 7.2%; position: relative;}
#zeren li:after{ color: rgba(255,255,255,0.05); text-transform: uppercase; content: attr(data-title); font-weight: bold; font-size: 100px; position: absolute; text-align: right; left: 0; right: 0; margin: auto; bottom: 0; display: block; width: 100%;}
#zeren li:nth-of-type(2n):after{ text-align: left;}
#zeren li .font:before{ position: absolute; left: 0; top: 0; width: 100%; height: 300%; background: #004592; content: '';}
#zeren li .font:after{ position: absolute; left: -150%; top: -150%; width: 300%; height: 300%; border-radius: 50%; transition: 0.5s; transform: scale(0); background: #e83f02; content: '';}
#zeren li .font span{ display: block; position: absolute; right: 10%; top: 0; width: 120px; height: 120px; line-height: 120px; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background: #fff; color: #2c2c2c; text-align: center; z-index: 1;}
#zeren li .font span i{ font-size: 50px; transition: 0.3s;}
#zeren li .font p,#zeren li .font h2{ position: relative; z-index: 1;}
#zeren li:nth-of-type(2n) .pic{ float: right;}
#zeren li:nth-of-type(2n) .font{ float: left;}
#zeren li .font h2{ font-size: 30px; height: 60px; border-bottom: 1px solid rgba(255,255,255,0.1);}
#zeren li .font p{ font-size: 18px; color: rgba(255,255,255,0.5); padding-top: 5%; line-height: 35px; min-height: 130px;}
#zeren li:hover .font span i{ transform:rotate3d(1,1,1,360deg);-webkit-transform:rotate3d(1,1,1,360deg); color: #e83f02;}
#zeren li:hover .font:after{ transform: scale(1);}
@media screen and (max-width:1700px){
    #zeren li .font{ padding: 9% 3% 5.5%;}
    #zeren li .font h2{ font-size: 26px;}
    #zeren li .font p{ font-size: 16px;}
    #zeren li:after{ font-size: 90px;}
}
@media screen and (max-width:1500px){
    #zeren li .font{ padding: 9% 3% 4.5%;}
}
@media screen and (max-width:1440px){
    #zeren li .font{ padding: 9% 3% 8.5%;}
    #zeren li .pic{ padding-bottom: 32%;}
    #zeren li .font:after{ bottom: 0;}
    #zeren li:after{ font-size: 75px;}
    #zeren li .font span{width: 100px; height: 100px; line-height: 100px; }
    #zeren li .font span i{ width: 100px; height: 100px; line-height: 100px; font-size: 40px;}
}
@media screen and (max-width:1400px){
    #zeren li .font{ padding: 9% 3% 4%;}
}
@media screen and (max-width:1200px){
    #zeren li .font p{ font-size: 14px; line-height: 30px;}
    #zeren li .font h2{ font-size: 20px; height: 50px;}
    #zeren li:after{ font-size: 60px;}
    #zeren li .font span{width: 80px; height: 80px; line-height: 80px; }
    #zeren li .font span i{ width: 80px; height: 80px; line-height: 80px; font-size: 32px;}
}
@media screen and (max-width:991px){
    #zeren li .font,#zeren li .pic{ width: 100%;}
    #zeren li .font i{ width: 80px; height: 80px; line-height: 80px; font-size: 30px;}
}
@media screen and (max-width:768px){
    #zeren li{ margin-top: 3% !important;}
    #zeren li .pic{ padding-bottom: 50%;}
    #zeren li .font i{ width: 60px; height: 60px; line-height: 60px; font-size: 30px;}
}

/*应用范围*/
#yingyong{ padding-top: 3% !important;}
#yingyong li{ margin-top: 3% !important; position: relative; overflow: hidden;}
#yingyong li .pic{ height: 0; padding-bottom: 45%; background: #fff; position: relative; overflow: hidden;}
#yingyong li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s;}
#yingyong li .font{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; padding: 7%; z-index: 1; background-image: linear-gradient(to right,rgba(0,0,0,0.7),rgba(255,255,255,0.05)); transition: 0.3s;}
#yingyong li .font:before{ position: absolute; left: 0; top: -10px; width: 100%; height: 100%; content: ''; background-image: linear-gradient(to right,#1750b1,rgba(255,255,255,0.05)); transition: 0.3s; opacity: 0;}
#yingyong li .font .nr,#yingyong li .font .icon{ position: relative; z-index: 1;}
#yingyong li .font .nr h2{ font-size: 24px; height: 40px; line-height: 40px;}
#yingyong li .font .nr i{ font-size: 70px; height: 80px; line-height: 80px;}
#yingyong li .font .icon{ width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    display: block;
    border-radius: 50%;
    font-size: 18px;
    -webkit-transition: all .5s;
}
#yingyong li .font .icon i{width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
    font-size: 20px;
    background: #1750b1;
    position: relative;
}
#yingyong li:hover .font .icon i {
    background: #e83f02;
    color: #fff;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
    position: relative;
}
#yingyong li:hover .font .icon::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0%;
    top: 0%;
    background: #fff;
    border-radius: 50%;
    content: '';
    animation: scaleAnimate 1s ease infinite;
    -webkit-animation: scaleAnimate 1s ease infinite;
}

@-webkit-keyframes scaleAnimate {
    from {
        -webkit-transform: scale(1);
        opacity: 0.5;
    }

    to {
        -webkit-transform: scale(2);
        opacity: 0;
    }
}
#yingyong li .font:hover:before{ top: 0; width: 100%; opacity: 1; }
@media screen and (max-width:1600px){
    #yingyong li .font{ padding: 5%;}
    #yingyong li .font .nr i{ font-size: 60px;}
}
@media screen and (max-width:1440px){
    #yingyong li .font .nr i{ font-size: 50px;}
}
@media screen and (max-width:1200px){
    #yingyong li .font .nr h2{ font-size: 20px;}
}
@media screen and (max-width:768px){
    #yingyong li .font .nr i{ font-size: 40px; height: 50px; line-height: 50px;}
    #yingyong li .font .nr h2{ font-size: 16px;}
}

/*人才招聘*/
.zyfz{ margin-top: 3%;}
.zyfz .pic{ display: block; height: 0; padding-bottom: 30%; position: relative; overflow: hidden;}
.zyfz .pic:before{ position: absolute; z-index: 1; left: 0; bottom: 0; content: ''; width: 100%; height: 100%; background-image: linear-gradient(to top,rgba(0,0,0,0.5),rgba(255,255,255,0.05));}
.zyfz .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
.zyfz .tit{ position: absolute; left: 0; bottom: 0; z-index: 1; color: #fff; padding: 3% 5%;}
.zyfz .tit p{ font-size: 24px; font-weight: bold; padding-bottom: 10px;}

.zyfz_lb li{ border: 1px solid #ededed; border-bottom: none; height: 100px; overflow: hidden; padding: 5%; transition: 0.5s; position: relative;}
.zyfz_lb li:last-of-type{ border-bottom: 1px solid #ededed;}
.zyfz_lb li:before{ position: absolute; left: 0; bottom: 5px; content: 'Talent concept'; width: 100%; height: auto; color: rgba(255,255,255,0.1); font-size: 75px; text-transform: uppercase; text-align: center; font-weight: bold; opacity: 0; transition: 0.5s;}
.zyfz_lb li .bt{ height: 40px; line-height: 40px; font-size: 22px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.zyfz_lb li .bt h2{ color: #393939; font-size: 24px; font-weight: bold !important; float: left;}
.zyfz_lb li .bt h2 span{ padding-left: 15px; color: #bcbcbc; font-size: 18px; font-weight: normal !important; text-transform: uppercase;}
.zyfz_lb li .bt i{ float: right; display: none; font-size: 32px;}
.zyfz_lb li .bt i:nth-of-type(1){ display: block; color: #ccc;}
.zyfz_lb li .bt i:nth-of-type(2){ display: none;}
.zyfz_lb li .con{ padding-top: 4%; color: #767676; font-size: 16px; opacity: 0; transition: 0.3s;}
.zyfz_lb li.on { height: 292px; background: #1750b1; color: #fff; padding: 7%;}
.zyfz_lb li.on:before{ opacity: 1;}
.zyfz_lb li.on .bt{ padding: 0; height: 40px; line-height: 40px;}
.zyfz_lb li.on .bt h2{ color: #fff !important;}
.zyfz_lb li.on .bt h2 span{ color: rgba(255,255,255,0.7);}
.zyfz_lb li.on .con{ opacity: 1; color: rgba(255,255,255,0.6) !important;}
.zyfz_lb li.on .bt i:nth-of-type(1){ display: none;}
.zyfz_lb li.on .bt i:nth-of-type(2){ display: block; color: #fff;}

@media screen and (max-width:1700px){
    .zyfz_lb li:before{ font-size: 60px;}
    .zyfz_lb li .bt h2{ font-size: 20px;}
    .zyfz_lb li .bt i{ font-size: 26px;}
    .zyfz_lb li .con{ font-size: 14px; padding: 2% 0 0;}
    .zyfz_lb li.on{ height: 240px;}
    .zyfz_lb li{ height: 96px;}
}
@media screen and (max-width:1500px){
    .zyfz_lb li .bt{ font-size: 18px;}
    .zyfz_lb li{ height: 81px;}
}
@media screen and (max-width:1440px){
    .zyfz_lb li:before{ font-size: 50px;}
    .zyfz_lb li.on{ height: 210px; padding: 5%;}
    .zyfz_lb li .con{ font-size: 12px; line-height: 25px;}
    .zyfz_lb li{ height: 70px; padding: 3% 5%;}
    .zyfz_lb li .bt,.zyfz_lb li .bt h2 span,.zyfz_lb li .bt h2{ font-size: 18px !important;}
}
@media screen and (max-width:1200px){
    .zyfz_lb li .bt,.zyfz_lb li .bt h2 span,.zyfz_lb li .bt h2{ font-size: 16px !important;}
    .zyfz_lb li .con{ font-size: 12px;}
    .zyfz_lb li.on{ height: 200px;}
    .zyfz .pic{ padding-bottom: 35%;}
    .zyfz .tit p{ font-size: 20px;}
    .zyfz .tit span{ display: block; font-size: 12px; line-height: 25px;}
}
@media screen and (max-width:991px){
    .zyfz .pic{ padding-bottom: 40%;}
}
@media screen and (max-width:768px){
    .zyfz_lb li:before{ font-size: 40px;}
    .zyfz .pic{ padding-bottom: 60%;}
}

#fzbj{ background: url("img/fzlc_bj.jpg") no-repeat center;}


#fazhan{ margin: 3% auto 0; overflow: hidden; position: relative;}
#fazhan .swiper-container {
    width: 100%;
    height: 100%;
    padding: 15px;
}
#fazhan .swiper-slide {
    text-align: left;
    transition:0.5s;
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    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;
}
#fazhan .swiper-slide i{ font-size: 80px; height: 80px; line-height: 80px; color: #1296db;}
#fazhan .swiper-slide h2{ color: #474747; font-size: 24px; margin-top: 20px !important;}
#fazhan .swiper-slide p{ padding: 20px 5% 0; min-height: 150px; color: #6f6f6f; font-size: 15px; text-align: center;}
#fazhan .swiper-slide:hover{ background: #1e99da; border-radius: 15px; transform: translateY(-10px);}
#fazhan .swiper-slide:hover i,#fazhan .swiper-slide:hover h2,#fazhan .swiper-slide:hover p{ color: #fff;}
@media screen and (max-width:1600px){
    #fazhan .swiper-slide i{ font-size: 60px; height: 60px; line-height: 60px;}
    #fazhan .swiper-slide h2{ font-size: 22px;}
    #fazhan .swiper-slide p{ font-size: 13px; padding: 20px 2% 0;}
}
@media screen and (max-width:1440px){
    #fazhan .swiper-slide p{ font-size: 12px; padding: 20px 2% 0;}
}
@media screen and (max-width:768px){
}
@media screen and (max-width:765px){
}


.inner_contact_02{ margin: 4% 0 0;}
.inner_contact_02 .td1{ line-height: 40px;}
.inner_contact_02 .td1 p{ color: #333333; font-size: 18px; border-left: 3px solid #1e99da; padding-left: 5%; position: relative;}

.inner_contact_02 .td1 span{ color: #666666; font-size: 16px;}
.inner_contact_02 .td2{ line-height: 40px; padding-left: 5%;}
.inner_contact_02 .td2 p{ color: #333333; font-size: 16px;}
.inner_contact_02 .td2 p span{ color: #999999;}
.inner_contact_02 .td5{ text-align: center; padding: 0;}
.inner_contact_02 .td5 a{ display: block; float: right; padding: 10% 15%; background: #1e99da; color: #fff; font-size: 26px;}
@media screen and (max-width:768px){
    .inner_contact_02 .td4{ width: 30%;}
    .inner_contact_02 .td2 p{ font-size: 14px;}
    .inner_contact_02 .td2 p span{ font-size: 14px;}
    .inner_contact_02 .td1 span{ font-size: 12px;}
    .inner_contact_02 .td1 p{ font-size: 14px;}
}

#jobs_ul{padding:0;width: 100%;}
#jobs_ul li{width: 100%; margin-bottom: 1% !important;}
#jobs_ul li .jobs_title{font-size: 14px; width: 100%; line-height: 30px; background: #ffffff; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 8px; color: #666666; padding: 0; margin: 0; position: relative; z-index: 2;}
#jobs_ul li .jobs_box{ padding:20px 3.5% 36px; background: #f8f8fa; position: relative;display: none;}
#jobs_ul li .jobs_box .info1 {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 22px;
}
#jobs_ul li .jobs_box .info1 p {
    font-size: 14px;
    color: #333333;
    line-height: 25px;
    margin: 5px 0px !important;
}
#jobs_ul li .jobs_box .info2 {
    border-bottom: 1px solid #e5e5e5;
    padding: 14px 0 22px;
}
#jobs_ul li .jobs_box .info2 h3 {
    font-size: 18px;
    color: #333333;
    line-height: 3;
    font-weight: normal;
}
#jobs_ul li .jobs_box .info2 p {
    font-size: 14px;
    color: #777777;
    line-height: 2.5;
}
#jobs_ul li .jobs_box .info2 .float-left {
    float: left;
}
#jobs_ul li .jobs_box .info2 .float-right {
    float: right;
}
#jobs_ul li .jobs_box .info2 .float-left .info-box {
    border-right: 1px solid #e5e5e5;padding-right: 10%;
}
#jobs_ul li .jobs_box .info3 {
    margin-top: 31px;
}
#jobs_ul li .jobs_box .info3 .apply_btn {
    width: 151px;
    height: 41px;
    line-height: 41px;
    background: #1976a0;
    font-size: 16px;
    color: #ffffff;
    float: right;
    transition: 0.3s;
    text-align: center;
}
#jobs_ul li .jobs_box .info3 .apply_btn:hover {
    background: #333;
}
#jobs_ul li .jobs_box .info3 .all {
    float: right;
    font-size: 14px;
    color: #777777;
    height: 41px;
    line-height: 41px;
    padding-left: 30px;
}
@media screen and (max-width:991px){
    #jobs_ul li .jobs_box .info2 .float-left .info-box{ border-right: none;}
}




/*联系我们*/
#lxbj{ background: url("img/lxbj.jpg") no-repeat center; position: relative;}
#lxbj .lx_jt{ background: url("img/c2.jpg") no-repeat; width: 191px; height: 368px; text-align: center; color: #fff; line-height: 368px; position: absolute; right: 0; bottom: 0; z-index: 1;}
#lxbj .lx_jt i{font-size: 36px; }
#lybj{ background: url("img/fzlc_bj.jpg") no-repeat center;}

.mes-form .name{ background: url("img/ly1.png") no-repeat 10px center #fff !important; padding-left: 52px !important; }
.mes-form .tel{ background: url("img/ly2.png") no-repeat 10px center #fff !important; padding-left: 52px !important; }
.mes-form .content{ background: url("img/ly3.png") no-repeat 10px 10px #fff !important; line-height: 40px; padding-left: 52px !important; }
.mes-form .captcha{ background: url("img/ly4.png") no-repeat 10px center #fff !important; padding-left: 52px !important; }

#lxbj .main{ padding: 0;}
#lxbj .lxfont{ padding: 0 0 7%;}
#lxbj .lxfont p{ color: #0048a1; font-size: 20px; font-weight: bold;}
#lxbj .lxfont em{ display: block; color: #747474;}
#lxbj .lxwm{ border-left: 1px solid #e4e4e4; padding: 8% 5%;}
#lxbj .lxwm .tit_zy{ color: #0048a1;}
#lxbj .lxwm .tel{ color: #e83f02; font-size: 40px; font-family: cursive !important; letter-spacing: 3px; font-weight: bold; margin: 10% 0 !important;}
#lxbj .lxwm p{ color: #323232; font-size: 16px; cursor: default;}
#lxbj .lxwm i{ width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; margin-right: 20px; border: 1px solid #323232; border-radius: 100%; color: #323232; transition: 0.3s;}
#lxbj .lxwm .line{ width: 100%; height: 1px; background: #e4e4e4; margin: 10% 0 0;}
#lxbj .lxwm .lxnr{ line-height: 30px; margin-top: 10%; cursor: default;}
#lxbj .lxwm .lxnr span{ display: block; color: #323232; font-size: 16px;}
#lxbj .lxwm .lxnr em{ color: #323232; font-size: 18px;}
#lxbj .lxwm .lxnr:hover i,#lxbj .lxwm p:hover i{ background: #e83f02; color: #fff; border: 1px solid #e83f02;}
@media screen and (max-width:1700px){
    #lxbj .lx_jt{ width: 160px; height: 330px; line-height: 330px;}
}
@media screen and (max-width:1440px){
    #lxbj .lx_jt{ width: 140px; height: 250px; line-height: 250px;}
    #lxbj .lx_jt i{font-size: 26px; }
    #lxbj .lxwm .tel{ font-size: 36px;}
}
@media screen and (max-width:1200px){
    #lxbj .lx_jt{ width: 100px; height: 200px; line-height: 200px;}
    #lxbj .lx_jt i{font-size: 22px; }
    #lxbj .lxwm .tel{ font-size: 32px;}
    #lxbj .lxwm .lxnr em{ font-size: 14px;}
}
@media screen and (max-width:991px){
    #lxbj .lxfont{ display: none;}
    #lxbj .lxwm{ border: none;}
}
@media screen and (max-width:768px){
    #lxbj .lx_jt{ display: none;}
    .tit_right{ display: none;}
}

/*新闻中心*/
.xwbj{ background: url("img/c5.jpg") repeat-y center fixed;}

#indexNews{ width: 95%; float: right;}
#indexNews li{ background: #fff; border-radius: 20px; padding: 4%; transition: 0.3s; cursor: pointer; position: relative; overflow: hidden; margin-bottom: 5%; border: 1px solid #f5f5f5;}
#indexNews li .news_title{ text-align: left; color: #282828; font-size: 22px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; transition: 0.3s; border-bottom: 1px solid #f5f5f5; height: 50px;}
#indexNews li .news_info{ color: #999; font-size: 18px; padding: 1% 0 0; }
#indexNews li:hover .news_title{ color: #004592;}
#indexNews li:hover{ box-shadow:0 10px 32px rgba(29,29,31,0.12);}
#indexNews li .float-end{ width: 70%; padding-left: 3%;}
#indexNews li .float-end .news_title{ font-size: 18px; font-weight: bold;}
#indexNews li .float-end .news_info{ font-size: 16px;}
#indexNews li .float-start{ width: 30%; height: 0; padding-bottom: 20%; position: relative; overflow: hidden;}
#indexNews li .float-start img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}

#xw_pic{ overflow: hidden; border-radius: 30px; border: 1px solid #f5f5f5;}
#xw_pic .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
#xw_pic .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;
    overflow: hidden;
    background: #fff;
    border-radius: 30px;

    /* 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;
}
#xw_pic .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 66%; position: relative; overflow: hidden;}
#xw_pic .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#xw_pic .swiper-slide .font{ height: auto;  transition:0.4s; padding: 5%; background: #fff; line-height: 50px; width: 100%;}
#xw_pic .swiper-slide .font p{ color: #5a5858; font-size: 16px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
#xw_pic .swiper-slide .font h2{ color: #282828; font-size: 20px; font-weight: bold !important; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; position: relative;}
#xw_pic .swiper-slide:hover img{ transform: scale(1.1);}
#xw_pic .swiper-slide:hover .font h2{ color: #004592;}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1440px){
    #indexNews li .news_title{ font-size: 18px; height: 40px;}
    #indexNews li .news_info{ font-size: 14px;}
}
@media screen and (max-width:1200px){
    #indexNews li{ padding: 3%;}
}
@media screen and (max-width:991px){
    #indexNews{ float: none; width: 100%; margin-top: 3% !important;}
    #xw_pic .swiper-slide .font h2{ font-size: 16px;}
    #xw_pic .swiper-slide .font p{ font-size: 14px;}
    #indexNews li .news_title{ font-size: 16px;}
    #indexNews li .news_info{ font-size: 12px;}
}
@media screen and (max-width:768px){
}


#hydt{ overflow: hidden; margin-top: 3%; padding: 0 30px 30px;}
#hydt .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
#hydt .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;
    overflow: hidden;
    background: #fafafa;
    border: 1px solid #f5f5f5;
    border-radius: 30px;

    /* 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;
}
#hydt .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 66%; position: relative; overflow: hidden;}
#hydt .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#hydt .swiper-slide .font{ height: auto;  transition:0.4s; padding: 5%; line-height: 50px; width: 100%;}
#hydt .swiper-slide .font p{ color: #5a5858; font-size: 16px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
#hydt .swiper-slide .font h2{ color: #282828; font-size: 20px; font-weight: bold !important; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; position: relative;}
#hydt .swiper-slide:hover img{ transform: scale(1.1);}
#hydt .swiper-slide:hover{ box-shadow:0 10px 32px rgba(29,29,31,0.12);}
#hydt .swiper-slide:hover .font h2{ color: #004592;}


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






/*公共*/
#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: 15%; line-height: 40px;}
#zi_banner .main h2{ position: relative; font-size: 30px; font-weight: bold !important; height: 55px; background: url("img/banner_tit_line.png") no-repeat left bottom;}
#zi_banner .main h2 p{ position: relative; z-index: 1;}
#zi_banner .main h2:before{ position: absolute; left: -23px; top: -22px; content: ''; background: url("img/banner_tit_icon.png") no-repeat left top; width: 48px; height: 45px;}
#zi_banner #zi_sub{ width: 100%; position: absolute; left: 0; bottom: -25px; z-index: 2;}
#zi_banner #zi_sub ul{ background: #fff; box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
#zi_banner #zi_sub ul li{ padding: 20px 0; border-right: 1px solid #eeeeee; width: 17%; color: #333333; font-size: 18px; transition: 0.3s;}
#zi_banner #zi_sub ul li i{ color: #1750b1; font-size: 30px; margin-right: 15px;}
#zi_banner #zi_sub ul li:last-of-type{ border-right: none;}
#zi_banner #zi_sub ul li:hover{ background: #004592; color: #fff;}
#zi_banner #zi_sub ul li:hover i,#zi_banner #zi_sub ul li:hover a{ color: #fff;}

#zi_banner .main .news-detail-title .h3{ text-align: center; color: #fff !important; border-bottom: none; font-size: 42px; line-height: 65px;}
#zi_banner .main .news-detail-title .b{ text-align: center !important; color: #efefef !important; font-size: 18px;}


.tit_zy{ color: #333333; font-size: 36px; font-weight: bold;}
.tit_zy_nr{ color: #3f3f3f; font-size: 18px; margin-top: 10px;}
.tit_right{ font-size: 18px; color: #666;}
.con_zy{ padding: 3% 0 0; font-size: 16px;}

@media screen and (max-width:1440px){
    #zi_banner #zi_sub ul li{ font-size: 16px;}
    #zi_banner #zi_sub ul li i{ font-size: 22px;}
    #zi_banner .main .news-detail-title .h3{ font-size: 28px;}
    .tit_zy{ font-size: 32px;}
    .tit_zy_nr{ font-size: 16px;}
}
@media screen and (max-width:1200px){
    .tit_zy{ font-size: 30px;}
    .tit_zy_nr{ font-size: 14px;}
    #zi_banner .main .news-detail-title .h3{ font-size: 22px;}
    #zi_banner .main .news-detail-title .b{ font-size: 16px;}
}
@media screen and (max-width:991px){
    #zi_banner #zi_sub{ position: relative; bottom: 0;}
    #zi_banner #zi_sub ul li{ float: left; width: 33%;}
    #zi_banner #zi_sub ul li:nth-of-type(3){ border-right: none;}
    #zi_banner .pic img{ width: 150%; margin-left: -15%;}
    #zi_banner .main{ padding-top: 22%;}
    #zi_banner .main h2{ font-size: 28px;}
    .tit_zy{ font-size: 26px;}
    .con_zy{ font-size: 14px;}
    .xwbj .more{ width: 15%;}
    #zi_banner .main .news-detail-title .h3{ line-height: 35px;}
    #zi_banner .main .news-detail-title .b{ font-size: 14px;}
}
@media screen and (max-width:768px) {
    #zi_banner .pic img { width: 195%; margin-left: -25%;}
    #zi_banner .main{ padding-top: 30%;}
    #zi_banner .main h2{ font-size: 20px; height: 45px;}
    #zi_banner #zi_sub ul li{ font-size: 12px; padding: 5px 0 !important;}
    #zi_banner #zi_sub ul li i{ font-size: 18px;}
    .xwbj .more{ width: 22%;}
    .tit_zy{ font-size: 20px;}
}





.hui{ background: #f7f7f7; position: relative;}
.bai{ background: #fff !important;}
.blue{ background: #eaf3f8; position: relative;}


#homebj{ background: #f2f2f2;}
#homebj .main{ color: #999999; padding: 10px 0;}
#homebj .main i{ display: inline-block; color: #000000; font-size: 20px; margin-right: 5px;}
#homebj .main a{ color: #999; padding: 0 5px;}


.khal li{ margin-bottom: 5%; border: 1px solid #ededed;}
.khal li .img{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.khal li .img img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
.khal li .img1{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.khal li .img1 p{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
.khal li .img1 p img{ max-width: 100%; height: 100%;}

.khal li .img .content,.khal li .img1 .content{ position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0,69,146,0.8); text-align: center; color: #fff; opacity: 0; transition: 0.3s;}
.khal li .img .content p,.khal li .img1 .content p{ font-size: 15px; transition: 0.4s; padding: 0 10%;}
.khal li .img .content i,.khal li .img1 .content i{ font-size: 40px; padding: 30% 0 6%; transition: 0.4s;}

.khal li .box{ padding: 3%; color: #333333; font-size: 16px; text-align: center; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}

.khal li:hover .img .content,.khal li:hover .img1 .content{ opacity: 1;}
.khal li:hover .img .content i,.khal li:hover .img1 .content i{ padding-top: 23%;}









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