body {
    color: #000;
    font-size: 14px;
    font-family: "å¾®è½¯é›…é»‘", "Arial", Helvetica, "é»‘ä½“", Arial, Tahoma;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;

 
}
.img-hide{ overflow:hidden; display: block; position: relative; }
.slick-slider{ touch-action: auto!important; }
.img-hide img,.one-li-img,.cg-ul-img div{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img,a:hover .one-li-img,a:hover .cg-ul-img div{ transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{max-width:100%;display: inline-block;vertical-align: middle;}

.slick-dots li button:before{ display: none; }

.header-width{ width: 15.8rem; margin:0 auto; padding-top: 0.28rem;position: relative;padding-right: 0.3rem; }
.header-width a{ color: #fff; font-size: 0.16rem; float: left; margin-right: 0.3rem; }
.header-width .pull-right a{ margin:0 0 0 0.3rem; }
.head-top{ width: 15.8rem; }
.title{ font-size: 0.48rem; color: #223473; height: 1.13rem; background: url(../images/title-b.png) center bottom no-repeat; background-size: auto 100%; }
.title span{ display: inline-block; padding:0 0.25rem; }
.news-tabs li{ float: left; margin-left: 0.3rem; margin-bottom: 0.25rem; }
.news-tabs li a{ display: block; transition: 0.3s all; text-align: center; line-height: 0.1rem; position: relative; width: 1.3rem; color: #0b378d; height: 0.38rem; border-radius: 0.38rem; background: #cbebfd; font-size: 0.18rem; }
.news-tabs li.active a,.news-tabs li a:hover{ background: #002972; color: #fff; }
.one-left{ width: 7rem; margin:0; }
.one-left-img{ width: 7rem; height: 4.12rem; transition: 0.3s all; }
.one-left a,.one-center-top a,.one-center-bottom a{ display: block; overflow:hidden; border-radius: 0.15rem; background: #edf7fd; }
a:hover .one-left-img{ transform: scale(1.05,1.05); }
.one-left-bottom{ background: #edf7fd; padding:0.5rem 0.45rem 0 0.45rem; height: 3rem; }
.one-left-label{ font-size: 0.18rem; color: #233373; line-height: 0.38rem; border-radius: 0.38rem; background: #cbebfd; display: inline-block; padding:0 0.3rem; }
.dyxw{position: absolute;z-index: 99;bottom:2.45rem;left:0.45rem;    background: #cbebfd !important;}

.one-left-tt{height: 0.54rem; font-size: 0.24rem; color: #233373; line-height: 1; margin-top: 0.2rem; min-height:}
.one-left-p{ font-size: 0.18rem; max-height: 0.9rem; color: #333; line-height: 1.8; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; opacity: 0.7; margin-top: 0.15rem;  }
.one-left-date{ color: #333; font-size: 0.18rem; margin-top: 0.2rem; opacity: 0.7; }
.one-center{ width: 3.65rem; margin-left: 0.35rem; }
.one-center-img{ width: 100%; height: 2.32rem; transition: 0.3s all; }
a:hover .one-center-img{ transform: scale(1.05,1.05); }
.one-center-top-b{ height: 1.8rem; padding:0.3rem; }
.one-center-tt{ font-size: 0.2rem; color: #233373; line-height: 1.6; text-align: justify; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.one-center-date{ font-size: 0.18rem; color: #333; margin-top: 0.2rem; }
.one-center-bottom{ margin:0; }
.one-center-bottom a{ height: 2.5rem; position: relative; margin-top: 0.5rem; background: #243372; padding:0.35rem; }
.one-center-top .one-left-label{ position: absolute; right: 0.2rem; top: 0.2rem; background: #edddb3; }
.one-center-bottom-date{ font-size: 0.3rem; color: #edddb3; }
.one-center-bottom-date span{ font-size: 0.47rem; line-height: 1; padding-right: 0.05rem; }
.one-center-bottom-date font{ line-height: 1; padding-left: 0.15rem; background: url(../images/lind.png) left center no-repeat; }

.tz-ul .one-center-bottom-date{ font-size: 0.3rem; color: #edddb3; text-align: center; }
.tz-ul .one-center-bottom-date span{ font-size: 0.4rem; line-height: 1; padding-right: 0; }
.tz-ul .one-center-bottom-date font{ line-height: 1; padding-left: 0; background: none; }
.one-center-bottom a .one-center-tt{ color: #fff; margin-top: 0.4rem; }
.one-center-bottom .xy2{ position: absolute; right: 0.35rem; top: 0.4rem; background: #2d51b2; color: #edddb3; font-size: 0.18rem;    border-radius: 0.38rem;padding: 0 0.3rem ;z-index: 99;line-height:0.38rem;height: auto;}
.one-right{ height: 7.12rem; width: 3.65rem; background: #edf7fd; border-radius: 0.15rem; padding:0 0.25rem; padding-top:0.5rem;}
.one-right-date{ position: relative; margin-top: 0.17rem; font-size: 0.2rem; line-height: 1; color: #233373; }
.one-right-date span{ text-align: right; display: block; font-size: 0.18rem; color: #333; }
.one-right li a{ display: block; overflow:hidden; position: relative; border-bottom: dashed 1px #ccc; padding:0.15rem 0; }
.one-right li a .one-center-tt{ margin-top:0; }
.one-right li:last-child a{ border:none; }
.one-left .slick-dots{ left: auto; width: auto; right: 0.5rem; bottom: 0.18rem; top: auto; margin:0; }
.page-one .slick-dots li,.page-one .slick-dots li button{ width: 8px; height: 3px; padding:0; margin:0; border-radius: 8px; }
.page-one .slick-dots li button{ background: #b0bcd3; }
.page-one .slick-dots li{ margin-left: 10px; }
.page-one .slick-dots li.slick-active,.page-one .slick-dots li.slick-active button{ width: 20px; }
.page-one .slick-dots li.slick-active button{ background: #243372; }
.one-center-top .slick-dots{ left: auto; top: auto; width: auto; bottom: 0.35rem; right: 0.3rem; }
.one-center-bottom .slick-dots{ left: auto; top: auto; width: auto; bottom: 0.13rem; right: 0.35rem; }
.one-center-bottom .slick-dots li button{ background: #fff; opacity: 0.5; }
.one-center-bottom .slick-dots li.slick-active button{ opacity: 1; background: #fff; }
.one-right li a:before{ display: block; transition: 1s all; content: ""; position: absolute; width: 100%; left: 1.54rem; width: 0; top: 0; bottom: 0; background: url(../images/lang.png) left center no-repeat; }
.one-right li a:hover:before{ width: 1.61rem; }
.more{ display: inline-block; margin-top: 0.5rem; font-size: 0.18rem; color: #243372; height: 0.37rem; line-height: 0.37rem; }
.more span{ text-align: center; transition: 0.3s all; display: inline-block; height: 0.37rem; padding-right: 0.37rem; border-radius: 0.37rem; background:#edf7fd url(../images/more.png) right center no-repeat; width: 1.4rem; background-size: 0.37rem 0.37rem;  }
.more:hover span{ transform: translate(0,-5px); }

.back-tow{ background: url(../images/xs-back.png) center top no-repeat; margin-top: 0.2rem; overflow:hidden; width: 100%; height: 8rem; background-size: auto 100%; position: relative; }
.lind-a{ animation: lind-a ease-in-out 5s infinite; position: absolute; left: 0; top: 2.5rem; width: 0.58rem; height: 0.04rem; background: url(../images/lind-a.png) center no-repeat; background-size: 100% auto; }
@keyframes lind-a{
    0%{ left:-1rem; }
    100%{ left: 100%; }
    }
.lind-b{ animation: lind-b ease-in-out 5s infinite; position: absolute; right: 0; top: 6.5rem; width: 0.58rem; height: 0.04rem; background: url(../images/lind-b.png) center no-repeat; background-size: 100% auto; }
@keyframes lind-b{
    0%{ right:-1rem; }
    100%{ right: 100%; }
    }
.lind-c{ animation: lind-c ease-in-out 5s infinite; position: absolute; bottom: 0; left: 1.63rem; height: 0.58rem; width: 0.04rem; background: url(../images/lind-c.png) center no-repeat; background-size: 100% auto; }
@keyframes lind-c{
    0%{ bottom:-1rem; }
    100%{ bottom: 100%; }
    }
.lind-d{ animation: lind-d ease-in-out 5s infinite; position: absolute; top: 0; right: 1.63rem; height: 0.58rem; width: 0.04rem; background: url(../images/lind-d.png) center no-repeat; background-size: 100% auto; }
@keyframes lind-d{
    0%{ top:-1rem; }
    100%{ top: 100%; }
    }
.tabs-ul li a{ font-size: 0.24rem; color: #333; display: block; line-height: 1; }
.tabs-ul li{ position: relative; padding-bottom: 0.5rem; }
.tabs-ul li:before{ display: block;transition: 0.3s all; content: ""; position: absolute; left: 0; bottom: 0; right: 0; height: 0.3rem; background: url(../images/quan01.png) center no-repeat; background-size: auto 0.16rem; }
.tabs-ul li.active:before{ background: url(../images/quan02.png) center no-repeat; background-size: auto 0.3rem; }
.tabs-ul{ position: relative; z-index: 100; }
.tabs-ul:before{ display: block;  position: absolute; content: ""; left: 0.56rem; bottom: 0.14rem; height: 0.02rem; right: 0.56rem; background: #e1ecf3; }
.tabs-ul li.pull-right:after{ display: block; transition: 0.5s all; content: ""; height: 0.02rem; position: absolute; left:-13.55rem; width: 3.3rem; bottom: 0.14rem; background: #5fd0ff;  }
.tabs-ul li.pull-right.active:after{ left: -2.8rem; }
.tow-slick-a a{ display: block; transition: 0.3s all; position: relative; background: #edf7fd; border-radius: 0.15rem; height: 5.5rem; padding:0.55rem; width: 100%; }
.tow-slick-a a:hover{ background: url(../images/hover-back.png) center no-repeat; background-size: cover; }
.tow-slick a .one-center-bottom-date{ color: #243372; transition: 0s all; }
.tow-slick a:hover .one-center-bottom-date{ color: #edddb3; }
.tow-slick a:hover .tow-slick-more{ color: #fff; border-color: #fff; }
.tow-slick-label{ font-size: 0.18rem;
    color: #233373;
    line-height: 0.38rem;
    border-radius: 0.38rem;
    background: #cbebfd;
    display: inline-block;
    padding: 0 0.2rem; margin-top: 0.1rem; }
.tow-slick-lind{ border-bottom: solid 1px #d9e3ef; padding-bottom: 0.15rem; }
.tow-slick-tt{ font-size: 0.24rem; color: #243372; line-height: 1.8; margin-top: 0.25rem;  overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.tow-slick-p{ font-size: 0.18rem; color: #243372; text-align: justify; line-height: 1.6; margin-top: 0.25rem; text-align: justify;  overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}
.tow-slick a:hover .tow-slick-tt,.tow-slick a:hover .tow-slick-p{ color: #fff; }
.tow-slick-more{ position: absolute; left: 50%; transition: 0s all; border-radius: 0.35rem; bottom: 0.45rem; transform: translate(-50%,0); font-size: 0.18rem; color: #243372; border:solid 1px #243372; padding:0 0.2rem; }
.tow-slick-more span{ display: inline-block; line-height: 0.54rem; background: url(../images/more02.png) left center no-repeat; background-size: 0.26rem auto; padding-left: 0.35rem; }
.tow-slick a:hover .tow-slick-more span{ background: url(../images/more03.png) left center no-repeat; background-size: 0.26rem auto; }
.tow-slick .slick-slide{ padding:0 0.45rem;  padding-top: 1.2rem; }
.tow-slick-a .slick-slide:hover a{ transform: translate(0,-0.7rem); }
.tow-slick{ margin:0 -0.45rem; padding-bottom: 1rem; background: url(../images/dian-a.png) center bottom no-repeat; background-size: 2.06rem auto; }
.tow-slick .slick-prev{ width: 0.65rem; height: 0.65rem;  transition: 0.3s all; margin-left: -1.7rem; background: url(../images/dian01.png) center no-repeat; background-size: 100% auto; left: 50%; top: auto; bottom: -0.63rem; }
.tow-slick .slick-next{ width: 0.65rem; height: 0.65rem;  transition: 0.3s all; margin-right: -1.7rem; background: url(../images/dian01.png) center no-repeat; background-size: 100% auto; right: 50%; top: auto; bottom: -0.63rem; }
.tow-slick .slick-next:hover{ background: url(../images/dian02.png) center no-repeat; background-size: 100% auto; }
.tow-slick .slick-prev:hover{ background: url(../images/dian02-1.png) center no-repeat; background-size: 100% auto; }
.tow-slick .slick-prev:hover:before,.tow-slick .slick-next:hover:before{ position: absolute; animation: lind-q 3s linear infinite; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/dian03.png) center no-repeat; background-size: 100% auto; }
@keyframes lind-q{
 from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
    }
.title-tow{ line-height: 1.39rem; height: 1.39rem; background: url(../images/title-b02.png) center no-repeat; background-size: auto 100%; }
.title-three{ line-height: 1.14rem; margin-bottom: 0.52rem; margin-top: 0.65rem; height: 1.14rem; background: url(../images/title-b03.png) center no-repeat; background-size: auto 100%; }
.left-back{ width: 3.2rem; padding:0.35rem; height: 5.25rem; background: url(../images/left-back.png) left center no-repeat; background-size: cover; border-radius: 0.15rem; }
.left-back li a{ display: block; font-size: 0.2rem; color: rgba(255,255,255,0.8); position: relative; line-height: 0.6rem; border-bottom: solid 1px rgba(255,255,255,0.2); position: relative; }
.left-back li a:hover{ color: rgba(255,255,255,1); }
.left-back li a:before{ display: block; content: ""; position: absolute; right: 0; top: 0; bottom: 0; opacity: 0.5; width: 0.18rem; background: url(../images/raw01.png) center no-repeat; background-size: 100% auto; }
.left-back li a:hover:before{ opacity: 1; }
.left-back li:nth-child(4){ margin-top: 0.35rem; }
.left-back li:last-child a{ border:none; }
.video-box{ position: relative; cursor: pointer; width: 9.1rem;    padding: 0 10px; border-radius: 0 0.15rem 0.15rem 0; overflow:hidden;  }
.video-img{ height: 5.25rem; transition: 0.3s all; }
.video-box .sp:hover .video-img{ transform: scale(1.05,1.05); }
.video-box i{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/play.png) center no-repeat; background-size:0.79rem 0.79rem; z-index: 10;  }
.sp {
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.three-right{ width: 2.7rem; }
.three-top{ position: relative; border-radius: 0.15rem; overflow:hidden; display: block; }
.three-top div{ height: 1.65rem; transition: 0.3s all; }
.three-top:hover div{ transform: scale(1.05,1.05); }
.three-label{ font-size: 0.18rem;
    color: #233373;
    line-height: 0.38rem;
    border-radius: 0.38rem;
    background: #cbebfd;
    display: inline-block;
    padding: 0 0.2rem;
    position: absolute; z-index: 10; left: 0.15rem; top: 0.15rem; }
.txt-p{ position: absolute; left: 0; font-size: 0.18rem; color: #fff; padding:0.4rem 0.2rem 0.15rem 0.2rem; right: 0; bottom: 0; background: url(../images/txt-p.png) center no-repeat; background-size: 100% 100%; }
.three-bottom div{ height: 1.65rem; }
.three-top {
    margin-bottom: 0.15rem;
}
.page-three{ padding-bottom: 0.65rem; }
.title-four{ line-height: 0.87rem; height: 0.87rem; background: url(../images/title-b04.png) center no-repeat; background-size: auto 100%; }
.title-five{ line-height: 1.09rem; height: 1.09rem; background: url(../images/title-b05.png) center no-repeat; background-size: auto 100%; }
.page-four{ padding-top: 1rem; }
.five-p{ font-size: 0.24rem; margin-bottom: 0.4rem; color: #2d51b2; line-height: 1.8; margin-top: 0.15rem; }
.index-page{ width: 9rem; border-radius: 0.15rem; overflow:hidden; }
.index-page .swiper-left{ width: 100%!important; }
.index-page .video-bottom{ display: none!important; }
body{ overflow:visible!important; }
.banner{ height: 100vh; position: relative; z-index: 600;background: url(../images/banner01-bj.jpg) center no-repeat; background-size: 100% 100%;  }
.index-page .pagination{ left: auto; width: auto; right: 0.4rem;transform: translate(-50%,0); padding:0.4rem 0; margin:0; z-index: 9999;}
.index-page .pagination span{ width: 8px; border-radius: 0; float: left; display: block; height: 3px; margin-left: 0.1rem; padding:0; background: #b0bcd3; }
.index-page .pagination span.swiper-pagination-bullet-active{ background: #fff; width: 20px; }

.banner-slick{ left: auto; z-index: 999; padding:0.2rem 0; transform: translate(0,-50%); width: auto; right: 0.4rem; top: 50%; margin:0; position: absolute; }
.index-s1 .prev{ position:relative; left:auto; top: -1.5rem; right: 0.9rem; height: 0.15rem; background: url(../images/xz02.png) center no-repeat; background-size: auto 100%; }
.index-s1 .prev:after,.prev-phone{ display: none; }
.index-s1 .next{ position:relative; top: auto; margin:0!important;  bottom: -1.8rem; right: 0.9rem; height: 0.15rem; background: url(../images/xz01.png) center no-repeat; background-size: auto 100%; }
.index-s1 .next:after{ display: none; }

.index-page .pagination span{ width: 8px; border-radius: 0; float: left; display: block; height: 3px; margin-left: 0.1rem; padding:0; background: #b0bcd3; }
.index-page .pagination span.swiper-pagination-bullet-active{ background: #fff; width: 20px; }

.index-s1 .item{ height: 100vh; }
.index-page a{ position: relative; }
.video-mask{ position: absolute; left: 0; right: 0; bottom: 0; height: 1.1rem; background: url(../images/video-mask.png) center no-repeat; background-size: 100% 100%; }
.index-page p{ font-size: 0.18rem; color: #fff; position: absolute; left: 0.4rem; bottom: 0.4rem; right: 1.5rem; line-height: 1; }
.four-center{ width: 2.7rem; margin-left: 0.3rem; }
.four-center-r{ margin-left: 0; }
.three-tops-s div{ height: 3.4rem; }
.three-tops-s-b div{ height: 1.55rem; }
.three-tops-s-b{ margin-top: 0.3rem; }
.three-tops-s-c{ margin-top: 0; margin-bottom: 0.3rem; }
.back-five{ position: relative; overflow:hidden; }
.five-video{ position: absolute; left: 50%; top: 3rem; width: 7rem; height: 6rem; margin-left: -3.5rem; }
.five-video video{ position: absolute; left: 0; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; object-fit: cover; }
.back-five{ position: relative; }
.back-five-c{ position: relative; padding-top: 0.3rem; z-index: 100; background: url(../images/back-five.png) center no-repeat; background-size: auto 100%; height: 8.86rem; }
.title-six{ color: #fff; letter-spacing: 0.1rem; line-height: 1.31rem; height: 1.31rem; background: url(../images/title-b06.png) center no-repeat; background-size: auto 100%; }
.six-p{ font-size: 0.18rem; margin-bottom: 0.5rem; line-height: 1.8; letter-spacing: 0.05rem; color: #fff; margin-top: 0.1rem; }
.five-date{ position: relative; }
.five-date span{ font-size: 0.8rem; display: inline-block; color: #fff; line-height: 1; position: relative;}
.five-one{ width: 4.25rem; height: 3.3rem; display: block; }
.five-date span font{ position: absolute; white-space:nowrap; left: 100%; margin-left: 0.1rem; top: 0.1rem; font-size: 0.24rem; line-height: 1; }
.five-txt{ font-size: 0.22rem; position: relative; margin-top: 0.15rem; line-height: 1.6; color: #fff; letter-spacing: 0.04rem;}
.five-txt:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0.15rem; background: url(../images/txt-lind.png) center no-repeat; height: 1px; }
.five-txt-r{ font-size: 0.22rem; width: 1.6rem; position: relative; margin-top: 0.15rem; line-height: 1.6; color: #fff; letter-spacing: 0.04rem; }
.five-tow{ padding-right: 0.7rem; position: relative; height: 3.3rem; display: block;}
.five-tow .five-date{ margin-right: 0.6rem; }
.five-box:before{ display: block; content: ""; position: absolute; right: 2.45rem; top: 0.8rem; width: 3.49rem; height: 0.8rem; background: url(../images/lind-five-r.png) center no-repeat; background-size: 100% 100%; }
.five-three{ position: relative; width: 2.2rem; display: block;}
.five-txt-b{font-size: 0.22rem; position: relative; margin-top: 0.15rem; line-height: 1.6; color: #fff; letter-spacing: 0.04rem;}
.five-four{ width: 3.05rem; margin-right: 1rem; display: block;}
.five-four .five-txt:before{background: url(../images/txt-s-b.png) center no-repeat;}
.five-box{ height: 4.95rem; position: relative;}
.five-box:after{ display: block; content: ""; position: absolute; left: 2.25rem; top: 3.77rem; width: 3.85rem; height: 0.71rem; background: url(../images/lind-c-b.png) center no-repeat; background-size: 100% 100%; }
.five-box .slick-prev{ margin-left: 0; width: 0.56rem; height: 0.56rem; background: url(../images/left-a.png) center no-repeat; background-size: 100% 100%; top: 50%; left: -0.6rem; }
.five-box .slick-next{ width: 0.56rem; height: 0.56rem; background: url(../images/right-a.png) center no-repeat; background-size: 100% 100%; top: 50%; right: -0.6rem; }
.s5-c ul{ display: block!important; }
.back-five{ margin-top: 1.1rem; }
.title-senven{ line-height: 1.23rem; margin:0.4rem 0 0.65rem 0; height: 1.23rem; background: url(../images/title-b07.png) center no-repeat; background-size: auto 100%; }
.tow-slick-b a{ display: block; height: 4.65rem; transition: 0.5s all; position: relative; border-radius: 0.15rem 0.15rem 0 0; }
.tow-slick-b a::before {
    position: absolute;
    top: 0;
    left: -90%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    opacity: .25;
    pointer-events: none;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 53) 50%, rgba(255, 255, 255, 0) 70%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 53) 50%, rgba(255, 255, 255, 0) 70%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
    z-index: 3;
}
.tow-slick-b a:hover:before {
    -webkit-animation: shine 1s;
    animation: shine 1s;
}

.tow-slick-b .slick-slide{ padding:0.25rem; }
.tow-slick-b{ margin:0 -0.25rem; }
.tow-slick-b-img{ height: 4.65rem;}
.tow-slick-b a:hover{transform: scale(1.05,1.05);border-radius: 0.15rem;}

.tow-slick-b-bottom{ position: absolute; transition: 0.5s all; font-size: 0.18rem; color: #fff; line-height: 1; padding:0 0.2rem; padding-top: 1.05rem; left: 0; right: 0; bottom: 0; height: 1.94rem; background: url(../images/zt-bottom.png) center no-repeat; background-size: 100% 100%; }
.tow-slick-b a:hover .tow-slick-b-bottom{ opacity: 0; }
.footer-back{ background: url(../images/footer-back.png) center no-repeat; background-size: cover; height: 4.55rem; padding-top: 1.2rem; }
.back-six{ padding-bottom: 0.15rem; }
.footer-c{ height: 2.58rem; padding-top: 0.9rem; background: url(../images/footer-c.png) center no-repeat; background-size: auto 100%; }
.logo-b{ margin-left: -0.8rem; width: 3.53rem; }
.footer-ul li{ float: left; margin-bottom: 0.2rem; width: 1.28rem; text-align: center; }
.footer-ul{ width: 6.4rem; padding-top: 0.1rem; margin-left: 0.25rem; }
.footer-ul li a{ font-size: 0.18rem; color: #fff; }
.footer-ul li a:hover{ color: #29e9f0; text-decoration: underline!important; }
.footer-ul-r li{ float: none; width: 100%; font-size: 0.18rem; color: #fff; text-align: left; }
.footer-ul li:nth-child(10) a{background: url(../images/ft-icon5.png)right center no-repeat;padding-right:0.2rem;background-size:0.16rem ;}


.footer-ul-r{ width: auto; }
.footer-c .w15{ position: relative; }
.go-top{ position: fixed; right: 0.3rem; z-index: 500; bottom: 0.5rem; width: 0.9rem; height: 0.9rem; background: url(../images/go-top.png) center no-repeat; background-size: 100% 100%; }
.footer-bottom{ font-size: 0.16rem; color: #3da2ea; }
.footer-bottom a{ display: inline-block; margin:0 0.05rem; }
.footer-bottom span.a{ padding-right: 0.1rem; }
.footer-bottom span.b{ padding-left: 0.1rem; padding-right: 0.1rem; }
div,li,a,ul{
    transition-duration: 1s;
}
.s3-con ul li{ height: 276px; }
.s3-con ul li:nth-child(1) a{ color: #f96f6c; }
.s3-con ul li:nth-child(2) a{ color: #002d73; }
.s3-con ul li:nth-child(3) a{ color: #eac637; }
.s3-con ul li:nth-child(4) a{ color: #4eaed4; }
.s3-con ul li:nth-child(5) a{ color: #4ec9b6; }
.s3-con ul li a img{ height: 0.51rem; }
.s3-con ul li a span{ display: block; margin-bottom:15px; }
.s3{ height: auto; padding-bottom: 1rem; }
/************ç®€ä»‹é¡µé¢***********/
.banner-list{ height:4.2rem; overflow:hidden; position: relative;}
.banner-list-bottom{ position: absolute; left: 0; right: 0; padding:0.8rem 0 1.4rem 0; bottom: -1rem; background: linear-gradient(0deg, #243472 0%, rgba(36, 51, 115, 0) 100%); }
.banner-list-tt{ font-size: 0.48rem; line-height: 1; color: #fff; }
.nav-b,.nav-b a{ font-size: 0.18rem; color: #fff; }
.nav-b{ line-height: 1; margin-top: 0.2rem; background: url(../images/icon-home.png) left center no-repeat; padding-left: 0.3rem; background-size: 0.18rem auto; }
.about-tabs{ box-shadow: 0px 0px 10px 0px rgba(32, 56, 142, 0.3); background: #fff; }
.about-tabs-ul li{ float: left; margin-right: 0.76rem; }
.about-tabs-ul li a{ display: block; position: relative; line-height: 0.88rem; color: rgba(61, 61, 61, 0.8); font-size: 0.24rem;}
.about-tabs-ul li a:before{ transition: 0.3s all; display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 0; background: url(../images/tabs-b.png) center no-repeat; background-size: auto 0.13rem; }
.about-tabs-ul li.active a:before,.about-tabs-ul li a:hover:before{ height: 0.13rem; }
.about-tabs-ul li.active a{ color: rgba(36, 51, 115, 1); }
.about-left-tt{ position: relative; margin-bottom: 0.4rem; font-size: 0.36rem; padding-left: 0.1rem; padding-top: 0.1rem; background: url(../images/icon-tt-a.png) left top no-repeat; background-size: 0.12rem auto; color: rgba(36, 52, 114, 1); line-height: 0.4rem; }
.about-top{ margin-top: 0.9rem; }
.about-left-tt span{ padding-right: 0.42rem; position: relative; display: inline-block; line-height: 0.4rem; background: url(../images/icon-tt-b.png) right center no-repeat; background-size: 0.28rem auto; }
.about-left-tt span:before{ display: block; content: ""; position: absolute; right: 0.1rem; top: 50%; width: 0.08rem; margin-top: -0.04rem; height: 0.08rem; border-radius: 50%; background: rgba(36, 52, 114, 1); }
.about-left-tt:before{ display: block; content: ""; position: absolute; right: 0; top: 0.15rem; width: 0.16rem; height: 0.16rem; background: url(../images/icon-tt-c.png) right center no-repeat; background-size: 0.16rem auto; }
.about-left{ width: 7.35rem; }
.about-left-tt:after{ display: block; width: 4.7rem; content: ""; position: absolute; right: 0.12rem; top: 0.3rem; height: 0.02rem; background: rgba(36, 52, 114, 1); }
.about-p p{ font-size: 0.18rem; text-indent: 2em; line-height: 0.4rem; margin-bottom: 0.2rem; text-align: justify; }
.about-img{ width: 7.35rem; margin-top: 1rem; }
.about-p-b{ margin-top: 0.6rem; }
.about-number-back{ padding-top:2.8rem; }
.number-width{ padding-left: 0.5rem; position: relative;}
.number-ul li{ width: 25%; float: left; padding-left: 0.4rem; padding-bottom: 0.3rem; padding-top: 0.3rem; }
.number-ul-date{ font-family: "æ€æºå®‹ä½“ CN"; color: #fff; font-size: 0.16rem; font-weight: 700; }
.number-ul-date span{ font-size: 0.48rem; }
.about-number-back{ background: url(../images/about-number-back.png) center top no-repeat; background-size: 100% auto; }
.number-ul-txt{ font-size: 0.18rem; color: #fff; margin-top: 0.1rem; }
.number-ul{ position: relative; }
.number-left{ position: absolute; left: 0; top: 0.4rem; width: 0.38rem; text-align: center; padding:0.2rem 0.1rem; border-radius: 0.15rem; background: #CCEAFF; font-size: 0.18rem; color: #243470; }
.number-ul:before{ display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 60%; border-bottom: dashed 1px rgba(255,255,255,0.2); }
.number-ul-lg:before{ width: 100%; }
.img-bottom{ margin-top: 1rem; }
.about-number-c{ position: relative; overflow:hidden; }
.about-number-back{ position: relative; z-index: 10; }
.about-number-c .five-video{ right: 1.6rem; width: 7rem; height: 6rem; left: auto; top: 2.8rem; margin:0; }


.move-bottom{ position: relative; text-align: right; overflow:hidden; }
.move-bottom div{ animation: aaa 6s linear infinite; }
@keyframes aaa{
 from {
    transform: translate(0,0);
  }
  to {
    transform: translate(-100%,0);
  }
    }


/*********æ ¡å›­æ–‡åŒ–********/
.wh-tabs li{ display: inline-block; padding:0 0.15rem; }
.wh-tabs li a{ display: block; color: #243472; font-size: 0.24rem; border-radius: 0.1rem; background: #EEF7FE; line-height: 0.64rem; width: 1.9rem; }
.wh-tabs{ margin-top: 0.3rem; margin-bottom: 0.55rem; }

.wh-tabs li.active a,.wh-tabs li a:hover{ background: url(../images/wh-hover.png) center no-repeat; background-size: cover; color: #fff; }
.fg-slick-top a{ display: block; position: relative; border-radius: 0.15rem; }
.fg-img{ height: 6.5rem; }
.fg-slick-top,.swiper-left{ width: 12.44rem; margin-left: auto; margin-right: auto; border-radius: 0.1rem; overflow:hidden; }
.swiper-left video{ width: 100%; height: 6.5rem; }
.m-fjt .swiper-left .info .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.m-fjt .swiper-left .box {
    position: relative;
    height: 6.5rem;
    overflow: hidden;
    overflow: hidden;
}

.m-fjt .swiper-left .txt-p{
    z-index: 99;
    width: 100%;
    left: 0rem; 
    bottom: 0rem;
}


.m-fjt .swiper-left .icon, .m-fjt .swiper-right .icon {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.4rem;
    transform: translate(-50%,-50%);
    z-index: 10;
}
.m-fjt .swiper-left .icon {
    width: 0.8rem;
}
.fg-img{ position: relative; z-index: 8; }
.m-fjt .swiper-left .play .icon,.m-fjt .swiper-left .play .fg-img{ opacity: 0; display: none; }

.index-page .m-fjt .swiper-left .box,.index-page .m-fjt .swiper-left .fg-img{ height: 5.25rem; }
.m-fjt .swiper-prev{ left: 0.4rem; top: 49%; z-index: 100; width: 0.13rem; height: 0.27rem; background: url(../images/ll01.png) center no-repeat; background-size: 100% auto; }
.m-fjt .swiper-next{ right: 0.4rem; top: 49%; z-index: 100; width: 0.13rem; height: 0.27rem; background: url(../images/ll02.png) center no-repeat; background-size: 100% auto; }
.m-fjt .swiper-prev:hover{width: 0.19rem; height: 0.4rem;  background: url(../images/ll01.png) center no-repeat; background-size: 100% auto; transition: 0.3s all;}
.m-fjt .swiper-next:hover{width: 0.19rem; height: 0.4rem;   background: url(../images/ll02.png) center no-repeat; background-size: 100% auto; transition: 0.3s all;}
.video-bottom{ position: relative; }
.fg-slick-bottom{ margin-top: 0.4rem; max-width: 12.44rem; margin-left: auto; margin-right: auto; }
.fg-slick-bottom a,.swiper-right a{ display: block; position: relative; }
.video-bottom{ width: 12.44rem; padding:0 0.4rem; margin-left: auto; margin-right: auto; margin-top: 0.4rem; }
.video-bottom .active .fg-slick-bottom-img{ border:solid 2px #5fd0ff; }
.fg-slick-bottom-img{ height: 1.35rem; border-radius: 0.15rem; position: relative; }
.fg-slick-bottom-img i {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.4rem;
    height: 0.4rem;
    background: url(../images/play-icon.png) center no-repeat;
    background-size: 100% 100%;
    transform: translate(-50%,-50%);
    z-index: 10;
}
.fg-slick-tt{ font-size: 0.18rem; color: #3D3D3D; margin-top: 0.1rem; }
.fg-slick-bottom .slick-slide,.swiper-right .swiper-slide{ padding:0 0.2rem; }
.fg-slick-top .slick-prev,.swiper-prev{ position: absolute; margin-top: 0; transform: translate(0,0); width: 0.67rem; left: -0.35rem; top: 0.35rem; height: 0.67rem; background: url(../images/wh-left.png) center no-repeat; background-size: auto 100%; }
.fg-slick-top .slick-next,.swiper-next{ position: absolute; margin-top: 0; transform: translate(0,0); width: 0.67rem; right: -0.35rem; top: 0.35rem; height: 0.67rem; background: url(../images/wh-right.png) center no-repeat; background-size: auto 100%; }
.list-back{ padding-bottom: 1rem; overflow:hidden; }
.fg-slick-top .slick-prev,.fg-slick-top .slick-next{ left: 15px; top: 50%; z-index: 100; }
.fg-slick-top .slick-next{ left: auto; right: 15px; }
/***********çŽ°ä»»é¢†å¯¼************/
.ld-list li a{ display: block; padding:0.3rem; background: url(../images/ld-back.png) center no-repeat; background-size: cover; border-radius: 0.15rem; margin-bottom: 0.85rem; }
.ld-list{ margin-top: 1rem; }
.ld-img-img{ width: 2.6rem; height: 3.6rem; }
.ld-right{ width: 11rem; padding-top: 0.3rem; }
.ld-name{ position: relative; font-size: 0.3rem; font-weight: bold; color: #243470; line-height: 1; padding-bottom: 0.25rem; }
.ld-right-top{ border-bottom: solid 1px rgba(36, 52, 112, 0.2); }
.ld-name:before{ display: block; content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 3px; background: #243470;}
.ld-zw{ margin-left: 0.6rem; line-height: 1; margin-top: 0.07rem; border-left: solid 2px #243470; padding-left: 0.2rem; font-size: 0.2rem; color: rgba(36, 52, 112, 1); }
.ld-p p{ text-indent: 2em; font-size: 0.18rem; line-height: 2; margin-bottom: 0.1rem; text-align: justify; }
.ld-p{ margin-top: 0.2rem; }
/******************ç»„ç»‡æœºæž„***************/
.zz-title{ background: url(../images/zz-title22.png) center no-repeat; background-size: auto 0.4rem; font-size: 0.36rem; color: #243470; line-height: 1; margin:0.7rem; }



.jg-list li{ float: left; width: 25%; padding:0 0.15rem; }
.jg-list{ margin:0 -0.15rem; margin-bottom: 1.2rem; }
.jg-list li a{ display: block; transition: 0.3s all; position: relative; font-size: 0.18rem; padding-right: 0.7rem; color: #3D3D3D; height: 0.83rem;  border-bottom: 1px solid #D8D8D8; background: url(../images/icon-jg.png) right center no-repeat; background-size: 0.21rem auto; }
.jg-list li a:hover{ padding-left: 15px; font-weight: bold; border-bottom: 2px solid #D8D8D8;     color: #243470; }
.jg-list li a span{ position: absolute; left:0; top: 50%; right: 0.7rem; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;  transform: translate(0,-50%); transition: 0.3s all; line-height: 1.6; }
.jg-list li a:hover span{ left: 15px; }
/*********å›¾ç‰‡æ–°é—»************/
.news-list li a{ display: block; margin-bottom: 0.3rem; transition: 0.3s all; position: relative; padding:0.3rem; border-radius: 0.15rem; }
.news-list-img-img{ width: 3.8rem; height: 2.66rem; transition: 0.3s all; }
a:hover .news-list-img-img{ transform: scale(1.05,1.05); }
.news-list-img{ width: 3.8rem; }
.news-list-right{ width: 9.9rem; padding-top: 0.3rem; }
.news-list{ margin-top: 0.4rem; }
.news-list li a .one-center-bottom-date{ color: #243472; }
.news-list-tt{ font-size: 0.24rem; color: #000; line-height: 1; margin-top: 0.2rem; }
.news-list-p{ font-size: 0.16rem; color: #888; line-height: 1.6; text-align: justify; margin-top: 0.2rem; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical; }
.news-raw{ width: 0.66rem; height: 0.14rem; background: url(../images/news-raw.png) center no-repeat; background-size: 100% 100%; margin-top: 0.3rem; }
.news-list li a:hover{ background: url(../images/news-back.png) center no-repeat; background-size: cover;box-shadow: 0px 0px 0.23rem 0px rgba(36, 52, 114, 0.15); }
.news-list li a:before {
    display: block;
    transition: 0.5s all;
    content: "";
    position: absolute;
    width: 100%;
    left: 13rem;
    width: 0;
    height: 0.83rem;
    bottom: 0.1rem;
    background: url(../images/lang.png) left center no-repeat;
}
.news-list li a:hover:before {
    width: 1.61rem;
}
.news-list li a:hover .news-list-tt,.news-list li a:hover .news-list-p{ color: #243472; }
.news-list li a i{ position: absolute; left: 4.1rem; right: 0; bottom: 0; border-bottom: 1px dashed #243472; opacity: 0.2; }
.news-list li a:hover i{ display: none; }
.news-list li:last-child a i{ display: none; }
.page-box{ margin-top: 0.5rem; }

.article-tt{ font-size: 0.3rem; margin:0.6rem 0 0 0; line-height: 1.5; }
.article-sm{ margin-top: 0.35rem; padding-bottom: 0.2rem; border-bottom: solid 1px #093283; }
.article-sm span{ display: inline-block; margin:0 0.2rem; font-size: 0.18rem; color: #243472; }
.article-p p{ text-align: justify; font-size: 0.18rem; line-height: 2; text-indent:; word-wrap:break-word !important; }

.article-p p span{display: contents;max-width: 100%;height:auto !important;}
.article-p p span video{max-width:100%;display:block;height:auto;margin:auto;}

.chs{text-indent:2em; }
.article-p .rteright {text-align:right;}
 .tpsm{text-align: center !important;} 


.article-p{ margin:0.3rem 0; }
.article-bottom{ background: #EEF7FE; margin-top: 1rem; padding:0.3rem 0.55rem 0.3rem 0.55rem; }
.article-bottom p{ margin:0; }
.article-bottom p a{ font-size: 0.18rem; color: #243472; }
.tz-ul li a{ display: block; margin-bottom: 0.37rem; transition: 0.3s all; margin-bottom: 0.37rem; padding:0.3rem 0.3rem 0.3rem 2rem; position: relative; border: 1px solid #D6D6D6; border-radius: 0.15rem; }
.tz-ul-tt{ font-size: 0.2rem; color: #3C3C3C; line-height: 1; }
.tz-ul-p{ color: #9E9E9E; margin-top: 0.2rem; font-size: 0.16rem; word-wrap:break-word !important;  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.tz-ul{ margin-top: 0.58rem; }
.tz-ul .one-center-bottom-date{ position: absolute; left: 0.3rem; top: 50%; transform: translate(0,-50%); color: #243472; }
.tz-ul li a:before{ display: block; content: ""; position: absolute; left:1.75rem; top: 50%; height: 0.44rem; margin-top: -0.22rem; border-right: 1px solid #D8D8D8;  }
.tz-ul li a:hover{ background: url(../images/tz-back.png) center no-repeat; background-size: cover; box-shadow: 0px 0px 0.1rem 0px rgba(36, 52, 114, 0.3); }
.tz-ul li a:after {
    display: block;
    transition: 0.5s all;
    content: "";
    position: absolute;
    width: 100%;
    left: 12.8rem;
    width: 0;
    top: 0; bottom: 0;

    background: url(../images/lang.png) left center no-repeat; background-size: 1.61rem auto;
}
.tz-ul li a:hover:after {
    width: 1.61rem;
}
.tz-ul li a:hover .tz-ul-tt,.tz-ul li a:hover .tz-ul-p{ color: #243472; }
.tz-ul li a:hover .tz-ul-tt,a:hover .news-list-tt{ font-weight: bold; }
.video-mask-box{ display: none; transition: 0s all; transition-duration: 0s; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 10000; background: rgba(0,0,0,0.9); }
.video-mask-c{ position: fixed; left: 20%; width: 60%; top: 50%;transform: translate(0,-50%); }
.video-mask-c video{ width: 100%; }
.video-close{ position: fixed; right: 60px; top: 60px; }
.num em{ font-style: normal; }
a:hover .one-left-tt,a:hover .one-center-tt{ font-weight: bold; }
.tabs-ul li.active a{ color: #223473; }
.tab-content{ position: relative; }
.tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; opacity: 0; filter:alpha(opacity=0); transition: 0.5s all; }
.tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100); }
.page-one{ padding-top: 0.63rem; position: relative; }
.news-tabs{ position: absolute; right: 0.2rem; top: 0.15rem; }

.m-head,.m-nav{ background: #05134d; }
.banner .slick-dots li.slick-active span{ box-shadow: 2px 2px 2px rgba(0,0,0,0.5); }
.s3-con ul li a .s3-text img{ transition: 0.3s all; }
.s3-con ul li a:hover .s3-text img{ transform: rotate(360deg); }
.ewm-box{ position: relative; margin-right: -0.8rem; margin-top: -0.25rem; padding-right: 0.35rem; }
.ewm-box img{ width: 1.28rem; }
.ewm-box span{ position: absolute; right: 0; top: 0.1rem; width: 0.35rem; color: #fff; text-align: right; font-size: 0.2rem; line-height: 1; }
.back-five-c .more span{  border:solid 1px #fff;   background: url(../images/more04.png) right center no-repeat;
    width: 1.4rem;
    background-size: 0.37rem 0.37rem; color: #fff; }
.back-five-c{ height: 9.46rem; }

/**********å›½é™…*********/
.gj-title{ font-size: 0.36rem; line-height: 1; margin:0.7rem 0; color: #243373; font-weight: bold; position: relative; background: url(../images/gj-tt-back.png) center repeat-x; background-size:auto 0.1rem; }
.gj-title span{ display: inline-block; background: #fff; padding:0 0.3rem; }
.hz-list li{ float: left; margin-bottom: 0.3rem; width: 25%; padding:0 0.16rem; }
.hz-list{ margin:0 -0.16rem; }
.hz-list li a{ display: block; position: relative; transition: 0.3s all; font-size: 0.14rem; line-height: 1; color: #243372; background: #EDF7FD; border:solid 1px #EDF7FD; padding:0.35rem 0; border-radius: 0.2rem; }
.hz-list li a span{ display: inline-block; height: 0.5rem; position: relative; z-index: 10; }
.hz-list li a span img{ width: 0.4rem; }
.hz-list li a font{ display: inline-block; font-size: 0.24rem; position: relative; z-index: 10; margin-bottom: 0.15rem; }
.hz-list li a b{ font-weight: normal; }
.hz-list li a:before {
    display: block;
    transition: 1s all;
    content: "";
    position: absolute;
    height: 0.34rem;
    left: 2.5rem;
    width: 0;
    top: auto;
    bottom: 0.3rem;
    background: url(../images/lang.png) left center no-repeat; background-size: 0.67rem auto;
}
.hz-list li a:hover:before {
    width: 0.67rem;
}
.hz-list li a:hover{ border-color: #243372; background: #fff; box-shadow: 0px 0px 28px 0px rgba(36, 51, 114, 0.3); }
.js-list li{ float: left; width: 25%; padding:0 0.16rem; margin-bottom: 0.3rem; }
.js-list{ margin:0 -0.16rem; }
.js-list li a{ display: block; transition: 0.3s all; position: relative; border: 1px solid rgba(0, 42, 115, 0.1); height: 0.92rem; border-radius: 0.2rem; }
.js-list li a:before{ display: block; content: ""; position: absolute; left: -1px; top: 50%; background: #002A73; width: 3px; height: 0.24rem; margin-top: -0.12rem; }
.js-list li a p{ position: absolute; left: 0.33rem; right: 0.3rem; top: 50%; transform: translate(0,-50%); font-size: 0.2rem; color: #333; }
.js-list li a:hover{ border-color: #243372; box-shadow: 0px 0px 28px 0px rgba(36, 51, 114, 0.3); }
.js-list li a:hover p{ color: #002A73; }
.gj-title-sm{ font-size: 0.3rem; margin-bottom: 0.6rem; color: #243373; font-weight: bold; line-height: 1; position:relative; padding-left: 0.2rem; }
.gj-title-sm:before{ display: block; content: ""; position: absolute; left: 0px; top: 50%; background: #002A73; width: 3px; height: 0.24rem; margin-top: -0.1rem; }
.lc-list li{ float: left; width: 33.333333%; padding:0 0.24rem; margin-bottom: 0.65rem; }
.lc-list { margin:0 -0.24rem; }
.lc-list li a{ display: block; transition: 0.3s all; position: relative; padding:0 0.65rem 0 1rem; height: 0.68rem; font-size: 0.2rem; line-height: 0.68rem; background: url(../images/lc-right.png) center no-repeat; background-size: 100% 100%; }
.lc-list li a span{ position: absolute; left: 0; top: 0; bottom: 0; width: 0.72rem; background: url(../images/lc-back.png) center no-repeat; background-size: 100% auto; text-align: center; font-size: 0.36rem; color: #fff; }
.qc-list li{ float: left; width: 50%; padding:0 0.16rem; }
.qc-list{ margin:0 -0.16rem; }
.qc-list li a{ display: block; transition: 0.3s all; position: relative; height: 1.15rem; line-height: 1.15rem; background: url(../images/qc-back.png) center no-repeat; background-size: 100% 100%; font-size: 0.2rem; color: #333; padding:0 0.72rem 0 0.48rem; }
.qc-list li a span{ display: inline-block; height: 1.15rem; width: 100%; background: url(../images/icon-qc01.png) left center no-repeat; background-size: 0.11rem auto; padding-left: 0.24rem; }
.qc-list li a font{ display: inline-block; width: 100%; background: url(../images/icon-qc02.png) right center no-repeat; background-size: 0.24rem auto; padding-right: 0.5rem; }
.hw-list li{ float: left; margin-bottom: 0.37rem; width: 33.333333%; padding:0 0.16rem; }
.hw-list{ margin:0 -0.16rem; padding-bottom: 0.5rem; }
.hw-list li a{ display: block; position: relative; height: 1.09rem; padding-top: 0.2rem; line-height: 0.9rem; padding-left: 0.35rem; padding-right: 0.35rem; font-size: 0.2rem; color: #333; transition: 0.3s all; background: url(../images/hw-back01.png) center no-repeat; background-size: 100% 100%; }
.hw-list li a:hover{ background: url(../images/hw-back02.png) center no-repeat; background-size: 100% 100%; color: #fff; }
.lc-list li a:hover,.qc-list li a:hover{color: #002A73;  }


.slide_down_nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    visibility: hidden;
}
.slide_down_nav.on {
    visibility: visible;
}
.slide_down_nav .slide_down_nav_content {
    position: relative;
    z-index: 10;
    transition: .6s;
    height: 100%;
    opacity: 0;
    padding: 1rem 0 0;
}
.slide_down_nav .slide_down_nav_content.on {
    transition: .6s;
    opacity: 1;
}
.w1256 {
    max-width: 76%;
    padding: 0;
    margin: .9rem auto 0;
    height: 100%;
    display: flex;
}
.miso_wzmap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.2rem;
}
.miso_wzmap li {
    padding: .25rem .2rem;
    transform: translateY(.5rem);
    transition: .5s;
    opacity: 0;
    flex: 1;
    width: 12.5%\0;
    text-align: center;
}
.miso_wzmap li:nth-child(1) {
    transition-delay: .1s;
}
.slide_down_nav_content.on .miso_wzmap li {
    transform: translateY(0);
    opacity: 1;
}
h3{ margin:0; }
.miso_wzmap li h3 a {
    font-size: .22rem;
    color: #fff;
    position: relative;
    display: block;
    padding: 0 0 .18rem;
    margin-bottom: .16rem;
    font-weight: 700;
}
.miso_wzmap li h3 a:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #fff;
    transition: 1.2s 1.2s;
    transform: translateX(-50%);
}
.slide_down_nav_content.on .miso_wzmap li h3 a:before {
    width: .3rem;
}
.miso_wzmap li dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.25rem;
}
.miso_wzmap li dl dd {
    width: 100%;
    padding: 0 .25rem;
}
.miso_wzmap li dl dd a {
    font-size: .17rem;
    color: #fff;
    line-height: .36rem;
    display: block;
    transition: .5s;
}
.slide_down_nav .slide_down_nav_bg {
    position: fixed;
    right: 0;
    top: 0;
    height: 0;
    left: 0;
    background: #fff;
    background: #fff url(../images/slide_down_nav_bg.jpg)50% no-repeat;
    background-size: cover;
    transition: .9s cubic-bezier(.165,.84,.44,1).2s;
}

.slide_down_nav.on .slide_down_nav_bg{
    height: 100%;
}
.nav-list.active,.hide-c.active{ display: none!important; }

.miso_btn1 {
    display: flex;
    width: .74rem;
    height: .42rem;
    background: #99669e;
    border-radius: .37rem 0 0 .375rem;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .5s;
    padding-right: .1rem;
}
.miso_btn1:hover {
    background: #e2be8f;
}
.head-search {
    border: none;
    position: absolute;
    right: 0;
    bottom: 0.02rem;
    width: 0.17rem;
}
.head-search{ z-index: 1000; }
.search-news-box{ position: absolute; transition: 0.3s all; width: 0; overflow:hidden; right: -0.2rem; top: 50%; transform: translate(0,-50%); }
.search-news-box .form-control{ background: #fff; box-shadow: none; border:none; width: 100%; font-size: 0.16rem; padding:0 0.6rem 0 0.2rem; height: 0.44rem; border-radius: 0.1rem; }
.btn-search-news{ position: absolute; right: 0.15rem; top: 0; bottom: 0; background: url(../images/search-news.png) center no-repeat; background-size: 100% auto; width: 0.2rem; padding:0; }
.head-search:hover .search-news-box{ width: 3.25rem;}
.video-box video{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: #000; z-index: -1; }
.video-box.active video{ z-index: 10; }
.swiper-left .swiper-notification{ opacity: 1!important; }
.index-s1 .item video{ background: #000; }
.banner a{ height: 100vh; }
.banner .swiper-pagination{ margin: 0; }


.banner .swiper-button-prev:after{display:none;}
.banner .swiper-button-next:after{display:none;}
.banner .ll{
position: absolute; 
right: .9rem;
top:30%;
width:0.26rem;
height:0.15rem;
background: url(../images/jt001-x.png) center no-repeat; 
background-size: 100% auto;
transform: rotate(180deg);
 z-index:99999999;
}

.banner .rr{
position: absolute; 
right: .9rem;
    left: auto;
top:auto;
bottom:30%;
width:0.26rem;
height:0.15rem;
background: url(../images/jt001-x.png) center no-repeat; 
background-size: 100% auto;
    z-index: 9999999;
}

@media( max-width: 1160px){
.one-right-date{    margin-top: 0.1rem;}
}


@media( max-width: 1023px){
    .about-img{ margin-top: 0; }
 .move-bottom{ margin-top: 20px; }
.banner .ll{right: 37px;}
.banner .rr{right: 37px;}
.one-right .tab-content{clear: both;}
.news-tabs li{ margin-bottom: 0rem; }
.one-right-date {
    margin-top: 0.13rem;
}

.dyxw{    bottom: 2.5rem;}

.index-s1 .prev{right: 35px;}
.index-s1 .next{right: 35px;}

    .three-box{ padding:0; }
    #scale{ position: static; width: 100%; margin:0; transform: scale(1,1)!important; }
    .s3-c .w15{ width: 767px; }
    .jg-list li{ width: 33.333333%; }
    .w15{ width: 767px; }
    .one-left{ width: 100%; margin-bottom: 25px; }
    .one-left-img{ width: 100%; height: auto; padding-top: 58.6%; }
    .one-center{ width: 52%; margin:0; padding-right: 25px; }
    .one-right{ width: 48%; }
    body{ padding-top: 60px!important; }
    .banner .slick-slide a>img, .banner .slick-slide a>video,.banner .slick-slide a{ height: 50vh; }
    .one-left-bottom{ height: auto; padding:50px 25px 25px; }
    .tow-slick-a .slick-slide{ padding-left: 15px; padding-right: 15px; padding-top: 25px; }
    .tow-slick-a a{ padding:25px 25px 125px 25px; height: auto; }
    .tow-slick-more{ width: 150px; bottom: 25px; }
    .tow-slick-a a:hover{ transform: translate(0,-25px); }
    .tabs-ul li.pull-right:after{ left: -620px; width: 360px; }
    .tabs-ul li.pull-right.active:after{ left: -320px; }
    .left-back{ width: 100%; margin-bottom: 25px; border-radius: 15px; background-size: cover; height: auto; }
    .left-back li{ float: left; width: 50%; padding:0 10px; margin-top: 0!important; }
    .video-box{ width: 497px; border-radius: 15px; }
    .left-back li:last-child a {
    border-bottom: solid 1px rgba(255,255,255,0.2);
}
.s3-svg{ display: none; }
.s3-con ul li{ margin-top: 140px!important; width: 20%!important; text-align: center; }
.s3-con ul li a .s3-text{ margin-left: 0; }
.s3-con ul li a{ font-size: 18px; padding-left: 15px; }
.s3-con ul li a .s3-text img{ margin:0 auto; }
.page-three{ margin-top: -50px; }
.four-center{ width: 50%; margin-left: 0; margin-top: 25px; padding-right: 15px; }
.four-center-r{ padding-right: 0; padding-left: 15px; margin-left: 0; }
.index-page{ width: 100%; }
.five-video{ display: none; }
.back-five-c{     background: url(../images/back-phone.png) center no-repeat; background-size: cover; }
.five-box:before,.five-box:after{ display: none; }
.five-txt-r,.five-txt-b{ width: 100%; text-align: center; }
.five-one,.five-tow{ height: 220px; }
.five-three{ width: 4.25rem; }
.five-tow{ padding-right: 0; }
.five-four{ margin-right: 0; }
.five-one,.five-tow,.five-three,.five-four{ width: 50%; }
.title-three{ margin-top: 0; }
.tow-slick-b-img{ height: auto; padding-top: 100%; }
.tow-slick-b a{ height: auto; padding-bottom: 100px; }
.footer-c{ background: none; height: auto; padding:0; }
.logo-b{ width: 100%; text-align: center; margin:0; }
.logo-b img{ width: 200px; }
.footer-ul{ width: 100%; margin:0; }
.footer-ul li{ width: 10%; margin:0 0 10px 0; }
.footer-ul li a{ font-size: 14px; }
.footer-ul-r li{ width: 100%; font-size: 14px; text-align: center; }
.footer-back{ height: auto; padding-bottom: 30px; background: #002a73; padding-top: 40px; }
.go-top{ width: 60px; height: 60px; bottom: 110px; }
/***æ ¡å›­æ–‡åŒ–**/
.wh-tabs li a{ width:160px; font-size: 18px; line-height: 46px; }
.wh-tabs li{ padding:0 10px; }
.fg-slick-top,.swiper-left{ width: 100%; }
.fg-slick-bottom,.video-bottom{ width: auto; margin-left: 30px; margin-right: 30px; }
.fg-slick-bottom-img{ height: auto; padding-top: 52.4%; }
.swiper-prev,.swiper-next{ width: 50px; height: 50px; top: 15px; }
.swiper-prev{ left: -20px; }
.swiper-next{ right: -20px;}
.wh-tabs{ margin:30px 0; }
.m-fjt .swiper-left .box,.index-page .m-fjt .swiper-left .box{ height: auto; padding-top: 52.25%; }
.fg-img, .index-page .m-fjt .swiper-left .fg-img{ height: 100%; position:absolute; left: 0; top: 0; right: 0; z-index: 10; }
.banner-list{ height: 200px; }
.index-page .pagination{ right: 15px; bottom: 15px; }
.index-page .pagination span { width: 10px; height: 4px; }
/******ç®€ä»‹é¡µé¢********/
.about-top{  margin-top: 40px; }
.about-left{width: 100%;}
.about-left-tt:after{ width: 520px; }
.about-p p{ font-size: 14px; line-height: 25px; margin-bottom: 15px; }
.about-img{ width: 100%; }
.about-p-b{ margin-top: 0.2rem; }
.about-number-back{ background: url(../images/about-back-phone.png) center top no-repeat; background-size: cover; padding-top: 40px; }
.number-ul:before{ width: 100%; }
.number-ul-date span{ font-size: 36px; }
.number-ul-date{ font-size: 15px; }
.number-ul li{ width: 33.333333%; }
.about-p p{ margin-top: 0!important; }
.img-bottom{ margin-top: 30px; }
/********çŽ°ä»»é¢†å¯¼*******/
.ld-img{ width:200px; margin:0 auto; float: none!important; }
.ld-img-img{ width: 200px; padding-top:124%; height: auto; margin:0 auto;  }
.ld-right{ width: 100%; padding-top: 15px; float: none!important; }
.ld-name,.ld-zw{ display: inline-block; float: none!important; }
.ld-right-top{ text-align: center; }
.ld-list li a{ margin-bottom: 25px; }
.ld-list{ margin-top: 30px; }
/*********ç»„ç»‡æœºæž„********/
.zz-title{ background: none; }
.jg-list{ margin-bottom: 0; padding-bottom: 20px; }
/*******å›¾ç‰‡æ–°é—»*******/
.news-list-img{ width:250px; float: none!important; margin:0 auto; }
.news-list-img-img{ width: 100%; height: auto; padding-top: 70%; }
.news-list-right{ width: 100%; padding-top: 20px; }
.news-list li a i{ left: 0; }
.news-tabs{ position: relative;     top: -0.3rem;right: auto;}
.one-center{ margin-top: 0px; }
.page-one{ padding-top: 0; }
.phone-link a{ font-size: 14px; color: #fff; display: inline-block; line-height: 30px; margin:0 10px; }
.phone-link{ padding-top: 15px; }
.five-box{ height: auto; padding-bottom: 10px; }
.back-five-c{ height: auto; padding-bottom: 20px; }
.fg-slick-top a{ padding-top: 65%; }
.ewm-box{ width: 139px; margin:0 auto 15px auto; padding-right: 25px; float: none!important; }
.footer-ul{ float: none!important; }
.logo-b{ margin-bottom:15px; }
.ewm-box span{ font-size: 14px; width: 14px; top: 20px; }
.go-top{ right: 10px; }


.hz-list li,.js-list li,.hw-list li{ width: 50%; }
.lc-list li{ width: 50%; margin-bottom: 30px; }
.lc-list{ padding-bottom: 50px; }
.qc-list li{ width: 100%; margin-bottom: 30px; }
.one-left-p{ }


.banner a,.banner,.index-s1 .item{ height: auto; }
.index-s1 .swiper-slide-active .video-box-c{ height: auto; }
.banner .swiper-pagination{ right: 20px; }
}
@media( max-width: 767px){
.dyxw{    bottom: 2.3rem;}
.banner .ll{display:none;}
.banner .rr{display:none;}

.banner .swiper-pagination{zoom:0.5;}
.index-s1 .prev{zoom:0.5; }
.index-s1 .next{zoom:0.5;}


.three-top div{    padding-top: 50%;height:auto;}
.number-ul-txt{    color: #243470;}
.number-ul-date{    color: #243470;}
.nav-b, .nav-b a{ font-size: 0.14rem;line-height: 0.18rem;}
.banner-list-tt {font-size: 0.19rem;line-height: 0.24rem;}









    .s3-c .w15{ width: 100%; }
    .w15{ width: 100%; }
    .banner .slick-slide a>img, .banner .slick-slide a>video,.banner .slick-slide a{ height: 30vh; }
    .banner .slick-dots{ right: 15px; }
    .title{ font-size: 24px; margin:25px 0; line-height: 60px; background-size: auto 60px; height: 60px; }
    .s1{ padding-top: 0; }
    .news-tabs li{ margin:0 10px 15px 10px; display: inline-block; float: none; text-align: center; }
    .news-tabs{ width: 100%; text-align: center; }
    .news-tabs li a{ margin:0 auto; }
    .one-left-tt{ font-size: 18px; margin-top: 15px; }
    .one-left-p{ font-size: 14px; text-align: justify; margin-top: 15px; max-height: 50px; }
    .one-left-label{ font-size: 14px; padding:0 15px; }
    .one-left-date{ margin-top: 20px; font-size: 14px; }
    .one-center-date{ font-size: 14px; margin-top: 10px; }
    .one-center-top-b{ height: auto; padding:15px; }
    .one-left .slick-dots{ right: 25px; bottom: 30px; }
    .one-center{ width: 100%; padding:0; }
    .one-right{ width: 100%; margin-top: 15px; }
    .one-left{ margin-bottom:15px; }
    .one-center-bottom a{ margin-top: 15px; }
    .cursor{ display: none; }
    .more{ margin-top: 20px; }
    .tabs-ul{ width: 250px; margin:0 auto; }
    .tabs-ul li.pull-right.active:after{ display: none; }
    .tow-slick{ margin-left: 0; margin-right: 0; padding-bottom: 70px; }
    .lind-a,.lind-b,.lind-c,.lind-d{ display: none; }
    .back-tow{ height: auto; overflow:visible; }
    .page-three{ margin-top: 0; }
    .tow-slick .slick-next,.tow-slick .slick-prev{ bottom: -31px; }
    .tow-slick{ background: url(../images/dian-a.png) center 95% no-repeat; }
    .left-back{ padding:5px 10px 20px 10px; }
    .left-back li a{ font-size: 14px; }
    .video-box{ width: 100%; }
    .video-img{ height: auto; padding-top: 60%; }
    .three-right{ width: 100%; margin-top: 15px; }
    .s3{ padding:1px 0 0 0; }
    .s3-con ul li{ margin-top: 0!important; padding-bottom: 20px; width: 33.333333%!important; float: left; height: auto; }
    .s3-con ul li a .s3-mao{ display: none; }
    .s3-con ul{ display: block; }
    .s3-con ul li a{ padding:0; display: block; }
    .s3-con ul li a img{ height: 40px; }
    .s3-con{ margin:0; }
    .s3-con ul li a .s3-text{ opacity: 1; }
    .s3-con ul li a{ font-size: 15px; }
    .page-three{ padding-bottom: 20px; }
    .page-four{ padding-top: 0; }
    .five-p{ font-size: 14px; line-height: 25px; margin:15px 0; }
    .index-s1 .item .video-box-c{ height:200px; }
    .index-s1 .item{ height: 200px; }
    .four-center{ width: 100%; padding:0; margin-top: 15px; }
    .three-tops-s-b{ margin-top: 15px; }
    .three-tops-s-c{ margin-bottom:15px; margin-top: 0; }
    .back-five{ margin-top: 25px; }
    .back-five-c{ padding-top: 1px; }
    .six-p{ font-size: 14px; line-height: 25px; margin:0 0 15px 0; }
    .five-one, .five-tow, .five-three, .five-four{ width: 100%; height: auto; margin-bottom: 20px; }
    .five-txt{ font-size: 14px; }
    .five-txt:before{ display: none; }
    .five-date span{ font-size: 48px; }
    .five-tow .five-date{ margin-right: 0; }
    .five-box .slick-prev{ left: 15px; }
    .five-box .slick-next{ right: 15px; }
    .footer-ul li{ width: 25%; }
    .footer-ul-r li{ width: 100%; }
    .one-center-tt,.one-right-date{ font-size: 16px; }
    .m-logo{ margin-right: 60px; }
    .wap-menu{ width: 25px; }
    .wap-menu img{ height: 25px; width: 25px; }
    /*******æ ¡å›­æ–‡åŒ–*****/
    .about-tabs-ul li a{ line-height: 60px; font-size: 16px; }
    .wh-tabs li{ width: 25%; float: left; padding:0 5px; }
    .wh-tabs li a{ width: 100%; font-size: 14px; line-height: 40px; }
    .wh-tabs{ margin-bottom: 20px; }
    .fg-slick-bottom{ margin-top: 10px; }

    .fg-slick-top .slick-prev,.fg-slick-top .slick-next{ top: 50%; margin-top: -30px; }
    .list-back{ padding-bottom: 20px; }
    .banner-list-bottom{ padding:50px 0 90px 0; }
    .banner-list{ height: 130px; }
    /******ç®€ä»‹é¡µ*******/
    .about-tabs-ul li{ margin-right: 0; width: 20%; }
    .about-left-tt{ font-size: 24px; margin-bottom: 20px; }
    .about-left-tt:after{ width: auto; left: 180px; }
    .number-ul li{ width: 50%; text-align: center; padding:0 5px 15px 5px; height: auto; }
    .number-width{ padding-left: 0; }
    .number-left{ position: static; width: 120px; padding:10px 0; font-size: 18px; margin:20px auto 10px auto; }
    /********çŽ°ä»»é¢†å¯¼*******/
    .ld-list li a{ padding:20px 20px 10px 20px; margin-bottom: 15px; }
    .ld-p p{ font-size: 14px; line-height: 1.6; margin-bottom: 10px; }
    .ld-zw{ margin-left: 20px; padding-left: 20px; }
    /**********ç»„ç»‡æœºæž„********/
    .jg-list li{ width:100%; }
    .jg-list li a{ height: 60px; font-size: 16px; }
    .zz-title{ margin:30px 0 20px 0; font-size: 24px; }
    .jg-list{ margin-bottom: 0; padding-bottom: 0px; }
    /*********å›¾ç‰‡æ–°é—»********/
    .about-tabs-ul-news li{ width: 25%; }
    .news-list li a{ padding:25px; }
    .news-list li a:before{ display: none; }
    .news-raw{ margin-top: 10px; }
    .page-box{ margin-top: 30px; }
    .article-tt{ font-size: 18px; line-height: 1.6; margin:20px 0 0 0; }
    .article-sm{ margin:20px 0 0 0; padding-bottom: 10px; }
    .article-sm span{ display: block; margin-bottom: 10px; }
    .article-p p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; }
    .article-p{ margin:20px 0; }
    .article-bottom{ padding:20px; margin-top: 30px; }
    .tz-ul li a{ padding:15px; padding-left: 130px; margin-bottom: 15px; }
    .tz-ul .one-center-bottom-date{ left: 15px; }
    .tz-ul li a:before{ left: 120px; }
    .tz-ul{ margin-top: 30px; }
    .video-mask-c{ left: 15%; width: 70%; }
    .video-close{ right: 15px; top: 15px; }

    .one-center{ margin-top: 0; }
    .news-tabs{ margin-top: 15px; margin-bottom: 0; }
    .news-tabs li{ margin-bottom: 0; }
    .about-tabs-ul li{ width: 33.333333%;  }
    .about-tabs-ul li a{ height: auto; line-height: 1; padding-top: 15px; }
    .about-tabs-ul li a:before{ display: none!important; }
    .about-tabs-ul{ padding-bottom: 0px; padding-left: 0px; }
    .fg-slick-bottom{ display: none; }
    .swiper-prev,.swiper-next{ margin-top: -25px; top: 50%; }


    .gj-title{ font-size: 24px; margin:30px 0; }
    .gj-title span{ padding:0 15px; }
    .hz-list li,.js-list li,.lc-list li,.hw-list li{ width: 100%; margin-bottom: 15px; }
    .gj-title-sm{ font-size: 20px; margin-bottom: 20px; }
    .lc-list li a{ font-size: 16px; }
    .qc-list li{ margin-bottom: 15px; }
    .qc-list li a{ font-size: 16px; height: 80px; line-height: 80px; }
    .qc-list li a span{ height: 80px; }
    .tz-ul .one-center-bottom-date span{ font-size: 32px; }
    .tz-ul .one-center-bottom-date font{ font-size: 18px; margin-top: 0px; display: block; }
    .tz-ul-p{ font-size: 14px; line-height: 25px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; margin-top: 10px; }
.about-tabs-ul li a{ padding-bottom: 16px; font-weight: bold; }
.about-tabs-ul li.active a:before {
    transition: 0.3s all;
    display: block!important;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 13px;
    background: url(../images/tabs-b.png) center no-repeat;
    background-size: auto 10px;
}
.article-bottom{ padding:10px 35px; }
.article-bottom .col-xs-6{ width: 100%; padding:5px 0; }
    }
    @media( max-width: 500px){
        .video-mask-c{ left: 5%; width: 90%; }
.phone-link{text-align: left;}
.phone-link a{
width:32%;
margin: 0 0px;
text-align: left;
padding-left: 10px;
}

.one-center-bottom-date span{font-size: 0.35rem;}

      .sp{width: 100%;    margin: 0 0 0.2rem 0;}
        .video-box{padding: 0px;}

.tow-slick-b .slick-slide{    padding: 0.15rem 0.08rem;}
    }


