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


@media screen and (max-width:768px){
    .row{ margin: 0;}
	
	#c_static_001_P_12375-16930391294100 .e_container-16{flex-direction:column !important;}
#c_static_001-16605621170340 .e_breadcrumb-1 a { display:inline-block !important}
}
.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;}

.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:rgba(255,255,255,0) ; z-index: 20; position: absolute;border-bottom: 1px solid rgba(255,255,255,.2);backdrop-filter: blur(5px);}
#top_index_zy:hover{
    background: #fff;
    box-shadow: 0px 0px 25px rgb(177 177 177 / 40%);transition: 0.6s;color: #666;
}

#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: 20px; font-family: Bahnschrift;}
.tel_nr i{ float: left; font-size: 22px; margin-right: 10px;}
@media screen and (max-width:1000px){
    .tel_nr{ font-size: 20px;}
	#top_index_zy{background:rgba(255,255,255,1) ; transition: 0.6s;}
}



#nav{ height: auto; transition:0.3s; text-align: center;}
#nav li{ width: 10%; height: 105px; line-height: 105px; font-size: 16px; color: #fff; transition: 0.3s; }

#top_index_zy:hover #nav li a{
     font-size: 16px; color: #666; transition: 0.3s;
}
#top_index_zy:hover .tel_nr{
      color: #666; transition: 0.3s;
}

#nav li .big{color: #fff;}
#nav .navli_hover{  color: #f00; }
#nav .navli_hover a{  color: #f00 !important; }
#nav .navli_hover .big{ color: #f00 !important;background: #e61e19;
    height: 4px;
    border-radius: 25px;}
.ddd11{border-bottom:3px solid #f00;}

#nav li .navson{display: none; position: absolute; left: 0; overflow: hidden; border-top: 1px solid #ededed; background: url("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: #fff;}
#top_index_zy .tel_nr{ color: #fff;}

.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; background:#fff !important;transition: 0.6s;}

.top_bj_active_zy #nav li a{  font-size: 16px; color: #666 !important; transition: 0.3s;}
.top_bj_active_zy .tel_nr{   color: #666 !important; transition: 0.3s;}
.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("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;  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 .kjcx_lb { margin: 0 0 3%; transition:0.3s; overflow: hidden; position: relative; background: url("cpbj.jpg") no-repeat center; background-size: 100% 100%;}
#kjcx .kjcx_lb:before{ position: absolute; content: ''; left: 5%; top: 0; background: url("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: 'TUBO'; 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(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(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("jj_bj.jpg") repeat center;}
#gsjjbj .main{ padding: 5% 0;}
.index03 {padding: 2% 0 0; overflow:hidden; position:relative;}
.index03 .title {color:#dc1f1f;}

.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: 70px;}


#gshj .swiper-pagination-bullet {
    
    margin-right: 10px;
	    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
   
}
#gshj .swiper-pagination-bullet-active {
    width: 32px;
    background: rgba(230,30,25,1);
    border-radius: 12px;
}

#gshj .swiper-pagination{ bottom: 5%; s}
#gshj .swiper-container {
    width: 100%;
    height: 100%;
}
#gshj .swiper-slide {
    
}

@media screen and (max-width:1200px){
    
}
@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(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("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 .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("xwinfo_bj.jpg") no-repeat center top;}
#xwinfo_bj .home{ color: #fff; height: 60px; line-height: 60px; margin-top: 2%;}
.hm11{ height:160px !important; line-height:260px !important}
#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(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("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("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("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("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("fzlc_bj.jpg") no-repeat center bottom;}
#fzlc_bj .bj{ background: url("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%;}
}


#rybj{ background: url("rybj.jpg") no-repeat center fixed;}
#rybj .main{ background: url("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{  position: relative;}
#crcm_bj:before{ position: absolute; left: 0; bottom: 10%;  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("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("cpclass_hover.jpg") no-repeat center top; background-size: 100%; top: -10%; opacity: 1;}
#cpclass #li-on:before{ background: url("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: 130px; 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("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: 200px; line-height: 300px;}
#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("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("gg_bj.jpg") no-repeat center top fixed;}
#zxbj{ background: url("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 .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("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("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("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("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("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;}

.s_title {
    font-size: 16px;
    color: #333;
    line-height: 1;
    font-family: d395bdc0-f452-4752-b2c8-f9239344a0a0;
}


.cbox-10:nth-child(odd) {
    margin-right: auto;
}
.p_loopitem {
   
    position: relative;
}
#c_static_001_P_3610-16622059532630 .e_container-11 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    display-radio: flex;
    width: auto;
    margin-left: 0px;
    margin-right: 25px;
    margin-bottom: 0px;
    transition-property: all;
    transition-radio: hover;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
}
.e_container-11 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
.e_container-12 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
}
.e_container-12 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
.e_container-14 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: rgba(255,255,255,1);
}
.e_container-14 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
.e_timeFormat-26 {
    min-height: 20px;
}

.e_text-15 {
    line-height: normal;
    display-radio: -webkit-box;
    font_radio: 2;
    font-size: 22px;
    color: rgba(51,51,51,1);
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
    text-align: left;
    font-weight: bold;
    margin-right: 10px;
    margin-top: 5px;
}
.e_line-16 {
    display-radio: 1;
    height: auto;
    max-height: none;
    min-height: 0px;
    margin-bottom: 5px;
    margin-top: 10px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: rgba(230,30,25,1);
    width: 10px;
    margin-left: 0px;
    transition-property: all;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
}
hr {
    box-sizing: content-box;
    height: 0;
}
 .e_text-17 {
    line-height: 1.8;
    display-radio: -webkit-box;
    font_radio: 2;
    font-size: 15px;
    color: rgba(136,136,136,1);
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
    font-weight: normal;
    margin-top: 15px;
}
.e_image-13 {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #fff;
    padding-bottom: 68%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.e_image-13 img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s ease;
}
.e_container-11:hover .e_line-16 {
    display-radio: 1;
    width: 100%;
}
.e_container-11:hover .e_text-15 a {
    color: rgba(230,30,25,1) !important;
}
.e_container-11:hover img {
    transform: translate( -50% ,-50%) scale(1.2);
    transition: all .6s;
}
.e_container-11 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    display-radio: flex;
    width: auto;
    margin-left: 0px;
    margin-right: 25px;
    margin-bottom: 0px;
    transition-property: all;
    transition-radio: hover;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
    border-style: solid;
    border-width: 1px;
    border-color: #fff;
}

.e_container-33 .cbox-33-1 {
    align-self: center;
	text-align:center;
	
}

div[class^=cbox-], div[id^=c_] {
    position: relative;
}

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

.e_container-33 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
    max-width: 1540px;
    margin-left: auto;
    margin-right: auto;
}
.e_container-33 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
.e_container-35 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
    padding-left: 42px;
    border-left-color: #eb0621;
    border-left-style: solid;
    border-left-width: 8px;
}
.e_container-35 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}

.e_text-36 {
    line-height: normal;
    font_radio: 2;
    display-radio: 1;
    font-family: "d395bdc0-f452-4752-b2c8-f9239344a0a0";
    font-size: 30px;
    color: rgba(230,30,25,1);
}

