/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666;}
a{color:#666;}
a:hover{ color: #4370f5; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1200px !important; margin:0 auto; max-width:1200px !important;}
.wapper02{ width:1240px; margin:0 auto; max-width:1240px;}



.header{ display: flex;  justify-content: space-between;  align-items: center; height:90px;}
.header01{ display: flex;   align-items: center;}
.logo{ height:70px;}
.logo a{ display: flex;   align-items: center; height:100%; width:100%;}
.logo img{ max-width:100%; max-height:50px;}


.cnax{ display: flex;   align-items: center;}
.cnax a{ display:block; margin-right:4px;}
.cnax a img{ height:33px;}

.header01{display: flex;   align-items: center;}
.search{display: flex;   align-items: center; border-radius:5px; border:2px solid #4370f5; width:360px}
.search a{ display: flex; justify-content: center;  align-items: center;width:60px; height:40px; background:#4370f5;}
.search a img{ max-height:100%; max-width:100%;}
.search .input_text{outline:none;width:calc(100% - 60px); padding-left:10px;}
.search .input_text::-webkit-input-placeholder{ color:#666;}
.dianh{ display: flex; justify-content: center;  align-items: center; margin-left:5%;}
.dianh img{ width:27px;}
.dianh a{ font-size:20px; color:#f30808; font-weight:700;}

.banner{ width:100%}
.banner img{ width:100%; vertical-align:bottom;}
.banner .swiper-pagination-bullet{ background:#fff !important;}


.menu-bg{ background:#111b39}
/*menu*/
.menu{height:40px;line-height:40px;}
.menu>ul>li{ float:left; position:relative;     width: 240px;}
.menu>ul>li .lanm01{ background:#111b39; width:100%; position:absolute; left:0px; top:40px; display:none; z-index:9 }
.menu>ul>li .lanm01 dd{line-height: 40px;margin:0 10px;text-align: center;    margin-left: -16px;}
.menu>ul>li .lanm01 dd a{font-size: 16px;color: #fff;font-weight:normal;display:inline;padding:0;text-align:left;}
.menu>ul>li .lanm01 dd a:hover{color: #4370f5;}
.menu>ul>li>span>a{ font-size:16px;color:#fff; text-decoration:none; font-weight:normal;display:block;text-align:center;}
.menu>ul>li>span>a.menu_hover{ background:#4370f5;color:#fff;}
.menu>ul>li>span{text-align: left;position:relative;}
.menu>ul>li>span>a>img{    width: 13px;  height: 8px; margin-left: 9px; transition: All .3s ease-in-out;}
.menu>ul>li>span>a.menu_hover>img{transform:rotate(180deg)}
.menu>ul>li>span>a .img01{ position:absolute; top:0; right:66px; width:15px;}
.menu>ul>li>span>a .img01 img{ width:15px;}
.menu>ul>li.hover>span>a{ background:#4370f5}


.erji{ display:none; position: absolute;  top: 38px; font-size: 16px;  color: #333;  width: 240px;  height: 570px;   background: #fff;  padding-top: 10px;   border-right: 1px solid #eee;  box-shadow: 0 3px 6px rgba(0,0,0,.16); z-index:9; box-sizing:border-box;}
.erji>ul>li{}
.erji>ul>li>a{ position:relative; padding-left:32%; font-size:16px; display:block; color:#333; line-height:41px;}
.erji>ul>li>a i{   position: absolute;   top: 0;       bottom: 0;right: 22px;height: 7px;width: 7px; margin: auto 0 auto 3px;  transition: All .3s ease-in-out; transform: rotate(45deg); border-color: #222d39 #222d39 transparent transparent; border-style: solid;   border-width: 1px 1px 2px 2px}
.erji>ul>li>a:hover{color: #4370f5;}
.erji>ul>li>a:hover i{ border-right: 1px solid #4370f5; border-top: 1px solid #4370f5;}
.duoe{/*display:none;*/display:block;position: absolute;top: 0;left: 240px;width: 780px;height: 570px;background: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.16);box-sizing: border-box;}
.kdue{overflow-y: scroll;height:450px;padding: 0 30px;}
.kdue ul li{display: flex;justify-content: space-between;align-items: flex-start;min-height: 88px;padding: 15px 0 10px;border-bottom: 1px solid #eee;box-sizing:border-box;}
.kdue ul li>span{font-size:16px;width:150px;line-height: 1;}
.kdue ul li>span a{ font-weight:bold; color:#333;}
.jioazhu{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 599px;
    justify-content: flex-start;
    }
.jioazhu a{width: 124px;margin: 0 10px 10px 0;cursor: pointer;color:#333;line-height: 1;}
.jioazhu a:hover{ color: #4370f5;}

.duotu{ margin-top:20px; padding:0 30px; box-sizing:border-box;}
.duotu ul li{ float:left; display:block; width:calc((100% - 75px)/4); margin-right:25px; position:relative;}
.duotu ul li:nth-child(4n) {
    margin-right: 0% ;
}
.duotu ul li img{ width:100%; height:88px}
.duotu ul li span{position: absolute;  top: 0;  left: 0;max-width: 156px; height: 23px;padding: 0 10px; line-height: 22px;  font-size: 14px;  color: #fff;  background: linear-gradient(130deg, #53a8f0, #4370f5);  border-radius: 2px 0 16px 0;}

.diyi01{left: -240px !important; z-index:699}
.diyi01.duoe{display:block}


.bg{ background:#eeeeee}

.title{ display: flex; align-items: center;justify-content: space-between;}
.title span{display: flex; align-items: center; font-size:24px; color:#333; }
.title span img{ width:31px;    margin-right: 16px;}
.cent01{ padding-top:3%; padding-bottom:1.5%; border-bottom:1px solid #999 }
.cent01 .title{ margin-bottom:3%;}
.title .jinyu{display: flex; align-items: center;}
.title .jinyu li{ font-size:18px; width: 120px;   height: 32px; text-align:center; line-height:32px;}
.title .jinyu li a{ color:#000;   }
.cent01 .cee01{  background:#4370f5;}
.cent01 .cee01 a{ color:#fff !important}


.qiehuan{ position:relative; padding-bottom:4%;}
.gonge{ display: flex;   justify-content: space-between;  align-items: center;}
.gonge01{ width:300px; position:relative;}
.gonge01 .img{ width:100%;}
.gonge01 .img img{ width:100%; vertical-align:bottom;}
.gonge01 .get{ position:absolute; width:100%; height:100%; left:0; top:0; padding:40px; box-sizing:border-box; color:#fff; text-align:left;}
.gonge01 .get h2{ font-size:24px; display:block}
.gonge01 .get span{ font-size:14px;    margin: 30px 0; line-height: 28px; display:block;}
.gonge01 .quang{ display: flex;  align-items: center;}	
.gonge01 .quang em{ font-style:normal; font-size:14px; border:1px solid #fff;     padding: 5px 10px;     margin-right: 10px;}
.gonge02{ width:calc(100% - 310px);}
.gonge02 ul{    flex-wrap: wrap;    justify-content: space-between;     display: flex;
    align-items: center;}
.gonge02 ul li{    position: relative;
    width: 290px;
    height: 195px;
    padding: 20px;
    margin-bottom: 10px;
    background: #fff;
    overflow: hidden; box-sizing:border-box; text-align:left;}
.gonge02 ul li:hover {
    box-shadow: 0 8px 16px rgba(0,0,0,.2);
    transition: .3s;
    transform: translate3d(0, -3px, 0);
}
.selected{    position: absolute;  top: 8px;  right: -26px; width: 100px; height: 30px;
line-height: 30px; background: linear-gradient(136deg, #55b1ee, #4370f5);  font-size: 14px; color: #fff;  text-align: center; transform: rotate(45deg);}
.gonge02 ul li h2{ font-size:18px; color:#333; font-weight:normal;}
.gonge02 ul li dl{    flex-wrap: wrap;    justify-content: flex-start;    display: flex;
    align-items: center; margin-top:8%; height:78px; overflow:hidden;}
.gonge02 ul li dl dd{padding: 4px 7px;margin: 0 10px 10px 0;border: 1px solid #999;box-sizing:border-box;line-height: 0;}
.gonge02 ul li dl dd a{color: #222d39;font-size:14px;line-height:1;}
.gonge02 ul li dl dd:hover{    background: #4370f5; border: 1px solid #4370f5;}
.gonge02 ul li dl dd:hover a{ color:#fff;}
.gonge02 ul li em{ font-style:normal; font-size:14px; color:#4370f5;} 
.gonge02 ul li:nth-child(4), .gonge02 ul li:nth-child(5), .gonge02 ul li:nth-child(6) {
    margin-bottom: 0;
}

.qiehuan .swiper-pagination span{ width:10px !important; height:10px !important;}
.qiehuan .swiper-pagination-bullet{ background:#4370f5 !important}



.cee02{  background:#4370f5;}
.cee02 a{ color:#fff !important}
.cee03{  background:#4370f5;}
.cee03 a{ color:#fff !important}



.zscl{ display: flex;   justify-content: space-between;  align-items: center;}
.zscl01{    position: relative;
    width: 300px;
    height: 400px;
    padding: 30px;
    background: #fff;
    font-size: 14px; box-sizing:border-box;}
.zscl01 h2{ font-size:24px; font-weight:700; color:#333;}
.zscl01 .img{ display:block; width:100%;    margin: 30px 0 20px;}
.zscl01 .img img{ width:100%; vertical-align:bottom;}
.zscl01 span{ display:block; font-size:14px; color:#999;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;}
.zscl01 a{ font-size:14px; display:block; text-align:right; color:#4370f5;  margin-top:12%;}

.zscl02{width:calc(100% - 310px);}
.zscl02 ul{    flex-wrap: wrap;    justify-content: space-between;     display: flex;}
.zscl02 ul li{    width: 290px;
    height: 195px;
    padding: 20px;
    background: #fff;
    margin-bottom: 10px; box-sizing:border-box; text-align:left;}

.zscl02 ul li:nth-child(4), .zscl02 ul li:nth-child(5), .zscl02 ul li:nth-child(6) {
    margin-bottom: 0;
}
.zscl02 ul li a{ display:block}
.zscl02 ul li a h2{ font-size:18px; color:#333; display:blockl}
.zscl02 ul li a span{ display:block;     margin: 15px 0 10px;   line-height: 23px; font-size: 14px;  color: #999;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;}
.zscl02 ul li a .img{ display:block; width:100%}
.zscl02 ul li a .img img{ width:100%; vertical-align:bottom;}


.wsss{display: flex;   justify-content: space-between;  align-items: center;}
.wsss02{ flex:1;}
.wsss01{    position: relative;
    width: 260px; color: #fff; box-sizing:border-box;}
.wsss01 .img{ display:block; width:100%; vertical-align:bottom}
.wsss01 .img img{ width:100%; vertical-align:bottom;}
.wsssse{ position:absolute; top:0; left:0; width:100%; height:100%;    padding: 40px; box-sizing:border-box;}
.wsssse h2{font-size:24px; display:block}
.wsssse span{font-size:14px;    margin: 30px 0; line-height: 28px; display:block;}
.wsssse .quang01{display: flex;  align-items: center; flex-wrap: wrap; }
.wsssse .quang01 em{ font-style:normal; font-size:14px;     padding: 5px 10px;     margin-right: 10px;     background: hsla(0, 0%, 100%, .32);     margin: 0 10px 20px 0;}
.wsss02 ul{    flex-wrap: wrap;justify-content: flex-start;     display: flex;
    align-items: center;}
.wsss02 ul li{
    width: 313px;
    height: 247px;
    padding: 30px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background: #fff; box-sizing:border-box; position:relative;
}
.wsss02 ul li:nth-child(4) { width: 470px;  height: 152px;   border-bottom: none      }
.wsss02 ul li:nth-child(5) {    width: 470px;  height: 152px;   border-bottom: none   }
.wsss02 ul li a{ display:block}
.wsss02 ul li a h2{ font-size:18px; font-weight:normal; color:#333}
.wsss02 ul li a span{ font-size:14px; color:#999;  display:block; margin-top:4%; height:69px; overflow:hidden;}
.wsss02 ul li .sbql{
    position: absolute;
    bottom: 10px;
    right: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 85px;
    height: 85px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 50%;
   
    }

.wsss02 ul li:hover {
    box-shadow: 0 8px 16px rgba(0,0,0,.2);
    transition: .3s;
    transform: translate3d(0, -3px, 0);
}

.tab_valli{ display:none}
.aeu01{}
.qh li{ position:relative;}
.qh li .white-arrow{
    width: 16px;
    height: 16px;
    background: #fff;
    position: absolute;
    bottom: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(45deg); display:none
}
.aeu01 .white-arrow{ display:block !important;}

.cent02{ padding-top:3%; padding-bottom:1.5%; border-bottom:1px solid #999 }
.cent02 .title{ margin-bottom:3%;}
.qh{   display: flex; justify-content: space-between;  align-items: center;}
.qh li{    width: 191px; height: 80px; border-radius: 4px; overflow: hidden; display: flex; justify-content: center;  align-items: center;}
.qh li .img{ width:28px; height:100%;display: flex; justify-content: center;  align-items: center;    margin-right: 10px;}
.qh li .img img{ max-height:100%; max-width:100%;}
.qh li  span{ font-size:18px; color:#fff;}

.tabs_val{ margin-top:40px}
.sjie{}
.sjie ul{    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 400px;}
.sjie ul li{    width: 300px;
    height: 200px;}
.sjie ul li a{border-bottom: 1px solid #eee; display:block; height:100%;  border-right: 1px solid #eee;  background: #fff; padding: 20px; cursor: pointer; box-sizing:border-box}
.sjie ul li .img{ width:100%; height:auto;}
.sjie ul li .img img{ width:100%; height:118px; vertical-align:bottom; vertical-align:bottom;}
.sjie ul li span{ font-size:20px; color:#000;    margin-top: 20px;  display:block;}
.sjie ul li span em{ font-size:14px; color:#4370f5; margin-left:20px; font-style:normal;}
.sjie ul li:hover{  box-shadow: 0 8px 16px rgba(0,0,0,.2);
    transition: .3s;
    transform: translate3d(0, -3px, 0);}

.jiehun02{ display:nones}

.cent03{ padding-top:3%; padding-bottom:1.5%; border-bottom:1px solid #999 }
.cent03 .title{ margin-bottom:3%;}
.qh01{ display: flex; justify-content: center;  align-items: center;}
.qh01 li{    position: relative;
    padding: 5px 20px;
    font-size: 18px;
    color: #999;
    cursor: pointer;}
.qh01 li:after{  content: "";   position: absolute; top: 0; bottom: 0;    right: 0; margin: auto 0; width: 1px;  height: 16px; background: #999}
.qh01 li:last-child:after{ display:none}
.aeu02{ color:#4370f5 !important;}

.hzp{ display: flex;   justify-content: space-between;  align-items: center;}
.hzp01{ border-radius: 4px;  width: 585px; overflow:hidden; position:relative}
.hzp01 a{ display:block; width:100%;}
.hzp01 a .img{ width:100%;}
.hzp01 a .img img{width:100%; vertical-align:bottom;}
.hzp01 span{ display:block; background:#fff; text-align:center; font-size:16px; color:#000; line-height:60px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1; position:absolute; bottom:0; left:0; width:100%;}
.hzp01:hover{box-shadow: 0 8px 16px rgba(0,0,0,.2);
    transition: .3s;
    transform: translate3d(0, -3px, 0);}
 
.hzp02{width:calc(100% - 595px);}
.hzp02 ul{    flex-wrap: wrap;     justify-content: space-between;    display: flex;
    align-items: center;}
.hzp02 ul li{ width:195px;    margin-bottom: 10px;overflow:hidden; border-radius: 4px; position:relative;}
.hzp02 ul li a{ display:block;}
.hzp02 ul li a .img{ height:195px; width:100%;}
.hzp02 ul li a .img img{ width:100%; height:100%;}
.hzp02 ul li a span{ font-size:18px; color:#000; line-height:40px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1; background:#fff; text-align:center; position:absolute; left:0; width:100%; bottom:0;}
.hzp02 ul li:hover{box-shadow: 0 8px 16px rgba(0,0,0,.2);
    transition: .3s;
    transform: translate3d(0, -3px, 0);}
.hzp02 ul li:nth-child(4), .hzp02 ul li:nth-child(5), .hzp02 ul li:nth-child(6) {
    margin-bottom: 0;
}

.jiehun03{ display:none}
.cent04{padding-top:3%; padding-bottom:1.5%; border-bottom:1px solid #999 }
.cent04 .title{ margin-bottom:3%;}
.qh03{}
.qh03 li{ font-size:18px; color:#666;}

.hfp{display: flex;   justify-content: space-between;  align-items: center;}
.hfp01{ width:380px}
.hfp01 ul li{position:relative;margin-bottom:10px;overflow: hidden;border-radius: 4px;}
.hfp01 ul li a{ display:block;}
.hfp01 ul li a .img{width:100%;height: 297px;}
.hfp01 ul li a .img img{width:100%;vertical-align:bottom;height: 100%;}
.hfp01 ul li a span{ display:block; background:#fff; text-align:center; font-size:16px; color:#000; line-height:60px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1; position:absolute; bottom:0; left:0; width:100%;}
   
   
.hfp02{width:calc(100% - 390px);}
.hfp02 ul{ flex-wrap: wrap;     justify-content: space-between;    display: flex;   align-items: center;}
.hfp02 ul li{display:block;position:relative;width:195px;margin-bottom:10px;overflow: hidden;border-radius: 4px;}
.hfp02 ul li a{height:195px;width:100%;display:block;}
.hfp02 ul li a img{ width:100%; height:100%;}
.hfp02 ul li a span{ font-size:18px; color:#000; line-height:40px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 1; background:#fff; text-align:center; position:absolute; left:0; width:100%; bottom:0;}

.cent04{padding-top:3%; padding-bottom:1.5%; border-bottom:1px solid #999 }
.cent04 .title{ margin-bottom:3%;}
{display: flex; justify-content: center;  align-items: center;}
.jinyu01{display: flex; justify-content: center;  align-items: center;}
.jinyu01 li{    position: relative;
    padding: 5px 20px;
    font-size: 18px;
    color: #999;
    cursor: pointer;}
.jinyu01 li:after{  content: "";   position: absolute; top: 0; bottom: 0;    right: 0; margin: auto 0; width: 1px;  height: 16px; background: #999}
.jinyu01 li:last-child:after{ display:none}
.cee04 a{ color:#4370f5 !important;}


.cent06{padding-top:3%; padding-bottom:1.5%; }
.cent06 .title{ margin-bottom:3%;}
.lingy{ display: flex; justify-content: space-between;  align-items: flex-start;}
.lingy01{    width: 50%;}
.lingy01 img{ width:100%;}
.lingy02{ width:495px}
.lingy02 h2{ font-size:18px; color:#333; font-weight:normal; display:block;}
.lingy02 ul{    flex-wrap: wrap;    justify-content: flex-start;    display: flex;
    align-items: center;}
.lingy02 ul li{    width: 50%;
    margin-top: 40px;}
.lingy02 ul li a{ display:block;}
.lingy02 ul li a span{ display:block; font-size:18px; color:#333;}
.lingy02 ul li a em{ display:block; font-size:14px; font-style:normal; height:38px; overflow:hidden;     margin-top: 10px; color:#333;     width: 168px;}
.lingy02 ul li a em:hover{ color:#4370f5}
.lingy02 ul li a span:hover{ color:#4370f5}


.cent05{padding-top:3%; padding-bottom:1.5%; }
.cent05 .title{ margin-bottom:3%;}
.qh05{ display: flex; justify-content: center;  align-items: center;}
.qh05 li{    position: relative;
    padding: 5px 20px;
    font-size: 18px;
    color: #999;
    cursor: pointer;}
.qh05 li:after{  content: "";   position: absolute; top: 0; bottom: 0;    right: 0; margin: auto 0; width: 1px;  height: 16px; background: #999}
.qh05 li:last-child:after{ display:none}
.aeu05{ color:#4370f5 !important;}

.jqsb01{ width:100%;}
.jqsb01 img{ width:100%; vertical-align:bottom;}
.sae01{}
.sae01 ul{    }
.sae01 ul li{ float:left; display:block;  width:calc((100% - 75px)/4); margin-right:25px;  margin-bottom: 20px;
    border-radius: 8px;
    border: 1px solid #ccc;
    overflow: hidden; box-sizing:border-box; overflow:hidden; width:280px; position:relative;}
.sae01 ul li img{width:100%;vertical-align: bottom;}
.sae01 ul li span{font-size: 16px;position:absolute;left:0;bottom:0;width:100%;text-align: center;color: #fff;background: linear-gradient(180deg, rgba(34, 45, 57, 0), rgba(20, 27, 34, .54) 40%, #000);line-height: 50px;}
.sae01 ul li:nth-child(4n) {
    margin-right: 0% ;
}


.sae{}
.sae ul{  }
.sae ul li{   float:left; display:block;  width:calc((100% - 50px)/3); margin-right:25px;  margin-bottom: 20px; margin-bottom: 20px;
    border-radius: 8px;
    border: 1px solid #ccc;
    overflow: hidden; box-sizing:border-box; overflow:hidden;position:relative;}
.sae ul li img{width:100%;vertical-align: bottom;    height: 300px;
    object-fit: cover;}
.sae ul li span{font-size: 16px;position:absolute;left:0;bottom:0;width:100%;text-align: center;color: #fff;background: linear-gradient(180deg, rgba(34, 45, 57, 0), rgba(20, 27, 34, .54) 40%, #000);line-height: 50px;}
.sae ul li:nth-child(3n) {
    margin-right: 0% ;
}


.footer-bg{ background:#0a1127; padding:40px 0 10px 0; color:#999;}
.footer-bg a{ color:#999;}
.footer01{ display: flex; justify-content: space-between;  align-items: center;    padding-bottom: 20px;  border-bottom: 1px solid #333;}
.footer01 span{display: flex;align-items: center;font-size:16px;color:#fff;min-width: 57px;}
.footer01 span img{ width:19px; margin-right:10px}
.jajye{ width:75px;}
.footer01 span:nth-child(3) { width: 187px;}
.footer01 span:nth-child(4) { width: 187px;}

.footer02{padding-bottom: 20px;border-bottom: 1px solid #333;padding-top: 14px;align-items: flex-start;/* justify-content: flex-start; */display: flex;justify-content: space-between;}
.footer0201 h2{ font-size:24px; color:#4370f5; display:block; font-weight:700;}
.footer0201 span{ font-size:16px; color:#999; display:block; margin-top:14px;    line-height: 40px;}
.footer0202{}
.footer0202 ul { height: 205px;  flex-wrap: wrap;display: flex;  flex-direction: column;}
.footer0202 li {  width: 104px;  height: 21px; line-height: 23px; margin-bottom: 20px; color: hsla(0, 0%, 100%, .8);cursor: pointer; color: #999;}
.footer0202 li a{ font-size:16px;}
.footer0202 li a:hover{ color:#4370f5}

.footer0203{width: 187px;/* margin-left: 21%; */}
.footer0203 ul { height: 205px;  flex-wrap: wrap;display: flex;  flex-direction: column;}
.footer0203 li {  width: 104px;  height: 21px; line-height: 23px; margin-bottom: 20px; color: hsla(0, 0%, 100%, .8);cursor: pointer; color: #999;}
.footer0203 li a{ font-size:16px;}
.footer0203 li a:hover{ color:#4370f5}


.footer0204{
    /* margin-left: 11%; */
    width: 187px;
}
.footer0204 ul { height: 205px;  flex-wrap: wrap;display: flex;  flex-direction: column;}
.footer0204 li {  width: 86px;  height: 21px; line-height: 23px; margin-bottom: 20px; color: hsla(0, 0%, 100%, .8);cursor: pointer; color: #999;}
.footer0204 li a{ font-size:16px;}
.footer0204 li a:hover{ color:#4370f5}
.footer0204:last-child{width: auto;}
.footer0204:last-child li{width: auto !important;}

.footer03{    padding: 10px 0; border-bottom: 1px solid #333; display: flex;    align-items: flex-start;  }
.footer03 img{ width:15px; margin-right: 11px;}
.footer0301{  display: flex;   align-items: center;  flex-wrap: wrap; flex:1;    justify-content: flex-start;}
.footer03 a{    min-width: 64px; margin: 0 37px 10px 0; color: hsla(0, 0%, 100%, .8); font-size:16px;}
.footer03 a.hover{ color:#fff;}

.footer04{      display: flex; align-items: flex-start;
    padding-bottom: 10px;
    border-bottom: 1px solid #333;     padding-top: 10px; justify-content: flex-start;}
.footer04 span{ font-size:16px;     color: hsla(0, 0%, 100%, .7);}
.footer04 a{font-size:16px;     color: hsla(0, 0%, 100%, .7);}

.footer05{    display: flex; align-items: flex-start;
    padding-bottom: 10px;   padding-top: 10px; justify-content: flex-start;}
.footer05 span{ font-size:16px;     color: hsla(0, 0%, 100%, .7);}
.footer05 a{font-size:16px;     color: hsla(0, 0%, 100%, .7);  display: flex; align-items: center;}
.footer05 a img{ width:20px;     margin-right: 10px;}
.line{    margin: 0 10px;}


.cent07{ width:100%; width:100%; position:relative;}
.cent07 img{ width:100%; vertical-align:bottom;}
.cent0701{
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 912px;
    height: 188px;
    background: rgba(0, 0, 0, .29);
    color: #fff;
    display: flex;
    align-items: center;
    }
.cent0701 span{     font-size: 50px;
    font-weight: 400;}



.cent08{ margin-top:3%; margin-bottom:3%;}
.cent08-l{ float:left; display:block;     width: 205px;
    margin-right: 35px;
    padding: 20px 0;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    border-radius: 20px; box-sizing:border-box;}
.wdfl{  display: flex; justify-content: center;  align-items: center;}
.wdfl h2{ font-size:24px; color:#333; font-weight:normal}
.wdfl i{       width: 10px;
    height: 10px;
    transform: rotate(135deg);
    margin-left: 3px;
    transition: All .3s ease-in-out;
    border-color: #222d39 #222d39 transparent transparent;
    border-style: solid;
    border-width: 1px 1px 2px 2px; display:block; margin-left:10px;}
.vmenu{ margin-top:40px;    min-height: 60px;  padding: 0 15px;}
.vmenu span{ position:relative;  display: flex; align-items: center; line-height:45px; padding-left: 12px;
  border-radius: 25px; }
.vmenu span img{filter: brightness(0%) contrast(200%) invert(50%) opacity(100%); width:25px;     margin-right: 8px;   }
.vmenu span a{ font-size:16px; color:#222d39;}
.vmenu span i{ position:absolute;    height: 6px;
    width: 6px;
    transition: All .3s ease-in-out;
    transform: rotate(45deg);
    border-color: #222d39 #222d39 transparent transparent;
    border-style: solid;
    border-width: 1px 1px 2px 2px;    top: 0;
    bottom: 0;
    right: 18px;
    margin: auto 0;}
.vmenu li span.cee{ background:rgb(238, 246, 255)}
.vmenu li span.cee a{ color:rgb(67, 112, 245)}
.vmenu li span.cee img{filter:none;}
.vmenu li span.cee i{    transform: rotate(135deg);
    border-right: 1px solid #4370f5;
    border-top: 1px solid #4370f5;}
.sbql03{ padding-left:30px; margin-top:10px;}
.sbql03>dd{ line-height:38px; position:relative;}
.sbql03>dd a{ font-size:14px; color:#687294}
.sbql03>dd a:hover{  color: #4370f5;}
.sbql03>dd dl{display: none;
    position: absolute;
    top: 0;
    right: -140px;
    width: 160px;
    max-height: 500px;
    overflow-y: auto;
    padding: 10px 0;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 3px 6px rgba(0,0,0,.16);
    border-radius: 8px;
    z-index: 10000;}
.sbql03>dd dl dd{     height: 40px;
    line-height: 40px;
    padding: 0 19px;}
.sbql03>dd dl dd a{ font-size:14px; color:#687294; }
.sbql03>dd dl dd a:hover{ color: #4370f5;}
.sbql03{ display:none;}

.cent08-r{ float:right; display:block; width:1000px;}

.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:16px; color:#222d39;}
.weizhi a{ color:#222d39;}

.lanne{ line-height:1;  display: flex; flex-wrap: wrap;   align-items: center;}
.lanne a{font-size:16px; color:#687294; margin:0 35px 10px 0}
.lanne a.hover{ color:#4370f5; font-weight:bold;}

.cent09{}
.cent09-l{ float:left; display:block; width:392px;}
.cent09-l .mySwiper02{ width:100%;}
.cent09-l .mySwiper02 img{ display:block; width:100%; vertical-align:bottom; height:184px; object-fit: contain;}
.cent09-r{ float:right; display:block; width:calc(100% - 402px);}
.cent09-r ul{    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;}
.cent09-r ul li{     width: 191px;
    height: 184px;
    margin: 0 10px 0px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: relative;
    cursor: pointer; box-sizing:border-box; overflow:hidden;}
.cent09-r ul li:nth-child(3n) { margin-right: 0% ;}
.cent09-r ul li a{ display:block;}
.cent09-r ul li a .img01{ position:absolute; top:-10px; left:0; width:50px;}
.cent09-r ul li a .img01 img{ width:100%;}
.cent09-r ul li a .img02{ width:100%;    height: 125px; display: flex; justify-content: center;  align-items: center;}
.cent09-r ul li a .img02 img{ max-width:100%; max-height:100%; overflow:hidden;}
.cent09-r ul li .sbql02{ position: relative;
                width: 100%;
                height: 61px;
                padding: 8px 10px 0; box-sizing:border-box;}
.cent09-r ul li .sbql02 span{ display:block; font-size:16px; color:#222d39}
.cent09-r ul li .sbql02 em{ text-align:right; font-style:normal; display:block; font-size:14px; color:#4370f5}

.cent10{     margin-top: 10px;}
.cent10 ul{display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    position: relative;}
.cent10 ul li{     width: 191px;
    height: 184px;
    margin: 0 10px 10px 0;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: relative;
    cursor: pointer; box-sizing:border-box;overflow:hidden;}
.cent10 ul li:nth-child(5n) { margin-right: 0% ;}
.cent10 ul li a{ display:block;}
.cent10 ul li a .img01{ position:absolute; top:-10px; left:0; width:50px;}
.cent10 ul li a .img01 img{ width:100%;}
.cent10 ul li a .img02{ width:100%;    height: 125px; display: flex; justify-content: center;  align-items: center;}
.cent10 ul li a .img02 img{ max-width:100%; max-height:100%;overflow:hidden;}
.cent10 ul li .sbql02{ position: relative;
                width: 100%;
                height: 61px;
                padding: 8px 10px 0; box-sizing:border-box;}
.cent10 ul li .sbql02 span{ display:block; font-size:16px; color:#222d39}
.cent10 ul li .sbql02 em{ text-align:right; font-style:normal; display:block; font-size:14px; color:#4370f5}

.yqli{ display:none;}

.inside_con{ padding:10px 0; min-height:300px;}
.cent11{ margin-top:4%;}
.lanm{ display: flex;   justify-content: space-between;  align-items: center;}
.lanm h2{  display: flex; align-items: center;   font-size: 24px; font-weight: 600;   color: #222d39;}
.lanm img{    width: 20px; margin-right: 10px;}
.yyzz{ display: flex;  align-items: center;}
.yyzz li{    padding: 6px 13px;
    border: 1px solid #ccc;
    border-radius: 8px;
    color: #222d39;
    cursor: pointer; font-size:16px; margin-right:10px;
	}
	
.yyzz li.active{    background: #4185f4;
    border: none;
    color: #fff;}	
.yq{ margin-top:2%;}
.tuj{}	
.tuj ul{ }	
.tuj li{position:relative; float:left; display:block;width:calc((100% - 60px)/4); margin-right:20px; margin-top:20px;}
.tuj li:nth-child(4n) {
    margin-right: 0% ;
}
.tuj li span{    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: linear-gradient(180deg, rgba(34, 45, 57, 0), rgba(20, 27, 34, .54) 40%, #000);
    opacity: .54;
    font-size: 16px;
    color: #fff;}
	
.tuj li .img{ display: flex; justify-content: center;  align-items: center;    height: 235px;}
.tuj li .img img{ max-width:100%; max-height:100%;}	
	
.she{}
.she ul{}	
.she ul li{    width: 320px;
    height: 235px; float:left; margin-right:20px; position:relative; margin-bottom:20px}	
.she ul li:nth-child(3n) {
    margin-right: 0% ;
}
.she ul li .img{ height:100%;  display: flex; justify-content: center;  align-items: center;}
.she ul li .img  img{ width:100%; height: 235px;
    object-fit: cover;}
.she ul li span{    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: linear-gradient(180deg, rgba(34, 45, 57, 0), rgba(20, 27, 34, .54) 40%, #000);
    opacity: .54;
    font-size: 16px;
    color: #fff;
}

.qyiq{ margin-top:2%;}
.qyiq ul li{ float:left; display:block; width:calc((100% - 50px)/3); margin-right:25px; margin-bottom:25px;}
.qyiq ul li:nth-child(3n) {
    margin-right: 0% ;
}
.qyiq ul li a{ display:block; width:100%;   border: 1px solid #ccc;}
.qyiq ul li a .img{ width:100%; height:208px; display: flex; justify-content: center;  align-items: center; }
.qyiq ul li a .img img{ display:block; max-height:100%; max-width:100%;}

.anli{}
.anli ul li{ float:left; display:block; width:calc((100% - 70px)/3); margin-right:35px; margin-top:4%}
.anli ul li:nth-child(3n) { margin-right: 0% ;}
.anli ul li a{ display:block}
.anli ul li a .img{ display:block; width:100%;}
.anli ul li a .img img{ display:block; width:100%; vertical-align:bottom;}
.read{ margin-top:10%;}
.read0201{    display: inline-block;
    width: 100%;
    height: 72px;
    background: #4370f5;
    text-align: center;
    color: #fff;}
.read0201 span{    font-size: 24px;
    font-weight: 700;
    margin-top: 9px;}
.read0201 p{    font-size: 16px;
    font-weight: 400;}	
.read023{    height: 49px;
    border: 1px solid #ccc;
    border-top: 0;
    position: relative;
    color: #999;}
.bot-left{    position: absolute;
    left: 9px;
    top: 2px;
    font-size: 16px;}
.bot-right{    position: absolute;
    right: 3px;
    bottom: 3px;
    font-size: 16px;}
.bot-line{    position: absolute;
    left: 25%;
    top: 50%;
    width: 65%;
    height: 1px;
    background-color: #ccc;
    z-index: 1;
    transform: rotate(135deg);
}	
.read02{    width: 17%; display:inline-block;    margin-right: 25px;}
.read01{    position: relative;
    width: 70%;
    height: 121px;
    display: inline-block;
    vertical-align: top;}
	
.read01 h2{ display:block; font-size:16px; color:#000;    margin: 3px 0 5px;}
.read01 span{ display:block;    color: #999; font-size: 14px;    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;}	
.anli ul li:nth-child(3n-2){ clear:left;}	
	
.news{ margin-top:3%; margin-bottom:3%}	
.news .anli ul li{ margin-top:2%;}
.lanne01{ line-height:40px;  display: flex; flex-wrap: wrap;   align-items: center;  margin-top:2%}
.lanne01 a{font-size:20px; color:#303133; margin:0 35px 0px 0}
.lanne01 a.hover{ color:#4370f5;}
	
.lanmu h3{    margin: 30px 0 !important;
    padding-left: 20px !important; font-size:18px; color:#000;
    position: relative;}	
.lanmu h3:after {
    content: "";
    width: 6px;
    height: 30px;
    background: #4370f5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
	}
	
	.update_detail_con h2{    margin: 30px 0 !important;
    padding-left: 20px !important; font-size:18px; color:#000;
    position: relative;}	
.update_detail_con h2:after {
    content: "";
    width: 6px;
    height: 30px;
    background: #4370f5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
	}
	
.update_detail_con h3{    margin: 30px 0 !important;
    padding-left: 20px !important; font-size:18px; color:#000;
    position: relative;}	
.update_detail_con h3:after {
    content: "";
    width: 6px;
    height: 30px;
    background: #4370f5;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;}
	
	
	.adminbuy_chaxun{ width: 300px; margin: 100px auto 100px;}
.adminbuy_chaxun li{ margin-bottom: 15px;}
.adminbuy_chaxun .abkuang{ border-radius: 3px;width: 100%; border: 1px solid #ddd; height: 40px; box-sizing: border-box; padding: 0 10px;}
.adminbuy_chaxun .abcha{ width: 100%; line-height: 40px; border: 0; border-radius: 3px; background: #69c; color: #fff; font-size:16px; cursor:pointer}

.adminbuy_jg{ width: 700px; margin: 100px auto 20px;}
.hou-01{ float:left; display:block; width:60%}
.hou-01 h2{ font-size: 20px; color:green; margin-bottom: 20px; font-weight:normal;}	
.back{ width:180px; margin:30px auto 50px;}
.back a{ display:block; background:#69c; color:#fff; line-height:36px; border-radius:3px; text-align:center}
.sme{ font-size:14px; color:#222; display:block; line-height:30px;}	
.hou-02{ float:right; display:block; width:40%; text-align:center}
.hou-02 img{ width:100%}
.hou-02 a{ font-size:14px; color:#000; display:block; line-height:30px;}