@charset "utf-8";

.ps4{ font-size: .14rem; color: #828282; line-height: .24rem; max-height: .96rem\0;}

.banner{position:relative}
.banner .mask{position: absolute;left: 0;bottom: 0;right: 0;z-index: 5}
.banner .mask img{width: 100%}
.banner .swiper-slide .sc{-webkit-transition:8s 1s linear;-webkit-transform:scale(1)}
.banner .swiper-slide-active .sc{-webkit-transform:scale(1.1)}
.banner .swiper-slide a{display:block;position:relative}
.banner .swiper-slide a:before{content:'';position:absolute;left:0;top:0;right:0;height:2rem;
  /* background:url(../images/bamask.png) no-repeat top center; */
  background-size:101% 100%;z-index:2}
.banner .swiper-slide a:after{content:'';position:absolute;left:0;bottom:0;right:0;height:2rem;background:url(../images/txtmask.png) no-repeat top center;background-size:101% 100%;z-index:2;opacity: .6;}
.banner .imgBox .img{padding-bottom: 100vh}
.slide-video .a{position: absolute;top: 0px;left: 0px;right: 0px;width:100%;} 
.slide-video video{width: 100%;height: 100%;object-fit: cover;position: absolute;}

.banner  .cls-loop{fill:none;stroke:rgba(255,255,255,1);stroke-linecap:round;stroke-width:2px;}
.banner  .cls-bg{fill:none;stroke:rgba(255,255,255,.2);stroke-linecap:round;stroke-width:2px;}
.banner  .linsvg {position: absolute;left: 50%;transform: translateX(-50%);bottom: -.2rem;pointer-events: none;z-index: 4}
.banner  .linsvg svg{height: 2.04rem}
.banner .swiDotsp{position: absolute;left: 50%;transform: translateX(-50%);bottom: 1.2rem;z-index: 5;}
.banner .swiDots{margin: 0 .1rem;display: flex;justify-content: center;align-items: flex-end;margin-top: -.3rem}
.banner .swiDotsp .prev{color: #fff;font-size: .2rem;cursor: pointer;font-weight: bold; transform: rotateY(180deg) translateY(.08rem);}
.banner .swiDotsp .next{color: #fff;font-size: .2rem;cursor: pointer;font-weight: bold; transform:  translateY(.08rem);}
.banner .swiDots span{background:transparent;width:auto;height: auto; opacity:1;margin:0 .1rem;position:relative;display: block;color: #fff;line-height: .24rem}
.banner .swiDots span.active{font-size: .22rem }
.banner .swiDots span:after{content: '';width:0;height: 2px;background: rgba(255,255,255,.6);display: block;position: absolute;bottom: -3px;left: 50%;transform: translateX(-50%);}
.banner .swiDots span.active:after{width: .2rem}
.banner .bat{position: absolute;left: 5%;right: 5%;top: 50%;transform: translateY(-50%);z-index: 5;text-align: center;}
.banner .bat img{max-height: 2.4rem;}
@media (max-width:1024px){
.banner .swiper-slide a:before{height:1rem}
.banner .swiDots span{/*! width:10px; *//*! height:10px; */margin:0 .1rem}
.banner .wp{bottom:.3rem}
.banner .item .imgBox .img{padding-bottom:54%;height:auto;min-height:inherit}
  
.banner .imgBox .img{padding-bottom: 54%;}
  .banner .linsvg svg{ max-height: 16vw}
  .banner .swiDotsp{ bottom: .25rem;}
  .banner .swiDots{ /*! margin-top: 0 */}
}
@media (max-width:640px){.banner .swiDots span{width:8px;/*! height:8px; */margin:0 .1rem}
.banner .wp{bottom:.2rem}
}

.slide-ba .btn{ position: absolute; top: 50%;z-index: 10;width: .6rem;transition: .5s;opacity: .5;cursor: pointer;}
.slide-ba .btn.prev{ left: 1.5%}
.slide-ba .btn.next{ right: 1.5%}
.slide-ba .btn img{ width: 100%}
.slide-ba .btn:hover{ opacity: 1}

.intit{margin-bottom: .45rem;}
.intit .h4 span{font-size: .34rem;display: block;position: relative;font-weight: bold;font-family: Microsoft YaHei;}
.intit .h4 span:before{content: '';width: .24rem;height: .11rem;background: url(../fonts/titl.svg) no-repeat center;background-size: .24rem .11rem;display: inline-block;margin-right: 0;vertical-align: middle}
.intit .h4 span:after{content: '';width: .24rem;height: .11rem;background: url(../fonts/titr.svg) no-repeat center;background-size: .24rem .11rem;display: inline-block;margin-left: 0;vertical-align: middle;}
.intit .h4 em{font-size: .16rem;text-transform: uppercase;color: #acabab;letter-spacing: .01rem;}
.intit .h4 p{ font-size: .14rem; color: #333; line-height: .24rem; margin: .1rem 0 0;}
.intit .h4 p a{ margin: 0 .05rem; color: #555;/*! font-weight: 600; */background: #eff6ff;line-height: .28rem;display: inline-block;border-radius: 50vw;padding: 0 .1rem;}
.intit .h4 p a:hover{ color: #f00}
.intit .h4.w span{color: #fff}
.intit .h4.w em{color: rgba(255,255,255,.5);}
.intit .h4.w span:before{content: '';width: .24rem;height: .11rem;background: url(../fonts/titlw.svg) no-repeat center;background-size: .24rem .11rem;display: inline-block;margin-right: .1rem;vertical-align: middle}
.intit .h4.w span:after{content: '';width: .24rem;height: .11rem;background: url(../fonts/titrw.svg) no-repeat center;background-size: .24rem .11rem;display: inline-block;margin-left: .1rem;vertical-align: middle}

.swiTool{width: 240px;align-items:center;}
.swiTool a{display: block;width: 70px;height: 70px;background: #fff;text-align: center;line-height: 70px;border-radius: 50%;font-size: 20px}
.swiTool .cir{width: 80px;height: 80px;border-radius: 50%;background: #c11623;position: relative;}
.swiTool .svgCird{position: absolute;left: 8px;top: 8px}
.swiTool .swiDots{position: absolute;left: 0;top: 0;right: 0;bottom: 0;text-align: center;z-index: 3;line-height:80px;color: #fff}

.homea{margin-top: -.4rem;position: relative;z-index: 5}
.homea .tit{font-size: .24rem;position: relative;padding-left: .3rem}
.homea .tit:before{content: '';height: 3px;width: .15rem;background: #c11623;position: absolute;left: 0;top: 50%;margin-top: -1px}
.homea .aleft{width: 25%;background: #f0f2f8;padding:.25rem .3rem .3rem;height: 5.9rem}
.homea .amid{width:50%;background: #fff;position: relative;transform: translateY(-.4rem)}
.homea .aright{width: 25%;background: url(../images/a3bg.jpg) no-repeat center;background-size: cover;height: 5.9rem;padding:.25rem .3rem .3rem;color: #fff}
.homea .amid .tit{position: absolute;top: .3rem;left: .3rem;z-index: 5;color: #fff}
.homea .amid ul li .imgBox .img{height: 5.9rem;padding-bottom: 0}
.homea .amid ul li .imgBox:after{content:'';position:absolute;left:0;bottom:0;right:0;height:2rem;background:url(../images/txtmask.png) no-repeat top center;background-size:101% 100%;z-index:2;opacity: .6;}
.homea .amid ul li a{display: block;position: relative;}
.homea .amid ul li .txt{position: absolute;left: 0;bottom: 0;right: 0;z-index: 3;padding: .3rem;color: #fff}
.homea .amid ul li .txt h4{font-weight: normal;font-size: .2rem;margin-bottom: .1rem}
.homea .amid ul li .txt p{font-size: .15rem;line-height: 1.6em;color: rgba(255,255,255,.8);}
.homea .amid .sbtn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;width: .5rem;height: .5rem;border-radius: 50%;border: 1px solid rgba(255,255,255,.5);color: #fff;line-height: .48rem;text-align: center;}
.homea .amid .sbtn:hover{background: rgba(255,255,255,.2);}
.swiper-button-disabled{opacity: .5}
.homea .amid .sbtn.prev{left: .2rem}
.homea .amid .sbtn.next{right: .2rem}
.homea .swiTool{margin: 0 auto;margin-top: .15rem; display: none;}
.homea .swiTool a{width: 50px;height: 50px;line-height: 50px;background: #f0f2f8}
.homea .swiTool .cir{width: 50px;height: 50px;}
.homea .swiTool .svgCira{position: absolute;left: 3px;top: 3px}
.homea .swiTool .swiDots{line-height: 50px;font-size: .14rem}
.homea .aleft ul{padding-top: .1rem}
.homea .aleft ul li{padding: .12rem 0;border-top: 1px solid #e6e9f2}
.homea .aleft ul li h4{font-weight: normal;line-height: 1.5em;height: .48rem}
.homea .aleft ul li h4 span{position: relative;left: -6px}
.homea .aleft ul li:nth-child(1){border-top: 0;}
.homea .aleft ul li:nth-child(1) h4{margin-top: .1rem}
.homea .aright ul{padding-top: .15rem}
.homea .aright ul li{padding: .1rem 0}
.homea .aright ul li a:hover .aline_w{color:#fff;}
.homea .aright ul li h4{color: #d9e0ed;font-weight: normal;margin-bottom: .1rem;line-height: 1.5em}
.homea .aright ul li time{color: rgba(255,255,255,.4);display: block;position: relative;font-size: .14rem}
.homea .aright ul li time:after{content: '';height: 1px;background: rgba(255,255,255,.1);right: 0;left: 1rem;top: 50%;position: absolute;}

.homeb{padding: .5rem 0 .85rem;z-index: 1;}
.homeb .slide-b{width: calc((100vw - 15.4rem) / 2 + 100%)}
.homeb .slide-b .item{padding: 0 .15rem .15rem 0;position: relative;}
.homeb .slide-b .item:after{content: '';position: absolute;top: .2rem;right: 0;bottom: 0;left: 0;z-index: 0;background: url(../fonts/a95654e42fba4387a3aa4cd62e9d6d24.svg);}
.homeb .slide-b .item .info p:nth-child(2){background-image: url(../fonts/wz_on.svg);}
.homeb .slide-b .item .info p:nth-child(3){background-image: url(../fonts/meeting.svg);}

.homeb .dragTip{max-width: 15.4rem;margin-top: .1rem;width: 100%; display: none}
.homeb .swiperW{ align-items: center; justify-content: space-between; max-width: 15.4rem;margin: .2rem 0 0;}
.homeb .swiper-scrollbar{height: 1px;position: relative;width: calc(100% - 1.2rem)}
.homeb .swiper-scrollbar-drag{background: #c11623;height: 3px;top: -1px;}
.homeb .btn{width: .5rem;height: .5rem;;text-align: center;line-height: .5rem;z-index: 5;color: #666;font-size: .18rem;border-radius: 50%;transition: .5s; border: rgba(0,0,0,.1) 1px solid; opacity: 1;}
.homeb .btn:hover{ background: #c1111a; color: #fff}
.homeb .btn:last-child{ margin-left: .12rem; transform: rotateY(180deg);}

.homeb .txtTip{display: flex;align-items:center;margin-top: 5px}
.homeb .txtTip span{margin: 0 .15rem;color: #333;font-size: .12rem;}
.homeb .txtTip a{font-size: .18rem}
.homeb .dragTip .animouse img{animation: 2s cubic-bezier(0.215, 0.61, 0.355, 1) 1s infinite normal both running rotateMouse;width: .16rem;}
@keyframes rotateMouse{0%{transform:rotateZ(0);}10%{transform:rotateZ(10deg);}20%{transform:rotateZ(-10deg);}30%{transform:rotateZ(0);}100%{transform:rotateZ(0);}}
.homeb .hbbg{position: absolute;bottom: -.3rem;z-index: -1;pointer-events: none;left: 0;right: 0;text-align: center;  background-size: 100% auto;}
.homeb .hbbg img{ width: 100%; max-width: 100%; top: 0; }
.homec{padding: .8rem 0;position: relative;z-index: 1;/*! min-height: 100vh; */display: flex;align-items: center;}


.homed {height: 9.4rem;background: url(../images/dbg.jpg);padding-top: .8rem}
.homed .scData{width: 45%;padding-top: .5rem}
.homed .scData .item {position: relative;padding: .25rem 0 .7rem;width: 46%}
.homed .scData .item:hover .num {color: #c11623}
.homed .scData .item:hover:after{width: 100%}
.homed .scData .item:before{content: '';height: 3px;background: #edc88e;position: absolute;top: 0;left: 0;width: 100%;z-index: 0}
.homed .scData .item:after{content: '';height: 3px;background: #c11623;position: absolute;top: 0;left:50%;width: 0;transform: translateX(-50%);transition: .3s;z-index: 5}
.homed .scData .item .num{font-size: .24rem;color: #1e417e}
.homed .scData .item .num span{font-size: .7rem}
.homed .scData ul li{display: flex;justify-content: space-between;flex-wrap: wrap;}
.homed .scData .dataTip{margin-top: .9rem;color: #999}

.homed .scVideo{width: 44%;position: absolute;right: 0;bottom: 0;transform-origin: center top;transform: scale(3);}
.scVideo a{ display: block;}
.homed .scVideo .imgBox{border-radius: 50% 50% 0 0;}
.homed .scVideo .imgBox:before{content: "\e630";width: .9rem;height: .9rem;border:3px solid #fff;text-align: center;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);z-index: 5;border-radius: 50%;line-height: .9rem;font-family: swiper-icons!important;color: #fff;font-size: .4rem}
.homed .scVideo .imgBox .img{height: 8rem;padding-bottom: 0;}

.homee{height: 5.85rem;/*! background: url(../images/ebg.jpg) no-repeat bottom  center; */background-attachment: fixed;display: flex;justify-content: center;flex-direction: column;background-size: cover;position: relative;z-index: 1;overflow: hidden;}
.homee .desc p {max-width: 4.2rem}
.homee .desc p .en{font-size: .58rem;color: #fff;text-transform: uppercase;}
.homee .desc p .cn{font-size: .48rem;color: #fff;font-family: "sys"; display: block;}
.homee .desc p img{height: .56rem;vertical-align: -.1rem;margin: 0 .2rem}
.homee .btn{display: flex;width: 1.4rem;height: .45rem;background: #1e417e;border-radius: .3rem;text-align: center;line-height: .45rem;color: #fff;margin-top: .4rem;transition: .5s;align-items: center;justify-content: center;}
.homee .btn i{margin-left: .06rem; display: inline-block; width: .3rem; height: .3rem; background: url(../images/more3_i1.png) center no-repeat; background-size: .24rem .24rem;}
.homee .btn:last-child i{ background: url(../images/more3_i2.png)  center no-repeat; background-size: .22rem .22rem;}
.homee .btn img{ height: .22rem; margin: 0 0 0 .06rem}

.homee .btn:hover{ box-shadow: 0 0 .15rem rgba(255,255,255,.8)}

.yuanxun {padding: 0 30px}
.spmore{display: block;width: 1.2rem;height: .38rem;border:1px solid #ddd;text-align: center;line-height: .36rem;font-size: .15rem}
.spmore i{font-size: .16rem;font-weight: bold;margin-left: .1rem}
.homef{padding-top: .8rem}
.homef  .slide-f{padding-top: .5rem;height: 7.25rem}
.homef ul li{}
.homef ul li .imgBox .img{padding-bottom: 0;height: 3rem;}
.homef ul li.swiper-slide-active{transform: translateY(-.5rem)}
.homef ul li.swiper-slide-active .imgBox .img{padding-bottom: 0;height: 3.5rem}
.homef ul li.swiper-slide-active:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border:.1rem solid #c1111a;z-index: 5;pointer-events: none }
.homef ul li .txt{padding: .45rem .45rem .5rem;}
.homef ul li .txt h4{font-size: .2rem;margin-bottom: .2rem}
.homef ul li .txt p{font-size: .14rem;margin-bottom: .4rem;color: #888;line-height: 1.8em}
.homef ul li .spmore{opacity: 0;visibility: hidden;transition: .3s}
.homef ul li.swiper-slide-active .txt{background: url(../images/eslog.png) #fff no-repeat right bottom;}
.homef ul li.swiper-slide-active .spmore{opacity: 1;visibility: visible;}
.homef .btn{position: absolute;width: .5rem;height: .5rem;background: #c1111a;text-align: center;line-height: .5rem;z-index: 5;top: 1.6rem;color: #fff;font-size: .2rem}
.homef .prev{left: 33.3333%}
.homef .next{right: 33.3333%}

.homeg{padding-top: .8rem;padding-bottom: 1rem;overflow: hidden;}
.homeg ul li .imgBox .img{padding-bottom: 40%;padding-bottom: 1.96rem;}
.homeg ul li .txt{padding-top: .16rem}
.homeg ul li .txt h4{font-size: .18rem;padding-left: .1rem;position: relative;}
.homeg ul li .txt h4:before{content: '';width: 2px;height: .18rem;background: #c1111a;position: absolute;left: 0;top: .04rem}
.homeg .swiDots span{width: 10px;height: 10px;}
.homeg .swiDots{text-align: center;margin-top: .3rem}
.homeg .swiDots .active{opacity: 1;background: #c1111a}
.slide-g_b{ position: relative; z-index: 1}
.homeg .btn{position: absolute;width: .5rem;height: .5rem;background: rgba(193,17,26, .15);text-align: center;line-height: .5rem;z-index: 5;top: 35%;color: #fff;font-size: .18rem;border-radius: 50%;transition: .5s;}
.homeg .prev{left: -.8rem;}
.homeg .next{right: -.8rem;}
.homeg .btn:hover{ background: #c1111a}

.homeh{padding: 1rem 0;background: url(../images/hbg.jpg) no-repeat center;background-size: cover}
.homeh .icolist{position: absolute;right: 0;top: .06rem;z-index: 5}
.homeh .icolist li{margin-left: .25rem;}
.homeh .icolist li a{display: block;}
.homeh .icolist li i{display: block;width: .48rem;height: .48rem;text-align: center;line-height: .48rem;color: #fff;border-radius: 50%;font-size: .24rem}
.homeh .icolist li i.swi-weixin{background: #04b355}
.homeh .icolist li i.swi-sina{background: #d52c2b}
.homeh .icolist li i.swi-bzhan{background: #24ade4}
.homeh .icolist li i.swi-douyin{background: #010101}
.homeh .icolist li i.swi-kuaishou{background: #ff4907}
.homeh .icolist li i.swi-shipinhao{background: #fb9c42}
.homeh .picList li a{display: block;position: relative;}
.homeh .picList li .txt{position: absolute;left: 0;bottom: 0;right: 0;z-index: 3;padding: .2rem;color: #fff}
.homeh .picList li .txt i{position: absolute;left: .2rem;top: .16rem;font-size: .18rem;width: .32rem;height: .32rem;border-radius: 50vw;line-height: .32rem;text-align: center;/*! display: flex; *//*! align-items: center; *//*! justify-content: center; */}
.homeh .picList li .txt h4{font-weight: normal;padding-left: .4rem;font-size: .18rem;height: .52rem;overflow: hidden;line-height: .26rem;max-height: .52rem\0;}
.homeh .picList li .imgBox:before{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 1.5rem;background: url(../images/txtmask.png) no-repeat bottom center;background-size: 100% 100%;z-index: 1;opacity: .9;}

.homeh .picList li i.swi-weixin{background: #04b355}
.homeh .picList li i.swi-sina{background: #d52c2b}
.homeh .picList li i.swi-bzhan{background: #24ade4}
.homeh .picList li i.swi-douyin{background: #010101}
.homeh .picList li i.swi-kuaishou{background: #ff4907}
.homeh .picList li i.swi-shipinhao{background: #fb9c42}
.homeh .picList li a{display: block;position: relative;}

.homeh .picList1{width: calc(48% - 5px)}
.homeh .picList2{width: calc(52% - 5px)}
.homeh .picList1 li{width:calc(50% - 5px) }
.homeh .picList1 li .imgBox .img{padding-bottom: 0;height: 2.75rem;}
.homeh .picList1 li:nth-child(3){width: 100%;margin-top: 10px;}
.homeh .picList1 li:nth-child(3) .imgBox .img{padding-bottom: 0;height: 3.9rem;}
.homeh .picList2{position: relative;display: flex;flex-wrap: wrap;justify-content: space-between;}
.homeh .picList2 li{width:calc(50% - 5px) }
.homeh .picList2 li:nth-child(1){width: 100%; margin-bottom: 10px;}
.homeh .picList2 li:nth-child(1) .imgBox .img{height: 3.9rem;}
.homeh .picList2 li .imgBox .img{padding-bottom: 0;height:2.75rem;}
.homeh .picList2 li:nth-child(2){/*! margin-bottom: 10px */}


.zt_list {width: 1480px;display:flex;flex-direction: column;margin: 0 auto;}
.zt_list {overflow: hidden;}
.zt_list ul {display: flex;width: 100%;justify-content: space-between;}
.zt_list a {width: 290px;height: 120px;display: block;background-size: cover;margin-right: 13px;}
.vwrap {display: none;z-index: 1040000;width: 100%;position: fixed;} 
.vwrap
.videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left:
0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow:
hidden;} 
.vwrap .videobox {z-index: 1200;width: 1000px;position: fixed;left:
50%;top: 50%;margin-left: -500px;object-fit: cover; transform:translateY(-50%);}
.vwrap .videobox #videobox { width: 100%; display: inline-block; background:#000;} 
.vwrap .videobox #videobox .img_hezi{ padding-bottom:60% !important;}
.vwrap .videobox #videobox video{ position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;} 
#videobox_wrapper { height: 100%!important;} 
.vwrap .close {z-index: 999;width: 31px;height: 31px;cursor: pointer;position: absolute;top: 0px;right: -42px;text-align: center;} 
.vwrap .close i { display: block; width: 31px;
height: 31px; -webkit-transition: 400ms; transition: 400ms;} 
.vwrap .close i svg{ transition:.6s;} 
.vwrap .close:hover i svg{ -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);} 
@media(max-width: 992px){ 
.vwrap .videobox{width:94%;left: 3%;margin-left: 0;} 
.vwrap .close{right:0;top: -35px;}
}
.lm {
  display: flex;
}
.lm_l,.lm_r{
  flex: auto;
  width: 50%;
}
.contain {
  width: 85%;
  padding-left: 10%;
  padding-right: 10%;
  margin: 0;
}
.background {
  background: rgba(255, 255, 255, 0.7);;
  border-radius: 4px;
  height: 90px;
  padding: 10px 20px;
  margin-top: 28px;
}
.background1 {
  background: rgba(142, 142, 142, 0.2);;
  border-radius: 4px;
  height: 90px;
  padding: 10px 20px;
  margin-top: 28px;
}
.time-2 {
  float: left;
  text-align: center;
  color: #A9302A;
  white-space: nowrap;
}
.tm-1 {
  font-size: 40px;
  font-weight: bold;
  font-family: Arial;
}
.tm-2 {
  font-size: 12px;
  font-family: Arial;
}
.btt-4 {
  text-align: left;
  padding-left: 40px;
  font-size: 18px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 100%;
}
.line {
  display: flex;
}
.line-l {
  flex: auto;
}
.line-r {
  flex: auto;
  margin-top: 17px;
  font-weight: bold;
  white-space: nowrap;        
  overflow: hidden;     
  text-overflow: ellipsis;
}
.line-r .btt-4 a {
  max-width: 100%;
  display: inline-block;
  white-space: nowrap;        
  overflow: hidden;     
  text-overflow: ellipsis;
}

/*2016-11-3 CSS*/
.m2ban { height: 500px; position: relative; background: url(../images/loader.gif) no-repeat center center; }
.m2ban .bgImg { height: 100%; width: 100%; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.m2banTxt { color: #FFF; width: 100%; position: absolute; left: 0%; top: 50%; transform: translateY(-50%); text-align: center; padding-top: 50px; }
.m2ban_t1 { font-size: 32px; line-height: 50px; display: inline-block; }
.m2ban_t2 { font-size: 40px; line-height: 50px; font-weight: 600; text-transform: uppercase; }
.m2banTxt i { background: #FFF; height: 3px; width: 38px; display: block; margin: 18px auto 0px; }
.m2Footer{ position: static; }
.m2pos { background: #F4F4F4; padding: 26px 0px; }
.m2posItms { background: url() no-repeat left 3px; font-size: 14px; color: #777777; line-height: 22px; position: relative; padding: 0px 260px 0px 20px; }
.m2case_st1 { font-size: 16px; color: #555; padding: 69px 0px 37px; line-height: 28px; text-align: center; }
.m2caseTop { padding: 0px 15px; }
.m2caseTop li { margin-bottom: 45px; padding: 0px 35px; }
.m2caseIconBox { border: 1px solid #B5B5B5; text-align: right; font-size: 16px; color: #aeaeae; line-height: 20px; font-weight: bold; padding: 40px 42.4% 40px 0px; text-transform: uppercase; position: relative; }
.m2caseIcon { background: url() no-repeat center center; height: 62px; width: 62px; position: absolute; right: 17.8%; top: 50%; transform:translateY(-50%) }
.m2caseTop{padding-bottom:20px;}
.m2caseTop li:nth-child(2) .m2caseIcon{ background: url() no-repeat center center;}
.m2caseTop li:nth-child(3) .m2caseIcon{ background: url() no-repeat center center;}
.m2case_st2 { line-height: 30px; font-size: 17px; color: #111; padding: 24px 0px 0px 23px; position: relative; }
.m2case_st2:after{ content: ""; height: 2px; width: 12px; background: #E83827; position: absolute; left: 0px; top: 38px; }
.m2caseItms { margin-top: 18px; position: relative; }
.m2caseItms dt { background: url() no-repeat 4px 8px; padding-left: 23px; line-height: 24px; margin-bottom: 10px; font-size: 14px; font-weight: bold; }
.m2caseDes { font-size: 12px; line-height: 22px; color: #888888; height: 66px; overflow: hidden; }
.m2case_more { background: #FFF url(../images/m2icon4.png) no-repeat right center; display: inline-block; line-height: 22px; white-space: nowrap; position: absolute; right: 0px; bottom: 0px; padding: 0px 12px 0px 32px; color: #E82C1A; }
.m2caseBom { background: #f3f3f3; padding: 56px 0px 60px; }
.m2case_t1 { line-height: 84px; border-bottom: 1px solid #DDDDDD; margin: 0px auto; width:100%; max-width: 585px; font-size: 28px; color: #222222; text-align: center; position: relative; }
.m2case_t1:after{ content: ""; background: #E83827; height: 5px; width: 44px; position: absolute; left: 50%; bottom: -3px; margin-left: -22px; }
.m2case_menu { text-align: center; padding: 35px 0px 15px; }
.m2caseMenu_a1 { padding: 0px 32px; margin: 0px 6px; line-height: 35px; display: inline-block; height: 37px; border: 1px solid #AAAAAA; border-radius: 0.2em; color: #666666; }
.m2caseMenu_a1:hover,.m2caseMenu_a1.on{ color: #FFF; border: 1px solid #E83827; background: #E83827; }
.m2caseLogo { padding-bottom: 40px; }
.m2caseLogo .swiper-pagination-bullet{ opacity: 1; height: 12px; width: 12px; background: #FFF; border: 1px solid #A3A3A3; background:none }
.m2caseLogo .swiper-pagination-bullet-active{ opacity: 1; background: #E83827; border: 1px solid #E83827; }
.m2caseLogo .hmp7Lg{ margin:18px 0}
.m2usTop { padding: 45px 0px 60px; }
.m2comEditor { padding-top: 48px; font-size: 14px; line-height: 30px; color: #777777; }
.m2comImg { float: left; margin-right: 45px; }
.m2usCon2 { background: #F4F4F4; padding: 58px 0px 42px }
.m2usCon3 { background: url() no-repeat center center; background-size: cover; padding: 74px 0px 90px; }
.m2usDes { font-size: 14px; line-height: 28px; padding: 45px 0px 50px; color: #777; }
.m2usCon3 .hmp2Itms_a{ background:none!important; border:1px solid #919191!important; color:#919191!important;}
.m2usCon3 .hmp2ItmsTxt p{color:#919191!important;}
.m2usAta { position: absolute; z-index: 3; left: 50%; top: 50%; transform:translate(-50%,-50%); }
.m2usCon3 .m2usLogo .hmp2Itms_a{ background:#e83827!important; border:1px solid #e83827!important;}
.m2usCon3 .hmp2Itms_a:hover{ background:#e83827!important; border:1px solid #e83827!important; color:#fff!important;}
.m2usCon3 .hmp2Itms_a:hover .hmp2ItmsTxt p{ color:#fff!important;}
.m2usCon3 .hmp2_ul{transform:scale(0.88)}
.rMneu { height: 178px; width: 58px; position: fixed; margin-top: -89px; top: 50%; right: 0px; z-index: 90; }
.rMneu li { height: 58px; width: 58px; position: relative; margin-bottom: 2px; }
.rMenu_icon { height: 58px; width: 58px; font-size: 18px; line-height: 58px; color: #B3B3B3; text-align: center; display: block; background: #EBEBEB; border-radius:0.1em; cursor:pointer; transition:all 0.3s ease }
.rMenu_icon:hover{ background:#E83827; color:#fff;}
.rMenu_share { height: 47px; width: 195px; border: 1px solid #D3D3D3; position: absolute; top: 6px; right: 68px; border-radius: 0.3em; background: #FFF; font-size: 14px; color: #666; line-height: 45px; padding-left: 11px; transform:translateX(-30px); transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; }
.rMneu li:hover .rMenu_share {transform:translateX(0px); opacity:1; visibility:visible;}
.rMenu_share:after{ content: ""; background: url() no-repeat; height: 8px; width: 6px; margin-top: -4px; position: absolute; top: 50%; right: -6px; }
.rMenu_share1 { font-size: 18px; color: #FFF; background: #6CD563; height: 30px; width: 30px; display: inline-block; float: left; margin: 7px 5px 0px; line-height: 30px; text-align: center; border-radius:50%; }
.rMenu_share2 { font-size: 18px; color: #FFF; background: #FFC345; height: 30px; width: 30px; display: inline-block; float: left; margin: 7px 5px 0px; line-height: 30px; text-align: center; border-radius:50%; }
.rMenu_share3 { font-size: 18px; color: #FFF; background:#FE6E6E; height: 30px; width: 30px; display: inline-block; float: left; margin: 7px 5px 0px; line-height: 30px; text-align: center; border-radius:50%; }

.rMenu_share a:hover{color:#fff;}
.rMenu_tel { height: 47px; width: 165px; border: 1px solid #D3D3D3; position: absolute; top: 6px; right: 68px; border-radius: 0.3em; background: #FFF; font-size: 20px; color: #e83827; line-height: 45px; text-align: center; transform:translateX(-30px); transition:all 0.5s ease-in-out; opacity:0; visibility:hidden; }
.rMenu_tel:after{ content: ""; background: url() no-repeat; height: 8px; width: 6px; margin-top: -4px; position: absolute; top: 50%; right: -6px; }
.rMneu li:hover .rMenu_tel {transform:translateX(0px); opacity:1; visibility:visible;}
.m2usSwiper { height: 330px; max-width: 982px; margin: 50px auto 0px; position: relative; background: url(../images/m2yyline.png) no-repeat center 320px;}
.m2yySbox{ height: 216px; background: #E83827; padding: 0px 132px; position: relative; display: table; width: 100%; }
.m2YYSwiper{ width: 750px; padding-top: 60px; background: url(../images/m2yy_bg.png) no-repeat center top; height: 330px; background-size:100% 60px;  }
.m2usSwiper .swiper-pagination .swiper-pagination-bullet{ height: 11px; width: 11px; border: 2px solid #ACACAC; opacity:1; background:#f4f4f4; margin:0 35px; }
.m2usSwiper .swiper-pagination{height:11px; bottom:5px;}
.m2usSwiper .swiper-pagination .swiper-pagination-bullet-active{ background: #E83827; border: 2px solid #E83827; }
.m2usBtnL {height: 42px;width: 42px;position: absolute;left: 0px;top: 147px;cursor:pointer;border-radius:50%;}
.m2usBtnR { background: #E83827 url(../images/m2yy_btn.png) no-repeat center center; height: 42px; width: 42px; position: absolute; right: 0px; top: 147px; cursor:pointer; border-radius:50%; transform:rotate(180deg); }
.m2YYSwiper:before{ content: ""; background: #E83827 url() no-repeat 42px center; height: 216px; width: 130px; position: absolute; top: 60px; left: 0px; z-index: 10; }
.m2YYSwiper:after{ content: ""; background: #E83827 url() no-repeat 42px center; height: 216px; width: 130px; position: absolute; top: 60px; right: 0px; z-index: 10; transform:rotateY(180deg) }
.m2yyStxt { display: table-cell; height: 100%; text-align: center; font-size: 18px; line-height: 36px; color: #FFF; vertical-align: middle; }
.m2subMenu { line-height: 66px; height: 66px; background: rgba(0,0,0,0.2); text-align: center; width: 100%; position:relative; z-index: 3; font-size:0; margin-top:-66px; }
.m2subMenu_a { color: #eeeeee; line-height: 66px; display: inline-block; padding: 0px 50px; font-size: 16px; position:relative; top:-1px; border-right:1px solid rgba(255,255,255,0.3); }
.m2subMenu_a:first-child{ border-left:1px solid rgba(255,255,255,0.3); }
.m2subMenu_a.on,.m2subMenu_a:hover { font-weight: bold; background: #e83827; color: #FFF;}
.m2fw_txt1 { color: #555555; font-size: 16px; line-height: 34px; padding: 65px 0px 72px; }
.m2fw_u1 { margin: 0px -20px 60px; }
.m2fw_u1 li { margin-bottom: 20px; }
.m2fw_bx1 { border: 1px solid #CACACA; padding: 62px 15px 35px; position: relative; }
.m2fwIcon { background: #E83827 url() no-repeat center center; height: 110px; width: 110px; position: absolute; left: 50%; top: -55px; margin-left: -55px; border-radius:50% }
.m2fw_bx1 strong { font-size: 18px; line-height: 65px; text-align: center; display: block; height: 65px; }
.m2fw_dl dd { font-size: 13px; line-height: 26px; height: 26px; background: url() no-repeat left center; padding-left: 12px; float: left; width: 50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.m2fw_dl { margin: 0px auto; width: 250px; color: #787878; }
.m2fw_ells { display: block; padding-left: 37px; width: 250px; margin: 5px auto 0; }
.m2fw_u1 li:nth-child(2) .m2fwIcon{ background: #ed9f24 url() no-repeat center center;}
.m2fw_u1 li:nth-child(3) .m2fwIcon{ background: #1abbaf url() no-repeat center center;}
.m2fw_u1 li:nth-child(3) .m2fw_dl{width:320px;}
.m2fwCon1 { background: #F3F3F3; padding: 98px 0px 110px; }
.m2fwc1box { position: relative; max-width: 1070px; margin: 0 auto; padding-right: 452px; }
.m2fwc1box strong { line-height: 102px; display: block; height: 102px; font-size: 28px; color: #111; font-weight: normal; }
.m2fwc1box strong img { margin-right: 14px; }
.m2fwc1box strong text,.m2fwc1box strong img{vertical-align:middle;}
.m2fwDes { font-size: 15px; line-height: 28px; color: #777777; margin-bottom: 25px; }
.m2fw_d2 dd,.m2fw_d2 li { font-size: 15px; line-height: 28px; color: #777; background: url() no-repeat left center; padding-left: 14px; height: 28px; width: 138px; float: left; }
.m2fw_d2 { width: 280px; }
.m2fwImgIcon1 { position: absolute; top: 50%; right: 0px; transform:translateY(-40%) }
.m2fwCon2 { padding: 98px 0px 110px; }
.m2fwCon2 .m2fwImgIcon1{right:auto; left:0; transform:translateY(-45%)}
.m2fwCon2 .m2fwc1box{padding-right:0; padding-left:452px;}
.m2fwCon3 .m2fwImgIcon1{ transform:translateY(-50%)}
.m2fw_u2 { margin: -30px auto 0px; max-width: 1100px; padding-bottom: 35px; }
.m2fw_u2 li { text-align: center; float: left; width: 33.3333%; margin-bottom: 30px; }
.m2fw_sbx { background: url(../images/m2fw_bg1.png) no-repeat; height: 246px; width: 226px; margin: 0px auto; color: #FFF; font-size: 14px; line-height: 24px; }
.m2fw_sbx strong { line-height: 54px; padding-top: 50px; display: block; margin-bottom: 15px; font-size: 22px; font-weight: 500; }
.m2fw_u2 li:nth-child(2) .m2fw_sbx { background: url() no-repeat; }
.m2fw_u2 li:nth-child(3) .m2fw_sbx { background: url() no-repeat; }
.m2fwBom { background: #f3f3f3 url() no-repeat center bottom; padding: 78px 0px 70px; background-size: 100% auto; font-size: 14px; line-height: 26px; color: #666; }
.m2fw_bt1 { font-size: 28px; color: #222; line-height: 36px; padding: 70px 0px 0px; text-align: center; }
.m2fw_txt2 { font-size: 14px; line-height: 28px; padding: 36px 0px 50px; }
.m2fw_u3 li { padding: 0px 25px; float: left; width: 33.3333%; margin-bottom: 25px; }
.m2fw_u3 { padding: 0px 25px 60px; }
.m2fw_u3box { padding: 0px; height: 158px; background: #E83827; position: relative; }
.m2fw_u3txt { line-height: 18px; text-transform: uppercase; padding: 0px 16%; color: #FFF; position: absolute; width: 100%; left: 0px; top: 50%; text-align: center; transform:translateY(-50%) }
.m2fw_u3txt strong { font-size: 20px; font-weight: bold; display: block; line-height: 38px; }
.m2fw_u3 li:nth-child(2) .m2fw_u3box { background: #ed9f24; }
.m2fw_u3 li:nth-child(3) .m2fw_u3box { background: #1abbaf; }
.m2fw2_s1 { font-size: 18px; line-height: 38px; padding: 15px 0px 45px 10%; text-align: center; }
.m2fw_mapBg { background: #f3f3f3 url() no-repeat center center; padding: 20px 0px 30px; }
.m2fw_u4 { text-align: center; display: block; font-size: 0px; margin-top: 60px; }
.m2fw_u4 li { width: 20%; margin-bottom: 32px; padding-top: 150px; text-align: center; position: relative; display: inline-block; }
.m2fw_iconBox { height: 124px; width: 124px; margin-left: -62px; position: absolute; left: 50%; top: 0px; border: 2px solid #E83827; border-radius:50%; transition:all 0.3s ease-in-out; }
.m2fw_iconBox img { margin-top: -35px; margin-left: -35px; position: absolute; left: 50%; top: 50%; }
.m2fw_u4 li:hover .opacity{opacity:1;}
.m2fw_u4 li:hover .m2fw_iconBox { background: #e83827; }
.m2fw_u4 p { margin: 0px auto; width: 140px; font-size: 16px; line-height: 26px; color: #555; height: 78px; overflow: hidden; }
.m2fw2Con1 { margin: 74px auto 32px; max-width: 996px; }
.m2fw2Con1 ul { margin: 0px -6px; }
.m2fw2Con1 ul li { padding: 0px 6px; margin-bottom: 12px; float: left; width: 25%; }
.m2fw_abox1 .overflowHide { height: 352px; }
.m2fw_anm { line-height: 36px; color: #FFF; height: 36px; z-index: 3; text-align: center; font-size: 13px; position: absolute; width: 100%; left: 0px; background: rgba(227,43,24,0.8); display: block; bottom: -36px; transition:all 0.3s ease-in-out; }
.m2fw_abox1:hover .m2fw_anm,.m2fw_abox2:hover .m2fw_anm{bottom:0;}

.m2fw_abox2 { display: block; height: 170px; margin-bottom: 12px; }
.m2fw_abox2 .overflowHide { height: 170px; }
.m2ks_u1 { display: block; font-size: 0px; text-align: center; max-width: 868px; margin: -20px auto 45px; }
.m2ks_u1 li { width: 33.3333%; margin-bottom: 20px; line-height: 26px; text-align: center; font-size: 16px; display: inline-block; }
.m2ksu1_itms { display: inline-block; height: 146px; width: 146px; border: 3px solid #e83827; position: relative; border-radius:50%; padding-top: 85px; transition:all 0.3s ease-in-out; color: #e83827; }
.m2ksu1_itms img { position: absolute; left: 50%; top: 28px; margin-left: -25px; }
.m2ks_u1 li:hover .opacity{opacity:1;}
.m2ks_u1 li:hover .m2ksu1_itms{color:#fff; background:#e83827;}
.m2ksItmsBox1 { background: #E83827; padding: 96px 0px 60px; }
.m2ksItms_u1 { margin: 0px -35px; }
.m2ksItms_u1 li { padding: 0px 35px; margin-bottom: 30px; }
.m2ksItms_sbox { position: relative; padding-left: 82px; color: #ffffff; line-height: 24px; }
.m2ksIicon { height: 60px; width: 60px; text-align: center; padding-top: 15px; background: #FFF; display: block; position: absolute; left: 0px; top: 18px; border-radius:50%; }
.m2ksItms_sbox strong { line-height: 58px; height: 58px; font-size: 16px; font-weight: bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block; }
.m2ksBom { padding: 90px 0px 40px; max-width: 1113px; margin: 0px auto; }
.m2ksBomBox { height: 248px; margin-bottom: 50px; position: relative; padding-left: 83px; }
.m2ksBom_t { height: 100%; width: 58px; font-size: 18px; line-height: 20px; color: #FFF; padding: 0px 18px; text-align: center; display: table; background: #E83827; font-weight: 500; position: absolute; left: 0px; top: 0px; }
.m2ksBom_t:after{ content:""; width:0; height:0; border-top:11px solid transparent; border-bottom:11px solid transparent; border-left:10px solid #E83827; position:absolute; top:50%; right:-10px; margin-top:-10px;}
.m2ksBom_t div { height: 100%; text-align: center; vertical-align: middle; display: table-cell; }
.m2ksBom_ul { margin: 0px -20px; }
.m2ksBom_abox { height: 248px; display:block }
.m2ksBom_abox .overflowHide{ height: 248px;}
.m2ksTag { background: url() no-repeat center center; line-height: 28px; font-size: 13px; font-weight: bold; color: #FFF; text-align: center; display: block; height: 48px; width: 48px; padding-right: 20px; position: absolute; left: 0px; top: 0px; }
.m2ksTnm { line-height: 42px; text-align: center; display: block; height: 42px; color: #FFF; font-size: 14px; position: absolute; width: 100%; left: 0px; bottom: 0px; background:rgba(0,0,0,0.6); }
.m2ksBomBox:nth-child(2) .m2ksBom_t{ background: #ed9f24; }
.m2ksBomBox:nth-child(2) .m2ksBom_t:after{ border-left: 10px solid #ed9f24; }
.m2ksBomBox:nth-child(2) .m2ksTag { background: url() no-repeat left top; }
.m2ksBomBox:nth-child(3) .m2ksBom_t{ background: #1abbaf; }
.m2ksBomBox:nth-child(3) .m2ksBom_t:after{ border-left: 10px solid #1abbaf; }
.m2ksBomBox:nth-child(3) .m2ksTag { background: url() no-repeat left top; }
.m2jm { padding: 60px 0px 0px; margin: 0px -27px 12px; }
.m2jm li { padding: 0px 27px; margin-bottom: 44px; }
.m2jmBox { border: 1px solid #C4C4C4; padding: 0px 11%; position:relative; }
.m2jmBox:after{ content: ""; background: url() no-repeat; height: 47px; width: 47px; position: absolute; top: -6px; right: -6px; }
.m2jmBox strong { text-align: center; display: block; padding: 47px 0px 24px; border-bottom: 1px solid #D6D6D6; font-size: 20px; color: #000; line-height: 36px; font-weight: 500; }
.m2jmDes { padding: 27px 0px; font-size: 13px; line-height: 30px; color: #777777; border-bottom: 1px solid #D6D6D6; }
.m2jmDes_info { font-size: 15px; line-height: 28px; font-weight: 800; color: #e83827; padding: 28px 0px 50px; }
.m2lx_t1 { font-size: 28px; color: #222222; line-height: 70px; padding-top: 48px; text-align: center; border-bottom: 1px solid #DDDDDD; width:100%; max-width: 585px; margin: 0px auto 45px; position: relative; }
.m2lx_t1:after{ content: ""; background: #E83827; height: 5px; width: 44px; margin-left: -22px; position: absolute; left: 50%; bottom: -3px; }
.m2lx_u1 li { margin-bottom: 25px; padding: 0px 3%; font-size: 14px; line-height: 32px; color: #666; }
.m2lx_u1 { margin: 0px -3% 58px; }
.m2lx_u1 li strong { line-height: 66px; display: block; height: 66px; font-size: 18px; color: #000; font-weight: 500; }
.m2lx_u1 li strong img { float: left; margin: 19px 12px 0px 0px; }
.m2lx_p { max-width:290px; }
.m2lx_wxImg { float: left; margin-right: 22px; border: 1px solid #DCDCDC; }
.m2lx_wxImg img { display: block; }
.m2lxCon1 { background: url(../images/m2lx_bg.jpg) no-repeat center center; height: 438px; position: relative; }
.m2lxAdr { background: url() no-repeat; height: 36px; width: 36px; position: absolute; left: 50%; bottom: 88px; margin-left: -18px; }
.m2lxAdr img { position: absolute; left: 50%; bottom: 46px; margin-left: -210px; }
.m2lxFm { margin: 0px auto 74px; max-width: 1034px; }
.m2lx_li01 { margin: 0px -6px; }
.m2lx_li01 li { padding: 0px 6px; margin-bottom: 13px; position: relative; }
.m2lx_int1 { padding: 0px 10px 0px 40px; width: 100%; font-size: 14px; line-height: 45px; color: #666; height: 45px; background: #EEEEEE; border-width: 0px; border-style: none; border-radius:0.2em; }
.m2lxArea { background: #eeeeee; font: 14px/26px "微软雅黑"; color: #666; padding: 9px 10px 9px 40px; height: 150px; border-width: 0px; border-style: none; border-radius: 0.2em; width: 100%; }
.m2lxAreaBox { margin-bottom: 20px; position: relative; }
.m2lx_abtn { background: #E83827; font-size: 15px; line-height: 45px; color: #FFF; text-align: center; display: block; height: 45px; border-radius:0.2em; }
.m2lx_abtn:hover { background: #D92B17; color: #FFF; }
.m2lx_btns { margin: 0px -6px; }
.m2lx_btns li { padding: 0px 6px; position: relative; }
.m2lx_abtn2 { background: #9b9b9b; font-size: 15px; line-height: 45px; color: #FFF; text-align: center; display: block; height: 45px; border-radius:0.2em; }
.m2lx_abtn2:hover { background: #888888; color: #FFF; }
.m2lxFm i{ color: #888888; font-size: 16px; line-height: 42px; height: 42px; width: 24px; text-align: center; position: absolute; left: 15px; top: 2px; }
.m2cp_con1 { background: #F3F3F3; padding: 85px 0px 92px; }
.m2cp_t1 { line-height: 46px; font-size: 28px; color: #222222; text-align: center; position: relative; margin-bottom: 52px; }
.m2cp_t1:before{ content: ""; background: #D2D2D2; height: 1px; width: 100%; position: absolute; left: 0px; top: 50%; }
.m2cp_t1 span{ display: inline-block; background: #F3F3F3; padding: 0px 32px; position: relative; z-index: 2; }
.m2zp_abox1 { display: block; margin: 0px auto; height: 114px; width: 114px; border: 2px solid #e83827; border-radius: 50%; position: relative; transition:all 0.3s ease-in-out; }
.m2zp_abox1 img{ position:absolute; left:50%; top:50%; margin:-26px 0 0 -25px;}
.m2zp_u1 li { width: 20%; display: inline-block; text-align: center; margin-bottom: 20px; }
.m2zp_u1 { margin:-30px auto 25px; max-width: 1055px; font-size: 0px; display:block;}
.m2zp_u1 li strong { line-height: 70px; text-align: center; display: block; font-size: 16px; color: #333; }
.m2zp_u1 li:hover .opacity{opacity:1;}
.m2zp_u1 li:hover .m2zp_abox1{ background: #e83827; }
.m2zpCon2 { background: #e83827; padding: 85px 0px; text-align: center; }
.m2zp_itms1 { background: url() no-repeat 62px center; padding-left: 174px; line-height: 170px; height: 174px; width: 352px; border: 2px solid #FFF; font-size: 18px; font-weight: bold; color: #FFF; display: inline-block; margin-right: 8%; border-radius: 0.3em; text-align: left; }
.m2zpItmsIcon { background: url() no-repeat center center; display: inline-block; height: 174px; width: 19px; }
.m2zpCon2 span{ vertical-align: middle; }
.m2zp_itms2 { background: url() no-repeat center 35px; line-height: 50px; height: 174px; width: 352px; border: 2px solid #FFF; font-size: 18px; font-weight: bold; color: #FFF; display: inline-block; border-radius: 0.3em; text-align: center; padding-top: 105px; margin-left: 8%; }
.m2zpCon3 { padding: 62px 0px 35px; }
.m2zp_sb1 { line-height: 44px; text-align: center; display: block; padding-top: 16px; font-size: 18px; color: #666666; }
.m2nSerBox { line-height: 32px; height: 34px; width: 240px; border: 1px solid #BFBFBF; margin-top: -17px; position: absolute; top: 50%; right: 0px; }
.m2nSerInt { padding: 0px 55px 0px 15px; font-size: 14px; line-height: 32px; color: #666; border-width: 0px; border-style: none; height: 32px; width: 100%; background:none; }
.m2nSerBtn { background: #E83827 url() no-repeat center center; height: 34px; width: 40px; display: block; position: absolute; top: -1px; right: -1px; }
.m2nSerBtn:hover { background: #DD2C17 url() no-repeat center center; }
.page { text-align: center; height: 87px; }


.m2nList { border-bottom: 1px solid #DDDDDD; padding-top: 70px; margin-bottom: 52px; }
.m2nList_aBox { display: block; height: 160px; }
.m2nList ul li { margin-bottom: 70px; }
.m2nList_aBox .overflowHide { height: 160px; width: 360px; float: left; }
.m2nHot { background: url() no-repeat; height: 39px; width: 39px; position: absolute; left: 20px; top: 0px; }
.m2nText { margin-left: 492px; position: relative; }
.m2nText .ellipsis { line-height: 36px; display: block; height: 36px; font-size: 18px; font-weight: normal; margin-bottom: 10px; }
.m2nText p { font-size: 14px; line-height: 24px; color: #777777; height: 48px; overflow: hidden; }
.m2nDes { padding: 12px 0px 20px; border-top: 1px solid #ddd; }
.m2nTime { line-height: 24px; font-size: 14px; font-weight: bold; color: #cccccc; text-align: center; width: 60px; position: absolute; left: -96px; top: 4px; padding-top: 50px; }
.m2nTime span { display: block; width: 100%; line-height: 50px; height: 50px; position: absolute; left: 0px; top: 0px; font-size: 56px; font-weight: normal; }
.m2nList_aBox:hover .ellipsis{font-weight:500;}
.m2nList_aBox:hover .hmMore{ color: #FFF; background: #e83827; padding-left: 28px; }
.m2nList_aBox:hover .hmMore:before{ width: 100%; }
.m2nList_aBox:hover .hmMore:after{ background: url(../images/hmp3_arrow2.png) no-repeat right center; width: 30px; right: 23px; }
.m2nBack { background: #E4E4E4 url() no-repeat 36px center; padding-left: 64px; font-size: 16px; font-weight: bold; color: #e83827; line-height: 74px; height: 74px; width: 160px; margin-top: -37px; position: absolute; top: 50%; right: 0px; display: block; }
.m2nTop { text-align: center; padding: 50px 0px; border-bottom: 1px solid #ddd; margin-bottom: 58px; position: relative; }
.m2n_bt { font-size: 26px; color: #000000; line-height: 42px; }
.m2nInfo { text-align: center; line-height: 24px; color: #999999; margin-top: 12px; }
.m2nInfo span { margin: 0px 10px; }
.m2nInfo span i { font-size: 16px; margin-right: 4px; }
.m2share { height: 34px; width: 160px; position: absolute; left: 50%; bottom: -19px; margin-left: -80px; text-align: center; font-size: 0px; }
.m2share_a { height: 34px; width: 34px; border: 1px solid #BCBCBC; display: inline-block; font-size: 16px; line-height: 32px; color: #BCBCBC; background: #FFF; border-radius: 50%; margin: 0px 5px; }
.m2share_a:hover{ border: 1px solid #e83827; }
.m2nEditor { font-size: 14px; line-height: 28px; color: #777777; padding-bottom: 62px; }
.m2dpage { margin-bottom: 70px; border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3; }
.m2dpage_ul { border-right: 1px solid #D3D3D3; border-left: 1px solid #D3D3D3; }
.m2dpage_ul li { float: left; width: 50%; padding: 0px 60px; }
.m2dpage_ul li:first-child{ border-right: 1px solid #D3D3D3; background: url(../images/m2dpage_icon.png) no-repeat 30px center; }
.m2dpage_a { font-size: 14px; line-height: 70px; height: 70px; color: #888888; }
.m2dpage_ul li:last-child{ text-align: right; background: url() no-repeat right center; }
.m2dpage_ul li:last-child .m2dpage_a{ }
.m2zx_u1 { max-width: 1140px; margin: 0px auto 30px; }
.m2zx_u1 li { margin-bottom: 15px; }
.m2zxItms { text-align: center; font-size: 16px; height: 120px; border: 2px solid #DCDCDC; line-height: 116px; }
.m2zxItms img { margin-right: 18px; }
.m2zxItms img,.m2zxItms text{vertical-align:middle;}
.m2zx_u2 { max-width: 1140px; margin: 0px auto 30px; }
.m2zx_u2 li { margin-bottom: 15px; color: #666; }
.m2zx_dl dt { line-height: 44px; color: #FFF; background: #E83827; height: 44px; text-align: center; font-size: 17px; font-weight: 800; }
.m2zx_dl dd { padding: 25px 0px; border-right: 1px solid #BFBFBF; border-bottom: 1px solid #BFBFBF; border-left: 1px solid #BFBFBF; }
.m2zx_dl dd p { float: left; width: 33.3333%; padding-left:6%; height: 30px; font-size: 16px; line-height: 30px; }
.m2zx_dl dd p span{display:inline-block; background: url() no-repeat left center; padding-left:13px;}
.m2zxCon2 { background: #f3f3f3; padding-bottom: 60px; }
.m2zx_u3 { max-width: 1100px; margin: 0px auto; position:relative; }
.m2zx_u3:after{ content: ""; height: 100%; background: #ddd; width: 1px; position: absolute; left: 50%; top: 0px; }
.m2zx_u3 li strong { line-height: 54px; height: 54px; font-size: 20px; color: #222222; font-weight: 500; }
.m2zx_u3 li strong span{ background: url() no-repeat center center; text-align: right; height: 54px; font: 500 28px/54px Georgia; margin-right: 10px; display: inline-block; padding-left: 20px; color: #e83827; }
.m2zx_imgBox { padding: 38px 0px 50px; }
.m2zx_u3 li{padding-left:7.2%;}
.m2xz_caseList ul li { font-size: 18px; line-height: 56px; text-align: center; margin-bottom: 35px; }
.m2hz_menu { text-align: center; padding: 35px 0px 15px; }
.m2hz_menu_a1 { padding: 0px 32px; margin: 0px 6px; line-height: 35px; display: inline-block; height: 37px; border: 1px solid #AAAAAA; border-radius: 0.2em; color: #666666; }
.m2hz_menu_a1:hover,.m2hz_menu_a1.on{ color: #FFF; border: 1px solid #E83827; background: #E83827; }
.m2hzLogo { padding-bottom: 40px; }
.m2hzLogo .swiper-pagination-bullet{ opacity: 1; height: 12px; width: 12px; background: #FFF; border: 1px solid #A3A3A3; background:none }
.m2hzLogo .swiper-pagination-bullet-active{ opacity: 1; background: #E83827; border: 1px solid #E83827; }
.m2hzLogo .hmp7Lg{ margin:18px 0}
.m2zp_t1 { font-size: 30px; color: #222; line-height: 52px; text-align: center; padding: 62px 0px 15px; }
.m2zp_p { font-size: 14px; line-height: 30px; color: #777777; text-align: center; margin-bottom: 20px; }
.m2zpTop { margin: 0px auto; max-width: 885px; text-align: center; padding-bottom: 58px; }
.m2zp_send { background: url() no-repeat left top; padding-left: 44px; line-height: 32px; font-size: 14px; font-weight: bold; color: #222222; display: inline-block; }
.keUpDownSlide{ margin: 0px auto 70px; border-top: 1px solid #E5E5E5; }
.keUpDownSlide dl dt { line-height: 88px; height:88px; position: relative; font-size: 14px; color: #666666; border-bottom: 1px solid #E5E5E5; transition:all 0.3s ease-in-out; position:relative; }
.keUpDownSlide dl dt:before{ content: ""; height: 0%; width: 100%; position: absolute; top: 50%; left: 0px; background: #e83827; transition:all 0.3s ease-in-out; }
.keUpDownSlide dl dt:hover:before{ height: 100%; position: absolute; top: 0%; }
.keUpDownSlide dl dt:hover{color:#fff;}
.keUpDownSlide dl dt:hover .m2zp_nm{color:#fff;}
.keUpDownSlide dl dt:hover .keUpDownToggleBtn { background: url() no-repeat center center; }
.keUpDownSlide dl dt .container{position:relative; height:88px;}
.keUpDownSlide dl dt.on .container:after{ content: ""; height: 0px; width: 0px; border-left:15px solid transparent; border-right:15px solid transparent;  border-top:12px solid #E83827; position:absolute; bottom:-11px; left:32px; }
.keUpDownToggleBtn { background: url() no-repeat center center; display: block; height: 18px; width: 18px; position: absolute; top: 50%; right: 15px; margin-top: -9px; }
.keUpDownSlide dl dd { color: #777; font-size: 14px; line-height: 30px; padding: 30px 25px 45px; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; border-left: 1px solid #f4f4f4; display: none; }
.keUpDownSlide dl dt.on { color: #FFF; background: #e83827; }
.keUpDownSlide dl dt.on .keUpDownToggleBtn { background: url() no-repeat center center; }
.m2zp_nm { float: left; width: 265px; font-size: 18px; color: #000; transition:all 0.3s ease-in-out }
.keUpDownSlide dl dt.on .m2zp_nm{color:#fff;}

/*2016-11-3 CSS*/
.f-cb { zoom: 1; }
.f-cb:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.por { position: relative; }
.poa { position: absolute; }
.pof { position: fixed; }
.poa-f { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.ovh { overflow: hidden; }
.noselect { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
.z1 { z-index: 1; }
.z2 { z-index: 2; }
.dn { display: none; }
.dib { display: inline-block; }
.w-f { width: 100%; }
.h-f { height: 100%; }
.fwn { font-weight: normal; }
.t-f { transition: all 0.5s; }
.t-c { transition: color 0.5s; }
.t-bg { transition: background 0.5s; }
.tac { text-align: center; }
.a-part .main { left: 50%; top: 50%; width: 780px; margin-left: -390px; }
.about-fi { top: -95px; margin-bottom: -95px; }
.about-fi .tips { top: 20px; margin-bottom: 48px; font-size: 20px; line-height: 40px; color: #de0010; text-align: center; filter: alpha(opacity=0); opacity: 0; }
.about-fi .tips span { display: inline-block; left: 50%; bottom: -15px; width: 26px; height: 1px; background: #ce0211; margin-left: -13px; }
.about-fi .detail { font-size: 14px; line-height: 28px; color: #e0e0e0; text-align: center; filter: alpha(opacity=0); opacity: 0; }
.about-fi .detail p.fz20 { font-size: 20px; line-height: 38px; color: #ce0211; }
.about-fi .detail p.fz20.mb28 { margin-bottom: 28px; }
.about-fi .btns { filter: alpha(opacity=0); opacity: 0; }
.about-fi .btns span { display: inline-block; width: 39px; height: 38px; cursor: pointer; }
.about-fi .btns span.btn {  margin: 46px 13px 0; }
.about-fi .btns span.prev.hover { background-position: center 40%; }
.about-fi .btns span.next.hover { background-position: center 60%; }
.about-se img.shadow { left: 150%; top: 0; width: 1120px; margin-left: -155px; }
.about-se li { position: relative; left: 535px; width: 535px; height: 77px; margin-bottom: 30px; color: #fff; filter: alpha(opacity=0); opacity: 0; }
.about-se li.fi { margin-left: 309px; }
.about-se li.se { margin-left: 345px; }
.about-se li.th { margin-left: 381px; }
.about-se li.fo { margin-left: 417px; }
.about-se li .num { width: 77px; height: 77px; border-radius: 50%; background: #fff; font: 36px/77px Arial; color: #e1000b; text-align: center; }
.about-se li .detail { width: 421px; }
.about-se li p { filter: alpha(opacity=75); opacity: 0.75; }
.about-se li p.t { margin-bottom: 3px; font-size: 18px; line-height: 30px; filter: alpha(opacity=100); opacity: 1; }
.about-th .name { background-image: url(); }
.about-th .main { width: 1004px; margin-left: -502px; }
.about-th .shadow { left: 50%; top: 614px; width: 1330px; height: 188px; background: url() no-repeat; margin-left: -694px; filter: alpha(opacity=0); opacity: 0; }
.about-th .imgs { perspective: 500px; }
.about-th .imgs img { position: relative; left: 307px; transform-style: preserve-3d; filter: alpha(opacity=0); opacity: 0; }
.about-th .rotate7 { margin: 0 -2px; animation: Rotate 0.5s forwards; }
@keyframes Rotate {  100% {
 transform: rotateY(7deg);
}
}
.about-th .rotate8 { margin: 0 -2px; animation: RotateE 0.5s forwards; }
@keyframes RotateE {  100% {
 transform: rotateY(-8deg);
}
}
.about-th .rotate10 { margin: 0 -2px; animation: RotateT 0.5s forwards; }
@keyframes RotateT {  100% {
 transform: rotateY(10deg);
}
}
.about-th .rotate11 { margin: 0 -2px; animation: Rotate-n 0.5s forwards; }
@keyframes Rotate-n {  100% {
 transform: rotateY(-11deg);
}
}
.about-th .titles { left: 0; top: 0; filter: alpha(opacity=0); opacity: 0; }
.about-th .titles li { top: 171px; height: 575px; }
.about-th .titles li.fi { left: 0; width: 307px; }
.about-th .titles li.se { left: 307px; width: 195px; }
.about-th .titles li.th { left: 502px; width: 221px; }
.about-th .titles li.fo { left: 723px; width: 281px; }
.about-th .titles .box { height: 234px; padding: 40px 0 0 13px; font-size: 16px; line-height: 24px; color: #fff; }
.about-th .titles .box.w294 { width: 294px; }
.about-th .titles .box.w182 { width: 182px; }
.about-th .titles .box.w208 { width: 208px; }
.about-th .titles .box.w268 { width: 268px; }
.about-th .titles .box.t { height: 261px; }
.about-th .titles p { filter: alpha(opacity=80); opacity: 0.8; }
.about-th .titles p.en { margin-bottom: 12px; font: 22px/30px Arial; text-transform: uppercase; filter: alpha(opacity=100); opacity: 1; }
.about-th .titles .line { margin-left: 3px; width: 23px; height: 1px; background: #fff; filter: alpha(opacity=80); opacity: 0.8; }
.about-fo .name { background-image: url(); }
.about-fo .title { width: 178px; }
.about-fo .main {width: 100%;margin-left: -50%;top:0!important;}
.about-fo .detail {height: 5rem;margin-top: 72px;filter: alpha(opacity=0);opacity: 1;}
.about-fo .btn {top: 38%;cursor: pointer;width: .7rem;height: .7rem;background: #fff;text-align: center;line-height: .7rem;border-radius: 50%;font-size: 20px; }
.about-fo .prev {left: 3%;display:block!important;opacity:1!important;}
.about-fo .next {right: 3%;display:block!important;opacity:1!important;}
.about-fo .detail .in {width: 12rem;height: 276px;margin: 0 auto;max-width: 80%;}
.about-fo .box {left: 0;top: 0;width: 100%;height: 4.8rem;border-radius: 3px;background: #E83827;font-size: 16px;line-height: 24px;color: #fff;margin: 0 auto;}
.about-fo .box.fo { transform: translateY(-156px) scale(0.55); filter: alpha(opacity=0.8); opacity: 0.08; }
.about-fo .box.fif { top: 26px; opacity: 0; }
.about-fo .time { height: 36px; padding-left: 20px; border-left: 6px solid #fceceb; margin-bottom: 28px; font: 36px/1 Arial; display: none; }
.about-fo .list {height: 20px;margin-top: 0px;font: 30px/58px Arial;color: #d31200;text-align: center;filter: alpha(opacity=0);opacity: 1;background: url(../images/m2yyline.png) no-repeat center 13px;display: none;}
.about-fo .list li { width: 11px; height: 11px; background: #FFF url(../images/bg_sign03.png) no-repeat center top; cursor: pointer; border: 2px solid #acacac; overflow: hidden; text-indent: 500px; margin: 0px 35px; border-radius:50%; display:inline-block; float:none }
.about-fo .list ul{display: block;width: 100%!important;text-align: center;position: relative;top: -21px;margin-left: 0!important;display: none;}
.about-fo .list li.cur { background: #E83827; border: 2px solid #E83827; }
.about-fo .btn:hover{background: #c11623;color: #fff;}

.about-fif .main { width: 1002px; margin-left: -501px; }
.about-fif .name { background-image: url(); }
.about-fif .list { height: 315px; padding-bottom: 50px; }
.about-fif .move { height: 315px; }
.about-fif ul { left: -17; top: 0; width: 1182px; filter: alpha(opacity=0); opacity: 0; }
.about-fif li { position: relative; left: 360px; width: 300px; height: 315px; background: #fff; margin: 0 17px; line-height: 20px; color: #b4b2b2; filter: alpha(opacity=0); opacity: 0; }
.about-fif li .in { padding: 18px 25px 0; }
.about-fif .in a { display: inline-block; width: 100%; font-size: 14px; line-height: 25px; color: #666; }
.about-fif .in a.more { width: auto; margin-top: 10px; }
.about-fif .in a:hover { color: #be010e; }
.about-fif .btn { left: 50%; bottom: 0; height: 13px; filter: alpha(opacity=0); opacity: 0; }
.about-fif .btn span { display: inline-block; width: 14px; height: 13px; background: url() no-repeat; margin: 0 8px; cursor: pointer; }
.about-fif .btn span.cur { background-position: 0 -13px; }
.about-si .name { background-image: url(); }
.about-si .detail { width: 545px; font-size: 18px; line-height: 30px; color: #fff; }
.about-si .detail .line { top: 20px; width: 90px; height: 8px; background: #e50000; margin-bottom: 21px; filter: alpha(opacity=0); opacity: 0; }
.about-si .detail p { top: 28px; filter: alpha(opacity=0); opacity: 0; }
.about-si .detail p.fz36 { font-size: 36px; line-height: 56px; color: #fff; }
.about-si .detail img { top: 63px; filter: alpha(opacity=0); opacity: 0; }
.about-fo .box-in{display: block;width: 100%;position: absolute;top: 50%;transform: translateY(-50%);padding-top: 0!important;text-align: center;font-size: 18px;line-height: 36px;}
@media (max-width:1425px){
  .hbbg {width: 100%; height: 100%;}
  .item__img { height: 100%; width: auto;}
}
@media (max-width:1199px){
.about-fo .main{width:850px; margin-left:-425px;}
.about-fo .box{width:100%;}
.about-fo .detail .in{width:650px;}
.about-fo .box-in{ font-size:16px; line-height:32px;}
}
@media (max-width:991px){
.about-fo .main{width:700px; margin-left:-350px;}
.about-fo .box{width:100%;}
.about-fo .detail .in{width:560px;}
.about-fo .box-in{ font-size:16px; line-height:32px;}
.about-fo .list li{margin:0 25px;}
}
@media (max-width:767px){
.about-fo .main{width:100%; margin-left:-0; left:0}
.about-fo .box{width:100%;}
.about-fo .detail .in{width:100%;}
.about-fo .box-in{ font-size:14px; line-height:26px; padding-left:15px; padding-right:15px;}
.about-fo .list li{margin:0 6px; border-width:1px;}
.about-fo .box:before,.about-fo .box:after{display:none;}
.about-fo .btn{display:none!important;}
.about-fo .list{background:none;}
.lm {flex-direction: column;}
.lm_l {width:100%;}
.lm_r {width:100%; }
.contain {width:100%;}
}


[data-aos=bg].homec{background-color: #faf4e9;}
[data-aos=bg].aos-animate.homec{background-color: #13408d;}

.l1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;line-height:1.25}
.l2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.l3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.l4{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.l5{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical}
.l6{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}
.l7{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical}

/*公共css*/
@media(max-width: 767px){
    .h4s0{font-size: .2rem !important;line-height: .3rem !important;}
    .h4s1{font-size: .2rem !important;line-height: .3rem !important;max-height: .3rem\0 !important;}
    .h4s2{font-size: .2rem !important;line-height: .3rem !important;max-height: .6rem\0 !important;}
    .h4s3{font-size: .2rem !important;line-height: .3rem !important;max-height: .9rem\0 !important;}

    .ps0{font-size: .16rem !important;line-height: .26rem !important;}
    .ps1{font-size: .16rem !important;line-height: .26rem !important;max-height: .26rem\0 !important;}
    .ps2{font-size: .16rem !important;line-height: .26rem !important;max-height: .52rem\0 !important;}
    .ps3{font-size: .16rem !important;line-height: .26rem !important;max-height: .78rem\0 !important;}
    .ps4{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.04rem\0 !important;}
    .ps5{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.3rem\0 !important;}
} 

.home12{background: url(../images/home12_bg.jpg) center bottom no-repeat;background-size: 100% auto;overflow: hidden;}
.home2{padding: 1rem 0 1rem;overflow: hidden;}
.home2 .wp{ min-height: 30vw;}
.home2 .tit1{width: 1.26rem;position: relative;z-index: 1;display: flex;justify-content: center;align-items: center;}
.home2 .tit1 .bg{position: absolute;z-index: -1;top: 50%;left: 0;transform: translateY(-50%);width: 30vw;}
.home2 .content{width: calc(100% - 1.26rem);position: relative;z-index: 1;align-items: center;}
.home2 .left{ width: 45%;position: relative;z-index: 1;}
.home2 .left .btn{position: absolute;width: .5rem;height: .5rem;background: rgba(0,62,135,.3);text-align: center;line-height: .5rem;z-index: 5;top: 50%;color: #fff;font-size: .18rem;border-radius: 50vw;transition: .5s; margin-top: -.25rem}
.home2 .left .prev{left: .3rem;}
.home2 .left .next{right: .3rem;}
.home2 .left .btn:hover{ background: rgba(0,62,135,.8);}
.home2 .right{ width: calc(100% - 45%)}
.list3 li .imgBox{border-radius: 50%;border: #fff .08rem solid;}
.list3 li .imgBox .img{ padding-bottom: 100%;}

.list4_b{padding: .1rem .24rem 0 .44rem;}
.list4 li .time{width: .88rem;height: 1rem;background: #fff;box-shadow: 0px 0px .1rem 0px rgba(22, 67, 144, 0.25);display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;z-index: 1; }
.list4 li .time:before{ content: ""; position: absolute; top: .05rem; right: .05rem; bottom: .05rem; left: .05rem; border: #678fbb 1px solid; z-index: -1; }
.list4 li .time:after{ content: ""; position: absolute; border-bottom: #01458e .16rem solid; border-right: transparent .16rem solid; bottom: .05rem; left: .05rem; }
.list4 li .time h3{font-size: .36rem;color: #13408d;line-height: 1.15; }
.list4 li .time h6{ font-size: .14rem; color: #959ca7;  }
.list4 li .txt{ width: calc(100% - .88rem); padding: 0 0 0 .36rem}
.list4 li h4{ font-size: .22rem; color: #333333; line-height: .3rem;}
.list4 li .line{ margin: .1rem 0 .16rem;}
.list4 li p{ font-size: .14rem; color: #222222; line-height: .32rem; height: .96rem\0;}
.more1{ display: flex; width: 1.06rem; height: .36rem; background: #c11623; border-radius: 50vw; align-items: center; justify-content: center; margin: .4rem 0 0; font-size: .14rem; color: #fff; /*! border: #dadeea 1px solid; */}
.more1 svg{ width: .17rem; height: .17rem; fill: #fff; margin: 0 0 0 .05rem; }

.list5_b{padding: .18rem;margin: -.18rem;margin-top: .66rem;margin-left: -2.78rem;}
.list5 li a{opacity: 0;transition: .3s;}
.list5 li .imgBox{ width: 1.1rem; border-radius: 50%; border: #fff .08rem solid;}
.list5 li .imgBox .img{ padding-bottom: 100%;}
.list5 li .txt{width: calc(100% - 1.1rem);padding: 0 .3rem 0 .1rem;}
.list5 li .a{background: #fff;border-radius: 50vw;align-items: center;box-shadow: 0px 0px .18rem 0px rgba(17, 119, 58, 0.16);}
.list5 li.swiper-slide-active a, .list5 li.swiper-slide-next a, .list5 li.swiper-slide-next+li a{ opacity: 1}

.list4 li a:hover h4{ color: #c11623}

.xuanzhuan{-webkit-animation:play 25s linear infinite;-moz-animation:play 25s linear infinite;animation:play 25s linear infinite}
@-webkit-keyframes play{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes play{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes play1{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(-360deg)}
}
@-moz-keyframes play1{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(-360deg)}
}

.home3{padding: .6rem 0 0;overflow: hidden;background: url(../images/home3.jpg) center top no-repeat;background-size: cover;position: relative;z-index: 1;}
.home3 .wp{ position: relative; z-index: 3}
.home3 .text-m{
    padding: 0 .1rem;
    /*! background: #f0f1f5; */
    /*! background: url(../images/home3.jpg) center 0 no-repeat; */
    background-size: 100vw auto;
    backdrop-filter: blur(3px);
    }
.home3 .content{width: 88vw;height: 88vw;position: relative;z-index: 2;display: flex;align-items: center;justify-content: center;margin: 0 auto;margin-top: -.6rem;margin-bottom: -44vw;}
.home3 .content .line0{position: absolute;border-radius: 50%;transition: 2s;}
.home3 .content .line0::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50%;}
.home3 .content .line1{top: 0;right: 0;bottom: 0;left: 0;}
.home3 .content .line1::before{border: #0d4e9c 1px dashed;transition: 2s; -webkit-animation: play1 200s linear infinite;-moz-animation: play1 200s linear infinite;animation: play1 200s linear infinite;}
.home3 .content .line2{top: 12vw;right: 12vw;bottom: 12vw;left: 12vw; }
.home3 .content .line2::before{border: #0d4e9c 1px dashed;transition: 2s;-webkit-animation: play 200s linear infinite;-moz-animation: play 200s linear infinite;animation: play 200s linear infinite;}

.dot_b{position: absolute;top: 0;right: 0;bottom: 0;left: 0;-webkit-animation: play1 200s linear infinite;-moz-animation: play1 200s linear infinite;animation: play1 200s linear infinite;}
.home3 .content .dot0{position: absolute;background: #c7d4e7;border-radius: 50%;transform: translate(-50%, -50%);}
.home3 .content .dot1{width: .17rem;height: .17rem;top: 42%;left: .65%;}
.home3 .content .dot2{width: .12rem;height: .12rem;top: 9%;left: 21.45%;}

.home3 .content .dot3{width: .09rem;height: .09rem;top: 20%;left: 90%;}
.home3 .content .dot4{width: .17rem;height: .17rem;top: 57%;left: .55%;}
.home3 .content .dot5{width: .12rem;height: .12rem;top: 85%;left: 14.35%;}
.home3 .content .dot6{width: .09rem;height: .09rem;top: 93.25%;left: 75%;}

/*.video_b .imgBox{ transform: scale(1.6);opacity: 0;} */

.home3 .video_b{width: 50vw;margin: 0 auto;position: absolute;z-index: 1; border-radius: 50%;cursor: pointer; top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);}
.home3 .video_b .imgBox .img{padding-bottom: 100%;}
.home3 .video_b .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center}
.home3 .video_b .top svg{width: .61rem;height: .61rem;;fill: #fff;cursor: pointer;position: relative;z-index: 10;transition: .5s;}
.home3 .video_b .top a{ display: inline-block; margin-top: -21vw;}
.home3 .video_b .top a:hover svg{ transform: scale(1.25)}

#ibooks{ width: 100%; min-height: 100vh; border: none;}

.list6_b{width: 100%;height: 100%;transition: 1s;position: static;overflow: visible;}
.list6, .list6 .swiper-slide{ position: static;}
.list6 li{position: absolute; z-index: 10}
.list6 li a{ display: flex; align-items: center;}
.list6 li a .ico{width: 1.25rem;height: 1.25rem;border-radius: 50%;display: flex;justify-content: center;align-items: center;background: #f2f4f8;position: relative;z-index: 1;}
.list6 li a .ico svg{width: .9rem;height: .9rem;position: relative;z-index: 2;}
.list6 li a .ico:before{content: "";position: absolute;top:0;right:0;bottom:0;left:0;border: #608abd 1px dashed;border-radius: 50%;-webkit-animation: play 25s linear infinite;-moz-animation:play 25s linear infinite;animation:play 25s linear infinite;z-index: -1;}
.circle{position: absolute;top: 0;left: 0;bottom: 0;right: 0;z-index: 1;opacity: 0;}
.circle span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	background: #184ca6;
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	-webkit-animation: circleScale 4s linear infinite;
	-moz-animation: circleScale 4s linear infinite;
	-ms-animation: circleScale 4s linear infinite;
	animation: circleScale 4s linear infinite;
	transition:.5s
}
.circle span:nth-of-type(2) {
  animation-delay: 1.33s;
}
.circle span:nth-of-type(3) {
  animation-delay: 2.66s;
}

@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  20% {
	   opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }
}
.list6 li a .con{padding: 0 0 0 .42rem;overflow: hidden;}
.list6 li a .con h3{ display: flex; align-items: baseline; margin-bottom: .04rem}
.list6 li a .con h3 big{font-family: 'sys';font-size: .45rem;color: #13408d;}
.list6 li a .con h3 small{font-size: .28rem;color: #13408d;margin: 0 0 0 .08rem;font-family: 'sys';}
.list6 li a .con h6{font-size: .15rem;color: #222222;white-space: nowrap;line-height: 1.375;font-weight: normal;}

.list6 .cls-1{fill:none;stroke: #13408d;stroke-miterlimit:10;stroke-width:3.5px;}
.list6 .cls-1,.list6 .cls-3,.list6 .cls-4,.list6 .cls-5,.list6 .cls-6,.list6 .cls-7{fill:none;}.list6 .cls-2{clip-path:url(#clip-path);}.list6 .cls-3{stroke:#13408d;stroke-width:3.44px;}.list6 .cls-3,.list6 .cls-4,.list6 .cls-5,.list6 .cls-6,.list6 .cls-7{stroke-miterlimit:10;}.list6 .cls-4,.list6 .cls-5,.list6 .cls-6,.list6 .cls-7{stroke:#13408d;}.list6 .cls-4,.list6 .cls-5{stroke-width:6px;}.list6 .cls-5{stroke-linecap:round;}.list6 .cls-6{stroke-width:4px;}.list6 .cls-7{stroke-width:3px;}

[data-aos=line1].home3 .content .line1{ transform: scale(.5); opacity: 0;}
[data-aos=line1].aos-animate.home3 .content .line1{transform: scale(1);opacity: .25}

[data-aos=line1].home3 .content .line2{transform: scale(.5); opacity: 0;}
[data-aos=line1].aos-animate.home3 .content .line2{ transform: scale(1); transition-delay: .2s; opacity: 1;}

[data-aos=line1].home3 .content .list6_b{transform: scale(.9);opacity: 0;}
[data-aos=line1].aos-animate.home3 .content .list6_b{transform: scale(1);transition-delay: 1.8s;opacity: 1;}

[data-aos=scroll].home2 .tit1 .bg img{transform: translateX(-2rem);opacity: 0;transition: 1s;}
[data-aos=scroll].aos-animate.home2 .tit1 .bg img{transform: translateX(0);opacity: 1;}

.home3 .btn{position: absolute;width: .5rem;height: .5rem;background: rgba(255,255,255,.1);text-align: center;line-height: .5rem;z-index: 5;top: 39%;color: #fff;font-size: .18rem;border-radius: 50%;;}
.home3 .prev{left: 28%;}
.home3 .next{right: 28%;}
.home3 .btn:hover{ background: #13408d}

.zhuanti { width: 1540px; height: 200px; zoom: 1; margin: 28px 0}
.zhuanti:after { content: "";display: block; clear: both; visibility: hidden;}
.zhuanti a { display: inline-block; float: left;}
.zhuanti a img {height: 191px;width: auto;}

.fontstyle1098522{ color: rgba(255, 255, 255, 0.9);}
/*.home3 .content .line1{ transform: scale(.5); opacity: 0;}
.is-inview.home3 .content .line1{transform: scale(1);opacity: .25}

.home3 .content .line2{transform: scale(.5); opacity: 0;}
.is-inview.home3 .content .line2{ transform: scale(1); transition-delay: .2s; opacity: 1;}

.home3 .content .list6_b{transform: scale(.9);opacity: 0;}
.is-inview.home3 .content .list6_b{transform: scale(1);transition-delay: 1.8s;opacity: 1;}
*/
.home2 .tit1 .bg img{transform: translateX(-2rem);opacity: 0;transition: 1s;}
.home2 .tit1 .bg img{transform: translateX(0);opacity: 1;}

.home5{margin-top: .4rem;position: relative;z-index: 5;padding-bottom: .2rem;}
.home5 .amid{ position: relative; background: #f7f9fc;}
.home5 .amid .tit{position: absolute;top: .3rem;left: .3rem;z-index: 5;color: #fff;  text-shadow: 0 0 0.1rem rgba(0,0,0,0.3);}
.home5 .tit{font-size: .24rem;position: relative;padding-left: .3rem}
.home5 .tit:before{content: '';height: 3px;width: .15rem;background: #c11623;position: absolute;left: 0;top: 50%;margin-top: -1px}
.home5 .miso_tab .hd ul li .tit{ font-size: .2rem;}
.home5 .miso_tab .hd ul{  display: flex; align-items: baseline;}
.home5 .miso_tab .hd ul li{ opacity: .5; }
.home5 .miso_tab .hd ul li:last-child{ margin-left: .2rem}
.home5 .miso_tab .hd ul li.on{ opacity: 1 }
.home5 .miso_tab .hd ul li.on .tit{ font-size: .24rem;}
.home5 .wp{ padding: 0 .3rem;}
.home5 .left{ width: 66.8%; background: #fff;}
.home5 .right{ width: 32%;
  background: #1d57ba;
   background-size: cover; padding: .3rem;}

.list7 .imgBox{ width: 5.5rem;}
.list7 .imgBox .img{ padding-bottom: 75.09%;}
.list7 .txt{ flex: 1; overflow: hidden; padding: .24rem .25rem;}

.list7 li .time{width: .71rem;height: .8rem;background: #fff;box-shadow: 0px 0px .1rem 0px rgba(22, 67, 144, 0.25);display: flex;flex-direction: column;align-items: center;justify-content: center;position: relative;z-index: 1; }
.list7 li .time:before{ content: ""; position: absolute; top: .05rem; right: .05rem; bottom: .05rem; left: .05rem; border: #678fbb 1px solid; z-index: -1; }
.list7 li .time:after{ content: ""; position: absolute; border-bottom: #01458e .12rem solid; border-right: transparent .12rem solid; bottom: .05rem; left: .05rem; }
.list7 li .time h3{font-size: .3rem;color: #13408d;line-height: 1.15; }
.list7 li .time h6{ font-size: .12rem; color: #959ca7; margin-bottom: .06rem }
.list7 li h4{ font-size: .2rem; color: #333333; line-height: .3rem; margin: .26rem 0 .15rem}
.list7 li p{ }
.list7 .dots{ display: flex; align-items: center; margin: .45rem 0 0}
.list7 .dots span{ display: flex; width: .33rem; height: .33rem; align-items: center; justify-content: center; font-size: .16rem; color: rgba(102,102,102,.66); margin: 0 .16rem 0 0;opacity: 1;background: none;position: relative;z-index: 1;}
.list7 .dots span:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #c11623; border-radius: 50vw; transform: scale(0); transition: .5s; z-index: -1}
.list7 .dots span:after{ content: ""; position: absolute; top: 50%; width: .08rem; height: 1px; background: #dedfe1; right: -.12rem}

.list7 .dots span.active{ color: #fff}
.list7 .dots span.active:after{ display: none}
.list7 .dots span.active:before{ transform: scale(1)}

.list8{ padding: .25rem .3rem; box-shadow: 0px 0px .1rem 0px rgba(0, 0, 0, 0.07);overflow: hidden;}
.list8 .a{ height: .44rem; align-items: center; justify-content: space-between;}

.list8 h4{ width: calc(100% - .9rem); font-size: .18rem; color: #222222;font-weight: normal;padding: 0 0 0 .2rem; background: url(../images/list8_b1.png) left center no-repeat; background-size: .06rem .09rem !important; transition: .5s;}
.list8 span{ font-size: .14rem; color: #222222;}

.home5 .right .tit{ color: #fff;}

.homec .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;}

.list9{ padding: .1rem 0 0;overflow: hidden;}
.list9 li{ border-bottom: rgba(255,255,255,.05) 1px solid;position: relative;z-index: 1;}
.list9 li:after{ content: ""; position: absolute; left: 0; bottom: -1px; width: 0; height: 1px; transition: .5s;}
.list9 li:last-child{ border-bottom: none}
.list9 .a{ padding: .17rem 0;}
.list9 .time{ display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 .34rem 0 0;position: relative;z-index: 1;}
.list9 .time:before{ content: ""; position: absolute; width: 1px; height: .42rem; background: rgba(255,255,255,.2); right: -.18rem; top: 50%; transform: translateY(-50%)}
.list9 .time h3{ font-size: .28rem; color: #fff;line-height: 1;}
.list9 .time h6{ font-size: .12rem; color: #fff;line-height: 1;margin: .04rem 0 0;}
.list9 .txt{ flex: 1; overflow: hidden;}
.list9 h4{ font-size: .16rem; color: #fff; line-height: .24rem; max-height: .48rem\0;}

.item__img {
	--overflow: 40px;
	width: 100%;
	position: absolute;
	will-change: transform;
	top: 0;
	right: 0;
	bottom: -1rem;
	left: 0;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}
.item__img2{--overflow: 150px;}
.item__img2s{ position: relative; --overflow: 250px;width: 100%;}
.item__img2s3{ top: auto;}

.book_box .left{ width: 4.85rem;}
.book_box .right{ width: calc(100% - 4.85rem);}

.book_box{ align-items: center;}
.book_boxs{ padding: 0 24px .4rem;position: relative;z-index: 1;}
.book_boxs:before{ content: ""; position: absolute; top: 24px; right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/book_box_b1.png) center no-repeat; background-size: 100% 100%;}
#cover{ position: absolute; top: 0; bottom: .4rem; left: 24px; width: calc(50% - 24px);}
.page_d{ padding: .8rem .44rem; height: 100%;text-align: left;}
.even .page_d, #cover .page_d{ width: 100%; background: url(../images/page_p.png) center no-repeat; background-size: 100% 100%;}
.odd .page_d{ width: 100%; background: url(../images/page_n.png) center no-repeat; background-size: 100% 100%;}
.page-wrapper div:last-child{ /*! display: none; *//*! pointer-events: none; */}

.bookmark li{ height: 1.02rem; padding: 0 .3rem; position: relative; z-index: 1;display: flex;align-items: center; overflow: hidden;cursor: pointer;}
.bookmark li::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/bookmark.png) center no-repeat; background-size: 100% 100%; transform: translateX(-100%); transition: .5s}
.bookmark li h4{ font-size: .2rem;color: #fff; line-height: .3rem; font-weight: 600; transition: .5s}
.bookmark li .a{ display: none; position: absolute; top: 0; right:0; bottom: 0; left:0; }
.bookmark li.on::before{ transform: translateX(0); box-shadow: 0px .06rem .15rem 0px rgba(5, 25, 59, 0.49);}
.bookmark li.on h4{ color: #fed35e; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.44);}

.list10 .imgW{ position: relative; z-index: 1;}
.list10 .time{ display: flex; width: .62rem; height: .62rem; background: #c11623; border-radius: 50vw; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: -.31rem; left: .25rem;}
.list10 .time h3{ font-size: .28rem; color: #fff;line-height: 1;}
.list10 .time h6{ font-size: .12rem; color: #fff;line-height: 1;margin: .01rem 0 0;}
.list10 .imgBox .img{ padding-bottom: 86.77%;}
.list10 .ar_article{ overflow: hidden; overflow-y: scroll;height: 2.4rem;text-align: justify;padding: 0 .36rem 0 0;margin: 0 0 .45rem;}
.list10 .ar_article::-webkit-scrollbar{width:.03rem;height:8px;background-color:#ccc598}
.list10 .ar_article::-webkit-scrollbar-track{background-color:#ccc598}
.list10 .ar_article::-webkit-scrollbar-thumb{background-color:#c11623}
.list10 .ar_article p{ font-size: .16rem; color: #434343; line-height: .3rem;  text-indent: .32rem;}

.more2{ width: 1rem; height: .34rem; background: #17489c; display: flex; align-items: center; justify-content: center; font-size: .14rem; color: #fff;transition: .5s;}
.more2 img{ width: .15rem; margin: 0 0 0 .06rem;}
.flipbook{ z-index: 10;}

.home4{ background: url(../images/home4.jpg) center no-repeat; background-size: cover; padding: .9rem 0; position: relative; z-index: 11;/*! min-height: 100vh; */display: flex;align-items: center; overflow: hidden;margin-top: -2px;}
.home4 .bg{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1}
.home4 .tit2{ position: absolute; top: .9rem; left: 12.76%;}
.home4 .wp{ width: 100%; max-width: 100%;}

.list6Box{ display: block; position: relative; z-index: 1;}
.list11{ height: 8rem; position: relative; z-index: 1;}
.list11 li{ position: absolute; top: 50%; left: 50%; z-index: 1; transform-origin: center;transform: translate(-50%,-50%); transition: .5s}
.list11 li .boxW{ position: relative !important;}
.list11 li:nth-child(1){ width: 2.18rem; top: 42%; left: 11.35%; max-width: 12vw;}
.list11 li:nth-child(2){ width: 2.64rem; top: 16.5%; left: 28.64%;max-width: 14vw;}
.list11 li:nth-child(3){ width: 3.76rem; top: 76.5%; left: 24.5%; max-width: 20vw;}
.list11 li:nth-child(4){ width: 4.98rem; top: 46.375%; left: 50%; max-width: 25vw;}
.list11 li:nth-child(5){ width: 3.44rem; top: 24.5%; left: 74.7%; max-width: 18vw;}
.list11 li:nth-child(6){ width: 2.62rem; top: 78%; left: 70%; max-width: 14vw;}
.list11 li:nth-child(7){ width: 1.98rem; top: 63.5%; left: 88%; max-width: 12vw;}

.list11 li:nth-child(1) .txt, .list11 li:nth-child(2) .txt, .list11 li:nth-child(6) .txt, .list11 li:nth-child(7) .txt{ padding: 0 15% .4rem;}
.list11 li:nth-child(1) h4, .list11 li:nth-child(2) h4, .list11 li:nth-child(6) h4, .list11 li:nth-child(7) h4{ font-size: .18rem;}

.list11 li .con{ position: relative; z-index: 1;}
.list11 li .con::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;  border-radius: 50%;  background-image: linear-gradient(90deg,#fed35e,#f4e0ab,#dcc994);  }
.list11 .imgBox{ background: #000}
.list11 .imgBox .img{ padding-bottom: 100%;border-radius: 50%;opacity: .8;}
.list11 .a{ display: block; position: relative; z-index: 1; overflow: hidden; border-radius: 50vw;transition: .5s; box-shadow: 0px 6px 10px 0px rgba(5, 25, 59, 0.2);}
.list11 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;display: flex;align-items: flex-end;padding: 0 24% .4rem;text-align: center; background: url(../images/list11_y.png) center bottom no-repeat;transform: translateY(101%);opacity: 0;transition: .5s;}
.list11 h4{ font-size: .2rem; color: #fff; line-height: .3rem; max-height: .6rem\0}

.list11 li:nth-child(3) .box{animation-delay: 0s;}
.list11 li:nth-child(5) .box{animation-delay: 2s;}
.list11 li:nth-child(1) .box{animation-delay: 4s;}
.list11 li:nth-child(7) .box{animation-delay: 6s;}
.list11 li:nth-child(2) .box{animation-delay: 8s;}
.list11 li:nth-child(6) .box{animation-delay: 10s;}
.list11 li:nth-child(4) .box{animation-delay: 12s;}
.list11 li:nth-child(8) .box{animation-delay: 14s;}

@keyframes star{
	0%{ opacity: 1; transform: scale(1);}
    40%{ opacity: 1; transform: scale(1);}
	50%{ opacity: 1; transform: scale(.8);}
    60%{ opacity: 1; transform: scale(1);}
	100%{ opacity: 1; transform: scale(1);}
}

.list6Box .dots span:nth-child(1){width: 1rem;height: 1rem;background: rgba(255,255,255,.08);border-radius: 50%;left: 9%;top: 84%;}
.list6Box .dots span:nth-child(2){width: .34rem;height: .34rem;background: #019d94;border-radius: 50%;left: 30%;top: 42%;opacity: .33;}
.list6Box .dots span:nth-child(3){width: .72rem;height: .72rem;background: rgba(255,255,255,.3);border-radius: 50%;left: 39%;top: 78%;}
.list6Box .dots span:nth-child(4){width: 1rem;height: 1rem;background: rgba(255,255,255,.2);border-radius: 50%;left: 58.5%;top: 10%;}
.list6Box .dots span:nth-child(5){width: .32rem;height: .32rem;background: #fed35e;border-radius: 50%;right: 37%;top: 94%;opacity: .8;}
.list6Box .dots span:nth-child(6){width: .94rem;height: .94rem;background: rgba(255,255,255,.3);border-radius: 50%;right: 18%;top: 48%;}

.ar_wap{ display: none !important;}
.more3{ justify-content: flex-start;}
.more3 a{ margin-right: .2rem;}

@media(min-width: 1024px){
  .a:hover .h4s1{ color: #c11623;}

  .list8 .a:hover h4{ background: url(../images/list8_b1_on.png) left center no-repeat; }
  .list9 li:hover:after{ width: 100%; background: #fff}

  .homeb .slide-b .item:hover:after{opacity: 1;visibility: visible;}
  .homeb .slide-b .item:hover a:before{}
  .homeb .slide-b .item:hover h4, .homeb .slide-b .item:hover p{ }
  
  .homeb .slide-b .item:hover .info p:nth-child(1){background-image: url(../images/time.svg);}
  .homeb .slide-b .item:hover .info p:nth-child(2){background-image: url(../fonts/wz.svg);}
  .homeb .slide-b .item:hover .info p:nth-child(3){background-image: url(../fonts/meeting_on.svg);}
  
  .more2:hover{ background:#f3c64b;}
  .list11 li:hover .a{transform: scale(.97);}
  .list11 li:hover .txt{transform: translateY(0);opacity: 1}
  .list11 li:hover .imgBox .img{ opacity: 1;}
  .list11 .box{ animation:star 16s infinite; -webkit-animation:star 16s infinite; transition: .5s;}

  .list6 li:hover a .ico{ background: #13408d}
.list6 li:hover .circle{ opacity: 1}
.list6 li:hover .cls-1, .list6 li:hover *{ stroke: #fff;}

.list11 li:hover{ transform: translate(-50%,-50%) scale(1.25);}
}
@media(max-width: 1600px){
  .wp {
    margin: 0 auto;
    max-width: 15.4rem;
    width: 96%;
}
.header .topnav ul li {
  margin-left: 0.3rem;
  font-size: .2rem;
  position: relative;
}
}
@media(max-width: 1200px){
  .wp {
    margin: 0 auto;
    max-width: 15.4rem;
    width: 96%;
}
.header .topnav ul li {
  margin-left: 0.2rem;
  font-size: .2rem;
  position: relative;
}
}
@media(max-width: 1024px){	
	.bookmark li .a{ display: block;}
  html::-webkit-scrollbar{width:0;}

  .home5 .left{ width: 100%;margin-bottom: .4rem;}
  .home5 .right{ width: 100%;}
  .homeb .slide-b{ width: 100%;}

  .homec{ min-height: auto;}

  .book_box .left{ width: 100%;margin-bottom: 0;}
  .book_box .right{ width: 100%;}
  .home2 .left{ width: 100%;max-width: 60vw;margin: 0 auto;}
  .home2 .right{ width: 100%;}
  .home2 .content{ width: 100%;}
  .list5_b{ margin: 0;visibility: hidden;height: 0;padding: 0;}
  .home5{ margin-top: .4rem}

  .homeb .slide-b .item:after{opacity: 1;visibility: visible;}
  .homeb .slide-b .item a{background: #c11623;}
  .homeb .slide-b .item a:before{ background: #fff}
  .homeb .slide-b .item h4, .homeb .slide-b .item p{ color: #fff !important}
  
  .homeb .slide-b .item .info p:nth-child(1){background-image: url(../fonts/time_on.svg);}
  .homeb .slide-b .item .info p:nth-child(2){background-image: url(../fonts/wz_on.svg);}
  .homeb .slide-b .item .info p:nth-child(3){background-image: url(../fonts/meeting_on.svg);}

  .flipbook{ z-index: 10;max-width: 100%;}
.page-wrapper{ max-width: 50%}
.page-wrapper *{ max-width: 100%}
.book_box .right{margin-top:40px;display: none;}
.ar_web{ display: none !important;}
.ar_wap{ display: flex !important;width: 100%;}
  .item__img2{--overflow: 25px;}
.item__img2s{ position: relative; --overflow: 50px;}
.item__img{ bottom: -.5rem;}
.home3 .content{ transform: scale(.9);margin-top: -.3rem;}
  .home4{ min-height: auto; padding: .4rem 0}
  .homeh .icolist{ position: relative;justify-content: center;top: 0;margin-bottom: .4rem;}
  .homeh .icolist li{ margin: 0 .05rem;}
  .homeh .icolist li i{ width: .36rem; height: .36rem;line-height: .36rem;font-size: .18rem;}
  .homeg ul li .imgBox .img{ padding-bottom: 40%}
}
@media(min-width: 1024px){
.list6 li:nth-child(1){top: 37%;right: 81%;}
.list6 li:nth-child(1) .ico{ order: 1;}
.list6 li:nth-child(1) a .con{text-align: right;padding: 0 0 0 0;}
/* .list6 li:nth-child(1) a .con{text-align: right;padding: 0 .42rem 0 0;} */
.list6 li:nth-child(1) a .con h3{ justify-content: flex-end}

.list6 li:nth-child(2){top: 19%;right: 70%;}
.list6 li:nth-child(2) .ico{ order: 1;}
.list6 li:nth-child(2) a .con{text-align: right;padding: 0 .42rem 0 0;}
.list6 li:nth-child(2) a .con h3{ justify-content: flex-end}

.list6 li:nth-child(3){bottom: 82%;left: 50%;transform: translateX(-50%);}
.list6 li:nth-child(3) a{flex-direction: column;justify-content: center;}
.list6 li:nth-child(3) .ico{ order: 1;}
.list6 li:nth-child(3) a .con{text-align: right;padding: 0 0 .42rem 0;}
.list6 li:nth-child(3) a .con h3{ justify-content: center}

.list6 li:nth-child(4){top: 19%;left: 70%;}
.list6 li:nth-child(4) .ico{order: 0;}
.list6 li:nth-child(4) a .con{padding: 0 0 0 .42rem;}
.list6 li:nth-child(4) a .con h3{ text-align: right}
.list6 li:nth-child(4) a .con h3{text-align: right;/* justify-content: flex-end; */}

.list6 li:nth-child(5){top: 37%;left: 81%;}
.list6 li:nth-child(5) .ico{order: 0;}
.list6 li:nth-child(5) a .con{padding: 0 0 0 0rem;}
/* .list6 li:nth-child(5) a .con{padding: 0 0 0 .42rem;} */
.list6 li:nth-child(5) a .con h3{text-align: right;/* justify-content: flex-end; */}

}  
@media(max-width: 1025px){
  .list6 li a{ flex-direction: column; }
  .list6{ margin-bottom: .25rem;font-size: 0;white-space: nowrap;overflow: hidden;}
  .list6 li{ margin-bottom: .15rem; position: relative; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: translate(0,0);display: inline-block;min-width: 50%;padding: 0 .04rem;}

}
@media(max-width: 800px){
  #gotop{ right:0; transform:scale(0.7)}
  .scroll{ overflow: hidden; overflow-x: scroll;}
  .ar_article{font-size: .18rem; }
  .ar_article td, .ar_article th{ font-size: .18rem;}

  .ar_article1 p{text-indent: .36rem;}
  .page_d{ padding: .1rem}
  .homec{ padding: .4rem 0}
  .home2{ padding: .4rem 0 0}
  .list4_b{ padding: .1rem; margin:0 -.1rem;}
  .list8 .a h4{ background: url(../fonts/2b35766ba3f74c99834a62aa122fabd3.woff);margin-top: 0;}
  .home3 .video_b .top svg{ width: .4rem; height: .4rem}
  
  .list11{ height: 5rem}
  .list11 li:nth-child(1){ width: 2.18rem; top: 42%; left: 11.35%; max-width: 20vw;}
.list11 li:nth-child(2){ width: 2.64rem; top: 16.5%; left: 28.64%;max-width: 22vw;}
.list11 li:nth-child(3){ width: 3.76rem; top: 76.5%; left: 24.5%; max-width: 28vw;}
.list11 li:nth-child(4){ width: 4.98rem; top: 46.375%; left: 50%; max-width: 33vw;}
.list11 li:nth-child(5){ width: 3.44rem; top: 24.5%; left: 74.7%; max-width: 26vw;}
.list11 li:nth-child(6){ width: 2.62rem; top: 78%; left: 70%; max-width: 22vw;}
.list11 li:nth-child(7){ width: 1.98rem; top: 63.5%; left: 88%; max-width: 20vw;}
  .list6Box .dots span:nth-child(1){max-width: 3vw; max-height: 3vw}
  .list6Box .dots span:nth-child(2){max-width: 6vw; max-height: 6vw}
  .list6Box .dots span:nth-child(3){max-width: 9vw; max-height: 9vw}
  .list6Box .dots span:nth-child(4){max-width: 6vw; max-height: 6vw}
  .list6Box .dots span:nth-child(5){max-width: 3vw; max-height: 3vw}
  .list6Box .dots span:nth-child(6){max-width: 8vw; max-height: 8vw}
  
  .homeh .picList2, .homeh .picList1{ width: 100%}
  .homeh .picList1{ margin-bottom: .1rem}

  
.homeh .picList1 li .imgBox .img, .homeh .picList2 li .imgBox .img{ padding-bottom: 40vw; height: auto;}

.homeh .picList1 li:nth-child(3) .imgBox .img, .homeh .picList2 li:nth-child(1) .imgBox .img{ padding-bottom: 60vw; height: auto;}
  .homeh{ padding: .4rem 0}
  
  .slide-ba .btn{ width: .3rem; height: .3rem; margin-top: -.15rem}
}
@media(max-width: 560px){
  .home2 .left{ max-width: 100%}
  .list3 li .imgBox{ border-radius: 0}
}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
  .video_b .imgBox{ transform: scale(1) !important;opacity: 1 !important;}
  .homee .btn{ font-size: .16rem}
  .homee .btn:last-child{ margin-right: 0}
  .homee .btn{ width: 1.4rem; height: .44rem; line-height: .44rem}
}
@media(max-width: 800px){
.list7 .imgBox{ width: 4rem}

}
@media(max-width: 600px){
.list7 .imgBox{ width: 100%}
	.list7 .txt{ width: 100%; flex: auto}
} 

/*公共css*/
@media(max-width: 800px){
    .h4s0{font-size: .2rem !important;line-height: .3rem !important;}
    .h4s1{font-size: .2rem !important;line-height: .3rem !important;max-height: .3rem\0 !important;}
    .h4s2{font-size: .2rem !important;line-height: .3rem !important;max-height: .6rem\0 !important;}
    .h4s3{font-size: .2rem !important;line-height: .3rem !important;max-height: .9rem\0 !important;}

    .ps0{font-size: .16rem !important;line-height: .26rem !important;}
    .ps1{font-size: .16rem !important;line-height: .26rem !important;max-height: .26rem\0 !important;}
    .ps2{font-size: .16rem !important;line-height: .26rem !important;max-height: .52rem\0 !important;}
    .ps3{font-size: .16rem !important;line-height: .26rem !important;max-height: .78rem\0 !important;}
    .ps4{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.04rem\0 !important;}
    .ps5{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.3rem\0 !important;}
} 

@media(min-width: 1024px){
 
}
@media(max-width: 1024px){
.home3 .btn{ display: none}
.header .topnav .topser i{ margin: 0 auto}
}
@media(max-width: 800px){
  .list7 .dots{ margin: .25rem 0 0}
}
@media(max-width: 420px){
.list6 li{ min-width: 33.33%}
.list6 li a .con h3 small {
  font-size: .22rem;
}
.header::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: url(../images/header.png) center no-repeat;
  background-size: 100% 99% !important;
  height: 0.9rem;
  transition: .5s;
  z-index: -1;
  pointer-events: none;
  opacity: 1;
}
} 



.homec .parallax-content{ background: url(../images/cbg.jpg) center no-repeat; background-size: cover; }

.homee .parallax-content{ background: url(../images/hy.jpg) center no-repeat; background-size: cover; }

.home4 .parallax-content{ background: url(../images/kyptbg.png) center no-repeat; background-size: cover; }