.e_richText-40 {
    font_radio: 2;
    display-radio: 1;
    font-size: 16px;
    color: #333333;
    line-height: 1;
    font-family: "d395bdc0-f452-4752-b2c8-f9239344a0a0";
}
.e_container-33 .cbox-33-1 {
    align-self: center;
	text-align:center;
	margin:0 auto;
}
.e_button-39 {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 260px;
    padding: 8px;
    background_radio: 2;
    border_radio: 2;
    font_radio: 2;
    radius_radio: 2;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(203,203,203,1);
    font-size: 14px;
    line-height: 48px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    color: rgba(255,255,255,1);
    display-radio: block;
    margin-left: auto;
    margin-right: 0px;
    margin-top: 6%;
    background-image: -webkit-linear-gradient(-180deg,#b70000,#ff3b3b);
}
.e_button-39 span {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    outline: 0;
    margin: 0px;
    overflow: hidden;
}
.e_button-39::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0px;
}
#c_static_001_P_3610-16782620664120.response-animated {
    animation-name: none, none;
    animation-delay: 0.0s,0.6s;
    animation-duration: 0.6s,0.6s;
    animation-iteration-count: 1,1;
}
#c_static_001_P_3610-16782620664120 {
    display-radio: 1;
    min-height: 0px;
    padding-top: 4%;
    padding-bottom: 2%;
    max-width: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-fill-value: background-color;
    background-color: rgba(243,249,252,1);
}
#c_static_001_P_3610-16782620664120 .e_container-33 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 90%;
    display-radio: flex;
    /*max-width: 1500px;*/
    margin-left: auto;
    margin-right: auto;
}
#c_static_001_P_3610-16782620664120 .e_container-33 .p_item {
    display-radio: 1;
}
#c_static_001_P_3610-16782620664120 .e_container-33 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
#c_static_001_P_3610-16782620664120 .e_container-35 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
    padding-left: 42px;
    border-left-color: #eb0621;
    border-left-style: solid;
    border-left-width: 8px;
}
#c_static_001_P_3610-16782620664120 .e_container-35 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
#c_static_001_P_3610-16782620664120 .e_text-36 {
    line-height: normal;
    font_radio: 2;
    display-radio: 1;
    font-family: "d395bdc0-f452-4752-b2c8-f9239344a0a0";
    font-size: 30px;
    color: rgba(230,30,25,1);
}
#c_static_001_P_3610-16782620664120 .e_richText-40 {
    font_radio: 2;
    display-radio: 1;
    font-size: 16px;
    color: #333333;
    line-height: 1;
    font-family: "d395bdc0-f452-4752-b2c8-f9239344a0a0";
}
#c_static_001_P_3610-16782620664120 .e_text-38 {
    line-height: normal;
    font_radio: 2;
    display-radio: 1;
    font-size: 16px;
    font-weight: normal;
    font-family: Arial;
    margin-top: 10px;
}
#c_static_001_P_3610-16782620664120 .e_container-33 .cbox-33-1 {
    align-self: center;
}
#c_static_001_P_3610-16782620664120 .e_button-39 {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 260px;
    padding: 8px;
    background_radio: 2;
    border_radio: 2;
    font_radio: 2;
    radius_radio: 2;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(203,203,203,1);
    font-size: 14px;
    line-height: 48px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    color: rgba(255,255,255,1);
    display-radio: block;
    margin-left: auto;
    margin-right: 0px;
    margin-top: 6%;
    background-image: -webkit-linear-gradient(-180deg,#b70000,#ff3b3b);
}
#c_static_001_P_3610-16782620664120 .e_button-39 span {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    outline: 0;
    margin: 0px;
    overflow: hidden;
}
#c_static_001_P_3610-16782620664120 .e_button-39::after {
    content: "";
    position: absolute;
    width: 0;
    height: 100%;
    transition: all .3s;
    z-index: 0;
    opacity: 0;
    top: 0;
    left: 0px;
}
.s_button4::after {
    opacity: 1;
    width: 0;
}
#c_static_001_P_3610-16782620664120 .e_loop-25 {
    display-radio: 1;
    margin-bottom: 40px;
    width: 92%;
    max-width: 1540px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
}


#c_static_001_P_3610-16782620664120 .e_loop-25 .p_list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 100%;
}
#c_static_001_P_3610-16782620664120 .e_loop-25 .p_list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 100%;
}

#c_static_001_P_3610-16782620664120 .e_loop-25 .p_loopitem {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 6);
}
#c_static_001_P_3610-16782620664120 .e_container-26 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: auto;
    margin-right: 5px;
    margin-bottom: 5px;
    transition-property: all;
    transition-radio: hover;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);
    display-radio: flex;
    margin-left: 5px;
    margin-top: 5px;
}
#c_static_001_P_3610-16782620664120 .e_container-26 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
    transition: .6s;
}
#c_static_001_P_3610-16782620664120 .e_container-26 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
    transition: .6s;
}
#c_static_001_P_3610-16782620664120 .e_container-27 {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
}
#c_static_001_P_3610-16782620664120 .e_container-27 > .p_item {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #fff;
    padding-bottom: 85%;
}
#c_static_001_P_3610-16782620664120 .e_image-28 {
    overflow: hidden;
    display-radio: 1;
}
#c_static_001_P_3610-16782620664120 .e_image-28 img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s ease;
}
#c_static_001_P_3610-16782620664120 .e_container-29 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    padding-top: 10px;
    padding-left: 6px;
    padding-right: 6px;
    display-radio: flex;
    background-color: rgba(255,255,255,1);
    padding-bottom: 10px;
}
#c_static_001_P_3610-16782620664120 .e_container-29 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
#c_static_001_P_3610-16782620664120 .e_text-32 {
    font_radio: 2;
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 16px;
    font-weight: normal;
    color: rgba(51,51,51,1);
    line-height: 1.5;
    display-radio: 1;
    text-align: center;
}
#c_static_001_P_3610-16782620664120 .e_line-30 {
    display-radio: 1;
    margin-top: 0px;
    transition: .6s;
    position: relative;
    margin-bottom: 0px;
}
#c_static_001_P_3610-16782620664120 .e_line-30:before {
    width: 0%;
    height: 1px;
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: #004396;
    z-index: 1;
    transition: .6s;
}



.ma2{background-color: rgba(243,249,252,1);}


#c_static_757-1675826094654 {
    min-height: 300px;
    display-radio: 1;
    background-fill-value: background-image;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 5%;
    padding-bottom: 5%;
    background-image: url(2198dbc3-8379-48b0-8b9f-978bdcacec9d.jpg);
}

