@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;}
html, body{ overflow-x:hidden;}
body{color:#333; background-color:#ffffff;}
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;}
input,textarea,button{ background: transparent;vertical-align:middle}
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%;}

/*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;}
.bgfa{ background-color: #fafafa;}
.bfff{ background-color: #ffffff;}
.bgf8{ background-color: #f8f8f8;}

/*common*/
.wrap{ width: 1364px; 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;}

.banner .swiper-pagination{ width: auto; left: auto; right: 0;}
.banner .swiper-pagination-bullet{ width: 40px; height: 6px; background: #e0e0e0; border-radius: 6px; opacity: 1;}
.banner .swiper-pagination-bullet-active{ background: #c52c2b;}

.header{ height: 109px; background-color: #ffffff; padding: 0 4.1%; justify-content: space-between;}
.logo{ display: block; width: 454px; height: 100%; background: url(../images/logo.png) no-repeat center center;}
.nav{ line-height: 109px;}
.nav li{ font-size: 16px; color: #333333; font-weight: bold; margin: 0 30px;}
.nav li.active{ border-bottom: 4px solid #003a8e;}
.tel{ font-size: 22px; color: #da1f28; font-weight: bold; line-height: 109px; position: relative; cursor: pointer;}
.tel img{ vertical-align: middle;}
.phone{ display: none; position: absolute; top: 80px; left: 50%; transform: translateX(-50%); z-index: 9; width: 200px; line-height: 2; text-align: center; background-color: #ffffff;}
.tel:hover .phone{ display: block;}

.index1{ padding: 50px 0;}
.index_tit{}
.index_tit h1{ line-height: 62px; font-size: 40px;}
.index_tit p{ line-height: 40px; font-size: 18px;}
.pro_nav{ justify-content: center; margin-top: 40px;}
.pro_nav li{ width: 150px; line-height: 38px; text-align: center; background-color: #e8f0ff; border-radius: 38px; font-size: 18px; color: #1046a6; margin: 0 50px;}
.pro_swiper{ width: 72.9%; margin: 38px auto 14px;}
.pro_swiper li{ float: left; width: 17.5%; margin: 0 1.25% 25px; position: relative;}
.pro_red{ position: absolute; top: 0; left: 0;}
.pro_ch{ font-size: 20px; color: #666666; line-height: 60px; text-align: center;}
.index_pro{ width: 71%; margin: 0 auto; justify-content: space-between;}
.index_pro li{ position: relative; width: 48.5%;}
.pro_txt{ color: #1046a6; position: absolute; top: 60px; right: 60px;}
.pro_txt h1{ line-height: 75px; font-size: 40px;}
.pro_txt p{ text-transform: uppercase; line-height: 25px; font-size: 18px;}
.index_pro li.li2 .pro_txt{ color: #ffffff;}

.index2_img{ margin-top: 44px;}

.index4{ background: url(../images/index4_bg.jpg) no-repeat center center; background-size: cover; padding: 73px 0 50px;}
.index4 .index_tit h1{ background: url(../images/line.jpg) no-repeat center bottom; line-height: 84px;}
.index_honor{ width: 1364px; margin: 43px auto 0; position: relative;}
.honor_swiper{ width: 933px; margin: 0 auto;}
.honor_swiper .swiper-slide{ width: 369px; text-align: center;}
.honor_swiper .swiper-slide p{ font-size: 22px; color: #666666; line-height: 90px; font-weight:bold; display: none;}
.honor_swiper .swiper-slide.swiper-slide-active p{ display: block;}
.index_honor .swiper-button-next, .index_honor .swiper-button-prev{ position: absolute; top: 50%; margin-top: -33px; width: 65px; height: 65px; background-repeat:  no-repeat; background-position: center center; background-size: 100%;}
.index_honor .swiper-button-next { right: 0; background-image: url(../images/next.png);}
.index_honor .swiper-button-prev{ left: 0; background-image: url(../images/prev.png);}
.index_honor .swiper-button-next:after, .index_honor .swiper-button-prev:after{ content: '';}

.index5{ background: url(../images/index5_bg.jpg) no-repeat center center; background-size: cover; padding: 39px 0 114px;}
.index_case{ width: 1612px; margin: 68px auto 0; position: relative;}
.case_swiper{ width: 1374px; margin: 0 auto;}
.case_swiper .swiper-slide{ width: 450px; margin: 0 4px;}
.case_tit{ background-color: #ffffff; padding: 30px 0 20px;}
.case_tit p{ font-size: 18px; color: #434343; line-height: 58px;}
.index_case .swiper-button-next, .index_case .swiper-button-prev{ position: absolute; top: 50%; margin-top: -33px; width: 65px; height: 65px; background-repeat:  no-repeat; background-position: center center; background-size: 100%;}
.index_case .swiper-button-next { right: 0; background-image: url(../images/next.png);}
.index_case .swiper-button-prev{ left: 0; background-image: url(../images/prev.png);}
.index_case .swiper-button-next:after, .index_case .swiper-button-prev:after{ content: '';}

.index6{ padding: 66px 0;}
.index6_ul{ width: 72.3%; margin: 60px auto 0;}
.index6_ul li{ float: left; width: 31.3%; margin: 0 1%;}
.index6_ul li p{ font-size: 20px; color: #666666; line-height: 38px; margin-top: 13px;}
.index6_ul li span{ font-size: 16px; color: #999999; line-height: 30px;}

.footer{ background-color: #232324;}
.part1{justify-content: space-between; padding: 100px 0 40px;}
.foot_logo{ background: url(../images/foot_logo.png) no-repeat center center; width: 301px; height: 136px;}
.nav_foot{ margin-bottom: 20px;}
.nav_foot li{ font-size: 18px; color: #cfcfcf; font-weight: bold; margin-left: 60px;}
.foot_zi{ text-align: right; font-size: 20px; color: #ffffff; line-height: 36px;}
.foot_zi span{ font-size: 36px; color: #da1f28; line-height: 58px; font-weight: bold;}
.part2{ border-top: 1px solid #39393a; line-height: 118px; font-size: 16px; color: #aaaaaa;}
.part2 span{ margin: 0 15px;}

.n_dh{border-bottom: 1px solid #f0f3f5;}
.n_dh .wrap {justify-content: space-between;align-items: center;gap: 1.5rem;}
.n_dh .letitle > a {width: 4.0625rem;height: 5.625rem;background: #1c509c;display: flex;align-items: center;justify-content: center;margin-right: 1.25rem;}
.position {left: 0;bottom: 0;font-size: 0.75rem;color: #838486;display: flex;align-items: center;}
.position a {font-size: 1rem;line-height: 1.625rem;color: rgb(31 31 31 / 70%);flex-shrink: 0;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;
transition: all 0.36s ease-in-out;}
.n_nav {position: relative;}
.n_nav ul {display: flex;align-items: center;}
.n_nav li {display: block;flex-grow: 1;z-index: 1;position: relative;}
.n_nav li a {padding: 0 1.5625rem;line-height: 5.625rem;height: 100%;display: block;color: #1f1f1f;font-size: 1.1875rem;font-weight: bold;transition: all 0.5s;}
.n_nav li {display: block;flex-grow: 1;z-index: 1;position: relative;}
.n_nav li.on a {background: #1c509c;color: #fff !important;}
.n_nav li.on a {background: #1c509c;color: #fff !important;}
.n_nav li.on:before {content: '';position: absolute;left: 50%;transform: translate(-50%, 0);bottom: -6px;background: url(../images/dhsanjiao.png) no-repeat;background-size: cover;width: 10px;height: 6px;}

.classlist{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 4.6875rem 2rem; margin-top: 50px;}
.classlist p{ line-height: 30px; text-align: center; font-weight: bold; font-size:22px; height:60px; padding: 20px 0;}
.classlist span, .honorlist span, .prolist span{ display: none;}

.honorlist{ grid-template-columns: repeat(4, 1fr);}

.prolist{ grid-template-columns: repeat(5, 1fr);}

.partnerlist{ gap: 2rem;}
.partnerlist li{ background-color: rgb(250, 250, 250); border: 1px solid #CCCCCC;}
.partnerlist li a{ pointer-events: none; /* 禁用指针事件 */ cursor: not-allowed; /* 改变鼠标指针样式为不允许的样式 */}
.partnerlist li img{ display: none;}
.partnerlist li p{ font-size: 18px; height: auto;}

.newslist p{ text-align: left; color: #666666; font-weight: normal; font-size: 20px;}
.newslist span{ display: block; font-size: 16px; color: #999999;}

.pad_top {padding-top: 6.25rem;}
.pad_bot2 {padding-bottom: 5rem;}
.lxtit h4 {color: #1f1f1f;font-size: 3.375rem;font-weight: bold;text-align: center;}
.lxtit i {display: block;width: 1.25rem;height: 3px;background: #1c509c;margin: 0.875rem auto 1rem;}
.lxtit h5 {display: flex;align-items: center;color: #1a52a5;font-size: 1.875rem;gap: 0.5rem;justify-content: center;}
svg {display: block;}
svg {max-width: 100%;max-height: 100%;}
svg {vertical-align: middle;}
.n_lianxi ul {display: flex;justify-content: space-between;margin-bottom: 4.5rem;padding: 0 4.55rem 5rem 6.25rem;}
.n_lianxi ul li {position: relative;}
.n_lianxi ul li::before {content: '';position: absolute;background: #ced6e0;height: 1px;width: 18.1875rem;top: 50%;right: 50%;transform: translate(-50%, -50%);z-index: -1;}
.n_lianxi ul li:first-child::before {display: none;}
.n_lianxi ul li .contacts {width: 5.75rem;height: 5.75rem;background: #1c509c;position: relative;display: flex;align-items: center;justify-content: center;border-radius: 50%;margin: auto;}
.n_lianxi ul li .contacts::before {content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 7.625rem;height: 7.625rem;border-radius: 50%;background: rgb(28 80 156 / 10%);z-index: -1;}
.n_lianxi ul li .contactcon {position: absolute;left: 50%;transform: translate(-50%, 0);bottom: -6rem;text-align: center;width: 20rem;}
.n_lianxi ul li .contactcon p {color: #1f1f1f;font-size: 1.125rem;line-height: 1.625rem;}
.n_lianxi ul li .contactcon h6 {color: #1f1f1f;font-size: 1.125rem;font-weight: bold;line-height: 1.625rem;}

.article{ padding: 50px 0; line-height: 1.8; font-size:18px; text-align:justify;}
.article img{ max-width: 100%;}
.article p{ margin-bottom: 15px;}
.ar_title{ padding-bottom: 2.25rem; border-bottom: 1px solid #e5e5e5; margin-bottom: 2.25rem;}
.ar_title h2{ font-size: 40px; color: #000000; font-weight: bold; margin-bottom: 1.75rem; position: relative; line-height: 1;}
.ar_title h2:before{ content: ""; display: block; width: 5px; height: 1.25rem; background: #e81f18; position: absolute; left: -1.25rem; top: 4px;}
.ar_title div span{ font-size: .875rem; color: #8d8d8d; margin-right: 1rem;}
.ar_article{ font-size:.9375rem; color:#5e5e5e; line-height:1.875rem; text-align:justify; margin-bottom: 2.25rem;}
.ar_article h4{ font-size: 1.125rem;}
.ar_article p{font-size:18px;color:#5e5e5e;line-height:1.8; text-align:justify;}	
.ar_article strong{ font-weight:bold;}
.ar_article td,.ar_article th{ padding:15px; border: 1px solid #c6c5c5; font-size:1rem !important; }
.ar_article td *,.ar_article th *{ font-size:0.95rem !important;}
.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0; text-align: inherit;}
.ar_article img{ max-width:100%;}
.ar_article a{ color:#363636;}
.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6,.ar_article b{ font-weight:bold; color:#232323;}
.ar_article ul li,
.ar_article ol li{ padding-bottom:0 !important; margin-bottom:0 !important; margin-left:2rem;}
.ar_article ul li p,.ar_article ol li p{ padding-bottom:0; margin-bottom:3px !important; }
.ar_article ul, .ar_article ol{ margin-bottom:15px;}
.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 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: 30px 0;}
.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: #e13e00;color: #fff;}

@media (max-width: 1630px){
    .header{ height:82px;}
    .logo{ width: 340px; background-size: 100%;}
    .nav{ line-height: 82px;}
    .nav li{ font-size: 15px; margin: 0 26px;}
    .nav li.active{ border-bottom: 3px }
    .tel{ font-size: 18px; line-height: 82px;}
    
    .index1{ padding: 37px 0;}
    .index_tit h1{ line-height: 46px; font-size: 30px;}
    .index_tit p{ line-height: 30px; font-size: 16px;}
    
    .index5{ padding: 29px 0 85px;}
    .index_case{ width: 1209px; margin: 51px auto 0;}
    .case_swiper{ width: 1030px;}
    .case_swiper .swiper-slide{ width: 337px; margin: 0 3px;}
    .case_tit{ padding: 22px 0 15px;}
    .case_tit p{ font-size: 16px; line-height: 43px;}
    .index_case .swiper-button-next, .index_case .swiper-button-prev{ margin-top: -24px; width: 48px; height: 48px;}
}