@charset "utf-8";
/* CSS Document */
body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,form,p,img,div,pre,fieldset,blockquote,th,td {margin:0;padding:0;outline:none;}
body{color:#333; font-size: 16px; background-color: #ffffff; overflow-x: hidden;}
ul,li,ol,dl,dt,dd{list-style:none}
img{border:none;border-style: none;}
*{ font-family: 'Noto Sans SC', sans-serif; margin:0; padding:0; -webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all.5s ease;-o-transition: all .5s ease;transition: all .5s ease;}
input,textarea,button{ background: transparent;vertical-align:middle; border: none;}
a{ color: inherit; text-decoration:none;}
:focus{outline:0}
table { border-spacing: 0px; border-collapse: collapse; }
tr { cursor: pointer; }
input, textarea{ border: 0; }
textarea{resize:none}
select{ border:none;outline: none;}
i, cite, em, var, address, dfn{font-style: normal;}
iframe, video{ max-width:100%;}
pre{white-space: pre-wrap;       /* css-3 */ white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */ white-space: -pre-wrap;      /* Opera 4-6 */ white-space: -o-pre-wrap;    /* Opera 7 */ word-wrap: break-word;       /* Internet Explorer 5.5+ */}

/*href*/
a:link,a:visited{color: inherit; text-decoration:none;}
a:hover,a:active{color: inherit; text-decoration:none;}
.cfff,.cfff a:link,.cfff a:visited{color:#fff !important}
.cfff a:hover,.cfff a:active{color:#ddd}
.cccc,.cccc a:link,.cccc a:visited{color:#ccc}
.cccc a:hover,.cccc a:active{color:#ddd}
.c666,.c666 a:link,.c666 a:visited{color:#666}
.c666 a:hover,.c666 a:active{color:#a00}
.c999,.c999 a:link,.c999 a:visited{color:#999}
.c999 a:hover,.c999 a:active{color:#a00}
.c3f,.c3f a:link,.c3f a:visited{ color: #3F3F3F;}

/*common*/
.max-wid{ width: 82%; max-width: 1580px; margin: auto;}
.wrap{ width: 1200px; margin:0 auto;}
.l{float:left !important}
.r{float:right !important}
.o{overflow:hidden}
.c{display:block;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hidden{display:none}
.center{text-align:center}
.img-box img,.img{display:block;margin:0;padding:0;width:100%;}
.flexbox{display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display: -moz-flex; display:flex;}
.flex1{ flex: 1;}
/*文字超出省略*/
.ellipsis{-webkit-box-direction:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}
.ovh1{text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}
.ovh2{-webkit-line-clamp:2}
.ovh3{-webkit-line-clamp:3}
.ovh4{-webkit-line-clamp:4}
.ovh5{-webkit-line-clamp:5}
.table{display: table;table-layout: fixed;text-align: center;width: 100%;height: 100%}
.table_cell{display: table-cell;vertical-align: middle;}

.header {width: 100%;height: 80px;display: flex; justify-content: space-between;align-items: center;-webkit-transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1);}
.header.active {padding: 5px 3%;background: #fff;box-shadow: 0px 0px 30px rgba(0, 0, 0, .1);}
.header .max-wid{ justify-content: space-between; align-items: center;}
.logo {width: 380px;position: relative;-webkit-transition: all .5s;}
.nav {position: relative; gap: 75px;}
.nav ul { display: flex; gap: 66px;}
.nav ul li { position: relative; text-align: center; line-height: 45px;}
.nav ul li .firstLab, .nav ul li .firstLab a { position: relative; width: 100%; display: block;}
.nav ul li .firstLab { font-size: 18px; color: #0a4086;}
.nav ul li .firstLab a { -webkit-transition: all .5s;}
.nav ul li .secondLab { width: 100%; height: auto; position: absolute; left: 0%; top: 65px; background: #fff; padding: 15px 5px; border-radius: 5px; font-size: 16px; opacity: 0; visibility: hidden; box-shadow: 0px 0px 30px rgba(0, 0, 0, .1); z-index: 9;}
.nav ul li .secondLab a { display: block; width: 100%; height: auto; line-height: 40px; color: #3e3e3e;}
.nav ul li .secondLab:before { width: 120px; height: 15px; position: absolute; left: 50%; margin-left: -60px; top: 0px; content: ''; background: url(../images/move_up.png) no-repeat; -webkit-transition: all .65s cubic-bezier(0.19, 1, 0.22, 1); background-size: cover;}
.nav ul li:hover .secondLab { opacity: 1; visibility: visible; top: 59px; -webkit-transition: all .5s cubic-bezier(0.215, 0.610, 0.355, 1);}
.nav ul li .secondLab a:hover { color: #e60012;}
.nav ul li:hover .secondLab:before { top: -14px;}
.phone{ position: relative; font-size: 24px; color: #d3212f;}
.phone img{ vertical-align: middle; margin-right: 15px;}

.index1{ padding: 60px 0;}
.index1 .max-wid{ justify-content: space-between; gap: 55px;}
.index1_tu{ max-width: 788px;}
.index1_zi{ max-width: 700px;}
.index1_tit{ font-size: 36px; color: #0a4086; font-weight: bold; line-height: 1; background: url(../images/index1_tit.png) no-repeat left bottom; padding-bottom: 24px;}
.index1_h1{ font-size: 49px; font-weight: bold; text-transform: uppercase; line-height: 93px; margin-top: 19px;}
.index1_h2{ font-size: 18px; line-height: 29px; color: #666666;}
.index1_h2 p{ margin-bottom: 29px;}

.index2_tit{ width: 100%; justify-content: space-between;}
.index2_ul{display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; margin: 60px 0;}
.index2_ul li{ background-color: #f7f7f7; padding: 20px;}
.index2_txt{ margin-top: 10px; min-height: 460px; max-height: 460px;}
.index2_h1{ text-align: center; font-size: 24px; line-height: 62px;}
.index2_h2{ font-size: 18px; color: #666666; line-height: 32px;}

.index3{ background-color: #f2f8fb; padding: 50px 0 70px;}
.index3_h1{ font-size: 36px; color: #d3212f; font-weight: bold;}
.index3_h2{ font-size: 18px; color: #053e86;}
.index3_content{ margin-top: 50px;}
.index3_left, .index3_right{ position: relative;}
.index3_txt{ position: absolute; top: 50%; transform: translateY(-50%); left: 100px; font-size: 24px; line-height: 60px;}
.index3_news{ margin-top: 66px;}
.news_ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 66px;}
.news_ul li{ border-bottom: 3px solid #e3e3e3;}
.news_txt{ line-height: 1; padding: 25px 0 28px;}
.news_tit{ font-size: 24px; color: #151515; font-weight: bold;}
.news_time{ font-size: 16px; color: #cfcfcf; margin-top: 24px;}

.footer{ background-color: #053e86;}
.footer .max-wid{ justify-content: space-between; padding: 70px 0;}
.tel{ font-size: 30px; margin-top: 30px;}
.tel img{ margin-right: 10px; vertical-align: middle;}
.footer_nav{ font-size: 20px;}
.footer_nav ul{ gap: 70px;}
.address{ font-size: 20px; color: rgba(255, 255, 255, 0.5); line-height: 36px; margin-top: 25px;}
.copy{ border-top: 2px solid rgba(255, 255, 255, 0.1); padding: ; font-size: 18px; color: rgba(255, 255, 255, 0.5); padding: 30px 0;}

.main {position: relative;background-color: #f7f7f7;}

.pub_sen_nav { margin: 0 auto 0; background-color: #fff; box-shadow: 0px 10px 20px 0px rgba(164, 167, 170, 0.1); display: flex; line-height: 100px; text-align: center; color: #999999; position: absolute; left: 50%; top: 0; transform: translate(-50%, -50%);}
.pub_sen_nav a { flex: 1; font-size: 18px; position: relative;}
.pub_sen_nav a:before { content: ''; display: block; left: 50%; top: 76px; position: absolute; height: 5px; width: 0; background-color: #d3212f; transition: all .5s ease; margin-left: -15px;}
.pub_sen_nav a:after { content: ''; display: block; left: 0; height: 19px; top: 50%; position: absolute; background-color: rgba(0, 0, 0, 0.15); width: 1px; margin-top: -10px; transition: all .5s ease;}
.pub_sen_nav a.on { font-weight: 700; font-size: 24px; color: #fff; background-color: #0a4086; }
.pub_sen_nav a.on:before { width: 30px}
.pub_sen_nav a.on:after { opacity: 0;}
.pub_sen_nav a.on + a:after { opacity: 0;}
.pub_sen_nav a:hover { font-weight: 700; font-size: 24px; color: #fff; background-color: #0a4086;}
.pub_sen_nav a:hover:before { width: 30px;}

.content{ padding: 120px 0;}

.article, .article p{ font-size: 16px; line-height: 30px; color: #333333;}
.article p{ margin-bottom: 15px;}
.article img{ max-width: 100%;}

.article_wrap {/* width: 66%; */background-color: #fff;overflow: hidden;padding: 4% 40px;margin: .9rem auto;}
.article_wrap .l-btm {border-bottom: 1px solid #cccccc;}
.article_wrap .title h3 {line-height: 32px;margin-bottom: 20px;position: relative;font-weight: bold;font-size: 24px;}
.article_wrap .title h3:after {content: "";position: absolute;height: 32px;width: 5px;background-color: #0a4086;left: -40px;top: 0;}
.article_wrap .title p {padding: 10px 0;display: flex;justify-content: space-between;align-items: center;font-size: 16px;opacity: 0.5;}
.article_wrap .title p > span > a {margin-left: 20px;cursor: inherit;}
.article_wrap .mid {padding: 40px 0;font-size: 16px;color: #555;}

.news_list ul {display: flex;width: 100%;flex-wrap: wrap;}
.news_list ul li {width: 32%;position: relative;margin-right: 2%;margin-bottom: 1.5vw;-webkit-transition-delay: 0.2s;}
.news_list ul li:nth-child(3n) {margin-right: 0%;-webkit-transition-delay: 0.6s;}
.news_list ul li a {padding: 20px 15px;position: relative;background: #fff;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);display: block;}

.class_list ul li{ width: 23%;}
.class_list ul li:nth-child(3n){ margin-right: 2%;}
.class_list ul li:nth-child(4n){ margin-right: 0;}
.class_list .news_time{ display: none;}
.class_list .news_tit{ text-align: center;}

.bus_src1_con_box{ padding-top: 50px;}
.bus_con{ align-items: center; justify-content: space-between;}
.bus_nav_box{ width: 150px; text-align: center;}
.bus_nav_box > .iconfont{ border-radius: 50%; width: 72px; height: 72px; line-height: 72px; color: #fff; font-size: 25px; background-color: #0a4086; margin: 0 auto;}
.bus_con .bus_nav_box .bus_nav { position: relative; padding: 32px 0; height: 358px;}
.bus_con .bus_nav_box .bus_nav::before { content: ''; display: block; left: 50%; width: 1px; height: 100%; margin-left: -0.5px; background: #CACBC3; position: absolute; top: 0;}
.bus_con .bus_nav_box .bus_nav .swiper-slide > div { width: 50%; display: flex; align-items: center; cursor: pointer; justify-content: end; padding: 15px 0; line-height: 1;}
.bus_con .bus_nav_box .bus_nav .swiper-slide > div span { font-size: 18px; color: #838383; transition: all .5s ease;}
.bus_con .bus_nav_box .bus_nav .swiper-slide:nth-child(odd) > div {flex-direction: row-reverse;}
.bus_con .bus_nav_box .bus_nav .swiper-slide:nth-child(even) > div { justify-content: flex-start; margin-left: 50%;}
.bus_con .bus_nav_box .bus_nav .swiper-slide > div i {font-size: 19px;color: #CACBC3;transition: all .5s ease;}
.bus_con .bus_nav_box .bus_nav .swiper-slide:nth-child(odd) > div i {transform: scaleX(-1);margin-left: 15px;}
.bus_con .bus_nav_box .bus_nav .swiper-slide:nth-child(even) > div i {margin-right: 15px;}
.bus_con .bus_lh_box {width: 79.9%;position: relative;}
.bus_con .bus_lh_box .bus_t_box {display: flex;align-items: center;justify-content: space-between;}
.pub_img_box {position: relative;overflow: hidden;}
.bus_con .bus_lh_box .bus_t_box .pub_img_box {width: 36.08%;}
.pub_img_box::before { content: ''; display: block; margin-top: 100%;}
.bus_con .bus_lh_box .bus_t_box .pub_img_box::before {margin-top: 166.51%;}
.pub_img_box .img_box { position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; background-size: cover;}
.bus_lh_box .bus_t_box .pub_img_box .img_box {transform: translate(-50%, -50%) scale(1.1);transition: all 2s ease;}
.bus_con .bus_lh_box .active .bus_t_box .pub_img_box .img_box {transform: translate(-50%, -50%);}
.bus_con .bus_t_box .bus_t_con {width: 54.166%;position: relative;}
.bus_t_con .bus_d_t {line-height: .75;font-size: 100px;color: #0a4086;position: absolute;left: -25%;bottom: 100%;text-shadow: 0px 42px 29px rgb(10 64 134 / 29%);transition: all 1s ease .5s;opacity: 0;transform: translateX(50%);font-weight: bold;}
.bus_con .bus_lh_box .active .bus_t_box .bus_t_con .bus_d_t {opacity: 1;transform: none;}
.active {pointer-events: all !important;}
.bus_con .bus_lh_box .bus_info_box {color: #010101;line-height: 1.875;text-align: justify;padding-top: 90px;transition: all 1s ease .8s;opacity: 0;transform: translateX(15px);font-size: 16px;}
.bus_con .bus_lh_box .active .bus_t_box .bus_t_con .bus_info_box {opacity: 1;transform: none;}
.bus_con .bus_lh_box .bus_lb_nav {position: absolute;right: 54.166%;bottom: 40px;display: flex;align-items: center;transform: translateX(100%);z-index: 3;}
.bus_lb_nav .swiper-button-prev, .bus_lb_nav .swiper-button-next {border-radius: 50%;position: relative;left: auto;right: auto;top: auto;width: 70px;height: 70px;text-align: center;line-height: 70px;font-size: 24px;background-image: none;border: 1px solid #fff;transition: all .5s ease;color: #fff;opacity: .4;margin: 0;}
.bus_con .bus_lh_box .bus_lb_nav .swiper-button-prev, .bus_con .bus_lh_box .bus_lb_nav .swiper-button-next {color: #787878;opacity: .3;border: none;}
.bus_con .bus_lh_box .bus_lb_nav .swiper-button-prev:after, .bus_con .bus_lh_box .bus_lb_nav .swiper-button-next:after{ display: none;}
.bus_con .bus_nav_box .bus_nav .swiper-slide > div:hover span, .bus_con .bus_nav_box .bus_nav .swiper-slide > div:hover i {color: #0a4086;}
.bus_con .bus_nav_box .bus_nav .swiper-slide.swiper-slide-thumb-active > div span, .bus_con .bus_nav_box .bus_nav .swiper-slide.swiper-slide-thumb-active > div i {color: #0a4086;}

.contact{ padding: 50px 80px; background-color: #0a4086; color: #fff; line-height: 1;justify-content: space-between;}
.busi_add_box{display: flex;align-items: center;line-height: 1;}
.busi_add_box i{ width: 62px; min-width: 62px; height: 62px; line-height: 62px; text-align: center; border-radius: 50%; background-color: #d3212f; font-size: 32px;}
.busi_add_box .busi_add_t{ margin-left: 30px;}
.busi_add_box .busi_add_t .busi_n{ margin-bottom: 20px; font-weight: bold; font-size: 20px;}

.ar_bot{padding:1.875rem 0 0;border-top: #e5e5e5 1px solid;margin:2rem 0 2rem;}
.ar_bot .a{ display:inline-block; line-height:2.5rem; font-size:.875rem; color: #999; transition:.5s; border-radius:1.25rem; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; }
.ar_bot .a svg{ display: inline-block; width: 12px; height: 12px; vertical-align: middle; }
.ar_bot .a svg path{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.ar_bot .a:hover{  background:#3f4583; padding:0 1.5rem; color: #fff;}
.ar_bot .a:hover svg path{ fill:#fff; }
.ar_bot .a:hover a{ color: #ffffff;}
.fanhui{ text-align: center; margin-top: 2rem;}
.fanhui a {display: inline-block;width: 9.6875rem;height: 2.5rem;line-height: 2.5rem;background: #1e3685;border-radius: 1.25rem;text-align: center;font-size: 15px;color: #fff;transition: 0.36s;}
.fanhui a img {margin: -3px 0.5rem 0 0; vertical-align: middle; height: 20px;}
.fanhui a:hover {background: #9fca37;}

.pagelist{text-align: center;clear: both;padding-top: 30px;}
.pagelist span, .pagelist strong, .pagelist a{display: inline-block;border: 1px solid #ddd;padding: 2px 6px;margin-right: 2px;line-height: 16px;text-decoration: none;color: #666;}
.pagelist span{background: #1e3685;color: #fff;}

@media (max-width: 1680px){
    .nav ul li .secondLab{ font-size:15px;}
    .mySwiper .swiper-slide{ font-size: 18px;}
    .mySwiper .swiper-slide.swiper-slide-thumb-active{ font-size:22px}
    .pro_ul li{ width: 294px; margin-left: 30px;}
    .pub_sen_nav a:hover, .pub_sen_nav a.on{ font-size:18px;}
	.logo{ width: 285px; background-size: 100%;}
	.phone{ font-size: 18px;}
	.phone img{ width: 22px;}
	.nav{ gap: 56px;}
	.nav ul{ gap: 49px;}
	.index2_txt{ min-height: 345px; max-height: 345px;}
	.index2_h1{ font-size: 17px; line-height: 46px;}
	.index2_h2{ font-size: 14px; line-height: 24px;}
	.index3_txt{ left: 75px; font-size: 18px; line-height: 46px;}
}