#c_static_757-1675826094654 .e_container-150 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
}
#c_static_757-1675826094654 .e_container-150 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
#c_static_757-1675826094654 .e_container-151 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 90%;
    display-radio: flex;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
}
#c_static_757-1675826094654 .e_container-151 .p_item {
    display-radio: 1;
}
#c_static_757-1675826094654 .e_container-151 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
div[class^=cbox-], div[id^=c_] {
    position: relative;
}
#c_static_757-1675826094654 .e_container-153 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
    padding-left: 42px;
    border-left-color: #eb0621;
    border-left-style: solid;
    border-left-width: 8px;
}
#c_static_757-1675826094654 .e_container-153 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
#c_static_757-1675826094654 .e_text-152 {
    line-height: normal;
    font_radio: 2;
    display-radio: 1;
    font-family: "d395bdc0-f452-4752-b2c8-f9239344a0a0";
    font-size: 30px;
    color: rgba(230,30,25,1);
}
#c_static_757-1675826094654 .e_text-154 {
    line-height: normal;
    font_radio: 2;
    display-radio: 1;
    font-size: 38px;
    font-weight: bold;
    color: rgba(0,0,0,1);
}
#c_static_757-1675826094654 .e_text-155 {
    line-height: normal;
    font_radio: 2;
    display-radio: 1;
    font-size: 22px;
    font-weight: normal;
    font-family: Arial;
    margin-top: 10px;
}
#c_static_757-1675826094654 .e_container-151 .cbox-151-1 {
    align-self: center;
}
#c_static_757-1675826094654 .e_container-151 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
#c_static_757-1675826094654 .e_richText-130 {
    font_radio: 2;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    margin-top: 9%;
    margin-bottom: 5%;
    display-radio: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.clearfix:after {
    content: "\20";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
#c_static_757-1675826094654 .e_line-157 {
    display-radio: 1;
    width: 90%;
    max-width: 1500px;
    border-top-style: solid;
    border-top-width: 2px;
    border-top-color: rgba(41,41,41,1);
	margin:0 auto;
	opacity:1;
	height:1px
}
#c_static_757-1675826094654 .e_container-2 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 90%;
    display-radio: flex;
    background-fill-value: background-color;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3%;
    background-color: rgba(0,0,0,0);
}
#c_static_757-1675826094654 .e_container-2 .cbox-2-0 {
    align-self: center;
    flex: 0 0 70%;
}
#c_static_757-1675826094654 .e_container-2 .p_item {
    display-radio: 1;
    background-fill-value: background-image;
    background-image: url();
    background-attachment: fixed;
}
#c_static_757-1675826094654 .e_container-2 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
#c_static_757-1675826094654 .e_container-158 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255,255,255,0);
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0%;
}
#c_static_757-1675826094654 .e_container-158 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
#c_static_757-1675826094654 .e_container-2 .p_item {
    display-radio: 1;
    background-fill-value: background-image;
    background-image: url();
    background-attachment: fixed;
}
#c_static_757-1675826094654 .e_container-162 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    display-radio: flex;
    padding-left: 20px;
    padding-right: 10px;
    border-left: 1px solid #333;
    margin-right: auto;
    width: auto;
    margin-left: auto;
}
#c_static_757-1675826094654 .e_container-162:before {
    content: '';
    position: absolute;
    left: -1px;
    top: 0;
    width: 3px;
    height: 30%;
    background: rgba(230,30,25,1);
    z-index: 1;
}
#c_static_757-1675826094654 .e_container-162 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
#c_static_757-1675826094654 .e_container-2 .p_item {
    display-radio: 1;
    background-fill-value: background-image;
    background-image: url();
    background-attachment: fixed;
}
#c_static_757-1675826094654 .e_scrollNumber-163 {
    height: 60px;
    line-height: 60px;
    font-size: 46px;
    display-radio: 1;
    font_radio: 2;
    text-align: left;
    font-family: "d395bdc0-f452-4752-b2c8-f9239344a0a0";
    color: rgba(230,30,25,1);
}
#c_static_757-1675826094654 .e_scrollNumber-163 .p_num {
    display-radio: 1;
    font-weight: bold;
    font-family: "d395bdc0-f452-4752-b2c8-f9239344a0a0";
}
#c_static_757-1675826094654 .e_scrollNumber-163 .p_plus {
    display-radio: 1;
    font-size: 16px;
}
#c_static_757-1675826094654 .e_text-164 {
    line-height: normal;
    display-radio: 1;
    font_radio: 2;
    text-align: left;
    font-size: 16px;
    color: rgba(153,153,153,1);
    margin-top: 10px;
}
#c_static_757-1675826094654 .e_container-159 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    display-radio: flex;
    padding-left: 20px;
    padding-right: 10px;
    border-left: 1px solid #333;
    margin-right: auto;
    width: auto;
    margin-left: auto;
}
#c_static_757-1675826094654 .e_container-159:before {
    content: '';
    position: absolute;
    left: -1px;
    top: 0;
    width: 3px;
    height: 30%;
    background: rgba(230,30,25,1);
    z-index: 1;
}
#c_static_757-1675826094654 .e_scrollNumber-160 {
    height: 60px;
    line-height: 60px;
    font-size: 46px;
    display-radio: 1;
    font_radio: 2;
    text-align: left;
    font-family: Arial;
    color: rgba(153,153,153,1);
}
#c_static_757-1675826094654 .e_text-161 {
    line-height: normal;
    display-radio: 1;
    font_radio: 2;
    text-align: left;
    font-size: 16px;
    color: rgba(153,153,153,1);
    margin-top: 10px;
}
#c_static_757-1675826094654 .e_container-165 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    display-radio: flex;
    padding-left: 20px;
    padding-right: 10px;
    border-left: 1px solid #333;
    margin-right: auto;
    width: auto;
    margin-left: auto;
}
#c_static_757-1675826094654 .e_container-165:before {
    content: '';
    position: absolute;
    left: -1px;
    top: 0;
    width: 3px;
    height: 30%;
    background: rgba(230,30,25,1);
    z-index: 1;
}
#c_static_757-1675826094654 .e_container-165 .p_item {
    display-radio: 1;
}
#c_static_757-1675826094654 .e_scrollNumber-166 {
    height: 60px;
    line-height: 60px;
    font-size: 46px;
    display-radio: 1;
    font_radio: 2;
    text-align: left;
    font-family: Arial;
    color: rgba(153,153,153,1);
}
#c_static_757-1675826094654 .e_text-167 {
    line-height: normal;
    display-radio: 1;
    font_radio: 2;
    text-align: left;
    font-size: 16px;
    color: rgba(153,153,153,1);
    margin-top: 10px;
}
#c_static_757-1675826094654 .e_container-2 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
#c_static_757-1675826094654 .e_container-2 .p_item {
    display-radio: 1;
    background-fill-value: background-image;
    background-image: url();
    background-attachment: fixed;
}
#c_static_757-1675826094654 .e_container-2 .cbox-2-1 {
    flex: 0 0 30%;
    align-self: center;
}
#c_static_757-1675826094654 .e_button-131 {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 260px;
    padding: 8px;
    background_radio: 2;
    border_radio: 2;
    font_radio: 2;
    radius_radio: 2;
    background-image: -webkit-linear-gradient(-180deg,#b70000,#ff3b3b);
    border-style: solid;
    border-width: 2px;
    border-color: rgba(203,203,203,1);
    font-size: 14px;
    line-height: 48px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    color: rgba(255,255,255,1);
    display-radio: block;
    margin-left: auto;
    margin-right: 0px;
}
#c_static_757-1675826094654 .e_button-131 span {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    outline: 0;
    margin: 0px;
    overflow: hidden;
}
#c_static_757-1675826094654 .e_scrollNumber-160 .p_num {
    display-radio: 1;
    font-weight: bold;
    font-family: "d395bdc0-f452-4752-b2c8-f9239344a0a0";
    color: rgba(230,30,25,1);
}
#c_static_757-1675826094654 .e_scrollNumber-160 .p_plus {
    display-radio: 1;
    font-size: 16px;
    color: rgba(230,30,25,1);
}

