.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;}

#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; padding-right: 15px;}
}


@keyframes fn1 {
    0% {
        opacity: 0;
        clip-path: inset(100% 0 0 0);
        transform: translate3d(0%, 20px, 0);
    }
    100% {
        opacity: 1;
        clip-path: inset(0 0 0 0);
        transform: none;
    }
}
.fn1 {
    animation-name: fn1;
    animation-duration: 1.2s;
    animation-timing-function: cubic-bezier(0.49, 0.54, 0.16, 1);
}


.canshu_nr{ overflow: hidden;}



/*头部*/
#top_index{ height: auto; margin: 0 auto; transition: 0.3s; width: 100%; z-index: 99; position: fixed; background: rgba(0,0,0,0.3); box-shadow: 0 0 20px rgba(0,0,0,0.1); 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: 15px;}
#logo a{ display: block;}
#logo a img{ max-width: 100%; transition:0.5s;}
#logo .show{ display: none;}
#logo .hidden{ display: inline-block;}
.top_tel{ color: #fff; font-size: 24px;}
.top_tel i{ font-size: 30px; margin-right: 10px; }
.top_tel p{ font-size: 26px; color: #fff; font-weight: bold;}

.zy_search_form{ width: 50%; height: 40px; line-height: 40px; background: none; border: none;}
.zy_search_form #search_name{ width: 80%; height: 38px; line-height: 40px; float: left; background: none; outline: none; color: #fff; font-size: 13px; text-indent: 20px; border-radius: 20px; border: 1px solid rgba(255,255,255,0.5);}
.zy_search_form input::-webkit-input-placeholder{ color: rgba(255,255,255,0.7);}
.zy_search_form input::-ms-input-placeholder{ color: rgba(255,255,255,0.7);}
.zy_search_form input::-moz-placeholder{ color: rgba(255,255,255,0.7);}
.zy_search_form #button{ width: 20%; height: 38px; line-height: 38px; background: url("../images/ss.png") no-repeat center; float: right; cursor: pointer; border:none;outline: none; transition: 0.3s;}
@media screen and (max-width:1600px){
    .top_tel p{ font-size: 20px;}
    .top_tel i{ font-size: 24px;}
    .zy_search_form #search_name{ font-size: 12px;}
}
@media screen and (max-width:1440px){
    .zy_search_form #search_name{ font-size: 10px;}
}
@media screen and (max-width:768px){
    .zy_search_form{ width: 100%; margin-top: 4%; float: none;}
}

#nav{ height: auto; transition:0.3s; text-align: center;}
#nav .sub{ font-size: 16px; color: #fff; padding: 30px 0;  transition:0.5s; position: relative;}
#nav .sub .big{ display: block;color: #fff; transition: 0.5s; }
#nav .sub:before{ position: absolute; left: 50%; bottom: 0; background: #fff; content: ''; height: 3px; width: 0; transition: 0.3s;}
#nav .sub:hover:before{ width: 30%; left: 35%;}

#nav .sub .drop{ position: absolute; left: -50%; width: 200%; top: 100%; display: none;}
#nav .sub .drop li { opacity: 0; transform-origin: top center;}
#nav .sub .drop li a { background-color: rgba(12,22,39,0.6); height: 40px; line-height: 40px; color: #fff; display: block; font-size: 14px;}
#nav .sub:hover .drop{ display: block;}
#nav .sub:hover .menu6 li:first-of-type { animation: menu6 0.3s ease-in-out forwards; animation-delay: 0.1s;}
#nav .sub:hover .menu6 li:nth-of-type(2) { animation: menu6 0.3s ease-in-out forwards; animation-delay: 0.2s;}
#nav .sub:hover .menu6 li:nth-of-type(3) { animation: menu6 0.3s ease-in-out forwards; animation-delay: 0.3s;}
#nav .sub:hover .menu6 li:nth-of-type(4) { animation: menu6 0.3s ease-in-out forwards; animation-delay: 0.3s;}
#nav .sub:hover .menu6 li:nth-of-type(5) { animation: menu6 0.3s ease-in-out forwards; animation-delay: 0.3s;}
#nav .sub:hover .menu6 li:nth-of-type(6) { animation: menu6 0.3s ease-in-out forwards; animation-delay: 0.3s;}
#nav .sub:hover .menu6 li:last-of-type { animation: menu6 0.3s ease-in-out forwards; animation-delay: 0.4s; }
@keyframes menu6 {
    0% {
        opacity: 0;
        transform: scale(2);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}


/*#top_index_zy #nav li .big{ color: #666;}*/

.top_bj_active{ width: 100%; z-index: 20; background: rgba(0,0,0,0.7) !important; top: 0; box-shadow: 0 0 20px rgba(0,0,0,0.1); position: fixed !important;}
.top_bj_active #logo{ padding: 0.2% 0;}
.top_bj_active #logo img{ transform: scale(0.8);}
.top_bj_active #logo .show{ display: none;}
.top_bj_active #logo .hidden{ display: inline-block;}
.top_bj_active #nav li{ padding: 1% 0;}
.top_bj_active #nav li .big{ color: #fff !important;}
.top_bj_active .top_tel p{ color: #fff;}

@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;}
    #nav li .navson .more{ width: 20%;}
}
@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: #be0505; 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{ width: 100%; text-align: left; position: relative; color: #666666; background: #222;}
#end_bj a{ color: #666666; transition: 0.3s; position: relative;}
#end_bj a:hover{ color: #000;}
#end_bj .main{ padding: 3% 0;}

#end_logo{ padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,0.1);}

.end_tel{ color: #fff; font-size: 38px; font-family: Bahnschrift;}
.end_tel i{ font-size: 40px; margin-right: 10px; color: #fff;}
.end_tel .float-start{ line-height: 25px;}
.end_tel p{ color: #fff; font-size: 14px;}
.end_tel span{ font-size: 30px; color: #ee3b02; font-weight: bold;}

.end_nav{ width: 20%; margin-right: 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: 16px; height: 50px; font-weight: bold; position: relative;}
.end_nav li:hover a{ color: #fff !important;}
.end_lxwm{ padding-left: 4%;}

.end_ewm{ width: 45%; float: left; margin-right: 10px; text-align: center;}
.end_ewm p{ display: inline-block;  }
.end_ewm p img{ max-width: 100%;}
.end_ewm span{ display: block; color: #7c8187; font-size: 16px; padding-top: 10px; text-align: center;}

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





.footer_zx{ height:60px; overflow: hidden; right:0; bottom:0; z-index: 50; width:100%; line-height: 25px; position: fixed; background-color:#26292e;}
.footer_zx a{ color:#fff !important; display: block; width: 50%; height: 100%; float: left; text-align: center; background-color:#26292e;}
.footer_zx a:last-of-type{ background: #0056a3;}
.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 bottom; padding-bottom: 30%;}
.tit_in{ line-height: 45px;}
.tit_in span{ color: #666666; font-size: 24px;}
.tit_in p{ color: #000000; font-size: 44px; font-weight: bold;}

._slide { width: 171px; line-height: 42px; border: 1px solid #0056a3; border-radius: 25px; background: #0056a3; color: #fff; font-size: 14px; position: relative; float: right; text-indent: 35px; height: 46px;}
._slide i { position: absolute; height: 32px; width: 32px; border-radius: 50%; background: #fff; color: #0056a3; line-height: 32px; font-size: 16px; top: 5px; right: 4px; text-align: center; transition: ease 1s; z-index: 8; text-indent: 0;}
._slide .tips { position: absolute; z-index: 1; text-align: left; left: 0; overflow: hidden; width: 100%; height: 100%; transition: ease 1s;}
._slide .mask { position: absolute; z-index: 5; transition: ease 1s; width: 100%; height: 100%; left: 0;}
._slide:hover i { transform: translateX(-400%) rotate(-1440deg);}
._slide:hover .tips { width: 20%;}

.more_in{ height: 60px; background: #fff; line-height: 60px; width: 12%; font-size: 16px; border: 1px solid #dddddd;}
.more_in i{ width: 32px; height: 32px; line-height: 32px; text-align: center; border: 1px solid #666666; border-radius: 100%; transform: rotate(-45deg); transition: 0.3s;}
.more_in:hover{ background: #006dcf; color: #fff; transition: 0.3s; border: 1px solid #006dcf;}
.more_in:hover i{ background: #fff; border: 1px solid #fff; color: #006dcf; transform: rotate(0deg);}
.more_in:hover a{ color: #fff;}
@media screen and (max-width:1700px){
    .tit_in p{ font-size: 36px;}
    .tit_in span{ font-size: 20px;}
}
@media screen and (max-width:1200px){
    .tit_in{ line-height: 25px;}
    .tit_in p{ font-size: 26px;}
    .tit_in span{ font-size: 16px;}
    .more_in{ height: 50px; line-height: 50px; width: 16%; font-size: 14px;}
    .more_in i{ width: 25px; height: 25px; line-height: 25px;}
}
@media screen and (max-width:991px){
    .more_in{ width: 20%;}
}
@media screen and (max-width:768px){
    .more_in{ width: 30%;}
}
#jjbj .content{ color: #666666; font-size: 16px; line-height: 35px; margin: 5% 0; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
#jjbj .more{ height: 50px; line-height: 50px; background: #0056a3; color: #fff; float: right; border-radius: 25px; width: 25%; text-align: center;}
#jjbj .more i{ width: 40px; height: 40px; line-height: 40px; float: right; margin: 5px; background: #003d74; border-radius: 100%;}

#jjbj ul li{ background: url("../images/jjlb_bj.png") no-repeat center; background-size: 100%; width: 22%; text-align: center; color: #e93d00; font-size: 18px; font-weight: bold; padding: 15px 0;}
#jjbj ul{ margin-top: 3% !important;}
#jjbj dl dd{ line-height: 15px;}
#jjbj dl dd p{ color: #333333; font-size: 16px;}
#jjbj dl dd h2{ color: #006dcf; font-size: 68px; font-weight: bold !important; font-family: cursive !important;}
#jjbj dl dd h2 sub{ font-size: 18px; font-weight: normal !important;}
@media screen and (max-width:1700px){
    #jjbj dl dd h2{ font-size: 56px;}
    #jjbj dl dd p,#jjbj dl dd h2 sub{ font-size: 16px;}
    #jjbj ul li{ font-size: 16px; line-height: 25px;}
    #jjbj .content{ font-size: 14px;}
}
@media screen and (max-width:1440px){
    #jjbj{ padding-bottom: 36%;}
    #jjbj .more{ height: 40px; line-height: 40px;}
    #jjbj .more i{ width: 30px; line-height: 30px; height: 30px;}
}
@media screen and (max-width:1200px){
    #jjbj{ padding-bottom: 45%; background-size: 150%;}
    #jjbj .more{ width: 30%;}
    #jjbj dl dd h2{ font-size: 48px;}
    #jjbj dl dd p,#jjbj dl dd h2 sub{ font-size: 14px;}
    #jjbj ul li{ font-size: 14px; line-height: 20px;}
}
@media screen and (max-width:991px){
    #jjbj dl{ margin-top: 5% !important;}
    #jjbj dl dd{ float: left; width: 50%; text-align: center; margin-bottom: 3%;}
    #jjbj ul li{ float: left; width: 40%; margin: 0 5%; text-align: center;}
}
@media screen and (max-width:768px){
    #jjbj{ background-size: 200% 100%;}
    #jjbj dl dd h2{ font-size: 36px;}
    #jjbj dl dd p,#jjbj dl dd h2 sub{ font-size: 12px;}
}


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

#huanjing{ margin-top: 3%;}
#huanjing .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto;}
#huanjing .swiper-slide { background-size: cover; background-position: center; position: relative;}

#huanjing .gallery-top { height: auto; width: 100%; position: relative; overflow: hidden; padding: 0;}
#huanjing .gallery-top .row{ margin: 0;}
#huanjing .gallery-top .swiper-slide .pic{ display: block; height: 0; padding-bottom: 25%; position: relative; overflow: hidden; border-radius: 10px;}
#huanjing .gallery-top .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; }
#huanjing .gallery-top .swiper-slide .font{ padding: 0 0 0 3%; position: relative;}
#huanjing .gallery-top .swiper-slide .font .tit{ color: #2d2d2d; font-size: 30px; }
#huanjing .gallery-top .swiper-slide .font table{ width: 100%; margin: 3% 0 5%; color: #666666; font-size: 16px; line-height: 35px; }
#huanjing .gallery-top .swiper-slide .font table tr td:nth-of-type(1){ width: 10%;}
#huanjing .gallery-top .swiper-slide .font dl{ }
#huanjing .gallery-top .swiper-slide .font dl dd{ text-align: center; padding: 0 10px; height: 48px; line-height: 48px; font-size: 16px; border: 1px solid #d1d1d1; border-radius: 25px; transition: 0.3s; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#huanjing .gallery-top .swiper-slide .font dl dd:hover{ background: #006dcf; border: 1px solid #006dcf; color: #fff;}
#huanjing .gallery-top .swiper-slide .font dl dd:hover a{ color: #fff;}

#huanjing .gallery-thumbs { height: auto; box-sizing: border-box; overflow: hidden; padding: 0; margin-top: 30px;}
#huanjing .gallery-thumbs .swiper-slide{ cursor: pointer; padding: 2% 3%; transition:0.3s; color: #303030; background: #fff; box-shadow: 0 0 15px rgba(0,109,207,0.2);}
#huanjing .gallery-thumbs .swiper-slide em{ display: block; font-size: 20px;}
#huanjing .gallery-thumbs .swiper-slide span{ font-size: 24px;}
#huanjing .gallery-thumbs .swiper-slide i{ font-size: 40px;}
#huanjing .gallery-thumbs .swiper-slide-thumb-active{ background: #006dcf; color: #fff; }

@media screen and (max-width:1440px){
    #huanjing .gallery-top .swiper-slide .font .tit{ font-size: 24px;}
    #huanjing .gallery-top .swiper-slide .font table{ font-size: 14px; margin: 3% 0;}
    #huanjing .gallery-top .swiper-slide .font dl dd{ font-size: 14px;}
    #huanjing .gallery-thumbs .swiper-slide span{ font-size: 20px;}
}
@media screen and (max-width:1200px){
    #huanjing .gallery-top .swiper-slide .font .tit{ font-size: 20px;}
    #huanjing .gallery-top .swiper-slide .font dl .col-4{ padding: 0 2px;}
    #huanjing .gallery-top .swiper-slide .font dl dd{ height: 40px; line-height: 40px;}
    #huanjing .gallery-thumbs .swiper-slide span{ font-size: 18px;}
    #huanjing .gallery-thumbs .swiper-slide i{ font-size: 32px;}
    #huanjing .gallery-top .swiper-slide .font table tr td:nth-of-type(1){ width: 14%;}
}
@media screen and (max-width:992px){

}
@media screen and (max-width:991px){
    #huanjing .gallery-top .swiper-slide .font{ padding: 4% 0 0 !important;}
    #huanjing .gallery-top .swiper-slide .pic{ padding-bottom: 60%;}
    #huanjing .gallery-top .swiper-slide .font table tr td:nth-of-type(1){ width: 20%;}
}
@media screen and (max-width:768px){
    #huanjing .gallery-top .swiper-slide .font table tr td:nth-of-type(1){ width: 20%;}
}


#cpys{ position: relative; overflow: hidden;}
#cpys .tit_in{ position: absolute; left: 10%; top: 10%; z-index: 2;}
#cpys .tit_in p,#cpys .tit_in span{ color: #fff;}
#cpys .swiper { width: 100%; height: 100%; margin-left: auto; margin-right: auto;}
#cpys .mySwiper2 { height: auto; width: 100%;}
#cpys .mySwiper2 .swiper-slide{ position: relative;}
#cpys .mySwiper2 .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 40%; position: relative; overflow: hidden;}
#cpys .mySwiper2 .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#cpys .cpys_hover{ position: absolute; right: 0; bottom: 0; z-index: 1; width: 20%; height: 100%; background: rgba(0,0,0,0.6); }
#cpys .mySwiper { box-sizing: border-box; overflow: inherit;}
#cpys .mySwiper .swiper-slide {color: rgba(255,255,255,0.7); border-right: none; padding: 5% 5%; border-bottom: 1px solid rgba(255,255,255,0.2); position: relative; transition: 0.3s; cursor: pointer; }
#cpys .mySwiper .swiper-slide .pic{ width: 88%;}
#cpys .mySwiper .swiper-slide em{ font-size: 46px; height: 50px; line-height: 50px; margin-right: 20px; }
#cpys .mySwiper .swiper-slide .pic p{ font-size: 28px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#cpys .mySwiper .swiper-slide .pic span{ text-transform: uppercase; font-size: 18px;}
#cpys .mySwiper .swiper-slide-thumb-active{ background: #006dcf; color: #fff; border-bottom: 2px solid #e93d00; }
@media screen and (max-width:1700px){
    #cpys .mySwiper .swiper-slide .pic p{ font-size: 22px;}
    #cpys .mySwiper .swiper-slide .pic span{ font-size: 16px;}
}
@media screen and (max-width:1600px){
    #cpys .mySwiper .swiper-slide .pic p{ font-size: 20px;}
    #cpys .mySwiper .swiper-slide .pic span{ font-size: 14px;}
    #cpys .mySwiper .swiper-slide em{ font-size: 40px;}
}
@media screen and (max-width:1440px){
    #cpys .mySwiper .swiper-slide .pic p{ font-size: 16px;}
    #cpys .mySwiper .swiper-slide .pic span{ font-size: 12px;}
    #cpys .mySwiper .swiper-slide .pic{ line-height: 25px;}
    #cpys .mySwiper .swiper-slide em{ font-size: 36px;}
}
@media screen and (max-width:1200px){
    #cpys .mySwiper2 .swiper-slide .pic{ padding-bottom: 40%;}
    #cpys .cpys_hover{ width: 30%;}
}
@media screen and (max-width:992.99px){
    #cpys .cpys_hover{ width: 100%; height: 20%; position: relative; background: #333;}
    #cpys .mySwiper .swiper-slide{ padding: 2%;}
}
@media screen and (max-width:991px){
    #cpys .mySwiper2 .swiper-slide .pic{ padding-bottom: 50%;}
    #cpys .mySwiper{ overflow: hidden !important;}
    #cpys .mySwiper .swiper-slide em{ font-size: 34px; margin-right: 10px;}
}
@media screen and (max-width:768px){
    #cpys .mySwiper2 .swiper-slide .pic{ padding-bottom: 60%;}
}
@media screen and (max-width:650px){
    #cpys .tit_in{ display: none;}
}
@media screen and (max-width:550px){
    #cpys .mySwiper .swiper-slide .pic span{ display: none;}
}

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

.index-all-pro{ height: auto; overflow: hidden;}
.index-all-pro li{ float: left; width: 24%; margin: 0 0.5%; overflow: hidden; height: 560px; border-radius: 10px; position: relative; transition: all 0.5s; }
.index-all-pro li .pic{width: 100%; height: 100%; position: relative; overflow: hidden; background: #000000; transition: 0.3s;}
.index-all-pro li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: all 2.5s; opacity: 0.5;}
.index-all-pro li .font{ position: absolute; left: 0; top: 0; padding: 25% 0 15% 15%; width: 100%; height: 100%; z-index: 2; color: #fff; transition: 0.5s;}
.index-all-pro li .font .tit em{ font-size: 40px; height: 50px; line-height: 50px;}
.index-all-pro li .font .tit h5{ font-size: 24px; padding: 10px 0 5px;}
.index-all-pro li .font .tit span{ text-transform: uppercase; font-size: 16px;}
.index-all-pro li .font i{ width: 60px; height: 60px; background: #0260b3; border-radius: 100%; line-height: 60px; color: #fff; text-align: center; font-size: 20px;}
.index-all-pro li .content{ transition: 0.5s; z-index: 9; bottom: 2%; left: 2%; position: absolute; width: 96%; height: 30%; color: #666666; padding: 5%; background: #fff; border-radius: 10px; opacity: 0;}
.index-all-pro li .content .tit{ font-size: 26px; font-weight: bold !important; position: relative; color: #333333;}
.index-all-pro li .content .nr{ font-size: 14px; line-height: 25px; color: #666666; padding-top: 10px; opacity: 0; transition: 0.5s;}

.index-all-pro li:hover .pic img{  transform: scale(1.1); opacity: 1; }
.index-all-pro li:hover .font{ opacity: 0;}
.index-all-pro li:hover .content,.index-all-pro li:hover .content .nr{ opacity: 1;}

.index-all-pro .youshi_li{ width: 21%;}
.index-all-pro .youshi_li_active{ width: 33%;}


@media screen and (max-width:1440px){
    .index-all-pro li .font .tit span{ font-size: 12px;}
    .index-all-pro li .font .tit h5{ font-size: 22px; padding: 0;}
    .index-all-pro li .font .tit em{ font-size: 33px;}
    .index-all-pro li .content .tit{ font-size: 22px;}
    .index-all-pro li .content .nr{ font-size: 12px;}
}
@media screen and (max-width:1200px){
    .index-all-pro li .font .tit span{ display: block; line-height: 20px;}
}
@media screen and (max-width:991px){
    .index-all-pro li .content .nr{ display: none;}
    .index-all-pro li .content{ height: auto;}
    .index-all-pro li .content .tit{ font-size: 20px;}
    .index-all-pro li{ height: 450px;}
    .index-all-pro li .font .tit h5{ font-size: 18px;}
    .index-all-pro li .font .tit em{ font-size: 28px;}
    .index-all-pro li .font i{ width: 50px; height: 50px; line-height: 50px; font-size: 14px;}
}
@media screen and (max-width:768px){
    .index-all-pro li{ width: 48%; float: left; margin-bottom: 10px;}
    .index-all-pro .youshi_li{ width: 48%;}
    .index-all-pro .youshi_li_active{ width: 48%;}
    .index-all-pro li .font i{ display: none;}
}
@media screen and (max-width:765px){
    .index-all-pro li{ height: 250px;}
}


#kjcx{position: relative; margin-top: 5%;}
#kjcx .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 15px;
}
#kjcx .swiper-slide {
    transition:0.3s;
    position: relative;
    background: #fff;
    box-shadow: 0 0 15px rgba(2,96,179,0.2);

    /* 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 p{ color: #999999; font-size: 18px; padding-bottom: 10px;}
#kjcx .swiper-slide .content .news_title{ color: #333333; font-size: 20px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#kjcx .swiper-slide .content .news_info{ color: #666666; font-size: 16px; margin: 2% 0 3%; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
#kjcx .swiper-slide .content .more{ color: #666666; text-transform: uppercase;}
#kjcx .swiper-slide .content .more i{ width: 20px; height: 20px; line-height: 20px; text-align: center; margin-left: 10px; font-size: 12px; border: 1px solid #666; border-radius: 100%; transition: 0.3s;}

#kjcx .swiper-slide:hover .pic img{transform: scale(1.1);}
#kjcx .swiper-slide:hover .content p{ color: #e93d00; font-weight: bold;}
#kjcx .swiper-slide:hover .content .more{ color: #e93d00;}
#kjcx .swiper-slide:hover .content .more i{ background: #e93d00; border: 1px solid #e93d00; color: #fff;}


#in_news{ margin-top: 5% !important;}
#in_news li{ width: 100%;height: auto; margin: 0 auto 3%; padding: 5%; background: #fff; position: relative; transition: 0.3s;}
#in_news li .news_title{ color: #000000; font-size: 18px; font-weight: bold; white-space: nowrap;text-overflow:ellipsis;overflow: hidden; padding-bottom: 0; }
#in_news li .news_info{ margin: 5% 0; color: #8f8f8f; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
#in_news li .more{ color: #666666; text-transform: uppercase;}
#in_news li .more i{ width: 20px; height: 20px; line-height: 20px; text-align: center; margin-left: 10px; font-size: 12px; border: 1px solid #666; border-radius: 100%; transition: 0.3s;}
#in_news li:hover{ background: #0260b3;}
#in_news li:hover .news_title{color: #fff}
#in_news li:hover .news_info{ color: rgba(255,255,255,0.5);}
#in_news li:hover .more{ color: #fff;}
#in_news li:hover .more i{ background: #fff; border: 1px solid #fff; color: #0260b3;}
#in_news li a{display: block;}
@media screen and (max-width:1440px){
    #kjcx .swiper-slide .content .news_title{ font-size: 18px;}
    #kjcx .swiper-slide .content .news_info{ font-size: 14px;}
    #kjcx .swiper-slide .content p{ font-size: 14px; padding: 0;}
}
@media screen and (max-width:1200px){
    #kjcx .swiper-slide .pic{ padding-bottom: 30%;}
}
@media screen and (max-width:991px){
    #kjcx .swiper-slide .pic{ padding-bottom: 60%;}
}



/*公司简介*/
.jjtit{ line-height: 65px;}
.jjtit p{ color: #000000; font-size: 36px;}
.jjtit span{ display: block; color: #eeeeee; font-size: 72px; text-transform: uppercase; font-weight: bold !important;}
.since{ color: #eeeeee; height: 170px; line-height: 170px; font-size: 170px; font-weight: bold; text-align: right;}

.jj_fu{ padding: 5% 5% 0;}
.jj_fu i{ color: #0056a3; font-size: 40px; margin-right: 5%;}
.jj_fu p{ font-size: 30px; color: #333333; padding-bottom: 2%; line-height: 40px;}
.jj_fu span{ color: #bcbcbc; font-size: 18px;}

.jjlb li{ float: left; width: 45%; border-bottom: 1px solid #e4e4e4; padding: 20px 0;}
.jjlb li:nth-of-type(2n){ float: right;}
.jjlb li p{ color: #333333; font-size: 16px; transition: 0.3s;}
.jjlb li h2{ color: #333333; font-size: 36px; transition: 0.3s;}
.jjlb li h2 sub{ font-size: 14px;}
.jjlb li i{ font-size: 40px;}
.jjlb li:hover p,.jjlb li:hover h2{ color: #e93d00;}

.jjpic{ text-align: center; position: relative;}
.jjpic img{ margin-left: -175px;}
.jjfont{ color: #666666; font-size: 16px; padding: 5% 0 0; line-height: 40px;}
.jjfont i{ float: right; font-size: 40px; color: #d9d9d9;}

#shipin{ text-align: center; margin-top: 5%; position: relative;}
#shipin img{ width: 100%;}
@media screen and (max-width:1700px){
    .since{ font-size: 145px;}
    .jjpic img{ margin-left: -250px;}
    .jjtit span{ font-size: 65px;}
}
@media screen and (max-width:1500px){
    .since{ font-size: 130px;}
    .jjpic img{ margin-left: -290px;}
    .jj_fu p{ font-size: 26px;}
    .jj_fu span{ font-size: 16px;}
    .jjtit span{ font-size: 60px;}
    .jjtit p{ font-size: 32px;}
}
@media screen and (max-width:1440px){
    .since{ font-size: 110px;}
    .jjpic img{ margin-left: -370px;}
    .jjfont{ font-size: 14px;}
    .jj_fu p{ font-size: 22px;}
    .jj_fu span{ font-size: 14px;}
    .jjtit{ line-height: 45px;}
    .jjtit span{ font-size: 50px;}
    .jjtit p{ font-size: 28px;}
    .jjlb li h2{ font-size: 30px;}
}
@media screen and (max-width:1200px){
    .since{ font-size: 90px;}
    .jjpic img{ margin-left: -450px;}
    .jj_fu{ padding: 0;}
    .jj_fu i{ font-size: 28px;}
    .jj_fu p{ font-size: 20px; line-height: 28px;}
    .jjlb li h2{ font-size: 26px;}
    .jjlb li p{ font-size: 14px;}
    .jjlb li i{ font-size: 36px;}
    .jjfont{ line-height: 30px;}
}
@media screen and (max-width:991px){
    .since{ display: none;}
    .jjpic{ margin-top: 3%;}
    .jjpic img{ margin-left: 0; max-width: 100%;}
    .jj_fu{ padding: 3%;}
    .jjtit p{ font-size: 20px;}
    .jjfont{ padding: 15px;}
}


.bf{width: 80px;height: 80px;background: #0056a3;border-radius: 50%;position: absolute;top: 50%;left: 50%;z-index: 3;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);cursor: pointer;}
.bf span{display: block;width: 80px;height: 80px; line-height: 80px; position: absolute; top: 0; left: 0;z-index: 3;text-align: center;}
.bf span i{ font-size: 35px; color: #fff;}
.bf s{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0, 86, 163, 0.3);border-radius: 50%; animation: pulsate 1.5s ease-out infinite; -webkit-animation: pulsate 1.5s ease-out infinite;}
@keyframes pulsate {0% {transform: scale(1);-webkit-transform: scale(1);opacity: 0; }50% {opacity: 1; }100% {transform: scale(1.5);-webkit-transform: scale(1.5);opacity: 0; } }
@-webkit-keyframes  pulsate {0% {transform: scale(1);-webkit-transform: scale(1);opacity: 0; }50% {opacity: 1; }100% {transform: scale(1.5);-webkit-transform: scale(1.5);opacity: 0; } }


.jw-controlbar { width: 100%; }

.popup-box { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; display: none; }
.popup-box::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.85); }
.popup-box .popup-wrapper { width: 73%; height: 100%; margin: 0 auto; position: relative; z-index: 2; }
@media (max-width: 575.98px) { .popup-box .popup-wrapper { width: 100%; } }
.popup-box .popup-wrapper .popup-container { position: relative; height: 100%; display: flex; flex-direction: column; justify-content: center; }
.popup-box .popup-close { position: absolute; width: 50px; height: 50px; border-radius: 50%; top: 5%; right: 5%; border: 1px solid #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; z-index: 8; }
.popup-box .popup-close::before, .popup-box .popup-close::after { content: ''; display: block; position: absolute; margin: auto; height: 1px; width: 45%; top: 0; bottom: 0; left: 0; right: 0; background-color: #fff; -webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; }
.popup-box .popup-close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.popup-box .popup-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.popup-box .popup-close:hover::before, .popup-box .popup-close:hover::after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }



#whbj{ background: url("../images/whbj.jpg") no-repeat center;}
#whbj .jjtit p{ color: #fff;}
#whbj .jjtit span{ color: rgba(255,255,255,0.2);}
#whbj ul{ border-bottom: 1px solid rgba(255,255,255,0.1); width: 40%; margin: 3% 5% 0 !important;}
#whbj ul li{ height: 90px; line-height: 90px; border-top: 1px solid rgba(255,255,255,0.1); position: relative;}
#whbj ul li p{ position: relative; z-index: 1; font-size: 24px; color: #fff; width: 30%;}
#whbj ul li span{ display: block; position: relative; z-index: 1; color: rgba(255,255,255,0.5); font-size: 18px;}
#whbj ul li:before{ position: absolute; left: -15%; top: 0; content: ''; width: 0; height: 100%; background: url("../images/whlb.png") no-repeat left center; background-size: 100% 100%; transition: all 0.5s; opacity: 0;}
#whbj ul li:hover:before{ width: 130%; opacity: 1;}
@media screen and (max-width:1700px){
    #whbj ul{ width: 46%;}
}
@media screen and (max-width:1440px){
    #whbj ul{ width: 50%;}
    #whbj ul li p{ font-size: 20px;}
    #whbj ul li span{ font-size: 16px;}
}
@media screen and (max-width:1200px){
    #whbj ul{ width: 60%;}
}
@media screen and (max-width:991px){
    #whbj ul{ width: 80%; margin-top: 5% !important;}
    #whbj ul li{ height: 75px; line-height: 75px;}
    #whbj ul li p{ font-size: 18px;}
    #whbj ul li span{ font-size: 16px;}
}
@media screen and (max-width:768px){
    #whbj ul{ width: 90%;}
    .jjtit span{ font-size: 42px;}
    #whbj ul li p{ font-size: 16px; width: 25%;}
    #whbj ul li span{ font-size: 14px; width: 75%;}
}
@media screen and (max-width:500px){
    .jjtit span{ font-size: 30px;}
    #whbj ul li span{ display: block; line-height: 25px;}
    #whbj ul li p{ font-size: 16px; width: 34%;}
    #whbj ul li span{ font-size: 14px; width: 66%;}
}

#rybj{ background: url("../images/rybj.jpg") no-repeat center top;}
#rybj .jjtit{ text-align: center;}
#rybj ul li{ background: url("../images/jjlb_bj.png") no-repeat center; background-size: 100%; width: 22%; text-align: center; color: #e93d00; font-size: 18px; font-weight: bold; padding: 15px 0;}
#rybj ul{ margin: 3% auto !important; width: 70%;}

.zzry_pic{position: relative;}
.zzry_pic .swiper-container { overflow: hidden; padding: 15px 15px 4%;}
.zzry_pic .swiper-container-horizontal>.swiper-scrollbar{left:0;}
.zzry_pic .swiper-slide { display: flex; flex-direction: column; background: #fff; border-radius: 20px;  position: relative; padding: 15px 15px 10px; transition: 0.3s;}
.zzry_pic .swiper-slide .inimg{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.zzry_pic .swiper-slide .inimg img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.5s;}
.zzry_pic .swiper-slide p{ line-height: 40px; text-align: center; color: #626262; font-size: 16px;}
.zzry_pic .swiper-slide:hover{ box-shadow: 0 0 15px rgba(0,86,163,0.3)}
.zzry_pic .swiper-horizontal>.swiper-scrollbar{ height: 5px !important; left: 0; bottom: 10px; background: #fff; z-index: 1 !important; width: 100%;}
.zzry_pic .swiper-scrollbar-drag{ background: #0056a3 !important; height: 5px !important; margin-top: 0;}
@media screen and (max-width:1700px){
}
@media screen and (max-width:1440px){
    #rybj ul{ width: 100%; text-align: center;}
}
@media screen and (max-width:1200px){
    .zzry_pic .swiper-container{ padding-bottom: 4%;}
}
@media screen and (max-width:991px){
    .zzry_pic .swiper-slide p{ height: 50px; line-height: 50px;}
    #rybj ul li{ display: inline-block; width: 35%; margin: 0 2%;}
}
@media screen and (max-width:768px){
    .zzry_pic .swiper-container{ padding-bottom: 10%;}
    #rybj ul li{ width: 45%; font-size: 14px; line-height: 25px; min-height: 80px;}
}
@media screen and (max-width:550px){
}

.zrpic{ text-align: center; padding: 3% 0;}
.zrpic img{ max-width: 100%;}

#qygy{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
#qygy .font{ background: url("../images/gy_bj1.png") no-repeat 30px 50px #fff; padding: 5%;}
#qygy .pic{ background: url("../images/gy_bj2.png") no-repeat 30px 50px #0056a3; padding: 3%; writing-mode: vertical-rl; color: rgba(255,255,255,0.1); font-size: 48px; text-transform: uppercase;}
#qygy .font .tit{ text-align: right; font-size: 30px; color: #000000;}
#qygy .font .con{ padding: 5% 0; color: #6a6a6a; font-size: 16px; line-height: 35px;}
#qygy .font .tp{ text-align: center;}
#qygy .font .tp img{ max-width: 100%;}
@media screen and (max-width:1200px){
    #qygy .pic,#qygy .font{ background-size: 70%;}
}
@media screen and (max-width:991px){
    #qygy .font .con{ font-size: 14px; line-height: 30px;}
    #qygy .font .tit{ font-size: 26px;}
}
@media screen and (max-width:768px){
    #qygy .font{ background-size: 70%;}
}



/*产品*/
#cpclass{ position: relative; left: 0; top: 0; z-index: 1; margin-top: -40px;}
#cpclass .container{ height: 80px; line-height: 80px; box-shadow: 0 0 15px rgba(0,0,0,0.2); background: #fff; border-radius: 40px;}
#cpclass dl dd{ height: 80px; line-height: 80px; border-radius: 40px; padding: 0 30px; width: 27%; transition: 0.3s; position: relative; box-shadow: 5px 3px 10px rgba(255,255,255,0.2);}
#cpclass dl dd:nth-of-type(1){ background: #f8f8ff; position: relative; z-index: 4;}
#cpclass dl dd:nth-of-type(2){ background: #ebeef1; position: relative; z-index: 2;}
#cpclass dl dd:nth-of-type(2):before{ position: absolute; left: -20%; top: 0; content: ''; width: 50%; height: 100%; background: #ebeef1; transition: 0.3s;}
#cpclass dl dd:nth-of-type(3):before{ position: absolute; left: -20%; top: 0; content: ''; width: 50%; height: 100%; background: #fff; transition: 0.3s;}
#cpclass dl dd a{ position: relative; z-index: 1; }
#cpclass dl dd h2{ font-size: 18px;}
#cpclass dl dd i{ font-size: 40px;}
#cpclass dl dd:hover{ background: #0b53c0;}
#cpclass dl dd:hover a{ color: #fff;}
#cpclass dl dd:hover:before{background: #0b53c0;}
#cpclass dl dd#li-on{ background: #0b53c0;}
#cpclass dl dd#li-on a{ color: #fff;}
#cpclass dl dd#li-on:before{background: #0b53c0;}
@media screen and (max-width:1440px){
    #cpclass dl dd{ width: 33%;}
}
@media screen and (max-width:1200px){
    #cpclass dl dd i{ font-size: 30px;}
    #cpclass dl dd h2{ font-size: 16px;}
    #cpclass dl dd{ padding: 0 20px;}
}
@media screen and (max-width:991px){
    #cpclass .row{ margin: 0 -15px !important;}
    #cpclass dl dd:nth-of-type(2):before,#cpclass dl dd:nth-of-type(3):before{ left: -40%; width: 100%;}
}
@media screen and (max-width:768px){
    #cpclass dl dd i{ display: none;}
    #cpclass dl dd,#cpclass .container,#cpclass dl dd h2{ height: 50px; line-height: 50px; font-size: 14px;}
}




#hotpro .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 3%;
    overflow: hidden;
}
#hotpro .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;
    /* 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; border-radius: 10px; overflow: hidden; }
#hotpro .swiper-slide .pic p{ display: block; width: 100%; height: 0; padding-bottom: 60%; position: relative; border: 1px solid #f5f5f5; 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: 2% 3%;}
#hotpro .swiper-slide .font h2{ background: url("../images/cptit.png") no-repeat left bottom; color: #333333; font-size: 36px; font-weight: bold !important; height: 80px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#hotpro .swiper-slide .font .con{ margin: 4% 0; color: #666666; font-size: 16px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;}
#hotpro .swiper-slide .font .con .bt{ color: #333333; font-size: 16px; font-weight: bold; margin-bottom: 20px;}
#hotpro .swiper-slide .font .more{ float: right; width: 20%; height: 50px; line-height: 50px; background: #0260b3; border-radius: 25px; color: #fff; transition: all 0.3s;}
#hotpro .swiper-slide .font .more a{ color: #fff !important;}
#hotpro .swiper-slide .font .more:hover{ background: #ee3b02;}
#hotpro .swiper-slide:hover .pic p img{ transform: scale(1.1);}
#hotpro .swiper-pagination{ bottom: 0 !important;}
#hotpro .swiper-pagination .swiper-pagination-bullet{ transition: 0.3s;}
#hotpro .swiper-pagination .swiper-pagination-bullet-active{ background: #0050aa; width: 30px; border-radius: 5px;}
@media screen and (max-width:1600px){
    #hotpro .swiper-slide .font h2{ font-size: 22px; height: 60px;}
    #hotpro .swiper-slide .font .more{ width: 40%;}
    #hotpro .swiper-slide .font .con{ font-size: 13px; line-height: 25px;}
}
@media screen and (max-width:1440px){
    #hotpro .swiper-slide .font .more{ height: 35px; line-height: 35px;}
    #hotpro .swiper-slide .font .con{ font-size: 12px;}
    #hotpro .swiper-slide .font h2{ font-size: 18px; height: 50px;}
}
@media screen and (max-width:1200px){
    #hotpro .swiper-container{ padding-bottom: 5%;}
}
@media screen and (max-width:991px){
    #hotpro .swiper-slide .font{ padding-top: 3%;}
    #hotpro .swiper-container{ padding-bottom: 10%;}
}

.cplb li{ background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.2); margin-top: 5%; position: relative; overflow: hidden;}
.cplb li .cplbnr .img{ width: 45%; padding: 5% 8%;}
.cplb li .cplbnr .img p{ width: 100%; overflow: hidden; height: 0; padding-bottom: 100%; position: relative; border-radius: 100%;}
.cplb li .cplbnr .img p img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.3s;}
.cplb li .cplbnr .float-start{ width: 55%; padding: 0 5% 0 0;}
.cplb li .cplbnr .float-start .title{ color: #333333; font-size: 20px; border-bottom: 1px solid #e9e9e9; font-weight: bold; height: 50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cplb li .cplbnr .float-start .con{ color: #747474; font-size: 16px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;}
.cplb li .cplbnr .float-start .con table{ font-size: 14px;}
.cplb li .cplbnr .float-start .con table tr td{ border-bottom: 1px solid #efefef !important; color: #666; min-height: 75px;}
.cplb li .cplbnr .float-start .con table tr td:nth-of-type(1){ width: 20%; font-weight: bold;}
.cplb li .cplbnr .float-start .con table tr td:nth-of-type(2){ display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.cplb li .font{ position: absolute; left: 0; top: 100%; width: 100%; height: 100%; z-index: 1; background: rgba(11,83,192,0.95); transition: all 0.5s;}
.cplb li .font .img{ width: 50%; padding: 10%;}
.cplb li .font .img p{ width: 100%; overflow: hidden; height: 0; padding-bottom: 100%; position: relative; border-radius: 100%;}
.cplb li .font .img p img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.3s;}
.cplb li .font .float-start{ width: 50%; padding: 0 5% 0 0; color: #fff;}
.cplb li .font .float-start .title{ font-size: 20px; font-weight: bold; margin-bottom: 10%;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cplb li .font .float-start dl dd{ width: 45%; height: 55px; line-height: 55px; margin-right: 20px; border: 1px solid #fff; border-radius: 30px; color: #fff; font-size: 16px;}
.cplb li .font .float-start dl dd:first-of-type{ background: #fff; color: #666;}
.cplb li:hover .font{ top: 0; opacity: 1;}
@media screen and (max-width:1700px){
    .cplb li .cplbnr .float-start{ width: 60%; padding: 3% 3% 0 0;}
    .cplb li .cplbnr .img{ width: 40%;}
}
@media screen and (max-width:1600px){
    .cplb li .cplbnr .float-start .title{ font-size: 18px;}
    .cplb li .cplbnr .float-start .con{ font-size: 14px;}
    .cplb li .font .float-start dl dd{ height: 45px; line-height: 45px; font-size: 14px;}
}
@media screen and (max-width:1400px){
    .cplb li .cplbnr .float-start .con{ -webkit-line-clamp: 3;}
    .cplb li .font .float-start .title{ font-size: 16px;}
    .cplb li .cplbnr .float-start .con table tr td:nth-of-type(1){ width: 25%;}
}
@media screen and (max-width:1200px){
    .cplb li .font .float-start dl dd{ margin-right: 5px;}
    .cplb li .cplbnr .float-start .con table{ font-size: 12px;}
}
@media screen and (max-width:991px){
    .cplb li .cplbnr .float-start{ width: 60%; padding: 3% 3% 0 0;}
    .cplb li .cplbnr .img{ width: 40%;}
}


@media screen and (max-width:768px){
    .cplb li .font .float-start dl dd i{ display: none;}
    .cplb li .font .float-start dl dd{ height: 35px; line-height: 35px; font-size: 12px;}
    .cplb li .cplbnr .float-start .title,.cplb li .font .float-start .title{ font-size: 14px;}
    .cplb li .cplbnr .float-start .con{ font-size: 12px; margin-top: 2%;}
    .cplb li .cplbnr .img,.cplb li .cplbnr .float-start{ width: 100%;}
    .cplb li .font .img,.cplb li .font .float-start{ width: 100%;}
    .cplb li .cplbnr .float-start,.cplb li .font .float-start{ padding: 15px 3%;}
}



#cpinfo_bj{ background: url("../images/info_bj.jpg") repeat-y center top;}
.homeinfo{ color: #fff; padding-top: 2%;}
.homeinfo a{ color: #fff; padding: 0 10px;}
#cpinfo_bj .bai{ padding: 3% 2%; margin-top: 2%;}

#qfwfw{ margin: 0; overflow: hidden;}
#qfwfw .swiper-slide { background-position: center; position: relative;}
#qfwfw .gallery-top { height: auto; padding: 0; overflow: hidden; }
#qfwfw .gallery-top .swiper-slide{}
#qfwfw .gallery-top .swiper-slide p{display: block; width: 100%; height: 0; padding-bottom: 79%; position: relative; overflow: hidden;}
#qfwfw .gallery-top .swiper-slide p img{ display: block; width: 100%; height: 100%; text-align: center; background: #fff; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#qfwfw .gallery-thumbs { height: auto; text-align: left;}
#qfwfw .gallery-thumbs .swiper-wrapper{ width: auto;}
#qfwfw .gallery-thumbs .swiper-slide { width: 100%; cursor: pointer; padding: 0; line-height: 25px; position: relative; height: auto;}
#qfwfw .gallery-thumbs .swiper-slide p{ display: block; border: 3px solid #f4f4f4; width: 100%; height: 0; padding-bottom: 60%; position: relative; overflow: hidden;}
#qfwfw .gallery-thumbs .swiper-slide p img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#qfwfw .gallery-thumbs .swiper-slide-thumb-active { position: relative; }
#qfwfw .gallery-thumbs .swiper-slide-thumb-active p{ border: 3px solid #0050aa;}
@media screen and (max-width:1440px){
    #cpinfo_bj{ padding: 2% 0 0;}
}
@media screen and (max-width:1200px){
    #cpinfo_bj{ padding: 4% 0 0;}
}
@media screen and (max-width:991px){
    #cpinfo_bj{ padding: 8% 15px 15px;}
    #qfwfw .gallery-thumbs .swiper-wrapper{ padding-top: 0;}
}
@media screen and (max-width:768px){
    #cpinfo_bj{ padding: 15% 15px 15px;}
}


.cp_right .tit{ color: #333333; font-size: 30px; font-weight: bold; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.cp_right dl{ margin: 5% 0 0 !important;}
.cp_right dl dd{ color: #606060; font-size: 16px; height: 48px; line-height: 48px; background: #f2f2f2; border-radius: 30px; width: 23%; transition: 0.3s; cursor: pointer;}
.cp_right dl dd i{ color: #ec3b32; font-size: 20px; margin-left: 10px;}
.cp_right dl dd:hover{ background: #c93036; color: #fff;}
.cp_right dl dd:hover i{ color: #fff;}
.cp_right .con{ color: #7c7c7c; font-size: 16px; margin: 3% 0;}
.cp_right .con table{ font-size: 15px;}
.cp_right .con table tr td{ border-bottom: 1px solid #efefef !important; color: #666;}
.cp_right .con table tr td:nth-of-type(1){ width: 15%; font-weight: bold;}
.cp_right .con table tr td p{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;}
.cp_right .row .cpwx p{ float: left; width: 80%; background: #fff; margin-bottom: 0 !important;}
.cp_right .row .cpwx p img{ width: 100%;}
.cp_right .row .cpwx span{ float: right; background: #ee3b02; color: #fff; text-align: center; writing-mode: tb;}
.cp_right .row ul li{ height: 66px; line-height: 66px; background: #0b53c0; color: #fff; font-size: 16px; border-radius: 5px; width: 45%; margin: 3% 3% 0 0; transition: 0.3s;}
.cp_right .row ul li i{ font-size: 24px; margin-right: 10px;}
.cp_right .row ul li:last-of-type{ background: #ee3b02;}
.cp_right .row ul li a{ color: #fff !important;}
.cp_right .row ul li:hover{ background: #0050aa;}
.cp_right .row .cptel{ margin-bottom: 2%;}
.cp_right .row .cptel i{ color: #333333; font-size: 30px;}
.cp_right .row .cptel span{ color: #555555; font-size: 16px; padding: 0 10px;}
.cp_right .row .cptel p{ color: #ee3b02; font-size: 32px; font-weight: bold;}

#cpbtqh{ width: 100% !important; transition:0.3s; background: #f6f6f6; text-align: center; margin-top: 2%;}
.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: 15%; text-align: center; position: relative; transition:0.3s;}
.cpbt li a{ color: #666666;}
.cpbt li:after{ position: absolute; left: 50%; top: 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{ background: #fff;}
.cpbt li:hover:after{ position: absolute; left: 0; top: 0; width: 100%; height: 3px; content: ''; background: #0b53c0;}
.cpbt li.current:hover:after{ left: 25%; width: 50%; background: #0b53c0;}
.cpbt li.current:after{ left: 0; width: 100%; background: #0b53c0;}
.cpbt li.current,.cpbt li.current:hover{ background: #fff;}
@media screen and (max-width:1600px){
    .cp_right .tit{ font-size: 26px;}
    .cp_right dl{ margin: 2% 0 0 !important;}
    .cp_right dl dd{ font-size: 14px;}
    .cp_right dl dd i{ font-size: 16px; }
    .cp_right .con{ font-size: 14px; margin: 3% 0;}
    .cp_right .row .cptel span{ font-size: 14px;}
    .cp_right .row .cptel p{ font-size: 22px;}
    .cp_right .row ul li{ height: 50px; line-height: 50px;}
}
@media screen and (max-width:1440px){
    #qfwfw .gallery-top .swiper-slide p{ padding-bottom: 65%;}
    #qfwfw .gallery-thumbs{ margin-bottom: 3%; padding: 0;}
    .cp_right .row .cptel i{ margin-right: 10px;}
    .cp_right .row .cptel span{ display: none;}
    .cp_right .tit{ font-size: 22px;}
    .cp_right .con table{ font-size: 13px;}
    .cp_right .con table tr td p{-webkit-line-clamp: 2;}
    .cp_right .row .cpwx span{ display: none;}
    .cp_right .row .cpwx p{ width: 100%;}
}
@media screen and (max-width:1200px){
    .cp_right .row .cpwx p{ width: 100%; padding: 5px;}
    .cpbt li{ width: 15%;}
    .cp_right dl dd i{ margin-left: 5px; font-size: 14px;}
    .cp_right .con table tr td:nth-of-type(1){ width: 20%;}
    .cp_right dl dd{ font-size: 12px;}
}
@media screen and (max-width:991px){
    .cp_right{ padding-top: 3%;}
    .cp_right dl{ margin-top: 3% !important;}
    .cp_right dl dd{ float: left; width: 50%;}
    .cp_right .tit{ font-size: 24px;}
}
@media screen and (max-width:768px){
    .cpbt li{ width: 25%; font-size: 13px;}
    .cp_right .con table tr td:nth-of-type(1){ width: 22%;}
}


.pro_con{ font-size: 16px; color: #999; line-height: 35px; padding: 3% 15px;}
.pro_con img{ max-width: 100%;}

.cptit{ color: #333333; font-size: 26px;}
.cptit i{ color: #ee3b02; font-size: 30px; margin-right: 10px;}



.xgxw{ margin: 3% auto 0 !important;}
.xgxw li{ border-bottom: 1px solid #eaeaea; height: 70px; line-height: 70px;}
.xgxw li i{ display: inline-block; font-size: 12px;}
.xgxw li p{ float: left; color: #666666; font-size: 18px; width: 80%; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.xgxw li p i{ color: #da251d; margin-right: 20px;}
@media screen and (max-width:1200px){
    .xgxw li span{ font-size: 12px;}
    .xgxw li span i{ font-size: 14px;}
    .xgxw li p{ font-size: 14px;}
}
@media screen and (max-width:768px){
    .xgxw li p{ width: 75%;}
    .xgxw li span{ width: 25%;}
    .cptit{ font-size: 22px;}
    .cptit i{ font-size: 24px;}
}

.bzcf{ padding: 3%; margin: 3% 0 5%;}
.bzcf .font{ color: #666666; font-size: 18px; line-height: 45px;}

#bzcflb{ margin: 0; overflow: hidden}
#bzcflb .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 15px;
}
#bzcflb .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;
    border-radius: 10px;
    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;
}
#bzcflb .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 55%; position: relative; overflow: hidden;}
#bzcflb .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s; mix-blend-mode: multiply;}

@media screen and (max-width:991px){
    #bzcflb .swiper-slide{ background-size: 80%;}
}
@media screen and (max-width:768px){
    .bzcf .font{ font-size: 14px; line-height: 30px;}
}
@media screen and (max-width:765px){
}



#xgcp{ margin-top: 3%; overflow: hidden;}
#xgcp .swiper-container {
    width: 100%;
    height: 100%;
    padding: 10px;
}
#xgcp .swiper-slide {
    transition: 0.3s;
    overflow: hidden;
    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;
}
#xgcp .swiper-slide .img{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; border-radius: 10px;}
#xgcp .swiper-slide .img img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
#xgcp .swiper-slide .title{ width: 100%; color: #666666; font-size: 16px; height: 40px; line-height: 40px; text-align: center; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; transition: 0.3s;}
#xgcp .swiper-slide .font{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; z-index: 1; background: rgba(0,80,170,0.8); text-align: center; color: #fff; padding-top: 25%; opacity: 0; transform: scale(0); transition: all 0.5s; opacity: 0;}
#xgcp .swiper-slide .font h2{ font-size: 18px; padding: 0 10% 5%; line-height: 40px;}
#xgcp .swiper-slide .font .more{ height: 40px; line-height: 40px; margin: 0 auto; border: 1px solid rgba(255,255,255,0.3); width: 45%;}
#xgcp .swiper-slide:hover .img img{transform: scale(1.05);}
#xgcp .swiper-slide:hover .title{ opacity: 0;}
#xgcp .swiper-slide:hover .font{ transform: scale(1); opacity: 1;}

@media screen and (max-width:1600px){
}
@media screen and (max-width:1440px){
    #xgcp .swiper-slide .title h3{ font-size: 20px;}
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:991px){
    #xgcp .swiper-slide .title h3{ font-size: 18px; height: 35px;}
}
@media screen and (max-width:768px){
}






/*联系我们*/
#lxwm_in{ margin-top: 3% !important;}
#lxwm_in li{ background: #f5f7fa; text-align: center; padding: 10% 3%;}
#lxwm_in li .tit{ font-size: 22px; color: #666;}
#lxwm_in li .pic{ padding: 8% 0;}
#lxwm_in li .con{ color: #333333; font-size: 18px; min-height: 60px; padding-top: 5%;}
@media screen and (max-width:1200px){
    #lxwm_in li .tit{ font-size: 18px;}
    #lxwm_in li .con{ font-size: 14px;}
}
@media screen and (max-width:991px){
    #lxwm_in .col-6{ padding: 0 0.5%;}
    #lxwm_in li{ margin-bottom: 2%;}
}
@media screen and (max-width:768px){
    #lxwm_in li .pic img{ max-width: 25%;}
    #lxwm_in li .tit{ font-size: 16px;}
    #lxwm_in li .con{ font-size: 12px;}
}



/*科技研发*/
.yfzx .con{ color: #666666; font-size: 18px; margin-top: 3%; padding-right: 5%; line-height: 35px; position: relative; z-index: 1;}
.yfzx .font{ padding: 5% 0; position: relative; margin-top: 5%;}
.yfzx .font .tit{color: #333333; font-size: 24px; position: relative; z-index: 1;}
.yfzx .font:before{ position: absolute; top: 0; right: 0; background: #f2f6fd; width: 200%; content: ''; height: 100%;}
.yfzx .pic{ position: relative; color: #fff; padding: 0 3%;}
.yfzx .pic:before{ position: absolute; content: ''; left: 0; bottom: 0; width: 130%; height: 130%; background: url("../images/yf_bj.jpg") no-repeat left top; background-size: 100% 100%;}
.yfzx .pic ul{ margin-bottom: 20% !important;}
.yfzx .pic ul li{ width: 34%; text-align: center; position: relative;}
.yfzx .pic ul li h2{ position: relative; z-index: 1; color: #fff; font-size: 60px;}
.yfzx .pic ul li h2 sub{ font-size: 16px; padding-left: 10px;}
.yfzx .pic ul li p{ position: relative; z-index: 1; font-size: 16px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.1); margin-top: 30px !important;}
.yfzx .pic ul li p:before{ position: absolute; left: 30%; top: 0; content: ''; width: 20%; height: 2px; background: #fff;}
.yfzx .pic .en,.yfzx .pic .tit{ position: relative; z-index: 1;}
.yfzx .pic .en{ height: 130px; line-height: 120px; font-size: 115px; color: rgba(255,255,255,0.01) !important; -webkit-text-stroke: 1px rgba(255,255,255,0.2); text-stroke: 1px rgba(255,255,255,0.2); font-weight: bold;}
.yfzx .pic .tit{ font-size: 24px;}
@media screen and (max-width:1440px){
    .yfzx .con{ font-size: 16px;}
    .yfzx .font .tit{ font-size: 22px;}
    .yfzx .pic ul li h2{ font-size: 50px;}
}
@media screen and (max-width:1200px){
    .yfzx .con{ font-size: 14px;}
    .yfzx .font .tit{ font-size: 22px;}
    .yfzx .pic ul li h2{ font-size: 42px;}
    .yfzx .pic .en{ font-size: 90px;}
    .yfzx .pic ul li p,.yfzx .pic ul li h2 sub{ font-size: 14px;}
}
@media screen and (max-width:991px){
    .yfzx .pic:before{ width: 100%; height: 100%;}
    .yfzx .pic{ padding: 5%;}
    .yfzx .pic .en{ font-size: 60px;}
}

#yfzx{ margin: 3% 0 5%; overflow: hidden}
#yfzx .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 15px;
}
#yfzx .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;
    background: #f2f6fd;
    box-shadow: 0 0 15px 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;
}
#yfzx .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
#yfzx .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s; mix-blend-mode: multiply;}
#yfzx .swiper-slide p{ height: 60px; line-height: 50px; font-size: 16px;}
#yfzx .swiper-slide:hover .pic img{ transform: scale(1.1);}

@media screen and (max-width:991px){
    #yfzx .swiper-slide{ background-size: 80%;}
}
@media screen and (max-width:768px){

}
@media screen and (max-width:765px){
}


#link{ background: #fff; border: 1px solid #e6e6e6; border-right: none; border-bottom: none; margin-top: 3% !important;}
#link li{ width: 20%; float: left; height: 145px; text-align: center; line-height: 145px; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; transition: 0.3s; cursor: default;}
#link li img{ max-width: 70%; max-height: 90%; vertical-align: middle;}
#link li:hover{box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);}
.link_content{ text-align: center; color: #666666; font-size: 16px; padding: 3% 25% 0;}
@media screen and (max-width:1200px){
    #link li{ width: 25%;}
    #link li:nth-of-type(13),#link li:nth-of-type(14),#link li:nth-of-type(15){ display: none;}
    .link_content{ padding: 3% 5% 0;}
}
@media screen and (max-width:768px){
    #link li{ height: 100px; line-height: 100px;}
    .link_content{ font-size: 14px;}
}








/*新闻中心*/
.sNews-list .scs img {
    -webkit-transition-duration: 330ms;
    transition-duration: 330ms;
}
.sNews-list .scst img {
    -webkit-transition-duration: 330ms;
    transition-duration: 330ms;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
}


.sNews-list .pic img
{
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}
.sNews-list .pic img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: inherit;
    width: 100% !important;
    height: 100% !important;
}

.sNews-list .item {
    overflow: hidden;
    padding: 1.5rem 0;
    border-bottom: #eeeeee dashed 1px;
    position: relative;
}
.sNews-list .item:after {
    content: " ";
    pointer-events: none;
    position: absolute;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    background-color: #f5f6f8;
    left: 0;
    top: 100%;
    width: 100%;
    height: 0;
}
.sNews-list .item .contain {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    min-height: 240px;
}
.sNews-list .item .contain:after {
    display: none;
}
.sNews-list .item .pic {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -120px;
    width: 400px;
    background-color: #eee;
    height: 0; padding-bottom: 15% !important; transition: 0.3s; overflow: hidden;
}
.sNews-list .item  .pic img{  width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
.sNews-list .item .txt {
    position: relative;
    padding-left: 450px;
    padding-right: 2.4rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.sNews-list .item .txt .title {
    line-height: 1.5;
    height: 1.5em;
    font-size: 18px;
    font-weight: bold !important;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
}
.sNews-list .item .txt .date {
    margin-top: 0.5rem;
    font-size: 14px;
    color: #999999;
}
.sNews-list .item .txt .date i{ float: left; margin-right: 10px;}
.sNews-list .item .txt .abstract {
    margin-top: 0.5rem;
    line-height: 1.75em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 3.5em;
    height: 3.5em;
    width: 90%;
}
.sNews-list .item .txt .more {
    position: absolute;
    right: 0;
    border-radius: 50%;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -1.04rem;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
    z-index: 2;
    border: #ee3b02 solid 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.sNews-list .item .txt .more:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-image: url(../images/arrow-news-item-more.png);
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-transition: all 250ms ease-out 0s;
    transition: all 250ms ease-out 0s;
}
@media screen and (max-width: 1440px) {
    .sNews-list .item .pic{ padding-bottom: 21% !important;}
}
@media screen and (max-width: 1200px) {
    .sNews-list .item .pic{ padding-bottom: 25% !important;}
}
@media screen and (min-width: 1025px) {
    .sNews-list .item:hover:after {
        top: 0;
        height: 100%;
        -webkit-transition: top 0ms ease-out 0s, height 220ms ease-out 0s;
        transition: top 0ms ease-out 0s, height 220ms ease-out 0s;
    }
    .sNews-list .item:hover .txt .title {
        color: #ee3b02;
    }
    .sNews-list .item:hover .txt .more {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        background-color: #ee3b02;
    }
    .sNews-list .item:hover .txt .more:after {
        -webkit-filter: grayscale(100%) brightness(600%);
        filter: grayscale(100%) brightness(600%);
    }
}
@media screen and (max-width: 1024px) {
    .sNews-list .item {
        padding: 1rem 0;
    }
    .sNews-list .item .contain {
        min-height: 0;
    }
    .sNews-list .item .pic {
        position: relative;
        top: 0;
        margin-top: 0;
        width: 50%;
        height: 0 !important;
        padding-bottom: 30%;
    }
    .sNews-list .item .txt {
        padding-left: 0;
        padding-right: 0;
        width: 47.5%;
    }
    .sNews-list .item .txt .more {
        display: none;
    }
    .sNews-list .item .txt .title{ font-size: 16px;}
    .sNews-list .item:active:after {
        top: 0;
        height: 100%;
        -webkit-transition: 0ms;
        transition: 0ms;
    }
    .sNews-list .item:active .txt .title {
        color: #ee3b02;
        -webkit-transition: 0ms;
        transition: 0ms;
    }
    .sNews-list .item:active .txt .more {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        background-color: #ee3b02;
        -webkit-transition: 0ms;
        transition: 0ms;
    }
    .sNews-list .item:active .txt .more:after {
        -webkit-filter: grayscale(100%) brightness(500%);
        filter: grayscale(100%) brightness(500%);
    }
}

#xwinfo_bj .bai{ padding: 3%; box-shadow: 0 0 20px rgba(0,0,0,0.1);}
#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: #ee3b02; 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: #ca1323;}
@media screen and (max-width:1200px){
    #xwinfo_bj .news-detail-title .h3{ font-size: 24px;}
}
@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;}
}
@media screen and (max-width:768px){
    #xwinfo_bj .news-detail-title .float-right{ display: none;}
}



/*公共*/
#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; border-bottom: 1px solid #e8e8e8;}
#homebj ul{ width: 70%;}
#homebj ul li{ margin-right: 8%; position: relative; font-size: 16px; text-align: center;}
#homebj ul li:before{ position: absolute; left: 50%; bottom: 0; content: ''; height: 3px; background: #0056a3; width: 0; transition: all 0.3s; }
#homebj ul li a{ color: #666666;}
#homebj ul li:hover a{ color: #0056a3;}
#homebj ul li:hover:before{ left: 0; width: 100%;}
.home{ text-align: right; color: #666666;}
.home i{ display: inline-block; margin-right: 10px; font-weight: bold; font-size: 18px;}
.home a{ padding: 0 8px; color: #666666;}
.home a:last-of-type{ color: #0056a3;}

@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%;}

}

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



.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); }




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