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

@media screen and (max-width:768px){
    .row{ margin: 0;}
}
.img-cover-4by3{ width: 100%; height: 0; padding-bottom: 50%; position: relative; overflow: hidden;}
.abs-center{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
/*.shuiyin{ position: absolute; left: 0; top: 0; z-index: 1; background: url("../images/shuiyin.png") repeat center top; width: 100%; height: 100%; background-size: 100%;}*/

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


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

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


/*头部*/
#top_index{ height: auto; margin: 0 auto; position: fixed; z-index: 20; transition: 0.3s;}
#logo{ text-align: center; padding: 1% 0; transition: 0.3s;}
#logo a{ display: block;}
#logo a img{ max-width: 100%; transition:0.5s;}
#logo .show{ display: inline-block;}
#logo .hidden{ display: none;}
.top_tel_con{ color: #fff; position: relative; }
.top_tel_con i{ float: left; position: relative; margin: 0 10px 0 0;}
.top_tel_con i svg{ width: 36px;}
.top_tel_con i svg path{ fill: #fff;}
.top_tel_con .float-start{ position: relative; font-size: 13px; height: 36px; line-height: 36px;}
.top_tel_con .float-start span{ font-size: 24px;}

#nav{ height: auto; transition:0.3s; text-align: center;}
#nav li{ display: inline-block; padding: 0 2%; height: 50px; line-height: 50px; font-size: 16px; color: #fff; text-align: center; transition:0.5s;}
#nav li a{ display: block; color: #fff; position: relative; z-index: 1; }
#nav li:hover a{ color: #fff;}

#nav .navli_hover{ background: #004a92; color: #fff;}
#nav .navli_hover .big{ color: #fff !important;}

#nav li .navson{display: none; position: absolute; left: 0; overflow: hidden; border-top: 1px solid #ededed; background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.05); color: #333; top: 100%; z-index: 99999; width: 100vw;}
#nav li .navson .main{ padding: 50px 0;}
#nav li .navson .nav_font{ float: left; width: 70%; 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: #999; font-size: 14px;}
#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 #004a92;}
#nav li .navson .nav_font dl dd:hover .tit a{ color: #004a92 !important; font-weight: bold;}
#nav li .navson .nav_pic{ float: right; width: 30%;}
@media screen and (max-width:1750px){
    .top_tel_con .float-start span{ font-size: 20px;}
}
@media screen and (max-width:1600px){
    .top_tel_con i{ display: none;}
}
@media screen and (max-width:1400px){
    #nav li{ font-size: 14px;}
}
@media screen and (max-width:1200px){
    #nav{ margin-top: 0;}
    #nav li{ font-size: 12px;}
}
@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: 70%;}
}
@media screen and (max-width:768px){
    #logo{ padding: 2%;}
    #logo a img{ max-width: 40%;}
}



.top_bj_active{ width: 100%; z-index: 20; background: #fff !important; top: 0; box-shadow: 0 0 20px rgba(0,0,0,0.1); position: fixed !important;}
.top_bj_active #logo{ padding: 0.5%;}
.top_bj_active #logo img{ transform: scale(0.9);}
.top_bj_active #logo .show{ display: none;}
.top_bj_active #logo .hidden{ display: inline-block;}
.top_bj_active #nav li{ font-size: 16px;}
.top_bj_active #nav li a{ color: #333;}
.top_bj_active .top_tel_con i svg path{ fill: #666;}
.top_bj_active .top_tel_con{ color: #666;}
/*.top_bj_active #c-header .c-switch{ top: 25px;}*/
/*.top_bj_active #c-header .c-nav2{ top: 55px;}*/
.top_bj_active #c-header .c-switch i{ background: #333 !important;}

.top_index_active{ background: #fff !important; box-shadow: 0 0 20px rgba(0,0,0,0.2);}
.top_index_active #logo .show{ display: none;}
.top_index_active #logo .hidden{ display: inline-block;}
.top_index_active #nav li{ font-size: 16px;}
.top_index_active #nav li a{ color: #333;}
.top_index_active .top_tel_con i svg path{ fill: #666;}
.top_index_active .top_tel_con{ color: #666;}
.top_index_active #c-header .c-switch i{ background: #333 !important;}

@media screen and (max-width:1200px){
    .top_bj_active #nav li,.top_index_active #nav li{ font-size: 14px;}
}
@media screen and (max-width:768px){
    .top_bj_active #logo{ padding: 2%;}
}


#banner,#mobile_banner{ position: relative;}
/*#banner img{ width: 100%;}*/
/*#banner .swiper-pagination{ bottom: 3%;}*/
/*#banner .swiper-pagination-bullet{ width: 20px; height: 5px; border-radius: 1px; transition:0.3s; opacity: 0.7; background: #fff;}*/
/*#banner .swiper-pagination-bullet-active{ width: 60px; background: #104fa2; opacity: 1;}*/
/*#banner .swiper-button-next:after,#banner .swiper-button-prev:after{ display: none;}*/
/*#banner .swiper-button-next i,#banner .swiper-button-prev i{ color: #fff; font-size: 40px;}*/
/*#banner .swiper-button-next,#banner .swiper-button-prev{ background: rgba(0,0,0,0.2); width: 50px; height: 80px; line-height: 80px;}*/
/*#banner .swiper-button-next{ right: 5%;}*/
/*#banner .swiper-button-prev{ left:5%; }*/


.banner{width: 100%;height: auto; overflow: hidden; position: relative;}
.banner .swiper-container{ width: 100%;}
.banner .swiper-container .swiper-slide {width: 100%;height: 800px;position: relative;}
/*.banner .swiper-container .swiper-slide:nth-of-type(2) .swiper-slide-content{ top: 20%;}
.banner .swiper-container .swiper-slide:nth-of-type(2) .swiper-slide-content .swiper-slide-title{}
.banner .swiper-container .swiper-slide:nth-of-type(2) .swiper-slide-content .swiper-slide-subtitle{ top: 30px}*/
.banner .swiper-container .swiper-slide:nth-of-type(3) .swiper-slide-content{ text-align: center; }
.banner .swiper-container .swiper-slide .swiper-slide-content {position: absolute;text-align: left;width: 1360px;height: auto;left: 50%;top: 40%;-webkit-transform: translate(-50%,-30%);transform: translate(-50%,-30%);z-index: 2;}
.banner .swiper-container .swiper-slide .swiper-slide-title {opacity: 0; margin-bottom: 30px;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .4s;}
.banner .swiper-container .swiper-slide .swiper-slide-subtitle {opacity: 0; margin-bottom: 50px; -webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .5s;}
.banner .swiper-container .swiper-slide .swiper-slide-subtitle1 {opacity: 0;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);transition: .2s ease .6s;}
.banner .swiper-container .swiper-slide.swiper-slide-active .swiper-slide-title {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);transition: .8s ease 0.8s;}
.banner .swiper-container .swiper-slide.swiper-slide-active .swiper-slide-subtitle {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);transition: .8s ease 1s;}
.banner .swiper-container .swiper-slide.swiper-slide-active .swiper-slide-subtitle1 {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);transition: .8s ease 1.2s;}
.banner .swiper-container .swiper-slide img {transition: 1s linear 2s; max-width: 90%;}
.banner .swiper-container .swiper-slide .swiper-slide-active img{transition: 16s linear;transform: scale(1.2, 1.2);}
.banner .swiper-pagination {position: absolute;font-size:0;left: 0;text-align: center;bottom: 3% !important;width: 100%;z-index: 9;}
.banner .swiper-pagination .swiper-pagination-bullet {display: inline-block;width: 30px;height: 3px; border-radius: 0; opacity: .2; background: #000;margin: 0 5px;cursor: pointer;transition: all .5s;}
.banner .swiper-pagination .swiper-pagination-bullet-active {opacity: 1; width: 60px; background: #c80102;}
/*.banner .swiper-button-prev{ left: 5%;}*/
/*.banner .swiper-button-next{ right: 5%;}*/
/*.banner .swiper-button-prev,.banner .swiper-button-next{width: 50px;height: 50px;border-radius: 100%;cursor: pointer;z-index: 2;}*/
/*.banner .swiper-button-prev{background: rgba(0,0,0,.5) url(../images/guidance_lbtn.png) center no-repeat;}*/
/*.banner .swiper-button-next{background: rgba(0,0,0,.5) url(../images/guidance_rbtn.png) center no-repeat;}*/




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

@media screen and (max-width:1400px){
    .banner .swiper-container .swiper-slide .swiper-slide-content{ width: 1200px;}
}
@media screen and (max-width:1200px){
    .banner .swiper-container .swiper-slide .swiper-slide-content{ width: 1000px;}
}



/*底部*/
#end_bj{ background: url("../images/end_bj.jpg") no-repeat center #151a2b; width: 100%; text-align: left; position: relative;}
#end_nr_bj{ width: 100%; height: auto; overflow: hidden; color: #909091; position: relative;}
#end_nr_bj a{ color: #909091; transition: 0.3s; position: relative;}
#end_nr_bj a:hover{ color: #fff;}
#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 #end_logo .float-start{ padding: 3% 0;}
#end_nr_bj #end_logo .float-end i{ float: left; margin-right: 10px;}
#end_nr_bj #end_logo .float-end i svg{ width: 50px;}
#end_nr_bj #end_logo .float-end i svg path{ fill: #c3002f;}
#end_nr_bj #end_logo .float-end{ color: rgba(255,255,255,0.5);}
#end_nr_bj #end_logo .float-end span{ color: #fff; font-size: 30px; font-family: Bahnschrift;}
#end_nr_bj .main{ padding: 1% 0 3%;}
#end_nr_bj .tit{ font-size: 18px; color: #fff; margin-bottom: 10px;}
#end_nr_bj ul li{ height: 35px; line-height: 35px;}
#end_nr_bj #end_wx{ text-align: center;}
#end_nr_bj #end_wx .ewm{ padding: 0;}
#end_nr_bj #end_wx .ewm img{ max-width: 65%;}
#end_nr_bj #end_wx .ewm span{ display: block; height: 40px; line-height: 40px; color: #999999;}

#end_line{ height: auto; background: rgba(0,0,0,0.2); color: #777777; }
#end_line a{ color: #777777;}
#end_line a:hover{ color: #fff;}
#end_line .main{ padding: 10px 0;}
@media screen and (max-width:1400px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:991px){
}
@media screen and (max-width:768px){
}



.footer_zx{ height:60px; overflow: hidden; right:0; bottom:0; z-index: 20; width:100%; line-height: 25px; position: fixed; background-color:#151a2b;}
.footer_zx a{ color:#fff !important; display: block; width: 50%; height: 100%; float: left; text-align: center; background-color:#151a2b;}
.footer_zx a:last-of-type{ background: #c3002f;}
.footer_zx i{ font-size: 28px; padding: 2% 0 1%; font-weight: normal;}
.footer_zx p{font-size: 13px;}
.kb50{ height: 60px;}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:991px){
}
@media screen and (max-width:768px){
    .footer_zx i{ padding: 4% 0 1%;}
}
@media screen and (max-width:765px){
    .footer_zx i{ padding: 2% 0 1%;}
}


/*首页*/
.gsjj .tit{ position: relative; line-height: 45px;}
.gsjj .tit:before{color: #666666; opacity: .05; text-transform: uppercase; content: attr(data-title); font-weight: bold; font-size: 75px; text-align: left; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; display: block; height: 100%; line-height: 60px;}
.gsjj .tit p{ color: #666666; font-size: 24px;}
.gsjj .tit h2{ color: #333333; font-size: 46px;}
.gsjj .content{ color: #666666; font-size: 16px; padding-top: 5%; line-height: 40px;}
.gsjj_pic{ text-align: center;}
.gsjj_pic p{ position: relative;}
.gsjj_pic p img{ width: 100%;}
.gsjj_pic p:before{ position: absolute; left: 0; top: 45px; content: ''; width: 6px; height: 80px; background: #c80102; transition: 0.7s;}
.gsjj_nr:hover .gsjj_pic p:before{ top: 70%;}

#jj_lb{ background: url("../images/jjlb_bj.png") repeat-y center fixed #eff0f3; padding: 3% 0 !important; margin-top: 3% !important;}
#jj_lb li h2{ display: inline-block; color: #004a92; font-size: 60px; font-weight: bold; position: relative;}
#jj_lb li h2 sup{ color: #666666; font-size: 18px; position: absolute; right: -20px; top: 20px;}
#jj_lb li p{ color: #666666; font-size: 16px;}
@media screen and (max-width:1400px){
    .gsjj .tit:before{ font-size: 60px;}
    .gsjj .tit h2{ font-size: 36px;}
    .gsjj .tit p{ font-size: 20px;}
}
@media screen and (max-width:1200px){
    .gsjj .tit:before{ font-size: 50px;}
}
@media screen and (max-width:991px){
    .gsjj_pic{ margin-top: 5%;}
    #jj_lb li{ float: left; width: 50%; text-align: center; margin: 1% 0;}
    #jj_lb li h2{ font-size: 40px;}
    #jj_lb li h2 sup{ font-size: 14px;}
    #jj_lb li p{ font-size: 14px;}
}
@media screen and (max-width:768px){
    .gsjj .tit h2{ font-size: 24px;}
    .gsjj .tit:before{ font-size: 40px;}
}

.index05 {padding:0;overflow:hidden;}
.index05 .content {background:url(../images/in05_bg3.jpg) no-repeat center;background-size:cover; padding: 0;}
.index05 .txtbox {padding:15px; float: left; width: 25%; height: 100%; position: relative; overflow: hidden;}
.index05 .txtbox:before{ position: absolute; left: 0; bottom: -10%; width: 100%; height: auto; content: 'Dingrui'; text-align: center; text-transform: uppercase; color: rgba(255,255,255,0.05); opacity: 0; transition: 0.5s; font-weight: bold;}
.index05 .t4 svg{ width: 55px;}
.index05 .t4 svg path{ fill: #fff;}
.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 .content { background:url(../images/in05_bg.jpg) no-repeat center;background-position:0 0;transition:.36s background-position ease-in;}
    .index05 .t4 {height:230px;}
    .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; font-size: 14px;opacity: 0;}
    .index05 .txtbox.active,.index05 .txtbox:hover {background:rgba(0,74,146,.9);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;}
    .index05 .txtbox.active:before,.index05 .txtbox:hover:before{ opacity: 1; bottom: 0;}
    .index05 .txtbox:before{ font-size: 55px;}
}
@media(min-width:1200px) {
    .index05 {padding:0;}

    .index05 .txtbox {padding:50px; }
    .index05 .t4 {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;}
    .index05 .txtbox:before{ font-size: 70px;}
}
@media(min-width:1400px) {
    .index05 .content {height: 650px;}
    .index05 .t5 {margin-top:45%;font-size:28px;}
    .index05 .txtbox:before{ font-size: 80px;}
    .index05 .txtbox.active .t5,.index05 .txtbox:hover .t5 {margin-top:30%;}
}
@media(min-width:1600px) {
    .index05 .txtbox:before{ font-size: 90px;}
}

.tit_in{ position: relative; line-height: 45px; text-align: center; background: url("../images/tit_line.png") no-repeat center bottom; padding-bottom: 20px;}
.tit_in:before{color: #666666; opacity: .05; text-transform: uppercase; content: attr(data-title); font-weight: bold; font-size: 75px; text-align: center; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; display: block; height: 100%; line-height: 70px;}
.tit_in p{ color: #666666; font-size: 24px; text-transform: uppercase;}
.tit_in h2{ color: #333333; font-size: 44px;}
@media(max-width:1400px) {
    .tit_in h2{ font-size: 36px;}
    .tit_in p{ font-size: 20px;}
    .tit_in:before{ font-size: 60px;}
}
@media(max-width:768px) {
    .tit_in h2{ font-size: 24px;}
    .tit_in p{ font-size: 14px;}
    .tit_in:before{ font-size: 40px;}
}




#anli{ margin-top: 3%;}
#anli .swiper-container {
    width: 100%;
    height: 100%;
    padding: 0 15%;
    position: relative;
}
#anli .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;
}
#anli .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
#anli .swiper-slide .pic .img img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#anli .swiper-slide .pic .font{ position: absolute; left: 0; bottom: 0; height: auto; text-align: center; background: rgba(0,74,146,0.95); transition: 0.5s all; padding: 0 5%;}
#anli .swiper-slide .pic .font p{ color: #fff; height: 65px; line-height: 65px; font-size: 16px;white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
#anli .swiper-slide .pic .font p i{ padding-left: 10px;}
#anli .swiper-slide:hover .pic .img img{ transform: scale(1.1);}
#anli .swiper-slide:hover .pic .font{ background: rgba(0,0,0,0.6); letter-spacing: 2px;}

#anli .swiper-button-next:after,#anli .swiper-button-prev:after{ display: none;}
#anli .control-bar .prev_next{ right: 0; opacity: 1; z-index: 8;}
#anli .control-bar .prev_next.prev{ left: 0; opacity: 1; z-index: 8;}
#anli .control-bar .w-btn { border-radius: 0; width: 35px; height: 35px; margin: 2px; text-align: center; line-height: 35px; background-color: #8a8a8a; position: relative; color: #eeeeee; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#anli .control-bar .w-btn:hover { background-color: #be0505; color: #ffffff; }
#anli .control-bar .prev_next i { display: block; width: 0; position: relative; height: 1px; background-color: CurrentColor; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#anli .control-bar .prev_next i::before, #anli .control-bar .prev_next i::after { content: ''; display: block; width: 10px; height: 1px; background-color: CurrentColor; position: absolute; margin: auto; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#anli .control-bar .prev_next i::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
#anli .control-bar .prev_next i::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
#anli .control-bar .prev_next.next i { margin-left: 10px; }
#anli .control-bar .prev_next.next i::before, #anli .control-bar .prev_next.next i::after { right: 0; transform-origin: right; }
#anli .control-bar .prev_next.prev i { margin-right: 10px; }
#anli .control-bar .prev_next.prev i::before, #anli .control-bar .prev_next.prev i::after { left: 0; transform-origin: left; }
#anli .control-bar .prev_next:hover i { width: 20px; margin: 0; }
#anli .control-bar .prev_next:hover i::before, #anli .control-bar .prev_next:hover i::after { width: 8px; }
#anli .control-bar .more i { width: 15px; height: 1px; background-color: CurrentColor; position: relative; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#anli .control-bar .more i::before, #anli .control-bar .more i::after { content: ''; display: block; width: 100%; height: 100%; background-color: CurrentColor; position: absolute; margin: auto; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
#anli .control-bar .more i::before { top: -6px; }
#anli .control-bar .more i::after { bottom: -6px; }
#anli .control-bar .more:hover i { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); width: 2px; height: 2px; }

@media screen and (max-width:1200px){
    #anli .swiper-slide:before{ display: none;}
    #anli .swiper-slide .pic .font p{ font-size: 14px;}
}
@media screen and (max-width:991px){
    #anli .swiper-container{ padding: 0;}
    #anli .swiper-slide .pic .font p{ height: 45px; line-height: 45px;}
}
@media screen and (max-width:765px){
}


#zzrybj{ background: url("../images/rybj.jpg") no-repeat center fixed;}
#rybj{ padding: 0; margin-top: 3%;}
#rybj .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#rybj .swiper-slide {
    text-align: center;
    /* 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;
}
#rybj .swiper-slide .pic{ background: url("../images/rypic_bj.jpg") no-repeat center; background-size: 100% 100%; padding: 13px 10px; width: 100%;}
#rybj .swiper-slide .pic p{ width: 100%; height: 0; padding-bottom: 140%; position: relative; overflow: hidden; transition:0.3s; }
#rybj .swiper-slide .pic span{ display: block; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; position: absolute; text-align: center; transition:0.3s; overflow: hidden; }
#rybj .swiper-slide .pic span img{ max-width: 100%; height: 100%; transition: 0.3s;}
#rybj .swiper-slide p{ font-size: 20px; padding-top: 20px;}
#rybj .swiper-slide:hover .pic span img{transform: scale(1.1);}
@media screen and (max-width:765px){
    #rybj{ background-size: 100%;}
    #rybj .swiper-slide p{ font-size: 14px;}
}


#indexNews{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.07);}
#indexNews li{width: 100%;height: auto; margin:0 auto; padding: 4% 3%; transition: 0.3s; border-bottom: solid 1px #f2f2f2; }
#indexNews li .right{ line-height: 25px;}
#indexNews li .news_title{ text-align: left; color: #333333; font-size: 18px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; line-height: 30px;}
#indexNews li .col-10{ padding: 0 3%;}
#indexNews li .news_info{ color: #999999; font-size: 14px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#indexNews li .news_time{ line-height: 30px; text-align: center; font-weight: normal !important; border-right:solid 1px #e8e8e9; color: #666666;font-size: 14px; padding: 0 !important; margin: 0 !important;}
#indexNews li .news_time span{display: block; margin:0 auto; line-height: 45px; width: 100%; text-align: center; color: #666666; font-size: 50px; transition: 0.3s;}
#indexNews li i{ float: right; width: 40px; height: 40px; text-align: center; line-height: 35px; border: 1px solid #c8c8c8; border-radius: 100%;transition: 0.3s;}
#indexNews li i svg{ width: 20px;}
#indexNews li i svg path{ fill: #666; transition: 0.3s;}
#indexNews li:last-of-type{ border-bottom: none;}
#indexNews li:hover .news_time span{ color: #004a92;}
#indexNews li:hover i{ border: 1px solid #004a92; background: #004a92;}
#indexNews li:hover i svg path{ fill: #fff;}

.xw_p{ padding-right: 25px;}
#xwpicnr_in{ position: relative;box-shadow: 0 0 10px rgba(0,0,0,0.07);}
#xwpicnr_in .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#xwpicnr_in .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;
}
#xwpicnr_in .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 50%; position: relative; overflow: hidden;}
#xwpicnr_in .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
#xwpicnr_in .swiper-slide .font{ background: #fff; width: 100%; padding: 8% 5% 10%;}
#xwpicnr_in .swiper-slide .font .news_time{ color: #999999; font-size: 16px;}
#xwpicnr_in .swiper-slide .font .content{ padding-top: 3%;}
#xwpicnr_in .swiper-slide .font .content .news_title{ color: #333333; font-size: 18px; width: 85%; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
#xwpicnr_in .swiper-slide .font .content i{ float: right; width: 40px; height: 40px; text-align: center; line-height: 35px; border: 1px solid #c8c8c8; border-radius: 100%; transition: 0.3s;}
#xwpicnr_in .swiper-slide .font .content i svg{ width: 20px;}
#xwpicnr_in .swiper-slide .font .content i svg path{ fill: #666; transition: 0.3s;}
#xwpicnr_in .swiper-slide:hover .font .content i{ border: 1px solid #004a92; background: #004a92;}
#xwpicnr_in .swiper-slide:hover .font .content i svg path{ fill: #fff;}
#xwpicnr_in .swiper-pagination{ right: 7%; bottom: 6%; left: auto; height: 30px; text-align: right;}
#xwpicnr_in .swiper-pagination .swiper-pagination-bullet{ background: #004a92; width: 10px; height: 10px;}
@media screen and (max-width:1440px){
    #xwpicnr_in .swiper-slide .news_time,#indexNews li .news_time{ font-size: 16px;}
    #indexNews li .news_time span{ font-size: 42px;}
}
@media screen and (max-width:991px){
    #xwpicnr_in .swiper-slide .news_time{ font-size: 14px !important;}
}
@media screen and (max-width:768px){
    #indexNews li .news_time span{ font-size: 36px;}
    #indexNews li .news_time{ font-size: 12px;}
    .xw_p{ padding: 0 15px 15px;}
}

.fuwu{ padding: 2% 0; border-top: 1px solid #ececec;}
.fuwu .fw_font{ line-height: 40px;}
.fuwu .fw_font p{ color: #004a92; font-size: 36px; font-weight: bold;}
.fuwu .fw_font span{ color: #777777; font-size: 16px;}
.fuwu ul{ margin: 1% 0 0;}
.fuwu ul li{ float: left; border-left: 1px solid #ececec; width: 33%; text-align: center; cursor: default;}
.fuwu ul li p{ color: #666666; font-size: 20px; font-weight: bold; height: 40px; line-height: 40px; text-align: center; transition: 0.3s;}
.fuwu ul li p i{ display: none; transition: 0.3s;}
.fuwu ul li p i:first-of-type{ display: inline-block}
.fuwu ul li p i svg{ width: 40px; }
.fuwu ul li p i svg path{ fill: #c3002f;}
.fuwu ul li:hover p i:last-of-type{ display: inline-block;}
.fuwu ul li:hover p i:first-of-type{ display: none;}
.fuwu ul li span{ display: block; color: #777777; font-size: 16px; padding-top: 10px;}
.fuwu ul li:hover p{ color: #c3002f;}
@media screen and (max-width:1440px){
    .fuwu .fw_font span{ font-size: 14px;}
}
@media screen and (max-width:1200px){
    .fuwu .fw_font p{ font-size: 24px;}
    .fuwu .fw_font span{ font-size: 12px;}
    .fuwu ul li p{ font-size: 18px;}
    .fuwu ul li p i svg{ width: 30px;}
    .fuwu ul li span{ font-size: 14px;}
}
@media screen and (max-width:768px){
    .fuwu{ display: none;}
}



/*公司简介*/
#jj_bj{ background: url("../images/jj_bj.png") repeat center;}
.jj_tit{ position: relative;}
.jj_tit:before{color: #999; opacity: .05; text-transform: uppercase; content: attr(data-title); font-weight: bold; font-size: 155px; text-align: left; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; display: block; height: 100%; line-height: 60px;}
.jj_tit .tit h2{ display: inline-block; color: #333333; font-size: 40px; position: relative;}
.jj_tit .tit h2:before{ position: absolute; left: 110%; top: 50%; content: ''; width: 40px; height: 2px; background: #004a92;}
.jj_tit .tit p{ color: #333333; font-size: 24px; padding-top: 3%;}
.jj_tit ul li p{ color: #666666; font-size: 16px;}
.jj_tit ul li h2{ display: inline-block; color: #004a92; font-size: 60px; position: relative;}
.jj_tit ul li h2 sub{ position: absolute; right: -20px; bottom: 20px; content: ''; color: #666666; font-size: 16px;}
#jj_bj .content{ margin-top: 3%; padding-right: 1%; color: #666666; font-size: 16px; line-height: 35px; height: 385px; overflow-y: scroll;}
#jj_bj .content::-webkit-scrollbar{
    width:3px;
    height:6px ;
}
#jj_bj .content::-webkit-scrollbar-track{
    box-shadow: inset 0 0 6px transparent;
    background: #e8e8e8;
}
#jj_bj .content::-webkit-scrollbar-thumb{
    background: #c3002f;
}
@media screen and (max-width:1400px){
    .jj_tit:before{ font-size: 130px;}
    .jj_tit .tit h2{ font-size: 36px;}
    .jj_tit .tit p{ font-size: 20px;}
}
@media screen and (max-width:1200px){
    .jj_tit:before{ font-size: 110px;}
    .jj_tit .tit h2{ font-size: 30px;}
    .jj_tit .tit p{ font-size: 16px;}
    .jj_tit ul li h2{ font-size: 48px;}
}
@media screen and (max-width:991px){
    .jj_tit:before{ display: none;}
    .jj_tit .tit p{ padding: 0;}
    .jj_tit ul li{ float: left; width: 50%; text-align: center; margin-top: 2%;}
    .jj_tit ul li h2{ font-size: 33px;}
    .jj_tit ul li p,.jj_tit ul li h2 sub{ font-size: 14px;}
    #jj_bj .content{ padding: 3% 15px; font-size: 14px; line-height: 30px;}
    .jj_tit .tit h2{ font-size: 26px;}
    .jj_tit .tit p{ font-size: 14px;}
}

#qywh_bj{ background: url("../images/wh_bj.jpg") no-repeat center;}
#qywh_bj .jj_tit:before{ color: rgba(255,255,255,0.6);}
#qywh_bj .jj_tit .tit h2,#qywh_bj .jj_tit .tit p{ color: #fff;}
#qywh_bj .jj_tit .tit h2:before{ background: #fff;}
#qywh_bj .jj_tit .tit p{ padding-top: 1%;}


#qywh{ margin-top: 5%; overflow: hidden;}
#qywh .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
    padding-bottom: 3%;
}
#qywh .swiper-slide {
    text-align: left;
    transition:0.3s;
    background: #fff; padding: 3%; position: relative; overflow: hidden;
    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#qywh .swiper-slide .tit{ width: 100%;}
#qywh .swiper-slide .tit p{ color: #333333; font-size: 26px; transition: 0.3s;}
#qywh .swiper-slide .tit span{ color: #a3a3a3; font-size: 16px; text-transform: uppercase; transition: 0.3s;}
#qywh .swiper-slide .con{ width: 100%; color: #333333; font-size: 18px; min-height: 70px; padding-top: 3%; position: relative; z-index: 1; transition: 0.3s;}
#qywh .swiper-slide i{ position: absolute; right: -15%; top: 10%; width: 176px; transition: 0.3s;}
#qywh .swiper-slide i{ max-width: 100%;}
#qywh .swiper-slide:hover{ background: #004a92;}
#qywh .swiper-slide:hover .tit p,#qywh .swiper-slide:hover ,tit span,#qywh .swiper-slide:hover .con{ color: #fff;}
#qywh .swiper-slide:hover i{  right: 0;}
#qywh .swiper-horizontal>.swiper-scrollbar{ height: 2px !important; background: rgba(255,255,255,0.2);}
#qywh .swiper-scrollbar-drag{ background: #fff !important; height: 6px; top: -2px; border-radius: 0;}
@media screen and (max-width:1200px){
}
@media screen and (max-width:991px){
    #qywh .swiper-slide .con{ font-size: 14px;}
    #qywh .swiper-slide .tit p{ font-size: 20px;}
    #qywh .swiper-slide .tit span{ font-size: 14px;}
    #qywh .swiper-slide{ padding: 5%;}
    #qywh .swiper-container{ padding-bottom: 7%;}
}
@media screen and (max-width:768px){
    #qywh .swiper-slide .tit span,#qywh .swiper-slide i{ display: none;}
    #qywh .swiper-slide .con{ font-size: 12px;}
    #qywh .swiper-slide .tit p{ font-size: 16px;}
}



/*公共*/
#zi_banner{ width: 100%; height: auto; position: relative;}
#zi_banner .pic{ text-align: center; overflow: hidden;}
#zi_banner .pic img{ width: 100%;}
#zi_banner .main{ position: absolute; left: 0; top: 0; width: 100%; z-index: 1; color: #fff; padding-top: 15%; line-height: 40px; background: url("../images/banner_bj.png") no-repeat center top;}
#zi_banner .main h2{ font-size: 36px; font-weight: bold !important;}
#zi_banner .main p{ font-size: 18px; padding-top: 1%;}
#home_bj{ width: 100%; border-bottom: 1px solid #e5e5e5;}
#home_bj .container li{ float: left; width: 20%; color: #666666; font-size: 16px; transition: 0.3s; padding: 2% 0; position: relative; text-align: center; }
#home_bj .container li a{ color: #666666;}
#home_bj .container li:before{ position: absolute; left: 50%; bottom: 0; content: ''; width: 0; height: 1px; background: #004a92; transition: 0.3s;}
#home_bj .container li:hover:before{ left: 0; width: 100%;}
#home_bj .home{ height: 25px; line-height: 25px; text-align: right;}
#home_bj .home i{ display: inline-block;}
#home_bj .home i svg{ width: 22px;}
#home_bj .home i svg path{ fill: #004a92;}
#home_bj .home a{ padding: 0 10px;}
#home_bj .home a:hover{ color: #004a92;}
@media screen and (max-width:768px){
    #home_bj .container li{ font-size: 14px;}
}

#nav_cp .swiper {
    width: 100%;
    height: 100%;
}
#nav_cp .swiper-slide {
    text-align: center;
    font-size: 16px;
    color: #666666;
    height: 60px;
    line-height: 60px;

    /* 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;
}
#nav_cp .swiper-slide:before{ position: absolute; left: 50%; bottom: 0; content: ''; width: 0; height: 1px; background: #004a92; transition: 0.3s;}
#nav_cp .swiper-slide:hover:before{ left: 0; width: 100%;}
#nav_cp .swiper-slide a{ color: #666666;}

@media screen and (max-width:1200px){
}
@media screen and (max-width:991px){
    #zi_banner .pic img{ width: 150%; margin-left: -15%;}
    #home_bj .container li{ width: 25%;}
    #zi_banner .main{ padding-top: 20%;}
    #zi_banner .main h2{ font-size: 28px;}
    #zi_banner .main p{ font-size: 16px;}
}
@media screen and (max-width:768px) {
    #zi_banner .pic img { width: 195%; margin-left: -25%;}
    #zi_banner .main{ padding: 25% 0 18%}
    #zi_banner .main h2{ font-size: 24px;}
    #zi_banner .main p{ font-size: 14px;}
}

.hui{ background: #f9f9f9;}


#lxwm_in li{ text-align: center; padding: 10% 3%; position: relative;}
#lxwm_in li:before{ position: absolute; right: 0; top: 15%; content: ''; width: 1px; height: 70%; background: #efefef;}
#lxwm_in li .tit{ font-size: 22px; color: #333; font-weight: bold; margin-bottom: 5%;}
#lxwm_in li .pic{ padding: 8% 0; background: url("../images/ear.png") no-repeat center top;}
#lxwm_in li .con{ color: #7d8084;}
#lxwm_in .col-12:last-of-type li:before{ display: none; }
@media screen and (max-width:991px){
    #lxwm_in li{ margin-bottom: 2%;}
}
@media screen and (max-width:768px){
}



.in_title{ line-height: 40px; color: #747474; font-size: 16px;}
.in_title p{ font-size: 30px; color: #3e3e3e;}



.contactb{ background: url("../images/zxbj.jpg") no-repeat center top; padding: 4% 0;}
.contactba .forma{height: auto;overflow: hidden;}
.contactba .forma span{display: block;font-size: 20px;line-height: 45px;}
.contactba .forma input{float: left;width: 32%;margin-right: 2%;line-height: 40px;padding-left: 2%;border: 1px solid #e6e6e6;}
.contactba .forma input:last-child{margin-right: 0px;}
.contactba textarea {display: block;padding-left:2%;width: 100%;height: 90px;background: #fff;line-height: 35px;border: 1px solid #e6e6e6;}
.contactba .code {width: 50%;}
.contactba .code input {width: 31%;line-height: 40px;float: left;}
.contactba .code .verify {cursor: pointer;float: left;margin:0 2%;width: 31%;height: 40px;text-align: center;}
.contactba .code .verify img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;border: 1px solid #e6e6e6;}
.contactba .submit {position: relative; float: left;display: block;width: 31%;height: 40px;text-align: center;line-height: 40px;background: #b70000;color: #fff;}
.contactba .submit em {display: block; position: relative;z-index: 3;transition:.6s;}
.contactba .submit em{position: relative;z-index: 3;}
.contactba .submit:after{position: absolute;width: 100%;height: 100%;max-height: 0;z-index: 1;content: '';background-color: #444;left: 0;bottom: 0;transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);}
.contactba .submit:hover:after {max-height: 100%;max-width: 100%;}

.contactba .form-tr {overflow: hidden;margin-top: 2%;}
.contactba input {display: block;width: 90%;padding-left:2%;height: 40px;line-height: 40px;background: #fff;border: 1px solid #e6e6e6;}

.tit_zx{ padding-bottom: 3%;}
.tit_zx p{ color: #173386; font-size: 20px; font-weight: bold;}
.tit_zx span{ display: block; padding-bottom: 3%; color: #666; font-size: 18px; text-transform: uppercase; position: relative;}
.tit_zx span:before{ position: absolute; left: 0; bottom: 0; width: 5%; height: 3px; background: #173386; content: '';}

.lxzx .content{ padding: 5% 0 !important;}
.lxzx .tel span{ font-family: Bahnschrift; font-size: 30px; color: #104fa2;}
@media screen and (max-width:991px){
    .contactaa{ position: relative;}
    .contactaa li{ border: 1px solid #efefef;}
}


.bai{ background: #fff;}
.pro-sider .in-title{ background: #163481; color: #fff; padding: 8% 10% 5%; position: relative; text-align: center;}
.pro-sider .in-title p{ font-size: 30px; padding-bottom: 1%;}
.pro-sider .in-title span{ font-family: arial; font-size: 16px; text-transform: uppercase;}
.pro-sider .in-title i{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 12%; text-align: center; font-size: 70px; font-family: Bahnschrift; font-weight: bold; color: rgba(255,255,255,0.05); text-transform: uppercase; letter-spacing: -3px;}

.pro-sider .bai{ color: #333333; font-size: 15px; line-height: 35px;}
.pro-sider-ul { height: auto; text-align: left; background: #fff; padding: 15px 0;}
.pro-sider-ul li{ padding: 0 20px; border-bottom: 1px dashed #e5e5e5; background: #fff; color: #333333; font-size: 15px; width: 100%; cursor: pointer; height: 60px; line-height: 60px; transition: 0.3s;}
.pro-sider-ul li i{ float: right; color: #a7a7a7; font-size: 20px;}
.pro-sider-ul li:hover{ background: #163481; color: #fff;}
.pro-sider-ul li:hover i{ color: #fff;}
.pro-sider-ul #li-on{ background: #163481;}
@media screen and (max-width:1440px){
    .pro-sider .in-title i{ font-size: 60px;}
}
@media screen and (max-width:1200px){
    .pro-sider .in-title p{ font-size: 28px;}
    .pro-sider .in-title span{ font-size: 14px;}
    .pro-sider .in-title i{ display: none;}
    .pro-sider-ul li{ font-size: 14px;}
    .pro-sider-ul li i{ font-size: 12px;}
    .pro-sider .bai{ font-size: 12px;}
}


.pro_lx{ background: #163481; color: #fff; padding: 7% 0;}
.pro_lx i{ float: left; font-size: 40px; height: 40px; line-height: 40px; margin: 2% 2% 0 0;}
.pro_lx .float-left span{ font-size: 24px; font-family: Bahnschrift;}
.pro_lx .zixun{ border: 1px solid rgba(255,255,255,0.5); margin: 3% auto 0; width: 50%; height: 40px; line-height: 40px; text-align: center; transition: 0.3s; color: #fff;}
.pro_lx .zixun:hover{ background: #fff; color: #163481;}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px) {
}


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

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


/*产品中心*/
#cp_class li{ margin-bottom: 5%; position: relative; overflow: hidden;}
#cp_class li .pic{ width: 70%; left: 0; overflow: hidden; height: 0; padding-bottom: 35%; position: absolute; z-index: 1; transition: 0.5s; }
#cp_class li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.3s;}
#cp_class li .font{ width: 30%; float: right; position: relative; padding: 10% 0 10% 3%; transition: 0.3s;}
#cp_class li .font:before{ color: #333; opacity: 0.05; text-transform: uppercase; content: attr(data-title); font-size: 200px; text-align: left; position: absolute; left: -15%; top: 0; width: 100%; height: 100%; padding-top: 50%; transition: 0.5s;}
#cp_class li .tit{ position: relative; z-index: 1; text-align: right; padding-top: 40%;}
#cp_class li .tit h2{ color: #333333; font-size: 30px; font-weight: bold !important; transition: 0.3s;}
#cp_class li .tit p{ color: #666; font-size: 18px; text-transform: uppercase;}
#cp_class li .content{ position: absolute; left: -100%; top: 0; width: 30%; height: 100%; z-index: 2; padding: 3% 0; transition: 0.5s; opacity: 0;}
#cp_class li .content .tit{ text-align: left; padding-top: 25%;}
#cp_class li .content .more{ position: relative; z-index: 1; height: 72px; line-height: 72px; margin-top: 20%; color: #666666; font-size: 16px;}
#cp_class li .content .more i{ display: inline-block; width: 70px; height: 70px; border: 1px solid #cbcbcb; border-radius: 100%; text-align: center; line-height: 68px; font-size: 30px; color: #767676; margin-left: 8%; transition: 0.3s;}
/*#cp_class li:nth-of-type(2n) .pic{ float: right;}*/
/*#cp_class li:nth-of-type(2n) .font{ float: left; padding: 8% 3% 0 0;}*/
/*#cp_class li:nth-of-type(2n) .font:before{ left: auto; right: -45%;}*/
#cp_class li:hover .content{ left: 0; opacity: 1;}
#cp_class li:hover .content .tit h2 a{ color: #004a92;}
#cp_class li:hover .content .more i{ background: #004a92; border: 1px dashed #004a92; transform:rotate(45deg); color: #fff;}
#cp_class li:hover .pic img{transform: scale(1.1);}
#cp_class li:hover .font{ opacity: 0;}
#cp_class li:hover .pic{ left: 30%;}
@media screen and (max-width:1440px) {
    #cp_class li .font:before{ font-size: 200px;}
    #cp_class li .font .tit h2{ font-size: 36px;}
    #cp_class li .font .tit p{ font-size: 18px;}
}
@media screen and (max-width:1200px) {
    #cp_class li .font:before{ font-size: 150px;}
    #cp_class li .font .tit h2{ font-size: 30px;}
    #cp_class li .font .tit p{ font-size: 16px;}
}
@media screen and (max-width:991px) {
    #cp_class li .pic{ position: relative; width: 100%;}
    #cp_class li .pic{ padding-bottom: 70%;}
    #cp_class li .content{ display: none;}
    #cp_class li .font{ width: 100%; padding: 5% 15px !important;}
    #cp_class li .font:before{ display: none;}
    #cp_class li .font .more{ margin-top: 5%;}
    #cp_class li .tit{ padding-top: 0;}
    #cp_class li:hover,#cp_class li:hover .font{ opacity: 1;}
    #cp_class li:hover .pic{ left: 0;}
    #cp_class li .font .tit h2{ font-size: 24px;}
    #cp_class li .font .tit p{ font-size: 16px;}
}


.al_pic li{ margin-bottom: 5%;}
.al_pic .img{ height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
.al_pic .img img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.5s;}
.al_pic .con{ background: #faf9f7; padding: 3%;}
.al_pic .con span{ color: #999999; font-size: 14px; transition: 0.3s;}
.al_pic .con p{ color: #282828; font-size: 20px; transition: 0.3s;}
.al_pic .con .float-end{ padding-top: 2%;}
.al_pic .con i{ font-size: 40px; color: #c2c2c2; transition: 0.3s;}
.al_pic li:hover .con{ background: #074c9f;}
.al_pic li:hover .con span{ color: rgba(255,255,255,0.5);}
.al_pic li:hover .con p{ color: #fff;}
.al_pic li:hover .con i{ color: #fff;}
.al_pic li:hover .img img{transform: scale(1.1);}
@media screen and (max-width:991px) {
    .al_pic .con p{ font-size: 16px;}
}

.home_cp{ height: 50px; color: #666;}
.home_cp i{ float: left; color: #004a92;}
.home_cp a{ padding: 0 10px; color: #666;}
.home_cp a:hover{ color: #004a92;}
.pro_con{ position: relative; overflow: hidden;}
.pro_con .row{ margin: 0;}
.cp_left{ height: 0; padding-bottom: 35%; position: relative; overflow: hidden; }
.cp_left img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
.cp_right{ padding: 0 2% 0;}
.cp_right h2{ color: #333333; font-size: 36px; background: url("../images/tit_line.png") no-repeat left bottom; padding-bottom: 20px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; position: relative;}
.cp_right .content{ color: #666666; font-size: 16px; padding: 2% 0 0; margin: 3% 0;}
.cp_right dl{ text-align: center; padding: 4% 0 3%; margin: 0;}
.cp_right dl dd{ float: left; color: #004a92; width: 22%; margin-right: 10px; border-radius: 20px; height: 37px; line-height: 37px; background: #dbe6f0; border: 1px solid #c2d4e4;}
.cp_right ul{ margin-bottom: 5% !important;}
.cp_right ul li p{width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; transition:0.3s;}
.cp_right ul li p img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s;}
.cp_right .tel{ margin-bottom: 5%;}
.cp_right .tel i{ float: left; font-size: 40px; height: 40px; line-height: 40px; color: #c3002f; margin-top: 3%;}
.cp_right .tel .float-start{ padding-left: 3%; line-height: 25px;}
.cp_right .tel .float-start p{ color: #666666;}
.cp_right .tel .float-start span{ color: #c3002f; font-size: 26px; font-family: Impact;}
.cp_right .zixun-btn{ height: 50px; line-height: 50px; background: #c3002f; color: #fff; text-align: center; font-size: 16px; transition: 0.3s; position: relative; z-index: 1; border-top-left-radius: 5px; border-bottom-right-radius: 5px;}
.cp_right .zixun-btn i{ display: inline-block; font-size: 20px; margin-right: 10px;}
.cp_right .zixun-btn:hover{ background: #333;}
.cp_right .order-btn{ height: 50px; line-height: 50px; background: #004a92; color: #fff; text-align: center; font-size: 16px; transition: 0.3s; position: relative; z-index: 1; border-top-left-radius: 5px; border-bottom-right-radius: 5px;}
.cp_right .order-btn a{ color: #fff;}
.cp_right .order-btn i{ display: inline-block; font-size: 20px; margin-right: 10px;}
.cp_right .order-btn:hover{ background: #333;}
@media screen and (max-width:1200px){
    .cp_right .content{ font-size: 12px;}
    .cp_right h2{ font-size: 20px;}
    .cp_right ul .bt{ font-size: 14px; height: 30px;}
    .cp_right ul{ margin: 2% 0 !important;}
}
@media screen and (max-width:991px){
    .cp_left{ padding-bottom: 60%; margin-top: 3%;}
    .cp_right{ margin-top: 3%;}
}
@media screen and (max-width:768px){
    .cp_right dl dd{ width: 31%; margin-right: 5px;}
    .cp_right  dl dd span{ font-size: 12px;}
    .cp_padding{ padding: 5% 15px !important;}
}


.tit_cp{ background: url("../images/tit_line.png") no-repeat left bottom; padding-bottom: 20px;}
.tit_cp h2{ color: #333333; font-size: 30px;}
.tit_cp p{ color: #999; font-size: 14px; text-transform: uppercase;}
.tit_cp .float-end{ height: 30px; line-height: 30px; background: #054d93; padding: 0 10px; color: #fff; transition: 0.3s;}
.cp_content{ padding: 3% 0 5%; font-size: 16px;}
.tit_cp .float-end:hover{ background: #c80102;}
@media screen and (max-width:768px){
    .tit_cp h2{ font-size: 20px;}
    .tit_cp p{ font-size: 12px;}
    .tit_cp{ padding-bottom: 5px;}
}


#cpys{ margin: 3% auto 5%; overflow: hidden;}
#cpys .swiper-container {
    width: 100%;
    height: 100%;
    padding: 60px 20px 20px;
}
#cpys .swiper-slide {
    text-align: left;
    transition:0.3s;
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    padding-bottom: 3%;
    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#cpys .swiper-slide:before{ position: absolute; content: ''; left: 45%; bottom: 0; width: 10%; height: 3px; background: #004a92; transition: 0.3s;}
#cpys .swiper-slide:after{color: #f8f8f8; text-transform: uppercase; content: attr(data-title); font-weight: bold; font-size: 120px; text-align: center; position: absolute; left: 0; right: 0; margin: auto; top: 0; bottom: 0; display: block; height: 100%; line-height: 215px;}
#cpys .swiper-slide .pic{ display: block; width: 116px; height: 116px; background: #004a92; border-radius: 100%; line-height: 116px; text-align: center; color: #fff; position: relative; z-index: 1; margin-top: -60px; transition: 0.3s;}
#cpys .swiper-slide .pic i{ font-size: 50px;}
#cpys .swiper-slide h2{ position: relative; z-index: 1; width: 100%; text-align: center; color: #000000; font-size: 24px; padding: 7% 0 2%;}
#cpys .swiper-slide p{ position: relative; z-index: 1; color: #666666; font-size: 18px;}
#cpys .swiper-slide:hover .pic{ background: #c3002f;}
#cpys .swiper-slide:hover:before{ background: #c3002f;}
@media screen and (max-width:1200px){
    #cpys .swiper-container{ padding-bottom: 7%;}
}
@media screen and (max-width:768px){
    #cpys .swiper-slide{ padding-bottom: 8%;}
}
@media screen and (max-width:765px){
    #cpys .swiper-container{ padding-bottom: 15%;}
}

.xgxw{ margin: 3% -15px 0 !important;}
.xgxw li{ border-bottom: 1px solid #eaeaea; height: 60px; line-height: 60px;}
.xgxw li i{ display: inline-block; font-size: 12px;}
.xgxw li p{ float: left; color: #666666; width: 80%; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.xgxw li p i{ color: #004a92; margin-right: 10px;}
.xgxw li span{ display: block; width: 20%; text-align: right; float: right; color: #999999; font-size: 13px;}
.xgxw li span i{ display: inline-block; margin-right: 10px;}
@media screen and (max-width:768px){
    .xgxw li p{ width: 75%;}
    .xgxw li span{ width: 25%;}
}

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


#indexNews_news{ margin-top: 5% !important;}
#indexNews_news li{width: 100%; height: auto; padding: 2%; margin-top: 1%; transition: 0.3s; background: #fff; box-shadow: 0 0 15px rgba(0,0,0,0.02);}
#indexNews_news li .right{ line-height: 25px;}
#indexNews_news li .news_title{ text-align: left; color: #333333; font-size: 18px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; line-height: 30px;}
#indexNews_news li .col-10{ padding: 0 3%;}
#indexNews_news li .news_info{ color: #999999; font-size: 14px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#indexNews_news li .news_time{ line-height: 30px; text-align: center; font-weight: normal !important; border-right:solid 1px #e8e8e9; color: #666666;font-size: 14px; padding: 0 !important; margin: 0 !important;}
#indexNews_news li .news_time span{display: block; margin:0 auto; line-height: 45px; width: 100%; text-align: center; color: #666666; font-size: 50px; transition: 0.3s;}
#indexNews_news li i{ float: right; width: 40px; height: 40px; text-align: center; line-height: 35px; border: 1px solid #c8c8c8; border-radius: 100%;transition: 0.3s;}
#indexNews_news li i svg{ width: 20px;}
#indexNews_news li i svg path{ fill: #666; transition: 0.3s;}
#indexNews_news li:last-of-type{ border-bottom: none;}
#indexNews_news li:hover .news_time span{ color: #004a92;}
#indexNews_news li:hover i{ border: 1px solid #004a92; background: #004a92;}
#indexNews_news li:hover i svg path{ fill: #fff;}
@media screen and (max-width:991px){
    #indexNews_news li{ margin-top: 3%;}
    #indexNews_news li .news_time span{ font-size: 30px;}
    #indexNews_news li .news_time{ font-size: 12px;}
    #indexNews_news li .news_title{ font-size: 16px;}
    #indexNews_news li .news_info{ font-size: 12px; line-height: 20px;}
}



#mtjj{position: relative; margin-top: 3%;}
#mtjj .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#mtjj .swiper-slide {
    transition:0.3s;
    position: relative;
    border: 1px solid #f5f5f5;
    /* 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;
}
#mtjj .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
#mtjj .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#mtjj .swiper-slide .content{ padding: 3%; width: 100%; background: #fff; transition: 0.3s;}
#mtjj .swiper-slide .news_title{ color: #333333; font-size: 18px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#mtjj .swiper-slide .news_info{ color: #999999; font-size: 14px; margin: 2% 0 3%; line-height: 25px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; min-height: 50px;}
#mtjj .swiper-slide .news_time{ clear: both; margin-top: 2%; border-top: 1px solid #f5f5f5; padding-top: 2%;}
#mtjj .swiper-slide .news_time span{ display: block; float: left; font-size: 13px; color: #999999;}
#mtjj .swiper-slide .news_time span i{ float: right; font-size: 12px; margin-left: 5px;}

#mtjj .swiper-slide .news_time p{ float: right; color: #999999;}
#mtjj .swiper-slide:hover .pic img{transform: scale(1.1);}
#mtjj .swiper-slide:hover .content{ background: #004a92;}
#mtjj .swiper-slide:hover .news_title{ color: #fff;}
#mtjj .swiper-slide:hover .news_time{ border-top: 1px solid rgba(255,255,255,0.2);}
#mtjj .swiper-slide:hover .news_info,#mtjj .swiper-slide:hover .news_time span,#mtjj .swiper-slide:hover .news_time p{ color: rgba(255,255,255,0.5);}
#mtjj .swiper-slide:hover .news_time span:hover{ color: #fff;}



#xw_main .content{ color: #666666; font-size: 16px; border-bottom: 1px solid #f5f5f5; margin-bottom: 6%; padding: 4% 0;}
.xw_bai{ background: #fff; border-radius: 5px; margin-bottom: 10px; padding: 3%; line-height: 40px;}
.xw_bai h1{ color: #000000; font-size: 22px; line-height: 40px;}
.xw_bai .click{ color: #666666; font-size: 14px;}
.xw_bai .click i{ display: inline-block; margin-right: 10px;}
.xw_bai img{ display: block; max-width: 100%; margin: 2% auto;}


.xw_tit{ background: url("../images/tit_line.jpg") no-repeat left center; padding-left: 15px; height: 35px; line-height: 35px; margin-bottom: 3%;}
.xw_tit .left{ color: #333333; font-size: 24px;}
.xw_tit .left span{ text-transform: uppercase; color: #999999; font-size: 14px; padding-left: 15px;}
#xgxw{ width: 100%;height: auto; margin: 7% auto !important; clear: both !important;}
#xgxw li{ height: auto; margin-bottom: 3%;}
#xgxw li .news_title{ height: 40px; text-align: center; line-height: 40px; color: #333333; font-size: 14px; white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
#xgxw li .pic{ display: block; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; background: #f9f9f9;}
#xgxw li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#xgxw li:hover .news_title{color: #004a92}

#prev_next{ height: 80px; line-height: 80px; }
#prev_next li{ float: left; width: 49.5%; color: #999999; background: #fff; padding: 0 5%;}
#prev_next li .page-a{white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#prev_next li a{ color: #999999;}
#prev_next li:last-of-type{ float: right; text-align: right;}
#prev_next li:hover{ color: #c3002f;}
#prev_next li:hover a{ color: #c3002f;}
@media screen and (max-width:991px){
    #prev_next li{  width: 100%; line-height: 25px; font-size: 13px; margin-top: 2%;}
    .xw_bai h1{ font-size: 18px; height: auto; line-height: 30px;}
}



#dgdj li{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 5%; margin: 5% auto 0; transition: 0.3s;}
#dgdj li .news_title{ color: #282828; font-size: 22px; transition: 0.3s;}
#dgdj li .news_time{ color: #999999; font-size: 16px; font-weight: bold; padding: 2% 0; transition: 0.3s;}
#dgdj li .news_info{ color: #aaaaaa; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: 0.3s;}
#dgdj li:hover{ background: #004a92;}
#dgdj li:hover .news_title,#dgdj li:hover .news_time,#dgdj li:hover .news_info{ color: #fff;}


#dyfc{ padding: 0; margin-top: 3%;}
#dyfc .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

#dyfc .swiper-slide {
    text-align: center;
    /* 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;
}
#dyfc .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; transition:0.3s;}
#dyfc .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s;}
#dyfc .swiper-slide p{ background: #fff; width: 100%; font-size: 16px; height: 60px; line-height: 60px;}
@media screen and (max-width:768px){
    #dyfc{ background-size: 100%;}
}


#shzr{ margin-top: 3% !important;}
#shzr li{ padding: 3%; margin: 0; border: 1px solid #ececec; transition: 0.3s;}
#shzr .col-12:nth-of-type(1) li{ border-right: none; border-bottom: none;}
#shzr .col-12:nth-of-type(2) li{ border-bottom: none;}
#shzr .col-12:nth-of-type(3) li{ border-right: none;}
#shzr .pic{ height: 0; padding-bottom: 23%; position: relative; overflow: hidden;}
#shzr .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#shzr .news_title{ color: #333333; font-size: 18px; font-weight: bold;white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#shzr .news_info{ color: #999999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
#shzr .news_time{ color: #004a92; font-size: 14px;}
#shzr .news_time{ font-family: Arial;}
#shzr li:hover{ background: #004a92;}
#shzr li:hover .pic img{transform: scale(1.1);}
#shzr li:hover .news_title{ color: #fff;}
#shzr li:hover .news_info,#shzr li:hover .news_time{ color: rgba(255,255,255,0.5);}
@media screen and (max-width:768px){
    #shzr .pic{ padding-bottom: 45%;}
}



#kjcx{position: relative; margin-top: 3%;}
#kjcx .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#kjcx .swiper-slide {
    transition:0.3s;
    position: relative;
    padding-bottom: 55px;
    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#kjcx .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; }
#kjcx .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#kjcx .swiper-slide .tit{ position: absolute; bottom: 15px; left: 5%; height: auto; padding: 4%; background: #fff; width: 90%;transition: 0.3s; filter: drop-shadow(-8px 5px 8px rgba(153, 153, 153, 0.2));}
#kjcx .swiper-slide .tit .float-start{ line-height: 25px; width: 85%; overflow: hidden;}
#kjcx .swiper-slide .tit .float-start p{ display: inline-block; font-size: 16px; width: 100%; color: #1e2830; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#kjcx .swiper-slide .tit .float-start span{ display: block; position: relative; text-transform: uppercase; font-size: 14px; color: #dfdfdf;}
#kjcx .swiper-slide .tit .float-end{ width: 40px; height: 40px; border-radius: 5px; margin-top: 5px; text-align: center; line-height: 40px; background: #f1f1f1; transition: 0.3s;}
#kjcx .swiper-slide .tit .float-end i{ font-size: 20px; transition: 0.3s;}
#kjcx .swiper-slide:hover img{ transform: scale(1.1);}
#kjcx .swiper-slide:hover .tit{ background-color: #004a92;}
#kjcx .swiper-slide:hover .tit p{ color: #fff;}
#kjcx .swiper-slide:hover .tit span{ color: rgba(255,255,255,0.5);}
#kjcx .swiper-slide:hover .tit .float-end{ background: rgba(255,255,255,0.3);}
#kjcx .swiper-slide:hover .tit .float-end i{ color: #fff;}

@media screen and (max-width:1200px){
    #kjcx .swiper-slide .tit .float-start{ width: 75%;}
    #kjcx .swiper-slide .tit .float-start p{ font-size: 14px;}
    #kjcx .swiper-slide .tit .float-start span{ font-size: 12px;}
}



.ghhd{ margin: 3% 0 0; background: #f9f9f9;}
.ghhd .pic{ height: 0; padding-bottom: 40%; position: relative; overflow: hidden; transition: 0.5s;}
.ghhd .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.5s;}
.ghhd .pic:hover img{ transform: scale(1.1);}
.ghhd .font{ padding: 1% 3%;}
.ghhd .font .gg_1{ border-bottom: 1px solid #ccc; padding: 4% 0; position: relative;}
.ghhd .font .gg_1:before{ position: absolute; left: 0; bottom: 0; content: ''; height: 2px; width: 0; background: #004a92; transition: 0.5s;}
.ghhd .font .gg_1:last-of-type{ border-bottom: none;}
.ghhd .font .gg_1 span{ display: block; float: left; height: 30px; line-height: 30px; color: #5b5b5b; font-weight: bold; font-size: 16px; transition: 0.3s;}
.ghhd .font .gg_1 .tit{ clear: both; color: #282828; font-size: 20px; padding: 1% 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.ghhd .font .gg_1 .content{ color: #898989; font-size: 14px; margin: 0 0;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.ghhd .font .gg_1:hover:before{ width: 100%;}
.ghhd .font .gg_1:hover span{ background: #004a92; color: #fff; padding: 0 10px;}
@media screen and (max-width:1200px){
    .ghhd .font .gg_1 .tit{ font-size: 18px;}
    .ghhd .font .gg_1 .content{ font-size: 14px;}
}
@media screen and (max-width:991px){
    .ghhd .pic{ padding-bottom: 75%;}
}




/*人才招聘*/
#rencai_bj{ background: url("../images/rczp_banner.jpg") no-repeat center top; height: 651px;}
#rencai_bj .main{ color: #fff; padding-top: 10%;}
#rencai_bj .main .tit_in:before{ color: #fff;}
#rencai_bj .main .tit_in p,#rencai_bj .main .tit_in h2{ color: #fff;}
#rencai_bj .content{ color: rgba(255,255,255,1); font-size: 16px; line-height: 40px; text-align: center; padding-top: 5%;}
#rencai_bj .pic{ width: 40px; height: 40px; line-height: 40px; text-align: center; background: #ca1323; border-radius: 100%; margin: 4% auto 0;}
#rencai_bj .pic i {
    display: block;
    width: 100%;
    height: 100%;
    animation: downico 1.5s ease-out infinite;
    position: relative;
}
@keyframes downico{
    0%{
        top: 0;
        opacity: 1;
    }
    35%{
        top: 50%;
        opacity: 0;
    }
    65%{
        top: -50%;
        opacity: 0;
    }
    100%{
        top: 0;
        opacity: 1;
    }
}
@media screen and (max-width:1200px){
    #rencai_bj .main{ padding-top: 15%;}
}
@media screen and (max-width:991px){
    #rencai_bj .main{ padding-top: 20%;}
}
@media screen and (max-width:768px){
    #rencai_bj .main{ padding-top: 30%;}
}


#fuli{ text-align: center; padding: 5% 0 0;}
#fuli li{ float: left; width: 33%; margin-bottom: 5%;}
#fuli li i{ color: #004a92; font-size: 50px; height: 60px; line-height: 60px;}
#fuli li p{ color: #333333; font-size: 26px; padding: 20px 0 0;}
#fuli li span{ display: block; padding: 3% 10% 0; font-size: 16px; color: #666666; min-height: 60px;}
@media screen and (max-width:991px){
    #fuli li i{ font-size: 40px;}
    #fuli li p{ font-size: 20px;}
    #fuli li span{ font-size: 12px; line-height: 25px;}
}
@media screen and (max-width:768px){
    #fuli li{ width: 50%;}
    #fuli li i{ font-size: 40px;}
    #fuli li p{ font-size: 20px;}
    #fuli li span{ font-size: 12px; line-height: 25px; min-height: 90px;}
}

.inner_contact_02{ margin: 3% 0 0;}
.inner_contact_02 .td1{ line-height: 40px; border-right: 1px solid #dbdbdb;}
.inner_contact_02 .td1 p{ color: #333333; font-size: 22px;}
.inner_contact_02 .td1 span{ color: #666666; font-size: 16px;}
.inner_contact_02 .td2{ line-height: 40px; padding-left: 5%;}
.inner_contact_02 .td2 p{ color: #666666; font-size: 16px;}
.inner_contact_02 .td2 p span{ color: #c3002f; font-size: 24px;}
.inner_contact_02 .td5{ text-align: center; padding-top: 2%;}
.inner_contact_02 .td5 a{ display: block; height: 45px; line-height: 45px; float: right; padding: 0 10%; background: #c3002f; border-radius: 5px; color: #fff;font-size: 14px;}
@media screen and (max-width:768px){
    .inner_contact_02 .td4{ width: 30%;}
    .inner_contact_02 .td2 p{ font-size: 14px;}
    .inner_contact_02 .td2 p span{ font-size: 16px;}
    .inner_contact_02 .td1 span{ font-size: 12px;}
    .inner_contact_02 .td1 p{ font-size: 14px;}
}

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



#con_lx{ height:auto; padding: 0 !important; overflow:hidden;}
#con_lx .tit{ color: #282828; font-size: 36px; font-weight: bold; height: 40px; line-height: 40px; margin-bottom: 50px;}
#con_lx p{ height:36px; line-height: 36px; transition:0.3s all 0s linear; color: #666666; font-size: 18px; margin-bottom: 20px !important;}
#con_lx p i{ display: inline-block; float: left; font-size: 20px; width: 36px; height: 36px; background: #004a92; border-radius: 3px; color: #fff; line-height: 36px; text-align: center; margin-right: 10px;}
#con_lx p span{ display: inline-block; float: left;}
#con_lx p span:nth-of-type(2){ width: 75%;}

#zxly .tit{ color: #282828; font-size: 36px; font-weight: bold; height: 40px; line-height: 40px; margin-bottom: 50px;}
#zxly .tit span{ font-size: 18px; font-weight: normal;}
@media screen and (max-width:1200px){
    #con_lx .tit,#zxly .tit{ font-size: 30px;}
    #zxly .tit span{ font-size: 14px;}
    #con_lx p{ font-size: 16px;}
    .mes-form .form-tr .code .verify{ max-width: 45%;}
    #con_lx p span:nth-of-type(2){ width: 70%;}
}
@media screen and (max-width:991px){
    #con_lx .tit,#zxly .tit{ font-size: 18px; height: auto; line-height: 30px;}
    #con_lx .tit,#zxly .tit{ margin-bottom: 20px;}
    #zxly .tit{ margin-top: 3%;}
    #con_lx p{ font-size: 14px;}
    #con_lx,#zxly{ padding: 0 15px !important;}
}
@media screen and (max-width:768px){
    #con_lx p i{ width: 28px; height: 28px; line-height: 28px; font-size: 16px;}
}
/*翻页*/
.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;
}