element.style {
}
#c_static_757-1675826094654 .e_scrollNumber-166 .p_num {
    display-radio: 1;
    font-weight: bold;
    font-family: "d395bdc0-f452-4752-b2c8-f9239344a0a0";
    color: rgba(230,30,25,1);
}
#c_static_757-1675826094654 .e_scrollNumber-166 .p_plus {
    display-radio: 1;
    font-size: 16px;
    color: rgba(230,30,25,1);
}
#c_static_001_P_3610-1660544945623.response-animated {
    animation-name: none, none;
    animation-delay: 0.0s,0.6s;
    animation-duration: 0.6s,0.6s;
    animation-iteration-count: 1,1;
}
#c_static_001_P_3610-1660544945623 {
    display-radio: 1;
    background-color: rgba(243,249,252,1);
    min-height: 0px;
    padding-top: 2%;
    padding-bottom: 1%;
}
#c_static_001_P_3610-1660544945623 .e_richText-11 {
    font_radio: 2;
    display-radio: 1;
    font-size: 16px;
    color: #333333;
    line-height: 1;
    font-family: "d395bdc0-f452-4752-b2c8-f9239344a0a0";
}
#c_static_001_P_3610-1660544945623 .e_text-9 {
    line-height: 1.5;
    font_radio: 2;
    color: rgba(48,48,48,1);
    text-align: center;
    display-radio: 1;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 10px;
    margin-bottom: 0%;
    font-family: Microsoft YaHei;
	text-align:center
}
.proBox1 {
    padding-bottom: 50px;
}
.proBox1 .box:nth-child(odd) {
    background: #fbfbfb;
}
.proBox1 .box {
    padding: 10px 15px;
    margin-top: 20px;
}
.container {
    width: 90%;
    margin: 0 auto;
}
.proBox1 .box .titl {
    line-height: 40px;
    margin-bottom: 8px;
    margin-top: 10px;
}
.proBox1 .box .titl h2 {
    font-size: 24px;
    padding-left: 60px;
    float: left;
    background: url(icon25.png) no-repeat left center;
}
.proBox1 .box .titl a {
    display: block;
    float: right;
    background: linear-gradient(#0090fe, #0874c7);
    color: #fff;
    text-align: center;
    font-size: 15px;
    line-height: 30px;
    width: 90px;
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .3);
    margin-right: 10px;
}
.proBox1 .box .ul2 {
    border-top: 1px dashed #dedede;
    padding-top: 10px;
    margin-top: 10px;
    padding-bottom: 20px;
}
.proBox1 .box .ul2 li {
    width: 25%;
    float: left;
    box-sizing: border-box;
    padding: 10px;
}
.proBox1 .box .ul2 li a {
    display: block;
    border: 1px solid #dedede;
    border-radius: 12px;
    overflow: hidden;
}
.proBox1 .box .ul2 li .pho {
    overflow: hidden;
}
.proBox1 .box .ul2 li .pho img {
    transition: 0.3s;
}
.proBox1 .box .ul2 li .text {
    position: relative;
    background: #ccc;
}
.proBox1 .box .ul2 li h3 {
    font-size: 18px;
    line-height: 45px;
    font-weight: 500;
    color: #000;
    text-align: center;
}
.proBox1 .box .ul2 li h3:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(bg4.png) no-repeat right center;
    left: 40%;
    z-index: 110;
}
.proBox1 .box .ul1 li {
    width: 14.2%;
    float: left;
    padding: 5px 8px;
    box-sizing: border-box;
}
.proBox1 .box .ul2 li .pho img {
    transition: 0.3s;
	vertical-align: middle;
    width: 100%;
}
.proBox1 .box .ul1 li a {
    display: block;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #dedede;
    position: relative;
    background: #fff;
}
.proBox1 .box .ul1 li:hover a {
    background: rgba(230,30,25,1);
    color: #fff;
    border-color: rgba(230,30,25,1);
}
.proBox1 .box .ul2 li:hover .pho img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.e_container-16 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 98%;
    display-radio: flex;
    max-width: 1540px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2%;
}
.e_container-16 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
.e_container-18 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
    padding-left: 42px;
    border-left-color: #eb0621;
    border-left-style: solid;
    border-left-width: 8px;
}
.e_container-18 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
.e_richText-20 {
    font_radio: 2;
    display-radio: 1;
    font-size: 16px;
    color: #333333;
    line-height: 1;
    font-family: "d395bdc0-f452-4752-b2c8-f9239344a0a0";
}
.e_richText-22 {
    font_radio: 2;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    margin-top: 2%;
    margin-bottom: 2%;
    display-radio: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.e_container-16 .cbox-16-1 {
    align-self: center;
}
.e_button-15 {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 290px;
    padding: 8px;
    background_radio: 2;
    border_radio: 2;
    font_radio: 2;
    radius_radio: 2;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(203,203,203,1);
    font-size: 14px;
    line-height: 48px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    color: rgba(255,255,255,1);
    display-radio: block;
    margin-left: auto;
    margin-right: 0px;
    background-image: -webkit-linear-gradient(-180deg,#b70000,#ff3b3b);
}
.e_button-15 span {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    outline: 0;
    margin: 0px;
    overflow: hidden;
}


.pccp{ display:block}
.mcp{ display:none}

#c_category_428-16721958684320 .e_loop-2 .p_loopitem {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 3);
}
#c_static_001_P_890-1660552880309 .e_categoryB-1 .deep:hover a{
    
    color: #fff;
    border-bottom: 1px solid #1676ce;
}
#c_static_001_P_890-1660552880309 .e_categoryB-1 .deep:hover{
    
    color: #fff;
    border-bottom: 1px solid #1676ce;
}
#c_static_001_P_890-1660552880309 .e_categoryB-1 .deep:hover .p_arrbtm svg{ color:#FFF !important}


#c_magiccube_009-1693039177591 .p_top {
    flex-direction: column;
}
#c_magiccube_009-1693039177591 .p_tab_wrapper {
    display: flex;
}
#c_magiccube_009-1693039177591 .p_tablist {
    display: flex;
    background: rgba(243,249,252,1);
}
#c_magiccube_009-1693039177591 .p_active {
    border-bottom: 4px solid rgba(230,30,25,1);
    background: #e0e2e3;
    display-radio: 1;
    background-color: #e0e2e3;
}
#c_magiccube_009-1693039177591 .top .tab-item, #c_magiccube_009-1693039177591 .bottom .tab-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#c_magiccube_009-1693039177591 .tab-item {
    display: block;
    width: calc(100% / 3);
    line-height: 64px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    position: relative;
}
#c_magiccube_009-1693039177591 .top .tab-item, #c_magiccube_009-1693039177591 .bottom .tab-item {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#c_magiccube_009-1693039177591 .left-content, #c_magiccube_009-1693039177591 .top-content, #c_magiccube_009-1693039177591 .bottom-content, #c_magiccube_009-1693039177591 .right-content {
    overflow: hidden;
}
#c_magiccube_009-1693039177591 .content-box.active {
    display: block;
}
#c_static_001_P_12375-16812918439100.response-animated .e_container-2 {
    animation-name: fadeInUp, none;
    animation-delay: 0.0s,0.6s;
    animation-duration: 1.0s,0.6s;
    animation-iteration-count: 1,1;
}
#c_static_001_P_12375-16812918439100 .e_container-2 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 96%;
    display-radio: flex;
    max-width: 1560px;
    margin-left: auto;
    margin-right: auto;
}
#c_magiccube_009-1693039177591 .content-box {
    display: none;
    min-height: 300px;
    overflow: hidden;
}
#c_static_001_P_12375-16930391294100 {
    min-height: 300px;
    display-radio: 1;
    background-fill-value: background-image;
    padding-top: 2%;
    padding-bottom: 2%;
    background-image: url(dc87912c-fb3d-4fa6-bf77-8b833b7d4a86.png);
}

