@font-face{font-family:arf;src:url(../font/arf.ttf)}
@font-face{font-family:sy}
a,button,input,textarea{-webkit-tap-highlight-color:transparent;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}
.block_pc{display:inline-block;width:100%}
.block_sj{display:none;width:100%}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none!important}
input[type=number]{-moz-appearance:textfield}
body{color:#333;font-size:14px;font-family:sy;margin:0 auto;box-sizing:border-box;overflow-x:hidden}
@media screen and (min-width:1920px){html{font-size:100px}
}
@media screen and (min-width:1700px) and (max-width:1800px){html{font-size:90px}
}
@media screen and (min-width:1600px) and (max-width:1700px){html{font-size:85px}
}
@media screen and (min-width:1500px) and (max-width:1600px){html{font-size:100px}
}
@media screen and (min-width:1400px) and (max-width:1500px){html{font-size:100px}
}
@media screen and (min-width:1300px) and (max-width:1400px){html{font-size:71px}
}
@media screen and (min-width:1200px) and (max-width:1300px){html{font-size:65px}
}
@media screen and (min-width:1100px) and (max-width:1200px){html{font-size:60px}
}
@media screen and (min-width:1000px) and (max-width:1100px){html{font-size:55px}
}
@media screen and (min-width:900px) and (max-width:1000px){html{font-size:50px}
}
@media only screen and (max-width:900px){html{font-size:50px}
}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body *{box-sizing:border-box}
button,dd,div,dl,dt,fieldset,form,i,img,input,label,legend,li,ol,p,select,table,td,th,tr,ul{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:12px;font-weight:400}
h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0}
dd,dl,dt,li,ol,ul{list-style:none}
a img,img{border:0;padding:0;margin:0}
a{color:#333;text-decoration:none}
a:focus,a:hover{text-decoration:none}
.input-gray{color:#999}
.input-black{color:#000}
.clearBoth{clear:both;width:100%;height:0;font-size:0;overflow:hidden;line-height:0}
.headNav{width:100%;position:fixed;top:0;left:0;z-index:25;height:76px;box-sizing:border-box;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.05)}
.navPc{display:inline-block}
.nav_mobile{display:none}
.contentWidth{max-width:15.6rem;width:100%;margin:0 auto}
.menuNav{height:76px;display:flex;justify-content:space-between;align-items:center;position:relative;padding:0 30px;width:100%;max-width:1800px;margin:0 auto}
.navLogo{display:block}
.navLogo img{width:150px;height:auto}
.logoWhite{display:inline-block}
.headNav.tmNav{background:0 0;box-shadow:none}
.headNav.tmNav.nav_bj{background:#fff}
.tmNav .menuMain li.mainLis .mainAs{color:#000}
.tmNav .menuMain li.mainLis.active .mainAs{color:#000}
.tmNav .menuMain li.mainLis.active .mainAs::after{content:none}
.tmNav .menuMain li.mainLis:hover .mainAs::after{width:100%;margin-left:-50%;background:#5049ef}
.menuMain li.mainLis .subMenu{background-color:#fff;border-radius:10px;box-shadow:0 0 12px rgba(0,0,0,.1);display:none;left:50%;list-style:none;margin:0;padding:10px 0;position:absolute;top:0;transform:translateX(-50%);transition:all .2s;width:132px;z-index:40}
.menuMain li.mainLis .subMenu li a{display:block;line-height:1.5;padding:10px 10px;text-align:center;font-size:16px}
.menuMain li.mainLis:hover .subMenu{top:76px;display:block}

.tmNav .li_cut,.tmNav .li_cut span{color:#fff}
.tmNav .li_cut span:hover{color:#171c61}
.logoWhite{display:none}
.logoBlack{display:inline-block}
.tmNav.navWhite .logoWhite{display:inline-block}
.tmNav.navWhite .logoBlack{display:none}
.lan_switch{display:flex;justify-content:center;align-items:center;width:100px;height:40px;border-radius:20px;background:#171c61;color:#fff;margin-left:20px;cursor:pointer}
.lan_switch img{width:auto;height:auto}
.lan_switch span{font-size:18px;color:#fff;margin-left:10px;display:inline-block}
.tmNav.navWhite .menuMain li.mainLis .mainAs{color:#fff}
.tmNav.navWhite .menuMain li.mainLis.active .mainAs{color:#fff}
.tmNav.navWhite:hover .menuMain li.mainLis.active .mainAs{color:#5049ef}
.tmNav.navWhite .menuMain li.mainLis:hover .mainAs{color:#5049ef}
.tmNav.navWhite .menuMain li.mainLis.active .mainAs::after{content:none}
.tmNav.navWhite:hover .menuMain li.mainLis.active .mainAs::after{content:''}
.tmNav:hover .menuMain li.mainLis .mainAs{color:#333;}
.headNav.tmNav:hover{background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.05)}
.tmNav:hover .li_cut,.tmNav:hover .li_cut span{color:#5049ef}
.tmNav:hover .logoWhite{display:none}
.tmNav:hover .logoBlack{display:inline-block}
.menuMain{width:auto;margin:0;height:100px;padding:0;display:flex;justify-content:left;align-items:center}
.menuMain li.mainLis{margin:0 0;padding:0 30px 0 30px;box-sizing:border-box;line-height:100px;position:relative}
.menuMain li.mainLis:first-child::after{content:none}
.menuMain li.mainLis .mainAs{font-size:20px;text-align:center;color:#333;display:block;height:76px;letter-spacing:.5px;line-height:76px;position:relative;transition:all .5s ease-in-out}
.menuMain li.mainLis .mainAs::after{content:"";height:2px;background:#5049ef;position:absolute;left:50%;width:0;bottom:18px;transition:all .5s ease-in-out}
.menuMain li.mainLis .mainAs:focus{text-decoration:none}
.menuMain li.mainLis.active .mainAs::after{width:100%;margin-left:-50%}
.menuMain li.mainLis.active .mainAs{color:#5049ef}
.menuMain li.mainLis:hover .mainAs{color:#5049ef}
.menuMain li.mainLis:hover .mainAs::after{width:100%;margin-left:-50%}
.tb_sub{height:0;overflow:hidden;opacity:0;position:absolute;top:0;left:50%;margin:0;margin-left:-70px;z-index:14;padding:0;list-style:none;width:140px;background:#fff;box-shadow:0 6px 14px rgba(74,74,74,.15)}
.menuMain li:hover .tb_sub{height:auto;padding:10px 0 10px 0;top:100px;opacity:1;overflow:visible}
.tb_sub div{width:100%}
.tb_sub div.active_d a{color:#171c61;font-weight:700}
.menuMain li.mainLis .tb_sub div,.menuMain li.mainLis .tb_sub div a{line-height:24px}
.tb_sub div a{display:inline-block;width:100%;font-size:14px;text-align:left;color:#000;line-height:24px;padding:10px 20px;text-align:center}
.tb_sub div a.cur_a,.tb_sub div a.cur_a:hover,.tb_sub div a:hover{color:#171c61}
.md_con{position:relative}
.dw_mark{width:100%;height:110px;position:absolute;top:-110px;left:0;z-index:-1;opacity:0}
.footer{height:auto;width:100%;background-color:#ccc}
.f_middle{width:100%;padding:90px 0 60px 0;display:flex;justify-content:space-between;align-items:flex-start}
.t_link{width:58%;display:flex;justify-content:space-between;align-items:flex-start}
.link_item{display:flex;justify-content:left;align-items:flex-start;flex-direction:column;letter-spacing:1.5px}
.link_item h5{color:#fff;font-size:20px;line-height:22px;padding-bottom:18px;position:relative}
.link_item h5::after{content:'';background:rgba(255,255,255,.6);width:100px;height:1px;position:absolute;left:0;bottom:0;z-index:1}
.link_list{display:flex;justify-content:left;align-items:flex-start;flex-direction:column;margin-top:20%}
.link_list div a{font-size:14px;line-height:30px;color:rgba(255,255,255,.5);text-decoration:none;display:block}
.link_list div a:hover{color:#fff}
.contact_list{width:366px;display:flex;justify-content:right;align-items:flex-end;flex-direction:column}
.tel_box{display:flex;justify-content:right;align-items:center;font-size:24px;color:#fff}
.tel_box img{display:inline-block;height:auto;width:20px;margin-right:10px}
.ewm_box{display:flex;justify-content:right;align-items:flex-end;flex-direction:column;margin:5% 0 8% 0}
.ewm_box img{display:inline-block;height:auto;width:90px;margin-bottom:10px}
.ewm_box p{color:#fff;font-size:14px;line-height:20px}
.add_box{display:flex;justify-content:right;align-items:flex-end;flex-direction:column;color:rgba(255,255,255,.6);font-size:14px;line-height:20px}
.icon_box{display:flex;justify-content:right;align-items:center}
.add_box img{margin-right:10px;width:20px}
.add_text{text-align:right;padding:10px 0;border-top:1px solid #fff;margin-top:14px}
.f_bottom{letter-spacing:2px;width:100%;height:68px;display:flex;justify-content:space-between;align-items:center;font-size:14px;color:rgba(255,255,255,.6);border-top:1px solid #444}
.f_bottom .contentWidth{height:100%;display:flex;justify-content:space-between!important;align-items:center}
.f_bottom a{text-decoration:none;color:rgba(255,255,255,.6);font-size:14px}
.page_con{width:100%;text-align:center;padding:20px 0 0 0}
.page_con nav ul{margin:0;width:100%;display:flex;justify-content:center;align-items:center}
.page_con nav ul li{border-radius:0;letter-spacing:2px}
.page_con nav ul li a{border:1px solid #999!important;background:#fff;display:inline-block;text-align:center;color:#999;font-size:16px;width:32px;line-height:32px;padding:0!important;border-radius:0!important;margin:0 9px}
.pagination>li:first-child>a,.pagination>li:last-child>a{width:90px;font-weight:lighter}
.page_con nav ul li:hover a{color:#171c61;background:#fff}
.page_con nav ul li.active a{color:#fff!important;border-color:#171c61!important;background:#171c61!important}
@media screen and (max-width:1440px){.menuMain li.mainLis{padding:0 20px 0 20px}
}
@media screen and (max-width:1366px){.menuMain li.mainLis{padding:0 15px 0 15px}
}
@media screen and (max-width:1280px){.menuMain li.mainLis{padding:0 10px 0 10px}
    .menuMain li.mainLis .mainAs{font-size:15px}
    .menuMain li.mainLis .mainAs::after{height:1px}
    .navLogo img{max-width:200px}
    .menuNav{padding:0 12px}
    .f_middle{padding:70px 0 50px 0}
    .t_link{width:58%}
    .link_item h5{font-size:16px;line-height:18px;padding-bottom:18px}
    .link_item h5::after{width:90px}
    .link_list{margin-top:16px}
    .link_list div a{font-size:13px;line-height:26px}
    .contact_list{width:366px}
    .tel_box{font-size:20px}
    .tel_box img{width:20px;margin-right:12px}
    .ewm_box{margin:10px 0 20px 0}
    .ewm_box img{width:70px;margin-bottom:10px}
    .ewm_box p{font-size:12px;line-height:18px}
    .add_box{font-size:12px;line-height:18px}
    .add_box img{margin-right:10px;width:20px}
    .add_text{text-align:right;padding:10px 0;border-top:1px solid #fff;margin-top:14px;font-size:12px}
    .f_bottom{height:40px;font-size:12px}
    .f_bottom a{font-size:12px}
}
.bigPic-show{position:fixed;top:0;left:0;background:rgba(0,0,0,.6);z-index:2000;width:100%;height:100%;display:none}
.bigPic-show div{position:absolute}
::-webkit-scrollbar{width:0;height:4px}
::-webkit-scrollbar-thumb{border-radius:0;-webkit-box-shadow:inset 0 0 0 transparent;background:rgba(0,0,0,0)}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0 transparent;border-radius:0;background:rgba(0,0,0,0)}
img{vertical-align:middle;border:0;max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit;color:inherit}
input{border:none;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.ellipsis-1{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ellipsis{display:-webkit-box;word-wrap:break-word;word-break:break-all;white-space:normal!important;-webkit-box-orient:vertical;text-overflow:initial}
.ellipsis-2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;white-space:normal!important;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ellipsis-3{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;white-space:normal!important;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.ellipsis-4{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;white-space:normal!important;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.ellipsis-5{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;white-space:normal!important;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.main-wrap{padding-top:76px}
#dom1,#dom2,#dom3,#dom4,#dom5{position:relative}
.dw_mark{width:100%;position:absolute;top:-76px;left:0;z-index:-1;opacity:0}
.main-wrap .ruler-box .ruler-item{display:block}
.ruler-box{position:fixed;top:50%;transform:translateY(-50%);left:.65rem;z-index:10}
.ruler-box::after{content:'';width:.01rem;height:100%;background:#ccc;position:absolute;top:50%;transform:translateY(-50%);left:0;z-index:1}
.ruler-item{padding:.23rem 0;padding-left:.27rem;position:relative}
.ruler-item::after{content:'';width:.01rem;height:0;background:#666;position:absolute;top:50%;left:0;transform:translateY(-50%);transition:all .365s;z-index:2}
.ruler-text{font-weight:400;font-size:.18rem;color:#666;opacity:.52}
.ruler-item.active::after{height:100%}
.ruler-item.active .ruler-text{color:#5049ef;opacity:1}
.common-banner{width:100%;height:6rem;position:relative;overflow:hidden}
.common-banner .banner-img{width:100%;height:100%;object-fit:cover}
.common-banner .content{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.common-banner .content h5{font-weight:400;font-size:.54rem;color:#fff}
.common-banner .content p{font-weight:400;font-size:.28rem;color:#fff;margin-top:.46rem}
.common-text{font-weight:400;font-size:.36rem;color:#000;padding-bottom:.15rem;position:relative;text-align:center}
.common-text::after{content:'';width:.4rem;height:.02rem;background:#5049ef;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.common-p{font-weight:400;font-size:.16rem;color:#333;margin-top:.16rem;text-align:center}
.common-title-white .common-p,.common-title-white .common-text{color:#fff}
.common-title-white .common-text::after{background:#fff}
.w1560{width:15.6rem}
.w1060{width:10.6rem}
.paging-wrap{display:flex;align-items:center;justify-content:center}
.paging-p{font-size:.16rem;font-weight:400;color:#7d7d7d}
.paging{display:flex;align-items:center;margin:0 .16rem}
.paging .page-num-current{background:#5049ef;color:#fff}
.paging-img{width:.45rem;height:.45rem;background:#5049ef;border-radius:.1rem .1rem .1rem .1rem;display:flex;align-items:center;justify-content:center;margin:0 .04rem}
.paging-img img{width:.15rem}
.page-num{width:.45rem;height:.45rem;background:#f5f5f5;border-radius:.1rem .1rem .1rem .1rem;display:flex;align-items:center;justify-content:center;margin:0 .04rem;font-weight:400;font-size:.18rem;color:#000}
.no-border{border-color:transparent}
.paging-to{display:flex;align-items:center}
.paging-to input{width:.45rem;height:.45rem;background:#f5f5f5;border-radius:.1rem .1rem .1rem .1rem;font-size:.16rem;font-weight:400;color:#333;margin:0 .08rem;text-align:center}
.paging-to-bt{width:.72rem;height:.45rem;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#1f222d;opacity:1;border-radius:.02rem;font-size:.16rem;font-weight:400;color:#fff;margin-left:.18rem}
.footer-container{width:100%;display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 auto;padding:20px 50px;flex:1;color:#fff;background:#16365b url(../image/footer_bg.jpg) no-repeat center bottom/100% auto}
.footer-column{flex:1;margin:10px;padding:15px;border-radius:8px}
.footer-title{font-weight:700;font-size:18px;color:#fff;padding-bottom:10px;margin-bottom:15px;border-bottom:1px solid #afafaf}
.footer-column-first{flex:2;margin:10px;padding:15px;border-radius:8px}
.footer-column-phone{font-size:28px;color:#5049ef;padding-bottom:10px;font-weight:700}
.footer-list{list-style:none}
.footer-list li{padding:8px 0}
.footer-list li:last-child{border-bottom:none}
.footer-list a{text-decoration:none;color:#afafaf;transition:color .3s;display:block}
.footer-list a:hover{color:#fff;}
.footer-logo{margin:10px;padding:15px;border-bottom:1px solid #afafaf;width:100%;display:flex;justify-content:space-between;align-items:center}
.footer-logo .foot_tleft{width:8%;}
.footer-logo .foot_tright{display:flex;align-items:center;justify-content:space-between;width:30%}
.footer-logo .foot_tright a:first-child{margin-right: 40px}
@media only screen and (max-width:900px){.main-wrap{padding-top:65px}
}
.h5{display:none;margin:0}
@media only screen and (max-width:1440px){.common-p{font-size:.2rem}
}
@media only screen and (max-width:900px){.w1060{width:auto}.w1560{width:auto}
    .common-banner{height:7rem}
    .common-text{font-size:.5rem;padding-bottom:.46rem}
    .common-text::after{width:.66rem;height:.03rem}
    .common-p{font-size:.28rem;margin-top:.28rem;padding:0 .6rem}
    .ruler-box{display:none!important}
    .pc{display:none}
    .h5{display:block}
    .f_middle{padding-bottom:25px;padding-top:55px}
    .t_link{display:none}
    .contentWidth{padding:0;display:block}
    .contact_list{width:100%;align-items:center}
    .ewm_box{align-items:center}
    .ewm_box img{width:120px}
    .add_box{justify-content:center;align-items:center}
    .icon_box{justify-content:center}
    .add_text{border:0}
    .f_bottom{height:auto;padding:10px 25px}
    .f_bottom .contentWidth{flex-direction:column;padding:.32rem 0}
    .beian-box{display:flex;flex-direction:column;justify-content:center}
    .paging-p,.paging-to{display:none}
    .paging-img{width:.72rem;height:.72rem}
    .paging-img img{width:.25rem}
    .page-num{width:.72rem;height:.72rem;font-size:.26rem}
    .f_bottom {flex-direction: column;}
    .footer-container{padding:0!important}
    .footer-logo{flex-direction: column}
    .footer-logo .foot_tleft { width:15% !important;}
    .footer-logo .foot_tright{margin-top: 10px;width: 80%}
    .footer-list li {padding: 2px 0!important;}
    .footer-column{display:none}
}
#lastScreen{height:auto!important}