@font-face {
  font-family: 'Dosis';font-style: normal;  /* project id 1853964 */
  src: url('../fonts/Dosis.ttf');
  src: url('../fonts/Dosis.woff') format('woff');
  font-display:swap;
}

/*@media(min-width: 1280px){*/
@media(min-width: 0px){
  @font-face {
    font-family: 'SourceHanSerifCN';font-style: normal;  /* project id 1853964 */
    src: url('../fonts/SourceHanSerifCN.woff2') format('woff2'),
    url('../fonts/SourceHanSerifCN.woff') format('woff');
    font-display:swap;
  }
}


html{font-size: 20px;}
a{color: #333;transition: all 0.5s;}
a{font-size:14px;text-decoration:none; color:#000; outline:none; transition:cubic-bezier(0.215,.61,.355,1);}
/*a:hover{color: #332a9a;}*/
a:focus{outline: none;}
*{box-sizing: border-box;}
img{max-width: 100%;}
body,html{min-height:100%;}
pre{font-family:'SourceHanSerifCN',"microsoft JhengHei"; white-space:pre-wrap;word-wrap: break-word;}
.clearfix:after{content:"\200B"; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
/*h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}*/
input{outline: none;-webkit-appearance: none;border-radius: 0; font-size:14px;}
input[type="text"],input[type="password"],input[type="search"],textarea,select,input[type="date"]{outline: none; font-family:"SourceHanSerifCN","microsoft JhengHei";-webkit-appearance: none;border-radius: 0; font-size:14px; display:block; width:100%; border:none; background:none; border:1px solid #dbdbdb; padding:6px 12px; transition:ease .45s;}
input[type="radio"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}
input[type="checkbox"]{display:inline-block; width:20px; height:20px; position:relative; top:2px; margin-right:5px; cursor:pointer;}
input::-webkit-input-placeholder {color: #888888;}
input:-moz-placeholder {　color: #888888;}
input::-moz-placeholder {color: #888888;}
input:-ms-input-placeholder {color: #888888;}
textarea{resize:none; overflow:hidden;}
textarea::-webkit-input-placeholder {color: #888888;}
textarea:-moz-placeholder {　color: #888888;}
textarea::-moz-placeholder {color: #888888;}
textarea:-ms-input-placeholder {color: #888888;}
select::-ms-expand { display: none; }
select{background: url(../images/icon_xiala_light.png) right 12px center no-repeat;
    background-size: 14px;
    padding-left: 25px;
    padding-right: 26px!important;}
i,em{font-style:normal;}
.wow{visibility: hidden;}
/*@media(max-width: 1199px){.wow{visibility: visible;}}*/
.left{float:left;}
.right{float:right;}
.flex{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;}
.flex-text-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;}
.flex-align-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;align-items: center;-webkit-align-items: center;-ms-align-items: center;}
.flex-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;align-items: center;-webkit-align-items: center;-ms-align-items: center;justify-content: center;-webkit-justify-content: center;-ms-justify-content: center;}

.flex-space-between{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;}
.flex-space-between-center{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:row; -webkit-flex-direction:row;-ms-flex-direction:row;justify-content: space-between;-webkit-justify-content: space-between;-ms-justify-content: space-between;align-items: center;-webkit-align-items: center;-ms-align-items: center;}

.flex1{display:flex;display:-webkit-flex;display:-ms-flex;-js-display:flex;flex-direction:column; -webkit-flex-direction:column;-ms-flex-direction:column;}

.flex-wrap{flex-wrap:wrap; -webkit-flex-wrap:wrap;-ms-flex-wrap:wrap; -webkit-flex-wrap:wrap;}
.flex-auto{flex: 0 0 auto;-ms-flex: 0 0 auto;-webkit-flex: 0 0 auto;}

.tran03{-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;}
.tran1{-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;}
.tran06{
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    -ms-transition: all 0.6s;
    transition: all 0.6s;
}

.container{ margin:auto; position:relative;}
.container1400{max-width:1420px; margin:auto; position:relative; padding:0 10px;}
.blue{color:#1e4fdb;}
.l-grid-2>li{width:50%; float:left;}
.l-grid-3>li{width:33.333333333333336%; float:left;}
.l-grid-4>li{width:25%; float:left;}
.l-grid-5>li{width:20%; float:left;}
.l-grid-6>li{width:16.666666666666668%; float:left;}

#bsWXBox{box-sizing:initial;}
#bsBox{box-sizing:initial;}

::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}



.container{width: 80%;margin-left: auto;margin-right: auto;}


/* Member pager common CSS */
.headtop.scroll .subnavwarp{top: 70px;}

.subnavwarp{position: absolute;left: 0;top: 86px;width: 100%;height: 7.5rem;z-index: 100;background-color: #fff;display: none;box-shadow: 0 0 3px #ccc;}
.headtop.scroll .subnavwarp{top: 70px;}
.subnavwarp .con{position: relative;padding-top: 1.5rem;padding-bottom: 1.5rem;display: none;}
.subnavwarp .con[data-typeid='6']{text-align: right;}
.subnavwarp .con[data-typeid='6'] .xialanav{margin-right: 5rem;}
.subnavwarp .con[data-typeid='5']{text-align: right;}
.subnavwarp .con[data-typeid='5'] .xialanav{margin-right: 10rem;}
.subnavwarp .con[data-typeid='1'] .name{margin-left: 20.0rem;}
.subnavwarp .con[data-typeid='2'] .name{margin-left: 26.0rem;}
.subnavwarp .con[data-typeid='3'] .name{margin-left: 30.0rem;}
.subnavwarp .con[data-typeid='4'] .name{margin-left: 33.0rem;}
.subnavwarp .name{padding-right: 4.4rem;border-right: 1px solid #ccc;display: inline-block; vertical-align: top; height: 80px;line-height: 80px;font-size: 20px;color: #0d2d9d;}
.subnavwarp .xialanav{padding-left: 4.4rem;height: 80px;display: inline-block; vertical-align: top;margin-left: -29px;margin-right: -29px;}
.subnavwarp .xialanav a{float: left;display: block; padding: 0 29px;height: 100%;font-size: 16px;color: #4b4b4b; padding-top: 50px;position: relative;transition: all 0.5s;}
.subnavwarp .xialanav a .iconfont{font-size: 35px;position: absolute;width: 50px;height: 50px;left: 50%;margin-left: -25px;top: 0;text-align: center;line-height: 50px; color: #888888;transition: all 0.5s;}
.subnavwarp .xialanav a:hover{color: #0d2d9d;}
.subnavwarp .xialanav a:hover .iconfont{color: #0d2d9d;}
.subnavwarp .xialanav a:before{position: absolute; width: 34px;height: 34px;top: 5px;left: 50%;margin-left: -17px;background-repeat: no-repeat;background-size: 285px;content: "";-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;display: none;}
.subnavwarp .xialanav.yewu a:before{background-image: url(../images/icon_yewunav.png);}

.subnavwarp .xialanav.yewu a.yewuicon_5:before{background-position: 0 0px;}
.subnavwarp .xialanav.yewu a.yewuicon_2:before{background-position: -34px 0;}
.subnavwarp .xialanav.yewu a.yewuicon_3:before{background-position: -68px 0;}
.subnavwarp .xialanav.yewu a.yewuicon_8:before{background-position: -102px 0;}
.subnavwarp .xialanav.yewu a.yewuicon_4:before{background-position: -136px 0;}
.subnavwarp .xialanav.yewu a.yewuicon_7:before{background-position: -173px 0;width: 45px;}
.subnavwarp .xialanav.yewu a.yewuicon_1:before{background-position: -217px 0;}
.subnavwarp .xialanav.yewu a.yewuicon_6:before{background-position: -251px 0;}
.subnavwarp .xialanav.yewu a.yewuicon_5:hover:before{background-position: 0 -34px;}
.subnavwarp .xialanav.yewu a.yewuicon_2:hover:before{background-position: -34px -34px;}
.subnavwarp .xialanav.yewu a.yewuicon_3:hover:before{background-position: -68px -34px;}
.subnavwarp .xialanav.yewu a.yewuicon_8:hover:before{background-position: -102px -34px;}
.subnavwarp .xialanav.yewu a.yewuicon_4:hover:before{background-position: -136px -34px;}
.subnavwarp .xialanav.yewu a.yewuicon_7:hover:before{background-position: -173px -34px;width: 45px;}
.subnavwarp .xialanav.yewu a.yewuicon_1:hover:before{background-position: -217px -34px;}
.subnavwarp .xialanav.yewu a.yewuicon_6:hover:before{background-position: -251px -34px;}

.subnavwarp>div:nth-child(3) .xialanav.yewu a.yewuicon_2:hover:before{background-position: -34px -39px;}
.subnavwarp>div:nth-child(3) .xialanav.yewu a.yewuicon_3:hover:before{background-position: -68px -39px;}
.subnavwarp>div:nth-child(3) .xialanav.yewu a.yewuicon_4:hover:before{background-position: -136px -39px;}

.subnavwarp>div:nth-child(1) .xialanav.yewu a.yewuicon_2:hover:before{background-position: -34px -39px;}
.subnavwarp>div:nth-child(1) .xialanav.yewu a.yewuicon_3:hover:before{background-position: -68px -39px;}
.subnavwarp>div:nth-child(1) .xialanav.yewu a.yewuicon_4:hover:before{background-position: -136px -39px;}

.subnavwarp>div:nth-child(6) .xialanav.yewu a.yewuicon_2:before{background-position: 0 0;}
.subnavwarp>div:nth-child(6) .xialanav.yewu a.yewuicon_2:hover:before{background-position: 0 -34px;}
.subnavwarp>div:nth-child(4) .xialanav.yewu a.yewuicon_2:before{background-position: 0 0;}
.subnavwarp>div:nth-child(4) .xialanav.yewu a.yewuicon_2:hover:before{background-position: 0 -34px;}

.subnavwarp>div:nth-child(1) .xialanav.yewu a:before,.subnavwarp>div:nth-child(3) .xialanav.yewu a:before{background-image: url(../images/icon_yewunav2.png);}
.subnavwarp>div:nth-child(1) .xialanav.yewu a.yewuicon_1:nth-child(1):before{background-position: -1px -1px;}
.subnavwarp>div:nth-child(1) .xialanav.yewu a.yewuicon_1:nth-child(1):hover:before{background-position: -1px -39px;}
.subnavwarp>div:nth-child(1) .xialanav.yewu a.yewuicon_1:nth-child(2):before{background-position: -35px -1px;}
.subnavwarp>div:nth-child(1) .xialanav.yewu a.yewuicon_1:nth-child(2):hover:before{background-position: -35px -39px;}
.subnavwarp>div:nth-child(1) .xialanav.yewu a.yewuicon_1:nth-child(3):before{background-position: -100px -1px;}
.subnavwarp>div:nth-child(1) .xialanav.yewu a.yewuicon_1:nth-child(3):hover:before{background-position: -100px -39px;}
.subnavwarp>div:nth-child(1) .xialanav.yewu a.yewuicon_1:nth-child(4):before{background-position: -68px -1px;}
.subnavwarp>div:nth-child(1) .xialanav.yewu a.yewuicon_1:nth-child(4):hover:before{background-position: -68px -39px;}

.subnavwarp>div:nth-child(3) .xialanav.yewu a.yewuicon_1:nth-child(1):before{background-position: -175px -1px;}
.subnavwarp>div:nth-child(3) .xialanav.yewu a.yewuicon_1:nth-child(1):hover:before{background-position: -175px -39px;}
.subnavwarp>div:nth-child(3) .xialanav.yewu a.yewuicon_1:nth-child(2):before{background-position: -177px -1px;}
.subnavwarp>div:nth-child(3) .xialanav.yewu a.yewuicon_1:nth-child(2):hover:before{background-position: -177px -39px;}
.subnavwarp>div:nth-child(3) .xialanav.yewu a.yewuicon_1:nth-child(3):before{background-position: -213px -1px;}
.subnavwarp>div:nth-child(3) .xialanav.yewu a.yewuicon_1:nth-child(3):hover:before{background-position: -213px -39px;}
.subnavwarp>div:nth-child(3) .xialanav.yewu a.yewuicon_1:nth-child(4):before{background-position: -251px -1px;}
.subnavwarp>div:nth-child(3) .xialanav.yewu a.yewuicon_1:nth-child(4):hover:before{background-position: -251px -39px;}




.cursor{width:40px; height:40px; position:absolute; left:0; top:0;pointer-events: none;margin: -25px 0 0 -25px; z-index: 12;  visibility:hidden;}
.cursor:before{content: '';display: block;width: 100%;height: 100%; background:#fff; border-radius: 50%;box-sizing: border-box;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) scale(1);transition: all .4s cubic-bezier(.3,1.83,.49,.88);}
.cursor.nav:before{ background: none; border:1px solid #fff;width:80px;height: 30px; border-radius: 15px;}
.cursor.btn:before{width:6rem; height:6rem;}
.cursor.btn2:before{width:100%; height:100%; border:1px solid #f4f4f4; background: none; }
.cursor,
.cursor::after {
	user-select: none;
	pointer-events: none;
	mix-blend-mode: difference
}



.preload {position: fixed;left: 0;top: 0;right: 0;height: 100%;z-index: 1000;background: #fff;-webkit-transition: background-color .5s;transition: background-color .5s;-webkit-transform-origin: 50% 42%;-ms-transform-origin: 50% 42%;transform-origin: 50% 42%}
.preload.is-loaded {    background: 0 0}
.preload.is-animate-out {    -webkit-transform: scale(5);    -ms-transform: scale(5);    transform: scale(5);    opacity: 0;    -webkit-transition: opacity 1s,-webkit-transform 1s;    transition: opacity 1s,-webkit-transform 1s;    transition: transform 1s,opacity 1s;    transition: transform 1s,opacity 1s,-webkit-transform 1s}
.preload.is-paused .preload__progress {    -webkit-transform: scale(0);    -ms-transform: scale(0);    transform: scale(0)}
.preload.is-paused .preload__progress-inner {    -webkit-animation: none;    animation: none}
.preload.is-clean {    background: 0 0;    z-index: -1;    -webkit-transition: none;    transition: none}
.preload.is-clean .preload__bg {    display: none}
.preload.is-clean .preload__progress {    background: rgba(0,0,0,.5);    top: 50%}
.preload.is-clean .preload__progress-inner {    background: #35373b}
.preload.is-clean-paused .preload__progress-inner {    -webkit-animation: none;    animation: none}
.preload__bg {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%}
.preload__progress {    position: absolute;    top: 50%;    left: 50%;    width: 200px;    margin:-1px 0 0 -100px;    height: 1px;    background: rgba(255,255,255,.15);    -webkit-transition: .3s;    transition: .3s}.preload__progress.hid{    left: 0;    width: 100%;}

.preload__progress-inner {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;-webkit-animation: preloadLine 1.6s both infinite;animation: preloadLine 1.6s both infinite;
}

@-webkit-keyframes preloadLine {
    2% {    -webkit-transform-origin: 100% 50%;    transform-origin: 100% 50%;    -webkit-transform: scaleX(1);    transform: scaleX(1)}
    48% {    -webkit-transform-origin: 100% 50%;    transform-origin: 100% 50%;    -webkit-transform: scaleX(0);    transform: scaleX(0)}
    52% {    -webkit-transform-origin: 0 50%;    transform-origin: 0 50%;    -webkit-transform: scaleX(0);    transform: scaleX(0)}
    98% {    -webkit-transform-origin: 0 50%;    transform-origin: 0 50%;    -webkit-transform: scaleX(1);    transform: scaleX(1)}
}

@keyframes preloadLine {
    2% {    -webkit-transform-origin: 100% 50%;    transform-origin: 100% 50%;    -webkit-transform: scaleX(1);    transform: scaleX(1)}
    48% {    -webkit-transform-origin: 100% 50%;    transform-origin: 100% 50%;    -webkit-transform: scaleX(0);    transform: scaleX(0)}
    52% {    -webkit-transform-origin: 0 50%;    transform-origin: 0 50%;    -webkit-transform: scaleX(0);    transform: scaleX(0)}
    98% {    -webkit-transform-origin: 0 50%;    transform-origin: 0 50%;    -webkit-transform: scaleX(1);    transform: scaleX(1)}
}

.load-bg{height: 100%;width: 100%;position: fixed;top: 0;left: 0;overflow: hidden;z-index:999;}
.load-bg .top{height: 50%;width: 100%;background-color: rgba(255, 255, 255, 0.5);position: absolute;top: 0;left: 0;}
.load-bg .top i{display: block;width: 200px;height: 1px;background-color: #555;position: absolute;bottom: 0;left:50%;margin-left: -100px;-webkit-transition: .5s;transition: .5s;}
.load-bg .top i.on{left:0%;margin-left: 0px;width:100%;}
.load-bg .bot{bottom: 0;left: 0;position: absolute;width: 100%;height:50%;background-color: rgba(255, 255, 255, 0.5);}

/*首页有加载条*/
.load-bg,.preload{display: none;}
.index_page .load-bg,.index_page .preload{display: block;}

/*侧边工具*/
.side-always{position:fixed;z-index:19;width:56px;height:260px;right:12px;top:50%;margin-top:-130px;box-sizing:border-box;opacity: 0;}
.side-always .side-items{display:block;position:relative;overflow:visible;background-color:#f5f5f5;cursor:pointer;width:56px;height:56px;transition-duration:.3s}
.side-always .side-items:hover{background:#2f25aa}
.side-always .side-ico{position:relative;z-index:4;width:56px;height:56px;transition-duration:.3s;background-size:23px !important;box-shadow:0 0 2px rgba(0,0,0,0.1);line-height:56px;}
.side-always .side-ico i{text-align:center;display:block;height: 56px;}
.side-always .side-ico .tel{background-image: url(../images/icon_tel_blue.png);background-repeat: no-repeat;background-position: center;}
.side-always .side-items:hover .side-ico .tel{background-image: url(../images/icon_tel_white.png);}
.side-always .side-ico .weixin{background-image: url(../images/icon_weixin_blue.png);background-repeat: no-repeat;background-position: center;}
.side-always .side-items:hover .side-ico .weixin{background-image: url(../images/icon_weixin_white.png);}
.side-always .side-ico .kefu{background-image: url(../images/icon_kefu_blue.png);background-repeat: no-repeat;background-position: center;background-size: 28px;}
.side-always .side-items:hover .side-ico .kefu{background-image: url(../images/icon_kefu_w.png);}
.side-always .side-ico .backtop{background-image: url(../images/icon_backtop_blue.png);background-repeat: no-repeat;background-position: center;background-size: 28px;}
.side-always .side-items:hover .side-ico .backtop{background-image: url(../images/icon_backtop_w.png);}

.side-always .tele-item .side-ico{color:#2f25aa;font-size:28px}
.side-always .tele-item:hover .side-ico{color:#fff}
.side-always .q-item .side-ico{color:#2f25aa;font-size:34px}
.side-always .qq-item:hover .side-ico{color:#fff}
.side-always .qq-item .side-ico{color:#2f25aa;}
.side-always .qq-item:hover .side-ico{color:#fff}
.side-always .ewm-item .side-ico{color:#2f25aa;}
.side-always .ewm-item:hover .side-ico{color:#fff}
.side-always .toTop-item .side-ico{color:#2f25aa;}
.side-always .toTop-item:hover .side-ico{color:#fff}
.side-always .side-tele{position:absolute;display:none;width:170px;height:56px;box-sizing:border-box;font-size:18px;font-weight:bold;line-height:56px;color:#fff;left:-171px;top:50%;margin-top:-28px;background-color:#e60039}
.side-always .side-tele-content{display:block;padding:0 10px;text-align:center}
.side-always .side-ewm{position:absolute;display:none;width:110px;height:110px;background:#fff;padding:5px;box-sizing:border-box;right:104%;top:50%;margin-top:-55px}

.PosFixedNavBlock{position: fixed;bottom: 120px;right: 5px;width: 70px;z-index : 99;}
.PosFixedNav{background: #E6251F;border-radius: 4px;}
.PosFixedNavTop{margin-top :10px;background: #fff;border-radius: 4px;opacity: 0;visibility: hidden;transition: all 0.5s;}
.PosFixedNavTop.show{opacity: 1;visibility: visible;}
.PosFixedNavItem{padding: 10px;display: block;text-align: center;position: relative;}

.PosFixedNavItem.Act{background:#FF3C36;}
.PosFixedNavTop .PosFixedNavItem.Act{background : #fff;border-radius: 4px;}
.PosFixedNavTop .PosFixedNavItem.Act .PosFixedNavItemTxt{color : #FF3C36 ;}

.PosFixedNavItem img{width: 24px;}
.PosFixedNavItem:first-child{border-radius: 4px 4px 0 0 ;}
.PosFixedNavItem:last-child{border-radius: 0 0 4px 4px;}
.PosFixedNav .PosFixedNavItem .PosFixedNavItemTxt{padding-top: 5px;font-size: 12px;color: #FFFFFF;}

.PosFixedNavTop .PosFixedNavItem .PosFixedNavItemTxt{padding-top: 5px;font-size: 12px;color: #666;}
.PosFixedNavHide{padding: 10px 10px 10px 15px;position: absolute;top: 0;left: -196px;width: 195px;height: 55px;background: #FFFFFF;box-shadow: 0 4px 8px 0 rgba(206,206,206,0.50);border-radius: 2px;display: flex;align-items: center;}
.PosFixedNavHide img{width: auto;margin-right: 10px;}
.PosFixedNavHideCont{text-align: center;}
.PosFixedNavHideCont div{text-align: left;margin-left: 7px;padding-top: 0px;padding-bottom: 0px;}
.PosFixedNavHideCont div:nth-child(1){color: #222222;}
.PosFixedNavHideCont div:nth-child(2){color: #2A2A2A;}
.PosFixedNavHideCont div:nth-child(2) span{color: #E6251F;font-size: 16px;}


.m_kefu{position: fixed;z-index: 11;}
.zxkf{position: fixed;z-index: 11;width: 88%;height: 42px;line-height: 42px; left: 6%;bottom: 15px;display: flex;align-items: center;justify-content: center;background-color: #393199;border-radius: 42px;/*opacity: 0;visibility: hidden;*/transition: all 0.5s;}
.zxkf.show{opacity: 1;visibility: visible;}
.zxkf .icon{width: 28px;height: 28px;background: url(../images/icon_kefu.png) center;background-size: 28px;margin-right: 20px;}
.zxkf .name{font-size: 16px;font-weight: bold;color: #fff;}
.zixun_tel{bottom: 250px;right: 5px;width: 60px;height: 60px;overflow: visible;background-color: transparent;transform: translateZ(0px);position: fixed;z-index: 10000 !important;  }
.zixun_tel_wrap {position: relative;display: block;cursor: pointer;width: 60px;height: 60px;background-image: url(../images/zixun_tel_bg.png);background-size: 100% 100%;}
.zixun_tel .img{position: absolute;top: 10px;left: 10px;width: 1.58125rem;height: 1.58125rem;transform-origin: center center;animation: shake2 4s linear infinite;}
.zixun_tel .text{position: absolute;left: 0;bottom: 0;width: 60px;height: 24px;text-align: center;line-height: 24px;color: #fff;}
@keyframes shake2 {
    0% {transform: rotate(0) scale(1);}
    4% {transform: rotate(20deg) scale(1.2);}
    8% {transform: rotate(0) scale(1);}
    13% {transform: rotate(20deg) scale(1.2);}
    17% {transform: rotate(0) scale(1);}
    33% {transform: rotate(0) scale(1);}
    38% {transform: rotate(20deg) scale(1.2);}
    42% {transform: rotate(0) scale(1);}
    46% {transform: rotate(20deg) scale(1.2);}
    50% {transform: rotate(0) scale(1);}
    100% {transform: rotate(0) scale(1);}
}



@media (min-width:0px) {
    .l-header__gnav__toggler:hover>span:nth-child(1) {
        -webkit-animation: 500ms ease-in-out -500ms infinite alternate both gnav-toggler-hover-sp;
        animation: 500ms ease-in-out -500ms infinite alternate both gnav-toggler-hover-sp
    }

    .l-header__gnav__toggler:hover>span:nth-child(2) {
        -webkit-animation: 500ms ease-in-out -250ms infinite alternate both gnav-toggler-hover-sp;
        animation: 500ms ease-in-out -250ms infinite alternate both gnav-toggler-hover-sp
    }

    .l-header__gnav__toggler:hover>span:nth-child(3) {
        -webkit-animation: 500ms ease-in-out 0ms infinite alternate both gnav-toggler-hover-sp;
        animation: 500ms ease-in-out 0ms infinite alternate both gnav-toggler-hover-sp
    }
}

.l-header__gnav__toggler[aria-expanded=true],.l-header__gnav__toggler[aria-expanded=true]:hover {
    background: 0 0!important
}

.l-header__gnav__toggler[aria-expanded=true]:hover>span,.l-header__gnav__toggler[aria-expanded=true]>span {
    -webkit-animation: none;
    animation: none;
    background: #fff!important
}

.l-header__gnav__toggler[aria-expanded=true]:hover>span:nth-child(1),.l-header__gnav__toggler[aria-expanded=true]>span:nth-child(1) {
    width: 40px;
    -webkit-transform: translate(1px,8px) rotate(45deg);
    transform: translate(1px,8px) rotate(45deg)
}

@media (min-width:0px) {
    .l-header__gnav__toggler[aria-expanded=true]:hover>span:nth-child(1),.l-header__gnav__toggler[aria-expanded=true]>span:nth-child(1) {
        width: 25px;
        -webkit-transform: translate(3px,10px) rotate(45deg);
        transform: translate(3px,10px) rotate(45deg)
    }
}

.l-header__gnav__toggler[aria-expanded=true]:hover>span:nth-child(2),.l-header__gnav__toggler[aria-expanded=true]>span:nth-child(2) {
    opacity: 0;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.l-header__gnav__toggler[aria-expanded=true]:hover>span:nth-child(3),.l-header__gnav__toggler[aria-expanded=true]>span:nth-child(3) {
    width: 40px;
    -webkit-transform: translate(1px,-18px) rotate(-45deg);
    transform: translate(1px,-18px) rotate(-45deg)
}

@media (min-width:0px) {
    .l-header__gnav__toggler[aria-expanded=true]:hover>span:nth-child(3),.l-header__gnav__toggler[aria-expanded=true]>span:nth-child(3) {
        width: 25px;
        -webkit-transform: translate(3px,-6px) rotate(-45deg);
        transform: translate(3px,-6px) rotate(-45deg)
    }
}

.l-gnav {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    /*-webkit-transition: all 200ms ease;
    transition: all 200ms ease;*/
    pointer-events: auto;
    visibility: visible;
}
.open+.l-gnav{
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
}

html.is-unloading .l-gnav {
    opacity: 0;
    left: -40px;
    pointer-events: none
}

.l-gnav[aria-hidden] {
    opacity: 0;
    /*-webkit-transform: scale(1.05);
    transform: scale(1.05);*/
    pointer-events: none;
    visibility: hidden;
    
}

.l-gnav,.l-gnav__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh
}

.l-gnav__content {
    position: relative;
    width: 100%;
    height: 100%;
    color: #fff;
    background: rgb(40 34 108 / 95%);
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.l-gnav__content__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 40px 40px 20px 50px
}



.l-gnav__content__col {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

@media (min-width:0px) {
    .l-gnav__content__col {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.l-gnav__content__col--1 {
    padding-right: 6.25vw;
    border-right: 1px solid rgba(255,255,255,.3)
}

@media (min-width:0px) {
    .l-gnav__content__col--1 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: 0;
        border-right: none
    }
}

.l-gnav__content__col--2 {
    padding-left: 0
}

@media (min-width:0px) {
    .l-gnav__content__col--2 {
        padding-left: 0
    }
}

.l-gnav__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: 1.1;
    font-family: 'Microsoft YaHei','PingFang SC',sans-serif;
    color: #fff;
    padding-top: 3.125vw
}

.l-gnav__title {
        display: none;
        margin: 0 -20px 30px
    }
.l-gnav__title--sp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }



.l-gnav__title__1 {
    font-size: 64px;
    font-weight: 300;
    line-height: 1.03125
}
.l-gnav__title__1 {
        font-size: 24px;
        line-height: 1.07143
    }

@media (min-width:0px) {
    
}


.l-gnav__title__2 {
        margin-top: .5em;
        font-size: 5.66667vw;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }


.l-gnav__helpnav {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 35px;
        padding-top: 25px;
        border-top: 1px solid rgba(255,255,255,.3)
    }
.l-gnav__helpnav [class*=" icon-"],.l-gnav__helpnav [class^=icon-] {
    opacity: .6
}

.l-gnav__concept-movie {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-top: 30px
    }



.l-gnav__concept-movie a {
    position: relative;
    display: inline-block
}

.l-gnav__concept-movie__img img {
    vertical-align: bottom
}

.l-gnav__concept-movie__text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 75px 10px 40px;
    color: #fff;
    background: rgba(27,36,74,.4);
    -webkit-transition: background 300ms ease;
    transition: background 300ms ease
}

.l-gnav__concept-movie__text__ja {
    font-size: 18px;
    letter-spacing: .1em
}

.l-gnav__concept-movie__text__en {
    font-family: 'Microsoft YaHei','PingFang SC',sans-serif;
    font-size: 10px;
    opacity: .6
}

.l-gnav__concept-movie__text:after {
    font-family: 'icomoon'!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e903';
    position: absolute;
    top: calc(50% - 13px);
    right: 25px;
    font-size: 25px
}

a:hover .l-gnav__concept-movie__text {
    background: rgba(0,0,0,.2)
}

.l-gnav__contact {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 40px
    }

.l-gnav__contact a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 40px;
    color: #fff;
    text-decoration: none;
    border: 1px solid rgba(255,255,255,.3);
    line-height: 1.8;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.l-gnav__contact a {
        padding: 18px 30px
    }

.l-gnav__contact a:after,.l-gnav__contact__ja,.l-gnav__tauacjp a {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.l-gnav__contact a:after {
    content: '';
    position: absolute;
    top: calc(50% - 3px);
    right: 40px;
    width: 16px;
    height: 5px;
    -webkit-transform: skew(45deg);
    transform: skew(45deg);
    opacity: .6;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.l-gnav__contact a:hover {
    border-color: rgba(255,255,255,.6)
}

.l-gnav__contact a:hover:after,a:hover .l-gnav__contact__ja {
    opacity: 1
}

.l-gnav__contact__ja {
    margin-bottom: .5em;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .1em;
    opacity: .8
}

@media (min-width:0px) {
    .l-gnav__contact__ja {
        margin-bottom: 0
    }
}

.l-gnav__contact__en {
    font-family: 'Microsoft YaHei','PingFang SC',sans-serif;
    font-size: 10px;
    letter-spacing: .08em;
    opacity: .6
}

.l-gnav__tauacjp {
    -webkit-box-ordinal-group: 98;
    -ms-flex-order: 97;
    order: 97;
    margin-top: 25px
}

.l-gnav__tauacjp a {
    color: rgba(255,255,255,.8);
    font-size: 12px;
    text-decoration: none
}

.l-gnav__tauacjp a:hover {
    color: #fff;
    text-decoration: underline
}

.l-gnav__tauacjp .icon-blank {
    display: inline-block
}

.l-gnav__copyright {
    position: absolute;
    bottom: 18px;
    left: 40px;
    font-size: 12px;
    letter-spacing: .06em;
    color: rgba(255,255,255,.4);
    line-height: 2
}

@media (min-width:0px) {
    .l-gnav__copyright {
        position: static;
        -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
        order: 99;
        margin-top: 25px;
        font-size: 10px
    }
}

.l-gnav__sns {
    margin-top: 25px
}

@media (min-width:0px) {
    .l-gnav__sns {
        -webkit-box-ordinal-group: 99;
        -ms-flex-order: 98;
        order: 98
    }
}

.l-gnav__items {
        display: block;
        padding: 0;
        max-width: 324px;
    }

@media (min-width:0px) {
    .l-gnav__items {
        display: block;
        padding: 0
    }
}

.l-gnav__items a {
    color: inherit;
    text-decoration: none
}

.l-gnav__items a:hover {
    color: #6ccff6
}

.l-gnav__items__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 13vh;
    flex: 1 1 13vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.35;
    position: relative;
}
.l-gnav__items__item .subnavbtn{position: absolute;right: 0;top: 0;width: 60px;height: 45px;background: url(../images/icon_jia_w.png) center top 4px no-repeat;background-size: 22px;z-index: 2;}
.l-gnav__items__item.open .subnavbtn{background-image: url(../images/icon_jian_w.png);background-position: center top 14px;}


.l-gnav__items__item:not(:last-child) {
    margin-bottom: 3vh
}

.l-gnav__items__item:last-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

@media (min-width:0px) {
    .l-gnav__items__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .l-gnav__items__item:not(:last-child) {
        margin-bottom: 15px
    }
}

.l-gnav__items__item>a {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    position: relative;
    z-index: 1;
}

.l-gnav__items__item__ja {
    display: block;
    font-size: 18px;
    letter-spacing: .1em;
    font-weight: 300;
    line-height: 1.4;margin-bottom: 4px;
}

.l-gnav__items__item__ja>span {
    font-size: 12px
}

@media (min-width:0px) {
    .l-gnav__items__item__ja {
        font-size: 18px
    }

    .l-gnav__items__item__ja>span {
        font-size: 10px
    }
}

.l-gnav__items__item__en {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 12px;
    font-family: 'Microsoft YaHei','PingFang SC',sans-serif;
    letter-spacing: .06em;
    opacity: .6;
    text-transform: uppercase;
}

@media (min-width:0px) {
    .l-gnav__items__item__en {
        font-size: 12px;
        margin-bottom: 0;
        color: #fff;
    }
}

.l-gnav__items__item__sub {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 200px;
    flex: 1 0 200px;
    position: relative;
    padding-top: 5px;
    padding-left: 45px;
    font-size: 14px;
    letter-spacing: .1em;
    height: 0;
    overflow: hidden;
    transition: all ease-in-out 0.3s;
}

@media (min-width:0px) {
    .l-gnav__items__item__sub {
        
        padding-top: 0
    }
}
.l-gnav__items__item.open .l-gnav__items__item__sub{margin-top: 15px;margin-bottom: 10px;}

.l-gnav__items__item__sub:before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0;
    width: 32px;
    height: 1px;
    background: rgba(193,193,193,.4)
}

@media (min-width:0px) {
    .l-gnav__items__item__sub:before {
        top: 8px
    }
}

.l-gnav__items__item__sub__item {
    margin-bottom: 20px
}

.l-gnav__items__item__sub__item:last-child {
    margin-bottom: 0
}

@media (min-width:0px) {
    .l-gnav__items__item__sub__item {
        margin-bottom: 10px
    }

    .l-gnav__items__item__sub__item:last-child {
        margin-bottom: 0
    }
}


#lhCode{position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); border-radius:3px; background:#fff; border:4px solid #7F7F7F; z-index:3000;}
#lhCode>h2{height:36px; line-height:36px; background:#F2F2F2; overflow:hidden; position:relative; padding:0 0 0 20px; font-size:14px; color:#666666;}
#lhCode>h2>i{cursor:pointer; float:right; width:35px; height:35px; text-align:center;}
#lhCode>.ewm{width:220px; height:220px; padding:20px;}
#lhCode>.ewm canvas{width:100%; height:100%;}