#c_static_001_P_12375-16930391294100 .e_container-16 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 94%;
    display-radio: flex;
    max-width: 1540px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2%;
}
#c_static_001_P_12375-16930391294100 .e_container-16 .p_item {
    display-radio: 1;
}
#c_static_001_P_12375-16930391294100 .e_container-16 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
#c_static_001_P_12375-16930391294100 .e_container-18 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
    padding-left: 42px;
    border-left-color: #eb0621;
    border-left-style: solid;
    border-left-width: 8px;
}
#c_static_001_P_12375-16930391294100 .e_container-18 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
#c_static_001_P_12375-16930391294100 .e_richText-20 {
    font_radio: 2;
    display-radio: 1;
    font-size: 16px;
    color: #333333;
    line-height: 1;
    font-family: "d395bdc0-f452-4752-b2c8-f9239344a0a0";
}
#c_static_001_P_12375-16930391294100 .e_richText-22 {
    font_radio: 2;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    margin-top: 2%;
    margin-bottom: 2%;
    display-radio: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#c_static_001_P_12375-16930391294100 .e_container-16 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
#c_static_001_P_12375-16930391294100 .e_container-16 .p_item {
    display-radio: 1;
}
#c_static_001_P_12375-16930391294100 .e_container-16 .cbox-16-1 {
    align-self: center;
}
#c_static_001_P_12375-16930391294100 .e_button-15 {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    width: 290px;
    padding: 8px;
    background_radio: 2;
    border_radio: 2;
    font_radio: 2;
    radius_radio: 2;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(203,203,203,1);
    font-size: 14px;
    line-height: 48px;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    color: rgba(255,255,255,1);
    display-radio: block;
    margin-left: auto;
    margin-right: 0px;
    background-image: -webkit-linear-gradient(-180deg,#b70000,#ff3b3b);
}
#c_static_001_P_12375-16930391294100 .e_button-15 span {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
    outline: 0;
    margin: 0px;
    overflow: hidden;
}
#c_static_001_P_12375-16930391294100 .e_container-2 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 96%;
    display-radio: flex;
    max-width: 1560px;
    margin-left: auto;
    margin-right: auto;
}

#c_static_001_P_12375-16930391294100 .e_container-2 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
#c_static_001_P_12375-16930391294100 .e_loop-7 .swiper-container {
    padding-bottom: 30px;
}
#c_static_001_P_12375-16930391294100 .e_loop-7 .p_list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 100%;
}
#c_static_001_P_12375-16930391294100 .e_loop-7 .p_loopitem {
    flex: 0 0 33.3%;
    position: relative;
}
#c_static_001_P_12375-16930391294100 .e_container-8 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255,255,255,1);
    padding-top: 12px;
    padding-left: 12px;
    padding-bottom: 12px;
    padding-right: 12px;
    margin-bottom: 15px;
}
.e_image-9 {
    position: relative;
    overflow: hidden;
    width: 100%;
    background: #fff;
    padding-bottom: 85%;
    border: 1px solid #f0f0f0;
}
#c_static_001_P_12375-16930391294100 .e_container-8 img {
    transition: 0.5s;
}.e_image-9 img {
    position: absolute;
    width: auto;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s ease;
}
#c_static_001_P_12375-16930391294100 .e_container-12 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: auto;
    max-width: 94%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 0px;
    z-index: 2;
    position: relative;
    display-radio: flex;
    background-color: rgba(255,255,255,1);
    border-bottom-style: solid;
    border-bottom-width: 4px;
    border-bottom-color: rgb(230 30 25);
    transition: .4s;
    padding-left: 10px;
    padding-right: 10px;
}
#c_static_001_P_12375-16930391294100 .e_container-12 > .p_item {
    flex: 1;
    max-width: 100%;
    max-height: 100%;
}
#c_static_001_P_12375-16930391294100 .e_text-13 {
    line-height: normal;
    font_radio: 2;
    font-size: 18px;
    font-weight: bold;
    color: rgba(34,34,34,1);
    text-align: center;
    display-radio: -webkit-box;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#c_static_001_P_12375-16930391294100 .e_text-14 {
    font_radio: 2;
    padding-top: 0px;
    padding-bottom: 0px;
    width: auto;
    font-size: 14px;
    color: rgba(136,136,136,1);
    text-align: center;
    line-height: 1.5;
    display-radio: -webkit-box;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 10px;
}
#c_static_001_P_12375-16812918439100 .e_loop-7 .p_list {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    max-width: 100%;
}
#c_static_001_P_12375-16812918439100 .e_container-8 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255,255,255,1);
    padding-top: 12px;
    padding-left: 12px;
    padding-bottom: 12px;
    padding-right: 12px;
    margin-bottom: 15px;
}

#c_static_001_P_12375-16812918439100 {
    min-height: 300px;
    display-radio: 1;
    background-fill-value: background-image;
    padding-top: 2%;
    padding-bottom: 2%;
    background-image: url(dc87912c-fb3d-4fa6-bf77-8b833b7d4a86.png);
}

#c_static_001_P_12375-16813487145410 .e_loop-7 .p_loopitem {
    flex: 0 0 33.3%;
    position: relative;
}
#c_static_001_P_12375-16813487145410 .e_container-8 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
    margin-left: auto;
    margin-right: auto;
    background-color: rgba(255,255,255,1);
    padding-top: 12px;
    padding-left: 12px;
    padding-bottom: 12px;
    padding-right: 12px;
    margin-bottom: 15px;
}


@media screen and (min-width: 769px)
{
#c_static_001_P_12375-16930391294100 .e_loop-7 .p_loopitem {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 4);
}
#c_static_001_P_12375-16812918439100 .e_loop-7 .p_loopitem {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 4);
}
#c_static_001_P_12375-16813487145410 .e_loop-7 .p_loopitem {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 4);
}
#c_product_detail_085-1662535640260 .e_loop_sub-73 .p_loopItem {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 1);
}
}
#c_product_detail_085-1662535640260 .e_magnifier-69 .magnifier-btn span {
    line-height: 60px;
    height: 60px;
    width: 20px;
    display: block;
    z-index: 8;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    border-radius: 3px;
}#c_product_detail_085-1662535640260 .e_magnifier-69 .magnifier-btn {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.icon {
    font-size: 16px;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    margin-top: -3px;
    fill: currentColor;
}


