@charset "UTF-8";

html{margin: 0;padding: 0;}
body{margin: 0;padding: 0;font-family:'montserrat_thin', sans-serif;font-size: 16px;overflow-x:hidden;}
table,td,tr,ul,ol,li,dl,dd,dt,p,input,form,em,p,img,h1,h2,h3,h4,h5{margin:0;padding:0;}
ul,li {margin: 0;padding: 0;list-style: none;}
a{text-decoration: none;color: #333333}
img{display: block}
input,textarea{outline: none;}
button{padding: 0;background-color: unset}
.img{position: relative;display: block;overflow: hidden}
.img img{position: absolute;width: 100%;height: 100%;object-fit: cover;transition: all 0.5s ease;}
.img:hover img{transform: scale(1.1)}
.nowrap{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.line_num{display: -webkit-box;-webkit-box-orient:vertical;overflow: hidden;text-overflow:ellipsis;}
.public_bc{background-size: cover;background-repeat: no-repeat;background-position: center center;}
.myself{display: flex;justify-content: space-between;}
:root{
    --fz12:12px;
    --fz13:13px;
    --fz14:14px;
    --fz16:16px;
    --fz18:18px;
    --fz20:20px;
    --fz22:22px;
    --fz24:24px;
    --fz26:26px;
    --fz30:30px;
    --fz32:32px;
    --fz40:40px;
    --fz56:56px;
}

/*公共头部  主体宽度为: 1520px */
.main_width{width: 79.167%;margin: 0 auto;min-width: 1520px;}
.head .head_top{padding: 34px 0;align-items: center;}
.head .head_top .logo,
.head .head_top .search{width: 31.579%;}
.head .head_top .logo{min-width: 300px;}
.head .head_top .logo img{max-width: 480px;width: 100%;}
.head .head_top .menu{display: none;cursor: pointer;}
.head .search .inner .in{width: 74.167%;position: relative;}
.head .search .inner input{width: 100%;box-sizing: border-box;padding: 14px 0 14px 56px;background: #F9F9F9;border: 1px solid #F5F5F5;border-radius: 4px;font-size: var(--fz14);line-height: 19px;color: #333333;}
.head .search .in{position: relative;}
.head .search .in img{width: 16px;height: 16px;position: absolute;top: 50%;left: 20px;transform: translateY(-50%);}
.head .search a{align-items: center;justify-content: center;}
.head .search a img{width: 20px;height: 20px}
.head .search button,
.head .search a{width: 90px;height: 46px;font-size: var(--fz14);color: #333333;line-height: 19px;border-radius: 4px;border: 1px solid #F5F5F5;background: #F5F5F5;}
.head .search button{cursor: pointer;transition: all 0.5s ease;}
.head .search button:hover{background: #083A73;color: #FFFFFF;}
.head .head_bottom{background: #083A73;}
.head .head_bottom nav{position: relative;}
.head .head_bottom nav .drop a{font-size: var(--fz18);color: #FFFFFF;line-height: 24px;text-align: center;display: block;padding: 28px 0;transition: all 0.5s ease;}
.head .head_bottom nav li{width: 10%;}
.head .head_bottom nav ul li:hover .drop{position: relative}
.head .head_bottom nav ul li:hover .drop a{background: #ffffff;color: #083A73}
.head .head_bottom nav .down{display: none;position: absolute;top: 100%;left: 0;width: 100%;z-index: 8;background-image: url("../images/navbg.png");background-position: right bottom;background-repeat: no-repeat;padding-top: 10px;box-sizing: border-box;}
.head .head_bottom nav ul li:hover .down{display: block}
.head .head_bottom nav ul li:hover .trian{display: block}
.head .head_bottom nav .trian{width: 0;height: 0;border-bottom: 12px solid #ffffff;border-left: 12px solid transparent;border-right: 12px solid transparent;position: absolute;bottom: -12px;left: 50%;transform: translateX(-50%);z-index: 9;display: none}
.head .head_bottom nav .down .img{padding-bottom: 14%;width: 19.737%}
.head .head_bottom nav .down .inner{display: flex;justify-content: space-between;padding: 50px;background-color: #ffffff;}
.head .head_bottom nav .down .inner .module{width: 80.263%;}
.head .head_bottom nav .down .inner .module .module_in{display: grid;grid-template-columns: repeat(4,25%);}
.head .head_bottom nav .down .inner .module a{text-align: center;font-size: var(--fz16);color: #666;padding: 25px 0}
.head .head_bottom nav .down .inner .module a:hover{color: #083A73}




/*--------------*/
.body_after{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);z-index:21;display: none}
.body_after.active{display: block;}
.head .phone_nav{position: fixed;top: 0;right: -100%;max-width: 85%;height: 100%;background-color: #083A73;z-index: 22;min-width: 50%;transition: all 0.5s ease;}
.head .phone_nav .close{width: 100%;padding: 20px 10px;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;background-color: #2c5d8f;box-sizing: border-box;cursor: pointer;}
.head .phone_nav .close .icon{font-size: var(--fz18);padding: 10px;cursor: pointer;color: #ffffff}
.head .phone_nav .close span{color: #ffffff;}
.head .phone_nav>ul>li>a{font-size: var(--fz14);color: #ffffff;display: block;box-sizing: border-box;padding: 20px 10px;border-bottom: 1px solid #2c5d8f;}
.head .phone_nav>ul>li>a:hover{background-color: #31679e;}
.head .phone_nav .phone_search{width: 100%;padding: 10px;box-sizing: border-box;margin-top: 30px;position: relative;}
.head .phone_nav .phone_search input{width: 100%;padding: 10px;box-sizing: border-box;}
.head .phone_nav .phone_search img{position: absolute;top: 50%;right: 30px;transform: translateY(-50%);cursor: pointer;}

.head .phone_nav .drop{display: flex;justify-content: space-between;align-items: center;padding: 10px;border-bottom: 1px solid #2c5d8f;}
.head .phone_nav .drop a{font-size: var(--fz14);color: #ffffff;padding: 10px 0;}
.head .phone_nav .drop:hover{background-color: #31679e;}
.head .phone_nav .drop img{width: 20px;height: 20px;cursor: pointer;}
.head .phone_nav .down_phone{display: none;}
.head .phone_nav ul li.dropdown_active .down_phone{display: block;}
.head .phone_nav .down_phone a{font-size: var(--fz14);color: #ffffff;padding: 10px 20px;display: block;border-bottom: 1px solid rgba(0, 0, 0, 0.1);box-sizing: border-box;border-bottom: 1px solid #2c5d8f;}
.head .phone_nav .down_phone a:hover{background-color: #31679e;}
.head .phone_nav .phone_search{width: 100%;padding: 10px;box-sizing: border-box;margin-top: 30px;position: relative;}
.head .phone_nav .phone_search input{width: 100%;padding: 10px;box-sizing: border-box;}
.head .phone_nav .phone_search img{position: absolute;top: 50%;right: 30px;transform: translateY(-50%);cursor: pointer;}


/*以上为公共头部*/
.foot_bg{background-image: url("../images/foot_bg.png")}
.foot_top{border-bottom: 1px solid rgba(255, 255, 255, 0.5)}
.foot_top ul{align-items: center;padding: 25px 8px;}
.foot_top ul a{font-size: var(--fz18);color: #FFFFFF;line-height: 28px;}
.foot_top ul a:hover{color: #083A73}
.foot_bottom{align-items: center;}
.foot_bottom a img{max-width: 520px;width: 100%}
.foot_bottom .text{width: 29.408%;color: #ffffff;margin: 35px 0;}
.foot_bottom .text p{font-size: var(--fz18);line-height: 44px;}
.copyright{padding: 16px 0;text-align: center;background: #606063;font-size: var(--fz14);color: #FFFFFF;line-height: 19px;}
.copyright a{color: #ffffff}

.foot_bottom .code .list{margin-right: 52px;position: relative}
.foot_bottom .code .img1{width: 66px;height: 66px;cursor: pointer;}
.foot_bottom .code{padding-right: 24px}
.foot_bottom .code .list:hover .inner{display: block}
.foot_bottom .code .inner{display: none;position: absolute;bottom: 100%;left: 50%;transform: translateX(-50%);background: url("../images/code_bg.png");padding: 12px 12px 22px}
.foot_bottom .code .inner img{width: 120px;height: 120px}

/*以上为公共底部*/
.index_banner .banner_swiper .swiper-wrapper{height: auto}
.index_banner .img{padding-bottom: 36.667%;}
.index_banner .img:hover img{transform: unset;}
.index_banner .prev_next{position: absolute;width: 100%;bottom: 56px;left: 0;z-index: 5;}
.index_banner .prev_next .inner{justify-content: flex-start}
.index_banner .prev_next img,
.index_banner .prev_next .swiper-page span{width: 60px;height: 70px}
.index_banner .prev_next .swiper-page{width: auto}
.index_banner .prev_next .swiper-page span{border-radius: unset;text-align: center;font-size: var(--fz24);line-height: 70px;color: #FFFFFF;background-color: transparent;margin-right: 30px;opacity: 1}
.index_banner .prev_next .swiper-page .swiper-pagination-bullet-active{background-color: rgba(8, 58, 115, 0.59)}
.index_banner .prev_next .swiper-next{margin-right: 30px}
.index_banner .prev_next .arrow{cursor: pointer}
.index_one{padding-bottom: 60px}
.index_one .first_top_bc{background: #083A73;color: #ffffff}
.index_one .first_top .list{width: 33.289%;position: relative;padding: 52px 0;cursor: pointer;}
.index_one .first_top .inner{justify-content: center;align-items: center;}
.index_one .first_top .sub{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);display: none;}
.index_one .first_top .list.active .sub{display: block;}
.index_one .first_top .inner img{width: 26px;height: 26px;margin-right: 24px}
.index_one .first_top p{font-size: var(--fz26);color: #FFFFFF;line-height: 35px;}
.index_one .first_bottom_out{display: none}
.index_one .first_bottom_out.active{display: block;}
.index_one .first_bottom{margin-top: 40px;min-height: 869px;}
.index_one .first_bottom .left_a,
.index_one .first_bottom .right{width: 48.684%;}
.index_one .first_bottom .left .img{padding-bottom: 117.432%;}
.index_one .first_bottom .left{position: relative;}
.index_one .first_bottom .left .time{position: absolute;top: 0;left: 0;width: 90px;height: 120px;z-index: 3;}
.index_one .first_bottom .time{display: flex;flex-direction: column;justify-content: center;background: #083A73;color: #ffffff;}
.index_one .first_bottom .time h1{font-size: var(--fz40);color: #FFFFFF;line-height: 53px;text-align: center;}
.index_one .first_bottom .time p{font-size: var(--fz16);color: #FFFFFF;line-height: 21px;text-align: center;}
.index_one .first_bottom .left .text{position: absolute;bottom: 0;left: 0;width: 100%;box-sizing: border-box;padding: 121px 40px 40px;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000000 100%);}
.index_one .first_bottom .left .text h2{font-size: var(--fz22);color: #FFFFFF;line-height: 29px;-webkit-line-clamp: 1;font-weight: normal}
.index_one .first_bottom .left .text p{font-size: var(--fz16);color: #FFFFFF;line-height: 28px;margin-top: 16px}
.index_one .first_bottom .right .text{align-items: center;background: #F0F2F3;}
.index_one .first_bottom .right .inner{display: grid;grid-template-columns: repeat(2,47.297%);justify-content: space-between;grid-row-gap: 40px}
.index_one .first_bottom .right .inner .img{padding-bottom: 68%}
.index_one .first_bottom .right .time{width: 80px;height: 120px}
.index_one .first_bottom .right .inner_text{width: 0;flex: 1;box-sizing: border-box;padding: 0 20px;}
.index_one .first_bottom .right .inner_text h2{font-size: var(--fz18);color: #333333;line-height: 24px;-webkit-line-clamp: 1}
.index_one .first_bottom .right .inner_text p{font-size: var(--fz14);color: #666666;line-height: 28px;-webkit-line-clamp: 2}
.index_one .first_bottom .right .link_a{margin-top: 40px}
.index_one .first_bottom .right .link_a a{display: block;width: 100%;font-size: var(--fz18);color: #083A73;line-height: 25px;background: #F0F2F3;text-align: center;padding: 24px 0}
.index_one .second_bottom .top{margin-bottom: 41px}
.index_one .second_bottom .top .addd{width: 48.684%;position: relative;}
.index_one .second_bottom .top .img{padding-bottom: 56.216%;}
.index_one .second_bottom .bot_img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80px;height: 80px}
.index_one .second_bottom .bottom{display: grid;grid-template-columns: repeat(3,31.578%);justify-content: space-between;margin-bottom: 41px}
.index_one .second_bottom .bottom a{position: relative;}
.index_one .second_bottom .bottom .img{padding-bottom: 56.25%}
.index_one .more{width: 48.684%;margin: 0 auto;}
.index_one .more a{display: block;width: 100%;padding: 24px 0;text-align: center;font-size: var(--fz18);color: #083A73;line-height: 24px;background-color: #F0F2F3; border-radius: 4px;}
.index_one .third_bottom .mod_left,.index_one .third_bottom .mod_right{width: 48.684%;}
.index_one .third_bottom .mod_left .img{padding-bottom: 66.662%}
.index_one .third_bottom .mod_left .text{margin-top: 30px;}
.index_one .third_bottom .text .time{width: 80px;text-align: center;}
.index_one .third_bottom .text h2{font-size: var(--fz18);color: #333333;line-height: 24px;margin-bottom: 18px;-webkit-line-clamp: 1}
.index_one .third_bottom .text p{font-size: var(--fz14);color: #666666;line-height: 28px;-webkit-line-clamp: 2}
.index_one .third_bottom .text .inner{width: 85.946%;padding-bottom: 20px;position: relative;}
.index_one .third_bottom .text .inner::after{content: '';position: absolute;bottom: -20px;left: 0;width: 170px;border-bottom: 2px solid #F5F5F5}
.index_one .third_bottom .mod_right{display: flex;flex-direction: column;justify-content: space-between;}
.index_one .third_bottom .more{margin-top: 63px}


.title{align-items: center;margin-bottom: 40px}
.title h2{font-size: var(--fz26);color: #333333;line-height: 35px;position: relative;padding-bottom: 10px}
.title h2::after{content: '';position: absolute;bottom: 0;left: 50%;width: 52px;border-bottom: 4px solid #083A73;transform: translateX(-50%)}
.title a{font-size: var(--fz16);color: #333333;line-height: 35px;}
.title a:hover{color: #083A73}
.index_two_bg{background-image: url("../images/07.png");padding: 60px 0;}
.index_two .left{width: 65.789%;}
.index_two .right{width: 31.579%;}
.index_two .content{background-color: #ffffff}
.index_two .content .left_img{width: 35%}
.index_two .content .left_img .img{padding-bottom: 120%;}
.index_two .content .text{width: 0;flex: 1;box-sizing: border-box;padding: 40px 40px 20px }
.index_two .content .text a{margin-bottom: 28px;display: block}
.index_two .content .text a p{display: none}
.index_two .content .text a:nth-of-type(1) p{display: block}
.index_two .content .text h3{-webkit-line-clamp: 1}
.index_two .content .text h3,
.index_two .content .text span{font-size: var(--fz18);color: #666666;line-height: 24px;}
.index_two .content .text p{font-size: var(--fz14);color: #333333;line-height: 28px;margin-top: 16px;padding-left: 16px}
.index_two .content .text .list{padding-left: 14px;position: relative;}
.index_two .content .text .list::before{content: '';position: absolute;top: 50%;left: 0;width: 7px;height: 10px;background: #083A73;transform: translateY(-50%)}
.index_two .content .text a:hover h3{color: #083A73}
.index_two .right .content p{-webkit-line-clamp: 3;min-height: 84px}

.index_three_bg{background-image: url("../images/09.png");padding: 60px 0;}
.index_three_bg h2{font-size: var(--fz26);color: #333333;line-height: 35px;text-align: center;position: relative;padding-bottom: 10px;}
.index_three_bg h2::after{content: '';position: absolute;bottom: 0;left: 50%;width: 52px;border-bottom: 4px solid #083A73;transform: translateX(-50%)}
.index_three{margin-top: 40px}
.index_three .left{width: 65.789%;display: flex;flex-direction: column;justify-content: space-between;}
.index_three .right{width: 31.579%;position: relative}
.index_three .left .item{background-color: #ffffff}
.index_three .left .item .img{width: 48%;padding-bottom: 32%}
.index_three .left .item .text{width: 0;flex: 1;box-sizing: border-box;padding: 0 40px;display: flex;flex-direction: column;justify-content: center;}
.index_three .left .item h3{font-size: 18px;color: #333333;line-height: 24px;-webkit-line-clamp: 1}
.index_three .left .item p{font-size: 14px;color: #666666;line-height: 28px;margin-top: 18px;-webkit-line-clamp: 6}


.index_three .left .module .module_one{width: 48%;position: relative;}
.index_three .left .module .img{padding-bottom: 66.667%;}
.index_three .left .module .text{position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);color: #ffffff;box-sizing: border-box;padding: 26px 40px 30px;}
.index_three .left .module .text h3{font-size: var(--fz18);color: #FFFFFF;line-height: 24px;font-weight: normal}
.index_three .right .img{padding-bottom: 141.667%;}
.index_three .right .topic_title{position: absolute;top: 0;left: 0;width: 100%;background: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);z-index: 3;box-sizing: border-box;padding: 40px 40px 66px}
.index_three .right .topic_title h3{font-size: var(--fz18);color: #FFFFFF;line-height: 24px;}
.index_three .right .topic_content{position: absolute;bottom: 40px;left: 40px;display: flex;flex-direction: column;}
.index_three .right .topic_content a{width: 140px;padding: 11px 0;text-align: center;background-color: #083A73;color: #ffffff;font-size: var(--fz18) ;line-height: 24px;margin-top: 24px}

.index_four{padding: 60px 0;}
.index_four .module{width: 48.684%;}
.index_four .module:nth-of-type(2){flex-direction: column}
.index_four .module .time{width: 80px;height: 120px;text-align: center;color: #ffffff;background: #083A73}
.index_four .module .content a{display: flex;justify-content: space-between;align-items: flex-start;margin-bottom: 21px}
.index_four .module .content a:last-child{margin-bottom: unset}
.index_four .module .content a:hover h2,
.index_four .module .content a:hover .text p{color: #083A73}
.index_four .module .time{display: flex;flex-direction: column;justify-content: center;}
.index_four .module .time h1{font-size: var(--fz40);line-height: 53px;text-align: center;}
.index_four .module .time p{font-size: var(--fz16);color: #FFFFFF;line-height: 21px;text-align: center;}
.index_four .module .content h2{font-size: 18px;color: #333333;line-height: 24px;font-weight: normal;-webkit-line-clamp: 1}
.index_four .module .text p{font-size: 14px;color: #666666;line-height: 28px;margin-top: 18px;-webkit-line-clamp: 2;min-height: 56px;}
.index_four .module .text{width: 0;flex: 1;box-sizing: border-box;margin-left: 24px}
.index_four .module .content a .wire{width: 170px;border-bottom: 2px solid #F5F5F5;margin-top: 42px}
.index_four .module .video_list{display: flex;flex-direction: column;justify-content: space-between;height: 100%}
.index_four .module .list_top{position: relative;}
.index_four .module video{position: absolute;top: 0;left: 0;width: 100%;}
.index_four .module .list_top .img{padding-bottom: 56.216%;}
.index_four .module .list_top.active .img{opacity: 0;z-index: -1}
.index_four .module .list_top.active .play{display: none;}
.index_four .img:hover img{transform: unset}
.index_four .module .play{position: absolute;top: 50%;left: 50%;width: 56px;height: 56px;cursor: pointer;transform: translate(-50%,-50%);}
.index_four .module .list_bottom .item.active .img{opacity: 0;z-index: -1;}
.index_four .module .list_bottom .item.active .play{display: none;}
.index_four .module .list_bottom .item{width: 49.324%;position: relative}
.index_four .module .list_bottom .img{padding-bottom: 56.164%;}






.index_9_bg {
    background-color: #F2F3F5;
    padding: 80px 0;
}

.index_9 {
    display: grid;
    grid-template-columns: repeat(6, 12.75%);
    justify-content: center;
    grid-column-gap: 10px;
    /*grid-row-gap: 66px;*/
}
.main_width {
    width: 83.333%;
    margin: 0 auto;
}

.index_9 a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    padding: 10px 0;
margin: 10px 0;
}

.index_9 a:hover {
    background-color: #CF3F39;
    transition: all .5s;
}

.index_9 a:hover img {
    filter: brightness(100);
}
img {
    display: block;
}

.index_9 a:hover p {
    color: #ffffff;
}
.index_9 a p {
    margin-top: 20px;
}

a {
    text-decoration: none;
    color: #333333;
}

@media screen and (min-width: 1650px) {
    .main_width {
        min-width: 1600px;
        transition: all .5s;
    }
}