*{margin: 0;padding: 0;font-family: Arial, Helvetica, sans-serif;}
ul, li, p, a, div, h1, h2, h3, h4, h5, h6, span{padding: 0;margin: 0;}
li{list-style: none;}

td, tr{
border: 1px solid #b3b3b3!important;
}

.navhead{
    height: 100px;
    position: relative;
    overflow: hidden;
}

.navhead .logo{
    /* padding-top: 22.5px; */
    display: table;
    float: left;
    height: 100%;
}

.navhead .logo .cell{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.navhead .logo img{
    width: 100%;
}

.navhead .navlist{
    float: right;
}

.navli, .navli > a{
    height: 100px;
    line-height: 100px;
}

.menu1{
    position: relative;
}

.menu2::before{
    content: '';
    position: absolute;
    left: 50%;
    bottom: 17px;
    width: 80px;
    height: 2px;
    background: #14489e;
    transform: translateX(-50%);
    opacity: 0;
}

.navli > a:hover::before{
    opacity: 1;    
}

.fright{
    float:right;
}

.fleft{
    float:left;
}

.secbar{
    position: fixed;
    top: 100px;
    left: 0;
    background-color: #f7f7f7;
    z-index: 999;
    padding-top: 59px;
    padding-bottom: 44px;
    width: 100%;
    display: none;
}

.secbar a{
    display: inline-block;
}

.secnav{
    width: 20%;
    float: left;
    text-align: center;
}

.secTitle{
    font-size: 16px;
    font-weight: bold;
    color: #111;
    line-height: 1;
    margin-bottom: 6px;
}

.clear{
    height: 0;
    display: block;
    clear: both;
}

.thrnav > a{
    line-height: 30px;
    font-size: 14px;
}

.sec_sel{
    display: none;
}

.sec_selon{
    display: block;
}

.letters{
    width: 100%;
    padding-top: 65px;
    padding-bottom: 80px;
}

.letters_title_f1{
    font-size: 22px;
    color: #333333;
    font-weight: bold;
    line-height: 38px;
    margin-left: -30px;
    opacity: 0;
    animation: animate1 0.5s linear forwards;
   -moz-animation: animate1 0.5s linear forwards;    /* Firefox */
   -webkit-animation: animate1 0.5s linear forwards;    /* Safari 和 Chrome */
   -o-animation: animate1 0.5s linear forwards;    /* Opera */
}

@keyframes animate1
{
   from{margin-left: -30px;opacity: 0;}
   to{margin-left: 0px;opacity: 1;}
}

@-moz-keyframes animate1 /* Firefox */
{
   from{margin-left: -30px;opacity: 0;}
   to{margin-left: 0px;opacity: 1;}
}

@-webkit-keyframes animate1 /* Safari 和 Chrome */
{
   from{margin-left: -30px;opacity: 0;}
   to{margin-left: 0px;opacity: 1;}
}

@-o-keyframes animate1 /* Opera */
{
   from{margin-left: -30px;opacity: 0;}
   to{margin-left: 0px;opacity: 1;}
}

.letters_title_f1 span{
    width: 36px;
    height: 2px;
    background-color: #333333;
    display: inline-block;
    vertical-align: middle;
    margin-right: 22px;
}

.letters_title_f2{
    line-height: 24px;
    font-size: 16px;
    color: #333333;
    padding-left: 38px;
    opacity: 0;
    animation: animate1 0.5s linear forwards;
   -moz-animation: animate1 0.5s linear forwards;    /* Firefox */
   -webkit-animation: animate1 0.5s linear forwards;    /* Safari 和 Chrome */
   -o-animation: animate1 0.5s linear forwards;    /* Opera */
}

@keyframes animate2
{
   from{margin-left: 38pxx;opacity: 0;}
   to{margin-left: 58px;opacity: 1;}
}

@-moz-keyframes animate2 /* Firefox */
{
   from{margin-left: 38pxx;opacity: 0;}
   to{margin-left: 58px;opacity: 1;}
}

@-webkit-keyframes animate2 /* Safari 和 Chrome */
{
   from{margin-left: 38pxx;opacity: 0;}
   to{margin-left: 58px;opacity: 1;}
}

@-o-keyframes animate2 /* Opera */
{
   from{margin-left: 38pxx;opacity: 0;}
   to{margin-left: 58px;opacity: 1;}
}

.letters_more a{
    font-size: 12px;
    color: #888888;
    text-transform: uppercase;
    line-height: 24px;
}

.letters_more span{
    width: 40px;
    height: 1px;
    background-color: #888888;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    float: right;
    margin-top: 12px;
}

.letters_tr{
    padding-top: 65px;
    overflow: hidden;
}

.letterson{
    color: #333!important;
    border-left: 2px solid #333333!important;
    transition: border-left 1s linear;
}

.letters_tb1 li{
    font-size: 16px;
    color: #888888;
    border-left: 2px solid #ffffff;
    line-height: 1;
    margin-bottom: 30px;
    cursor: pointer;
    padding-left: 18px;
}

.letters_content1{
    overflow: hidden;
    position: relative;
}

.letters_bg1 img{
    width: 100%;
    /* min-height:410px; */
}

.letters_tit{
    position: absolute;
    font-size: 18px;
    color: #fe8700;
    bottom: 56px;
    left: 30px;
    font-weight: bold;
    z-index: 10;
}

.letters_time{
    position: absolute;
    font-size: 12px;
    color: #000000;
    bottom: 30px;
    left: 30px;
    z-index: 10;
    font-weight: bold;
}

.letters_mess{
    padding: 45px 54px 39px;
    background-color: #ffffff;
    position: absolute;
    top: 79px;
    right: 0;
    width: 410px;
}

.letters_summery{
    font-size: 18px;
    line-height: 1;
    padding-bottom: 20px;
}

.letters_line{
    margin-bottom: 17px;
}

.letters_intro{
    line-height: 20px;
    font-size: 12px;
    color: #666666;
    padding-bottom: 13px;
}

.letters_details{
    font-size: 12px;
    color: #666666;
    line-height: 22px;
}

.letters_tb3{
    height: 100%;
}

.letters_tb3_box{
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.letters_tb3 ul{
    height: 100%;
    position: relative;
}

.letters_tb3 li{
    position: relative;
    height: 100%;
    float: left;
}

.letters_sec_tit{
    width: 15px;
    position: absolute;
    right: 20px;
    z-index: 10;
}

.letters_sec_tit a{
    color: #1866e7;
    font-size: 22px;
}

.letters_sec_time{
    position: absolute;
    color: #333333;
    font-size: 12px;
    z-index: 10;
    transform: rotate(90deg);
    right: 30px;
    top: 154px;
}

.letters_sec_bg{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.letters_sec_bg img{
    width: 100%;
    display: block;
}

.letters_sec_btn{
    position: absolute;
    bottom: 0;
    left: -44px;
    z-index: 99;
    background-color: #ffffff;
}

.letters_min_btn{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 99;
    background-color: #ffffff;
}

.letters_sec_line{
    width: 2px;
    height: 14px;
    background-color: #888888;
    //margin-top: 18px;
    margin-top:0;
    display: inline-block;
}

.letters_min_line{
    width: 2px;
    height: 14px;
    background-color: #888888;
    margin-top: 18px;
    display: inline-block;
}

.button-next, .button-prev{
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    color: #333333;
    cursor: pointer;
    font-weight: bold;
}

.button-min-next, .button-min-prev{
    width: 79px;
    height: 80px;
    display: inline-block;
    text-align: center;
    line-height: 80px;
    font-size: 16px;
    color: #333333;
    cursor: pointer;
    font-weight: bold;
}

.button-prev, .button-min-prev{
    color:#999999;
}

.intro{
    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
}

.intro_m{
    overflow: hidden;
}

.intro_tit{
    color: #1866e7;
    font-size: 22px;
    line-height: 1;
}

.intro_sub{
    font-size: 16px;
    color: #333333;
    line-height: 38px;
}

.intro_p1{
    font-size: 18px;
    color: #333333;
    line-height: 40px;
}

.intro_p2{
    font-size: 12px;
    color: #666666;
    line-height: 30px;
}

.intro_numb{
    height: 100%;
    padding-top: 30px;
}

.intro_numb li{
    float: left;
    color: #333333;
    margin-bottom: 77px;
    padding-top: 10px;
    text-align: center;
    position: relative;
    margin-right: 0;
}

.intro_count{
    line-height: 44px;
}

.intro_count span{
    font-size: 14px;
    vertical-align: baseline;
    padding-left: 5px;
}

.intro_w{
    font-size: 14px;
}

.service{
    width: 100%;
    padding-top: 81px;
    overflow: hidden;
}

.service_tit{
    font-size: 22px;
    color: #333333;
    line-height: 1;
    text-indent: 0;
    padding-bottom:0;
}

.service_mess li{
    width: 46%;
    padding-left: 3%;
    padding-right: 0;
    padding-bottom: 50px;
    padding-top: 0;
    float: left;
    background-color: #ffffff;
}

.service_sub{
    padding-left: 14px;
    border-left: 2px solid #1866e7;
    font-size: 16px;
    color: #1866e7;
    line-height: 1;
    margin-bottom: 12px;
}

.service_w{
    line-height: 20px;
    font-size: 12px;
    color: #666666;
    padding-left: 0;
}

.news{
    width: 100%;
    padding-top: 81px;
    background-color: #fafafa;
    overflow: hidden;
    padding-bottom: 50px;
}

.newsbar_t{
    padding-bottom: 32px;
    overflow: hidden;
}

.news_tit{
    font-size: 22px;
    color: #333333;
    line-height: 1;
}

.news_sub{
    font-size: 16px;
    color: #333333;
    line-height: 46px;
}

.newslink{
    padding: 0;
}

.newslink li{
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 21px;
    font-size: 14px;
    color: #454545;
}

.newslink li .newslink_icon{
    position: absolute;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    opacity: 0;
}
.newslink_on .newslink_icon{
    opacity: 1!important;
}

.newslink a{
    float: right;
}

.newsList_grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 18px;
    grid-column-gap: 48px;
}

.newsList_fr{
    border-top: 2px solid #b3b3b3;
}

.newsList_bg{
    width: 100%;
    overflow: hidden;
    margin: 15px 0 19px;
}

.newsList_bg img{
    width: 100%;
    display: inline-block;
}

.newsList_tit{
    color: #454545;
    font-size: 16px;
    line-height: 1;
    padding-bottom: 18px;
}

.newsList_w{
    font-size: 12px;
    line-height: 26px;
    color: #666666;
    padding-bottom: 17px;
}

.newsList_fr a{
    display: block;
    font-size: 12px;
    color: #333333;
    text-transform: uppercase;
    float: left;
}

.newsList_time{
    float: right;
    font-size: 12px;
    color: #333333;
}

.partner{
    width: 100%;
    padding-top: 60px;
    padding-bottom: 110px;
    overflow: hidden;
}

.partner_tit{
    font-size: 22px;
    color: #333333;
    line-height: 1;
    padding-bottom: 32px;
}

.partner_sub{
    font-size: 12px;
    color: #333333;
    line-height: 34px;
    padding-bottom: 43px;
}

.partner-prev, .partner-next{
    width: 40px;
    height: 40px;
    background-color: #fafafa;
    font-size: 18px;
    color: #333333;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
}

.partner_list, .partner_min_list{
    overflow: hidden;
}

.partner_min_list{
    width: 100%;
}

.partner_list li{
    float: left;
    width: 159px;
    height: 94px;
    overflow: hidden;
    margin-right: 65px;
    margin-bottom: 10px;
}

.partner_min_list li{
    float: left;
    width: 25%;
    padding: 6px 2%;
}

.partner_list li a, .partner_min_list li a{
    display: inline-block;
}

.partner_list li a img, .partner_min_list li a img{
    width: 100%;
    display: inline-block;
}

.espcms_footer{overflow: hidden;}

.espcms_footer, .espcms_footer a{
    color: #e5e5e5;
}

.footer_f{
    display: flex;
    justify-content: space-between;
    padding-top: 43px;
    padding-bottom: 38px;
    overflow: hidden;
}

.contact_tit{
    font-size: 18px;
    line-height: 50px;
}

.contact_tit span{
    font-size: 14px;
    color: #4c4c4c;
    padding-left: 16px;
}

.contact_link{
    width: 360px;
    height: 1px;
    background-color: #4c4c4c;
}

.contact_sub{
    line-height: 30px;
    font-size: 12px;
}
.navigation{
    float: none;
}

.navigation_link{
    width: 180px;
    height: 1px;
    background-color: #4c4c4c;
}

.navigation_sub{
    width: 180px;
}

.navigation_sub li{
    width: 50%;
    float: left;
}

.navigation_sub li a{
    line-height: 35px;
    font-size: 14px;
}

.qrcode{
    float: none;
}

.qrcode .contact_tit, .qrcode .navigation_link{display: block;}

.qrcode_bg{
    width: 133px;
    height: 133px;
    margin: 20px 0 0 0;
    overflow: hidden;
}

.qrcode_bg img{
    width: 100%;
    display: block;
}

.qrcode_w{
    font-size: 14px;
    line-height: 56px;
}

.espcms_footer_str{
    width: 100%;
    overflow: hidden;
    background-color: #000000;
}

.espcms_footer_str, .espcms_footer_str a{
    font-size: 12px;
    color: #cccccc;
}

.footer_str_link span{
    display: inline-block;
    padding: 0 12px;
}

.page_bann{
    width: 100%;
}

.page_bann img{
    width: 100%;
    display:block;
}

.page_nav_link{
    line-height: 40px;
    width: 100%;
    background-color: #f7f7f7;
}

.art-list p, .art-list > a{
    line-height: 45px;
    padding-left: 20px;
    font-size: 18px;
    border-bottom: 1px solid #cccccc;
    display: inline-block;
    width: 100%;
}

.art-list p{
    background-color: #fdfdfd;
}

.art_tit p{
    font-size: 22px;
    color: #ffffff;
    display: block;
}

.src_group{
    line-height: 35px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #f0f0f0;
    padding-left: 40px;
}

.src_group a{
    font-size: 14px;
}

.arrow{
    display: block;
    float: right;
    margin-right: 20px;
    margin-top: 14px;
}

.arrow_l, .arrow_h{
    display: block;
    float: right;
    margin-right: 20px;
    margin-top: 14px;
}

.arrow_h{
    display: none;
}

.art-list > a:hover > .arrow_h{
    display: block;
}

.art-list > a:hover > .arrow_l{
    display: none;
}

.news-list p, .news-list a{
    line-height: 45px;
}

.news-list a{
    color: #666666;
}

.news_info_list{
    padding-top: 10px;
}

.news_list_item .link_4242_der{
    width: 100%;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6;
    box-shadow: 0 0 0 rgba(255,255,255,1);
    transition: all 0.3s linear;
    padding: 30px 30px 25px;
}

.news_list_item .link_4242_der:hover{
    box-shadow: 5px 5px 15px rgba(0,0,0,0.1);
}

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

.news_item_tit{
    font-size: 18px;
    color: #666666;
    line-height: 1;
    transition: color 0.3s linear;
}

.news_item_mobile .news_item_tit{
    font-size: 14px;
}

.news_list_item .link_4242_der:hover .news_item_tit{
    color: #3575e9;
}

.news_item_time{
    line-height: 45px;
    font-size: 12px;
    color: #666666;
}

.news_item_mobile .news_item_time{
    line-height: 26px;
    font-size: 12px;
}

.news_item_summary{
    line-height: 30px;
    font-size: 14px;
    color: #666666;
}

.news_item_mobile .news_item_summary{
    font-size: 12px;
    line-height: 26px;
}

.news_item_pic{
    height: 100%;
    overflow: hidden;
}

.news_item_pic img{
    width: 100%;
    max-height: 123px;
    display: block;
}

.news-list-n{
    display: inline-block;
    width: 32px;
}

.news_page_book{
    padding-top: 40px;
}

.info_time{
    font-size: 14px;
    color: #333333;
    display: inline-block;
    line-height: 40px;
}

.page_information_link{
    text-align: center;
}

.information-list-group{
    font-size: 0;
}

.information-list{
    display: inline-block;
    background: none;
    padding: 0 50px;
    line-height: 60px;
}

.information-list a, .information-list p{
    font-size: 18px;
    color: #666666;
}

.information_active, .information-list:hover{
    background: #1866e7;
}

.information_active p, .information-list:hover > a{
    color: #ffffff;
}

.information_list_item{
    background-color: #fafafa;
    margin-bottom: 30px!important;
}

.information_list_item .link_4242_der{
    border-bottom: none;
}

.handpick{
    margin-top: 130px;
    display: block;
}

.handpick, .handpick a{
    color: #ffffff;
}

.handpick_bg{
    width: 1140px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 20px;
}

.handpick_tp{
    width: 350px;
    height: 250px;
    position: absolute;
    left: 100px;
    top: -60px;
    z-index: 10;
    overflow: hidden;
}

.handpick_tp img{
    width: 100%;
    display: block;
}

.handpick_tit{
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    padding-top: 30px;
}

.handpick_line{
    padding: 20px 0 12px;
}

.handpick_sub{
    font-size: 14px;
    line-height: 30px;
    padding-bottom: 16px;
    letter-spacing: 3px;
    padding-left: 0;
}

.handpick_link{
    font-size: 12px;
    line-height: 28px;
}

.information_page_book{
    padding-top: 62px;
}

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

.about_bg{
    width: 464px;
    height: 404px;
    display: block;
    overflow: hidden;
}

.about_bg img{
    width: 100%;
    display: block;
}

.about_content{
    position: absolute;
    top: 60px;
    left: 398px;
    background-color: #ffffff;
    padding: 40px 40px 21px;
}

.about_tit{
    font-size: 18px;
    color: #1866e7;
    line-height: 1;
}

.about_line{
    padding-top: 20px;
    padding-bottom: 12px;
}

.about_p{
    font-size: 14px;
    color: #787878;
    line-height: 28px;
}

.about_mission{
    width: 100%;
    padding: 78px 0 66px 78px;
    background-color: #fafafa;
    margin-top: 80px;
    color: #333333;
    overflow: hidden;
}

.about_mission_l{
    font-size: 30px;
    line-height: 1;
}

.about_mission_r{
    position: relative;
}

.about_mission_line{
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 180px;
    background-color: #808080;
    display: block;
}

.about_mission_table{
    display: table;
    height: 100%;
    padding-left: 50px;
}

.about_mission_cell{
    display: table-cell;
    vertical-align:middle;
    text-align:left;
}

.about_mission_cell p{
    font-size: 18px;
    line-height: 42px;
}

.about_culture{
    padding-top: 72px;
    width: 100%;
    overflow: hidden;
}

.about_culture_tit{
    font-size: 30px;
    color: #333333;
    font-weight: normal;
    padding-bottom: 0;
}

.about_culture_pic{
    font-size: 0;
}

.about_culture_pic_img{
    width: 46px;
    display: inline-block;
    position: relative;
    z-index: 10;
}

.about_culture_pic_img img{
    width: 100%;
    display: inline-block;
}

.about_culture_pic_line{
    width: 316px;
    height: 5px;
    background-color: #1866e7;
    position: relative;
    z-index: 1;
    display: inline-block;
}

.about_culture_box{
    overflow: hidden;
    padding: 0;
    margin-bottom: 32px;
}

.about_culture_p1{
    width: 43%;
}

.about_culture_p2{
    width: 54%;
}

.about_culture_t{
    font-size: 22px;
    color: #333333;
    font-weight: bold;
    line-height: 50px;
}

.about_culture_w{
    font-size: 18px;
    color: #787878;
    line-height: 32px;
}

.about_area_tit{
    font-size: 22px;
    color: #333333;
    line-height: 60px;
    font-weight: bold;
}

.about_area_p{
    padding: 0 80px;
}

.about_area_p1 .about_area_tit{
    color: #1866e7;
}

.about_area_tip{
    width: 90px;
}

.about_area_w{
    width: 245px;
    word-break: break-all;
}

.about_area_tip, .about_area_w{
    font-size: 18px;
    color: #787878;
    line-height: 38px;
    display: inline-block;
    vertical-align: top;
}

.mobileNavBtn{
    width: 24px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    z-index: 1;
}

.mobileNavBtn img{
    width: 100%;
    display: block;
}

.mobileNav_bg{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 100;
    display: none;
}

.mobileNav{
    position: fixed;
    top: 0;
    left: -220px;
    width: 220px;
    height: 100%;
    background-color: #ffffff;
    transition: left 0.3s linear;
    z-index: 999;
}

.mobileNav_on{
    left: 0;
}

.mobileNavT{
    padding-top: 60px;
    padding-left: 30px;
    padding-bottom: 12px;
    background-color: #037ff1;
}

.mobile_logo{
    width: 92px;
    height: 27px;
    overflow: hidden;
}

.mobile_logo img{
    width: 100%;
    display: block;
}

.mobile_dropdown a{
    line-height: 36px;
    font-size: 14px;
}

.headNav{
    display: inline-block;
    width: 14px;
    margin-left: 14px;
    vertical-align: middle;
}

.headNav img{
    width: 100%;
    display: block;
}

.headNav{
    opacity: 0;
}

.mobileNav_l .active{
    background-color: #f2f9ff;
}

.mobileNav_l a{
    color: #333;
}

/* .mobileNav_l .active .headNav{
    opacity: 1;
} */

.mobileSecNav{
    display: none;
    background-color: #fafafa;
}

.mobileNav_l .open .mobileSecNav{
    display: block;
}

.mobileSecNav li a{
    font-size: 12px;
    padding-left: 36px;
    line-height: 32px;
}

.dropdown-backdrop{
    display: none;
}

.contentTitle{
    font-size: 20px;
    padding-left: 20px;
    line-height: 45px;
}

.breadcrumb, .breadcrumb a{
    font-size: 14px;
}

.news_box{
    background-color: #ffffff;
    text-align: initial;
    padding-left: 0;
    padding-right: 0;
}

.news_box .espcms_page_navigation{
    font-size: initial;
}

.news_box p, .news_box a{
    font-size: 14px;
}

#container {
    width: 1170px;
    height: 400px;
  }

  .letters_tb1, .letters_tb2, .intro_limited, .service_tit, .partner_b{
      float: left;
  }

  .letters_tb3, .intro_numb, .service_mess, .partner_list{
      float: right;
  }

  .letters_tb2, .letters_tb3{
      position: relative;
  }

  .intro_limited{
      width: auto;
  }

  .espcms_info_content{overflow: hidden;word-break: break-all;}
  .espcms_info_content p, .espcms_info_content a, .espcms_info_content span, .espcms_info_content h1,
  .espcms_info_content h2, .espcms_info_content h3, .espcms_info_content h4, .espcms_info_content h5,
  .espcms_info_content h6, .espcms_info_content textarea{
    white-space:pre-wrap!important;
  }

@media (min-width: 1200px) {
    .letters > .container, .intro > .container, .service > .container, .news > .container, .partner > .container, .container-fluid > .container,
    .page_nav_link > .container{width: 1200px;padding-left: 0;padding-right: 0;}
    .navli{padding:0 43px;}
    .onlyMobile{display: none!important;}
    .letters_tb1{width: 165px;}
    .letters_tb2{width: 500px;}
    .letters_tb3{width: 200px;}
    .letters_bg1 {width: 100%;height: 500px;overflow: hidden;}
    .letters_bg1 img{height: 500px;}
    .letters_mess{width: 400px;right: -280px;}
    .intro{padding-bottom: 0;}
    .intro_numb{width: 396px;}
    .intro_numb li{width: 145px;padding-left: 9px;font-size: 40px;margin-left: 52px;}
    .intro_numb li::after{
        content: '';
        width: 3px;
        height: 100%;
        position: absolute;
        top: 0;
        left: -20px;
        background-color: #fe8700;
    }
    .service_mess{width: 820px;}
    .service_mess li {
        width: 410px;
        padding-left: 50px;
        padding-bottom: 50px;
    }
    .partner_b{width: 310px;}
    .partner_list{width: 820px;}
    .partner_list li{margin-right:62px;}
    .about_area_p{padding: 0 80px 0 0;}
    .about_area_w{width: 390px;}
    .news-list-n{width: 40px;}
    .article_list > ul > li{padding: 20px 5px;border-bottom: 1px solid #ccc;}
    .article_list .link_4242_der {font-size: 18px;}
    .article_list .badge{line-height: inherit;font-size: 14px;padding:0;}
}
@media (min-width: 992px) and (max-width: 1199px){
    .navli{padding:0 25px;}
    .letters{padding-top: 34px;}
    .onlyMobile{display: none;}
    .partner{padding-bottom: 60px;}
    .partner_list li{float: left;width: 121px;height: 72px;overflow: hidden;margin-right: 30px;margin-bottom: 10px;}
    .about_culture_pic_line{width: 254px;}
    .handpick_bg{width: 970px;}
    #container {width: 970px;height: 360px;}
    .letters > .container, .intro > .container, .service > .container, .news > .container, .partner > .container, .container-fluid > .container,
    .page_nav_link > .container{width: 970px;padding-left: 0;padding-right: 0;}
    .onlyMobile{display: none!important;}
    .letters_tb1{width: 165px;}
    .letters_tb2{width: 430px;}
    .letters_tb3{width: 200px;}
    .letters_bg1 {width: 100%;height: 430px;overflow: hidden;}
    .letters_bg1 img{height: 430px;}
    .letters_mess{width: 330px;right: -120px;padding: 34px 30px 29px;}
    .intro_limited{width:500px;}
    .intro{padding-bottom: 0;}
    .intro_numb{width: 400px;}
    .intro_numb li{width: 140px;padding-left: 9px;font-size: 40px;margin-left: 50px;}
    .intro_numb li::after{
        content: '';
        width: 3px;
        height: 100%;
        position: absolute;
        top: 0;
        left: -20px;
        background-color: #fe8700;
    }
    .service_mess{width: 820px;}
    .service_mess li {
        width: 410px;
        padding-left: 50px;
        padding-bottom: 50px;
    }
    .partner_b{width: 280px;}
    .partner_list{width: 680px;}
    .partner_list li{margin-right:62px;}
    .about_area_p{padding: 0 80px 0 0;}
    .about_area_w{width: 340px;}
    .news-list-n{width: 40px;}
}
@media (min-width: 768px) and (max-width: 991px){
    .navli{padding:0 10px;}
    .onlyMobile{display: none!important;}
    .letters{padding-top: 30px;padding-bottom: 30px;}
    .letters_mess {padding: 15px 20px 5px;top: 79px;width: 350px;top: 42px;}
    .letters_tit {font-size: 16px;bottom: 30px;}
    .letters_time {bottom: 8px;}
    .letters_sec_tit a{font-size: 18px;line-height: 20px;}
    .letters_sec_time {right: 24px;top: 135px;}
    .partne{padding-bottom: 60px;}
    .partner_list li {width: 116px;height: 69px;margin-right: 20px;}
    .about_content {position: absolute;top: 46px;left: 230px;background-color: #ffffff;padding: 22px 24px 14px;}
    .about_mission {padding: 28px 0 30px 10px;margin-top: 40px;}
    .about_mission_l {font-size: 22px;}
    .about_mission_cell p {font-size: 14px;}
    .about_mission_line {height: 130px;}
    .about_culture {padding-top: 40px;}
    .about_culture_tit {font-size: 22px;}
    .about_culture_pic_img {width: 36px;}
    .about_culture_pic_line {width: 192px;}
    .about_culture_w {font-size: 14px;line-height: 26px;}
    .about_culture_box {margin-bottom: 16px;}
    .about_area{overflow: hidden;}
    .about_area_p {padding: 0 40px;}
    .about_area_tit {font-size: 18px;line-height: 30px;}
    .about_area_tip, .about_area_w {font-size: 14px;line-height: 26px;}
    .contact_link{width: 270px;}
    .espcms_footer{overflow: hidden;}
    .handpick{margin-top: 80px;}
    .handpick_bg{width: 750px;}
    .handpick_tp {width: 290px;height: 207px;left: 44px;top: -60px;}
    .handpick_sub {line-height: 22px;}
    .information_page_book {padding-top: 20px;}
    #container {width: 750px;height: 230px;}
    .letters_tb1{width: 100px;}
    .letters_tb2{width: 350px;}
    .letters_tb3{width: 150px;}
    .letters_bg1 {width: 100%;height: 350px;overflow: hidden;}
    .letters_bg1 img{height: 350px;}
    .letters_mess{width: 250px;right: -70px;}
    .intro{padding-bottom: 0;}
    .intro_limited {width: 320px;}
    .intro_numb{width: 360px;}
    .intro_numb li{width: 145px;padding-left: 9px;font-size: 40px;margin-left: 30px;}
    .intro_numb li::after{
        content: '';
        width: 3px;
        height: 100%;
        position: absolute;
        top: 0;
        left: -20px;
        background-color: #fe8700;
    }
    .service_tit{padding-bottom:20px;}
    .service_mess{width: 748px;}
    .service_mess li {
        width: 345px;
        padding-left: 30px;
        padding-bottom: 35px;
    }
    .partner_b{width: 150px;}
    .partner_list{width: 550px;}
    .partner_list li{margin-right:28px;}
}
@media (max-width: 767px){
    .onlyPc{display: none!important;}
    .navhead{height: 66px;}
    .navli, .navli > a {height: 66px;line-height: 66px;}
    .navlist{display: none;}
    .letters{padding-top: 26px;padding-bottom: 20px;}
    .letters_title_f1{font-size: 14px;line-height: 1;}
    .letters_title_f1 span{width: 22px;margin-right: 10px;display:none;}
    .letters_title_f2{line-height: 16px;font-size: 12px;padding-left: 0;white-space: pre;}
    .letters_more, .letters_content1, .intro_numb{padding: 0;}
    .letters_tb1 li{font-size: 12px;padding-left: 5px;float: left;margin-bottom: 0;}
    .letters_more a{line-height: 12px;margin-left: 7px;float: right;}
    .letters_mess{padding: 19px 10px 5px 20px;top: 25px;width: 260px;}
    .letters_summery{padding-bottom: 10px;}
    .letters_line {margin-bottom: 8px;}
    .letters_intro {padding-bottom: 6px;}
    .letters_tit {font-size: 14px;bottom: 24px;left: 16px;}
    .letters_time {bottom: 4px;left: 16px;}
    .letters_tr{padding-top: 20px;}
    .button-min-next, .button-min-prev {width: 49px;height: 50px;line-height: 50px;}
    .letters_min_line{margin-top: 16px;}
    .intro{padding-top: 20px;padding-bottom: 0;}
    .intro_tit {font-size: 18px;}
    .intro_sub {font-size: 14px;line-height: 32px;}
    .intro_p1 {font-size: 14px;line-height: 24px;}
    .intro_p2 {line-height: 22px;}
    .intro_numb{margin-top: 15px;}
    .service {padding-top: 21px;}
    .service .container{padding: 0;}
    .service_tit{font-size: 18px;text-indent: 15px;}
    .service_mess{margin-top: 10px;padding: 0;}
    .service_mess li{width: 100%;padding-left: 15px;padding-right: 15px;padding-bottom:4px;padding-top: 15px;}
    .service_mess li:nth-of-type(2n){background-color:#fafafa}
    .service_mess li:last-child{background-color:#ffffff}
    .service_sub {padding-left: 14px;font-size: 16px;margin-bottom: 10px;}
    .service_w {line-height: 20px;font-size: 12px;padding-left: 16px;}
    .news{padding-top: 20px;padding-bottom: 15px;}
    .newsbar_t {padding-bottom: 10px;}
    .news_tit {font-size: 18px;}
    .news_sub {font-size: 14px;line-height: 30px;}
    .newslink li {padding-right: 6px;font-size: 12px;}
    .newsList_grid {grid-template-columns: 1fr 1fr;grid-column-gap: 22px;grid-row-gap: 10px;}
    .newsList_bg {margin: 15px 0 10px;}
    .newsList_tit {font-size: 13px;line-height: 18px;padding-bottom: 0px;}
    .newsList_w {font-size: 12px;line-height: 19px;padding-bottom: 0px;}
    .partner{padding-top: 20px;padding-bottom: 16px;}
    .partner_b{padding: 0;}
    .partner_tit{font-size: 18px;padding-bottom: 4px;}
    .container-fluid{padding: 0;}
    .footer_f {display: block;justify-content: normal;padding-top: 10px;padding-bottom: 0px;}
    .contact_tit {font-size: 14px;line-height: 40px;}
    .contact_tit span {font-size: 12px;padding-left: 16px;}
    .contact_link {width: 180px;}
    .contact_sub {line-height: 26px;}
    .navigation_sub li {width: 42%;}
    .navigation_sub li a {line-height: 30px;font-size: 12px;}
    .navigation_link{width: 150px;}
    .navigation{float: left;}
    .qrcode{float: right;}
    .qrcode .contact_tit, .qrcode .navigation_link{display: none;}
    .qrcode_bg{width: 100px;height: 100%;margin: 20px auto 0;}
    .qrcode_w{font-size: 12px;clear: both;}
    .fleft, .fright{float: none;}
    a:hover, a:focus {color: #333333;}
    .espcms_path li{display: inline-block;}
    .page_nav_link{line-height: 12px;}
    .espcms_page_book{overflow: hidden;padding-top: 10px;padding-bottom: 0;}
    .art-list p, .art-list > a{font-size: 14px;}
    .src_group a{font-size: 12px;}
    .espcms_info_list{padding-top: 0;}
    .btn{font-size: 12px;padding: 6px 8px;}
    .art_tit{display: none;}
    .breadcrumb, .breadcrumb a{font-size: 12px;}
    .about_bg{display: none;}
    .about_content{position: initial;padding: 40px 40px 21px 14px;}
    .about_mission{padding: 10px 0 0 0;margin-top: 0;}
    .about_mission_l {font-size: 20px;line-height: 30px;}
    .about_mission_cell p {font-size: 14px;line-height: 32px;}
    .about_culture .container{padding-left: 0;padding-right: 0;}
    .about_mission_line{display: none;}
    .about_mission_table{padding-left: 0;}
    .about_culture{padding-top: 20px;}
    .about_culture_tit{font-size: 20px;font-weight: bold;padding-bottom: 10px;}
    .about_culture_pic_img{width: 30px;}
    .about_culture_pic_line{width: 120px;}
    .about_culture_list{float: left;}
    .about_culture_t {font-size: 14px;line-height: 34px;}
    .about_culture_w {font-size: 12px;line-height: 26px;}
    .about_culture_box{margin-bottom: 12px;}
    .about_area{overflow: hidden;}
    .about_area_p {padding: 0 8px;}
    .about_area_tit {font-size: 14px;line-height: 26px;}
    .about_area_tip, .about_area_w {font-size: 12px;line-height: 20px;}
    .about_area_w{width: auto;}
    .information-list {padding: 0 16px;line-height: 36px;}
    .information-list a, .information-list p {font-size: 12px;}
    .handpick{display: none;}
    .news_list_item .link_4242_der{padding: 10px 5px 10px;}
    .information_list_item{margin-bottom: 15px!important;}
    .espcms_info_content{padding: 15px 15px;}
    .news_box{background-color: #f7f7f7;text-align: center;}
    .news_box .espcms_page_navigation{font-size: 0;}
    .news_box .espcms_page_navigation > li.active{    background: #3575e9;color: #fff;}
    .espcms_page_navigation > li {padding: 0 16px;line-height: 36px;}
    .news_content{padding-top: 0}
    .news_box p, .news_box a{font-size: 12px;}
    .news-list p, .news-list a {line-height: 36px;}
    .text-center{padding: 26px 0;}
    .information-list{display: inline-block;}
    #container {width: 350px;height: 230px;}
    .newslink{padding: 30px 0;}
    .intro_numb{width: auto;}
    .intro_numb li{width: 122px;padding-left: 9px;font-size: 22px;margin-left: 8px;;margin-bottom: 30px;margin-right: 27px;}
    .intro_numb li::after{
        content: '';
        width: 3px;
        height: 100%;
        position: absolute;
        top: 0;
        left: -6px;
        background-color: #fe8700;
    }
    .intro_count {
        line-height: 22px;
    }
}