@media screen and (max-width:991px){
	#c_product_detail_085-1662535640260 .e_text-50 {
    font_radio: 2;
    font-size: 18px;
    color: rgba(68,68,68,1);
    line-height: 1.8;
    font-weight: bold;
    display-radio: 1;
    /* width: 100px; */
    width: 120%;
}
	#c_static_001-16625293344950 .e_breadcrumb-1 a {
    display: flex;
}
#c_static_001-16625293344950 .e_breadcrumb-1 .p_breadcrumbItem:nth-child(1) .p_title, #c_static_001-16625293344950 .e_breadcrumb-1 .p_breadcrumbItem:nth-child(2) .p_title {
    white-space: pre;
}

	
	#c_static_001_P_12375-16930391294100 .e_loop-7 .p_loopitem {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 2);
}
	#c_magiccube_009-1693039177591 .top .tab-item, #c_magiccube_009-1693039177591 .bottom .tab-item {
    height: 68px;
	float:left
}
	#c_magiccube_009-1693039177591 .p_tablist {
    display: block;
}
#c_magiccube_009-1693039177591 .tab-item {
    display: block;
    width: calc(100% / 2);
    line-height: 64px;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
    position: relative;
}
	#crcm .swiper-slide .pic{ width:92%}
	
	.e_container-16 {
    display-radio: 1;
    flex-direction: column;
}.e_richText-20 {
    font_radio: 2;
    display-radio: 1;
    font-size: 24px;
    color: #333333;
    line-height: 1;
    font-family: "d395bdc0-f452-4752-b2c8-f9239344a0a0";
}
.e_richText-20 p span {
    font-size: 24px !important;
}
.e_richText-22 {
    font_radio: 1;
    margin-top: 0px;
    margin-bottom: 30px;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.e_button-15 {
    background_radio: 1;
    border_radio: 1;
    font_radio: 1;
    radius_radio: 1;
    margin-bottom: 30px;
}

	.container {
    width: 100%;
    margin: 0 auto;
}
	.proBox1 {
    padding-bottom: 30px;
}
.proBox1 .box:nth-child(odd) {
    background: #fbfbfb;
}
.proBox1 .box {
    padding: 10px 5px;
    margin-top: 10px;
}
.proBox1 .box .titl {
    line-height: 40px;
    margin-bottom: 8px;
    margin-top: 0px;
}
.proBox1 .box .titl {
    line-height: 40px;
    margin-bottom: 8px;
    margin-top: 10px;
}
.proBox1 .box .titl h2 {
    font-size: 20px;
    padding-left: 40px;
    background-size: 32px;
}
.proBox1 .box .titl a {
    font-size: 13px;
    line-height: 26px;
    width: 80px;
    border-radius: 13px;
    margin-top: 7px;
}
.clearfix:after {
    height: 0;
    visibility: hidden;
    content: ".";
    display: block;
    clear: both;
}
.proBox1 .box .ul2 {
    border-top: 1px dashed #dedede;
    padding-top: 10px;
    margin-top: 10px;
    padding-bottom: 20px;
}
.proBox1 .box .ul2 li h3 {
    font-size: 13px;
    line-height: 40px;
}
.proBox1 .box .ul2 li {
    width: 50%;
    float: left;
}
.proBox1 .box .ul2 li a {
    border-radius: 8px;
}
.proBox1 .box .ul1 li {
    width: 50%;
    float: left;
    padding: 5px 8px;
    box-sizing: border-box;
}
.proBox1 .box .ul1 li a {
    line-height: 32px;
    font-size: 14px;
    border-radius: 16px;
}

	.pccp{ display:none}
.mcp{ display:block}
	
	
	
	#c_static_001_P_3610-1660544945623 .e_richText-11 p span {
    font-size: 24px !important;
}
#c_static_001_P_3610-1660544945623 .e_text-9 {
    line-height: 1.5;
    font_radio: 2;
    color: rgba(48,48,48,1);
    text-align: center;
    display-radio: 1;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 0%;
    font-family: Microsoft YaHei;
}
	
	#c_static_001_P_3610-16782620664120 .e_richText-40 p span {
    font-size: 24px !important;
}

	
	
	#c_static_757-1675826094654 {
    display: none;
}
#c_static_001_P_3610-16782620664120 .e_container-33 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 92% !important;
    display-radio: flex;
    max-width: 1540px;
    margin-left: auto;
    margin-right: auto;
}
	#c_static_001_P_3610-16782620664120 .e_loop-25 .p_loopitem {
    flex: 0 0 50%;
    position: relative;
}
	#top_index_zy { position:relative}
	
    .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;}
	
	.e_container-33 {
    display-radio: 1;
    flex-direction: column;
}
.e_richText-40 {
    font_radio: 2;
    display-radio: 1;
    font-size: 24px;
    color: #333333;
    line-height: 1;
    font-family: "d395bdc0-f452-4752-b2c8-f9239344a0a0";
}
.e_richText-40 p span {
    font-size: 24px !important;
}
.e_richText-40 p span {
    font-size: 24px !important;
}
.e_richText-40 p span {
    font-size: 24px !important;
}
	.e_richText-40 p span {
    font-size: 24px !important;
}
.e_button-39 {
    background_radio: 1;
    border_radio: 1;
    font_radio: 1;
    radius_radio: 1;
    margin-bottom: 30px;
}
.e_container-33 {
    display: flex ;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100% !important;
    display-radio: flex;
    max-width: 1540px;
    margin-left: auto;
    margin-right: auto;
}
	.e_container-33 > .p_item {
    flex:none !important ; 
   
}
.cbox-10:nth-child(odd) {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.p_loopitem {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 1);
}
.e_container-11 {
    display-radio: 1;
    margin-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
}
.e_container-11 .cbox-11-0 {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}
.e_container-14 {
    display-radio: 1;
    padding-bottom: 0px;
}
.e_container-14 .cbox-14-0 {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.e_text-15 {
    display-radio: 1;
    font_radio: 2;
    font-size: 18px;
    color: rgba(51,51,51,1);
    line-height: normal;
    font-weight: bold;
    text-align: left;
    font-family: "2c77a536-cd5a-4d47-80b6-8d897719bf7c";
}
.e_image-13 {
    display-radio: 1;
}


.ma1 {
    width: 94%;
   
}
.ma2 {
    width: 92%;
   
}
#c_category_428-16721958684320 .e_loop-2 .p_loopitem{flex-grow:0 !important ;flex-shrink:0!important ;flex-basis:calc(100% / 3)!important }
.hm11{ height:60px !important ; line-height:60px !important }
#proinfo_bj #home{ color: #fff; border-bottom: 1px solid rgba(255,255,255,0.3); height: 70px; line-height: 70px;}
}

