body{ font-size:12px; line-height: 1; color: #333;font-family:"\5FAE\8F6F\96C5\9ED1";overflow-x: hidden;}
a{ text-decoration:none; transition:all 0.3s}
a:hover{ text-decoration:none;}
input,button,textarea{outline: none;font-family:"\5FAE\8F6F\96C5\9ED1"; }
input:-ms-input-placeholder,textarea:-ms-input-placeholder {   color: #999;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder  {   color: #999}
.wrap{max-width: 1360px;width: 100%; margin: 0 auto;box-sizing: border-box; position: relative; }
.imgbox{text-align: center;}
.imgbox img{max-width: 100%;vertical-align: top;}
*::-webkit-scrollbar {
	width: 5px;
	background-color: #E4E4E4;
    height: 3px;
}
*::-webkit-scrollbar-thumb {
	background-color: #2E8DF7;
	border-radius: 8px;
    width: 1px;
}

.bgf8{background: #f8f8f8;}
.lan{color: #2E8DF7;}

.top{height: 36px;line-height: 36px;background: #f8f8f8;}
.header{background: #fff;padding: 33px 0;}
.logo{vertical-align: top;}
.nav{padding-right: 15px;margin-right: 25px;position: relative;}
.nav::after{content: '';display: inline-block;width: 1px;height: 15px;position: absolute;right: 0;top: 50%;transform: translateY(-50%);background: #ccc;}
.nav a{padding: 0 20px;color: #333;font-size: 16px;line-height: 34px;}
.nav a:hover{color: #2E8DF7;}
.nav a.now{color: #fff;background: #2E8DF7;}
.ssicon{width: 20px;height: 20px;cursor: pointer;background: url(../images/icon1.png) no-repeat right center;}
.tcss{width: 100vw;background: #fff;box-shadow: 0px 6px 24px 0px #B3B3B3;position: fixed;left: 0;top: 0;z-index: 20;display: none;}
.ssbtn{width: 45px;height: 60px;background: url(../images/icon1.png) no-repeat left center;border: none;}
.ssinput{border: none;color: #333;font-size: 14px;line-height: 30px;}
.close{width: 45px;height: 60px;background: url(../images/close.png) no-repeat right center;cursor: pointer;}
.phheader{background: #fff;width: 100%;position: fixed;left: 0;top: 0;z-index: 30;box-sizing: border-box;padding: 8px 10px;display: none;}
.phheaderb{width: 100%;height: 56px;display: none;}
.phlogo{height: 35px;vertical-align: top;}
.phssicon{width: 30px;height: 40px;cursor: pointer;background: url(../images/icon1.png) no-repeat center center;background-size: 18px auto;}
.icon4{width: 30px;height: 40px;background: url(../images/icon4.png) no-repeat right center;background-size: 20px auto;margin-left: 15px;}
.tcnav{background: #fff;position: fixed;left: 0;top: 56px;box-sizing: border-box;padding: 30px 30px 100px;width: 100vw;z-index: 22;box-shadow: 0px 6px 24px 0px #B3B3B3;display: none;}
.phnav li{margin: 5px 0;}
.phnav li a{color: #333;font-size: 16px;line-height: 40px;}

.footer{background: #333;}
.footert{padding: 40px 0 65px;}
.ftll{background: url(../images/icon2.png) no-repeat left top;padding-left: 64px;}
.ftll ul{padding: 8px 0 0;}
.ftll li{margin-bottom: 15px;color: #CDCDCD;font-size: 14px;}
.ftll li p{color: #CDCDCD;font-size: 24px;line-height: 20px;padding: 10px 0 0;}
.ftll li p a{color: #fff;}
.ftlr{margin-left: 145px;padding: 8px 0 0;}
.ftlr h2{color: #fff;font-size: 16px;}
.ftlr ul{padding: 10px 0 0;}
.ftlr li a{color: #cdcdcd;line-height: 30px;}
.ftlr li a:hover{color: #fff;}
.ftr{padding: 8px 0 0;}
.ftr p{color: #666;padding: 10px 0 0;text-align: center;}
.fbb{border-top: 1px solid #4d4d4d;padding: 15px 0 10px;text-align: center;color: #808080;line-height: 24px;}    
.fbb a{color: #808080;}

.banner{overflow: hidden;position: relative;background-repeat: no-repeat;background-position: center;height: 520px;}
.banner .wrap{display:flex;justify-content:flex-end}
.sydl{padding: 50px 0 0;width: 458px;transform: translateX(140px);}
.sydlm{background: rgba(0,0,0,.3);border-radius: 10px;padding: 28px 30px 20px;width: 360px;margin: 30px auto 0;}
.sydlinput{border-radius: 4px;line-height: 36px;padding: 0 10px 0 33px;width: 100%;box-sizing: border-box;border: none;color: #333;font-size: 14px;}
.sydlicon7{background: url(../images/icon7.png) no-repeat 10px center #fff;}
.sydlicon8{background: url(../images/icon8.png) no-repeat 10px center #fff;}
.sydlicon11{background: url(../images/icon11.png) no-repeat 10px center #fff;}
.sydlinput2{flex:1;margin-right:12px}
.yzmbtn{border: none;background: none;}
.yzmbtn img{height: 36px;vertical-align: top;}
.sydlbtn{background: #FFA200;border: none;width: 100%;height: 40px;border-radius: 4px;font-size: 18px;}
.sydlbtn:hover{background: #ed9702;}
/* .banner .swiper-slide{text-align: center;}
.banner .swiper-slide img{max-width: 100%; vertical-align: top;}
.bannerb{width: 100%;position: absolute;left: 0;bottom: 10px;z-index: 5;}
.bannerb .swiper-pagination-bullet{background: #fff;}
.bannerb .swiper-pagination-bullet-active{background: #2E8DF7;} */

.title{border-bottom: 2px solid #2E8DF7;padding-right: 20px;}
.title h2{position: relative;font-size: 18px;line-height: 58px;padding-left: 22px;font-weight: bold;}
.title h2::before{content: '';display: inline-block;background: #2E8DF7;width: 12px;height: 20px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.title a{color: #999;font-size: 14px;}
.title a:hover{color: #2E8DF7;}
.sy1{margin: 50px 0 0;background: #fff;}
.sy1m{padding: 10px 20px 20px;}
.sy1m tr:nth-child(2n){background: #f8f8f8;}
.sy1m th{color: #333;font-size: 15px;padding: 35px 0;border-bottom: 2px solid #eee;text-align: left;}
.sy1m span.txt1{padding-left: 28px;}
.sy1m th:nth-child(4) span.txt2{width: 70px;text-align: center;}
.sy1m th:nth-child(6) span.txt3{width: 92px;text-align: center;}
.sy1m td{padding: 13px 0;color: #333;font-size: 14px;text-align: left;}
.sy1m td .txt2b{background: #F0AD4E;border-radius: 2px;min-width: 70px;text-align: center;line-height: 24px;color: #fff;padding:0 5px}
.sy1m td .txt3b{width: 92px;text-align: center;color: #fff;font-size: 14px;line-height: 34px;border-radius: 2px;background: #2E8DF7;}
.sy1m td .txt3b:hover{opacity: 0.8;}
.sy2{margin: 20px 0 0;background: #fff;}
.sy2m{padding: 30px;}
.sy2m li a{font-size: 15px;line-height: 40px;color: #FF720A;}
.sy2m li a:hover{text-decoration: underline;}
.sy3{margin: 20px 0 65px;}
.sy3m{width: calc((100% - 20px)/2);background: #fff;}
.sy3m ul{padding: 25px 25px 30px 30px;}
.sy3m li{margin: 5px 0;}
.sy3m li span{color: #999;}
.sy3m li a{flex: 1;margin-right: 20px;color: #333;font-size: 14px;line-height: 30px;}
.sy3m li a:hover{color: #2E8DF7;}

.sbanner{position: relative;}
.sbanner img{max-width: 100%;vertical-align: top;position: relative; z-index: 1;margin: 0 auto;}
.sbtxt{width: 1200px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;color: #fff;}
.sbtxt h2{font-weight: bold;font-size: 36px;padding-bottom: 22px;position: relative;}
.sbtxt h2::before{content: '';display: inline-block;width: 40px;height: 4px;background: #fff;position: absolute;left: 0;bottom: 0;}
.sbtxt p{font-size: 16px;padding: 24px 0 0;}
.zbox{padding: 20px 0 50px;}
.zbt{background: #fff;padding: 20px;}
.zbt li{margin-right: 15px;}
.zbt li:last-child{margin: 0;}
.zbt li a{padding: 0 15px;line-height: 34px;border-radius: 2px;color: #333;font-size: 16px;}
.zbt li a:hover{color: #2E8DF7;}
.zbt li.now a{color: #fff;background: #2E8DF7;}
.zbb{margin: 20px 0 0;}
.zbb li{margin-bottom: 20px;transition: all 0.3s;}
.zbb li a{position: relative;width: 100%;box-sizing: border-box;padding: 25px 40px 25px 20px;background: #fff;overflow: hidden;border-radius: 2px;}
.zbb li a h2{color: #333;font-size: 20px;flex: 1;margin-right: 10px;}
.zbbm{padding: 10px 0 0;}
.zbbml{max-width: 520px;}
.zbbml span{min-width: 260px;color: #999;font-size: 14px;line-height: 30px;}
.zbbmr{color: #fff;border-radius: 2px;padding: 0 16px;line-height: 30px;background: #2E8DF7;transition: all 0.3s;border-radius: 2px;}
.zbbmr:hover{opacity: 0.8;}
.icon3{position: absolute;top: 0;right: 0;z-index: 10;}
    .status-tag {
      position: absolute;
      top: 0;
      right: 0;
      width: 80px;
      height: 80px;
      clip-path: polygon(100% 0, 0 0, 100% 100%);
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .status-tag span {
      color: #fff;
      font-size: 14px;
      font-weight: bold;
      transform: rotate(45deg) translateX(0px) translateY(-20px);
    }


.zbtip{color: #f30;font-size: 14px;margin-right: 18%;}
.zbb li:hover{box-shadow: 0 15px 30px rgba(0,0,0,.1);transform: translate3d(0,-2px,0);}
.gglb{padding: 20px 0 100px;}
.gglbm li{border-bottom: 1px solid #e6e6e6;padding: 35px 0;transition: all 0.3s;}
.gglbl{flex: 1;max-width: 72%;box-sizing: border-box;padding-right: 10px;}
.gglbl h2{color: #333;font-size: 20px;max-width: 100%;transition: all 0.3s;}
.gglbl p{color: #999;font-size: 14px;padding: 20px 0 0;}
.gglbm li span{color: #999;font-size: 14px;line-height: 20px;}
.gglbm li:hover{border-bottom: 1px solid #2E8DF7;}
.gglbm li:hover h2{color: #2E8DF7;}
.ggxq{padding: 80px 0 100px;}
.ggxqt{text-align: center;padding-bottom: 50px;}
.ggxqt h2{color: #333;font-weight: bold;font-size: 40px;line-height: 50px;}
.ggxqt p{color: #999;font-size: 16px;padding: 20px 0 0;}
.ggxqm{color: #333;font-size: 18px;line-height: 36px;}
.ggxqm img{max-width: 100%;}

.gys{padding: 50px 0 100px;}
.gysl{width: 180px;}
.gysl h2{background: #149BE9;text-align: center;line-height: 50px;color: #F8F8F8;font-size: 18px;}
.gysl ul{background: #F6F6F6;}
.gysl li a{line-height: 50px;width: 100%;text-align: center;color: #333;font-size: 16px;}
.gysl li a:hover,.gysl li.now a{color: #2E8DF7;}
.gysr{flex: 1;margin-left: 65px;}
.gysr h3{text-align: center;padding: 15px 0 25px;color: #333;font-size: 30px;}
.gysrm{color: #333;font-size: 14px;line-height: 24px;}
.gysrm span{display:initial}

.zcwrap{height: 100vh;box-sizing: border-box;}
.zclogo{padding: 25px 95px;}
.zclogo img{vertical-align: top;}
.zcbox{width: 990px;margin: 35px auto 0;padding: 65px 0 75px;border: 1px solid #E6E6E6;}
.zcbox h2{font-size: 24px;line-height: 1;margin-bottom: 25px;}
.zcmid{width: 580px;margin: 0 auto;}
.zcm{margin-top: 14px;}
.zcinput{border: 1px solid #e6e6e6;box-sizing: border-box;width: 100%;height: 36px;padding: 0 10px 0 32px;color: #333;font-size: 14px;}
.zcinput2{flex: 1;margin-right: 10px;}
.fsyzm{background: #2E8DF7;width: 130px;height: 36px;border-radius: 4px;color: #fff;border: none;}
.fsyzm:hover{background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.13) 1%, rgba(255, 255, 255, 0.13) 100%);}
.zcicon5{background: url(../images/icon5.png) no-repeat left 10px center;}
.zcicon7{background: url(../images/icon7.png) no-repeat left 10px center;}
.zcicon6{background: url(../images/icon6.png) no-repeat left 10px center;}
.zcicon8{background: url(../images/icon8.png) no-repeat left 10px center;}
.zcxy{padding: 15px 0 25px;line-height: 22px;color: #666;}
.zcxy a{color: #FFA200;}
.chk{ display: none; } 
.chk + label {width: 12px;height: 12px; cursor: pointer;margin-right: 8px;border-radius: 2px;border: 1px solid #ccc;} 
.chk + label:active,.chk:checked + label{background: url(../images/icon10.png) no-repeat center center #2E8DF7;border-color: #2E8DF7;}
.zcbtn{width: 360px;height: 40px;border: none;background: #2E8DF7;color: #fff;font-size: 18px;border-radius: 4px;}
.zcbtn:hover{background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.13) 1%, rgba(255, 255, 255, 0.13) 100%);}
.out{margin-left: 20px;color: #333;}
.out:hover{color: #2E8DF7;}


.page{padding: 40px 0 0;}
.page .layui-laypage a,.page .layui-laypage span{margin: 0 6px;}
.layui-laypage{display: flex;flex-direction: row;margin: 0;}
.layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span{border:none;height: 42px;text-align: center;width: 42px;padding: 0;border-radius: 30px!important;color: #333;font-size: 18px;overflow: hidden;display: flex;flex-direction: column;justify-content: center; align-items: center;background: #F7F7F7;}
.layui-laypage em{font-size: 18px;font-weight: normal;}
.layui-laypage a:hover{color: #2E8DF7!important;}
.layui-laypage-prev{margin-right: 30px!important;background: none!important;width: auto!important;}
.layui-laypage-next{margin-left: 30px!important;background: none!important;width: auto!important;} 

.pagination{display: flex;flex-direction: row;margin: 0;}

.pagination li{margin:0 5px}
.pagination li a,.pagination li span{border:none;height: 42px;text-align: center;width: 42px;padding: 0;color: #333;font-size: 18px;overflow: hidden;display: flex;flex-direction: column;justify-content: center; align-items: center;background: #fff;}
.pagination li.active span{background: #2E8DF7;color:#fff}
.pagination li a:hover{color: #2E8DF7!important;}
.pagination li.disabled{opacity:0.7;cursor:not-allowed}
.pagination li:nth-child(1){margin-right:20px}
.pagination li:last-child{margin-left:20px}


.tcbg{width: 100%;height: 100vh;position: fixed;left: 0;top: 0;z-index: 100;background: #000;opacity: 0.5;display: none;}
.tcxz{width: 1000px;border-radius: 10px;background: #fff;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 101;display: none;}
.xztitle{border-bottom: 1px solid #e6e6e6;text-align: center;padding: 30px 0 20px;text-align: center;color: #1A1A1A;font-size: 20px;font-weight: bold;}
.xzm{margin: 20px;}
.xzmm{background: #F7F7F7;border-radius: 10px;padding: 15px 10px 15px 15px;}
.xzmmm{height: 600px;overflow: auto;color: #1A1A1A;font-size: 14px;line-height: 24px;padding-right: 10px;white-space: pre-line;}
.xzmmm::-webkit-scrollbar {	background-color: #E6E6E6;}
.xzmmm::-webkit-scrollbar-thumb {	background-color: #ccc;}
.xzb{padding: 20px 0 15px;}
.xzbtn{background: #2E8DF7;width: 200px;height: 40px;border-radius: 4px;border: none;color: #fff;font-size: 18px;}
.xzclose{background: url(../images/close.png) no-repeat center center;width: 20px;height: 20px;position: absolute;right: 30px;top: 30px;cursor: pointer;}

.phflexshow,.phshow{display: none;}
.pcshow{display: block;}
.pcshow{display: flex;}

@media screen and (max-width:1460px){
    .sydl{transform: translateX(0);}
}

@media screen and (max-width:1201px){
    .wrap{padding: 0 30px;}
    .nav{padding-right: 10px;margin-right: 10px;}
    .nav a{padding: 0 10px;}
    .sbtxt{width: 100%;box-sizing: border-box;padding: 0 30px;}
    .tcxz{width: 90%;left: 5%;transform: translate(0,-50%);}
}
@media screen and (max-width:961px){
    .wrap{padding: 0 15px;}
    .top{display: none;}
    .header{display: none;}
    .tcss{top: 56px;}
    .phheader,.phheaderb{display: block;}
    .ftitle{font-size: 20px;padding: 35px 0 0;}
    .footert{flex-wrap: wrap;padding: 30px 0 25px;}
    .ftl{flex-wrap: wrap;width: 100%;}
    .ftll{background: none;padding-left: 0;width: 100%;}
    .ftll h2{color: #fff;font-size: 18px;}
    .ftll h2 span,.ftlr h2 span{margin-right: 10px;}
    .ftll li{margin-bottom: 0;display: flex;justify-content: flex-start; align-items: center;line-height: 30px;padding-left: 15px;}
    .ftll li p{font-size: 12px;padding: 0;}
    .ftll li p a{color: #CDCDCD;}
    .ftll li:last-child p{display: none;}
    .ftlr{margin: 0;padding: 20px 0 0;width: 100%;}
    .ftlr h2{font-size: 18px;}
    .ftlr ul{padding: 8px 0 0 15px;}
    .ftr{width: 100%;padding: 30px 0 0;}
    .ftr p{color: #cdcdcd;}
    .fbb{color: #666;line-height: 20px;}
    .sydl{margin: 0 auto;}


.xztitle{padding: 15px 0 10px;font-size: 18px;}
    .xzm{margin: 10px;}
    .xzmm{padding: 8px 5px 8px 8px;}
    .xzmmm{height: 50vh;font-size: 12px;line-height: 20px;padding-right: 5px;}
    .xzb{padding: 10px 0;}
    .xzbtn{font-size: 16px;width: 120px;height: 35px;}
    .xzclose{right: 10px;top: 10px;background-size: 12px auto;}


    .sy1{margin: 25px 0 0;}
    .title{padding-right: 10px;}
    .title h2{font-size: 16px;line-height: 50px;padding-left: 15px;}
    .title h2::before{width: 4px;height: 20px;}
    .title a{font-size: 12px;}
    .sy1m{padding: 10px 15px;overflow: auto;}
    .sy1mm{width: 800px;}
    .sy1m th{font-size: 14px;padding: 15px 0;}
    .sy1m span.txt1{padding-left: 15px;}
    .sy1m td{padding: 8px 0;font-size: 13px;}
    .sy2{margin: 10px 0 0;}
    .sy2m{padding: 15px;}
    .sy2m li a{font-size: 13px;line-height: 35px;}
    .sy3{margin: 10px 0 25px; flex-wrap: wrap;}
    .sy3m{width: 100%;margin-bottom: 10px;}
    .sy3m ul{padding: 15px 10px 15px 15px;}
    .sy3m li a{font-size: 13px;margin-right: 10px;}


    .sbtxt{padding: 0 15px;}
    .sbtxt h2{font-size: 18px;padding-bottom: 18px;}
    .sbtxt h2::before{height: 2px;width: 30px;}
    .sbtxt p{font-size: 12px;padding: 12px 0 0;}
    .gys{padding: 15px 0 50px;flex-wrap: wrap;}
    .gysl{width: 100%;}
    .gysl h2{background: none;text-align: left;color: #333;font-size: 16px;position: relative;font-weight: bold;padding-left: 15px;}
    .gysl h2::before{content: '';display: inline-block;width: 4px;height: 12px;background: #2E8DF7;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
    .gysl ul{display: flex;justify-content: flex-start;background: none;}
    .gysl li a{background: #F6F6F6;min-width: 100px;text-align: center;font-size: 14px;line-height: 40px;}
    .gysl li.now a{color: #fff;background: #2E8DF7;}
    .gysr{margin: 0;}
    .gysr h3{padding: 35px 0 15px;font-size: 24px;}
    .gysrm{font-size: 13px;line-height: 24px;}
    .ggxq{padding: 40px 0 50px;}
    .ggxqt{padding-bottom: 25px;}
    .ggxqt h2{font-size: 20px;line-height: 30px;}
    .ggxqt p{font-size: 13px;padding: 10px 0 0;}
    .ggxqm{font-size: 13px;line-height: 24px;}
    .gglb{padding: 10px 0 50px;}
    .gglbm li{padding: 20px 0;}
    .gglbl h2{font-size: 18px;}
    .gglbl p{font-size: 13px;padding: 5px 0 0;}
    .gglbm li span{font-size: 12px;}
    .gglbl{max-width: 80%;}
    .zbt{padding: 10px;}
    .zbt li{margin-right: 5px;}
    .zbt li a{padding: 0 5px;font-size: 14px;}
    .zbb{margin: 10px 0 0;}
    .zbbt{flex-wrap: wrap;}
    .zbb li a{padding: 15px 20px 15px 10px;}
    .zbb li a h2{margin-right: 0;flex: none;width: 100%;font-size:16px;line-height: 20px;}
    .status-tag{width:60px;height:60px}
    .status-tag span{font-size:12px;transform:rotate(45deg) translateX(0px) translateY(-15px)}
    
    
    .zbtip{width: 100%;margin: 10px 0 0;font-size: 13px;}
    .zbbm{flex-wrap: wrap;}
    .zbbml span{min-width: inherit;width: 100%;}
    .zbbml{max-width: inherit;width: 100%;margin-bottom: 10px;}
    .zbbmr{padding: 0 10px;}

    .zclogo{padding: 15px;}
    .zclogo img{height: 35px;}
    .zcbox{width: calc(100vw - 30px);margin: 20px auto;padding: 35px 20px;box-sizing: border-box;}
    .zcbox h2{font-size: 20px;margin-bottom: 15px;}
    .zcmid{width: 100%;}
    .fsyzm{width: 90px;}


    .page{padding: 20px 0 0;}
    .layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span{width: 30px;height: 30px;font-size: 13px;}
    .layui-laypage em{font-size: 13px;}
    .page .layui-laypage a, .page .layui-laypage span{margin: 0 3px;}
    .layui-laypage-prev{margin-right: 20px!important;}
    .layui-laypage-next{margin-left: 20px!important;} 
    
    .pagination li a, .pagination li span{width:30px;height:30px;font-size:14px}
.pagination li:nth-child(1){margin-right:10px}
.pagination li:last-child{margin-left:10px}


}

@media screen and (max-width:760px){
.phflexshow{display: flex;}
.phshow{display: block;}
.pcshow,.pcflexshow{display: none;}


.sydl{width: 100%;}
.sydl img{max-width: 100%;}
.sydlm{width: auto;padding: 15px 15px 10px;}
.sydlinput2{width: 180px;}



}