body {
    color: #333;
    font-size: 14px;
    font-family:"",Arial,Tahoma;
    margin:0 auto;
    position:relative;

  overflow-x: hidden;

}
.list-left{min-height:500px;}
.p_pages span{margin-bottom: 10px;display: inline-block;}
.kstp{width: 24%;}
.pb_sys_style1 .p_no_d {
    border: 1px solid #6e55a2 !important;
    background-color: #6e55a2 !important;
}
.body.active{ opacity: 1; }

html{ font-style: 100%; }
.img-hide{ overflow:hidden; display: block; }
.slick-slider{ touch-action: auto!important; }

.img-hide img,.div-img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img,.img-hide:hover .img-hide 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;}
.header{ position:fixed; left: 0; right: 0; top: 0; z-index: 100000; background: url(../images/header.png) center no-repeat; background-size: 100% 100%; }
.banner img{ width: 100%; }
.banner{ overflow:hidden; margin:0; }
.header{/* padding: 0 2.2rem; */}
.logo{ line-height: 1.1rem; }
.logo img{ width: 4.14rem; }
.nav-list li{float: left;margin-left: 0.14rem;position: relative;}
.nav-list li a{display: block;line-height: 1.1rem;font-size: 0.18rem;color: #fff;}
.nav-list li a:hover{ font-weight: bold; }
.header-right{position: relative;padding-right: 1.2rem;}
.langer-a{ position: absolute; right: 0; top: 50%; background: rgba(255,255,255,0.25); border:solid 1px #fff; border-radius: 30px; line-height: 0.38rem; padding:0 0.22rem; font-size: 0.18rem; color: #fff!important; transform: translate(0,-50%); }
.langer-a span{ padding-left: 0.3rem; background: url(../images/icon01.png) left center no-repeat; background-size:0.22rem;  }
.banner-box{ position: relative; }
.banner-bottom{position: absolute;height: 0.4rem;left: 0;right: 0;bottom: -17px;padding-top: 0.5rem;height: 2.18rem;background: url(../images/banner-b.png) center no-repeat;background-size: auto 100%;}
.banner-right{ width: 5.95rem; position: relative; margin-right: 0rem; padding-left: 1.65rem; padding-right: 0.8rem; }
.banner-tt{ position: absolute; left: 0; padding:0 0.15rem; top: 0; line-height: 0.4rem; background: rgba(255,255,255,0.12); border-radius: 0.1rem 0.1rem 0 0.1rem; }
.container{width: 14rem;padding:0;}
.banner-tt span{ font-size: 0.18rem; color: #fff; padding-left: 0.4rem; background: url(../images/icon-lb.png) left center no-repeat; background-size: 0.25rem auto; }
.banner-slick a{ display: block; line-height: 0.4rem; font-size: 0.18rem; color: #fff; padding-right: 0.8rem; position: relative; }
.banner-slick a span{ position: absolute; right: 0; top: 0; font-size: 0.14rem; color: #fff; }
.banner-slick .slick-prev{ left: auto; top: 50%; margin-top: -10px; right: -0.8rem; width: 12px; height: 6px; background: url(../images/top.png) center no-repeat; z-index: 100; }
.banner-slick .slick-next{ left: auto; top: 50%; margin-top: 0px; right: -0.8rem; width: 12px; height: 6px; background: url(../images/bottom.png) center no-repeat; z-index: 100; }
.slick-prev:before,.slick-next:before{ display: none; }
.page-one{background: url(../images/back01.png) center bottom no-repeat;padding: 0.2rem 0 1.65rem 0;}
.one-left{position: relative;width: 6.54rem;position: relative;}
.one-left-box{ position: absolute; left: 0.55rem; top: 1.7rem; }
.one-left-tt{text-transform: uppercase;font-size: 0.4rem;color: #fff;font-weight: bold;}
.one-left-p{ font-size: 0.5rem; color: #fff; }
.one-right{width: 7.46rem;position: relative;padding-left: 0.35rem;}
.one-search{ width: 6.2rem; position: relative; }
.one-search .form-control{ font-size: 0.18rem; border:solid 0.02rem #7057a3; height: 0.8rem; border-radius: 0.8rem; padding-left: 0.55rem; }
.ss-btn{ position: absolute; right: 0.2rem; top: 0; bottom: 0; border:none; background: none; box-shadow: none; }
.one-right-box{padding:0.5rem 0.4rem;background: #fff url(../images/back-r.png) center no-repeat;background-size: cover;height: 4rem;box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 0.2rem;top: 1.1rem;position: absolute;right: 0;left: -1.2rem;}
.one-right-ul li{ float: left; width: 25%; padding:0 0.15rem; }
.one-right-ul{ margin:0 -0.15rem; }
.one-right-ul li a{ display: block; padding-top: 0.44rem; border:solid 1px #ddd; border-radius: 0.1rem; height: 2rem; position: relative; }
.one-right-ul li a:before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.one-right-ul-img{ position: relative; z-index: 10; height: 0.65rem; overflow:hidden; }
.one-right-ul-img img{ height: 0.65rem; }
.one-right-ul-img span{ position: absolute; left: 0; right: 0; top: 0; transition: 0.3s all; }
.one-right-ul-img font{ position: absolute; left: 0; right: 0; top: 100%; transition: 0.3s all; }
.one-right-ul li a:hover .one-right-ul-img span{ top: -100%; }
.one-right-ul li a:hover .one-right-ul-img font{ top: 0; }
.one-right-tt{ font-size: 0.24rem; color: #333; margin-top: 0.2rem; }
.one-right-bottom{border-top: solid 1px #ddd;margin-top: 0.4rem;}
.one-phone{  padding-left: 0.25rem; padding-top: 0.15rem; position: relative; }
.one-phone-t{ font-size: 0.18rem; line-height: 1; color: #8e70ae; }
.one-phone-b{font-size: 0.18rem;color: #524d57;margin-top: 0.1rem;line-height: 1;}
.one-phone:before{ display: block; content: ""; position: absolute; left: 0.25rem; bottom: 100%; width: 6px; height: 6px; background: #8c6ead; border-radius: 50%; margin-bottom: -2px; }
.one-right-bottom .pull-left{ width: 25%; padding:0 0.15rem; }
.one-right-bottom .clearfix{ margin:0 -0.15rem; }
.page-tow{ padding-top: 1.2rem; position: relative; z-index: 100; }
.tow-box{position: relative;padding: 0 2.6rem;}
.tow-title{position: absolute;/* left: 2.1rem; */top: 0;}
.tow-title-top{font-size: 0.45rem;color: #614092;font-weight: bold;text-transform: uppercase;}
.tow-title-bottom{ font-size: 0.5rem; color: #333; }
.tow-ul li{ float: left; width: 50%; padding:0 0.1rem; margin-bottom:0.2rem; }
.tow-ul{ margin:0 -0.1rem; padding-top: 2.2rem; }
.tow-ul li a{ display: block; position: relative; padding-top: 57%; }
.tow-ul-img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.tow-ul li a:before{ display:block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.2; z-index: 10; }
.tow-ul-bottom{ position: absolute; left: 0.3rem; bottom:0.3rem; right: 0.3rem; z-index: 20; }
.tow-ul-tt{ font-size: 0.32rem; color: #fff; }
.tow-ul-p{font-size: 0.16rem;color: #fff;margin-top: 0.16rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.tow-ul-span{font-size: 0.16rem;margin-top: 0.2rem;display: inline-block;color: #fff;border:solid 0.02rem #fff;line-height: 1;border-radius: 0.5rem;padding:0.15rem 0.5rem;}
.tow-ul-span font{ background: url(../images/raw02.png) right center no-repeat; padding-right: 22px;  }
.tow-ul li:nth-child(even){ transform: translate(0,-2rem); }
.tow-ul li:nth-child(5),.tow-ul li:nth-child(6),.tow-ul li:nth-child(7),.tow-ul li:nth-child(8){ height: 0; overflow:hidden; margin:0; }
.tow-raw{position: absolute;z-index: 100;right: 6rem;cursor: pointer;bottom: 0.6rem;animation: container ease-in-out 2.7s infinite alternate;}
.tow-raw img{ width: 0.7rem; }
.tow-raw.active img{ /*transform: rotate(180deg); */}
.page-three{margin-top: 2rem;position: relative;background: #f7f5f9;}
.page-three:before{ display: block; content: ""; position: absolute; left: 0; bottom: 100%; height: 4.74rem;  background-size: 100% 100%; right: 0; background: url(../images/back-top.png) center no-repeat;}
.title-three{ font-size: 0.5rem; color: #333; }
.title-three span{font-size: 0.45rem;color: #614092;font-weight: bold;text-transform: uppercase;}
.three-ul li{ float: left; width: 33.333333%; padding:0 0.15rem; margin-top: 0.55rem; }
.three-ul{ margin:0 -0.15rem; }
.three-ul-img img{ width: 100%; height: 2.7rem; }
.three-ul-bottom{ position: relative; padding:0.5rem 0.4rem; border:solid 1px #ddd; height: 2.2rem; }
.three-date{ position: absolute; right: 0.2rem; top: -0.55rem; background: #7057a3; border:solid 0.06rem #fff; padding:0.1rem 0.05rem; line-height: 1; font-size: 0.14rem; color: #fff; }
.three-date span{ font-weight: bold; font-size: 0.3rem; }
.three-ul-tt{ font-size: 0.2rem; line-height: 1; color: #333; }
.three-ul-p{ color: #888; text-align: justify; line-height: 0.3rem; height: 0.9rem; margin-top: 0.2rem; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
.three-ul li a:hover .three-ul-bottom{ background: #6e55a2; border-color: #6e55a2; }
.three-ul li a:hover .three-ul-tt,.three-ul li a:hover .three-ul-p{ color: #fff; }
.three-ul li a:hover .three-date{ background: #a48367; }
.tow-ul-span-s{ background: #94673d; border-color: #94673d; }
.title-three-s{margin-top: 0.8rem;margin-bottom:0.6rem;}
.tc-right{ position: relative; margin-left: 3.2rem; min-height: 4.4rem; padding:0.9rem 1.2rem 0.9rem 3.15rem; border-radius: 0.2rem 1rem 0.2rem 1rem; border:solid 1px #614092; }
.tc-img div{ width: 5.7rem; height: 3.2rem; }
.tc-img{ position: absolute; top: 50%; left: -3.2rem; margin-top: -1.6rem; }
.tc-title{ font-size: 0.26rem; color: #333; line-height: 1; }
.tc-p{color: #888;line-height: 2;margin-top: 0.3rem;font-size: 0.14rem;height: 120px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.tow-ul-span-tc{ color: #7d60a8; border-color: #7d60a8; }
.tow-ul-span-tc font{ background: url(../images/raw03.png) right center no-repeat; }
.tc-slick .slick-prev{ width: 0.7rem; left: -1.35rem; z-index: 100; height: 0.7rem; background: url(../images/left02.png) center no-repeat; background-size: 100% 100%;  margin-top: -0.35rem; }
.tc-slick .slick-next{ width: 0.7rem; right: -0.4rem; z-index: 100; height: 0.7rem; background: url(../images/right02.png) center no-repeat; background-size: 100% 100%;  margin-top: -0.35rem; }
.tc-slick .slick-prev:hover{ background: url(../images/left03.png) center no-repeat; background-size: 100% 100%; }
.tc-slick .slick-next:hover{ background: url(../images/right03.png) center no-repeat; background-size: 100% 100%; }
.tc-slick{ margin-left: 1.35rem; margin-right: 0.4rem; margin-bottom:0; }
.back-bottom{ background:url(../images/back-bottom.png) center top no-repeat; margin-top: 1.2rem; height: 10.36rem; background-size: 100% auto; padding-top: 1.8rem; }
.bottom-tt{font-size: 0.3rem;color: #634293;margin-top: 0.5rem;}
.bottom-p{ font-size: 0.16rem; color: #555; line-height: 0.3rem; margin-top: 0.3rem; text-align: justify; }
.bottom-left{ width: 5.1rem; }
.bottom-right{position: relative;margin-left: 0.6rem;}
.q-one{ border:dashed 1px #fff; width: 2.1rem; height: 2.1rem; border-radius: 50%; background: rgba(97,64,156,0.8); color: #fff; }
.q-top{ font-size: 0.24rem; padding-top: 0.35rem; }
.q-top span{ font-size: 0.54rem; font-weight: bold; }
.q-b{font-size: 0.22rem;margin-top: 0.1rem;padding: 0 30px;}
.q-tow{ margin-left: 0.75rem; margin-top: 0.6rem; background: rgba(78,158,214,0.8); }
.q-three{ margin-left: 3.05rem; transform: translate(0,-0.6rem); background: rgba(188,160,136,0.8); }
.back-bottom .tow-ul-span-tc{ margin-top: 0.65rem; }
.contact-box{width: 14rem;height: 2.8rem;padding-top: 0.8rem;border-radius: 1.3rem 0.2rem 1.3rem 0.2rem;margin-top: -1.4rem;position: relative;z-index: 100;background: url(../images/contact-back.png) center no-repeat;background-size: cover;}
.contact-tt{ font-size: 0.4rem; color: #fff; line-height: 1; }
.contact-a{ display: inline-block; margin-top: 0.4rem; line-height: 1; background: #fff; font-size: 0.3rem; color: #543c88; padding:0.15rem 0.45rem; border-radius: 0.8rem; }
.contact-a:hover{ background: #543c88; color: #fff; }
.footer{ background: url(../images/footer.png) center no-repeat; position: relative; z-index: 10; background-size: cover; padding-top: 2.4rem; margin-top: -1.4rem; }
.logo-b img{ width: 4.14rem; }
.footer-border{ border:solid 1px #2c323c; margin-top: 0.3rem; position: relative; }
.footer-border:before{ display: block; content: ""; border-right:solid 1px #2c323c; position: absolute; left: 6.6rem; top: 0; bottom: 0; }
.footer-left{ padding:0.6rem 0 0.6rem 0.6rem; }
.ewm-box .pull-left{ margin-right: 0.2rem; color: #fff; font-size: 0.14rem; }
.ewm-box .pull-left img{ margin-bottom:0.05rem; width: 1.05rem; }
.footer-dz{ font-size: 0.16rem; color: #fff; line-height: 0.38rem; background: url(../images/icon-dz.png) left center no-repeat; padding-left: 0.55rem; background-size: 0.38rem auto; }
.footer-dh{ font-size: 0.14rem; color: #fff; margin-top: 0.3rem; background: url(../images/icon-dh.png) left top no-repeat; padding-top: 0.05rem; padding-left: 0.55rem; background-size: 0.38rem auto; }
.footer-dh span{ font-weight: bold; font-size: 0.22rem; }
.footer-p{ margin-left: 0.21rem; }
.footer-right-tt a{ font-size: 0.16rem; color: #fff; }
.footer-border-right{ padding-top: 0.5rem; }
.footer-right-tt{ margin-bottom:0.2rem; }
.footer-ul li a{ font-size: 0.14rem; color: #fff; opacity: 0.43; }
.footer-ul li{ margin-bottom: 0.1rem; }
.footer-border-right .pull-left{margin-right: 0.14rem;}
.footer-bottom{ padding:0.2rem 0 0.4rem 0; font-size: 0.16rem; color: rgba(255,255,255,0.43); }
.footer-bottom a{ color: rgba(255,255,255,0.43); }
.footer-bottom span{ font-size: 0.14rem; margin:0 0.15rem; opacity: 0.2; }
.fix-ul{ position: fixed; right: 0.2rem; z-index: 1000; top: 50%; transform: translate(0,-50%); background: #6e55a2; overflow:hidden; border-radius: 4px; }
.fix-ul li a{ display: block; font-size: 0.14rem; border-bottom: solid 1px #7e68aa; color: #fff; padding:0.15rem; }
.fix-ul li a img{ margin-bottom: 0.1rem; height: 0.26rem;} 
.fix-ul li a:hover{ background: #986c43; }
.tc-slick .slick-slide{ padding:1px; }
.ss-btn img{ width: 0.95rem; }
.nav-click{ display: none; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.nav-down{position: absolute;display: none;transform: translate(-50%,0);left: 50%;top: 80%;min-width: 100%;white-space:nowrap;background: #614092;}
.nav-down li{ float: left; width: 100%; margin:0!important; padding:0!important; }
.nav-down li a{background: none!important;padding:15px 25px;line-height: 1;font-size: 0.18rem;color: #fff!important;display: block;font-weight: normal!important;text-align: center;}
.nav-down li a:hover{ background: #986c43!important;}
.nav-list li:hover .nav-down{ display: block; }
.nav-click,.search-a{ display: none; }
.header.active{background: #6e55a2;}
.one-right-ul li a:hover{ background: url(../images/hover.png) center no-repeat; background-size: cover; }
.one-right-ul li a:hover .one-right-tt{ color: #fff; }
@keyframes container{
  0%,
  100%,
  20%,
  50%,
  80% {
  transition-timing-function: cubic-bezier(0.215,.61,.355,1); 
  transform: translate3d(0,0,0); 
  }
  40%,
  43%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-30px,0);
  }
  70%{
  transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
  transform: translate3d(0,-15px,0);
  }
  90%{
  transform: translate3d(0,-4px,0);
  }
}
.tow-ul li.active{ display: block!important; height: auto; margin-bottom: 0.2rem; }

.tow-ul li a:hover .tow-ul-span,.tow-ul-span-s:hover{ background: #6e55a2; }
.footer-bottom a:hover{ color: #fff; }
.banner-slick a:hover{ font-weight: bold; }
.tow-ul-span-tc:hover{background: #6e55a2; color: #fff;  }
.tow-ul-span-tc:hover font{ background: url(../images/raw02.png) right center no-repeat; }
.tow-ul-span-s:hover{ color: #fff; border-color: #6e55a2; }
.footer-ul li a:hover{ opacity: 1; }

.banner-bottom-list{ height:1.3rem; padding-top: 0; background: url(../images/list-top.png) center top no-repeat; background-size: 100% auto; }
.list-top-txt{font-size: 0.4rem;color: #fff;font-weight: bold;/* padding-top: 0.5rem; */line-height: 1;margin-right: 0.6rem;}
.list-box{position: relative;/* padding-bottom: 0.4rem; */padding-top: 0.2rem;/* padding-bottom: 0.9rem; */z-index: 1000;overflow:hidden;}
.nav-b{ font-size: 16px; color: #777; padding-left:22px; background: url(../images/icon-home.png) left center no-repeat; margin-top: 0.7rem;  }
.nav-b a{font-size: 12px;color: #777;}
.list-left{width: 11rem;}

.zj-list{ margin:0 -0.23rem; }
.zj-list li{ float: left; width: 50%; padding:0 0.23rem; margin-bottom: 0.46rem; }
.zj-list li a{ display: block; transition: 0.3s all; box-shadow: 0 0 10px rgba(0,0,0,0.2); height: 3.6rem; position: relative; padding:0.3rem 0.5rem; background: url(../images/zj-back.png) center no-repeat; background-size: cover; border-radius: 0.4rem; }
.zj-img{ position: absolute; z-index: 100; right: 0.2rem; bottom: 0; transition: 0.3s all; }
.zj-img div{ width: 2.27rem; padding-top: 143%; transition: 0.3s all; }
.zj-list-name{font-size: 0.36rem;line-height: 1;color: #827ab7; transition: 0.3s all;padding-left: 0.15rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 50%;}
.zj-list-label span{ display: inline-block; margin-top: 0.15rem; transition: 0.3s all; font-size: 0.18rem; line-height: 1; padding:0.1rem 0.3rem; color: #827ab6; background: #fff; border:solid 1px #ddd; border-radius: 30px; }
.zj-list-p{ font-size: 0.16rem; transition: 0.3s all; margin-top: 0.05rem; text-align: justify; line-height: 0.3rem; max-height: 1.2rem; width: 2.2rem; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
.zj-list li a:hover{ background: #8078b4; }
.zj-ewm{ position: absolute; display: none; left: 0; right: 0; top: 1.4rem; padding:0.2rem 0.7rem; background: #fff; height: 1.8rem; }
.zj-sm{ font-size: 0.16rem; line-height: 1.2; color: #827ab6; width: 0.26rem; margin-top: 0.2rem; text-align: center; background: url(../images/icon-sm.png) center top no-repeat; padding-top: 0.28rem; background-size:0.22rem auto;  }
.zj-ewm-img{ margin-left: 0.2rem; }
.zj-ewm-img img{ width: 1.41rem; }
.zj-list li a:hover .zj-ewm{ display: block; }
.zj-list li a:hover .zj-list-p,.zj-list li a:hover .zj-list-label-b{ opacity: 0; }
.zj-list li a:hover .zj-list-name{ color: #fff; }
.list-right{width: 2.5rem;padding:0.4rem 0;position: relative;background: #6e55a2;padding-right: 20px;}
.list-right-nav{ position: relative; z-index: 10; }
.list-right-nav li a{ display: block; margin-bottom: 0.2rem; background: #a290c8; border-radius: 0 0.5rem 0.5rem 0; line-height: 0.5rem; position: relative; padding-left: 0.3rem; font-size: 0.2rem; color: #fff; }
.list-right:before{display: block;content: "";position: absolute;left: 0;top: 0;bottom: 0;background: url(../images/right-back.png) center no-repeat;background-size: cover;}
.ewm-r{ padding:0 0 0.3rem 0.35rem; }
.ewm-r img{ width: 2rem; }
.list-right-nav li a:hover{ background: #7848dc; }
.list-right-nav li.active a{ color: #8773b2; background: #fff; }

.footer-list{ margin-top: 0; padding-top: 70px; }
.list-right-nav li a:before{ display: block; content:""; position: absolute; right: 0.3rem; top: 0; bottom: 0; width: 0.15rem; background: url(../images/add.png) center no-repeat; background-size: 100% auto; }
.list-right-nav li.active a:before{ background: url(../images/remove.png) center no-repeat; background-size: 100% auto; }

.js-back{ background: url(../images/js-back.png) center no-repeat; position: relative; background-size: cover; }
.js-back-left{ position: relative; z-index: 100; width: 21%; padding:0.3rem 0.4rem; }
.js-back-img img{ width: 1.89rem; }
.js-name{ font-size: 0.2rem; color: #fff; font-weight: bold; line-height: 1; margin-top: 0.25rem; }
.js-left-p{ font-size: 0.16rem; color: #fff; text-align: justify; line-height: 2; margin-top: 0.15rem; }
.js-back:before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 21%; bottom: 0; background: #7b75b3; }
.js-back-right{ padding:0.6rem 0.9rem; width: 79%; }
.js-back-right-p p{ font-size: 0.16rem; color: #333; margin-bottom: 0.35rem; }
.js-back-right-p p span{ color: #817ab6; font-weight: bold; }
.js-back-right-p{margin-right: 0.5rem;padding-top: 0.2rem;width: 30%;}
.zj-ewm.pull-right{ position: static; padding:0.1rem 0.3rem; height: auto; display: block; }
.zj-ewm.pull-right img{ width: 1.2rem; }
.zj-ewm.pull-right .zj-sm{ margin-top: 0.1rem; }
.js-right-tt{ font-size: 0.18rem; color: #817ab6; font-weight: bold; margin-top: 0.1rem; }
.js-table{ background: #fff; border:solid 1px #dfddf4; margin:0.3rem 0;}
.js-table > thead > tr > th,.js-table > tbody > tr > td{ width: 12.5%; font-size: 0.18rem; border:solid 1px #dfddf4; color: #555; font-weight: normal; line-height: 1; padding:0.25rem 0; text-align: center; }
.dian{ display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #7b75b3; vertical-align: middle; }
.table-txt{ font-size: 0.16rem; color: #888; }
.js-title{ border-bottom: solid 1px #ddd; margin-top: 0.5rem; }
.js-title span{ display: inline-block; margin-bottom: -2px; line-height: 1; min-width: 1.36rem; padding-right: 0.44rem; border-bottom: solid 3px #7b75b3; font-size: 0.24rem; color: #7b75b3; line-height: 1; padding-bottom: 0.2rem; }
.js-txt-p{ font-size: 0.16rem; color: #555; text-align: justify; line-height: 2; margin-top: 0.25rem; }

.all-title{ font-size: 0.4rem; color: #695ea3; border-bottom: solid 1px #ddd; line-height: 1; padding-bottom: 0.2rem; }
.all-box{position: relative;padding-left: 2rem;/* min-height: 1.26rem; */padding-top: 0.25rem;border-bottom: solid 1px #ddd;}
.all-box-tt{position: absolute;left: 0;top: 50%;transform: translate(0,-50%);font-size: 0.2rem;color: #695ea3;width: 165px;/* padding-left: 0.2rem; */}
.all-list li{ float: left; width: 9.9%; padding-bottom: 0.25rem; padding-right: 0.2rem; }
.all-list li a{ font-size: 0.18rem; color: #333; }

.article-tt{ font-size: 0.28rem; color: #333; font-weight: bold; margin:0; line-height: 1; }
.article-sm span{ display: inline-block; font-size: 0.16rem;color: #888; margin-right: 0.2rem; }
.article-sm{ margin-top: 0.25rem; }
.article-p{ border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; margin-top: 0.3rem; padding-top: 0.3rem; }
.article-p p{font-size: 18px;color: #333;text-align: justify;line-height: 1.5;}
.article-link{ padding-top:0.3rem; }
.article-link p{ margin-bottom: 0.2rem; }
.article-link p a{ font-size: 0.16rem; color: #777; }
.article-link p a:hover{ color: #6e55a2; }
.lb-list li{ float: left; width: 33.333333%; padding:0 0.18rem; margin-bottom: 0.5rem; }
.lb-list{ margin:0 -0.18rem; }
.lb-list li a{display: block;box-shadow: 0 0 10px rgba(119,115,179,0.2);border-radius: 14px;}
.lb-list-img{ position: relative; padding-top: 64.86%; }
.lb-list-img img{ position: absolute; left: 0; width: 100%; top: 0; height: 100%; }
.lb-list-bottom{ padding:15px 20px; }
.lb-list-tt{font-size: 0.18rem;color: #333;line-height: 0.3rem;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lb-list-p{ line-height: 0.25rem; font-size: 0.14rem; height: 0.5rem; margin-top: 5px;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; color: #777; }
.lb-list-date{ margin-top: 10px; font-size: 0.14rem; color: #777; }

.tow-ul-list li a{ display: block;border:solid 1px #ddd; position: relative; padding:0.25rem 1rem 0.25rem 0.45rem; font-size: 0.18rem; color: #333; margin-bottom: 0.2rem; }
.tow-ul-list li a span{ position: absolute; right: 0.45rem; top: 50%; transform: translate(0,-50%); font-size: 0.16rem; color: #777; }
.tow-ul-list li a:before{ display: block; content: ""; position: absolute; width: 4px; height: 4px; border-radius: 50%; left: 0.2rem; top: 50%; margin-top: -2px; background: #8078b4; }
.three-ul-list li a{ display: block; position: relative; margin-bottom: 0.4rem; }
.three-ul-list li a img{ width: 7.5rem; height: 4.8rem; }
.three-ul-right{position: absolute;padding: 0.4rem 0.4rem;right: 0;width: 5.9rem;top: 0.4rem;bottom: 0.4rem;background: url(../images/back-s.png) center no-repeat;background-size: cover;}
.three-ul-tt-a{font-size: 0.18rem;color: #333;font-weight: bold;}
.three-p{font-size: 0.14rem;color: #777;line-height: 2;text-align: justify;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-top: 0.2rem;}
.three-ul-list li a .img-hide{width: 6rem;}

.tabs-ks{ border-bottom: solid 4px #ededed; margin-bottom: 0.5rem; }
.tabs-ks li{ float: left; margin-right: 0.8rem; }
.tabs-ks li a{ display: block; font-size: 0.3rem; color: #333; margin-bottom: -4px; line-height: 1; padding-bottom: 0.2rem; }
.tabs-ks li.active a{ border-bottom: solid 4px #827ab7; color: #827ab7; font-weight: bold; }
.ks-tt{ font-size: 0.3rem; margin-bottom: 0.3rem; color: #8079b5; font-weight: bold; padding-left: 0.4rem; line-height: 1; background: url(../images/icon-tabs01.png) left center no-repeat; background-size: 0.32rem auto; }
.ks-link li{ float: left; position: relative; width: 20%; padding:0 0.18rem; margin-bottom: 0.3rem; }
.ks-link li a{ display: block; border:solid 1px #dfddf4; padding:0.15rem; position: relative; font-size: 0.18rem; color: #555; }
.ks-link li a:before{ display: block; content: ""; position: absolute; left: 4px; top: 4px; bottom: 4px; width: 3px; background: #827ab7; border-radius: 3px; }
.ks-link li a:hover{ border-color: #8179b6; color: #fff; }
.ks-link li a:hover:before{ left: auto; right: 4px; background: #fff; }
.ks-link li a:hover:after{ display: block; content: ""; position: absolute; right: 0.2rem; top: 0; bottom: 0; width: 0.14rem; background: url(../images/raw.png) center no-repeat; background-size: 100% auto; }
.ks-link{ margin:0 -0.18rem; padding-bottom: 0.2rem; }
.ks-link li a i{ position: absolute; left: 0; top: 0; bottom: 0; width: 0%; transition: 0.3s all; background: #8179b6; z-index: -1; }
.ks-link li a:hover i{ width: 100%; }


.js-one{background: url(../images/js-back01.png) center bottom no-repeat;background-size: 100% auto;padding-bottom: 1rem;}
.js-left-img{width: 6rem;padding:0.24rem;position: relative;height: 4.28rem;background: url(../images/js01.png) center no-repeat;background-size: 100% auto;}
.js-left-img img{ border-radius: 0.2rem; width: 100%; }
.js-left-img a{ position: absolute; right: -0.4rem; bottom: -0.4rem; width: 1.4rem; }
.js-left-right{width: 4.5rem;padding-top: 0.4rem;}
.js-left-tt{font-size: 0.4rem;color: #333;line-height: 1.5;font-weight: bold;}
.js-left-tt-sm{ font-size: 0.2rem; text-transform: uppercase;  color: #94673d; line-height: 1; font-weight: bold; font-family: "Bodoni Bd BT"; margin-top: 0.2rem; }
.js-left-p-txt{ font-size: 0.16rem; color: #777; line-height: 2.2; text-align: justify; margin-top: 0.4rem; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;}
.js-top-tt-left{ font-size: 0.4rem; color: #8773b2; font-weight: bold; }
.js-top-right{ margin-left: 0.1rem; }
.js-top-more{ font-size: 0.16rem; color: #94673d; padding-top: 0.06rem; }

.js-top-b{ text-transform: uppercase; font-size: 0.2rem; color: #94673d; font-weight: bold; font-family: "Bodoni Bd BT"; }
.js-top-tt{ display: inline-block; text-align: left; }
.js-tow{ padding-top: 0.8rem; background: url(../images/js-back02.jpg) center bottom no-repeat; padding-bottom: 2.05rem; background-size: 100% auto; }

.ks-slick{ margin:0; padding-top: 0.6rem; }
.ks-slick .slick-slide a{ display: block; position: relative; overflow:hidden; border-radius: 0; padding-top: 140%;     }
.ks-slick .slick-slide a .ks-slick-box-img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.ks-slick-box{ position: absolute; top: 0; overflow:hidden; bottom: 0; left: 0; right: 0; clip-path: polygon(0.4rem 0px, 100% 0px, calc(100% - 0.4rem) 100%, 0px 100%); }
.mask-b{ position: absolute; left: 0; right: 0; bottom: 0; height: 2.55rem;  padding-top: 1.5rem; background: url(../images/mask-b.png) center no-repeat; background-size: 100% 100%; }
.ks-slick-name{ font-size: 0.26rem; color: #fff; font-weight: bold; padding-right: 0.2rem; }
.ks-slick-zw{ margin-top: 0.1rem; padding-right: 0.25rem; color: #fff; font-size: 0.18rem; }
.mask-b-c{ background: none; }
.mask-hover{ position: absolute; transition: 0.3s all; left: 0; top: 150%; right: 0; padding:0 0.6rem; transform: translate(0,-50%); }
a:hover .mask-hover{ top: 50%; }
.hover-tt{ font-size: 0.26rem; color: #fff; font-weight: bold; line-height: 1; }
.hover-zw{ font-size: 0.18rem; color: #fff; line-height: 1; padding:0.15rem 0; border-bottom: solid 1px #fff; }
.hover-sc{ font-size: 0.18rem; color: #fff; font-weight: bold; line-height: 1; margin-top: 0.3rem; }
.hover-p{ font-size: 0.14rem; color: #fff; line-height: 2; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical; margin-top: 0.1rem; }
.ks-slick .slick-slide a:hover .ks-slick-box:before{ display: block; z-index: 100; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(135,115,178,0.8);  }
.ks-slick .slick-slide a:hover .mask-b{ display: none; }
.ks-slick .slick-slide a:hover .mask-hover{ display: block; }
.ks-slick .slick-slide:nth-child(even) a{border-radius: 0;}
.ks-slick .slick-slide:nth-child(even){padding-top: 0.4rem;}
.ks-slick .slick-prev{ left: auto; right: 0.6rem; top: -0.5rem; width: 0.5rem; height: 0.5rem; background: url(../images/js-left01.png) center no-repeat; background-size: 100% 100%; margin:0; z-index: 100; }
.ks-slick .slick-next{ left: auto; right: 0rem; top: -0.5rem; width: 0.5rem; height: 0.5rem; background: url(../images/js-right01.png) center no-repeat; background-size: 100% 100%; margin:0; z-index: 100; }
.ks-slick .slick-prev:hover{ background: url(../images/js-left02.png) center no-repeat; background-size: 100% 100%; }
.ks-slick .slick-next:hover{ background: url(../images/js-right02.png) center no-repeat; background-size: 100% 100%; }
.js-back-three{ padding-top: 0.4rem; background: url(../images/js-back03.png) center top repeat-x;}
.fw-img{width: 50%;}
.fw-img a{ display: block; position: relative; padding-top:66.666666%;  }
.fw-img a img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.fw-right{width: 45%;padding-top: 0.3rem;}
.fw-right-top{font-size: 0.24rem;color: #8773b2;font-weight: bold;line-height: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;/* width: 50%; */}
.fw-right-b{ text-transform: uppercase; font-size: 0.16rem; color: #94673d; line-height: 1; margin-top: 0.1rem; }
.fw-right-tt{padding-left: 0.15rem;border-left: solid 0.03rem #8773b2;width: 60%;}
.fw-slick{ margin:0.4rem 0 1rem 0; }
.fw-more{ font-size: 0.16rem; background: #907eb7; color: #fff; padding:0.1rem 0.18rem; border-radius: 0.3rem; }
.fw-more span{ display: inline-block; padding-right: 0.3rem; background: url(../images/raw-b.png) right center no-repeat; background-size: 0.18rem auto; }
.fw-right-p{ font-size: 0.16rem; color: #333; text-align: justify; line-height: 2.2; margin-top: 0.25rem; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical; }
.fw-slick .slick-prev{left: 54%;bottom: 0.2rem;top: auto;width: 0.5rem;height: 0.5rem;background: url(../images/js-left01.png) center no-repeat;background-size: 100% 100%;margin:0;z-index: 100;}
.fw-slick .slick-next{left: 60%;bottom: 0.2rem;top: auto;width: 0.5rem;height: 0.5rem;background: url(../images/js-right01.png) center no-repeat;background-size: 100% 100%;margin:0;z-index: 100;}
.fw-slick .slick-prev:hover{ background: url(../images/js-left02.png) center no-repeat; background-size: 100% 100%; }
.fw-slick .slick-next:hover{ background: url(../images/js-right02.png) center no-repeat; background-size: 100% 100%; }
.dt-list li a{ display: block; margin-bottom: 0.2rem; position: relative; border:solid 1px #ddd; padding:0.1rem 0 0.1rem 1.65rem; }
.dt-list-date{ position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 1.65rem; text-align: center; font-size: 0.16rem; color: #917fb8; }
.dt-list-date span{font-family: "Century725 Cn BT";display: block;font-size: 0.4rem;line-height: 1;margin-bottom: 0.02rem;}
.dt-list-center{width: 65%;}
.dt-list-tt{ font-size: 0.2rem; color: #333; }
.dt-list-center{ padding-top: 0.2rem; }
.dt-list-p{font-size: 0.14rem;color: #777;text-align: justify;line-height: 0.3rem;margin-top: 0.1rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.dt-list{ margin-top: 0.4rem; }
.dt-img img{ height: 1.8rem; }


.swiper-pagination-bullet{ width: 10px; height: 10px; }
.swiper-pagination-bullet-active{ background: #695ea3; }
.hpbg{ overflow:hidden; position: relative; }
.hpbg .swiper-button-next{ right: 10%; top: 50%; width: 50px; height: 50px; margin-top: -25px; background: url(../images/right-j.png) center no-repeat; background-size: 100% 100%; }
.hpbg .swiper-button-prev{ left: 10%; top: 50%; width: 50px; height: 50px; margin-top: -25px; background: url(../images/left-j.png) center no-repeat; background-size: 100% 100%; }
.hpbg a{ display: block; position: relative; padding-top: 60%; }
.hpbg a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.g-fzlc{ margin-bottom: 100px; }
.veryhard .swiper-slide {
    transition: 0.5s;
}
  .swiper-button-nexta{
    /* transform: rotate(90deg); */
    position: absolute;
    bottom: 174px;
    z-index: 99;
    right: -120px;
  }
  .swiper-button-preva{
    position: absolute;
    bottom: 174px;
    left: -122px;
    /* transform: rotate(-90deg); */
    z-index: 9;
  }
  .g-fzlc {
    position: relative;
}
.nav-b a:hover,a:hover .three-ul-tt-a,a:hover .dt-list-tt,a:hover .lb-list-tt,.tow-ul-list li a:hover,.all-list li a:hover{ color: #6e55a2; }
a:hover .three-ul-right{ box-shadow: 0 0 10px rgba(0,0,0,0.3); }
.dt-list li a:hover,.tow-ul-list li a:hover{ border-color: #6e55a2; }
.fw-more:hover{ color: #fff; background: #6e55a2; }

.abhard .row1{ width: 16.3rem; margin:0 auto; }
.play{ display: block; position: relative; }
.play:before{ display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/play.png) center no-repeat; z-index: 100; background-size: 0.7rem 0.7rem; }
.play img{ width: 100%; }
.list-right-a{position: absolute;top: 0;/* right: 2.4rem; */right: auto;left:50%;margin-left:440px;}
.js-one{ position: relative; }
.js-one.active .list-right-a{position: fixed;z-index: 10000;top: 20%;right: 2.4rem;background: #6e55a2;padding-right: 20px;}
.ewm-r{ display: none; }
li.active .ewm-r{ display: block; }
.abhard{ overflow:hidden; }
.abhard .row1 .pink{ position: relative; }
.abhard .row1 .pink:before{ display: block; content: ""; position: absolute; left: 100%; top: 0; width: 1000px; bottom: 0;     background: #9474B2; }
.fw-img-a{ position: absolute; left: 0;top: 0; width: 100%; height: 100%; }
.fw-img-a{ transition: 0.3s all; }
@media( max-width: 1679px){
.zj-list-p{    width: 3.2rem;}

.all-box-tt{    width: 130px;}

}


@media( max-width: 1460px){
  .abhard .row1 img{ width: 40%; height: auto; }
  .abhard .row1 .pink{ width: 60%; }
  .bgfa .content{ padding-left: 120px; padding-right: 120px; }
  .abhard .content .ded{width: 100%;}
  .img-r{ float: right; width: 50%; }
  .honor .list span{ width: 25%; }
  .honor .list span:hover{ font-size: 18px; }
}
@media( max-width: 1400px){
.abhard .content .ded{    margin-top: 0px;}
}




@media( max-width: 1320px){
.js-one{padding-bottom: 1.4rem;}
.three-p{    margin-top: 0.1rem;}
  .footer-border-right .pull-left{ margin-right: 0.25rem; }
  .img-r{ width:100%; }
  .img-r:before{ background-size: 40px 40px; }
}
@media( max-width: 1279px){
.bottom-right{    margin-left: 0.5rem;}
  .three-ul-tt{ font-size: 14px; }
  .three-ul-p{ font-size: 12px; line-height: 20px; height: 60px; }
  .tow-ul-span{ font-size: 16px; }
  .footer-left{ width: 450px; float: none!important; margin:0 auto; }
  .footer-dz{ font-size: 12px; background-size: 22px auto; padding-left: 30px; }
  .footer-dh{ font-size: 12px; background-size: 22px auto; padding-left: 30px; }
  .footer-dh span{ font-size: 16px; }
  .ewm-box .pull-left{ margin-right: 10px; }
  .ewm-box .pull-left img{ width: 80px; }
  .footer-border:before{ display: none; }
  .footer-border-right{ width: 100%; padding:30px; }
  .footer-border-right .pull-left{margin:0;width: 11%;}
  .footer-right-tt a{ font-size: 14px; }

  .zj-ewm.pull-right img{ width:80px; }
  .js-title span{ font-size: 16px; }

  .all-box-tt{font-size: 16px;width: 100px;}
  .all-list li a{ font-size: 14px; }
  .all-list li{ width: 12.5%; }
  .all-box{ padding-left: 110px; }

  .lb-list-tt{font-size: 14px;line-height: 25px;}
  .lb-list-p{ font-size: 12px; line-height: 20px; height: 40px; }
  .three-ul-right{width: 6rem;padding:0.4rem;}

  .hover-p{ -webkit-line-clamp: 2; }
  .fw-right-p{-webkit-line-clamp: 5;}
  }
  @media( max-width: 1200px){
.logo-b{
text-align: center;
}
.abhard .content .ded {
    width: 100%;
}
.abhard .row1 .pink {
    width: 100%;
}
.abhard .row1 img {
    width: 100%;
    height: auto;
}
.bgfa .content{ padding-left: 0px; padding-right: 0px; overflow:hidden; }
.veryhard .swiper-slide .item:hover .text{ padding-top: 15%; }
.honor .list span{ width: 33.333333%; }
.abhard .row1 .pink:before{ display: none; }
.swiper-button-preva{ left: 0; }
.swiper-button-nexta{ right: 0; }
.js-one.active .list-right-a{ top: 1.9rem; }
}
@media( max-width: 991px){
.ewm-box .pull-left{font-size:14px;}
.tow-ul-list li a span{font-size:14px;}
.banner-slick a span{font-size:14px;}
.tow-box{    padding: 0 0rem;}
  .veryhard .swiper-slide .item .text{ opacity: 0.8; }
  .honor .list span{ margin-top: 20px; }
  .honor .list span{ width: 50%; }
  .huanjing .half article>p,.abhard .content .ded,.abhard .row1 .pink div{font-size: 14px;line-height: 25px;margin-top: 0;padding-right: 0;}
  .veryhard .swiper-slide .item .text img{ display: none; }
  .veryhard .swiper-slide .item .text{ height: auto!important; bottom: 0; top: auto!important;  padding:25px 15px!important; }
  .veryhard .swiper-slide .item img{ position: static; height: 100%; }
  .veryhard{ margin:0 15px; }
  .container{ width: 100%; padding:0 15px; }
  .header{ height: 50px; padding:0 15px; background: #6e55a2; }
  .fix-ul{ display: none; }
  .one-left{ width: 100%; }
  body{ padding-top: 50px; }
  .banner-bottom{background: #6e55a2;height: 50px;padding:5px 0;margin-bottom: 20px;}
  .banner-right{ width: 100%; margin:0; padding-left: 0; padding-right: 30px; }
  .banner-slick a{line-height: 40px;font-size: 16px;padding-right: 3rem;}
  .banner-tt{ display: none; }
  .banner-slick .slick-prev,.banner-slick .slick-next{ right: -25px; }
  .banner-slick .slick-prev{ margin-top: -6px; }
  .banner-slick .slick-next{ margin-top: 3px; }
  .one-left-tt{ font-size: 24px; }
  .one-left-p{ font-size: 18px; }
  .page-one{ padding:25px 0; background: url(../images/back01.png) center no-repeat; background-size: cover; }
  .one-right{ width: 100%; padding:0; margin-top: 20px; }
  .one-search .form-control{ height: 40px; font-size: 15px; padding-left: 12px; }
  .one-search{ width: 100%; }
  .ss-btn img{ width: 50px; }
  .one-right-box{ position: static; height: auto; padding:15px; margin-top: 20px; }
  .one-right-ul li{ width: 50%; padding:0 5px; margin-bottom: 10px; }
  .one-right-ul{ margin:0 -5px; }
  .one-right-ul li a{ padding:20px 10px; height: auto; font-size: 16px; }
  .one-right-ul-img{ height: 40px; }
  .one-right-ul-img img{ height: 40px; }
  .one-right-tt{ font-size: 16px; margin-top: 5px; }
  .one-right-bottom .pull-left{ width: 50%; padding:0 10px; }
  .one-right-bottom .clearfix{ margin:0 -10px; }
  .one-phone-t{ font-size: 16px; }
  .one-phone-b{ font-size: 14px; margin-top: 10px; }
  .one-phone{ padding:0px 0 15px 15px; }
  .one-phone:before{ left: 15px; }
  .one-right-bottom{ border:none; margin-top: 0; }
  .one-phone:before{ display: none; }
  .tow-title{ position: static; }
  .tow-title-top{ font-size: 24px; }
  .tow-title-bottom{ font-size: 18px; }
  .page-tow{ padding:25px 15px; }
  .tow-ul li{ width: 100%; margin-bottom: 10px; transform: translate(0,0)!important; }
  .tow-ul li a img{ height: auto; }
  .tow-ul-tt{ font-size: 18px; }
  .tow-ul-p{ font-size: 14px; line-height: 25px; }
  .tow-ul-span{padding:9px 15px;margin-top: 20px;border: 1px solid #dbdbdb;border-radius: 20px;}
  .tow-ul-bottom{ bottom: 15px; left: 15px; }
  .tow-ul{ padding-top: 20px; }
  .title-three{ padding-top: 10px; font-size: 18px; }
  .title-three span{ font-size: 24px; }
  .three-ul li{ width: 100%; margin-top: 10px; }
  .three-ul-img img{ height: auto; }
  .three-ul-bottom{ height: auto; padding:30px 15px 15px 15px; }
  .three-ul-tt{ font-size: 16px; }
  .three-ul-p{ margin-top: 15px; }
  .three-date{ padding:10px 5px; top: -30px; border-width: 2px; font-size: 14px; }
  .three-date span{ font-size: 18px;  }
  .tc-right{ margin:0; padding:20px; }
  .tc-img{ position: static; text-align: center; transform: translate(0,0); margin:0; }
  .tc-img div{ width: 100%; padding-top: 60%; display: inline-block; max-width: 570px; height: auto; }
  .tc-title{ font-size: 16px; margin:15px 0 0 0; }
  .tc-p{ font-size: 14px; line-height: 25px; margin-top: 10px; }
  .tc-slick{ margin:0 15px; }
  .tc-slick .slick-prev{ left: -25px; width: 40px; height: 40px; margin-top: -20px; }
  .tc-slick .slick-next{ right: -25px; width: 40px; height: 40px; margin-top: -20px; }
  .back-bottom{ background: #f5f1fc; margin-top: 20px; padding:25px 0; }
  .bottom-left{ width: 100%; }
  .bottom-tt{ font-size: 18px; margin-top: 20px; }
  .bottom-p{ font-size: 14px; line-height: 25px; margin-top: 5px; }
  .bottom-right{ width: 330px; margin:15px auto 0 auto; float: none!important; }
  .q-one{ width: 90px; margin:0 10px; height: 90px; float: left; font-size: 12px; padding-top: 5px; }
  .q-tow{ margin:0 10px; }
  .q-three{ transform: translate(0,0); }
  .q-top{ font-size: 18px; }
  .q-top span{ font-size: 24px; }
  .contact-box{ margin:0; width: 100%; height: auto; padding:25px 0; }
  .back-bottom{ height: auto; }
  .bottom-left{ float: none!important; }
  .contact-tt{ font-size: 16px; padding:0 15px; line-height: 1.6; }
  .contact-a{ font-size: 16px; padding:10px 20px; margin-top: 15px; }
  .logo-b{ text-align: center; margin-bottom: 20px; }
  .logo-b img{ width: 240px; }
  .footer-border{ border:none; margin:0; }
  .footer-left{ width: 100%; }
  .ewm-box{ width: 100%; }
  .ewm-box .pull-left{width: 50%; margin:0;}
  .ewm-box .pull-left img{ width: 100px; margin-bottom: 10px; }
  .footer{ margin-top: 0; padding-top: 20px; }
  .page-three{ padding-bottom: 20px; }
  .footer-p{ margin:15px 0 0 0; }
  .footer-dz{ font-size: 16px; line-height: 33px; background-size: 25px auto; padding-left: 35px; }
  .footer-border-right{ display: none; }
  .footer-bottom{ padding:10px 0; margin-top: 15px; font-size: 14px; text-align: center; line-height: 25px; }
  .footer-bottom div{ width: 100%; }
  .footer-bottom span{ padding:0 10px; }
  .banner-box{ padding-bottom: 50px; }
  .logo{ line-height: 50px; }
  .logo img{ height: 30px; width: auto; }
  .nav-list{position: fixed;left: 0;display: none;top: 50px;right: 0;bottom: 0;border-top: solid 1px #fff;background: #6e55a2;overflow-y: auto;}
  .nav-list li{ float: none; margin:0; }
  .nav-list li a{ display: block; line-height: 40px; padding:0 15px; font-size: 16px; }
  .langer-a{ right: 60px; top: 10px; padding:0 10px; transform: translate(0,0); height: 30px; line-height: 30px; font-size: 14px; }
  .langer-a span{ background-size: 16px; padding-left: 20px; }
    .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #fff; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
    .nav-click.active{ transform: rotate(180deg); }
    .nav-down{ position: static; transform: translate(0,0); min-height: 1px; margin:0; padding:0; width: 100%; background: none; }
    .nav-down .caret{ display: none; }
    .nav-down li{ text-align: left; padding:0; }
    .nav-down li a{ text-align: left; padding:0 25px!important; font-size: 16px; color: #fff!important;  line-height: 20px; text-align: left; }
    .nav-list li:hover .nav-down{ display: none; }
    .nav-down li a:before{ display: none!important; }
    .nav-down:before{ display: none; }
    .menu-button{ display: block; }
    .one-left img{ display: none; }
    .one-left-box{ position: static; }
    .one-left-tt{    color: #614092;  }
    .one-left-p{ color: #333; }
    .ss-btn{ right: 0; padding-right: 12px; }
    .tow-raw{ right: 50%; bottom: -50px; margin-right: -20px; }
    .tow-raw img{ width: 40px; }
    .q-b{margin-top: 0px;padding: 0 6px;font-size: 12px;}
    .q-top{ padding-top: 10px; }
    .ewm-box{ max-width: 350px; margin-left: auto; margin-right: auto; float: none!important; }
    .nav-down li a{ line-height: 35px; }

  .list-left{width: 90% !important;}
  .nav-b{ display: none; }
  .list-top-txt{ width: 100%; margin:0; padding:0; line-height: 40px; text-align: center; }

  .three-ul-right{ width: 9rem; padding:0.4rem; }
  .three-p{  -webkit-line-clamp: 3; }

  .js-left-right{ width:8rem; }
  .fw-right-p{-webkit-line-clamp: 3;font-size: 14px;}
  .fw-right{/* width: 8.8rem; */}
}
@media( max-width: 768px){
.all-list{/* padding-left: 0.2rem; */}
.all-box-tt{    width: 100%;}
  .zj-img div{ float: right; }
  .zj-img{ width: 138px; }
  .zj-list li a{ padding-right: 160px!important; }
  .zj-list-name,.zj-list-p,.zj-list-p{ width: 100%!important; }
  .list-right-a{ display: none!important; }
  .fw-slick .slick-next,.fw-slick .slick-prev{ width: 50px; height: 50px; }
  .fw-slick .slick-prev{left: 15px;top: 42%;bottom: auto;z-index: 100;margin-top: -40px;}
  .fw-slick .slick-next{right: 15px;top: 42%;left: auto;bottom: auto;z-index: 100;margin-top: -40px;}
  .list-left{ width: 100%; }
  .zj-list li{ width: 100%; margin-bottom: 15px; }
  .zj-list li a{height: auto;padding:15px;min-height: 220px;}
  .zj-list-name{ font-size: 18px; }
  .zj-list-label span{ font-size: 14px; padding:6px 20px; margin-top: 10px; }
  .zj-list-p{max-height: 200px;line-height: 25px;font-size: 14px;width: 50%;}
  .zj-img{ right: 10px; width: 40%; text-align: right; }
  .zj-img div{ width: 138px; height: 197px; padding:0; }
  .zj-ewm{ top: 80px; padding:10px 50px; height: auto; }
  .zj-sm{ font-size: 16px; width: 22px; background-size: 22px auto; padding-top: 25px; }
  .zj-ewm-img img{ width: 100px; }
  .zj-ewm-img{ margin-left: 20px; }
  .list-right{width: 100%;padding:15px 0;margin-bottom: 20px;}
  .list-right-nav li a{ margin-bottom: 15px; border-radius: 0 45px 45px 0; line-height: 45px; font-size: 16px; padding:0 20px; }
  .ewm-r{ padding:0 0 15px 30px; }
  .ewm-r img{ width: 100px; }
  .list-right-nav li a:before{ right: 20px; width: 15px; background-size: 100% auto!important; }
  .list-top-txt{font-size: 20px;}

  .js-back-left{ width: 100%; padding:15px 20px; background: #6e55a2; }
  .js-back:before{ display: none; }
  .js-back-img img{ width: 100px; }
  .js-name{ font-size: 18px; margin-top: 10px; }
  .js-left-p{ font-size: 12px; margin-top: 10px; }
  .js-back-right-p{ width: 50%; margin-right: 0; }
  .js-back-right-p p{ font-size: 14px; margin-bottom: 10px; }
  .zj-ewm.pull-right img{ width: 100px; }
  .zj-ewm.pull-right{padding: 20px;width: 100%;margin: 10px auto 0 auto;/* float: none!important; */display: flex;justify-content: center;}
  .js-back-right{ width: 100%; padding:20px; }
  .js-table > thead > tr > th, .js-table > tbody > tr > td{padding:5px;font-size: 12px;line-height: 1.5;}
  .dian{ width: 6px; height: 6px; }
  .js-txt-p{ font-size: 14px; line-height: 25px; margin-top: 10px; }
  .js-title span{padding-bottom: 10px;font-weight: bold;}
  .js-title{ margin-top: 20px; }
  .table-txt{ font-size: 12px;}
  .js-right-tt{ font-size: 16px; margin-top: 10px; }
  .js-table{ margin:15px 0; }
  .list-box{padding-bottom: 20px;padding-top: 20px;}

  .all-title{ font-size: 18px; padding-bottom: 10px;  }
  .all-box-tt{ position: static; margin-bottom: 10px; font-size: 16px; transform: translate(0,0); }
  .all-box{ padding:15px 0 5px 0; }
  .all-list li{width: 20%;padding-bottom: 10px;}

  .article-tt{ font-size: 18px; line-height: 1.6; }
  .article-sm span{ font-size: 14px; margin-right: 10px; }
  .article-sm{ margin-top: 10px; }
  .article-p p{ font-size: 16px; line-height: 1.3; }
  .article-p{ margin-top: 20px; padding:20px 0 10px 0; }
  .article-link p a{ font-size: 14px; }
  .article-link p{ margin-bottom: 10px; }
  .article-link{ padding:20px 0 10px 0; }

  .lb-list li{ width:50%; }
  .lb-list-bottom{ padding:10px; }
  .lb-list-tt{ font-size: 16px; }

  .tow-ul-list li a{ font-size: 16px; padding:10px 80px 10px 20px; margin-bottom: 10px; }
  .tow-ul-list li a:before{ left: 10px; }
  .page-box{ margin-bottom: 15px; }

  .three-ul-list li a .img-hide{ width: 100%; }
  .three-ul-list li a img{ width: 100%; height: auto; }
  .three-ul-right{ height: auto; padding:20px; width: 100%; position: static; }
  .three-ul-tt-a{ font-size: 16px; }
  .three-p{ font-size: 14px; line-height: 25px; }
  .three-ul-list li a{ margin-bottom: 15px; }

  .tabs-ks li a{ font-size: 16px; padding-bottom: 15px; margin-bottom: -2px; border-width: 2px!important; }
  .tabs-ks{ border-width: 2px; margin-bottom: 20px; }
  .tabs-ks li{ margin-right: 0px; width: 33.333333%; text-align: center; }
  .ks-tt{ font-size: 16px; margin-bottom: 10px; padding-left: 30px; padding-top: 5px; padding-bottom: 5px; background-size: 20px auto; }
  .ks-link li{ width: 50%; padding:0 5px; margin-bottom: 10px; }
  .ks-link{ margin:0 -5px; padding-bottom: 10px; }
  .ks-link li a{ font-size: 14px; padding:10px; }
  .ks-link li a:hover:after{ right: 15px; width: 14px; }

  .js-left-img{width:100%;padding:15px;background-size: 100% auto;height: auto;padding-top: 70%;}
  .js-left-img a{ right: 0; bottom: 0; width: 80px; }
  .js-left-right{ width: 100%; padding-top: 20px; }
  .js-left-tt{ font-size: 18px; margin-bottom: 5px; }
  .js-left-tt-sm{ font-size: 12px; margin-top: 10px; }
  .js-left-p-txt{ font-size: 14px; line-height: 25px; }
.ks-slick .slick-slide:nth-child(even) {
    padding-top: 0rem;
}
.mask-b{ height: auto; padding:100px 0 20px 0; }
.ks-slick-name{ font-size: 16px; }
.ks-slick-zw{ font-size: 12px; margin-top: 10px; }
.js-top-tt-left{ font-size: 24px; }
.js-top-more{ font-size: 14px; }
.js-top-b{ font-size: 12px; }
.js-top-right{ margin-left: 10px; }
.js-one{ padding-bottom: 20px; }
.fw-img{ width: 100%; }
.fw-right{ width: 100%; padding-top: 20px; }
.fw-right-top{font-size: 18px;line-height: 1.5;}
.fw-right-b{ font-size: 12px; margin-top: 5px; }
.fw-right-tt{ padding-left: 15px; border-width: 2px; }
.fw-more{ font-size: 12px; padding:3px 10px; }
.fw-more span{ padding-right: 15px; background-size: 10px auto; }
.dt-list-date{ font-size: 12px; width: 80px; }
.dt-list li a .pull-right{ display: none; }
.dt-list li a{ padding:10px 15px 10px 80px; }
.dt-list-center{ padding-top: 0; width: 100%; }
.dt-list-date span{ font-size: 24px; }
.dt-list-tt{ font-size: 16px; }
.dt-list-p{ font-size: 14px; line-height: 22px; -webkit-line-clamp: 2; }
.ks-slick .slick-prev{ left: 0; width: 40px; top: 50%; margin-top: -15px; height: 40px; z-index: 100; }
.ks-slick .slick-next{ right: 0; width: 40px; top: 50%; margin-top: -15px; height: 40px; z-index: 100; }
.veryhard{ padding-bottom: 0; }
.bgfa .content{ padding-bottom: 0; }
.huanjing>.title{ margin-top: 0; }
.g-fzlc{ margin-bottom: 30px; }
.hpbg .swiper-button-prev{ left: 15px; width: 30px; height: 30px; margin-top: -15px; }
.hpbg .swiper-button-next{ right: 15px; width: 30px; height: 30px; margin-top: -15px; }
.g-fzlc .gt .gt-title {
    opacity: 1;
}
}
@media( max-width: 767px){

  .fw-slick .slick-prev{ left: 15px;top: 30%; bottom: auto; z-index: 100; margin-top: -25px; }
  .fw-slick .slick-next{ right: 15px;top: 30%; left: auto; bottom: auto; z-index: 100; margin-top: -25px; }
  }