#c_navigation_188-16622126799170{min-height:300px;padding-top:.6%;padding-bottom:10px;background-color:rgba(42,42,42,1);display-radio:1;max-width:none;width:auto}.e_text0{font_radio:2;line-height:2}.e_text1{font_radio:2;line-height:2}.e_text2{font_radio:2;line-height:2;font-weight:normal}.e_text3{font_radio:2;line-height:2}.e_text4{font_radio:2;line-height:2}.e_text5{font_radio:2;line-height:2}.e_text6{font_radio:2;line-height:2}#c_navigation_188-16622126799170 .e_line-26{margin-top:10px;margin-bottom:10px;padding-top:0px;padding-bottom:0px;border-top-style:solid;border-top-width:1px;border-top-color:rgba(255,255,255,0.1);width:auto;max-width:1600px;height:1px;display-radio:1}#c_navigation_188-16622126799170 .e_container-35{display:flex;flex-wrap:wrap;flex-direction:row;width:94%;transition-property:all;max-width:1600px;margin-left:auto;margin-right:auto;margin-top:3%;margin-bottom:3%;display-radio:flex}#c_navigation_188-16622126799170 .e_container-35 > .p_item{flex:1;max-width:100%;max-height:100%}#c_navigation_188-16622126799170 .e_container-35 .cbox-35-2{flex:0 0 160px}#c_navigation_188-16622126799170 .e_container-35 .cbox-35-1{flex:0 0 auto}#c_navigation_188-16622126799170 .e_image-41{overflow:hidden;transition-property:all;max-width:125px;display-radio:1;margin-left:auto;margin-right:auto;margin-bottom:10px;padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:5px}#c_navigation_188-16622126799170 .e_image-41 img{width:100%;height:100%;object-fit:contain;filter:unset}#c_navigation_188-16622126799170 .e_container-42{display:flex;flex-wrap:wrap;flex-direction:row;width:100%}#c_navigation_188-16622126799170 .e_container-42 > .p_item{flex:1;max-width:100%;max-height:100%}#c_navigation_188-16622126799170 .e_top-48{width:60px;height:60px;position:fixed;right:0;bottom:50px;z-index:9}#c_navigation_188-16622126799170 .e_top-48 .p_top{width:100%;height:100%;display:block;background:#717171;color:#fff}#c_navigation_188-16622126799170 .e_top-48 .p_top:hover{background:#2d2d2d}#c_navigation_188-16622126799170 .e_top-48 .p_top .icon{width:100%;height:100%}#c_navigation_188-16622126799170 .p_level3Box{display:none}#c_navigation_188-16622126799170 .e_richText-50{font_radio:2;font-size:14px;color:rgba(255,255,255,0.5);line-height:2;display-radio:1}#c_navigation_188-16622126799170 .e_richText-50 a:hover{color:rgba(255,255,255,1)}#c_navigation_188-16622126799170 .e_container-35 .cbox-35-0{flex:0 0 350px}#c_navigation_188-16622126799170 .e_text-51{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;transition-property:all;font_radio:2;font-size:14px;color:rgba(255,255,255,1);line-height:1.6;margin-bottom:25px;display-radio:-webkit-box;text-align:center}#c_navigation_188-16622126799170 .e_bottomNav-52 span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.5;font-weight:bold}#c_navigation_188-16622126799170 .e_bottomNav-52 .p_level1Item{width:auto;padding:0px;flex-grow:1}#c_navigation_188-16622126799170 .e_bottomNav-52 .p_level3Box{display:none}#c_navigation_188-16622126799170 .e_bottomNav-52 .p_menu2Item{display-radio:1;color:rgba(255,255,255,0.5);line-height:32px}#c_navigation_188-16622126799170 .e_bottomNav-52 .p_level1Item:nth-child(1),#c_navigation_188-16622126799170 .e_bottomNav-52 .p_level1Item:nth-child(5){display:none}#c_navigation_188-16622126799170 .e_bottomNav-52 .p_menu1Item{display-radio:1;margin-bottom:10px}#c_navigation_188-16622126799170 .e_bottomNav-52{display-radio:1;font_radio:2;color:rgba(255,255,255,1)}.s_templatetitle{font-size:18px!important;color:rgba(255,255,255,1) !important}#c_navigation_188-16622126799170 .e_container-53{display:flex;flex-wrap:wrap;flex-direction:row;width:96%;max-width:1600px;padding-right:0px;margin-left:auto;margin-right:auto;padding-top:20px;padding-bottom:10px;display-radio:flex;padding-left:0px}#c_navigation_188-16622126799170 .e_container-53 > .p_item{flex:1;max-width:100%;max-height:100%}#c_navigation_188-16622126799170 .e_richText-54{font_radio:2;color:rgba(255,255,255,1);line-height:2;font-family:Microsoft JhengHei;font-size:18px;opacity:0.5;text-align:right;display-radio:1}#c_navigation_188-16622126799170 .e_richText-54:hover{color:rgba(255,255,255,1)}.right_bar{position:fixed;top:300px;right:0;width:50px;height:203px;z-index:10}.right_bar li{width:62px;height:50px;z-index:20}.right_bar li.rtbar_li1,.right_bar li.rtbar_li4,.right_bar li.rtbar_li5{position:absolute;left:0}.right_bar li.rtbar_li1{top:0;width:252px}.right_bar li.rtbar_li2{position:absolute;top:51px;left:0;width:192px}.right_bar li.rtbar_li3{position:absolute;top:102px;left:0;width:126px}.right_bar li.rtbar_li4{top:153px}.right_bar li.rtbar_li5{top:153px;width:162px}.right_bar li a{display:block;color:#FFF;font-size:14px;height:50px;line-height:50px;overflow:hidden;background-color:#e61e19;opacity:0.8;border-radius:0px}.right_bar li a img{display:block;float:left;vertical-align:middle;width:24px;height:24px;margin:12px 12px 14px 14px}.right_bar li a:hover{background-color:#e61e19;opacity:1}.rtbar_shwx{display:none;position:absolute;top:-120px;left:-160px;padding-bottom:9px}.rtbar_shwx img{width:157px;padding:14px;background-color:#FFF}.rtbar_shwx{top:-50px}#c_navigation_188-16622126799170 .e_container-55{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;display-radio:flex}#c_navigation_188-16622126799170 .e_container-55 > .p_item{flex:1;max-width:100%;max-height:100%}#c_navigation_188-16622126799170 .e_container-55 .cbox-55-0{flex:0 0 auto;align-self:left}#c_navigation_188-16622126799170 .e_richText-56{font_radio:2;color:rgba(255,255,255,1);line-height:2;font-family:Microsoft JhengHei;font-size:16px;opacity:0.5;text-align:left;display-radio:1}#c_navigation_188-16622126799170 .e_provider-57{text-align:left;display-radio:1;font_radio:2;font-size:14px;color:rgba(255,255,255,0.5);line-height:2;margin-left:15px}#c_navigation_188-16622126799170 .e_richText-58{font_radio:2;color:rgba(255,255,255,1);line-height:2;font-family:Microsoft JhengHei;font-size:16px;opacity:0.5;text-align:left;display-radio:1;width:100%}#c_navigation_188-16622126799170 .e_credible-59 .img1{width:65px;height:23px}#c_navigation_188-16622126799170 .e_credible-59 .img2{width:79px;height:28px}#c_navigation_188-16622126799170 .e_credible-59 .img3{width:92px;height:33px}#c_navigation_188-16622126799170 .e_credible-59 .img4{width:106px;height:38px}#c_navigation_188-16622126799170 .e_credible-59 .img5{width:131px;height:47px}#c_navigation_188-16622126799170 .e_credible-59{background_radio:2;display-radio:1;background-color:rgba(255, 255, 255, 0);margin-top:6%;margin-bottom:0px}#c_navigation_188-16622126799170 .e_container-55 .cbox-55-1{flex:0 0 auto;margin-left:10px;margin-right:10px}#c_navigation_188-16622126799170 .e_container-55 .cbox-55-2{align-self:center}#c_navigation_188-16622126799170 .e_image-62{overflow:hidden;display-radio:1}#c_navigation_188-16622126799170 .e_image-62 img{width:100%;height:100%;object-fit:contain}#c_navigation_188-16622126799170 .e_container-63{display:flex;flex-wrap:wrap;flex-direction:row;width:94%;transition-property:all;max-width:1600px;margin-left:auto;margin-right:auto;margin-top:0%;margin-bottom:0px;display-radio:flex;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:rgba(255,255,255,0.1);padding-bottom:.6%}#c_navigation_188-16622126799170 .e_container-63 > .p_item{flex:1;max-width:100%;max-height:100%}#c_navigation_188-16622126799170 .e_container-63 .cbox-63-2{flex:0 0 160px}#c_navigation_188-16622126799170 .e_container-63 .cbox-63-1{flex:0 0 auto;align-self:center}#c_navigation_188-16622126799170 .e_container-63 .cbox-63-0{flex:0 0 350px;align-self:center}#c_navigation_188-16622126799170 .e_container-63 .p_item{display-radio:1}#c_navigation_188-16622126799170 .p_item{display-radio:1}#c_navigation_188-16622126799170 .e_image-71{overflow:hidden;transition-property:all;max-width:300px;display-radio:1;margin-left:0px;margin-right:auto;margin-bottom:0px;padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:5px}#c_navigation_188-16622126799170 .e_image-71 img{width:100%;height:100%;object-fit:contain;filter:unset}#c_navigation_188-16622126799170 .e_text-72{line-height:normal;font_radio:2;display-radio:1;color:rgba(255,255,255,1);font-size:22px;text-align:right}@media screen and (max-width:768px){#c_navigation_188-16622126799170 .e_container-35{}#c_navigation_188-16622126799170 .e_container-35 .cbox-35-2{display:none}#c_navigation_188-16622126799170 .e_container-35 .cbox-35-1{display:none}#c_grid-116273709439190 > .p_gridbox > .p_gridCell:nth-child(1n + 1){width:100% !important;margin:0 !important}#c_navigation_188-16622126799170 .e_bottomNav-52 .p_menu1Item,#c_navigation_188-16622126799170 .e_bottomNav-52 .p_menu2Item{display:flex;justify-content:space-between}#c_navigation_188-16622126799170 .e_bottomNav-52 .p_level1Box ul{display:none}#c_navigation_188-16622126799170 .e_bottomNav-52 .p_jtIcon{width:auto;height:auto;max-width:20px;font-size:inherit;transition:0.5s;margin:0}#c_navigation_188-16622126799170 .e_bottomNav-52 .p_jtIcon.active{transform:rotateZ(90deg)}#c_navigation_188-16622126799170 .e_bottomNav-52 a{display:flex;flex-direction:column;justify-content:center}#c_navigation_188-16622126799170 .e_bottomNav-52 .p_level1Item{padding:0}#c_navigation_188-16622126799170 .e_bottomNav-52 .p_menu2Item svg{opacity:.5}#c_navigation_188-16622126799170 .e_container-53{flex-direction:column;padding-top:24px;padding-bottom:24px}#c_navigation_188-16622126799170 .e_richText-54{font_radio:2;text-align:left;font-size:12px;display-radio:1;padding-left:0px;margin-left:auto}#c_navigation_188-16622126799170 .e_container-55{display-radio:1;flex-direction:column}#c_navigation_188-16622126799170 .e_container-55 .cbox-55-0{flex:0 0 auto;align-self:left}#c_navigation_188-16622126799170 .e_container-55 .cbox-55-1{flex:0 0 100%}#c_navigation_188-16622126799170 .e_richText-56{font_radio:2;font-size:16px;text-align:left;display-radio:1;width:100%;margin-left:0px;padding-left:0px}#c_navigation_188-16622126799170 .e_provider-57{font_radio:1;display-radio:1;width:100%;padding-left:0px;margin-left:auto}#c_navigation_188-16622126799170 .e_richText-58{font_radio:2;font-size:16px;text-align:left;display-radio:1;width:auto;max-width:100%}#c_navigation_188-16622126799170 .e_credible-59{background_radio:1;display-radio:1}#c_navigation_188-16622126799170 .e_container-63 .cbox-63-2{display:none}#c_navigation_188-16622126799170 .e_container-63 .cbox-63-1{display:none}}@media screen and (min-width: 769px){#c_navigation_188-16622126799170 .e_container-35 .cbox-35-1{width:calc(90% - 510px);padding-left:5%;border-right:1px solid rgba(255, 255, 255, 0.1);border-left:1px solid rgba(255,255,255,0.1);padding-right:5%;margin-left:5%;margin-right:5%}#c_navigation_188-16622126799170 .e_bottomNav-52 .p_level1Box{display:flex}#c_navigation_188-16622126799170 .e_bottomNav-52 .p_jtIcon{display:none}#c_navigation_188-16622126799170 .e_container-63 .cbox-63-1{width:calc(95% - 350px);padding-left:5%;border-right:0px solid rgba(255, 255, 255, 0.1);border-left:0px solid rgba(255,255,255,0.1);padding-right:0%;margin-left:5%;margin-right:0%}}@media screen and (max-width: 1024px) and (min-width: 769px){}@media screen and (max-width: 1366px) and (min-width: 960px){#c_navigation_188-16622126799170{display-radio:1}#c_grid-116273709439190 > .p_gridbox > .p_gridCell:nth-child(1n + 1){width:100%;margin-left:0%;margin-right:0%;margin-top:0rem;margin-bottom:0rem;clear:left}#c_navigation_188-16622126799170 .e_container-35 .cbox-35-0{flex:0 0 250px}#c_navigation_188-16622126799170 .e_container-35 .cbox-35-1{width:calc(90% - 360px);margin-left:2%;margin-right:2%}#c_navigation_188-16622126799170 .e_bottomNav-52 .p_level1Item:nth-child(1),#c_navigation_188-16622126799170 .e_bottomNav-52 .p_level1Item:nth-child(5),#c_navigation_188-16622126799170 .e_bottomNav-52 .p_level1Item:nth-child(6),#c_navigation_188-16622126799170 .e_bottomNav-52 .p_level1Item:nth-child(7){display:none}#c_navigation_188-16622126799170 .e_container-53 > .p_item{flex:0 0 auto}#c_navigation_188-16622126799170 .e_container-55 .cbox-55-0{align-self:center}#c_navigation_188-16622126799170 .e_provider-57{font_radio:2;display-radio:1;font-size:14px;color:rgba(171,171,171,1);line-height:1.5;font-family:Microsoft YaHei}#c_navigation_188-16622126799170 .e_container-55{display-radio:1}#c_navigation_188-16622126799170 .e_container-55 .cbox-55-1{align-self:center}#c_navigation_188-16622126799170 .e_container-55 .cbox-55-2{align-self:center}#c_navigation_188-16622126799170 .e_richText-56{font_radio:1;display-radio:1}#c_navigation_188-16622126799170 .e_richText-54{font_radio:2;display-radio:1;font-size:12px;color:rgba(170,170,170,1);line-height:1.5}#c_navigation_188-16622126799170 .e_container-53{display-radio:1}#c_navigation_188-16622126799170 .e_container-53 .cbox-53-1{align-self:center}#c_navigation_188-16622126799170 .e_container-53 .cbox-53-0{align-self:center}#c_navigation_188-16622126799170 .e_container-63 .cbox-63-0{flex:0 0 250px}#c_navigation_188-16622126799170 .e_container-63 .cbox-63-1{width:calc(90% - 360px);margin-left:2%;margin-right:2%}}

.ccccc2 a{ color:#fff}