@charset 'utf-8';
*{
    font-family: 'Arial', '微软雅黑';
}
@media (min-width: 1366px)
{
    .container
    {
        width: 1366px;
    }
}
.container{
    max-width: 100%;
}
.j_d1pa{
	padding-bottom: 40px;
}
/*头部*/
.header{
    position: fixed;
    top:0;
    left: 0;
    width:100%;
    z-index: 10;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.he_top{
    background: #01274c;
}
.he_top .logo{
    float: left;
    width:calc(100% - 500px);
    padding: 32px 0;
}
.he_top .logo .pc_logo{
    float: left;
    height: 71px;
}
.he_top .logo .sj_logo{
    display: none;
}
.he_top .logo .text{
    float: left;
    padding-left: 24px;
    height: 50px;
    border-left: 1px solid #ccdff3;
    margin: 10px 0 10px 24px;
}
.he_top .logo .text h1{
    font-size: 20px;
    line-height: 20px;
    color: #fbfdff;
}
.he_top .logo .text p{
    font-size: 14px;
    line-height: 50px;
    color: #fbfdff;
}
.he_ssyy{
    float: right;
}
.he_yuy{
    background: #095095;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 12px 6px;
}
.he_yuy span{
    float: left;
    margin: 0 6px;
}
.he_yuy span img{
    float: left;
    width: 23px;
}
.he_yuy span b{
    float: left;
    display: block;
    margin-left: 10px;
    font-size: 12px;
    line-height: 16px;
    color: #7f9ebc;
}
.sousuo{
    float: right;
    margin-top: 20px;
    width:100%;
}
.sousuo .ion_sea{
    float: right;
    width:28px;
    height:28px;
    color: #ffffff;
    margin-top: 7px;
    cursor: pointer;
}
.sousuo .ion_seasr{
    float: right;
    width: 410px;
    height: 42px;
    margin-right: 44px;
    background: #ffffff;
    padding: 5px 15px;
    font-size: 16px;
    line-height: 30px;
    color: #b4b4b4;
}
.sousuo input::-webkit-input-placeholder {
    color:#999;
    font-size:16px;
}
.sousuo input:-moz-placeholder {
    color:#999;
    font-size:16px;
}
.sousuo input::-moz-placeholder {
    color:#999;
    font-size:16px;
}
.sousuo input:-ms-input-placeholder {
    color:#999;
    font-size:16px;
}
.he_bo{
    background: #095095;
}
.he_bo .erda{

}
.he_bo .erda li{
    float: left;
    width:12.5%;
    text-align: center;
}
.he_bo .erda li a{
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    color: #fbfdff;
    padding: 7px;
}
.he_bo .erda > li > a::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 7px;
    width:0;
    height: 4px;
    background: #4eb981;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.pc_xial{
    display: none;
    position: fixed;
    left: 0;
    top: 179px;
    width:100%;
    background: #ffffff;
box-shadow: 0 0 7px 0 #555;
}
.xl_l{
    float: left;
    width: 340px;
    text-align: left;
    min-height: 280px;
    padding: 40px 50px 40px 44px;
}
.he_bo .erda .xl_l a{
    padding: 0;
}
.xl_l h1{
    position: relative;
    font-family: YesevaOne;
    font-size: 30px;
    line-height: 30px;
    color: #095095;
    font-weight: bold;
    margin-bottom: 52px;
    text-align: left;
}
.xl_l h1::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -28px;
    height: 4px;
    width: 50px;
    background: #095095;
}
.xl_l p{
    font-size: 14px;
    line-height: 30px;
    height: 60px;
    color: #999999;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;/* 超出的行数 */
    text-align: left;
}
.xl_l .more{
    display: inline-block;
    width: 104px;
    height: 28px;
    background: #4262ac;
    text-align: center;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari 和 Chrome */
    border-radius: 5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
    margin-top: 30px;
}
.xl_l .more b{
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
}
.xl_l .more i{
    position: relative;
    margin-left: 5px;
    width: 11px;
    height: 28px;
}
.xl_l .more i img{
    position: absolute;
    left: 0;
    top:50%;
    width: 11px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.xl_l .more i .bai{
    opacity: 1;
}
.xl_l .more i .lan{
    opacity: 0;
}
.xl_z{
    float: left;
    width:calc(100% - 340px - 260px);
}
.xl_z ul{
    float: left;
    width: 50%;
    background: #f8f8f8;
    padding: 22px 60px 36px;
    min-height: 280px;
}
.xl_z ul:nth-child(2){
    background: #ffffff;
}
.pc_xial .xl_z ul li{
    position: relative;
    width:100%;
    font-size: 16px;
    line-height: 30px;
    color: #666666;
    padding: 12px 30px 12px 0;
    border-bottom: 1px solid #e6e6e6;
    text-align: left;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.pc_xial .xl_z ul a{
    width:100%;
    padding: 0;
}
.pc_xial .xl_z ul a:last-child li{
    border-bottom: 0;
}
.pc_xial .xl_z ul:nth-child(2) a:last-child li{
    border-bottom: 1px solid #e6e6e6;
}
.pc_xial .xl_z ul li img{
    opacity: 0;
    position: absolute;
    width: 13px;
    right:0;
    top:50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.pc_xial .xl_z ul li:hover{
    color: #4eb981;
}
.pc_xial .xl_z ul li:hover img{
    opacity: 1;
}
.xl_r{
    float: right;
    width: 260px;
    padding: 40px 0;
}
.xl_r img{
    width:100%;
}
.xl_r h1{
    font-size: 16px;
    line-height: 30px;
    color: #999999;
    margin-top: 14px;
}
/*底部*/
.footer{
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width:100%;
    background: #01274c;
    z-index: 1;
}
.ft_one{
    padding-top: 70px;
    padding-bottom: 18px;
}
.ft_l{
    float: left;
    width:calc(100% - 580px);
    padding-right: 150px;
}
.ft_logo{
    margin-bottom: 38px;
}
.ft_logo .sj_logo{
    display: none;
}
.ft_logo .pc_logo{
    float: left;
    height: 71px;
}
.ft_logo .text{
    float: left;
    padding-left: 24px;
    height: 50px;
    border-left: 1px solid #ccdff3;
    margin: 10px 0 10px 24px;
}
.ft_logo .text h1{
    font-size: 20px;
    line-height: 20px;
    color: #fbfdff;
}
.ft_logo .text p{
    font-size: 14px;
    line-height: 50px;
    color: #fbfdff;
}
.ft_dz span{
    position: relative;
    display: block;
    padding-left: 30px;
    margin: 10px 0;
}
.ft_dz .iconfont{
    position: absolute;
    left: 0;
    top: 5px;
    font-size: 20px;
    color: #7291b0;
}
.ft_dz span img{
    position: absolute;
    left: 0;
    top: 5px;
    width: 20px;
}
.ft_dz span .wz{
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    opacity: 0.5;
    font-style: normal;
}
.ft_dz span b{
    font-size: 14px;
    line-height: 30px;
    color: #7597b9;
    margin-left: 5px;
    font-weight: normal;
}
.ft_r{
    float: left;
    width: 580px;
}
.ft_r .lanm{
    width:100%;
}
.ft_r .lanm a{
    float: left;
    width: 25%;
}
.ft_r .lanm a li{
    font-size: 14px;
    line-height: 30px;
    color: #f9fcff;
    margin-bottom: 10px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.ft_r .fx{
    margin-top: 28px;
}
.ft_r .fx .wx{
    position: relative;
    float: left;
    margin-right: 25px;
}
.fx .wx span{
    display: block;
    width: 44px;
    height: 44px;
    cursor: pointer;
}
.fx .wx span i,
.fx a i{
    font-size: 44px;
    color: #ffffff;
}
.fx .wx .erwm{
    display: none;
    position: absolute;
    bottom:calc(100% + 10px);
    left: 50%;
    width: 150px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.fx .wx .erwm img{
    width:100%;
}
.ft_r .fx a{
    float: left;
    width: 44px;
    height: 44px;
    padding: 0;
    margin: 0 25px 0 0;
    background: transparent !important;
}
.bshare-custom a:hover{
    text-decoration: none !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    opacity: 1 !important;
}
.ft_r .link{
    margin-top: 36px;
}
.ft_r .lk_bo{
    position: relative;
    float: left;
    width: 262px;
}
.ft_r .lk_bo:nth-child(1){
    margin-right: 16px;
}
.ft_r .lk_bo span{
    display: block;
    height: 42px;
    border: 1px solid rgba(255,255,255,0.5);
    cursor: pointer;
}
.ft_r .lk_bo span i{
    float: left;
    display: inline-block;
    width:calc(100% - 41px);
    font-size: 14px;
    line-height: 30px;
    padding: 5px 20px;
    color: #f9fcff;
    font-style: normal;
}
.ft_r .lk_bo span b{
    display: inline-block;
    float: left;
    width: 41px;
    border-left: 1px solid #275078;
    text-align: center;
    line-height: 40px;
}
.ft_r .lk_bo span b img{
    width: 18px;
}
.ft_r .lk_bo span b img.act{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.ft_r .lk_bo ul{
    display: none;
    position: absolute;
    top:calc(100% - 1px);
    left: 0;
    width:100%;
    max-height: 122px;
    border: 1px solid rgba(255,255,255,0.5);
    background: #01274c;
    z-index: 2;
}
.ft_r .lk_bo ul li{
    padding: 5px 20px;
    font-size: 14px;
    line-height: 30px;
    color: #f9fcff;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}
.ft_two{
    border-top: 1px solid #275078;
}
.ft_two .ft_by{
    text-align: center;
    padding: 32px 0;
}
.ft_two .ft_by p{
    font-size: 14px;
    line-height: 30px;
    color: #6a8bad;
}
.ft_two .ft_by p a:hover{
    font-size: 14px;
    line-height: 30px;
    color: #6a8bad;
}
.mCSB_inside>.mCSB_container{
    margin-right: 0;
}
@media screen and (min-width: 1200px){
    .ft_r .lk_bo ul li:hover,
    .ft_r .lanm a li:hover{
        color: #4eb981;
    }
    .ft_two .ft_by p a:hover{
        color: #ffffff;
    }
    .he_bo .erda>li:hover>a::after{
        content: '';
        position: absolute;
        bottom: 0;
        left: 7px;
        width:calc(100% - 14px);
        height: 4px;
        background: #4eb981;
    }
    .xl_l .more:hover{
        border: 1px solid #4262ac;
    }
    .xl_l .more:hover b{
        color: #4262ac;
    }
    .xl_l .more i .lan{
        opacity: 1;
    }
    .xl_l .more i .bai{
        opacity: 0;
    }
}
@media screen and (max-width: 1240px){
    .ft_l{
        width:calc(100% - 540px);
    }
    .ft_r{
        width: 540px;
    }
}
/*首页*/
.section{
    position: relative;
    z-index: 2;
    margin-top: 179px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.inban_img{
    position: relative;
    height: 771px;
    overflow: hidden;
}
.banner.act{
    position: fixed;
    top: 0;
    left: 0;
    width:100%;
    height: 771px;
    z-index: 1;
}
.in_about,
.in_study,
.in_pro{
    position: relative;
    z-index: 2;
}
.in_ban{
    position: relative;
}
.in_ban .prev{
    position: absolute;
    left: calc((100% - 1346px) / 2);
    top:calc(50% + 47px);
    width: 32px;
    height: 60px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}
.in_ban .next{
    position: absolute;
    right: calc((100% - 1346px) / 2);
    top:calc(50% + 47px);
    width: 32px;
    height: 60px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
}
.in_ban .prev img,
.in_ban .next img{
    position: absolute;
    left: 0;
    top:0;
    width: 32px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.in_ban .prev .bai,
.in_ban .next .bai{
    opacity: 1;
}
.in_ban .prev .lv,
.in_ban .next .lv{
    opacity: 0;
}
.inban_img img{
    position: absolute;
    left: 50%;
    display: inline-block;
    height: 100%;
    -webkit-transition: all 3s ease-out 0s;
    -moz-transition: all 3s ease-out 0s;
    -ms-transition: all 3s ease-out 0s;
    -o-transition: all 3s ease-out 0s;
    transition: all 3s ease-out 0s;
    -webkit-transform: translateX(-50%) scale(1.1);
    -moz-transform: translateX(-50%) scale(1.1);
    -ms-transform: translateX(-50%) scale(1.1);
    -o-transform: translateX(-50%) scale(1.1);
    transform: translateX(-50%) scale(1.1);
}
.inban_img img.scale{
    -webkit-transform: translateX(-50%) scale(1);
    -moz-transform: translateX(-50%) scale(1);
    -ms-transform: translateX(-50%) scale(1);
    -o-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
}
@media screen and (min-width: 1200px){
    .in_ban .prev:hover .bai,
    .in_ban .next:hover .bai{
        opacity: 0;
    }
    .in_ban .prev:hover .lv,
    .in_ban .next:hover .lv{
        opacity: 1;
    }
}
.in_about{
    background: #f3f5f7;
    padding-bottom: 84px;
}
.ina_bo{
    margin-top: -84px;
}
.ina_nr{
    position: relative;
    float: left;
    width:50%;
    height: 350px;
}
.ina_nr:nth-child(1) .mc{
    position: absolute;
    left: 0;
    top:0;
    width:100%;
    height: 100%;
    background: #000000;
    opacity: 0.5;
    z-index: 0;
}
.ina_nr:nth-child(1) .in_bof{
    position: absolute;
    left: 50%;
    top:50%;
    width: 62px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}
.ina_nr:nth-child(1) .in_bof img{
    width:100%;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.ina_nr:nth-child(2){
    text-align: center;
    padding: 60px 105px 50px;
    background: #ffffff;
}
.ina_nr:nth-child(3){
    text-align: center;
    padding: 60px 105px 50px;
    background: #e6e6e6;
}
.ina_nr:nth-child(2) h1,
.ina_nr:nth-child(3) h1{
    position: relative;
    font-size: 20px;
    line-height: 30px;
    color: #333333;
    font-weight: bold;
    font-family: sans-serif;
    text-align: center;
    margin-bottom: 65px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.ina_nr:nth-child(2) h1::after,
.ina_nr:nth-child(3) h1::after{
    content: '';
    position: absolute;
    left: 50%;
    bottom: -30px;
    width: 50px;
    height: 4px;
    background: #01274c;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.ina_nr:nth-child(2) p,
.ina_nr:nth-child(3) p{
    font-size: 16px;
    line-height: 30px;
    color: #999999;
    text-align: center;
    max-height: 90px;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}
.ina_nr:nth-child(2) .more,
.ina_nr:nth-child(3) .more{
    position: relative;
    display: inline-block;
    margin: 0 auto;
    width: 25px;
    height: 19px;
    margin-top: 37px;
}
.ina_nr:nth-child(2) .more img,
.ina_nr:nth-child(3) .more img{
    position: absolute;
    left: 0;
    top:0;
    width: 25px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.ina_nr:nth-child(2) .more .lv,
.ina_nr:nth-child(3) .more .lv{
    opacity: 0;
}
.ina_nr:nth-child(2) .more .hui,
.ina_nr:nth-child(3) .more .hui{
    opacity: 1;
}
.inanr_b{
    position: relative;
    float: left;
    width:50%;
    height: 350px;
}
.inanr_b .mc{
    position: absolute;
    left: 0;
    top:0;
    width:100%;
    height: 100%;
    background: #000000;
    opacity: 0.33;
    z-index: 1;
}
.inanr_b .text{
    position: absolute;
    left: 50%;
    top:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 186px;
    height: 47px;
    border: 1px solid #ffffff;
    text-align: center;
    z-index: 2;
}
.inanr_b .text::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width:100%;
    height: 0;
    background: #ffffff;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.inanr_b .text p{
    position: relative;
    z-index: 3;
    font-size: 16px;
    line-height: 44px;
    color: #ffffff;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
@media screen and (min-width: 1200px){
    .ina_nr:nth-child(2):hover .more .lv,
    .ina_nr:nth-child(3):hover .more .lv{
        opacity: 1;
    }
    .ina_nr:nth-child(2):hover .more .hui,
    .ina_nr:nth-child(3):hover .more .hui{
        opacity: 0;
    }
    .ina_nr:nth-child(2):hover h1,
    .ina_nr:nth-child(3):hover h1{
        color: #4eb981;
    }
    .ina_nr:nth-child(2):hover h1::after,
    .ina_nr:nth-child(3):hover h1::after{
        background: #4eb981;
    }
    .inanr_b:hover .text::after{
        height: 100%;
    }
    .inanr_b:hover .text p{
        color: #333333;
    }
    .ina_nr:nth-child(1):hover .in_bof img{
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
.in_study{
    position: relative;
    padding: 140px 0 135px;
}
.in_study .mc{
    position: absolute;
    left: 0;
    top:0;
    width:100%;
    height: 100%;
    background: #012c61;
    opacity: 0.65;
    z-index: 1;
}
.in_study .container{
    position: relative;
    z-index: 2;
}
.in_study .tle{
    margin-bottom: 180px;
}
.in_study .tle h1{
    font-size: 36px;
    line-height: 36px;
    color: #ffffff;
    text-align: center;
}
.ins_bo{
    margin: 0 -60px;
}
.ins_nr{
    float: left;
    width:33.33%;
    padding: 0 60px;
}
.ins_nr .bg_ys{
    background: #ffffff;
    text-align: center;
    padding: 0 74px;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari 和 Chrome */
    border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.ins_nr .png{
    position: relative;
    top: -80px;
    width: 214px;
    height: 214px;
    line-height: 214px;
    -moz-border-radius: 50%; /* Firefox */
    -webkit-border-radius: 50%; /* Safari 和 Chrome */
    border-radius: 50%; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
    text-align: center;
    margin: 0 auto -80px;
}
.ins_nr .png.col1{
    background: #99c9fa;
}
.ins_nr .png.col2{
    background: #023169;
}
.ins_nr .png.col3{
    background: #04c199;
}
.ins_nr:nth-child(1) h1{
    color: #99c9fa;
}
.ins_nr:nth-child(2) h1{
    color: #023169;
}
.ins_nr:nth-child(3) h1{
    color: #04c199;
}
.ins_nr .png img{
    width: 101px;
}
.ins_nr h1{
    font-size: 20px;
    line-height: 30px;
    margin: 31px 0 20px;
}
.ins_nr p{
    font-size: 16px;
    line-height: 30px;
    color: #999999;
}
.ins_nr .more{
    position: relative;
    display: inline-block;
    width: 25px;
    height: 19px;
    margin: 20px auto 46px;
}
.ins_nr .more img{
    position: absolute;
    left: 0;
    top:0;
    width: 25px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.ins_nr .more .bx{
    opacity: 0;
}
@media screen and (min-width: 1200px){
    .ins_nr:hover .more .bx{
        opacity: 1;
    }
    .ins_nr:hover .more .hui{
        opacity: 0;
    }
}
.in_pro{
    background: #ffffff;
    padding: 110px 0;
}
.in_bg{
    position: fixed;
    left: 0;
    top:0;
    width:100%;
    height: 100vh;
    z-index: -1;
}
.inp_bo{
    margin: 0 -5px;
}
.inp_nr{
    float: left;
    width:calc(33.33% - 10px);
    margin: 5px 5px;
}
.inp_nr:nth-child(1){
    padding: 45px 45px 0 0;
}
.inp_nr:nth-child(1) h1{
    position: relative;
    font-size: 36px;
    line-height: 46px;
    color: #333333;
    margin-bottom: 54px;
}
.inp_nr:nth-child(1) h1::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -22px;
    width: 50px;
    height: 4px;
    background: #01274c;
}
.inp_nr:nth-child(1) p{
    font-size: 16px;
    line-height: 30px;
    color: #999999;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    max-height: 60px;
}
.inp_nr{
    position: relative;
    height: 266px;
    padding: 30px 40px;
}
.inp_nr .mc{
    position: absolute;
    left: 0;
    top:0;
    width:100%;
    height: 100%;
    background: #000000;
    opacity: 0.2;
    z-index: 0;
}
.inp_nr:nth-child(2) .jb{
    position: absolute;
    left: 0;
    top:0;
    width:100%;
    height: 100%;
    background-image: -webkit-linear-gradient(to top, #faaa8f, rgba(250, 170, 143, 0.5) 30%, rgba(250, 170, 143, 0) 75%);
    background-image: -moz-linear-gradient(to top, #faaa8f, rgba(250, 170, 143, 0.5) 30%, rgba(250, 170, 143, 0) 75%);
    background-image: -o-linear-gradient(to top, #faaa8f, rgba(250, 170, 143, 0.5) 30%, rgba(250, 170, 143, 0) 75%);
    background-image: -ms-linear-gradient(to top, #faaa8f, rgba(250, 170, 143, 0.5) 30%, rgba(250, 170, 143, 0) 75%);
    background-image: linear-gradient(to top, #faaa8f, rgba(250, 170, 143, 0.5) 30%, rgba(250, 170, 143, 0) 75%);
    z-index: 1;
}
.inp_nr:nth-child(3) .jb{
    position: absolute;
    left: 0;
    top:0;
    width:100%;
    height: 100%;
    background-image: -webkit-linear-gradient(to top, #99c9fa, rgba(153, 201, 250, 0.5) 30%, rgba(153, 201, 250, 0) 75%);
    background-image: -moz-linear-gradient(to top, #99c9fa, rgba(153, 201, 250, 0.5) 30%, rgba(153, 201, 250, 0) 75%);
    background-image: -o-linear-gradient(to top, #99c9fa, rgba(153, 201, 250, 0.5) 30%, rgba(153, 201, 250, 0) 75%);
    background-image: -ms-linear-gradient(to top, #99c9fa, rgba(153, 201, 250, 0.5) 30%, rgba(153, 201, 250, 0) 75%);
    background-image: linear-gradient(to top, #99c9fa, rgba(153, 201, 250, 0.5) 30%, rgba(153, 201, 250, 0) 75%);
    z-index: 1;
}
.inp_nr:nth-child(4) .jb{
    position: absolute;
    left: 0;
    top:0;
    width:100%;
    height: 100%;
    background-image: -webkit-linear-gradient(to top, #5bdd98, rgba(91, 221, 152, 0.5) 30%, rgba(91, 221, 152, 0) 75%);
    background-image: -moz-linear-gradient(to top, #5bdd98, rgba(91, 221, 152, 0.5) 30%, rgba(91, 221, 152, 0) 75%);
    background-image: -o-linear-gradient(to top, #5bdd98, rgba(91, 221, 152, 0.5) 30%, rgba(91, 221, 152, 0) 75%);
    background-image: -ms-linear-gradient(to top, #5bdd98, rgba(91, 221, 152, 0.5) 30%, rgba(91, 221, 152, 0) 75%);
    background-image: linear-gradient(to top, #5bdd98, rgba(91, 221, 152, 0.5) 30%, rgba(91, 221, 152, 0) 75%);
    z-index: 1;
}
.inp_nr:nth-child(5) .jb{
    position: absolute;
    left: 0;
    top:0;
    width:100%;
    height: 100%;
    background-image: -webkit-linear-gradient(to top, #98c7f7, rgba(152, 199, 247, 0.5) 35%, rgba(152, 199, 247, 0) 60%);
    background-image: -moz-linear-gradient(to top, #98c7f7, rgba(152, 199, 247, 0.5) 35%, rgba(152, 199, 247, 0) 60%);
    background-image: -o-linear-gradient(to top, #98c7f7, rgba(152, 199, 247, 0.5) 35%, rgba(152, 199, 247, 0) 60%);
    background-image: -ms-linear-gradient(to top, #98c7f7, rgba(152, 199, 247, 0.5) 35%, rgba(152, 199, 247, 0) 60%);
    background-image: linear-gradient(to top, #98c7f7, rgba(152, 199, 247, 0.5) 35%, rgba(152, 199, 247, 0) 60%);
    z-index: 1;
}
.inp_nr:nth-child(6) .jb{
    position: absolute;
    left: 0;
    top:0;
    width:100%;
    height: 100%;
    background-image: -webkit-linear-gradient(to top, #faaa90, rgba(250, 170, 144, 0.5) 30%, rgba(250, 170, 144, 0) 75%);
    background-image: -moz-linear-gradient(to top, #faaa90, rgba(250, 170, 144, 0.5) 30%, rgba(250, 170, 144, 0) 75%);
    background-image: -o-linear-gradient(to top, #faaa90, rgba(250, 170, 144, 0.5) 30%, rgba(250, 170, 144, 0) 75%);
    background-image: -ms-linear-gradient(to top, #faaa90, rgba(250, 170, 144, 0.5) 30%, rgba(250, 170, 144, 0) 75%);
    background-image: linear-gradient(to top, #faaa90, rgba(250, 170, 144, 0.5) 30%, rgba(250, 170, 144, 0) 75%);
    z-index: 1;
}
.inp_nr .text{
    position: relative;
    z-index: 2;
}
.inp_nr .ion{
    display: block;
    margin-bottom: 65px;
}
.inp_nr .ion img{
    width: 77px;
}
.inp_nr .text h1{
    font-size: 20px;
    line-height: 30px;
    color: #ffffff;
    margin-bottom: 20px;
}
.inp_nr .text .more{
    position: relative;
    display: inline-block;
    width: 114px;
    height: 26px;
    line-height: 24px;
    padding: 0 15px;
    border: 1px solid rgba(255,255,255,0.3);
}
.inp_nr .text .more::after{
    content: '';
    position: absolute;
    left: 0;
    bottom:0;
    width:100%;
    height: 0;
    background: #ffffff;
    z-index: 1;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.inp_nr .text .more i{
    position: relative;
    font-size: 14px;
    color: #ffffff;
    font-style: normal;
    z-index: 2;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.inp_nr .text .more b{
    position: absolute;
    right: 15px;
    top:50%;
    width: 12px;
    height: 10px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
}
.inp_nr .text .more b img{
    position: absolute;
    left: 0;
    top:0;
    width: 12px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.inp_nr .text .more b .jt1{
    opacity: 1;
}
.inp_nr .text .more b .jt2{
    opacity: 0;
}
@media screen and (min-width: 1200px){
    .inp_nr:hover .text .more::after{
        height: 100%;
    }
    .inp_nr:hover .text .more i{
        color: #333333;
    }
    .inp_nr:hover .text .more b .jt1{
        opacity: 0;
    }
    .inp_nr:hover .text .more b .jt2{
        opacity: 1;
    }
}
#pd,
#pdx{
    height: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
/*首页效果*/
.ina_nr:nth-child(2n+1){
    visibility: visible;
    animation-delay: 0s;
    animation-name: fadeInUp;
    animation-duration: 1.5s;
}
.in_study .tle{
    visibility: visible;
    animation-delay: 0s;
    animation-name: fadeIn;
    animation-duration: 1.5s;
}
.ina_nr:nth-child(2n){
    visibility: visible;
    animation-delay: 0.5s;
    animation-name: fadeInUp;
    animation-duration: 1.5s;
}
.ins_nr:nth-child(3n+1),
.inp_nr:nth-child(3n+1){
    visibility: visible;
    animation-delay: 0s;
    animation-name: fadeInUp;
    animation-duration: 1.5s;
}
.ins_nr:nth-child(3n+2),
.inp_nr:nth-child(3n+2){
    visibility: visible;
    animation-delay: 0.2s;
    animation-name: fadeInUp;
    animation-duration: 1.5s;
}
.ins_nr:nth-child(3n+3),
.inp_nr:nth-child(3n+3){
    visibility: visible;
    animation-delay: 0.4s;
    animation-name: fadeInUp;
    animation-duration: 1.5s;
}
/*首页响应*/
@media (max-width: 1371px){
    .ina_nr,
    .inanr_b{
        height: 260px;
    }
    .ina_nr:nth-child(2),
    .ina_nr:nth-child(3){
        padding: 36px 36px 36px;
    }
    .ina_nr:nth-child(2) .more,
    .ina_nr:nth-child(3) .more{
        margin-top: 20px;
    }
    .ina_nr:nth-child(2) h1,
    .ina_nr:nth-child(3) h1{
        margin-bottom: 56px;
    }
    .in_about{
        padding-bottom: 36px;
    }
    .in_study,
    .in_pro{
        padding: 36px 0;
    }
    .in_study .tle{
        margin-bottom: 106px;
    }
    .ft_l{
        padding-right: 36px;
    }
    .ins_nr .bg_ys{
        padding: 0 36px;
    }
    .inp_nr{
        padding: 26px;
    }
    .ina_bo{
        margin-top: -36px;
    }
    .in_ban .prev{
        left: 20px;
    }
    .in_ban .next{
        right: 20px;
    }

}
@media (max-width: 1199px){
    .in_ban .prev,
    .in_ban .next{
        top:50%;
    }
    .inban_img{
        height: 500px;
    }
    .he_ssyy,
    .he_top .logo .pc_logo,
    .he_top .logo .text,
    .he_bo,
    .ft_logo .pc_logo,
    .ft_logo .text,
    .ft_r .lanm{
        display: none;
    }
    .he_top .logo .sj_logo{
        display: block;
        height: 60px;
    }
    .ft_logo .sj_logo{
        display: block;
        width: 604px;
        max-width: 100%;
        margin: 0 auto;
    }
    .he_top{
        height: 80px;
    }
    .he_top .logo{
        width:calc(100% - 70px);
        padding: 10px 0;
    }
    .section{
        margin-top: 80px;
    }
    .ins_bo{
        margin: 0 -18px;
    }
    .ins_nr{
        padding: 0 18px;
    }
    .inp_nr{
        width:calc(50% - 10px);
    }
    .inp_nr:nth-child(2n+1){
        visibility: visible;
        animation-delay: 0s;
        animation-name: fadeInUp;
        animation-duration: 1.5s;
    }
    .inp_nr:nth-child(2n+2){
        visibility: visible;
        animation-delay: 0.2s;
        animation-name: fadeInUp;
        animation-duration: 1.5s;
    }
    .ft_l{
        width:100%;
        padding-right: 0;
    }
    .ft_r{
        width:100%;
    }
    .ft_one{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .ft_dz span{
        display: block;
        padding-left: 0;
        text-align: center;
    }
    .ft_dz .iconfont{
        position: relative;
        top: 3px;
        margin-right: 5px;
    }
    .ft_dz span img{
        position: relative;
        top:0;
        margin-right: 5px;
    }
    .ft_r .fx{
        display: block;
        width: 204px;
        height: 44px;
        margin: 10px auto 0;
    }
    .ft_r .fx .wx,
    .ft_r .fx a{
        display: inline-block;
        margin: 0 12px;
    }
    .ft_r .link{
        text-align: center;
    }
    .ft_r .lk_bo{
        float: none;
        display: inline-block;
    }
    .ft_logo{
        margin-bottom: 16px;
    }
    .ft_r .link{
        margin-top: 20px;
    }
    .ft_two .ft_by{
        padding: 16px 0;
    }
    .ft_r .lk_bo ul{
        max-height: 82px;
    }
}
@media (max-width: 991px){
    .inanr_b .text{
        width: 154px;
    }
    .ins_nr .png{
        top:0;
        margin: 0 auto 0;
    }
    .ins_nr .bg_ys{
        padding: 20px 36px;
    }
    .ins_nr .more{
        margin-bottom: 0;
    }
    .in_study .tle{
        margin-bottom: 30px;
    }
    .ins_nr:nth-child(3n+1){
        visibility: visible;
        animation-delay: 0s;
        animation-name: fadeInUp;
        animation-duration: 1.5s;
    }
    .ins_nr:nth-child(3n+2){
        visibility: visible;
        animation-delay: 0s;
        animation-name: fadeInUp;
        animation-duration: 1.5s;
    }
    .ins_nr:nth-child(3n+3){
        visibility: visible;
        animation-delay: 0s;
        animation-name: fadeInUp;
        animation-duration: 1.5s;
    }
}
@media (max-width: 767px){
    .ina_bo{
        margin-top: 0;
    }
    .ina_nr{
        width:100%;
    }
    .ina_nr:nth-child(2),
    .ina_nr:nth-child(3){
        padding: 20px 15px;
    }
    .in_about{
        padding-top: 36px;
    }
    .inp_nr{
        width:100%;
        margin: 5px 0;
    }
    .inp_nr:nth-child(1){
        padding:0;
        height:auto;
    }
    .in_pro{
        padding: 26px 0 36px;
    }
    .inp_nr:nth-child(1) h1{
        margin-bottom: 36px;
    }
    .inp_nr:nth-child(1) h1::after{
        bottom: -15px;
    }
    .in_ban .prev,
    .in_ban .next{
        top:50%;
        width:16px;
        height: 30px;
    }
    .in_ban .prev img,
    .in_ban .next img{
        width: 16px;
    }
    .inban_img{
        position: relative;
        height: 320px;
    }
    .inban_img img{
        position: absolute;
        left: 50%;
        top:0;
        width:auto;
        height: 100%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .inban_img img{
        -webkit-transform: translateX(-50%) scale(1.1);
        -moz-transform: translateX(-50%) scale(1.1);
        -ms-transform: translateX(-50%) scale(1.1);
        -o-transform: translateX(-50%) scale(1.1);
        transform: translateX(-50%) scale(1.1);
    }
    .inban_img img.scale{
        -webkit-transform: translateX(-50%) scale(1);
        -moz-transform: translateX(-50%) scale(1);
        -ms-transform: translateX(-50%) scale(1);
        -o-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
    }
    .inanr_b{
        width:100%;
    }
    .ina_nr:nth-child(4){
        height: auto;
    }
    .ft_r .lk_bo:nth-child(1){
        margin-right: auto;
        margin-bottom: 15px;
    }
    .ft_r .lk_bo{
        display: block;
        margin: 0 auto;
    }
    .he_top .logo .sj_logo{

    }
}
/*手机下拉*/
/*手机下拉*/
.phxia{
    position: relative;
    z-index: 10;
    margin-top: 80px;
    width: 100%;
}
.xialaph{
    display: none;

    position: absolute;
    top: 0px;
    left: 0px;

    width: 100%;

    padding-bottom: 30px;

    background-color: #f1f1f1;
    font-family: '微软雅黑';
}
@media screen and (max-width: 992px)
{
    .xialaph .container{
        width: 100%;
        padding: 0 40px;
    }
}
@media screen and (max-width: 768px)
{
    .xialaph .container{
        width: 100%;
        padding: 0 15px;
    }
}
.xialaph h4{
    position: relative;
}
.xialaph h4::after{
    content: '';

    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;

    opacity: .1;
    background-color: #000;
}
.xialaph h4 a{
    font-size: 16px;
    font-weight: bold;
    line-height: 60px;
    text-transform: uppercase;
    color: #999;
}
.xialaph h4 img{
    position: absolute;
    top: 50%;
    right: 5px;

    width: 13px;
    cursor: pointer;

    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.xialaph .ul2{
    display: none;
    padding-top: 7px;
    padding-bottom: 8px;
}
.xialaph .ul2 .container{
    max-width: 100%;
}
.xialaph h5{
    position: relative;
}
.xialaph h5::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;

    opacity: .05;
    background-color: #000;
}
.xialaph h5 a{
    display: inline-block;
    font-family: '微软雅黑';
    width:calc(100% - 15px);
    font-size: 14px;
    line-height: 40px;
    text-transform: uppercase;
    color: #999;
}
.xialaph h5 img{
    position: absolute;
    top: 50%;
    right: 5px;

    width: 13px;
    cursor: pointer;

    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s,
.xialaph h6.active img.img_s{
    display: none;
}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d,
.xialaph h6.active img.img_d{
    display: block;
}
.xialaph .ul3{
    display: none;
    padding-left: 7px;
}
.xialaph .ul4{
    display: none;
    padding-left: 15px;
}
.xialaph h6{
    position: relative;
}
.xialaph h6::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 1px;

    opacity: .05;
    background-color: #000;
}
.xialaph h6 img{
    position: absolute;
    top: 50%;
    right: 5px;

    width: 13px;
    cursor: pointer;

    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.xialaph h6 a{
    font-family: '微软雅黑';
    font-size: 12px;
    line-height: 40px;
    text-transform: uppercase;
    color: #999;
}
.xialaph p a{
    font-family: '微软雅黑';
    font-size: 12px;
    line-height: 40px;
    text-transform: uppercase;
    color: #999;
}
.phonemeng{
    display: none;

    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;

    width: 100%;
    height: 100%;

    opacity: .6;
    background-color: #000;
}
.phonemeng.active{
    display: block;
}
.header2 .menuph{
    display: none;
    position: absolute;
    top: 50%;
    right: 15px;

    width: 50px;
    height: 50px;

    cursor: pointer;
    text-align: center;

    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.header2 .menuph .point{
    position: relative;
    display: inline-block;
    width: 28px;
    height: 22px;
    margin-top: 14px;
}
.header2 .menuph .point:hover .navbtn,
.header2 .menuph .point:hover .navbtn::after,
.header2 .menuph .point:hover .navbtn::before{
    width: 28px;
}
.header2 .menuph .navbtn{
    position: absolute;
    top: 10px;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #ffffff;
}
.header2 .menuph .navbtn::after,
.header2 .menuph .navbtn::before{
    position: absolute;
    right: 0;
    display: inline-block;
    width: 28px;
    height: 1px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #ffffff;
}
.header2 .menuph .navbtn::after{
    top: -10px;
}
.header2 .menuph .navbtn::before{
    top: 10px;
}
.header2 .menuph .point.active .navbtn{
    background: transparent;
}
.header2 .menuph .point.active .navbtn::after{
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.header2 .menuph .point.active .navbtn::before{
    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media screen and (max-width: 640px)
{
    .he_top .logo{
        line-height: 60px;
    }
    .he_top .logo .sj_logo{
        display: inline-block;
        float: none;
        width:calc(100%);
        height: auto;
    }
}
.xialaph .sousuo{
    padding: 0px 15px;
    text-align: center;
}
.xialaph .sousuo i{
    display: inline-block;
    font-size: 24px;
    color: #01274c;
    margin: 0 auto;
    float: none;
}
@media (max-width: 1199px){
    .header2 .menuph{
        display: block;
    }
}
/*手机搜索*/
.mengcen {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.9);
    z-index: 99;
}
.caidansuo {
    position: relative;
    width: 38%;
    margin: 20% auto 0;
    height: 46px;
    border-bottom: 1px solid #ffffff;
}
.caidansuo input {
    width: calc(100% - 60px);
    height: 100%;
    font-size: 24px;
}
#buts {
    position: relative;
    right: 0;
    font-size: 22px;
    color: #ffffff;
    letter-spacing: 3px;
}
.guanbi {
    width: 28px;
    display: block;
    position: absolute;
    right: 6%;
    top: 4%;
}
.guanbi i {
    font-size: 28px;
    color: #ffffff;
}
@media (max-width: 767px){
    .caidansuo {
        width: 75%;
        margin: 50% auto 0;
    }
}
.d1_youx{
    background: #095095;
    text-align: center;
    padding: 12px 0;
}
.d1_youx .clearfix{
    display: inline-block;
}
.d1_youx i{
    float: left;
    display: inline-block;
    font-size: 35px;
    color: #ffffff;
    margin-right: 25px;
}
.d1_youx p{
    float: left;
    display: inline-block;
    font-size: 18px;
    line-height: 36px;
    color: #fffefe;
}
.d1_con table{
    margin-top: 20px;
    margin-bottom: 20px;
}
.d1_con tr{
    border-bottom: 1px solid #d9d9d9;
}
.d1_con tr:last-child{
    border-bottom: 0;
}
.d1_con td{
    padding: 30px 0;
    font-size: 16px;
    line-height: 40px;
    color: #666666;
    text-align: center;
}
.d1_con td.tp{
    position: relative;
    width: 300px;
    overflow: hidden;
}
.d1_con td.tp .bg{
    position: relative;
    width:100%;
    overflow: hidden;
}
.d1_con td.tp .pic{
    position: absolute;
    width:100%;
    left: 50%;
    top:50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.d1_con td.zw{
    width: 240px;
}
.d1_con td.xm{
    width: 140px;
}
.d1_con td.dh{
    width: 270px;
}
.d1_con td.jj{
    width: 386px;
    text-align: left;
}
@media (max-width: 991px){
    .d1_con td.tp,
    .d1_con td.zw,
    .d1_con td.xm,
    .d1_con td.dh,
    .d1_con td.jj{
        display: inline-block;
        width:100%;
        padding: 5px 0;
    }
    .d1_con tr{
        display: inline-block;
        margin-top: 10px;
    }
}
@media (max-width: 1229px){
    .he_bo .erda li a{
        font-size: 12px;
    }
}
@media (max-width: 1366px){
    .xl_z ul{
        padding: 22px 30px 36px;
    }
.j_d1pa{
	padding-bottom: 20px;
}
}
/*DANA*/
.d-con{
    padding-top: 50px;
    background-color: #ffffff;
}
.d_menu{
    width: 387px;
    margin-bottom:50px;
}
.d_menu .d_meti{
    width: 100%;
    padding: 25px 34px;
    background-color: #01274c;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
}
.d_menu .d_meti h1{
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.5;
    font-family: 'Arial';
}
.d_mebox .d_mebtop{
    position: relative;
    width: 100%;
    padding: 0px 34px;
    background-color: #f2f1f7;
    cursor: pointer;
}
.d_mebox .d_mebtop h1{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 20px 0;
    border-bottom: 1px dashed #d6d6d6;
    font-size: 16px;
    color: #333333;
    line-height: 1.5;
    font-family: 'Arial';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    z-index:1;
}
.d_mebox .d_mebtop .erji_img{
    position: absolute;
    top: 50%;
    right: 33px;
    height:100%;
    width:30px;
    text-algin:center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index:2;
}
.d_mebox .d_mebtop img{
    position: absolute;
    left:50%;
    top: 50%;
    width:19px;    
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.d_mebox .d_mebtop.act{
    background-color: #095095;
}
.d_mebox .d_mebtop:hover{
    background-color: #095095;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.d_mebox .d_mebtop:hover h1{
    border-bottom: 1px solid transparent;
    color: #ffffff;
}
.d_mebox .d_mebtop.act h1{
    border-bottom: 0px;
    color: #ffffff;
}
.d_mebox .d_mebtop.act img{
    display: block;
}
.d_mebbo{
    display: none;
}
.d_mebbo li{
    padding: 20px 34px;
    background-color: #d5d4d9;
}
.d_mebbo li a{
    font-size:16px;
    color: #666666;
    line-height: 1.5;
    font-family: 'Arial';
}
.d_mebbo li a:hover{
    color: #01274c;
}
.d_txt{
    width: calc(100% - 387px);
    padding-left: 50px;
}
.d_txt .dtxt_title{
    padding-bottom: 20px;
    border-bottom: 1px solid #01274c;
}
.d_txt .dtxt_title h1{
    font-size: 24px;
    font-weight: bold;
    font-family: 'Arial';
    color: #01274c;
}
.dtxt_con {
    padding-top: 10px;
}
.dtxt_con p{
    font-size: 16px;
    color: #666666;
    font-family: 'Arial';
    line-height: 1.8;
    text-align: justify;
}
.dtxt_con h1{
    font-size: 16px;
    line-height: 30px;
    color: #333333;
    font-weight: bold;
}
.dtxt_con img{
    display: inline-block;
    max-width: 100%;
    margin: 10px 0; border:0!important;
}
.dtxt_video{
    position: relative;
    margin: 50px 0 105px;
}
.dtxt_video .d_bg{
    position: relative;
    width: 100%;
}
.dtxt_video .d_bg:after{
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.33);
}
.dtxt_video .d_bg img{
    width:100%;
}
.dtxt_video .d_play{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 50px;
    transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.dtxt_video .d_play img{
    width: 100%;
}
.jtxt_con img{
    margin-top: 0px;
    margin-bottom: 0px;
}
@media (max-width: 1280px){
    .d_txt {
        padding-left: 20px;
    }
}
@media (max-width: 1200px){
    .d_menu {
        display: none;
    }
    .d_txt {
        width: 100%;
        padding-left: 0px;
    }
    .d-con {
        padding-top: 30px;
    }
    .dtxt_video {
        margin: 30px 0 40px;
    }
}
@media (max-width: 767px){
    .dtxt_con p {
        font-size: 16px;
    }
    .dtxt_con img {
        margin: 15px 0 5px;
    }
    .dtxt_video {
        margin: 15px 0 30px;
    }
   .listFrame span{display:none;}
}
/*内页效果*/
.d1_con tr,
.j-e1-list li,
.f1-list li,
.j-f1-input,
.j-f1-te,
.j-f1{
    visibility: visible;
    animation-delay: 0s;
    animation-name: fadeInUp;
    animation-duration: 1.5s;
}
.keywordfontcolor200408{
font-weight:normal!important;
font-size:18px!important;
color:#f00!important;
font-family:"Arial", "微软雅黑"!important;
}
/* 2022.11.08 新增 star */

.home_new {
    width: 100%;
    position: relative;
    background: #fff;
}

.home_new_cont {
    width: 100%;
    position: relative;
}

.home_new_more p {
    font-size: 18px;
    line-height: 1.5;
    color: #999;
    padding-right: 15px;
}

.home_new_more img {
    width: 14px;
}

.home_new_more a {
    display: flex;
    align-items: center;
}

.home_new_tit .inp_nr {
    padding-top: 0;
    padding-right: 0;
    width: inherit;
    height: inherit;
}

.home_new_tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home_new_more {
    margin-top: 10px;
}

.home_new_list {
    width: 100%;
    position: relative;
}

.home_new_li {
    width: 33.333333%;
    padding: 0 25px;
}

.home_new_ul {
    margin: 0 -25px;
}

.home_new_wrap {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #EEEEEE;
}

.home_new_img {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.home_new_img1 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
}

.home_new_img2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.home_new_info {
    width: 100%;
    position: relative;
    padding: 24px 0 30px;
}

.home_new_time p {
    font-size: 14px;
    line-height: 1.5;
    color: #999;
}

.home_new_titl p {
    font-size: 20px;
    line-height: 1.5;
    color: #333333;
    transition: all 0.36s;
    font-weight: bold;
    height: 4.5em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.home_new_time {
    margin-bottom: 10px;
}

.home_new_li,
.home_new_more,
.new_li,
.new_fenye {
    visibility: visible;
    animation-delay: 0s;
    animation-name: fadeInUp;
    animation-duration: 1.5s;
}

.home_new_ul .slick-dots li {
    width: 8px;
    height: 8px;
    background: rgba(184, 184, 184, 0.5);
    margin: 0 9px;
}

.home_new_ul .slick-dots li::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border: 1px solid #01274C;
    border-radius: 50%;
    transition: all 0.36s;
    opacity: 0;
}

.home_new_ul .slick-dots li.slick-active {
    background: #01274C;
}

.home_new_ul .slick-dots li.slick-active::after {
    opacity: 1;
}

.home_new_ul .slick-dots {
    bottom: -58px;
}


.home_new_img img {
    width: 100%;
    transition: all 0.6s;
}

.new_page .inban_img {
    height: 490px;
}

.new_page .inban_img img {
    width: 100%;
    object-fit: cover;
}

.new_cont {
    width: 100%;
    position: relative;
}

.new_cont_wrap {
    width: 100%;
    position: relative;
}

.new_cont_wrap .inp_nr:nth-child(1) h1::after {
    display: none;
}

.new_list {
    width: 100%;
    position: relative;
}

.new_link {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid rgba(51, 51, 51, 0.2);
    padding: 34px 0;
}

.new_link_le {
    width: 400px;
    position: relative;
    overflow: hidden;
}

.new_link_ri {
    width: calc(100% - 400px);
    padding-left: 67px;
    display: flex;
    flex-wrap: wrap;
}

.new_ri_tim {
    width: 160px;
    padding-right: 10px;
    margin-top: 2px;
}

.new_ri_info {
    width: calc(100% - 160px);
}

.new_ri_tim_tit p {
    font-size: 30px;
    font-weight: bold;
    color: #333;
    line-height: 1.5;
}

.new_ri_tim_year p {
    color: #999;
    line-height: 1.5;
    font-size: 16px;
}

.new_ri_tim_tit {
    margin-bottom: 2px;
}

.new_ri_tit p {
    font-size: 20px;
    line-height: 1.5;
    color: #333333;
    transition: all 0.36s;
    font-weight: bold;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.new_ri_subti p {
    font-size: 16px;
    line-height: 1.75;
    color: #999;
    overflow: hidden;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.new_ri_link p {
    font-size: 16px;
    line-height: 1.5;
    color: #AB0000;
}

.new_ri_tit {
    margin-bottom: 15px;
}

.new_ri_subti {
    margin-bottom: 22px;
}

.new_li.on .new_link_ri {
    width: 100%;
    padding-left: 0;
}

.new_li:last-child .new_link {
    border-bottom: 1px solid rgba(51, 51, 51, 0.2);
}

.pc_fenye {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    margin: 70px auto 90px;
    text-align: center;
}

.pc_fenye li {
    float: left;
    width: 40px;
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    border-radius: 50%;
    border: 1px solid transparent;
    color: #333333;
    text-align: center;
    margin: 0 5px 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.pc_fenye li img {
    margin-bottom: 3px;
}

.pc_fenye li .red {
    display: none;
}

.pc_fenye li.activepage {
    color: #fff;
    background: #01274C;
}

.lp {
    background: transparent !important;
}

.new_list .pc_fenye {
    margin-bottom: 0;
}

.detai_cont {
    width: 100%;
    position: relative;
}

.detai_content {
    width: 850px;
    margin: 0 auto;
}

.detai_cont {
    width: 100%;
    position: relative;
    background: #F4F5F7;
    padding: 60px 0;
}

.detai_tit h1 {
    font-size: 24px;
    line-height: 1.5;
    color: #01274C;
    font-weight: bold;
}

.detai_tab p {
    font-size: 16px;
    line-height: 1.75;
    color: #999;
}

.detai_tab {
    display: flex;
    justify-content: space-between;
}

.mod_bshare {
    position: relative;
    float: left;
}

.ys_sharebox {
    position: relative;
    z-index: 1;
    margin: 0 5px;
}

.ys_sharebox a {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    /* pointer-events: none; */
}

.detai_tab .detai_tab_detai_tab_shar .ys_sharebox a {
    opacity: 0 !important;
}

.detai_tab_tp4 {
    display: flex;
    align-items: center;
}

.detai_tab_shap {
    margin-right: 5px;
}

.detai_tit {
    margin-bottom: 18px;
}

.detai_tab_tp1 span {
    padding: 0 10px;
}

.detai_subst {
    width: 100%;
    position: relative;
    padding: 60px 0 80px;
    background: #fff;
}

.detai_sub_info p {
    font-size: 16px;
    line-height: 2;
    color: #666;
    margin-bottom: 20px;
}

.detai_sub_info img {
    border-radius: 10px;
}

.detai_sub_info {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.detai_sub_link a {
    font-size: 14px;
    line-height: 1.75;
    color: #666;
    transition: all 0.36s;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.detai_sub_link a span {
    font-weight: bold;
}

.detai_sub_qh {
    padding-top: 40px;
}

.detai_sub_link {
    margin-bottom: 16px;
}

.detai_sub_link:last-child {
    margin-bottom: 0;
}

.sj_fenye {
    display: none;
    position: relative;
    width: 100%;
    margin: 20px auto 0;
}

.sj_fenye .prev {
    line-height: 40px;
    font-size: 14px;
    color: #333;
    float: left;
}

.sj_fenye .next {
    line-height: 40px;
    font-size: 14px;
    color: #333;
    float: right;
}

.detai_sub_info img {
    width: 100%;
}

#bsWXBox::before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: -1;
}

.home_new_ul {
    display: flex;
    flex-wrap: wrap;
}

.home_new_li {
    margin-bottom: 30px;
}

@media screen and (min-width: 1200px) {
    .detai_sub_link a:hover {
        color: #01274C;
    }

    .pc_fenye li:hover {
        color: #fff;
        background: #01274C;
    }

    .new_link:hover .home_new_img img {
        transform: scale(1.1);
    }

    .new_link:hover .new_ri_tit p {
        color: #01274C;
    }

    .home_new_wrap:hover .home_new_img img {
        transform: scale(1.1);
    }

    .home_new_wrap:hover .home_new_titl p {
        color: #01274C;
    }

}

@media screen and (max-width: 1280px) {
    .home_new_li {
        padding: 0 10px;
    }

    .home_new_ul {
        margin: 0 -10px;
    }

    .home_new_ul .slick-dots {
        bottom: -34px;
    }

    .home_new_titl p {
        font-size: 18px;
    }


    .inp_nr:nth-child(1) h1 {
        font-size: 28px;
    }

    /* .inp_nr:nth-child(1) h1::after {
        bottom: -5px;
        width: 42px;
        height: 2px;
    } */

    .new_cont_wrap .inp_nr:nth-child(1) h1 {
        margin-bottom: 18px;
    }

    .new_link_le {
        width: 300px;
    }

    .new_link_ri {
        width: calc(100% - 300px);
        padding-left: 36px;
    }

    .new_ri_tim_tit p {
        font-size: 24px;
    }

    .new_ri_tim {
        width: 110px;
    }

    .new_ri_info {
        width: calc(100% - 110px);
    }

    .new_ri_tit p {
        font-size: 18px;
    }

    .new_ri_tit {
        margin-bottom: 10px;
    }

    .new_ri_subti {
        margin-bottom: 16px;
    }

    .new_list .pc_fenye {
        margin-bottom: 30px;
    }

    .detai_tit h1 {
        font-size: 20px;
    }

    .detai_tab p {
        font-size: 14px;
    }

    .detai_cont {
        padding: 50px 0;
    }

    .detai_subst {
        padding: 50px 0 60px;
    }

    .detai_sub_info {
        padding-bottom: 3px;
    }

    .detai_sub_qh {
        padding-top: 28px;
    }

    .detai_sub_link {
        margin-bottom: 8px;
    }

}

@media screen and (max-width: 1199px) {
    .pc_fenye {
        display: none;
    }

    .sj_fenye {
        display: block;
    }

    .new_page .inban_img {
        height: 400px;
    }
}


@media screen and (max-width: 950px) {

    .new_link_ri {
        width: 100%;
        padding-left: 0;
        margin-top: 15px;
    }

    .new_ri_tim {
        width: 100%;
        padding-right: 0;
        margin-bottom: 15px;
    }

    .new_ri_info {
        width: 100%;
    }

    .new_li.on .new_link_ri {
        margin-top: 0;
    }

    .detai_content {
        width: 750px;
        padding-left: 15px;
        padding-right: 15px;
        max-width: 100%;
    }

    .detai_sub_info p {
        font-size: 14px;
        line-height: 1.75;
        margin-bottom: 12px;
    }

    .home_new_li {
        width: 50%;
        margin-bottom: 30px;
    }

}


@media screen and (max-width: 480px) {
    .home_new_more p {
        font-size: 16px;
        padding-right: 8px;
    }

    .inp_nr:nth-child(1) h1 {
        font-size: 24px;
    }

    .home_new_titl p {
        font-size: 16px;
    }

    .home_new_ul .slick-dots li {
        width: 6px;
        height: 6px;
        margin: 0 7px;
    }

    .home_new_ul .slick-dots li::after {
        width: 16px;
        height: 16px;
    }


    .new_link_le {
        width: 100%;
    }

    .new_ri_tim_tit p {
        font-size: 18px;
    }

    .new_ri_tim_year p {
        font-size: 14px;
    }

    .new_link {
        padding: 25px 0;
    }

    .new_ri_tim {
        margin-bottom: 9px;
    }

    .new_ri_subti p {
        font-size: 14px;
    }

    .new_ri_tit p {
        font-size: 16px;
    }

    .new_ri_link p {
        font-size: 14px;
    }

    .new_ri_tit {
        margin-bottom: 5px;
    }

    .new_ri_subti {
        margin-bottom: 10px;
    }

    .detai_tit h1 {
        font-size: 18px;
    }

    .detai_cont {
        padding: 34px 0;
    }

    .detai_tab_tp1,
    .detai_tab_tp2,
    .detai_tab_tp3,
    .detai_tab_tp4 {
        width: 100%;
        margin-bottom: 5px;
    }

    .detai_tab {
        flex-wrap: wrap;
    }

    .detai_subst {
        padding: 36px 0 40px;
    }

    .detai_sub_qh {
        padding-top: 16px;
    }

    .new_page .inban_img {
        height: 300px;
    }

    .home_new_li {
        width: 100%;
        margin-bottom: 30px;
    }
}

/* 2022.11.08 新增 end */

