@charset "utf-8";
/* CSS Document */

body,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd,a,i,em,b,strong,img,input{margin:0;padding:0;}
li{list-style:none;}
a{text-decoration:none;color:#666;}
i,em{font-style:normal;}
b,strong{font-weight:normal;}
h1,h2,h3,h4,h5,h6{font-size: 16px;color: #333;font-weight: 400;}
.wapshow{display: none !important;}
input::-ms-clear{display:none;}
input{border:none;background:none;outline:none;}
img,select,input{vertical-align:middle; }
textarea{outline:none;resize:none;}
img{ border:none; }
.clearFix:after{content:'';clear:both;display:block;}
.clearFix{zoom:1;}
.fl{float:left !important;}
.fr{float:right !important;}
.clear{clear:both;}
body{background:#fff !important;font-family: "venirLTStd-Book","AvenirLTStd-Medium",'AvenirLTStd-Heavy';font-size:14px;color:#555;}
.bgfff{background: #fff !important;}
.bge7{background: #e7e7e7 !important;}
.bgf7{background: #f7f7f7 !important;}
.wrap1680,.w1680{max-width:1680px;margin:0 auto;width: 94%;}
.wrap1600,.w1600{max-width:1600px;margin:0 auto;width: 94%;}
.wrap1440,.w1440{max-width:1440px;margin:0 auto;/*position: relative;*/width: 92%;}
.wrap1135,.w1135{max-width:1135px;margin:0 auto;/*position: relative;*/width: 90%;}
.wrap1460,.w1460{max-width:1460px;margin:0 auto;/*position: relative;*/width: 92%;}
.wrap1620,.w1620{max-width:1620px;margin:0 auto;/*position: relative;*/width: 94%;}
.w100{width: 100%;}
.w48{width:48%;}
.w50{width:52%;}
.color666{color: #888 !important;}
.colorff,.colorfff{color: #fff !important;}
.color000{color: #000 !important;}
.color333{color: #333 !important;}
.color999{color: #999 !important;}
.color8376b4{color: #8376b4 !important;}
.mb80{margin-bottom: 80px !important;}
.pt80{padding-top: 80px !important;}
.mb85{margin-bottom: 85px !important;}
.mb50{margin-bottom:  50px !important;}
.mt90{margin-top: 90px !important;}
.mt80{margin-top: 80px !important;;}
.mt65{margin-top: 65px !important;}
.mt50{margin-top: 50px !important;}
.mt40{margin-top: 40px !important;}
.mt30{margin-top: 30px !important;}
.mt25{margin-top: 25px !important;}
.mt20{margin-top: 20px !important;}
.mt15{margin-top: 15px !important;}
.mt10{margin-top: 10px !important;}
.yinse{background: #e8e8e8;}
.pt70{padding-top: 70px;}
.mr2{margin-right: 2px;}
.fs80{font-size: 80px !important;}
.fs64{font-size: 64px !important;}
.fs55{font-size: 55px !important;}
.fs40{font-size: 40px !important;}
.fs36{font-size: 36px !important;}
.fs30{font-size: 30px !important;}
.fs28{font-size: 28px !important;}
.fs26{font-size: 26px !important;}
.fs24{font-size: 24px !important;}
.fs22{font-size: 22px !important;}
.fs20{font-size: 20px !important;}
.fs19{font-size: 19px !important;}
.fs18{font-size: 18px !important;}
.fs16{font-size: 16px !important;}
.fs14{font-size: 14px !important;}

.clear1{overflow: hidden;clear: both;}
.litpic img{max-width: 100%;display: block;}
@font-face{
font-family: 'AvenirLTStd-Book';src: url('./font/AvenirLTStd-Book.otf');
src: url('./font/AvenirLTStd-Book.otf') format('opentype');
}
@font-face{
font-family: 'AvenirLTStd-Heavy';src: url('./font/AvenirLTStd-Heavy.otf');
src: url('./font/AvenirLTStd-Heavy.otf') format('opentype')    ;
}
@font-face{
font-family: 'AvenirLTStd-Medium';src: url('./font/AvenirLTStd-Medium.otf');
src: url('./font/AvenirLTStd-Medium.otf') format('opentype')    ;
}



.ffbook{font-family:'AvenirLTStd-Book' !important;}
.ffHeavy{font-family:'AvenirLTStd-Heavy' !important;}
.ffMedium{font-family:'AvenirLTStd-Medium' !important;}
/* 定义动画 */
@keyframes moveRight {
  from {
    transform: translateX(-100%); /* 开始时横线在容器左侧之外 */
  }
  to {
    transform: translateX(100%); /* 结束时横线在容器右侧之外 */
  }
}
@media(hover: hover) {
    .l-navigation__items a:not(.c-button):hover {
        color:#8376b4
    }

    .l-navigation__items a:hover:after {
        width: 100%
    }
}


@keyframes navigation-sub-top-to-bottom {
    0% {
        opacity: 0;
        transform: translateY(-2rem)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}
@keyframes navigation-sub-bottom-to-top {
  from {
    transform: translateY(#{rem(20px)});
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes navigation-sub-left-to-right {
  from {
    transform: translateX(#{rem(-20px)});
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes navigation-sub-right-to-left {
  from {
    transform: translateX(#{rem(20px)});
    opacity: 0;
  }

  to {
    transform: translateX(0);
    opacity: 1;
  }
}

/*顶部*/
header{ width: 100%; height: auto;background: #fff;position: relative;animation:navigation-sub-bottom-to-top .5s ease;}
.hlogo{height: auto;}
.hlogo .fl img{margin: 10px 0 15px;}
.nav{line-height:64px;margin-right: 100px;margin-top:30px;}
.nav ul li{float: left;padding: 0 28px;position: relative;}
.nav ul li a{color: #333333;font-size: 16px;height: 100%;display:block; text-decoration:none;position: relative; transition: color .25s ease}
.nav ul { list-style-type:none; }
.nav ul li a:hover,.nav ul li.active a {color:#8376b4;font-weight: bold;} 
.l-navigation__item .l-navigation__link img{transition: all .25s ease;margin-left: 4px;margin-bottom: 3px;}
.l-navigation__item:hover .l-navigation__link img {transform: rotate(90deg)}
.l-navigation__sub {animation: navigation-sub-top-to-bottom .5s ease;display: none;margin-left: 0;pointer-events: none;position: absolute}
.l-navigation__item:hover>.l-navigation__sub {display: block;pointer-events: auto}
.l-navigation__items a:after {background-color: #8376b4;bottom: 16px;content: "";display: inline-block;height: .1rem;left: 0;position: absolute;transition: width .25s ease;width: 0}
.l-navigation__items  li div a:after{bottom:0px;}
.nav ul li div {display: none;height:auto;line-height:40px;width: 200%;position: absolute;z-index: 999;background-color: rgba(255, 255, 255, 1);left:28px;animation: navigation-sub-top-to-bottom .5s ease;padding: 10px 0 30px;}
.nav ul li div img{position: absolute;top: -10px;left: calc(50% + 73px );}
.nav ul li div ul li{background: none;line-height: 38px;padding: 15px 30px 0;float: none;}
.nav ul li ul li a{padding: 0;color:#7d7d7d;display: inline-block;background: url(../images/right.png) right center no-repeat;padding-right:18px;}
.nav ul li ul li:hover a {background: url(../images/rightP.png) right center no-repeat;}
.nav ul li:hover ul li a:hover {color:#8376b4; }
.nav ul li ul li.thisclass a,.nav ul li ul li.active a{color:#fc5459;}
.nav ul li.active ul a{background: none;color:#7d7d7d;}
.nav ul li.active ul li.thisclass a,.nav ul li.active ul li.active a{color:#8376b4;}
 .l-navigation__item:hover > & {pointer-events: auto;display: block;}
.l-navigation__sub {
    display: none;
    &--visible {
      display: block;
    }
}

.scrollHeader header{position: fixed;top: 0;left: 0;z-index: 9999;height: 60px;}
.scrollHeader header .hlogo .fl img{height: 47px;margin: 5px 0 8px;}
.scrollHeader header .nav{margin-top: 10px;line-height: 50px;}
.scrollHeader header .con{margin-top: 10px;line-height: 50px;}
.scrollHeader header .l-navigation__items a:after{bottom: 12px;}



.menu-link {display: none;}
.menu-link {width: 35px;height: 27px;margin-left: auto;position: relative;z-index: 100;}
.menu-link span {width: 60%;height: 3px;background: #484a44;display: block;margin-top: -1px;position: absolute;text-indent: -9999em; top: 50%;}
.menu-link.close span{background: none;}


.menu-link.close{position: fixed;right:3%;}
header .menu-link.close span:before, 
header .menu-link.close span:after, 
header .menu-link.close span:before,
header .menu-link.close span:after{background: #fff;}
.menu-link.close span:before { color: #484a44; -ms-transform: rotate(45deg); transform: rotate(45deg);}
.menu-link.close span:after {color: #484a44;-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.menu-link span:before, 
.menu-link span:after {width: 35px; height: 3px; background: #484a44;content: ""; display: block;  left: 0;  position: absolute; text-indent: -9999px;top: -10px;-ms-transform-origin: 13%; transform-origin: 13%; transition: transform .2s linear 0s;}
.menu-link span:after {bottom: -10px; top: auto;}
.menu-link.close span:after{ bottom: -9px; }
header .menu-link.close span,
header .menu-link.close span {background: transparent;}

.menu.show{background-color: rgba(0, 0, 0, 0.95);min-height: 100vh; top: 0;z-index: 99;position: fixed;width: 100%;right: 0;}
.menu.show ul{display: -ms-flexbox;display: flex;
-ms-flex-align: center;  align-items: center;    height: 100%;
-ms-flex-pack: center;    justify-content: center;    -ms-flex-direction: column;
flex-direction: column;}
.menu.show ul{width: 100%;text-align: center;}
.menu.show .nav > li > a{line-height:3;}



.con{color: #aaaaaa;line-height:64px;margin-top: 30px;}
.con span{display: inline-block;background: url(../images/icon01.jpg) left center no-repeat;padding-left: 25px;}
.con span:nth-child(2){background: url(../images/icon02.jpg) left center no-repeat;margin-left: 20px;}
.tit{text-align: center;}
.tit h1{font-family: 'AvenirLTStd-Medium';}
.tit p{font-family: 'AvenirLTStd-Book';color: #666666;line-height: 22px;max-width: 65%;margin: 30px auto 0;}



/*底部*/
footer{ width: 100%; height: auto; overflow: hidden;background:url(../images/footbg.jpg) top center repeat-x;padding: 10px 0 0; }
.footl{width:53.75%;margin-top: 50px;}
.fnavs{line-height: 30px;width:20%;}
.fnavs dl{font-family: 'AvenirLTStd-Heavy';}
.fnavs dl dt{;margin-bottom:30px;}
.fnavs dl dd{line-height: 34px;font-family: 'AvenirLTStd-Book';font-weight: 450; }
.fnavs dl dd a{color: #fff;}
.fnavs dl dd a:hover{text-decoration: underline;}

.fcon dl{font-family: 'AvenirLTStd-Heavy';}
.fcon dl dt{margin-bottom:30px;}
.fcon dl dd{line-height: 34px;padding-left: 24px;font-family: 'AvenirLTStd-Book';font-weight: 450;}
.fcon dl dd.mail{background: url(../images/icon05.png) left center no-repeat;}
.fcon dl dd.tel{background: url(../images/icon06.png) left center no-repeat;}
.fcon dl dd.add{background: url(../images/icon07.png) left 7px no-repeat;}
.Follow{line-height: 34px;}
.Follow h2{display: inline-block;font-family:'AvenirLTStd-Heavy';font-weight: 850;margin-right: 20px;float: left;}
.Follow a{display: inline-block;margin: 0 15px;float: left;} 
.Follow a img{display: block;}
.beian{line-height:50px;font-family: 'AvenirLTStd-Book';}
.beian a{color: #fff}
.footr{width: 23.75%;padding: 30px 3%;background: #fff;margin-top: 10px;}
.footr H2{color: #8376b4;line-height: 40px;font-family: 'AvenirLTStd-Heavy';font-weight: 400;}
.form-group{border-bottom: 1px solid #b7b7b7;overflow-y: hidden;margin-top: 15px;line-height: 35px;font-family: 'AvenirLTStd-Book';font-weight: 450;color: #b8b8b8;}
.form-group img{float: right;}
.form-group input{line-height: 35px;display: inline-block;color: #b8b8b8;width: 100%;font-family: 'AvenirLTStd-Book';}
.form-group input.code{width:40%;}
.form-actions button{border: 2px solid #8376b4;color: #8376b4;background: none;border-radius: 5px;padding:5px 15px;display: block;float: right;}
.controlDiv{width: 70%;float: left;}
.formtarea{height: 80px;}
.formtarea textarea{border: 0;line-height: 28px;width:98%;display: block;color: #b8b8b8;}
.form-actions{width: 30%;float: right;}

input::-webkit-input-placeholder{color:#b8b8b8;font-family: 'AvenirLTStd-Book';}
input::-moz-placeholder{/* Mozilla Firefox 19+ */
color:#b8b8b8;font-family: 'AvenirLTStd-Book';}
input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
color:#b8b8b8;font-family: 'AvenirLTStd-Book';}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
color:#b8b8b8;font-family: 'AvenirLTStd-Book';}

textarea::-webkit-input-placeholder{color:#b8b8b8;font-family: 'AvenirLTStd-Book';}
textarea::-moz-placeholder{/* Mozilla Firefox 19+ */
color:#b8b8b8;font-family: 'AvenirLTStd-Book';}
textarea:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
color:#b8b8b8;font-family: 'AvenirLTStd-Book';}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
color:#b8b8b8;font-family: 'AvenirLTStd-Book';}



.page-fixed{ position:fixed;width: 60px;z-index:100;right: 5px;bottom: 50%;display: none;}
.page-fixed li{border: 1px solid #d3d3d3;margin-top: 4px;padding: 10px;border-radius: 5px;background: #fff;}
.page-fixed li img{display: block;margin: 0 auto;max-width: 100%;}


.pages{text-align: center;}
.pages li{display: inline-block;border: 1px solid #ededed;line-height: 40px;padding: 0 15px;margin: 50px 13px;}
.pages li.active{background: #8376b4;border: 1px solid #8376b4;}
.pages li.active a{color: #fff;}

.page{padding: 28px 0;}
.page li{background: url(../images/pre.jpg) left center no-repeat;padding-left: 55px;line-height: 34px;margin: 10px 0;overflow: hidden;}
.page li span{display: inline-block;border-bottom: 1px solid #666}
.page li a{border-bottom: 1px solid #8376b4;display: inline-block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.page li.Next{background: url(../images/next.jpg) left center no-repeat;}
.page li span:nth-child(1){width: 28%;display: block;float: left;max-width: 100px;}
.page li.Next span:nth-child(1){width: 21%;max-width:62px; }
@media (max-width: 1280px) {
    .fs64{font-size: 50px !important;}

    .nav{margin-right:4%;}
    .nav ul li{padding: 0 20px;}

    .fs80{font-size: 50px !important;}
    .fs64{font-size: 48px !important;}
    .fs55{font-size: 40px !important;}
    .fs40{font-size: 38px !important;}
    .fs36{font-size: 26px !important;}
    .fs30{font-size: 24px !important;}
    .fs28{font-size: 20px !important;}
    .fs26{font-size: 19px !important;}
    .fs24{font-size: 18px !important;}
    .fs22{font-size: 17px !important;}
    .fs20{font-size: 16px !important;}
    .fs19{font-size: 15px !important;}
    .fs18{font-size: 14px !important;}
    .fs16{font-size: 13px !important;}
    .fs14{font-size: 12px !important;}}
@media (max-width: 1024px) {


    .mt65{margin-top: 35px !important;}
    .hlogo .fl img{max-height: 60px;}
    .menu-link {display: block;float: right;position: absolute;margin-top: 0;right:3%;top:30px;}
    .nav ul li a{color: #fff}
    .menu{display: none;}
    .menu.show{display: block;}
    .pcshow{display: none !important;}
    .wapshow{display: block !important;}
    .nav,.scrollHeader header .nav{margin: 0;}
    .menu.show ul{margin-top:20%;}
    .menu.show ul .l-navigation__sub ul{margin-top: 0;}
    .con{display: none;}
    .scrollHeader .menu-link{top: 15px;}

    .footl{width: 100%;}
    .footr{width: 94%;}
    .fnavs{display: none;}
    .fcon{width: 100%;}
    footer{background:url(../images/footbg.jpg) top center repeat-x;background-size: 100% 100% !important}
    .page li a{width: 70%;float: left;}

}
@media (max-width: 568px) {
    .fs80{font-size: 45px !important;}
    .fs64{font-size: 42px !important;}
    .fs55{font-size: 32px !important;}
    .fs40{font-size: 28px !important;}
    .fs36{font-size: 24px !important;}
    .fs30{font-size: 22px !important;}

    .mt90{margin-top: 60px !important;}
    .mb85{margin-bottom: 50px !important;}
    .mt80{margin-top: 50px !important;;}
    .mt65{margin-top: 40px !important;}
    .mt50{margin-top: 30px !important;}
    .mt40{margin-top: 20px !important;}
    .mt30{margin-top: 18px !important;}
    .mt25{margin-top: 15px !important;}
    .mt20{margin-top: 10px !important;}
    .page-fixed{display: none !important;}
    .w50{width: 100%;}
    .pages li{padding: 0px 8px;margin: 25px 5px;line-height: 25px;}

}