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

body { background:#fff; font-size:0.833vw; font-family: 'SourceHanSans-Regular'; color:#333; overflow-x:hidden; -webkit-tap-highlight-color:transparent; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea, button, select{ font-size:0.833vw; font-family:'SourceHanSans-Regular'; -webkit-appearance:none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#333; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#286cb5; }
table{ border-collapse:collapse; border:0;}
*{ margin:0; padding:0; border:0; font-size:100%; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:91.6%; margin:0 auto; }
.pw{ width:73%; margin:0 auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none !important;}
.c-golden{ color:#a78b6b;}


@font-face {
	font-family: 'SourceHanSans-Bold';
	src: url('../fonts/SourceHanSans-Bold.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SourceHanSans-Medium';
	src: url('../fonts/SourceHanSans-Medium.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'SourceHanSans-Regular';
	src: url('../fonts/SourceHanSans-Regular.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'hzgb';
	src: url('../fonts/汉真广标.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: "TaipeiSansTCBeta-Regular";
  src: url("../font/TaipeiSansTCBeta-Regular.woff") format("woff"),
       url("../font/TaipeiSansTCBeta-Regular.ttf") format("truetype"),
       url("../font/TaipeiSansTCBeta-Regular.eot") format("embedded-opentype"),
       url("../font/TaipeiSansTCBeta-Regular.svg") format("svg"),
       url("../font/TaipeiSansTCBeta-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: "iconfont"; /* Project id 3388405 */
  src: url('../fonts/iconfont.woff2?t=1652104029778') format('woff2'),
       url('../fonts/iconfont.woff?t=1652104029778') format('woff'),
       url('../fonts/iconfont.ttf?t=1652104029778') format('truetype');
}

.iconfont {
  font-family:"iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/**index**/
.rlHead{ background:#fff; width:91.6%; position:fixed; left:4.2%; top:26px; z-index:99; padding:0 2.23vw 0 1.66vw; border-radius:0.9375vw; transition:all 0.6s ease;}
.rlHead.topFix{ width:100%; top:0; padding:0 4.2%; left:0; border-radius:0; box-shadow:0 0 5px rgba(0,0,0,.2);}
.rlHead-logo{ width:19.47vw; margin-top:0.9375vw;}
.rlHead-nav li{ float:left; padding:0 1.822vw; animation:fadeInDown alternate 1s; position:relative;}
.rlHead-nav li a.far{ padding:0 0.416vw; display:block; position:relative; line-height:5.2vw; color:#444;}
.rlHead-nav li a.far span{ display:block; transition:ease .65s;transform:translateY(100%); opacity:0; visibility:hidden; text-transform:capitalize;}
.rlHead-nav li a.far em{ position:absolute; left:0; top:0; display:block; text-align:center; width:100%; transition:ease .65s; transform:translateY(0); opacity:1; visibility:visible; font-style:normal;}
.rlHead-nav li a.far:before{ content:''; background:#0061ae; width:0; height:3px; position:absolute; left:50%; bottom:0; transform:translateX(-50%); transition:all 0.4s;}
.rlHead-nav li.active a.far, .rlHead-nav li:hover a.far{ color:#286cb5;}
.rlHead-nav li.active a.far span, .rlHead-nav li:hover a.far span{ transform:translateY(0); opacity:1; visibility:visible;}
.rlHead-nav li.active a.far em, .rlHead-nav li:hover a.far em{ transform:translateY(-100%); opacity:0; visibility:hidden;}
.rlHead-nav li.active a.far:before, .rlHead-nav li:hover a.far:before{ width:31px;}
.rlHead-nav li .subNav{ background:#286cb5; width:100%; position:absolute; left:0; top:100%; padding:10px 0; display:none;}
.rlHead-nav li .subNav a{ display:block; color:#fff; padding:7px 0; font-size:0.729vw; text-align:center;}
.rlHead-nav li .subNav a:hover{ background:#fff; color:#286cb5;}


.rlBanner{ position:relative; width:100%; height:100vh; overflow:hidden;}
.rlBanner li{ position:relative;}
.rlBanner li .picBox{ position:relative;overflow:hidden; width:100%; height:100vh;}
.rlBanner li .pic{ background-position:center; background-repeat:no-repeat; background-size:cover; width:100%; height:100%; transition:ease 1s;}
.rlBanner li .txtBox{ color:#fff; position:absolute; left:16.66%; top:50%; transform:translateY(-50%); z-index:2;}
.rlBanner li .txtBox .t-boxt{ opacity:0; transition:ease 1s; transform:translateX(-50%);}
.rlBanner li .txtBox .bt{ font-family:'hzgb'; font-size:3.125vw;}
.rlBanner li .txtBox .bc{ font-size:1.04vw; font-weight:lighter; line-height:2.5vw; margin-top:0.833vw;}
.rlBanner li .txtBox .bs{ font-size:1.04vw; line-height:1.875vw; margin-top:0.833vw;}
.rlBanner li.swiper-slide-active .t-boxt, .rlBanner li.swiper-slide-duplicate-active .t-boxt{ transform:translateX(0); opacity:1; transition-delay:1s;}
.rlBanner .swiper-pagination{ font-size:0; bottom:3.125vw !important;}
.rlBanner .swiper-pagination-bullet{ background:#fff; width:12px; height:12px; margin:0 4px !important; transition:all 0.4s; opacity:1; border-radius:0;}
.rlBanner .swiper-pagination-bullet-active{ background:#19c0e3; width:36px; }

.scroll-div {  width:2.7vw; text-align:center; position:absolute; bottom:2.23vw; right:4.2vw; z-index:10; }
.scroll-div .arrow{ width:100%; height:2.7vw; color:#fff; font-size:1.04vw; display:inline-block; margin-bottom:1.145vw; border:1px #fff solid; border-radius:50%;}
.scroll-div .arrow i{ display:inline-block; position:relative; animation:moveDownSpot 1000ms infinite; -webkit-animation:moveDownSpot 1000ms infinite; -moz-animation:moveDownSpot 1000ms infinite;}
.scroll-div .txt { font-size:0.729vw; color:#fff; transform:rotate(90deg); display:block; text-transform:uppercase;}
.scroll-div .bar { width:1px; height:4.16vw; margin-top:1.145vw; position:relative; display:inline-block; cursor:pointer; overflow:hidden; }
.scroll-div .bar::after { content:""; background-color:#fff; left:0; top:-100%; height:100%; width:100%; position:absolute; -webkit-animation:slide-down 2s infinite; animation:slide-down 2s infinite; }

@keyframes slide-down {
    0% { top: -100%;}
    100% { top: 100%;}
}

@keyframes moveDownSpot {
	from{
		opacity: 1;
		top: 5px;
	}
	to{
		opacity:0;
		top: 0.729vw;
	}
}


.rlAbout{ display:flex; flex-wrap:wrap;}
.rlAbout-left{ width:50%; padding-top:6.7vw; overflow:hidden;}
.rlAbout-left .title{ padding-left:8.4%; font-family:'hzgb'; color:#317abf;}
.rlAbout-left .title .en{ font-size:3.75vw; text-transform:uppercase; position:relative;}
.rlAbout-left .title .en:before{ content:''; background-image: linear-gradient(to right, #7ae8ff , #e2faff); width:9.89vw; height:0.88vw; position:absolute; left:0; top:2.6vw; z-index:-1;}
.rlAbout-left .title .cn{ font-size:1.875vw; margin-top:1.04vw;}
.rlAbout-left .found { background:#2f79be; width:16vw; color:#fff; padding:2.65vw 2.08vw 2.65vw 1.82vw; margin-top:1.875vw;}
.rlAbout-left .found .ft{ font-family:'SourceHanSans-Bold'; font-size:3.75vw; line-height:1;}
.rlAbout-left .found .fn{ font-family:'SourceHanSans-Bold'; font-size:1.04vw; margin-top:0.52vw;}
.rlAbout-left .found .fc{ font-size:0.729vw; text-transform:uppercase; line-height:1.25vw; margin-top:0.52vw;}
.rlAbout-left .found .fl{ background:#1cb7de; width:3.54vw; height:0.208vw; position:relative; display:block; margin-top:0.78vw;}
.rlAbout-left .found .fl:before{ content:''; background:#fff; width:0.572vw; height:100%; position:absolute; right:-0.677vw; top:0;}
.rlAbout-left .thumb{ width:100%; height:26.14vw; overflow:hidden;}
.rlAbout-left .thumb > span{ background-position:center; background-size:cover; width:100%; height:100%; display:inline-block; transition:all 0.4s ease;}
.rlAbout-left .thumb:hover span{ transform:scale(1.1);}

.rlAbout-right{ background:#f2f2f2; width:50%; padding:11.45vw 4.2% 0 3.38vw;}
.rlAbout-right .tit{ font-family:'SourceHanSans-Bold'; font-size:1.875vw; line-height:3.125vw;}
.rlAbout-right .view{ display:inline-block; line-height:1.66vw; margin-top:5.46vw; color:#666;}
.rlAbout-right .view > i{ font-size:2.7vw; display:inline-block; vertical-align:top; margin-left:0.833vw;}
.rlAbout-right .view:before{ content:''; background:#2f79be; width:1.66vw; height:1.66vw; position:absolute; right:-0.625vw; top:0; z-index:-1; transition:all 0.4s ease;}
.rlAbout-right .view:hover{ color:#fff;}
.rlAbout-right .view:hover:before{ width:100%;}
.rlAbout-right .text{ max-height:75vw; line-height:1.875vw; color:#666; margin-top:4.16vw; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }


.rlProduct{ margin-top:7.29vw; padding-bottom:7.29vw; position:relative; overflow:hidden;}
.rlProduct:before{ content:''; background:#f3f3f3; width:100%; height:calc(100% - 8vw); position:absolute; left:0; bottom:0; }
.rlProduct-head{ padding-left:4.2%; position:relative; z-index:2;}
.rlProduct-head .title{ font-family:'hzgb'; color:#317abf;}
.rlProduct-head .title .en{ font-size:3.75vw; text-transform:uppercase; position:relative;}
.rlProduct-head .title .en:before{ content:''; background-image: linear-gradient(to right, #7ae8ff , #e2faff); width:9.89vw; height:0.88vw; position:absolute; left:0; top:2.6vw; z-index:-1;}
.rlProduct-head .title .cn{ font-size:1.875vw; margin-top:1.04vw;}
.rlProduct-head .title .li{ background:#286cb5; width:3.54vw; height:0.208vw; position:relative; display:block; margin-top:1.82vw;}
.rlProduct-head .title .li:before{ content:''; background:#7ae8ff; width:0.572vw; height:100%; position:absolute; right:-0.677vw; top:0;}
.rlProduct-head .column{ background:#286cb5; width:65.6vw; display:flex; flex-wrap:wrap; padding:3.8vw 0 3.8vw 4.68vw;}
.rlProduct-head .column a{ width:20%; text-align:center; color:#fff;}
.rlProduct-head .column a .icon{ width:4.27vw; height:4.27vw; text-align:center; line-height:4.27vw; color:#fff; display:inline-block; vertical-align:top; font-size:2.13vw; border:1px #fff solid; border-radius:50%; transition:all 0.6s ease;}
.rlProduct-head .column a .name{ margin-top:1.04vw;}
.rlProduct-head .column a:hover .icon{ background:#fff; color:#286cb5; transform:rotateY(360deg);}

.rlProduct-list{ overflow:hidden; position:relative; padding-left:4.2%; margin-top:5.05vw;}
.rlProduct-list li{ opacity:.2;}
.rlProduct-list li.swiper-slide-active{ opacity:1;}
.rlProduct-list li.swiper-slide-next{ opacity:1;}
.rlProduct-list li .thumb{ background:#ced9e6; display:flex; justify-content:center; align-items:center; height:21.6vw;}
.rlProduct-list li .thumb img{ max-height:100%;}
.rlProduct-list li .cont{ background:#fff; line-height:6.7vw; padding:0 1.66vw 0 2.08vw; transition:all 0.4s ease;}
.rlProduct-list li .cont .cn{ color:#444; font-size:1.145vw; transition:all 0.4s ease;}
.rlProduct-list li .cont .mo{ color:#286cb5; text-transform:uppercase; font-style:normal; position:relative; padding-right:2.76vw;  transition:all 0.4s ease;}
.rlProduct-list li .cont .mo > em{ background:#286cb5; width:1.66vw; height:1.66vw; position:absolute; right:0; top:50%; margin-top:-0.83vw; }
.rlProduct-list li .cont .mo > em:before{ content:''; background:url(../images/rlProduct-more.png) no-repeat center; width:100%; height:100%; display:inline-block; position:absolute; left:0; top:0; transition:all 0.4s ease;}
.rlProduct-list li:hover .cont:hover{ background:#286cb5;}
.rlProduct-list li:hover .cont:hover .cn{ color:#fff;}
.rlProduct-list li:hover .cont:hover .mo{ color:#fff;}
.rlProduct-list li:hover .cont .mo >em:before{ transform:rotate(45deg);}



.rlBusiness{ padding:5.72vw 0 7.29vw 0;}
.rlBusiness-left{ width:37%;}
.rlBusiness-left .title{ font-family:'hzgb'; color:#317abf;}
.rlBusiness-left .title .en{ font-size:3.75vw; text-transform:uppercase; position:relative;}
.rlBusiness-left .title .en:before{ content:''; background-image: linear-gradient(to right, #7ae8ff , #e2faff); width:9.89vw; height:0.88vw; position:absolute; left:0; top:2.6vw; z-index:-1;}
.rlBusiness-left .title .cn{ font-size:1.875vw; margin-top:1.04vw;}
.rlBusiness-left .title .li{ background:#286cb5; width:3.54vw; height:0.208vw; position:relative; display:block; margin-top:1.82vw;}
.rlBusiness-left .title .li:before{ content:''; background:#7ae8ff; width:0.572vw; height:100%; position:absolute; right:-0.677vw; top:0;}
.rlBusiness-left .word{ margin-top:1.97vw; overflow:hidden; height:10.9vw;}
.rlBusiness-left .word .wt{ font-size:1.145vw; font-family:'SourceHanSans-Bold'; line-height:1;}
.rlBusiness-left .word .wt label{ font-size:1.56vw; margin-right:0.625vw; display:inline-block;}
.rlBusiness-left .word .wc{ color:#666; font-size:0.729vw; line-height:1.45vw; height:5.8vw; margin-top:0.9375vw; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; transition:all 0.4s ease; }
.rlBusiness-left .word .wm{ position:relative; display:inline-block; line-height:1.66vw; color:#666; margin-top:0.9375vw;}
.rlBusiness-left .word .wm > i{ font-size:2.7vw; display:inline-block; vertical-align:top; margin-left:0.833vw;}
.rlBusiness-left .word .wm:before{ content:''; background:#2f79be; width:1.66vw; height:1.66vw; position:absolute; right:-0.625vw; top:0; z-index:-1; transition:all 0.4s ease;}
.rlBusiness-left .word .wm:hover{ color:#fff;}
.rlBusiness-left .word .wm:hover:before{ width:calc(100% + 0.625vw);}

.rlBusiness-right{ width:54%; position:relative;}
.rlBusiness-rightSider{ overflow:hidden;}
.rlBusiness-rightSider li{ height:33.125vw; overflow:hidden;}
.rlBusiness-rightSider li .pic{ background-position:center; background-size:cover; width:100%; height:100%; display:block; transition:all 0.4s ease;}
.rlBusiness-rightSider li:hover .pic{ transform:scale(1.05);}
.rlBusiness-rightSider .scrollbar{ font-family:'hzgb'; color:#fff; font-size:1.04vw; position:absolute; z-index:2; left:1.82vw; bottom:2.08vw;}
.rlBusiness-rightSider .scrollbar .current{ font-size:1.875vw;}
.rlBusiness-rightSider .rlBusiness-next, .rlBusiness-rightSider .rlBusiness-prev{ background:#286cb5; width:4.84vw; height:4.84vw; line-height:4.84vw; color:#fff; font-size:2.7vw; text-align:center; position:absolute; bottom:0; cursor:pointer;}
.rlBusiness-rightSider .rlBusiness-next{ right:auto; left:-4.84vw;}
.rlBusiness-rightSider .rlBusiness-next.swiper-button-disabled{ background:#ededed; color:#1d1d1d;}
.rlBusiness-rightSider .rlBusiness-prev{ left:-9.68vw; transform:rotateY(180deg);}
.rlBusiness-rightSider .rlBusiness-prev.swiper-button-disabled{ background:#ededed; color:#1d1d1d;}


.rlNews{ padding:4.94vw 0; position:relative; overflow:hidden;}
.rlNews:before{ content:''; background:#286cb5; width:50%; height:100%; position:absolute; left:0; top:0; z-index:-1;}
.rlNews-head{ position:relative; z-index:2;}
.rlNews-head .title{ font-family:'hzgb'; color:#fff;}
.rlNews-head .title .en{ font-size:3.75vw; text-transform:uppercase; position:relative;}
.rlNews-head .title .en:before{ content:''; background-image: linear-gradient(to right, #7ae8ff , #2b70b7); width:9.89vw; height:0.88vw; position:absolute; left:0; top:2.6vw; z-index:-1;}
.rlNews-head .title .cn{ font-size:1.875vw; margin-top:1.04vw;}
.rlNews-head .title .li{ background:#fff; width:3.54vw; height:0.208vw; position:relative; display:block; margin-top:1.82vw;}
.rlNews-head .title .li:before{ content:''; background:#7ae8ff; width:0.572vw; height:100%; position:absolute; right:-0.677vw; top:0;}
.rlNews-head .tabs{ position:absolute; right:10.4vw; top:3.64vw;}
.rlNews-head .tabs a{ float:left; padding:0 1.4vw; margin-left:3.85vw; position:relative; line-height:1.66vw;}
.rlNews-head .tabs a:before{ content:''; background:#286cb5; width:0; height:2px; position:absolute; left:50%; bottom:-0.78vw; transition:all 0.4s ease;}
.rlNews-head .tabs a.active, .rlNews-head .tabs a:hover{ color:#286cb5;}
.rlNews-head .tabs a.active:before, .rlNews-head .tabs a:hover:before{ width:100%; left:0;}
.rlNews-head .view{ position:absolute; right:0; top:3.64vw; display:inline-block; line-height:1.66vw; color:#666;}
.rlNews-head .view > i{ font-size:2.7vw; display:inline-block; vertical-align:top; margin-left:0.833vw;}
.rlNews-head .view:before{ content:''; background:#2f79be; width:1.66vw; height:1.66vw; position:absolute; right:-0.625vw; top:0; z-index:-1; transition:all 0.4s ease;}
.rlNews-head .view:hover{ color:#fff;}
.rlNews-head .view:hover:before{ width:calc(100% + 0.625vw);}

.rlNews-list{ background:#fff; margin-top:3.125vw; padding:0 2.34vw; position:relative;}
.rlNews-listSider{ overflow:hidden;}
.rlNews-listSider li{ padding:3.43vw; transition:all 0.4s ease; position:relative; perspective:1000px; -webkit-perspective:1000px; border-right:1px #ccc solid; }
.rlNews-listSider li:before{ content: ""; background:#286cb5; width:100%; height:100%; position:absolute; left:0; top:0; opacity:0; z-index:-1; visibility:hidden; transform:rotateY(45deg); -webkit-transform:rotateY(45deg); -moz-transform:rotateY(45deg); transform-origin:left center 0; transition:0.6s;}
.rlNews-listSider li .num{ display:inline-block; font-family:'hzgb'; font-size:1.875vw; color:#444; transition:all 0.4s ease;}
.rlNews-listSider li .title{ font-size:1.04vw; line-height:1.56vw; height:3.12vw; margin-top:1.45vw; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:all 0.4s ease; }
.rlNews-listSider li .date{ font-size:0.729vw; display:inline-block; margin-top:1.3vw; color:#999; transition:all 0.4s ease;}
.rlNews-listSider li .text{ font-size:0.729vw; color:#666; line-height:1.56vw; height:3.12vw; margin-top:1.3vw; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:all 0.4s ease; }
.rlNews-listSider li .icon{ font-size:1.66vw; color:#b5b5b5; margin-top:0.78vw; display:inline-block; transition:all 0.4s ease;}
.rlNews-listSider li .thumb{ height:10.15vw; overflow:hidden; margin-top:1.3vw;}  
.rlNews-listSider li .thumb span{ background-position:center; background-size:cover; width:100%; height:100%; display:block; transition:all 0.4s ease;}
.rlNews-listSider li:hover:before{  opacity:1; visibility:visible; transform:rotateY(0deg); -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg);}
.rlNews-listSider li:hover .num{ color:#fff;}
.rlNews-listSider li:hover .title{ color:#fff;}
.rlNews-listSider li:hover .date{ color:#fff;}
.rlNews-listSider li:hover .text{ color:#fff;}
.rlNews-listSider li:hover .icon{ color:#fff;}
.rlNews-listSider li:hover .thumb span{ transform:scale(1.05);}
.rlNews-listSider .swiper-button-next, .rlNews-listSider .swiper-button-prev{ background:#fff; width:3.125vw; height:3.125vw; line-height:3.125vw; }
.rlNews-listSider .swiper-button-next .iconfont, .rlNews-listSider .swiper-button-prev .iconfont{ font-size:2.7vw; display:inline-block; position:absolute; top:0; transition:all 0.4s ease;}
.rlNews-listSider .swiper-button-next{ background:#286cb5; color:#eee; right:-3.125vw;}
.rlNews-listSider .swiper-button-next .iconfont{ right:1.04vw;}
.rlNews-listSider .swiper-button-next:hover .iconfont{ right:0;}
.rlNews-listSider .swiper-button-prev{ left:-3.125vw; transform:rotateY(180deg); color:#286cb5;}
.rlNews-listSider .swiper-button-prev .iconfont{ left:-1.04vw;}
.rlNews-listSider .swiper-button-prev:hover .iconfont{ left:0;}


.rlFooter{ background:#343434; position:relative; z-index:2;}
.rlFooter-top{ padding:4vw 0 2.81vw 0; border-bottom:1px #272727 solid;}
.rlFooter-top .f-logo{ width:18.85vw;}
.rlFooter-top .f-links a{ float:left; position:relative; margin-left:2.34vw;}
.rlFooter-top .f-links a .icon{ color:#dedede; font-size:24px; transition:all 0.4s ease;}
.rlFooter-top .f-links a .code{ background-color:#fff; position:absolute; left:-47px; bottom:80px; visibility:hidden; opacity:0; -webkit-transition:all 400ms; transition:all 400ms; border:7px #286cb5 solid;}
.rlFooter-top .f-links a .code img{ max-width:inherit !important; width:100px; height:100px; }
.rlFooter-top .f-links a .code em{ display:block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #286cb5; position:absolute; left:50%; margin-left:-8px; bottom:-13px;}
.rlFooter-top .f-links a:hover .code{ visibility:visible; opacity:1; bottom:38px; }
.rlFooter-top .f-links a:hover .icon{ color:#286cb5;}
.rlFooter-middle{ padding:3.38vw 0 1.04vw 0; border-bottom:1px #272727 solid;}
.rlFooter-middle .menu{ min-width:9.63vw; float:left;}
.rlFooter-middle .menu dt{ color:#fff; padding-bottom:1.04vw;}
.rlFooter-middle .menu dd a{ display:block; color:#999; font-size:0.729vw; line-height:1.56vw;}
.rlFooter-middle .menu dd a:hover{ color:#fff;}
.rlFooter-middle .online{ text-align:right; color:#fff; display:flex;}
.rlFooter-middle .online .btn{ background:#286cb5; display:inline-block; line-height:2.6vw; color:#fff; padding:0 2.08vw; margin-bottom:1.3vw; border-radius:1.3vw;}
.rlFooter-middle .online .tel{ font-size:1.25vw; margin-top:0.625vw;}
.rlFooter-middle .online .pic{ background:#286cb5; width:7.29vw; padding:0.52vw; margin-left:0.833vw; border-radius:10px;}
.rlFooter-btm{ font-size:0.729vw; padding:1.3vw 0; text-align:center; color:#999;}
.rlFooter-btm a{ color:#999;}
.rlFooter-btm a:hover{ color:#fff;}


/**产品中心**/
.pbanner{ position:relative;}
.pbanner img{ width:100%;}
.pbanner-text{ width:91.6%; position:absolute; left:4.2%; bottom:8.9vw; color:#fff; z-index:2; padding-top:2.08vw; text-align:center; font-family:"TaipeiSansTCBeta-Regular";}
.pbanner-text:before{ content:""; background:#fff; width:1px; height:1.04vw; position:absolute; left:50%; top:0;}
.pbanner-text .en{ font-size:1.66vw; line-height:1; padding-bottom:0.625vw; text-shadow:0 0 7px rgba(0,0,0,0.35);}
.pbanner-text .cn{ line-height:1; font-size:2.5vw; font-weight:bold; margin-bottom:1.3vw; text-shadow:0 0 7px rgba(0,0,0,0.35); }
.pbanner-text .mouse{ display:block; margin:auto; width:1.4vw; height:2.23vw; border:2px solid #fff; border-radius:8px; position:relative; }
.pbanner-text .mouse:before{ content: ""; background:#fff;  width:6px; height:6px; border-radius:50%; position:absolute; left:50%; margin-left:-3px; top:10px; animation:moveDownSpot 1000ms infinite; -webkit-animation:moveDownSpot 1000ms infinite; -moz-animation:moveDownSpot 1000ms infinite;}
@keyframes moveDownSpot {
	from{
		opacity: 1;
		top: 10px;
	}
	to{
		opacity: 0.2;
		top: 26px;
	}
}

.pbanner-menu{ background:rgba(40,108,181,.8); width:100%; text-align:center; position:absolute; left:0; bottom:0; z-index:2;}
.pbanner-menu a{ display:inline-block; position:relative; z-index:4; color:#fff; line-height:3.385vw; padding:0 1.56vw; perspective:800px; -webkit-perspective:800px;}
.pbanner-menu a:before{ content:"";  background:#286cb5; width:100%; height:100%; position:absolute; left:0; top:0; z-index:-1; opacity:0; visibility:hidden; transform-origin:top center 0; transform:rotateX(-80deg); transition:0.48s;} 
.pbanner-menu a.active, .pbanner-menu a:hover{ color:#fff;}
.pbanner-menu a.active:before, .pbanner-menu a:hover:before{ opacity:1; visibility:visible; transform:rotateX(0deg);}


.pproduct-section{ background:#f6f9fb; padding:3.125vw 0 4.37vw 0;}
.pproduct-list{ margin-left:-10px; position:relative;}
.pproduct-list li{ width:33.33%; float:left; margin-bottom:1.822vw; transition:all 0.4s ease;}
.pproduct-list li a{ background:#fff; display:block; padding:2.86vw 0 1.66vw 0; margin:0 10px; text-align:center; border:1px solid #eee;}
.pproduct-list li .title{ line-height:1; margin-bottom:1.822vw; font-size:1.04vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pproduct-list li .thumb{ height:10.41vw; position:relative; }
.pproduct-list li .thumb img{ display:block; max-width:90% !important; max-height:100%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; transition:0.58s;}
.pproduct-list li .desc{ color:#666; line-height:1.45vw; margin-top:1.3vw; padding:0 1.45vw; height:2.9vw; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; transition:all 0.4s ease;}
.pproduct-list li .view{ background:#286cb5; display:block; width:2.08vw; height:2.08vw; line-height:2.08vw; color:#fff; margin:auto; margin-top:0.78vw; border-radius:50%; text-align:center; position:relative; opacity:0; visibility:hidden; transition:0.45s; transform:rotateY(-90deg); -webkit-transform:rotateY(-180deg);}
.pproduct-list li:hover a{ box-shadow:0 0 10px rgba(0,0,0,.2);}
.pproduct-list li:hover .thumb img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.pproduct-list li:hover .view{ opacity:1; visibility:visible; transform:rotateY(0deg); -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg);}


.pproduct-details{ padding:4.68vw 3.64vw; position:relative; font-size:0;}
.pproduct-details-list .figure{ width:45%; display:inline-block; text-align:center; vertical-align:middle;}
.pproduct-details-list .word{ width:55%; padding-left:4%; display:inline-block; vertical-align:middle;}
.pproduct-details-list .word .t{ font-size:1.56vw; font-weight:bold;}
.pproduct-details-list .word .c{ font-size:0.833vw; line-height:1.875vw; color:#666; margin-top:1.56vw;}
.pproduct-details-prev, .pproduct-details-next{ background:#ededed; width:2.6vw; line-height:2.6vw; text-align:center; font-size:0.9375vw; font-weight:bold; position:absolute; top:50%; transform:translateY(-50%); border-radius:50%; transition:0.48s;}
.pproduct-details-prev:hover, .pproduct-details-next:hover{ background:#286cb5; color:#fff;}
.pproduct-details-prev{ left:0;}
.pproduct-details-next{ right:0;}

.pproduct-return{ text-align:center; padding-bottom:2.6vw;}
.pproduct-return a{ background:#f0f0f0; line-height:3vw; color:#666; display:inline-block; padding:0 3.64vw; border-radius:2.6vw;}
.pproduct-return a:hover{ background:#286cb5; color:#fff;}


.ppage{ text-align:center; padding-top:2.34vw;}
.ppage a{ display:inline-block; vertical-align:top; width:3.125vw; height:3.125vw; line-height:3.125vw; margin:0 10px; }
.ppage .nowpage{ background:#286cb5; display:inline-block; vertical-align:top; width:3.125vw; height:3.125vw; line-height:3.125vw; color:#fff;}
.ppage a:hover{ background:#286cb5; color: #fff;}


/**新闻动态**/
.pnews-list li{ margin-bottom:20px;}
.pnews-list li .tex-time{ float:left; width:10%; margin-top:2.76vw; font-size:1.56vw; line-height:1.56vw; }
.pnews-list li .tex-time > span{ font-size:0.9375vw; }
.pnews-list li .tex-box{ float:right; padding:1.822vw 0; width:79.6%; margin-right:-4.615%; transition:all .5s ease; padding-right:4.615%; }
.pnews-list li .tex-box .pic{ background-position:center; background-size:cover; float:left; width:40%; height:12.4vw; margin-left:-20.376%; border-radius:10px; transition:all .5s ease; }
.pnews-list li .tex-box .word{ float:right; width:66.6666%; }
.pnews-list li .tex-box .word .t{ font-size:1.04vw; font-weight:bold; line-height:1.5; margin-top:2.08vw; transition: all .5s ease; }
.pnews-list li .tex-box .word .c{ font-size:0.729vw; line-height:2; color:rgba(0,0,0,.5); margin-top:2.08vw; transition:all .5s ease; text-align:justify; }
.pnews-list li:hover .tex-box{ background-color:#fff; border-radius:10px; -webkit-box-shadow:0 0 54px rgba(29, 56, 75, .26); -moz-box-shadow:0 0 54px rgba(29, 56, 75, .26); box-shadow: 0 0 54px rgba(29, 56, 75, .26); }
.pnews-list li:hover .tex-box .pic{  margin-left:-23.376%; }
.pnews-list li:hover .tex-box .t{ color:#286cb5; }
.pnews-list li:hover .tex-box .c{ color:#000; }

.pnews-details{ background:#fff; padding:4.16vw; border-radius:1.04vw;}
.pnews-details-title{ font-size:1.56vw; font-weight:bold;}
.pnews-details-date{ padding:1.04vw 0 2.08vw 0; color:#286cb5;}
.pnews-details-content{ line-height:1.66vw;}

.pnews-details-more{ text-align:center; padding-top:2.6vw;}
.pnews-details-more a{ background:#286cb5; line-height:3vw; color:#fff; display:inline-block; padding:0 3.64vw; border-radius:2.6vw;}
.pnews-details-more a:hover{ transform:translateY(-10px);}


/**联系我们**/
.pcontact{ display:flex; align-items:center; padding-bottom:1px;}
.pcontact-map{ width:53.33%; height:46.8vw; position:relative; overflow:hidden;}
.pcontact-map .sha-map { background-image:url(../images/cu-map.png); background-size:100% 100%; width:104%; height:104%; position:absolute; left:50%; top:50%; pointer-events:none; transform:translate(-50%, -50%); }

.pcontact-inner{ width:46.66%; padding-left:4.6875%; padding-right:13.02%; position:relative; z-index:2;}
.pcontact-inner dl { display:flex; align-items:center; padding:1.56vw 0; }
.pcontact-inner dl dt { color:#286cb5; font-size:1.87vw; line-height:1; margin-right:4.68vw; }
.pcontact-inner dl dd .t{ color:#286cb5; font-size:1.25vw; line-height:1; margin-bottom:0.78vw; text-transform:capitalize; }
.pcontact-inner dl dd .c{ font-size:0.9375vw; line-height:1.4; letter-spacing:.1em; }
.pcontact-inner .in-code { display:flex; align-items:flex-start; justify-content:space-between; width:100%; margin-top:2.6vw; }
.pcontact-inner .in-code .tit { font-size:0.729vw; margin-top:0.833vw; line-height:1.357; white-space:nowrap; text-align:center; }


/**业务范围**/
.pbusiness-list{ padding:5.2vw 0;}
.pbusiness-list li{ display:flex; align-items:center; position:relative; }
.pbusiness-list li .thumb { background-color:#000; width:50%; position:relative; overflow:hidden; }
.pbusiness-list li .thumb::before { content:''; display:block; margin-top:100%; margin-left:100%; }
.pbusiness-list li .thumb > span { width:100%; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); transition:all .5s ease-in-out; }
.pbusiness-list li .word{ width:50%; text-align:left; padding-right:2.6vw; }
.pbusiness-list li .word .wn { font-family:'hzgb'; font-size:2.6vw; color:#286cb5; display:block; line-height:1; }
.pbusiness-list li .word .wt { margin:2.6vw 0 2.08vw; font-size:1.875vw; color:#000; font-weight:700; }
.pbusiness-list li .word .wc { line-height:1.875; text-align:left; color:#666; }
.pbusiness-list li .word .wm{ position:relative; display:inline-block; line-height:1.66vw; color:#666; margin-top:2.6vw;}
.pbusiness-list li .word .wm .iconfont{ font-size:2.7vw; display:inline-block; vertical-align:top; margin-left:0.833vw;}
.pbusiness-list li .word .wm:before{ content:''; background:#2f79be; width:1.66vw; height:1.66vw; position:absolute; right:-0.625vw; top:0; z-index:-1; transition:all 0.4s ease;}
.pbusiness-list li:hover .word .wm{ color:#fff;}
.pbusiness-list li:hover .word .wm:before{ width:calc(100% + 0.625vw);}
.pbusiness-list li:hover .thumb span { transform:translate(-50%, -50%) scale(1.1); opacity:.8; }
.pbusiness-list li:nth-child(odd) { flex-direction:row-reverse; }
.pbusiness-list li:nth-child(even) .word{ text-align:right; padding-right:0; padding-left:2.6vw;}


/**人力资源**/
.phuman-banner{ background-position:center; background-size:cover; width:100%; height:100vh; position:relative; display:flex; justify-content:center; align-items:center; text-align:center;}
.phuman-banner .title .cn{ font-size:1.979vw; font-weight:700; line-height:1; color:#fff;}
.phuman-banner .title .en{ font-size:1.45vw; line-height:1; text-transform:uppercase; color:#fff; margin-top:0.52vw;}
.phuman-banner .title .li{ background:#fff; width:1px; height:2.44vw; display:inline-block; margin-top:2.08vw;}
.phuman-banner .concept{ margin-top:1.822vw;}
.phuman-banner .concept .ct{ display:inline-block; font-size:0.9375vw; font-weight:bold; text-decoration-line:underline;}
.phuman-banner .concept .cc{ line-height:1.56vw; margin-top:0.78vw;}
.phuman-banner .column{ margin-top:2.6vw;}
.phuman-banner .column a{ background:#286cb5; width:6.45vw; height:6.45vw; display:inline-block; margin:0 1.56vw; padding-top:1.35vw; color:#fff; position:relative; border-radius:50%;}
.phuman-banner .column a:before{ content:''; width:calc(100% - 0.625vw); height:calc(100% - 0.625vw); position:absolute; left:0.3125vw; top:0.3125vw; border-radius:50%; border:1px #fff solid; box-sizing:border-box;}
.phuman-banner .column a .ic{ font-size:1.77vw; display:block; margin-bottom:0.625vw;}
.phuman-banner .scroll { position:absolute; left:50%; bottom:2.6vw; -webkit-transform:translateX(-50%); transform:translateX(-50%); z-index:10; color:#fff;}
.phuman-banner .scroll i { width:0.833vw; height:1.77vw; position:relative; padding-top:16px; display:block; margin:auto; overflow:hidden; margin-bottom:12px; }
.phuman-banner .scroll i:before{ content:''; background:#fff; width:0.833vw; height:0.833vw; position:absolute; left:0; top:0; border-radius:50%;}
.phuman-banner .scroll i::after { content:""; background-color:#fff; left:0.36vw; top:-100%; height:0.9375vw; width:2px; position:absolute; -webkit-animation:slide-down 2s infinite; animation:slide-down 2s infinite; }
@keyframes slide-down {
    0% { top: -100%;}
    100% { top: 100%;}
}


.phuman-daily{ background-image:url(../images/daily-bg.png); background-position:center; background-size:cover; width:100%; padding:3.9vw 0;}
.phuman-daily .pw{ width:1100px;}
.phuman-daily-title{ width:240px; }
.phuman-daily-title .cn{ font-size:1.97vw; font-weight:700; line-height:1;}
.phuman-daily-title .en{ font-size:1.04vw; line-height:1; text-transform:uppercase; margin-top:0.78vw;}
.phuman-daily-inner{ background:#fff; width:860px; padding:2.08vw 1.56vw 2.34vw 3.12vw;}
.phuman-daily-inner .in-tabs{ width:calc(100% - 1.56vw); border-bottom:1px #eee solid;}
.phuman-daily-inner .in-tabs a{ color:#666; float:left; padding:0 0.833vw; line-height:2.39vw; margin-right:1.35vw;}
.phuman-daily-inner .in-tabs a.on{ background:#286cb5; color:#fff;}
.phuman-daily-inner .in-swith{ margin-top:1.822vw;}
.phuman-daily-inner .in-swith dd{ padding-right:1.56vw; line-height:1.56vw; height:19.27vw; overflow-y:auto; display:none;}
.phuman-daily-inner .in-swith dd:first-child{ display:block;}
.phuman-daily-inner .in-swith dd::-webkit-scrollbar { width:3px; }
.phuman-daily-inner .in-swith dd::-webkit-scrollbar-track { background:#eee; }
.phuman-daily-inner .in-swith dd::-webkit-scrollbar-thumb { background:#286cb5;}


.phuman-posit{ background-image:url(../images/posit-bg.jpg); background-position:center; background-size:cover; padding:2.6vw 0 8.33vw 0;}
.phuman-posit .pw{ width:1100px;}
.phuman-posit .phuman-daily-title{ width:100%; text-align:center; padding-bottom:3.125vw;}
.phuman-posit-title{ background:#666; padding:0 2.8vw; line-height:3.125vw; font-weight:bold; text-align:center; display:flex; color:#fff;}
.phuman-posit-title span.name{ width:22%; text-align:left;}
.phuman-posit-title span.number{ width:9%;}
.phuman-posit-title span.where{ width:25%;}
.phuman-posit-title span.time{ width:17%;}
.phuman-posit-title span.view{ width:13%; margin-left:8%;}

.phuman-posit-list li{ background:#fff; margin-top:1px; display:flex; line-height:3.125vw; text-align:center; padding:0 2.8vw;}
.phuman-posit-list li .name{ width:22%; text-align:left;}
.phuman-posit-list li .number{ width:9%;}
.phuman-posit-list li .where{ width:25%;}
.phuman-posit-list li .time{ width:17%;}
.phuman-posit-list li .view{ width:13%; margin-left:8%; font-weight:bold; font-size:0.9375vw; color:#c4c4c4;}
.phuman-posit-list li .view:hover{ transform:rotate(180deg); color:#286cb5;}


.phuman-details{ background:#f4f4f4; padding-bottom:30px;}
.phuman-details-warp{ background:#fff; width:1100px; margin:auto; margin-top:-80px; position:relative; z-index:2; padding:2.6vw 2.86vw; border-top:2px #286cb5 solid;}
.phuman-details-left{ width:170px; text-align:center;}
.phuman-details-left .apply{ background:#286cb5; display:block; margin-top:0.78vw; color:#fff; line-height:2.39vw; border:1px #286cb5 solid; border-radius:30px;}

.phuman-details-right{ width:770px;}
.phuman-details-head{ padding-bottom:1.04vw; border-bottom:1px #e7e7e7 solid;}
.phuman-details-head .name{ font-size:1.56vw; line-height:2.5vw; position:relative;}
.phuman-details-head .name:before{ content:''; background:#286cb5; width:100%; height:1px; position:absolute; left:0; bottom:-1.04vw;}
.phuman-details-head .return{ background:#286cb5; line-height:2.5vw; color:#fff; padding:0 1.09vw; border-radius:2.08vw;}
.phuman-details-head .return .iconfont{ font-size:1.04vw; margin-right:5px; vertical-align:top; display:inline-block;}
.phuman-details-ments{ padding:0.885vw 2.08vw; margin-top:1.09vw; border:1px #e7e7e7 solid;}
.phuman-details-ments dd{ min-width:33.33%; float:left; padding:0.67vw 0; color:#666;}
.phuman-details-text{ margin-top:1.822vw;}
.phuman-details-text .tt{ font-size:1.56vw;}
.phuman-details-text .tc{ color:#666; line-height:1.56vw; margin-top:1.04vw;}
.phuman-details-page{ background:#f4f4f4; padding:0.67vw 2.08vw; margin-top:1.82vw;}
.phuman-details-page a{ max-width:50%; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.phuman-details-page a:hover{ color:#286cb5;}


/**关于我们**/
.pabout-section{ padding:2.6vw 0;}
.pabout-head{ padding-bottom:2.08vw; border-bottom:1px #d7d7d7 solid;}
.pabout-head .title .en{ font-size:1.56vw; color:#286cb5; line-height:1.97vw;}
.pabout-head .title .cn{ font-size:1.77vw; line-height:1; margin-top:0.78vw;}
.pabout-head .data dl{ float:left; text-align:center; margin-left:5.2vw; padding-top:2.34vw;}
.pabout-head .data dl dt{ font-size:2.6vw; color:#666; line-height:1; position:relative;}
.pabout-head .data dl dt .unit{ font-size:0.729vw; color:#286cb5; vertical-align:top;}
.pabout-head .data dl dd{ color:#666; margin-top:0.52vw;}
.pabout-info{ color:#666; line-height:1.56vw; margin-top:2.08vw;}


.pabout-culture{ display:flex; flex-wrap:wrap; border-top:1px #E7E7E7 solid;}
.pabout-culture li{ width:33.33%; text-align:center; padding:1.04vw 0; border-bottom:1px #E7E7E7 solid; border-right:1px #E7E7E7 solid; cursor:pointer; transition:all 0.4s ease; }
.pabout-culture li .icon{ background:#B6B6B6; width:4.89vw; height:4.89vw; line-height:4.89vw; font-size:2.08vw; color:#fff; margin:auto; display:flex; justify-content:center; align-items:center; border-radius:50%; transition:all 0.6s ease;}
.pabout-culture li .title{ font-size:0.9375vw; padding:0.78vw 0; line-height:1;}
.pabout-culture li .text{ color:#666;}
.pabout-culture li:nth-child(3n+3){ border-right:0;}
.pabout-culture li:hover .icon{ background:#286cb5; transform:rotateY(360deg);}


.pabout-course{ position:relative; padding:0 80px;}
.pabout-course:before{ content:''; background:#286cb5; width:100%; height:1px; position:absolute; left:0; top:300px;}
.pabout-course-sider{ overflow:hidden;}
.pabout-course-sider li{ padding-left:25px;}
.pabout-course-sider li .li-iboxt{ width:290px; height:300px; position:relative;}
.pabout-course-sider li .ib-inner{ width:100%; position:absolute; left:0; bottom:0; padding:0 15px 30px 30px; border-left:1px #286cb5 solid;}
.pabout-course-sider li .ib-inner:before{ content:''; background:#fff; width:15px; height:15px; position:absolute; left:-7px; top:0; border:1px #286cb5 solid; border-radius:50%; box-sizing:border-box;}
.pabout-course-sider li .ib-inner .year{ font-size:1.04vw; color:#286cb5; font-weight:bold; line-height:1; padding-bottom:1.04vw;}
.pabout-course-sider li .ib-inner .text{  line-height:1.66vw; color:#666; max-height:230px; overflow-y:auto;}
.pabout-course-sider li .ib-inner .text::-webkit-scrollbar { width:3px; }
.pabout-course-sider li .ib-inner .text::-webkit-scrollbar-track { background:#ccc; }
.pabout-course-sider li .ib-inner .text::-webkit-scrollbar-thumb { background:#286cb5;}
.pabout-course-sider li:nth-child(2n+2) .li-iboxt{ margin-top:300px; }
.pabout-course-sider li:nth-child(2n+2) .ib-inner{ top:0; bottom:auto; padding:30px 15px 0 30px;}
.pabout-course-sider li:nth-child(2n+2) .ib-inner:before{ top:auto; bottom:0;}
.pabout-course-sider .swiper-button-next, .pabout-course-sider .swiper-button-prev{ background:url(../images/course-arrow.png) no-repeat; width:13px; height:15px; margin-top:-7.5px;}
.pabout-course-sider .swiper-button-prev{ left:0; }
.pabout-course-sider .swiper-button-next{ right:0; transform:rotate(180deg);}


.pabout-honor-item{ margin-top:2.08vw;}
.pabout-honor-item:first-child{ margin-top:0;}
.pabout-honor-item .hon-year{ font-size:1.25vw; font-weight:bold; color:#286cb5;}
.pabout-honor-item .hon-list{ margin-left:-13px; position:relative;}
.pabout-honor-item .hon-list li{ background:#fff; width:calc(25% - 13px); margin:1.56vw 0 0 13px; float:left; display:inline-block;}
.pabout-honor-item .hon-list li .pic{ height:10.4vw; display:flex; justify-content:center; align-items:center;}
.pabout-honor-item .hon-list li .pic img{ max-height:100%;}
.pabout-honor-item .hon-list li .tit{ height:2.9vw; margin-top:0.78vw; line-height:1.45vw; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }


.menuBtn { display: none; width:50px; height:100%; position:absolute; right:0; top:0; cursor: pointer; z-index: 100; }
.menuBtn .burger { display: block; width:32px; height:3px; position: absolute; left:7px; background:#317abf; transition: transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; transition: transform 277ms ease-in-out; -o-transition: 277ms ease-in-out; -ms-transition: 277ms ease-in-out; -moz-transition: 277ms ease-in-out; }
.menuBtn .burger-1 { top: 13px; }
.menuBtn .burger-2 { top: 24px; }
.menuBtn .burger-3 { top: 35px; }
.menuBtn.active .burger-1 { top: 24px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); background:#317abf; }
.menuBtn.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; background:#317abf; }
.menuBtn.active .burger-3 { top: 24px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background:#317abf; }
.menu-mark { width: 100%; height:calc(100% - 52px); position: fixed; background: rgba(0,0,0,0.6); left: 0; top:52px; z-index: 30; opacity: 0; visibility: hidden; transition: 340ms 130ms; }
.menu-mark.on { opacity: 1; visibility: visible; transition: 340ms 0ms; }
.menu-fix { width: 200px; position: fixed; display: none; right:2%; top:52px; background:#317abf; z-index: 99; }
.menu-list { padding: 30px 0 30px 30px; }
.menu-list li { margin-bottom:25px; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: returnToNormal; animation-name: returnToNormal; }
.menu-list li:last-child { margin-bottom: 0; }
.menu-list li a { display: block; color: #fff; font-size:18px; }
@-webkit-keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes returnToNormal {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }

    to { opacity: 1; -webkit-transform: none; transform: none; }
}