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


@media screen and (max-width:768px){
    .row{ margin: 0;}
}
.img-cover-4by3{ width: 100%; height: 0; padding-bottom: 75%; 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") repeat center top; width: 100%; height: 100%; background-size: 100%;}*/

.my-button-disabled{opacity: 1!important;pointer-events:visible!important; cursor: pointer!important;}


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

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


/*头部*/
#top_index{ height: auto; margin: 0 auto; position: fixed; top: 0; z-index: 20; border-bottom: 1px solid rgba(255,255,255,0.2); transition: 0.3s;}
#top_index_zy{ height: auto; margin: 0 auto; background: #fff; z-index: 20; position: relative;}
#logo{ padding: 1% 0; text-align: center;}
#logo .show{ display: inline-block; transition: 0.3s;}
#logo .hidder{ display: none; transition: 0.3s;}
#logo img{ max-width: 100%; transition:0.5s;}
.tel_nr{ color: #fff; font-size: 24px; font-family: Bahnschrift;}
.tel_nr i{ float: left; font-size: 22px; margin-right: 10px;}
@media screen and (max-width:1440px){
    .tel_nr{ font-size: 20px;}
}



#nav{ height: auto; transition:0.3s; text-align: center;}
#nav li{ width: 10%; height: 60px; line-height: 60px; font-size: 16px; color: #fff; transition: 0.3s;}
#nav li .big{color: #fff;}
#nav .navli_hover{ background: #2051bf; color: #fff;}
#nav .navli_hover .big{ color: #fff !important;}

#nav li .navson{display: none; position: absolute; left: 0; overflow: hidden; border-top: 1px solid #ededed; background: url("../images/nav_bj.jpg") no-repeat right center #fff; color: #333; top: 100%; z-index: 99999; width: 100vw;}
#nav li .nav_cp{ background: #fbfbfb !important;}
#nav li .nav_cp .main{ padding: 0 !important;}
#nav li .navson .main{ padding: 50px 0;}
#nav li .navson .nav_font{ float: left; width: 50%; padding-right: 5%; text-align: left; line-height: 30px;}
#nav li .navson .nav_cp{ width: 100% !important; border: none; padding-right: 0;}
#nav li .navson .nav_font h4{ color: #333333; font-size: 30px; margin: 0 0 10px !important;}
#nav li .navson .nav_font dl{ margin: 0; padding-top: 20px;}
#nav li .navson .nav_font dl dd{ float: left; width: 45%; text-align: left; margin: 0; transition: 0.3s;}
#nav li .navson .nav_font dl dd .pic{ width: 100%; height: 0; padding-bottom: 80%; border-radius: 5px; position: relative; overflow: hidden;}
#nav li .navson .nav_font dl dd .pic img{ width: 100%; height: 100%; object-fit: cover; border-radius: 5px; left: 0; position: absolute; text-align: center; transition: 0.3s;}
#nav li .navson .nav_font dl dd:nth-of-type(2n){ float: right;}
#nav li .navson .nav_font dl dd a{ color: #333333;}
#nav li .navson .nav_font dl dd .tit{ height: 60px; line-height: 60px; font-size: 16px; border-bottom: 1px solid #ebebeb; position: relative;transition: 0.3s;}
#nav li .navson .nav_font dl dd .tit:before{ position: absolute; right: 0; top: 0; content: '/'; width: 10%; height: 100%; color: #999999; font-weight: bold; font-size: 20px;}
#nav li .navson .nav_font dl dd:hover img{ transform: scale(1.1);}
#nav li .navson .nav_font dl dd:hover .tit{ border-bottom: 1px solid #2051bf;}
#nav li .navson .nav_font dl dd:hover .tit a{ color: #2051bf !important; font-weight: bold;}

#nav li .nav_cp .nav_font{ width: 100%; padding: 0;}
#nav li .nav_cp .nav_font dl{ padding: 0;}
#nav li .nav_cp .nav_font dl dd{ width: 15%; transition: 0.3s; padding: 15px;}
#nav li .nav_cp .nav_font dl dd .nav_cp_pic{ margin: 0 auto; width: 150px; height: 150px; position: relative;}
#nav li .nav_cp .nav_font dl dd .nav_cp_pic:before{ position: absolute; right: 0; top: 10px; width: 130px; height: 130px; content: ''; background: #e2e6e9; border-radius: 100%;}
#nav li .nav_cp .nav_font dl dd .nav_cp_pic img{ max-width: 100%; position: relative; transition: 0.3s;}
#nav li .nav_cp .nav_font dl dd .tit{ margin-bottom: 10px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#nav li .nav_cp .nav_font dl dd p{ font-size: 14px; color: #333333; height: 35px; line-height: 35px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; transition: 0.3s;}
#nav li .nav_cp .nav_font dl dd p:hover{ color: #2051bf; font-weight: bold;}
#nav li .nav_cp .nav_font dl dd:hover{ background: #f6f6f6;}

#nav li .navson .nav_pic{ float: right; width: 50%; text-align: left;}
#nav li .navson .nav_pic .float-start{ width: 60%;}
#nav li .navson .nav_pic .float-start img{ max-width: 100%;}
#nav li .navson .nav_pic .float-end{ width: 35%; color: #fff;}
#nav li .navson .nav_pic .float-end .tit{ font-size: 24px; padding-bottom: 10%;}
#nav li .navson .nav_pic .float-end p{ font-size: 16px; color: #fff; height: 40px; line-height: 40px;}
@media screen and (max-width:1440px){
    #nav li .navson{ background-size: 40% 100%;}
}
@media (min-width: 1200px) and (max-width: 1440px){
  #nav li{ font-size: 15px;}
}
@media (min-width: 768px) and (max-width: 1200px){
  #nav{ margin-top: 0;}
  #nav li{ font-size: 15px;}
}
#top_index #c-header .c-switch i{ background: #fff;}

#top_index_zy #nav li a{ color: #333;}
#top_index_zy .tel_nr{ color: #333;}

.top_bj_active{ width: 100%; background: #fff !important; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.top_bj_active #logo .show{ display: none;}
.top_bj_active #logo .hidder{ display: inline-block;}
.top_bj_active #logo{ padding: 0.5% 0;}
.top_bj_active #logo img{ transform: scale(0.9);}
.top_bj_active #c-header .c-switch i{ background: #333 !important;}
.top_bj_active #nav li a{ color: #333;}
.top_bj_active #top_tel .ss i{ color: #ee5628 !important;}
.top_bj_active #top_tel .en{ color: #5c5c5c !important;}
.top_bj_active #top_tel .en i{ color: #5c5c5c !important;}
.top_bj_active #top_tel .en select{ color: #5c5c5c !important;}
.top_bj_active .tel_nr{ color: #333;}
.top_bj_active_zy{ width: 100%; position: fixed !important;}
.top_bj_active_zy #logo{ padding: 0.5% 0;}
.top_bj_active_zy #logo img{ transform: scale(0.9);}

.top_index_active{ background: #fff !important; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.top_index_active #logo .show{ display: none;}
.top_index_active #logo .hidder{ display: inline-block;}
.top_index_active #c-header .c-switch i{ background: #333 !important;}
.top_index_active #nav li a{ color: #333;}
.top_index_active #top_tel .ss i{ color: #ee5628 !important;}
.top_index_active #top_tel .en{ color: #5c5c5c !important;}
.top_index_active #top_tel .en i{ color: #5c5c5c !important;}
.top_index_active #top_tel .en select{ color: #5c5c5c !important;}
.top_index_active .tel_nr{ color: #333;}

.top_bj_active_zy{ position: fixed; z-index: 10; box-shadow: 0 0 20px rgba(0,0,0,0.2);}

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

@media screen and (max-width:991px){
    #top_index{ padding: 0; width: 100%;}
    #logo{ padding: 1% 0 1% 3%; text-align: left;}
    #logo a img{ max-width: 100%;}
}
@media screen and (max-width:768px){
    #logo{ padding: 2%;}
    #logo a img{ max-width: 50%;}
}


#banner,#mobile_banner{ position: relative;}
#banner img{ width: 100%;}
#banner .swiper-pagination{ bottom: 5%; width: auto; left: 15%;}
#banner .swiper-pagination-bullet{ width: 10px; height: 10px; border-radius: 100%; transition:0.3s; margin-right: 30px; background: #fff; opacity: 1; position: relative;}
#banner .swiper-pagination-bullet:before{ position: absolute; left: -10px; top: -10px; width: 30px; height: 30px; border: 1px solid #fff; border-radius: 100%; content: ''; opacity: 0; transition: 0.3s;}
#banner .swiper-pagination-bullet-active:before{ 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: 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;}

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




/*底部*/
#end_bj{ background: url("../images/end_bj.jpg") repeat center; width: 100%; text-align: left; position: relative;}
#end_nr_bj{ width: 100%; height: auto; overflow: hidden; color: #999999; position: relative;}
#end_nr_bj a{ color: #7c8187; transition: 0.3s; position: relative;}
#end_nr_bj a:hover{ color: #fff !important;}
#end_nr_bj a:after{z-index:1;content: ''; position: absolute; left: 0; bottom: 0; display: block; height:5px; background-color: rgba(255, 255, 255, .3);width:100%; -webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; -webkit-transform: scaleX(0); transform: scaleX(0);-webkit-transform-origin: right center;transform-origin: right center;}
#end_nr_bj a:hover::after{ -webkit-transform-origin: left center;transform-origin: left center;  -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);}

#end_nr_bj{ padding: 2% 0 0; }
#end_nr_bj .end_nav{ padding-top: 3%;}
#end_nr_bj .tit{ color: #fff; font-size: 18px; height: 45px; margin-bottom: 10px; font-weight: bold; position: relative;}
#end_nr_bj .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 20%; height: 1px; background: rgba(255,255,255,0.2);}
#end_nr_bj ul li{ height: 35px; line-height: 35px; font-size: 14px;}
#end_nr_bj ul li a{ color: #b0b0b0;}
#end_nr_bj #end_lx{ border-top: 1px solid rgba(255,255,255,0.1); padding: 1% 0; color: #fff;}
#end_nr_bj #end_lx span{ font-size: 18px; font-weight: bold;}
#end_nr_bj .end_logo{ border-right: 1px solid rgba(255,255,255,0.1);}
#end_nr_bj .end_logo .ewm{ display: inline-block; width: 45%; text-align: center; padding: 15px 15px 0; border: 1px solid rgba(255,255,255,0.1); margin: 8% 0 !important;}
#end_nr_bj .end_logo .ewm span{ display: block; height: 40px; line-height: 40px; color: #fff;}
#end_nr_bj .end_logo .ewm img{ width: 100%;}

@media screen and (max-width:1400px){
}
@media screen and (max-width:1200px){
    #end_nr_bj #end_lx p{ float: left; width: 50%;}
}
@media screen and (max-width:991px){
    #end_nr_bj ul li{ height: 30px; line-height: 30px;}
    #end_nr_bj .end_logo{ border: none;}
    #end_nr_bj #end_lx{ padding: 3% 15px;}
}
@media screen and (max-width:768px){
    #end_nr_bj #end_lx p{ float: left; width: 100%;}
}


#end_line{ height: auto; padding: 1% 0; line-height: 30px; color: rgba(255,255,255,0.4); border-top: 1px solid rgba(255,255,255,0.1); }
#end_line a{ color: #7c8187;}
#end_line a:hover{ color: #fff;}



.footer_zx{ height:60px; overflow: hidden; right:0; bottom:0; z-index: 20; width:100%; line-height: 25px; position: fixed; background-color:#1e2830;}
.footer_zx a{ color:#fff !important; display: block; width: 50%; height: 100%; float: left; text-align: center; background-color:#1e2830;}
.footer_zx a:last-of-type{ background: #d8262c;}
.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){
    #end_logo ul li .float-left p{ font-size: 16px;}
    #end_logo ul li .float-left span{ font-size: 12px;}
}
@media screen and (max-width:1200px){
    #end_logo ul li{ margin-bottom: 2%;}
    #end_logo ul li:nth-of-type(2):before{ display: none;}
}
@media screen and (max-width:991px){
    #end_link{ display: none;}
}
@media screen and (max-width:768px){
    .footer_zx i{ padding: 4% 0 1%;}
}
@media screen and (max-width:765px){
    .footer_zx i{ padding: 2% 0 1%;}
}


/*首页*/
.tit_in{ position: relative; padding: 3% 0; line-height: 50px;}
.tit_in:before{ position: absolute; background: url("../images/tit_bj.png") no-repeat center; width: 100%; height: 100%; left: 0; top: 0; content: '';}
.tit_in h1{ color: #282828; font-size: 36px; font-weight: bold !important; position: relative;}
.tit_in h1 span{ color: #2051bf;}
.tit_in p{ color: #666666; font-size: 18px; position: relative;}



.cp_class{ padding-top: 2% !important;}
.cp_class li{ text-align: center;}
.cp_class li .pic{ border: 1px solid #eaeaea;}
.cp_class li .pic img{ width: 100%;}
.cp_class li p{ color: #666666; font-size: 18px; height: 40px; line-height: 40px;}
.cp_class li:hover p a{ color: #124c9b;}

@media screen and (max-width:1200px){
    .tit_in h1{ font-size: 30px;}
    .tit_in p{ font-size: 16px;}
}
@media screen and (max-width:991px){
    .tit_in h1{ font-size: 24px;}
    .tit_in p{ font-size: 14px;}
    .tit_in{ line-height: 30px;}
    .cp_class li p{ font-size: 14px;}
}



#kjcx{position: relative; margin-top: 3%;}
/*#kjcx .swiper-container {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    overflow: hidden;*/
/*}*/
/*#kjcx .swiper-slide {*/
/*    margin: 0;*/
/*    transition:0.3s;*/
/*    overflow: hidden;*/
/*    position: relative;*/
/*    background: url("../images/cpbj.jpg") no-repeat center;*/
/*    background-size: 100% 100%;*/

/*    !* 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;*/
/*}*/
/*#kjcx .swiper-slide:before{ position: absolute; content: ''; left: 5%; top: 0; background: url("../images/cp_logo.png") no-repeat center #d8262c; height: 35px; width: 160px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}*/
/*#kjcx .swiper-slide:after{ position: absolute; content: 'hengyu'; width: 100%; height: 100%; color: rgba(235,237,238,0.7); font-size: 156px; font-weight: bold; text-align: center; text-transform: uppercase; padding-top: 30%;}*/
/*#kjcx .swiper-slide .pic{ text-align: center; padding: 50px 0; height: 440px; position: relative; z-index: 1; }*/
/*#kjcx .swiper-slide .pic img{ max-width: 100%; max-height: 340px; transition:0.5s;}*/
/*#kjcx .swiper-slide .content{ padding: 0 0 0 5%; transition: 0.3s; position: relative; z-index: 1;}*/
/*#kjcx .swiper-slide .content .title{ color: #2051bf; font-size: 30px; font-weight: bold; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}*/
/*#kjcx .swiper-slide .content .title i{ display: inline-block; font-size: 30px; padding-left: 10px;}*/
/*#kjcx .swiper-slide .content .info{ color: #666666; font-size: 16px; padding: 10% 0 0; text-align: left; }*/
/*#kjcx .swiper-slide .cplb_in{ position: absolute; left: -100%; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(32,81,191,.9); padding: 5% 8%; transition: 0.5s;}*/
/*#kjcx .swiper-slide .cplb_in .title{ color: #fff; font-size: 24px; font-weight: bold; border-bottom: 1px solid rgba(255,255,255,0.5); height: 50px;}*/
/*#kjcx .swiper-slide .cplb_in ul{ padding: 5% 0 !important;}*/
/*#kjcx .swiper-slide .cplb_in ul li{ height: 35px; line-height: 35px; color: #fff; transition: 0.5s;}*/
/*#kjcx .swiper-slide .cplb_in ul li i{ float: right;}*/
/*#kjcx .swiper-slide .cplb_in ul li p{ float: left; transition: 0.3s;}*/
/*#kjcx .swiper-slide .cplb_in ul li:hover p{ text-decoration: underline;}*/
/*#kjcx .swiper-slide .cplb_in ul li:hover{ padding: 0 15px;}*/
/*#kjcx .swiper-slide .cplb_in dl dd{ height: 45px; line-height: 45px; border: 1px solid rgba(255,255,255,0.5); color: #fff; padding: 0 10%; transition: 0.3s;}*/
/*#kjcx .swiper-slide .cplb_in dl dd i{ display: inline-block; font-size: 16px; padding-left: 10px;}*/
/*#kjcx .swiper-slide .cplb_in dl dd a{ color: #fff;}*/
/*#kjcx .swiper-slide .cplb_in dl dd:hover{ background: #fff;}*/
/*#kjcx .swiper-slide .cplb_in dl dd:hover a{ color: #2051bf;}*/
/*#kjcx .swiper-slide:hover .cplb_in{ left: 0;}*/
/*@media screen and (max-width:991px){*/
/*    #kjcx .swiper-slide .content{ padding: 20% 15px 0; }*/
/*    #kjcx .swiper-slide:after{ display: none;}*/
/*    #kjcx .swiper-slide .cplb_in{ padding: 20% 15px 0;}*/
/*}*/




#kjcx .kjcx_lb { margin: 0 0 3%; transition:0.3s; overflow: hidden; position: relative; background: url("../images/cpbj.jpg") no-repeat center; background-size: 100% 100%;}
#kjcx .kjcx_lb:before{ position: absolute; content: ''; left: 5%; top: 0; background: url("../images/cp_logo.png") no-repeat center #d8262c; height: 35px; width: 160px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;}
#kjcx .kjcx_lb:after{ position: absolute; content: 'hengyu'; width: 100%; height: 100%; color: rgba(235,237,238,0.7); font-size: 156px; font-weight: bold; text-align: center; text-transform: uppercase; padding-top: 30%;}
#kjcx .kjcx_lb .pic{ text-align: center; padding: 0 0; height: 340px; position: relative; z-index: 1; }
#kjcx .kjcx_lb .pic img{ max-width: 100%; max-height: 340px; transition:0.5s;}
#kjcx .kjcx_lb .content{ padding: 0 0 0 5%; transition: 0.3s; position: relative; z-index: 1;}
#kjcx .kjcx_lb .content .title{ color: #2051bf; font-size: 26px; font-weight: bold; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#kjcx .kjcx_lb .content .title i{ display: inline-block; font-size: 30px; padding-left: 10px;}
#kjcx .kjcx_lb .content .info{ color: #666666; font-size: 14px; padding: 10% 0 0; text-align: left; }
#kjcx .kjcx_lb .cplb_in{ position: absolute; left: -100%; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(32,81,191,.9); padding: 3% 8%; transition: 0.5s;}
#kjcx .kjcx_lb .cplb_in .title{ color: #fff; font-size: 24px; font-weight: bold; border-bottom: 1px solid rgba(255,255,255,0.5); height: 40px;}
#kjcx .kjcx_lb .cplb_in ul{ padding: 2% 0 !important;}
#kjcx .kjcx_lb .cplb_in ul li{ height: 35px; line-height: 35px; color: #fff; transition: 0.5s;}
#kjcx .kjcx_lb .cplb_in ul li i{ float: right;}
#kjcx .kjcx_lb .cplb_in ul li p{ float: left; transition: 0.3s;}
#kjcx .kjcx_lb .cplb_in ul li:hover p{ text-decoration: underline;}
#kjcx .kjcx_lb .cplb_in ul li:hover{ padding: 0 15px;}
#kjcx .kjcx_lb .cplb_in dl dd{ height: 45px; line-height: 45px; border: 1px solid rgba(255,255,255,0.5); color: #fff; padding: 0 10%; transition: 0.3s;}
#kjcx .kjcx_lb .cplb_in dl dd i{ display: inline-block; font-size: 16px; padding-left: 10px;}
#kjcx .kjcx_lb .cplb_in dl dd a{ color: #fff;}
#kjcx .kjcx_lb .cplb_in dl dd:hover{ background: #fff;}
#kjcx .kjcx_lb .cplb_in dl dd:hover a{ color: #2051bf;}
#kjcx .kjcx_lb:hover .cplb_in{ left: 0;}
@media screen and (max-width:1440px){
    #kjcx .kjcx_lb .content .title{ font-size: 20px;}
    #kjcx .kjcx_lb .content .info{ font-size: 14px;}
}


@media screen and (max-width:991px){
    #kjcx .kjcx_lb .content{ padding: 10% 15px 0; }
    #kjcx .kjcx_lb:after{ display: none;}
    #kjcx .kjcx_lb .cplb_in{ padding: 20% 15px 0;}
    #kjcx .kjcx_lb .content .info{ padding-top: 3%;}
}









.index05 {padding:0;overflow:hidden;}
.index05 .content {background:url(../images/in05_bg3.jpg) no-repeat center;background-size:cover; padding: 0;}
.index05 .txtbox {padding:15px; float: left; width: 25%; height: 100%; position: relative;}
.index05 .t4 {color:#fff;font-size:13px;font-weight:bold;font-family:Arial; text-transform: uppercase;}
.index05 .t5 {color:#fff;font-size:16px;font-weight:bold;margin-top:20px;}
.index05 .t6 {color:#fff;line-height: 22px;margin-top:15px;overflow:hidden;white-space:wrap;text-overflow: ellipsis;}
.index05 .more { display: none; color:rgba(255,255,255,.63);width:40px;height:40px;line-height:40px;font-size:16px;font-weight:bold;border-radius: 50%;border:1px solid rgba(255,255,255,.1);margin-top:15px;text-align:center;}
@media(max-width:991px) {
    .index05 .content {padding:30px 0; margin-top: 30px;}
    .index05 .txtbox {border-bottom:1px solid rgba(255,255,255,.2);}
    .index05 .txtbox:last-child {border:none;}
    .index05 .txtbox{ float: none; width: 100%; height: auto;}
}
@media(min-width:992px) {
    .index05 .txtbox {flex:1;padding:25px;border-right:1px solid rgba(255,255,255,.2);transition:.36s background;}
    .index05 .t4 {height:230px; text-transform: uppercase; writing-mode:vertical-lr;}
    .index05 .t5 {font-size:20px;margin-top:25%;transition:.36s margin;}
    .index05 .t6 {color:rgba(255,255,255,1);line-height: 30px;height:120px;transition:.36s height; line-height: 25px; font-size: 12px;}
    .index05 .txtbox.active,.index05 .txtbox:hover {background:rgba(32,81,191,.8);transition:.36s background; height: auto;}
    .index05 .txtbox.active .t5,.index05 .txtbox:hover .t5 {margin-top:8px;transition:.36s margin;}
    .index05 .txtbox.active .t6,.index05 .txtbox:hover .t6 {color:#fff;height:144px;transition:.36s height;}
    .index05 .txtbox.active .more,.index05 .txtbox:hover .more {opacity:0;}
}
@media(min-width:1200px) {
    .index05 {padding:0;}
    .index05 .content { background:url(../images/in05_bg.jpg) no-repeat center;background-position:0 0;transition:.36s background-position ease-in;}
    .index05 .txtbox {padding:50px; }
    .index05 .t4 {font-size:16px;height:230px;}
    .index05 .t5 {font-size:24px;margin-top:20%;}
    .index05 .t6 {margin-top:30px;}
    .index05 .txtbox.active .t5,.index05 .txtbox:hover .t5 {margin-top:15%;}
    .index05 .more {margin-top:25px;}
}
@media(min-width:1400px) {
    .index05 .content {height: 550px;}
    .index05 .t5 {margin-top:20%;font-size:28px;}
    .index05 .txtbox.active .t5,.index05 .txtbox:hover .t5 {margin-top:15%;}
}


#gsjjbj{ background: url("../images/jj_bj.jpg") repeat center;}
#gsjjbj .main{ padding: 5% 0;}
.index03 {padding: 2% 0 0; overflow:hidden; position:relative;}
.index03 .title {color:#dc1f1f;}
/*.index03 .swiper-container {margin-top:50px;}*/
.index03 .t3 {color:#fff;font-size:16px;position:absolute;bottom:20px;left:20px;height:35px;line-height:35px; background: #df0001; padding: 0 3%;}
.index03 .swiper-slide {position:relative;overflow:hidden;}
.index03 .swiper-slide-next:after,.index03 .swiper-slide-prev:after {content:'';position:absolute;left:0;top:0;bottom:0;right:0;background: #000;opacity: .7;}
.index03 .swiper-slide-next .t3 {display: none;}
.index03 .swiper-slide .pic{width: 100%; height: 0; padding-bottom: 45%; position: relative; overflow: hidden;}
.index03 .swiper-slide .pic img { width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
.index03 .float-txtbox {display:none;}
.index03-bottom {display:flex;width:200px;margin:15px auto 0;}
.index03-bottom div {flex:1;text-align:center;line-height: 15px;height:15px;cursor:pointer; outline: none;}
.index03-bottom .swiper-pagination {position:unset; font-size: 16px; font-weight: bold;}
.index03-bottom .swiper-pagination-current {color:#db2016;}

.index03 .swiper-button-next:after,.index03 .swiper-button-prev:after{ display: none;}
.index03 .swiper-button-next i,.index03 .swiper-button-prev i{ color: #fff; font-size: 30px;}
.index03 .swiper-button-next,.index03 .swiper-button-prev{ background: rgba(255,255,255,0.2); width: 50px; height: 80px;}
.index03 .swiper-button-next{ right: 3%;}
.index03 .swiper-button-prev{ left: 3%; }


@media(min-width:1200px) {
    .index03 .swiper-slide {width:75%;}
    .index03 .float-txtbox {display:block;background:#fff;height:50%;width:550px;max-width:100%;position:absolute;right:0;top:25%;transform:translateX(100%);transition: 1s all;padding:25px;box-sizing:border-box;}
    .index03 .float-txtbox:before {content:'+';position:absolute;left:0;bottom:0;transform:translateX(-100%);font-size:15px;display:block;background:#e70012;color:#fff;text-align:center;height:50px;width:50px;line-height: 50px;}
    .index03 .float-txtbox .tit {font-size:22px;line-height:50px;margin-bottom:25px;font-weight:bold;border-bottom:1px solid #eee;}
    .index03 .float-txtbox .con {line-height: 32px;font-size:15px;color:#666; text-indent: 2rem;}
    .index03 .swiper-slide:hover .float-txtbox {transform:translateX(0);transition: 1s all;}
    .index03 .t3 {font-size:18px;bottom:50px;left:50px;height:65px;line-height:65px;}
    .index03-bottom {margin:30px auto 0;}
}
@media(min-width:1920px) {
    .index03 .swiper-slide {width:60%;}
}


#gshj{ position: relative; margin-top: 2%; overflow: hidden; padding-bottom: 20px;}
#gshj .swiper-container {
    width: 100%;
    height: 100%;
}
#gshj .swiper-slide {
    text-align: center;
    transition: 0.3s;
    cursor: pointer;
    position: relative;
    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;
}
#gshj .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 65%; position: relative; overflow: hidden; transition:0.3s; }
#gshj .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s; }
#gshj .swiper-slide .content{ width: 100%; padding: 4% 0; border: 1px solid #efefef; background: #fff;}
#gshj .swiper-slide .content .tit{ text-align: center; color: #494949; font-size: 16px; transition:0.3s; padding: 0; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
#gshj .swiper-slide .content .time{ border-right: 1px solid #ebebeb;}
#gshj .swiper-slide .content .time p{ color: #3a3a3a; font-size: 36px; font-weight: bold;}
#gshj .swiper-slide .content .time span{ color: #878787; font-size: 14px;}
#gshj .swiper-slide .font{ background: #2051bf; position: absolute; left: 10px; bottom: -100%; width: 101%; padding: 7% 0; transition: 0.5s;}
#gshj .swiper-slide .font .tit{ text-align: left; color: #fff; font-size: 16px; transition:0.3s; padding-left: 5%;}
#gshj .swiper-slide .font .time{ border-right: 1px solid rgba(255,255,255,0.4);}
#gshj .swiper-slide .font .time p{ color: #fff; font-size: 36px; font-weight: bold;}
#gshj .swiper-slide .font .time span{ color: #fff; font-size: 14px;}
#gshj .swiper-slide:hover{ filter: drop-shadow(-8px 5px 8px rgba(153, 153, 153, 1));}
#gshj .swiper-slide:hover .pic img{ transform: scale(1.1);}
#gshj .swiper-slide:hover .font{ bottom: 0;}
@media screen and (max-width:1200px){
    #gshj .swiper-slide .content .time p{ font-size: 30px;}
    #gshj .swiper-slide .content .tit{ font-size: 14px;}
}
@media screen and (max-width:768px){
}

.xw_more{ display: block; margin: 2% auto 0; width: 200px; background: #d8262c; height: 50px; line-height: 50px; border-radius: 5px; text-align: center; color: #fff; transition: 0.3s;}
.xw_more:hover{ letter-spacing: 3px; background: #2051bf;}

.gsjj .tit_in{ padding: 7% 0;}
.gsjj .tit_in:before{ background: url(../images/tit_bj.png) no-repeat center left;}
.gsjj .con{ color: #838383; font-size: 16px; padding: 5% 0;}
.gsjj ul li{ text-align: center; padding-top: 5%;}
.gsjj ul li i{ color: #2051bf; font-size: 40px; height: 40px; line-height: 40px;}
.gsjj ul li p{ font-size: 16px; padding-top: 15%;}
@media screen and (max-width:1200px){
    .gsjj ul li i{ font-size: 30px; height: 30px; line-height: 30px;}
    .gsjj ul li p{ font-size: 14px;}
    .gsjj .con{ font-size: 14px;}
    .xw_more{ width: 40%; height: 40px; line-height: 40px; margin-bottom: 5%;}
}
@media screen and (max-width:991px){
    .gsjj ul li{ float: left; width: 50%; margin-bottom: 5%;}
    .gsjj ul li p{ padding-top: 5%;}
}

/*公共*/
#zi_banner{ width: 100%; height: auto; position: relative; overflow: hidden;}
#zi_banner .pic{ text-align: center; }
#zi_banner .pic img{ width: 100%;}
#zi_banner .main{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; padding: 6% 0 0;}
#zi_banner .main .container{ padding-left: 45%;}
#zi_banner .main .font{ background: rgba(255,255,255,0.8); padding: 7%;}
#zi_banner .main .tit{ color: #333333; font-size: 48px; font-weight: bold; position: relative; height: 60px;}
#zi_banner .main .tit:before{ position: absolute; left: 0; bottom: 0; width: 20%; height: 3px; content: ''; background: #2051bf;}
#zi_banner .main .content{ font-size: 16px; color: #333333; padding-top: 7%;}

@media screen and (max-width:1600px){
    #zi_banner .main .container{ padding-left: 50%;}
    #zi_banner .main .tit{ font-size: 30px;}
    #zi_banner .main .content{ font-size: 14px; padding-top: 3%;}
}
@media screen and (max-width:1440px){
    #zi_banner .pic img{ width: 120%; margin-left: -10%;}
}
@media screen and (max-width:991px){
    #zi_banner .pic img{ width: 140%; margin-left: -20%;}
    #zi_banner .main .container{ padding: 0 15px;}
    #zi_banner .main{ padding-top: 4%;}
}
@media screen and (max-width:768px) {
    #zi_banner .main .content{ display: none;}
    #zi_banner .main .tit{ font-size: 20px; height: 50px;}
}

#map{ background: url("../images/customer.jpg") no-repeat center bottom; border-top: 1px solid #efefef;}
#map .lianxi{ padding: 7% 5% 10% 0; height: 100vh; overflow-y: scroll;}
#map .lianxi .tit{ line-height: 35px;}
#map .lianxi .tit p{ font-size: 34px; color: #333;}
#map .lianxi .tit span{ font-size: 14px; text-transform: uppercase; color: #999;}
#map .lianxi ul .line{ border-bottom: 1px solid #efefef; padding: 7% 0; color: #999; font-size: 16px; line-height: 35px;}
#map .lianxi ul li{ margin-bottom: 3%;}
#map .lianxi ul li i{ float: left; color: #0072bc; font-size: 22px; margin-right: 15px;}
#map .lianxi ul li .float-start{ line-height: 25px; color: #999;}
#map .lianxi ul li .float-start p{ color: #666;}
#map .lianxi ul .ewm{ display: inline-block; width: 35%; text-align: center; margin: 5% 0 !important;}
#map .lianxi ul .ewm span{ display: block; height: 40px; line-height: 40px; color: #666;}
#map .lianxi ul .ewm img{ width: 100%;}

#map .lianxi::-webkit-scrollbar{
    width:3px;
    height:6px ;
}
#map .lianxi::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px transparent;
    background: #efefef;
}
#map .lianxi::-webkit-scrollbar-thumb{
    background: #efefef;
}

@media screen and (max-width:991px){
    #map .lianxi{ height: auto !important; overflow-y: auto;}
}


#rcln .swiper-container {
    width: 100%;
    height: 100%;
    padding-bottom: 10px;
    overflow: hidden;

}
#rcln .swiper-slide {
    transition:0.3s;
    overflow: hidden;
    position: relative;
    text-align: left;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
#rcln .swiper-slide .pic img{ width: 100%;}
#rcln .swiper-slide .p-4{ transition: 0.3s;}
#rcln .swiper-slide .tit{ color: #333333; font-size: 24px; }
#rcln .swiper-slide .con{ color: #666666; font-size: 16px; padding-top: 3%; min-height: 135px;}
#rcln .swiper-slide:hover .p-4{ background: #f4f8f9;}

@media screen and (max-width:1600px){
}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:1024px){
}
@media screen and (max-width:991px){
    #rcln .swiper-slide .tit{ font-size: 22px;}
    #rcln .swiper-slide .con{ font-size: 14px;}
}


.fuwu_lb{ margin-top: 3% !important;}
.fuwu_lb li{ background: #fff; border: 1px solid #edf0f3; border-radius: 10px; margin-bottom: 4%; transition: 0.3s; padding: 3%; cursor: default;}
.fuwu_lb li .pic{ float: left; text-align: center; width: 20%;}
.fuwu_lb li .pic img{ max-width: 100%;}
.fuwu_lb li .font{ float: left; width: 80%;}
.fuwu_lb li .font .tit{ font-weight: bold; font-size: 20px; color: #000; border-bottom: 1px solid #f3f3f3; height: 40px;}
.fuwu_lb li .font .con{ color: #888888; font-size: 16px; line-height: 35px; padding-top: 2%;}
.fuwu_lb li:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.1);}










.news01 {padding: 3% 0 0;}
.news01 li{ margin-bottom: 7%;}
.news01 .imgbox {width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.news01 .imgbox img { object-fit: cover; left: 0; position: absolute; text-align: center; height:100%; width:100%; transition: 0.3s;}
/*.news01 .shuiyin{position: absolute; background: url("../images/shuiyin.png") no-repeat center; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;}*/
.news01 .imgbox1 {width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
.news01 .imgbox1 p { text-align: center; left: 0; position: absolute; height:100%; width:100%; transition: 0.3s;}
.news01 .imgbox1 p img{ max-width: 100%; max-height: 100%; transition:0.3s;}
.news01 .slide:hover .imgbox img {transform: scale(1.1);}

.news01 .txtbox { height: 50px; line-height: 50px; text-align: center; font-size: 16px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; background: #fff; border-bottom: 1px solid #e2e2e2;}
.news01 .txtbox span{ display: block; z-index: 1; position: relative; transition:0.3s;}
.news01 .txtbox:after {  position: absolute;content: ""; background: #cd000f; height: 100%; width:100%;  left: 0;bottom: 0;
    transition: all 0.5s;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
.news01 .slide:hover .txtbox::after { -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1);
    -o-transform: scaleX(1); transform: scaleX(1);
}
.news01 .slide:hover .txtbox span{ color: #fff;}



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

.hangye{ margin-top: 5% !important;}
.hangye li{ border: 1px solid #e7e7e7; padding: 0;}
.hangye li .float-left{ float: left; background: #f5f5f5; width: 12%; text-align: center; font-size: 18px; font-weight: 100; color: #626364; padding: 5% 0;}
.hangye li .float-left p{ width: 60%; margin: 0 auto !important; transition: 0.3s;}
.hangye li .float-left span{ display: inline-block; font-size: 16px; line-height: 20px; border-top: 1px solid #999; font-family: Arial; margin-top: 20%; padding-top: 20%; transition: 0.3s;}
.hangye li .float-right{ float: right; width: 88%; padding: 5% 5% 0;}
.hangye li .float-right .tit{ color: #333333; font-size: 22px; transition: 0.3s; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.hangye li .float-right .content{ padding: 2% 0; color: #999999;}
.hangye li .float-right .more{ float: left; color: #06439f; height: 35px; line-height: 35px; transition: 0.3s;}
.hangye li:hover .float-left{ background: #06439f;}
.hangye li:hover .float-left p,.hangye li:hover .float-left span{ color: #fff;}
.hangye li:hover .float-left span{ border-top: 1px solid #fff;}
.hangye li:hover .float-right .more{ background: #06439f; color: #fff; padding: 0 5%;}
.hangye li:hover .float-right .tit{ color: #06439f;}
@media screen and (max-width:1440px){
    .hangye li .float-left{ padding: 6% 0;}
}
@media screen and (max-width:991px){
    .hangye li .float-right .tit{ font-size: 18px;}
    .hangye li .float-right{ padding-top: 2%;}
}

.news-list{ border: 5px solid #f5f5f5; margin-top: 4%;}
.news-list .news-item { position: relative; overflow: hidden; cursor: default; background: #fff; }
.news-list .news-item::before { display: block; content: ''; height: 216px; position: absolute; bottom: 0; right: 0; border-right: 1px solid #e9e9e9; z-index: 9; }
.news-list .news-item::after { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform-origin: right center; -moz-transform-origin: right center; -ms-transform-origin: right center; -o-transform-origin: right center; transform-origin: right center; display: block; content: ''; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; border-bottom: 1px solid #e9e9e9; z-index: 3; }
.news-list .news-item .item-wrap { position: relative; z-index: 1; }
.news-list .news-item .item-wrap .news-img-wrap { padding: 30px; position: absolute; z-index: 1; opacity: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -ms-transform: translateY(100px); -o-transform: translateY(100px); transform: translateY(100px); }
.news-list .news-item .item-wrap .news-inf-wrap { position: relative; padding: 30px; background: #ffffff; z-index: 2; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.news-list .news-item .item-wrap .news-inf-wrap .news-title { font-size: 16px; line-height: 42px; /*margin-top: 10px;*/ padding-top: 10px; margin-bottom: 6px; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.news-list .news-item .item-wrap .news-inf-wrap .news-title span{ color: #666;}
.news-list .news-item .item-wrap .news-inf-wrap .news-desc { font-size: 14px; line-height: 26px; color: #999999; height: 52px; overflow: hidden; }
.news-list .news-item .item-wrap .news-inf-wrap .news-time { margin-top: 40px; font-size: 16px; color: #999999; line-height: 36px; }
.news-list .news-item:nth-child(3n):before { display: none; }
.news-list .news-item:hover { overflow: visible; z-index: 9; }
.news-list .news-item:hover::after { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); }
.news-list .news-item:hover .news-img-wrap { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; }
.news-list .news-item:hover .news-inf-wrap { -webkit-transform: translateY(247px); -moz-transform: translateY(247px); -ms-transform: translateY(247px); -o-transform: translateY(247px); transform: translateY(247px); }
.news-list .news-item:nth-child(n+4):before { top: 0; bottom: auto; }
.news-list .news-item:nth-child(n+4)::after { display: none; }
.news-list .news-item:nth-child(n+4) .news-img-wrap { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
.news-list .news-item:nth-child(n+4):hover .news-img-wrap { background-color: #ffffff; -webkit-transform: translateY(-245px); -moz-transform: translateY(-245px); -ms-transform: translateY(-245px); -o-transform: translateY(-245px); transform: translateY(-245px); opacity: 1; }
.news-list .news-item:nth-child(n+4):hover .news-inf-wrap { z-index: 9; -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
.news-list .news-item:hover .item-wrap .news-inf-wrap .news-title,.news-list .news-item:hover .item-wrap .news-inf-wrap .news-title span{ color: #06439f;}


#xwinfo_bj{ background: url("../images/xwinfo_bj.jpg") no-repeat center top;}
#xwinfo_bj .home{ color: #fff; height: 60px; line-height: 60px; margin-top: 2%;}
#xwinfo_bj .home i{ float: left; margin-right: 10px;}
#xwinfo_bj .home a{ color: #fff; padding: 0 5px;}
@media screen and (max-width:1440px){
    #xwinfo_bj .home{ margin-top: 4%;}
}
@media screen and (max-width:991px){
    #xwinfo_bj .home{ margin-top: 8%;}
}
@media screen and (max-width:768px){
    #xwinfo_bj .home{ margin-top: 13%;}
    #xwinfo_bj .news-detail-title .h3{ font-size: 20px;}
}

.bai{ background: #fff;}
.hui{ background: #f8f8fa;}
#xwinfo_bj .bai{ padding: 3%; border-radius: 5px; margin-top: 0.5%;}
#xwinfo_bj .news-detail-title{ line-height: 35px;}
#xwinfo_bj .news-detail-title .h3{ color: #000000; font-size: 30px;}
#xwinfo_bj .news-detail-title .b{ color: #666666; font-size: 14px;}
#xwinfo_bj .news-detail-title .float-end{ color: #666666; font-size: 16px; transition: 0.3s;}
#xwinfo_bj .news-detail-title .float-end p{ display: inline-block; height: 35px; width: 35px; border-radius: 100%; background: #06439f; line-height: 35px; text-align: center; margin-right: 10px !important;}
#xwinfo_bj .news-detail-title .float-end p i{ color: #fff;}
#xwinfo_bj .news-detail-title .float-end:hover{ letter-spacing: 3px;}
#xwinfo_bj .news-detail{ font-size: 15px; color: #666666; min-height: 500px;}
#xwinfo_bj .newsPage{ padding: 0;}
#xwinfo_bj .newsPage .page-a{ float: left; color: #999; font-size: 16px; width: 45%; height: 90px; line-height: 90px; padding-left: 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 .page-a:last-of-type{ float: right;}
#xwinfo_bj .newsPage .page_more{ float: left; position: relative; width: 90px;height: 90px; border-left: 3px solid #f5f5f5;border-right: 3px solid #f5f5f5;transition:.4s; }
#xwinfo_bj .newsPage .page_more:hover{background: #06439f;}
#xwinfo_bj .newsPage .page_more:hover i{background:  #fff ;}
#xwinfo_bj .newsPage .page_more:hover i:nth-of-type(1){width: 10px;}
#xwinfo_bj .newsPage .page_more:hover i:nth-of-type(2){width: 20px;}
#xwinfo_bj .newsPage .page_more:hover i:nth-of-type(3){width: 30px;}
.pagerList{position: absolute; top:38px; left: 28px;}
.pagerList span{display: block;}
.pagerList span i{display: block; background:#aaa; width: 30px; transition:.4s; height: 2px; margin-bottom:3px;}
#xwinfo_bj .newsPage .page-a:hover,#xwinfo_bj .newsPage .page-a:hover a{ color: #06439f;}
@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;}
}





/*公司简介*/
.gsjj_con{ padding: 8% 5% 0 0;}
.gsjj_con .tit_in:before{ background: url(../images/tit_bj.png) no-repeat center left;}
.gsjj_line{ text-align: right; color: #484848; font-size: 36px; text-transform: uppercase; position: relative; float: right; margin-top: 3%;}
.gsjj_line span{ color: #2051bf; font-size: 48px; font-weight: bold; font-family: Bahnschrift;}
.gsjj_line:before{ position: absolute; right: 120%; top: 50%; width: 400px; height: 1px; background: #e6e6e6; content: ''}
.gsjj_con .content{ clear: both; color: #666666; font-size: 16px; padding-top: 7%; line-height: 35px;}
@media screen and (max-width:991px){
    .gsjj_pic img{ width: 100%;}
}

.jjlb{ margin: 5% 0 !important;}
.jjlb .pic{ float: left; background: url("../images/jjlb_bj.png") no-repeat left top; width: 165px; height: 171px; text-align: center; line-height: 171px; color: #fff; transition: 0.3s;}
.jjlb .pic i{ font-size: 34px;}
.jjlb li:hover .pic{ background: url("../images/jjlb_bj_hover.png") no-repeat left top;}
.jjlb .float-start{ line-height: 20px; padding-top: 15%; position: relative; margin-left: -8%;}
.jjlb .float-start h1{ color: #646464; font-size: 16px;}
.jjlb .float-start h1 span{ color: #2051bf; font-size: 48px; font-weight: bold; font-family: Bahnschrift; transition: 0.3s;}
.jjlb .float-start p{ color: #646464; font-size: 16px;}
.jjlb li:hover .float-start h1 span{ color: #d8262c;}
@media screen and (max-width:1200px){
    .jjlb li{ float: left; width: 50%; margin-bottom: 3%;}
    .jjlb .float-start{ padding-top: 10%; margin-left: 0;}
}
@media screen and (max-width:768px){
    .jjlb{ display: none;}
}


#whbj{ background: url("../images/whbj.jpg") no-repeat center fixed;}
#qywh{ margin-top: 3%;}
#qywh .swiper {
    width: 100%;
    height: 100%;
}

#qywh .swiper-slide {
    text-align: center;
    position: relative;
    cursor: default;
    color: #fff;
    background: rgba(0,0,0,0.5);
    border-right: 1px solid rgba(255,255,255,0.3);
    padding: 10% 0 3%;
    transition: 0.5s;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#qywh .swiper-slide i{ font-size: 50px; height: 50px; line-height: 50px;}
#qywh .swiper-slide h1{ font-size: 26px; font-weight: bold; position: relative; padding-bottom: 20px; height: 50px; margin: 10% 0 !important;}
#qywh .swiper-slide h1:before{ position: absolute; left: 50%; bottom: 0; background: url("../images/wh_line.png") no-repeat center; height: 7px; width: 0; content: ''; transition: 0.5s; opacity: 0;}
#qywh .swiper-slide p{ font-size: 14px; line-height: 25px; opacity: 0; transition: 0.3s;}
#qywh .swiper-slide span{ display: block; font-size: 18px; padding-top: 30%; transition: 0.3s;}
#qywh .swiper-slide:hover h1:before{ left: 0; opacity: 1; width: 100%;}
#qywh .swiper-slide:hover{ background: rgba(32,81,191,0.9); padding: 8% 0 5%;}
#qywh .swiper-slide:hover p{ opacity: 1;}
#qywh .swiper-slide:hover span{ font-size: 72px; font-weight: bold;}
@media screen and (max-width:991px){
    #qywh{ margin-bottom: 3% !important;}
}

@media screen and (max-width:768px){
    #qywh .swiper-slide:hover span{ font-size: 50px;}
}



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


#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{ padding: 0; text-align: center;}
#qyfz .mySwiper2 .swiper-slide .wd{ width: 65%; display: inline-block;}
#qyfz .mySwiper2 .swiper-slide .bt{ line-height: 70px; height: 70px; color: #647ecc; font-size: 60px; text-align: left;}
#qyfz .mySwiper2 .swiper-slide .font{ color: #666666; font-size: 16px; line-height: 30px; min-height: 70px; text-align: left;}
#qyfz .mySwiper2 .swiper-slide .pic{ padding-top: 3%; opacity: 0; transition: 0.3s;}
#qyfz .mySwiper2 .swiper-slide .pic img{ width: 100%;}
#qyfz .mySwiper2 .swiper-slide-active .pic{ opacity: 1;}
#qyfz .mySwiper2 .swiper-slide-active .bt{ color: #d8262c; filter: drop-shadow(8px 5px 8px rgba(216, 38, 44, 0.26));}

#qyfz .mySwiper2 {
    height: 80%;
    width: 100%;
    padding: 0 32% 3% !important;
}

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

#qyfz .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    position: relative;;
}
#qyfz .mySwiper:before{ position: absolute; content: ''; left: 30px; top: 8px; height: 1px; width: 95.5%; border-bottom: 1px solid rgba(32,81,191,0.7);}
#qyfz .mySwiper .swiper-slide { height: auto; font-size: 14px; cursor: pointer; transition: 0.3s; text-align: center;}
#qyfz .mySwiper .swiper-slide .bz{ display: inline-block; width: 7px; height: 7px; top: 5px; background: #647ecc; border-radius: 100%; position: absolute;}
#qyfz .mySwiper .swiper-slide .bz:before{ position: absolute; left: -53%; top: -57%; width: 15px; height: 15px; border-radius: 100%; background: rgba(216,38,44,0.2); content: ''; opacity: 0; transition: 0.3s;}
#qyfz .mySwiper .swiper-slide h4{ font-size: 36px; color: #647ecc; transition: 0.3s; margin-top: 15% !important; font-weight: bold !important;}
#qyfz .mySwiper .swiper-slide-thumb-active h4{ color: #d8262c;}
#qyfz .mySwiper .swiper-slide-thumb-active .bz{ background: #d8262c;}
#qyfz .mySwiper .swiper-slide-thumb-active .bz:before{ opacity: 1;}

#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:1200px){
    #qyfz .mySwiper2 .swiper-slide .wd{ width: 80%;}
    #qyfz .mySwiper2 .swiper-slide .bt{ font-size: 40px;}
    #qyfz .mySwiper2 .swiper-slide .font{ font-size: 14px;}
    #qyfz .mySwiper .swiper-slide h4{ font-size: 28px;}
    #qyfz .mySwiper2{ width: 97%;}
}
@media screen and (max-width:991px){
    #qyfz .mySwiper2 { padding: 0 0 3% !important; }
    #qyfz .mySwiper2 .swiper-slide .wd{ width: 90%;}
}


/*#qyfz{ position: relative;}*/
/*#qyfz .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto;}*/
/*#qyfz .swiper-slide { background-size: cover; background-position: center; position: relative;}*/
/*#qyfz .gallery-top { height: auto; width: 100%; padding: 0 0 4%; overflow: hidden;}*/
/*#qyfz .gallery-top .swiper-slide{ padding: 0; text-align: center;}*/
/*#qyfz .gallery-top .swiper-slide .wd{ width: 65%; display: inline-block;}*/
/*#qyfz .gallery-top .swiper-slide .bt{ line-height: 70px; height: 70px; color: #647ecc; font-size: 60px; text-align: left;}*/
/*#qyfz .gallery-top .swiper-slide .font{ color: #666666; font-size: 16px; line-height: 30px; min-height: 70px; text-align: left;}*/
/*#qyfz .gallery-top .swiper-slide .pic{ padding-top: 3%; opacity: 0; transition: 0.3s;}*/
/*#qyfz .gallery-top .swiper-slide .pic img{ width: 100%;}*/
/*#qyfz .gallery-top .swiper-slide-next .pic{ opacity: 1;}*/
/*#qyfz .gallery-top .swiper-slide-next .bt{ color: #d8262c; filter: drop-shadow(8px 5px 8px rgba(216, 38, 44, 0.26));}*/

/*#qyfz .gallery-thumbs { height: auto; text-align: center; overflow: hidden; box-sizing: border-box; position: relative;}*/
/*#qyfz .gallery-thumbs:before{ position: absolute; content: ''; left: 30px; top: 16px; height: 1px; width: 95.5%; border-bottom: 1px solid rgba(32,81,191,0.7);}*/
/*#qyfz .gallery-thumbs .swiper-slide { height: auto; font-size: 14px; cursor: pointer; transition: 0.3s; text-align: center;}*/
/*#qyfz .gallery-thumbs .swiper-slide .bz{ display: inline-block; position: relative; width: 7px; height: 7px; background: #647ecc; border-radius: 100%; position: relative;}*/
/*#qyfz .gallery-thumbs .swiper-slide .bz:before{ position: absolute; left: -53%; top: -57%; width: 15px; height: 15px; border-radius: 100%; background: rgba(216,38,44,0.2); content: ''; opacity: 0; transition: 0.3s;}*/
/*#qyfz .gallery-thumbs .swiper-slide h4{ font-size: 36px; color: #647ecc; transition: 0.3s; margin-top: 5% !important; font-weight: bold !important;}*/
/*#qyfz .gallery-thumbs .swiper-slide-thumb-active h4{ color: #d8262c;}*/
/*#qyfz .gallery-thumbs .swiper-slide-thumb-active .bz{ background: #d8262c;}*/
/*#qyfz .gallery-thumbs .swiper-slide-thumb-active .bz:before{ opacity: 1;}*/

/*#qyfz .swiper-button-next,#qyfz .swiper-button-prev{ top: 58%;}*/
/*#qyfz .swiper-button-next:after,#qyfz .swiper-button-prev:after{ display: none;}*/
/*#qyfz .swiper-button-next i,#qyfz .swiper-button-prev i{ font-size: 25px; color: #999999; transition: 0.3s;}*/
/*#qyfz .swiper-button-next{ right: 0;}*/
/*#qyfz .swiper-button-prev{ left: 0;}*/
/*#qyfz .swiper-button-next:hover i,#qyfz .swiper-button-prev:hover i{ color: #c3002f;}*/
/*@media screen and (max-width:991px){*/
/*    #qyfz .gallery-top .swiper-slide .bt{ border: none;}*/
/*}*/
/*@media screen and (max-width:768px){*/
/*    #qyfz .gallery-top .swiper-slide .pic{ padding-bottom: 65%;}*/
/*    #qyfz .gallery-top .swiper-slide{ padding: 0;}*/
/*    #qyfz .swiper-button-next,#qyfz .swiper-button-prev{ display: none;}*/
/*    #qyfz .gallery-top .swiper-slide .font{ padding: 3% !important;}*/
/*}*/


#rybj{ background: url("../images/rybj.jpg") no-repeat center fixed;}
#rybj .main{ background: url("../images/ry_pic.png") no-repeat right bottom; padding-bottom: 8%;}

#zzry{ margin-top: 3%;overflow: hidden; width: 80%; position: relative; padding-bottom: 8%;}
#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{ display: block; width: 100%; height: 0; padding-bottom: 130%; position: relative; text-align: center;}
#zzry .swiper-slide .pic a{ display: block; width: 100%; height: 100%; left: 0; position: absolute;}
#zzry .swiper-slide .pic a img{ max-width: 100%; max-height: 100%; transition:0.3s;}
#zzry .swiper-slide p{ width: 100%; text-align: center; height: 50px; transition: 0.3s; background: #fff; line-height: 50px; color: #333333; font-size: 16px;}
#zzry .swiper-slide:hover p{ background: #2042a3; color: #fff;}
#zzry .swiper-button-next:after,#zzry .swiper-button-prev:after{ display: none;}
#zzry .swiper-button-next,#zzry .swiper-button-prev{ width: 60px; height: 60px; border: 1px solid #d8262c; border-radius: 100%; top: auto; bottom: 0; transition: 0.3s;}
#zzry .swiper-button-next i,#zzry .swiper-button-prev i{ color: #d8262c; font-size: 20px; transition: 0.3s;}
#zzry .swiper-button-next{ right: auto; left: 100px;}
#zzry .swiper-button-prev:hover,#zzry .swiper-button-next:hover{ background: #d8262c;}
#zzry .swiper-button-prev:hover i,#zzry .swiper-button-next:hover i{ color: #fff;}
@media screen and (max-width:1440px){
    #rybj .main{ background-size: 60%;}
}
@media screen and (max-width:1200px){
    #zzry .swiper-container{ padding-bottom: 7%;}
}
@media screen and (max-width:768px){

}
@media screen and (max-width:765px){
    #zzry .swiper-container{ padding-bottom: 15%;}
}


#anli {
    position: relative;
}

#anli .swiper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#anli .swiper-slide {
    /* 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;
}

#anli .swiper-slide .pic {
    width: 100%;
    height: 0;
    padding-bottom: 70%;
    position: relative;
    overflow: hidden;
}

#anli .swiper-slide .pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    left: 0;
    position: absolute;
    text-align: center;
}

#anli .mySwiper2 {
    height: 100%;
    width: 100%;
}

#anli .mySwiper2 .row {
    margin: 0;
}

#anli .mySwiper2 .pic_font {
    padding: 2% 0 0 5%;
}

#anli .mySwiper2 .pic_font .tit {
    position: relative;
    padding-bottom: 3%;
    color: #282828;
    font-size: 24px;
    font-weight: bold;
}

#anli .mySwiper2 .pic_font .tit:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    width: 5%;
    height: 1px;
    background: #ed1d23;
}


#anli .mySwiper2 .pic_font .content {
    padding: 5% 0;
    color: #666666;
    font-size: 15px;
    line-height: 35px;
}

#anli .mySwiper2 .swiper-button-next:after, #anli .mySwiper2 .swiper-button-prev:after {
    display: none;
}

#anli .mySwiper2 .swiper-button-next, #anli .mySwiper2 .swiper-button-prev {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 100%;
    border: 1px solid #ef3137;
    transition: 0.3s;
}

#anli .mySwiper2 .swiper-button-next i, #anli .mySwiper2 .swiper-button-prev i {
    color: #ef3137;
    font-size: 10px;
    transition: 0.3s;
}

#anli .mySwiper2 .swiper-button-next {
    right: 0;
    top: 45%;
}

#anli .mySwiper2 .swiper-button-prev {
    left: auto;
    right: 55px;
    top: 45%;
}

#anli .mySwiper2 .swiper-button-next:hover, #anli .mySwiper2 .swiper-button-prev:hover {
    border: 1px solid #ef3137;
    background: #ef3137;
}

#anli .mySwiper2 .swiper-button-next:hover i, #anli .mySwiper2 .swiper-button-prev:hover i {
    color: #fff;
}


#anli .font {
    position: absolute;
    bottom: 0;
    width: 48%;
    height: 47%;
    right: 0;
}

#anli .mySwiper {
    height: 100%;
    box-sizing: border-box;
}

#anli .mySwiper .swiper-slide {
    width: 50%;
    height: 100%;
    opacity: 0.4;
}

#anli .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}
@media screen and (max-width:1440px){
    #anli .mySwiper2 .pic_font .content{ line-height: 25px; font-size: 13px;}
}
@media screen and (max-width:1200px){
    /*#anli .font{ display: none;}*/
    #anli .mySwiper2 .swiper-button-next,#anli .mySwiper2 .swiper-button-prev{ display: none;}
    #anli .mySwiper2 .pic_font .content{ font-size: 12px; padding: 2% 0; line-height: 22px;}
    #anli .mySwiper2 .pic_font{ padding: 0 0 0 2%;}
}
@media screen and (max-width:991px){
    #anli{ padding: 0 15px;}
    #anli .swiper-slide .pic{ margin-top: 3%;}
    #anli .font{ position: relative; padding: 0; width: 100%;}
    #anli .mySwiper2 .pic_font{ padding: 15px 0;}
}


#crcm_bj{ background: url("../images/jj_bj1.jpg") no-repeat center top #f5f5f5; position: relative;}
#crcm_bj:before{ position: absolute; left: 0; bottom: 10%; content: 'Production strength'; width: 100%; height: 150px; color: rgba(173,173,173,0.1); font-size: 150px; text-align: center; font-weight: bold; text-transform: uppercase; font-style: italic;}
#crcm_bj .font{ color: #fff;}
#crcm_bj .font ul{ width: 100%; padding-top: 15% !important;}
#crcm_bj .font .col-lg-7{ font-size: 30px; font-weight: bold; line-height: 50px; padding-top: 5%;}
#crcm_bj .font ul li{ font-size: 16px;}
#crcm_bj .font ul li h1{ font-size: 16px;}
#crcm_bj .font ul li h1 span{ font-size: 48px; padding-right: 10px; font-weight: bold;}
#crcm_bj .more{ height: 50px; line-height: 50px; border-radius: 5px; background: #d8262c; width: 200px; text-align: center; color: #fff; margin: 15% auto 0;}
#crcm{ overflow: hidden;}
#crcm .swiper-container {
    width: 100%;
    height: 100%;
}
#crcm .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;
}
#crcm .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 72%; position: relative; text-align: center; overflow: hidden;}
#crcm .swiper-slide .pic img{width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.3s;}
#crcm .swiper-slide .pic p{ position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; height: 50px; transition: 0.3s; background: rgba(0,0,0,0.5); line-height: 50px; color: #fff; font-size: 16px;}
#crcm .swiper-slide:hover p{ background: rgba(32,81,191,0.9); color: #fff;}
#crcm .swiper-slide:hover .pic img{ transform: scale(1.1);}
@media screen and (max-width:1800px){
    #crcm_bj:before{ font-size: 120px;}
}
@media screen and (max-width:1600px){
    #crcm_bj:before{ font-size: 100px;}
}
@media screen and (max-width:1400px){
    #crcm_bj:before{ font-size: 90px; bottom: 0;}
    #crcm_bj .more{margin: 7% auto 0;}
}
@media screen and (max-width:1200px){
    #crcm .swiper-container{ padding-bottom: 7%;}
    #crcm_bj .font .col-lg-7{ font-size: 24px;}
    #crcm_bj:before{ display: none;}
    #crcm_bj .more{margin: 0 auto 0;}
}
@media screen and (max-width:991px){
    #crcm_bj .font ul{ padding-top: 5% !important;}
}
@media screen and (max-width:765px){
    #crcm .swiper-container{ padding-bottom: 15%;}
}




/*产品中心*/
#cpclass{ margin-top: 5%;}
#cpclass .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#cpclass .swiper-slide {
    text-align: center;
    transition:0.3s;
    height: 90px;
    line-height: 90px;
    color: #2f2f2f;
    font-size: 18px;
    background: #eff3f5;
    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;
}
#cpclass .swiper-slide:before{ position: absolute; left: 0; top: 0; background: url("../images/cpclass_hover.jpg") no-repeat center top; content: ''; width: 100%; height: 200%; opacity: 0; transition: 0.8s;}
#cpclass .swiper-slide a{ display: block; width: 100%; padding: 0 10px;}
#cpclass .swiper-slide p{ transition: 0.3s; float: right; position: relative; width: 50%; text-align: center;  font-size: 14px;}
#cpclass .swiper-slide .pic{ float: left; width: 90px !important; height: 90px; border-radius: 100%; position: relative; background: #fff; overflow: hidden;}
#cpclass .swiper-slide .pic img{ max-width: 100%; height: 100%; border-radius: 100%;}
#cpclass .swiper-slide:hover a{ color: #fff;}
#cpclass .swiper-slide:hover:before{ background: url("../images/cpclass_hover.jpg") no-repeat center top; background-size: 100%; top: -10%; opacity: 1;}
#cpclass #li-on:before{ background: url("../images/cpclass_hover.jpg") no-repeat center top; background-size: 100%; top: -10%; opacity: 1;}
#cpclass #li-on a{ color: #fff;}
@media screen and (max-width:1440px){
    #cpclass .swiper-slide .pic{ width: 70px !important; height: 70px; line-height: 70px; margin-top: 10px;}
    #cpclass .swiper-slide p{  width: 55%; text-align: left;}
}
@media screen and (max-width:991px){
    #cpclass .swiper-slide p{ font-size: 14px;}
}
@media screen and (max-width:768px){
    #cpclass .swiper-slide p{ font-size: 12px; width: 55%; text-align: left;}
    #cpclass .swiper-slide a{ padding: 0;}
}
.tit_cp_zy{ position: relative; height: 40px; line-height: 40px;}
.tit_cp_zy .tit{ position: relative;}
.tit_cp_zy .tit:before{ position: absolute; right: -10%; top: 50%; width: 60%; height: 1px; content: ''; background: #eff2f4;}
.tit_cp_zy .tit .num{ float: left; text-align: center; color: #2051bf; font-family: Bahnschrift; font-size: 48px; font-weight: bold;}
.tit_cp_zy .tit .float-start{ padding-left: 2%; line-height: 40px; height: 40px;}
.tit_cp_zy .tit .float-start p{ float: left; color: #2051bf; font-size: 30px; font-weight: bold;}
.tit_cp_zy .tit .float-start span{ display: block; float: left; color: #b0b3be; font-size: 30px; text-transform: uppercase; font-weight: bold; font-family: Bahnschrift; padding-left: 10px;}
.tit_cp_zy .font{ float: right; text-align: right; color: #b0b3be; font-size: 18px; padding-right: 20px;}
.tit_cp_zy .font span{ font-weight: bold; color: #dd1c2d;}
.tit_cp_zy .more{ float: right; height: 40px; line-height: 40px; background: #dd1c2d; padding: 0 7%; transition: 0.3s;}
.tit_cp_zy .more a{ color: #fff;}
.tit_cp_zy .more:hover{ background: #2051bf; color: #fff;}
.tit_cp_zy .more:hover a{ color: #fff;}
@media screen and (max-width:1200px){
    .tit_cp_zy .tit .float-start p{ font-size: 24px;}
    .tit_cp_zy .tit .float-start span{ font-size: 14px;}
}
@media screen and (max-width:768px){
    .tit_cp_zy .tit .num{  font-size: 26px;}
    .tit_cp_zy .tit .float-start{ width: 85%; }
    .tit_cp_zy .tit .float-start p{ font-size: 22px;}
    .tit_cp_zy .tit .float-start span{ font-size: 14px;}
}
@media screen and (max-width:450px){
    .tit_cp_zy .tit .float-start{ width: 80%;}
}


#xwzx{ margin-top: 3%;}
#xwzx .xwzx_lb { position: relative; text-align: center; transition:0.3s; background: #fff; margin-bottom: 8%;}
#xwzx .xwzx_lb:before{ position: absolute; left: 50%; bottom: 0; content: ''; width: 0; z-index: 1; height: 4px; background: #0c8bf2; transition: 0.3s;}
#xwzx .xwzx_lb .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; background: #fff; border: 1px solid #e7e9ec; }
#xwzx .xwzx_lb .pic p{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#xwzx .xwzx_lb .pic p img{ max-width: 100%; height: auto;}
#xwzx .xwzx_lb .font{ padding: 5% 3%; width: 100%; text-align: left; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: none; border-bottom: 1px solid #e7e9ec; transition: 0.3s; position: relative;}
#xwzx .xwzx_lb .tit{ width: 100%; color: #333333; font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; transition: 0.3s; padding-bottom: 10px;}
#xwzx .xwzx_lb .content{ color: #999999; min-height: 70px; font-size: 15px;}
#xwzx .xwzx_lb .more{ position: absolute; right: 3%; top: 15%; width: 30px; height: 30px; line-height: 30px; border-radius: 100%; border: 1px solid #e7e9ec; color: #2051bf; transition: 0.3s; text-align: center;}
#xwzx .xwzx_lb .more i{ font-size: 14px; font-weight: bold;}
#xwzx .xwzx_lb:hover:before{ left: 0; width: 100%;}
#xwzx .xwzx_lb:hover .font{ background: #f4f5f9; border-left: 1px solid #e7e9ec; border-right: 1px solid #e7e9ec;}
#xwzx .xwzx_lb:hover .more{ background: #2051bf; color: #fff;}







#xgcp_info{  position: relative;}
#xgcp_info .swiper-container {
    margin: 0 0 1%;
    width: 100%;
    padding: 3% 0 0;
    overflow: hidden;
    height: 100%;
}
#xgcp_info .swiper-slide {
    text-align: center;
    transition:0.3s;
    background: #fff;

    /* 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_info .swiper-slide:before{ position: absolute; left: 50%; bottom: 0; content: ''; width: 0; z-index: 1; height: 4px; background: #0c8bf2; transition: 0.3s;}
#xgcp_info .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; background: #fff; border: 1px solid #e7e9ec; }
#xgcp_info .swiper-slide .pic p{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#xgcp_info .swiper-slide .pic p img{ max-width: 100%; height: 100%;}
#xgcp_info .swiper-slide .font{ padding: 5% 3%; width: 100%; text-align: left; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: none; border-bottom: 1px solid #e7e9ec; transition: 0.3s; position: relative;}
#xgcp_info .swiper-slide .tit{ width: 100%; color: #333333; font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; transition: 0.3s; padding-bottom: 10px;}
#xgcp_info .swiper-slide .content{ color: #999999; min-height: 70px; font-size: 15px;}
#xgcp_info .swiper-slide .more{ position: absolute; right: 3%; top: 15%; width: 40px; height: 40px; line-height: 40px; border-radius: 100%; border: 1px solid #e7e9ec; color: #2051bf; transition: 0.3s; text-align: center;}
#xgcp_info .swiper-slide .more i{ font-weight: bold;}
#xgcp_info .swiper-slide:hover:before{ left: 0; width: 100%;}
#xgcp_info .swiper-slide:hover .font{ background: #f4f5f9; border-left: 1px solid #e7e9ec; border-right: 1px solid #e7e9ec;}
#xgcp_info .swiper-slide:hover .more{ background: #2051bf; color: #fff;}
#xgcp_info .swiper-button-next:after,#xgcp_info .swiper-button-prev:after{ display: none;}
#xgcp_info .swiper-button-next i,#xgcp_info .swiper-button-prev i{ color: #fff; font-size: 30px;}
#xgcp_info .swiper-button-next,#xgcp_info .swiper-button-prev{ background: rgba(32,81,191,0.6); width: 50px; height: 80px;}
#xgcp_info .swiper-button-next{ right: -60px;}
#xgcp_info .swiper-button-prev{ left: -60px; }

#cpnr_lb li{ text-align: center; transition:0.3s; background: #fff; position: relative; margin-bottom: 8%;}
#cpnr_lb li:before{ position: absolute; left: 50%; bottom: 0; content: ''; width: 0; z-index: 1; height: 4px; background: #0c8bf2; transition: 0.3s;}
#cpnr_lb li .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; background: #fff; border: 1px solid #e7e9ec; }
#cpnr_lb li .pic p{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#cpnr_lb li .pic p img{ max-width: 100%; height: auto;}
#cpnr_lb li .font{ padding: 5% 3%; width: 100%; text-align: left; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: none; border-bottom: 1px solid #e7e9ec; transition: 0.3s; position: relative;}
#cpnr_lb li .tit{ width: 100%; color: #333333; font-size: 18px; font-weight: bold; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; transition: 0.3s; padding-bottom: 10px;}
#cpnr_lb li .content{ color: #999999; min-height: 65px;}
#cpnr_lb li .more{ position: absolute; right: 3%; top: 15%; width: 40px; height: 40px; line-height: 40px; border-radius: 100%; border: 1px solid #e7e9ec; color: #2051bf; transition: 0.3s; text-align: center;}
#cpnr_lb li .more i{ font-weight: bold;}
#cpnr_lb li:hover:before{ left: 0; width: 100%;}
#cpnr_lb li:hover .font{ background: #f4f5f9; border-left: 1px solid #e7e9ec; border-right: 1px solid #e7e9ec;}
#cpnr_lb li:hover .more{ background: #2051bf; color: #fff;}



#proinfo_bj{ background: url("../images/info_bj.jpg") no-repeat center bottom;}
#proinfo_bj .main{ padding-top: 3%;}
#proinfo_bj #home{ color: #fff; border-bottom: 1px solid rgba(255,255,255,0.3); height: 70px; line-height: 70px;}
#proinfo_bj #home i{ float: left; margin-right: 10px;}
#proinfo_bj #home a{ color: #fff; padding: 0 5px;}


.cpleft .swiper {
    width: 100%;
    height: 100%;
}

.cpleft .swiper-slide {
    text-align: center;
    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;
}
.cpleft .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 65%; position: relative; overflow: hidden; border-radius: 10px;}
.cpleft .swiper-slide .pic p{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; background: #000;}
.cpleft .swiper-slide .pic p img{ width: 100%; height: 100%; }
.cpleft .swiper {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.cpleft .swiper-slide {
    background-size: cover;
    background-position: center;
}

.cpleft .mySwiper2 {
    height: 80%;
    width: 100%;
}
.cpleft .mySwiper2 .swiper-slide { border-radius: 20px;}
.cpleft .mySwiper {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
}

.cpleft .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
}
.cpleft .mySwiper .swiper-slide .pic{ border: 2px solid #fff; transition: 0.3s;}
.cpleft .mySwiper .swiper-slide .pic p img{ width: 100%; height: 100%;}
.cpleft .mySwiper .swiper-slide-thumb-active .pic { border: 2px solid #2051bf; }
@media screen and (max-width:1200px){
    .cpleft .mySwiper{  height: 30%;}
    .cpleft .mySwiper2{ height: 70%;}
}



.cp_right{ color: #fff;}
.cp_right h2{ font-size: 36px;}
.cp_right .fu{ font-size: 16px; border: 1px dashed #af2127; height: 50px; line-height: 50px; text-align: center; margin-top: 3%;}
.cp_right .content{ border-bottom: 2px solid #fff; padding: 5% 0 3%; position: relative; margin-bottom: 2%;}
.cp_right .content p{ font-size: 16px; font-weight: bold;}
.cp_right .content:before{ position: absolute; left: 0; bottom: -2px; height: 3px; background: #d8262c; width: 20%; content: '';}
.cp_right .zx{ position: relative; height: 136px; padding-top: 42px;}
.cp_right .zx p{ width: 80%; float: right; font-size: 16px; border: 1px dashed #fff; height: 50px; line-height: 50px; text-align: right; padding-right: 6%;}
.cp_right .zx span{ display: block; position: absolute; left: 0; top: 0; width: 136px; height: 136px;}
/*.cp_right .zx:before{ position: absolute; content: '“'; font-size: 120px; left: 120px; top: 55px; color: #c60000;}*/
/*.cp_right .zx:after{ position: absolute; content: '”'; font-size: 120px; right: 0; bottom: 0; color: #c60000;}*/
.cp_right .cptel span{ font-size: 50px; font-family: Bahnschrift; padding-left: 10px; line-height: 50px;}
.cp_right .cptel{ font-size: 16px; margin-top: 3%;}
.cp_right .cptel i{ font-size: 34px; padding-right: 10px;}
.cp_right dl{ margin-top: 5%;}
.cp_right dl dd{ text-align: center; height: 45px; line-height: 45px; border: 1px solid #b4262c; border-bottom-left-radius: 20px; border-top-right-radius: 20px; width: 30%; transition: 0.3s; cursor: default;}
.cp_right dl dd i{ display: inline-block; color: #be0202; margin-right: 2%; transition: 0.3s;}
.cp_right dl dd:hover{ background: #b4262c; border-radius: 0; color: #fff;}
.cp_right dl dd:hover i{ color: #fff;}
.cp_right ul{ margin-top: 5% !important;}
.cp_right ul li{ background: #d8262c; height: 60px; line-height: 60px; color: #fff; text-align: center; border-bottom-left-radius: 20px; border-top-right-radius: 20px; width: 40%; font-size: 16px; transition: 0.3s; }
.cp_right ul li i{ display: inline-block; font-size: 20px; margin-right: 10px;}
.cp_right ul li:last-of-type{ background: #2051bf;}
.cp_right ul li a{ color: #fff;}
.cp_right ul li:hover{ background: #333;}

@media screen and (max-width:1440px){
    .cp_right .fu{ font-size: 14px;}
    .cp_right .zx p{ font-size: 13px;}
    .cp_right .cptel{ font-size: 14px;}
    .cp_right dl dd i{ display: none;}
    .cp_right ul li{ width: 45%;}
    .cp_right ul li i{ display: none;}
}
@media screen and (max-width:1200px){
    .cp_right .fu,.cp_right .zx,.cp_right .cptel i{ display: none;}
    .cp_right .cptel{ font-size: 12px; margin-top: 5%;}
    .cp_right .cptel span{ font-size: 22px;}
    .cp_right dl dd{ font-size: 12px; width: 32%;}
}
@media screen and (max-width:991px){
    .cp_right h2{ font-size: 24px;}
}
@media screen and (max-width:768px){
    .cp_right ul li{ width: 100%;}
    .cp_right dl,.cp_right ul li:last-of-type{ display: none !important;}
}


#cpbtqh{ width: 100%; transition:0.3s;}
#cpbt_lb{ background: #f5f5f5; height: 70px; line-height: 70px; margin: 0 auto !important;}
#cpbt_lb li{ width: 14%; border-right: 1px solid #e4e4e4; font-size: 16px; text-align: center; transition: 0.3s;}
#cpbt_lb li a{ display: inline-block; position: relative;}
#cpbt_lb li a:before{ position: absolute; content: ''; background: url("../images/cpinfo_tit_bai.png") no-repeat left top; width: 14px; height: 14px; left: 0; top: 41%; opacity: 0; transition: 0.3s;}
#cpbt_lb li:last-of-type{ border-right: none;}
#cpbt_lb li:hover{ background: #d8262c;}
#cpbt_lb li:hover a{ color: #fff;}
#cpbt_lb li:hover a:before{ opacity: 1; left: -25px;}
#cpbt_lb li.current a{ color: #fff;}
#cpbt_lb li.current a:before{ opacity: 1; left: -25px;}
#cpbt_lb li.current{ background: #d8262c;}
@media screen and (max-width:1200px){
    #cpbt_lb li{ font-size: 14px;}
    #cpbt_lb li a:before{ display: none;}
}
@media screen and (max-width:991px){
    #cpbt_lb{ height: auto; line-height: 50px;}
    #cpbt_lb li{ float: left; width: 25%;}
    #cpbt_lb li:nth-of-type(4){ border: none;}
}


.cptit{ border-bottom: 1px solid #e3e3e3; color: #212129; font-size: 30px; height: 65px; padding-left: 10px;}
.cptit i{ margin-right: 10px;}
.cp_content{ font-size: 15px; padding: 2% 15px 5%; line-height: 35px; color: #666;}




.cptd{ margin-top: 5% !important; padding-left: 8% !important;}
.cptd li{ border-left: 1px solid #2051bf; padding: 0 0 5% 5%; position: relative; cursor: pointer;}
.cptd li i{ display: block; width: 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 100%; font-size: 12px; background: #eaf6fd; border: 1px solid #2051bf; position: absolute; left: -13px; top: 5px; transition: 0.3s;}
.cptd li h4{ position:relative;display:table;font-size:20px; height: 40px; line-height: 40px; font-weight:normal;cursor:pointer;transition:all ease 0.3s}
.cptd li p{ font-size:16px;line-height:1.875;display:none; padding-top: 2%;}
.cptd li:hover h4,.cptd li.active h4{ color:#ffffff; background-color: #2051bf;padding:0 12px;}
.cptd li:hover i,.cptd li.active i{ background: #2051bf; color: #fff; transform:rotate(90deg);}

@media screen and (max-width:991px){
    .cptit{ font-size: 24px;}
    .cp_content{ font-size: 14px !important;}
    .cptd{ margin-bottom: 5% !important;}
    .cptd li h4{ font-size: 16px;}
    .cptd li p{ font-size: 12px;}
}



.jscs table{ width: 100% !important; text-align: center;}
.jscs table td{ border: 1px solid #efefef;}
.jscs table tr{ transition: 0.3s;}
.jscs table tr:first-of-type{ background: #2051bf; color: #fff;}
.jscs table tr:hover{ background: #ccc;}

.khxc{ text-align: center;}
.khxc li{ float: left; width: 31%; margin: 1%; text-align: center;}
.khxc li .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; }
.khxc li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.3s;}
.khxc li p{ height: 50px; line-height: 50px; width: 100%; background: #efefef; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
.khxc li:hover .pic img{ transform: scale(1.1);}
.khxc li:last-of-type{ background: #efefef; padding: 12% 0; overflow: hidden;}
.khxc li:last-of-type .font{ width: 100%; height: auto; font-size: 50px; color: #666;}
.khxc li:last-of-type:hover .font{ color: #2051bf;}
@media screen and (max-width:991px){
    .khxc li{ width: 47%;}
    .jscs{overflow-x: scroll;}
    .jscs table{ width: 900px !important;}
    .khxc li:last-of-type .font{ font-size: 40px;}
}
@media screen and (max-width:768px){
    .khxc li:last-of-type .font{ font-size: 30px;}
}


#ggbj{ background: url("../images/gg_bj.jpg") no-repeat center top fixed;}
#zxbj{ background: url("../images/cpzx_bj.jpg") no-repeat center;}
#zxbj .main{ padding: 5% 0;}
#ggbj .main{ padding: 2% 0;}
#ggbj .font{ color: #fff; text-align: center; line-height: 60px; position: relative; margin-top: 2%;}
#ggbj .font h1{ font-size: 44px; font-weight: bold !important;}
#ggbj .font p{ font-size: 30px; letter-spacing: 2px; font-weight: 100;}
/*#ggbj .font:before{ position: absolute; content: '“'; font-size: 120px; left: 0; top: 0; color: #fff;}*/
/*#ggbj .font:after{ position: absolute; content: '”'; font-size: 120px; right: 0; bottom: -40px; color: #fff;}*/
#ggbj .zixun{ padding-left: 10%;}
#ggbj .cptel span{ font-size: 24px; font-family: Bahnschrift; padding-left: 10px;}
#ggbj .cptel{ font-size: 16px; margin-top: 3%; color: #fff;}
#ggbj .cptel i{ font-size: 34px; padding-right: 10px;}
#ggbj ul{ margin-top: 5% !important;}
#ggbj ul li{ background: #d8262c; height: 60px; line-height: 60px; color: #fff; text-align: center; border-bottom-left-radius: 20px; border-top-right-radius: 20px; width: 40%; font-size: 16px; transition: 0.3s;}
#ggbj ul li i{ display: inline-block; font-size: 20px; margin-right: 10px;}
#ggbj ul li:last-of-type{ background: none; border: 1px solid #fff;}
#ggbj ul li a{ color: #fff;}
#ggbj ul li:hover{ background: #333;}
#ggbj ul li:last-of-type:hover{border: 1px solid #2051bf;}

#zxbj .cptit{ color: #fff; border: none;}
#zxbj .cptit_fu{ color: #fff; font-size: 16px;}
@media screen and (max-width:1440px){
    #ggbj .font h1{ font-size: 36px;}
    #ggbj .font p{ font-size: 24px;}
}
@media screen and (max-width:1200px){
    #ggbj .font h1{ font-size: 30px;}
    #ggbj .font p{ font-size: 20px;}
    #ggbj ul li{ font-size: 14px; height: 50px; line-height: 50px;}
    #ggbj ul li i{ font-size: 16px;}
    #ggbj .cptel{ font-size: 14px;}
    #ggbj .cptel i{ display: none;}
    #ggbj .cptel span{ font-size: 22px;}
}
@media screen and (max-width:768px){
    #ggbj .font h1{ font-size: 24px;}
    #ggbj .font p{ font-size: 16px;}
    #ggbj .cptel span{ font-size: 18px;}
    #ggbj .zixun{ padding: 0 15px;}
}






/*研发制造*/
#yf_bj1{ background: url("../images/yf_bj1.jpg") no-repeat center top;}
#yf_bj1 .main{ padding-bottom: 0;}
.tit_yf p{ color: #373737; font-size: 48px; height: 55px;}
.tit_yf span{ color: #666666; font-size: 18px;}
#yf_bj1 .font{ background: rgba(32,81,191,0.8); border-bottom: 8px solid #d8262c; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 3%; color: #fff; margin-top: 15%;}
#yf_bj1 .font .tit{ font-weight: 100; font-size: 36px; line-height: 50px;}
#yf_bj1 .font .content{ text-indent: 2em; font-size: 16px; padding: 5% 0 0; line-height: 35px;}

.yf_font .tit{ font-size: 36px; color: #2051bf; font-weight: 100;}
.yf_font ul{ padding-top: 5% !important;}
.yf_font ul li i{ float: left; color: #2051bf; font-size: 12px; margin-right: 10px;}
.yf_font ul li{ color: #333333; font-size: 16px; line-height: 45px;}
@media screen and (max-width:1200px){
    .tit_yf p{ font-size: 36px;}
    #yf_bj1 .font .tit{ font-size: 28px; line-height: 40px;}
    .yf_font .tit{ font-size: 28px;}
    .yf_font ul li,#yf_bj1 .font .content{ font-size: 14px; line-height: 30px;}
}

#yf_bj2{ background: url("../images/yf_bj2.jpg") no-repeat center fixed; color: #fff; text-align: center;}
#yf_bj2 .main{ padding-top: 5%;}
#yf_bj2 .tit{ font-size: 48px;}
#yf_bj2 .content{ padding: 5% 15%; font-size: 18px; opacity: 0.7; line-height: 35px;}
#yf_bj2 dl dd{ text-align: center; height: 50px; line-height: 50px; background: #d8262c; border-radius: 5px; margin: 0 3%; padding: 0 4%;}
#yf_bj2 dl dd i{ display: inline-block;}
#yf_bj2 dl dd:last-of-type{ background: #2051bf;}
#yf_bj2 dl dd a{ color: #fff;}

#yf_bj3{ background: url("../images/yf_bj3.jpg") no-repeat center fixed;}
#yf_bj3 ul{ margin-top: 5% !important;}
#yf_bj3 ul li{ text-align: center; transition: 0.3s; position: relative;}
#yf_bj3 ul li:before{ position: absolute; width: 80%; height: 0; left: 10%; top: 50%; content: ''; background: #d2d7e3; border-radius: 10px; transition: 0.4s; opacity: 0;}
#yf_bj3 ul li .font{ position: relative; width: 100%; height: 100%; transition: 0.5s; padding: 15% 0;}
#yf_bj3 ul li i{ margin: 0 auto; width: 105px; height: 105px; line-height: 105px; border-radius: 10px; border: 1px solid #000000; transition: 0.3s;}
#yf_bj3 ul li i svg{ width: 60px;}
#yf_bj3 ul li i svg path{ fill: #000; transition: 0.3s;}
#yf_bj3 ul li h3{ color: #333333; font-size: 16px; font-weight: bold !important; height: 50px; line-height: 50px; transition: 0.3s;}
#yf_bj3 ul li p{ font-size: 14px; padding: 0 10%; transition: 0.5s; opacity: 0;}
#yf_bj3 ul li:hover .font{ background: #2051bf; border-radius: 15px; filter: drop-shadow(8px 5px 8px rgba(32, 81, 191, 0.3));}
#yf_bj3 ul li:hover i{ border: 1px solid #fff;}
#yf_bj3 ul li:hover i svg path{ fill: #fff;}
#yf_bj3 ul li:hover h3,#yf_bj3 ul li:hover p{ color: #fff;}
#yf_bj3 ul li:hover p{ opacity: 1;}
#yf_bj3 ul li:hover:before{ top: -5%; height: 110%; opacity: 1;}
#yf_bj3 ul li.yf_li_hover .font{ background: #2051bf; border-radius: 15px; filter: drop-shadow(8px 5px 8px rgba(32, 81, 191, 0.3));}
#yf_bj3 ul li.yf_li_hover:before{ top: -5%; height: 110%; opacity: 1;}
#yf_bj3 ul li.yf_li_hover i{ border: 1px solid #fff;}
#yf_bj3 ul li.yf_li_hover i svg path{ fill: #fff;}
#yf_bj3 ul li.yf_li_hover h3,#yf_bj3 ul li.yf_li_hover p{ color: #fff;}
#yf_bj3 ul li.yf_li_hover p{ opacity: 1;}
@media screen and (max-width:1200px){
    #yf_bj2 .tit{ font-size: 36px;}
    #yf_bj2 .content{ padding: 5% 10%; font-size: 16px;}
    #yf_bj3 ul li i svg{ width: 45px;}
    #yf_bj3 ul li i{ width: 90px; height: 90px; line-height: 90px;}
    #yf_bj3 ul li p{ font-size: 12px; line-height: 25px;}
}
@media screen and (max-width:991px){
    #yf_bj3 ul li{ float: left; width: 32%;}
    .tit_yf p{ font-size: 24px;}
    .tit_yf span{ font-size: 14px;}
    .yf_font{ padding: 5% 0;}
    #yf_bj2 .content{ padding: 5%;}
}
@media screen and (max-width:768px){
    #yf_bj3 ul li{ float: left; width: 50%;}
    #yf_bj2 .content{ padding: 5% 15px; font-size: 14px;}
}



#zzsb{ margin-top: 3%; overflow: hidden}
#zzsb .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
#zzsb .swiper-slide {
    text-align: left;
    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;
}
#zzsb .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
#zzsb .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#zzsb .swiper-slide .pic .font{ position: absolute; left: 50%; top: 50%; width: 0; height: 0; background: rgba(32,81,191,0.8); transition:0.4s; padding: 0; opacity: 0; text-align: center; overflow: hidden;}
#zzsb .swiper-slide .pic .font:before{ position: absolute; content: ''; left: 5%; top: 5%; width: 90%; height: 90%; border: 1px dashed rgba(255,255,255,0.3);}
#zzsb .swiper-slide .pic .font p{ color: #fff; font-size: 16px; padding-top: 7%;}
#zzsb .swiper-slide .pic .font i{ color: #fff; font-size: 40px;}
#zzsb .swiper-slide .tit{ height: 65px; line-height: 65px; background: #f0f1f1; width: 100%; text-align: center; color: #484848; font-size: 16px;}
#zzsb .swiper-slide:hover img{ transform: scale(1.1);}
#zzsb .swiper-slide:hover .pic .font{ opacity: 1; left: 0; top: 0; width: 100%; height: 100%; padding: 27% 0 0;}



/*解决方案*/
.blue{ background: url("../images/jjfa_bj.jpg") no-repeat center;}
.blue .container{ padding: 2% 0;}
#jjfa{ overflow: hidden; }
#jjfa .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
#jjfa .swiper-slide {
    text-align: left;
    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;
}
#jjfa .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 100%; border-radius: 100%; position: relative; overflow: hidden;}
#jjfa .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#jjfa .swiper-slide .tit{ height: 40px; line-height: 40px; width: 100%; text-align: center; color: #fff; font-size: 14px;}
#jjfa .swiper-slide:hover img{ transform: scale(1.1);}

.jjfa_lb li{ background: #f6f6f6; border-radius: 15px; margin-bottom: 10%; transition: 0.5s; overflow: hidden;}
.jjfa_lb li .pic{ display: block; width: 100%; height: 0; padding-bottom: 60%; position: relative; overflow: hidden;}
.jjfa_lb li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
.jjfa_lb li .pic .more{ position: absolute; left: 30%; bottom: -50%; height: 50px; line-height: 50px; background: #d8262c; text-align: center; color: #fff; width: 40%; border-radius: 5px; transition: 0.3s;}
.jjfa_lb li .pic .more i{ display: inline-block; font-size: 12px;}
.jjfa_lb li .font{ padding: 10%;}
.jjfa_lb li .font .tit{ color: #0d0800; font-size: 26px;}
.jjfa_lb li .font .tit i{ float: right; color: #999999; font-size: 30px; transform: rotate(-45deg); transition: 0.3s;}
.jjfa_lb li .font .content{ color: #666666; font-size: 16px; padding-top: 8%; min-height: 120px;}
.jjfa_lb li:hover{ background: #2051bf; filter: drop-shadow(-8px 5px 8px rgba(32, 81, 191, 0.3)); transform: translateY(-15px);}
.jjfa_lb li:hover .font .tit,.jjfa_lb li:hover .font .content{ color: #fff;}
.jjfa_lb li:hover .font .tit i{ color: #fff; transform: rotate(0deg);}
.jjfa_lb li:hover .pic .more{ bottom: 10%;}
@media screen and (max-width:1200px){
    .jjfa_lb li .font .content{ font-size: 14px;}
    .jjfa_lb li .font .tit{ font-size: 24px;}
}


.fa_bt{ padding: 5% 0; border-bottom: 1px solid #e1e1e1;}
.fa_bt .float-start{ border-right: 1px solid #e1e1e1; color: #2051bf; font-size: 22px; line-height: 40px; padding-right: 5%;}
.fa_bt .float-end{ padding-left: 5%; font-size: 18px; color: #666666; line-height: 40px;}

.fa_content{ padding-top: 5%;}
.fa_tit{ color: #333333; font-size: 36px;}
.fa_content .content{ color: #666666; font-size: 16px; line-height: 35px; padding-top: 5%;}
.fa_content .content img{ max-width: 100%;}

#fa_dgbj{ background: url("../images/fa_dgbj.jpg") no-repeat center;}
#fa_dgbj .main{ padding-left: 40%;}
#fa_dgbj .tit_yf{ text-align: left !important;}
#fa_dgbj .tit_yf p{ font-size: 36px;}
#fa_dgbj .tit_yf span{ color: #7c7c7c; font-size: 20px;}
@media screen and (max-width:991px){
    .fa_bt .float-start{ padding: 15px; border: none;}
    .fa_bt .float-end{ padding: 15px;}
    #fa_dgbj .main{ padding: 4% 15px;}
    .fa_tit,#fa_dgbj .tit_yf p{ font-size: 30px;}
    #fa_dgbj .tit_yf span{ font-size: 14px;}
    .tit_yf p{ height: 30px; line-height: 30px;}
}




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