/* ==================== 20190820 ==================== */
.loc{background:#fff;width:100%;min-height:40px;border-bottom:1px dashed #e3e3e3;}
.loc_c{line-height:40px;font-size:15px;color:#7c7c7c;font-weight:500;}
.loc_c a{color:#7c7c7c;}
.loc_c a:hover{color:#2235c0}
.field_tit{padding:50px 0 0 0;text-align:center;}
.field_tit h2{font-size:36px;font-weight:300;letter-spacing:2px;color:#009ddb}
.field_tit h3{font-size:16px;font-weight:400;color:#b9b9b9}
h1.field_tit2{font-weight:300;color:#009ddb;font-size:20px;letter-spacing:1px;padding-top:0;padding-bottom:10px;}
h1.field_tit3{font-weight:300;color:#009ddb;font-size:30px;letter-spacing:1px;padding-top:0;padding-bottom:10px;}
.field_con1{font-size:16px;word-break:break-all;text-align: justify;margin:0;}
.field_con2{font-size:16px;word-break:break-all;text-align: justify;margin:0 3em;}
.field_con3{font-size:20px;word-break:break-all;text-align: justify;margin:1em 0;position: relative}
.field_con3::before{content:"";width:5px;height:15px;position:absolute;left:-18px;top:14px;background:#009ddb}
.field_con4{font-size:18px;word-break:break-all;text-align:center;margin:0.25em 0;position: relative}
.field_con5{font-size:18px;word-break:break-all;text-align:left;margin:0.25em 0;position: relative;line-height:160%;}
.field_con6{font-size:18px;word-break:break-all;text-align:left;margin:0.25em 0;position: relative;line-height:160%;}
.field_con6::before{content:"";width:5px;height:15px;position:absolute;left:-18px;top:6px;background:#009ddb}
.field_con7{font-size:16px;word-break:break-all;text-align:left;margin:0 3em;position: relative;line-height:160%;}
.field_con7::before{content:"";width:5px;height:15px;position:absolute;left:1em;top:6px;background:#009ddb}
.field_nav{padding:2em 0 3.5em 0;margin:0 2em;}
.field_nav:last-child{border-bottom:1px dashed #ababab}
.field_fl{float:left;width:44%;margin-right:12%}
.field_fr{float:right;width:44%;}
.field_fl2{float:left;width:41%;margin-right:8%}
.field_fr2{float:right;width:49%;}
.field_fl3{float:left;width:49%;margin-right:8%}
.field_fr3{float:right;width:41%;}
.padd01{padding-bottom:5em;}
.padd02{padding-bottom:3em;}

/*SCROLL*/
.box{width: 100%;height:450px;z-index: 99;position: relative;}
.list{width: 1200px;height:420px;overflow: hidden;position: absolute;left: 50%;margin-left: -600px;}
h6{position: absolute;top: 0;left: 0;opacity: 0;display: inline-block;transition: all 0.3s ease-out;}
h6 img{width: 750px;height:420px;border:none;float: left;}
.img1{transform:translate3d(-224px,0,0) scale(0.81);}
.img2{transform:translate3d(0px,0,0) scale(0.81);transform-origin:0 50%;opacity: 0.8;z-index: 2;}
.img3{transform:translate3d(224px,0,0) scale(1);z-index: 3;opacity: 1;}
.img4{transform:translate3d(449px,0,0) scale(0.81);transform-origin:100% 50%;opacity: 0.8;z-index: 2;}
.img5{transform:translate3d(672px,0,0) scale(0.81);}
.img6{transform:translate3d(896px,0,0) scale(0.81);}
.img7{transform:translate3d(1120px,0,0) scale(0.81);}

/*TAB*/
.product-content {padding:0;margin-top:-41px;}
.product-box {position:relative;margin: 0 auto;width:800px;}
.product-box2 {position:relative;margin: 0 auto;width:500px;}
.product-header ul {position:relative;margin:0;padding:0;}
.product-header ul li {display:inline-block;text-align:center;position:relative;border-bottom:0px solid #fff;margin:0;padding:0;}
.product-header {padding-top:0px;}
.product-header ul li a {display: block;padding:0;text-decoration: none;}
.product-head-tit {display: block;color: #ededed;font-size:15px;padding:0 0 10px 0;font-weight:500}
.product-header ul li a:hover .product-head-tit {color:#3ea7ff;}
.product-header ul .on a:after {display:inline-block;content:"";width:35%;position:absolute;left:32%;right:0;background:#3ea7ff;z-index:1;height:3px;}
.product-switch {background:#fff;padding:0;overflow: hidden;}
.on .product-head-tit {color:#3ea7ff;}
.product-list{margin:0;padding:0;}
/* READ MORE */

.button--common {float:right;display:block;padding:0.2em 0.1em;border:none;background:none;color:inherit;vertical-align:middle;position:relative;z-index:1;-webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;border-radius: 40px;font-size:16px;margin-top:8em;}
.button--common:focus {outline: none;}
.button--common > span {vertical-align: middle;}
.button--common2 {float:right;display:block;padding:0.2em 0.1em;border:none;background:none;color:inherit;vertical-align:middle;position:relative;z-index:1;-webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;border-radius: 40px;font-size:16px;margin-top:3em;}
.button--common2:focus {outline: none;}
.button--common2 > span {vertical-align: middle;}
.button--nanuk2 {padding:0.2em 0.1em;overflow: hidden;background:#009ddb;-webkit-transition: background-color 0.3s;transition: background-color 0.3s;}
.button--nanuk2.button--inverted {background: #f7f7f7;color: #838383;}
.button--nanuk2 > span {display: inline-block;padding:0 0;}
.button--nanuk2 > b{font-weight:300;}
.button--nanuk2:hover {background-color:#009ddb;color:#fff}
.button--nanuk2:hover > b{color:#009ddb}
.button--nanuk3 {padding:0.2em 0.1em;overflow: hidden;background:#009ddb;-webkit-transition: background-color 0.3s;transition: background-color 0.3s;}
.button--nanuk3.button--inverted {background: #ffffff;color: #838383;}
.button--nanuk3 > span {display: inline-block;padding:0 0;}
.button--nanuk3 > b{font-weight:300;}
.button--nanuk3:hover {background-color:#009ddb;color:#fff}
.button--nanuk3:hover > b{color:#009ddb}


/* ==================== Common ==================== */
.topbar-brand img{max-height:60px;position: relative;margin-top:8px;}
.topbar-toggler{font-size:2.2rem;}
.nav>li>a:focus, .nav>li>a:hover{background:none;}
.nav>li.nav-item:hover::before ,.nav>li.nav-item .s::before{content: "";position: absolute;height:2px;width:calc(100% + 20px);bottom: 0;left:-10px;background:#399df1;}
.topbar-nav{position: relative;top:-8px;}

.section{padding-top:50px;padding-bottom:0;}

.topbar-nav{font-size: 1.5rem;line-height: 70px;}
.topbar-nav .nav-item + .nav-item{margin-left:3.5rem;}


.main-tit{font-size:40px;font-weight:600;position: relative;top:-5rem;}
.main-tit2{font-size:60px;font-weight:800;color:rgba(255,255,255,0.2);margin-bottom:0;position: relative;top:-1rem;}
.header-auxiliary{padding:120px 0 80px 0;}
.main-tit3{font-size:40px;font-weight:600;position: relative;top:-5rem;color:#fff}
.main-tit4{font-size:60px;font-weight:800;color:rgba(255,255,255,0.25);margin-bottom:0;position: relative;top:-1rem;}
.header-auxiliary{padding:120px 0 80px 0;}
.join-en{font-size:60px;color:rgba(255,255,255,0.1);margin-bottom:-0.5em;font-weight:600;letter-spacing:2px;}
@media (max-width: 991px){
	.main-tit{font-size:20px;top:-3rem;}
	.main-tit2{font-size:30px;}
	.main-tit3{font-size:20px;top:-2.5rem;}
	.main-tit4{font-size:28px;}
	.topbar-toggler{position: relative;top:12px;}
	.topbar-left{margin-left:0%;}
	.join-en{font-size:30px;color:rgba(255,255,255,0.1);margin-bottom:-0.5em;font-weight:600;letter-spacing:2px;}
	.field_nav{padding:0em 0 1em 0;margin:0 0.2em;}
	.field_fl{float:none;width:100%;margin-right:0%}
	.field_fr{float:none;width:100%;}
	.field_fl2{float:none;width:100%;margin-right:0%}
	.field_fr2{float:none;width:100%;}
	.field_fl3{float:none;width:100%;margin-right:0%}
	.field_fr3{float:none;width:100%;}
	.field_tit{padding:25px 0 0 0;text-align:center;}
	h1.field_tit2{font-weight:300;font-size:17px;color:#3345c5;letter-spacing:1px;padding-top:0;}
	h1.field_tit2{padding-top:0.3em;}
	h1.field_tit3{font-weight:300;font-size:17px;color:#3345c5;letter-spacing:1px;padding-top:0;}
	h1.field_tit3{padding-top:0.3em;}
	.field_con1{font-size:14px;word-break:break-all;text-align: justify;margin:0;}
	.field_con2{font-size:14px;word-break:break-all;text-align: justify;margin:0;}
	.field_con3{font-size:14px;word-break:break-all;text-align: justify;margin:0;}
	.field_con3::before{display:none}
	.field_con4{font-size:14px;word-break:break-all;text-align: justify;margin:0;}
	.field_con5{font-size:14px;word-break:break-all;text-align:left;margin:0;position: relative;line-height:140%;}
	.field_con6{font-size:14px;word-break:break-all;text-align:left;margin:0;position: relative;line-height:140%;}
	.field_con6::before{display:none}
	.field_con7{font-size:14px;word-break:break-all;text-align:left;margin:0;position: relative;line-height:140%;}
	.field_con7::before{display:none}
	.field_tit h2{font-size:24px;font-weight:300;letter-spacing:2px;color:#3345c5}
	.field_tit h3{font-size:14px;font-weight:400;color:#b9b9b9}
	.product-box {position:relative;margin: 0 auto;width:100%;}
	.product-box2 {position:relative;margin: 0 auto;width:100%;}
	.product-head-tit{font-size:13px;}
	.product-content {padding:0;margin-top:-37px;}
	.loc_c{line-height:20px;font-size:13px;color:#7c7c7c;font-weight:500;}
	.button--common ,.button--common2{margin-top:1em;}
	.padd01 ,.padd02{padding-bottom:2em;}
	.box{width: 100%;height:100%;z-index: 99;position: relative;}
	.list{width:100%;height:100%;overflow:auto;position: relative;margin:0 auto;left:auto}
	h6{position: relative;opacity:1;display:block;transition:none;}
	h6 img{width:100%;height:auto;float:none;margin:0 auto;}
	.img7,.img6,.img5,.img4,.img3,.img2,.img1{transform:none;opacity: 1}
	
}

/* ==================== Index ==================== */
.btn-primary{background: none;border:#2dbdc6 solid 2px;}
.btn-primary, .btn-primary:hover {background-color: #2dbdc6;border-color: #2dbdc6;}
.btn-primary.focus, .btn-primary:focus{background-color: #2dbdc6;border-color: #2dbdc6;}
.bt-know{color:#29c0c7;border:1px solid #29c0c7;border-radius:2px;margin-top: 1em;}
.bt-know:hover{color:#6f6f6f;border:1px solid #6f6f6f;}

h1[class^="essay-tit"]{font-weight:800;color:#323232;position: relative;}
h1[class^="essay-tit"]::before{content:"";width:50px;height: 3px;background:#399df1;position: absolute;left: 0;bottom:-0.1em;}


h1[class^="essay-tit"] span{font-size:1.75em;color:#dadde0;position: absolute;word-break:break-all;left:0em;top:-1.15em;z-index:0;white-space:nowrap;}

h1.essay-tit2 span{/* left:-3.5em; */color:#dadde0;}
h1.essay-tit3 span{left:-0.4em;color:#f6f6f6;}
h1.essay-tit4 span{color:#dadde0;}

h1.essay-tit6::before{content:"";width:50px;height: 3px;background:#399df1;position: absolute;left: calc(50% - 25px);bottom:-0.1em;}
h1.essay-tit6 span{left:calc(50% - 97px);}


h1[class^="essay-tit"]+p{font-size: 16px;word-break:break-all;margin-top:2em;}



.bg-gray2{background:#e4e7ea;}
.bg-gray2 .bt-know{background:#ececec;}

.bg-green{background:#399df1;color:#fff;padding-top:30px;padding-bottom:30px;}


.project-icon{width: 74px;height: 74px;border-radius:74px;background:#399df1;display: block;margin-left:calc(50% - 37px);margin-top:-37px;margin-bottom:10px;text-align: center; vertical-align: middle}

.project-tit{font-size: 20px;color:#484848;text-align:center;line-height:30px;font-weight:600;position: relative;}
.project-tit::before{content: "";width: 30px;height:2px;background:#d0d0d0;position: absolute;bottom:-15px;left:calc(50% - 15px);}
.project-cont{font-size:15px;color:#7c7c7c;text-align:justify;line-height:1.75;font-weight:500;width:80%;margin-left:10%;margin-top:40px;}



.sp-bar{width:90%;color:#747474;font-size: 18px;}
.sp-bar p{display: inline-block;margin-bottom:0.5rem;}
.sp-bar p:nth-of-type(1){float: left;}
.sp-bar p:nth-of-type(2){float: right;font-size:16px;}
.sp-bar .bar{width:100%;height:10px;border-radius:10px;background:#c5cad0;position: relative;display: block;float: left;margin-bottom:1.2rem;}
.sp-bar .bar span{height: 10px;border-radius:10px;background:#399df1;position: absolute;top: 0;left:0;}


.history{list-style-type:none;margin-top:2em;}
.history li{display: block;float: left;height:60px;}
.history li p{display: inline-block;float: left;font-size: 18px;}
.history li p:nth-of-type(1){color:#333;font-weight:500;}
.history li p:nth-of-type(2){color:#777;}
.history li i.dot-icon{width:9px;height:9px;border-radius:9px;background:#d8d8d8;position: relative;display: inline-block;float: left;margin-left:15px;margin-right:4.5em;top:12px;}
.history li i.dot-icon::after{content:"";width:35px;height:1px;background:#d8d8d8;position: absolute;top:4px;left:9px;}
.history li i.dot-icon::before{content:"";width:1px;height:60px;background:#d8d8d8;position: absolute;top:-20px;left:4px;}

.history li.now p:nth-of-type(1){font-weight: 600;position: relative;}
.history li.now p:nth-of-type(2){color:#333;font-weight:500;}
.history li.now i.dot-icon{background:#399df1;}
.history li.now i.dot-icon::after{content:"";width:45px;height:1px;background:#399df1;position: absolute;top:4px;left:9px;}
.history li.now i.dot-icon::after::after{content:"";width: 15px;height: 15px;border-radius:15px;border:2px solid #399df1;position: absolute;top:-3px;left:-3px;}
.history li.now i.dot-icon::before{content:"";width:1px;height:30px;background:#d8d8d8;position: absolute;top:11px;left:4px;}
.history li.now p:nth-of-type(1)::after{content:"";width:15px;height: 15px;border-radius:15px;border:2px solid #399df1;position: absolute;right:-27px;top:9px;}
.history li.now p:nth-of-type(1)::before{content:"";width:1px;height:20px;background:#d8d8d8;position: absolute;right:-20px;top:-9px;}

.slogan{font-size:30px;letter-spacing:2px;display: inline-block;float: left;margin-left:10%;}
.bt-slogan{display: inline-block;float: left;background:none;color:#fff;border:1px solid #fff;margin-top:10px;margin-left:40px;}
.bt-slogan:hover{color:#c8c8c8;border:1px solid #c8c8c8;}

.slogan-even{font-size: 26px;font-weight:500;margin-bottom:-1rem;z-index: 10;}
.slogan-even span{font-size:30px;margin-right:40px;font-weight:600;}

.slogan-bg{color: #5db0f5;font-size:60px;font-weight:600;position: absolute;top:-.8em;left:-3.5em;z-index: 0}

@media (max-width: 991px){
	.bt-know{margin-left:calc(50% - 54px);}
	.bt-slogan{margin-left:calc(50% - 54px);}

	.slogan-bg{font-size:40px;}
	.slogan-even{font-size:18px;margin-bottom:1rem;}
	.slogan-even span{font-size:20px;margin-right:20px;}
	h1[class^="essay-tit"]{text-align:center;font-size:24px;}
	h1[class^="essay-tit"]::before{left:calc(50% - 30px);bottom:-0.3em;}
	h1[class^="essay-tit"] span {width:100%;text-align:center;left:0;font-size:1.2em;}
	h1[class^="essay-tit"]+p{text-align:center;}

	.sp-bar{width: 100%;}
	.slogan{font-size:20px;margin-left:0;letter-spacing:0;}

	.history{padding:0;}
	.history li p{font-size:16px;}
	.history li p:nth-of-type(2){width:69%;font-size:14px;margin-left:5em;margin-top:-1.22em;}

}


/* ==================== Media ==================== */
.first-news{margin-top:-110px;}
.news-time{background:none;}
.news-time p:nth-of-type(1){font-size:40px;color:#399df1;background:#e9e9e9;font-weight:600;margin:0;padding:0;margin-right:20px;}
.news-time p:nth-of-type(2){font-size:20px;color:#fff;background:#454545;font-weight:400;letter-spacing: 2px;margin-right:20px;}

.news-box{background:#f7f7f7;margin-left:0;}
.news-box .cp{font-size:1.75rem;display: block;padding:0 30px 0 0;color:#000;}
.news-box img{width: 330px;height: 220px;display: inline-block;float: left;}
.news-box .news-tit{font-size:24px;color:#333;font-weight:600; width:62%;margin-left:2%;position: relative;top:0.2em;}
.news-box .news-tit:hover{color: #399df1;}
.news-box .news-tit::before{content:"";width: 50px;height:2px;background:#d9d9d9;position: absolute;bottom:-10px;}
.news-box .news-cont{font-size:16px;color:#666; width:62%;margin-left:2%;margin-top:20px;display: inline-block;float: left;}

@media (max-width: 1200px){
	.news-time p{padding:0 5px;}
	.news-box .news-cont{width:40%;}

}
@media (max-width: 991px){
	.news-time{position: absolute;top:0;left:4%;z-index:10;}
	.news-time p:nth-of-type(1){font-size:20px;color:#399df1;background:#e9e9e9;font-weight:600;margin:0;padding:0;margin-right:20px;}
	.news-time p:nth-of-type(2){font-size:10px;color:#fff;background:#454545;font-weight:400;letter-spacing: 2px;margin-right:20px;}
	.news-box img{width:100%;}
	.news-box .news-tit{width:92%;margin-left:0%;font-size:18px;}
	.news-box .news-cont{width:92%;margin-left:4%;font-size:14px;}
}




/* ==================== Join ==================== */



/* ==================== Relation ==================== */
.relation-menu{padding:20px 0;background:#f1f1f1;}
.relation-menu a{font-size:18px;display: block;float: left;width: 100%;color:#a1a1a1;padding:10px 0;position: relative;text-indent:-2em;}
.relation-menu a:hover{font-size:20px;color:#777777;font-weight:600;}
.relation-menu a:hover::before{content:"";width:50px;height:2px;background:#2dbdc6;position: absolute;top:27px;right:0;}

.relation-menu a.active{font-size:20px;color:#777777;font-weight:600;}

.relation-menu-special a{font-size:16px;}
.relation-menu-special a:hover{font-size:18px;}
.relation-menu-special a.active{font-size:18px;}


.relation-cont{background:#f7f7f7;margin-left:0;padding-bottom:30px;}
.relation-tit{font-size:36px;color:	#333;margin-left:2%;margin-top:1rem;}
.relation-note{width:96%;margin-left:2%;font-size:16px;display: block;}
.relation-menu2{margin-left:2%;margin-bottom:2rem;}
.relation-menu2 a{font-size: 22px;color:#afafaf;margin-left:3rem;}
.relation-menu2 a:first-child{margin-left:0;}
.relation-menu2 a.now{color:#2dbdc6;}
.relation-menu2 a:hover{color: #2dbdc6;}

.relation-data{width:96%;margin-left:2%;background:#fff;box-shadow: 1.414px 1.414px 5px 0px rgba(0, 0, 0, 0.2);padding:30px 20px;font-size:16px;}
.relation-data>b{font-size:20px;}
.relation-data>span{font-weight:600;margin-top:10px;display: inline-block;}
.relation-data>b>i{position: relative;top:-120px;display: inline-block;}



@media (max-width: 991px){
.relation-menu a:hover::before{content:"";width:40%;height:2px;background:#2dbdc6;position: absolute;top:2.2em;right:35%;}

}


/* ==================== Field ==================== */
#field-box{position: relative;height:100vh;background:#999;}
.field-show{height:100vh;position: absolute;width:33.5%;}

.field-show:nth-of-type(1){left:0;}
.field-show:nth-of-type(2){left:33.5%;}
.field-show:nth-of-type(3){left:67%;}


.field-show .bg{width:100%;height:100%/* ;margin-left:-20%; */;transition: width 0.5s;overflow: hidden;position: absolute;top: 0/* ;transform: skewX(-15deg); */}


.field-show .img{width:100%;height:100vh;background-size: cover;/* transform: skewX(15deg); *//* margin-left:15%; */}

.field-show:nth-of-type(1){background: url('../img/field-1.jpg') no-repeat  center;}
.field-show:nth-of-type(2){background: url('../img/field-2.jpg') no-repeat  center;}
.field-show:nth-of-type(3){background: url('../img/field-4.jpg') no-repeat  center;}






.field-show .bg .cover{position: absolute;top: 0;left: 0;background:rgba(0,0,0,0.3);width:100%;height:100%;transition: ease 0.5s;} 

.field-show .bg:hover{width:105%;}
.field-show .bg:hover .cover{width:0%;opacity:0;}



.field-show .bg .cont{z-index:10;}
.field-show .bg .cont-tit{font-size:50px;font-weight:700;color:rgba(255,255,255,0.7);position: absolute;left:20%;top:20%;/* transform: skewX(15deg); */}
.field-show .bg .cont-tit::before{content:"";width:2em;height:4px;background:#399df1;position: absolute;top:1.6em;left:0;}
.field-show .bg .cont-cont{font-size:18px;color:rgba(255,255,255,0.5);font-size:500;position: absolute;left:20%;top:36%;/* transform: skewX(15deg); */width:55%;}


.field-show .bg:hover [class^="cont"]{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,0.5);}
.field-show .bg:hover .cont-cont{font-size:20px;}

@media (max-width: 1200px){
	#field-box{height:300vh;}
	.field-show{width: 100%;position: relative;display: inline-block;float: left;}
	.field-show:nth-of-type(1){left:0;}
	.field-show:nth-of-type(2){left:0;}
	.field-show:nth-of-type(3){left:0;}

	
	.field-show .bg{margin-left:0;}
	.field-show .img{margin-left: 0;}
	.field-show .bg .cont-tit{left:0;width:100%;text-align:center;top:22%;font-size:40px;color:rgba(255,255,255,0.9)}
	.field-show .bg .cont-cont{width:80%;left:10%;text-align:center;top:40%;font-size:18px;color:rgba(255,255,255,0.8)}
	.field-show .bg .cont-tit::before{left:calc(50% - 1em);top:2em;}

	
	.field-show-right .bg{right:0;}
	.field-show-right .img{margin-left: 0;}
	.field-show-right .bg .cont-tit{}
	.field-show-right .bg .cont-cont{}
	.field-show-right .bg .cont-tit{left:0;width:100%;text-align:center;top:22%;font-size:40px;color:rgba(255,255,255,0.9)}
	.field-show-right .bg .cont-cont{width:80%;left:10%;text-align:center;top:40%;font-size:18px;color:rgba(255,255,255,0.8)}
	.field-show-right .bg .cont-tit::before{left:calc(50% - 1em);top:2em;}

	.field-show-right .bg:hover{width: 101%;right:0%;}

}






.news_tit{text-align:center;min-height:59px;background:#fff;padding:5px 10px;border:1px dashed #d9d9d9;border-top:0px;font-size:26px;margin:0;}
.news_con p{margin-bottom:15px;color:#000;font-size:16px;text-align: justify;font-weight:400;line-height:30px;}
.news_con img{margin:20px auto;float:none;}

/*Gallery*/
#gallery {margin:0 auto;height:500px;overflow:hidden; z-index:1;}
.container_image{margin:0 auto;position:relative;width:100%;}	
/*===== gallery =====*/
.roundabout-holder{width:1000px;height:500px;margin:0 auto;}
.roundabout-moveable-item {width: 646px;height: 416px;cursor: pointer;position: relative}
.roundabout-moveable-item img{width:100%;}
.roundabout-moveable-item h3{position: absolute;top:30px;left:30px;font-size:30px;color:#fff;font-weight: 400;}
.roundabout-moveable-item p{position: absolute;top:100px;left:30px;font-size:18px;color:#fff;font-weight: 500; width:300px;line-height:25px;}
.roundabout-moveable-item h3::before{content:"";width: 60px;height: 3px;background:#399df1;position: absolute;left: 0;bottom:-0.1em;}

/* Nanuk */
.button {
	
	max-width: 250px;
	display: block;
	margin: 1em auto;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	font-size:16px
}
.button:focus {
	outline: none;
}
.button > span {
	vertical-align: middle;
}

.button--nanuk {
	padding: 0 2em;
	overflow: hidden;
	background: #399df1;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.button--nanuk.button--inverted {
	background: #fff;
	color: #7986cb;
}
.button--nanuk > span {
	display: inline-block;
	padding: 8px 0;
}
.button--nanuk:hover {
	background-color: #3c618d;
}
.button--nanuk:hover > span:nth-child(odd) {
	-webkit-animation: anim-nanuk-1 0.5s forwards;
	animation: anim-nanuk-1 0.5s forwards;
}
.button--nanuk:hover > span:nth-child(even) {
	-webkit-animation: anim-nanuk-2 0.5s forwards;
	animation: anim-nanuk-2 0.5s forwards;
}
.button--nanuk:hover > span:nth-child(odd),
.button--nanuk:hover > span:nth-child(even) {
	-webkit-animation-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-animation-function: cubic-bezier(0.75, 0, 0.125, 1);
}
@-webkit-keyframes anim-nanuk-1 {
	0%,
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	49% {
		opacity: 1;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		color: inherit;
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		color: #fff;
	}
	100% {
		color: #fff;
	}
}
@keyframes anim-nanuk-1 {
	0%,
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	49% {
		opacity: 1;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		color: inherit;
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		color: #fff;
	}
	100% {
		color: #fff;
	}
}
@-webkit-keyframes anim-nanuk-2 {
	0%,
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	49% {
		opacity: 1;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		color: inherit;
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		color: #fff;
	}
	100% {
		color: #fff;
	}
}
@keyframes anim-nanuk-2 {
	0%,
	100% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	49% {
		opacity: 1;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	50% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		color: inherit;
	}
	51% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		color: #fff;
	}
	100% {
		color: #fff;
	}
}
.button--nanuk:hover > span:nth-child(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.button--nanuk:hover > span:nth-child(2) {
	-webkit-animation-delay: 0.05s;
	animation-delay: 0.05s;
}
.button--nanuk:hover > span:nth-child(3) {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.button--nanuk:hover > span:nth-child(4) {
	-webkit-animation-delay: 0.15s;
	animation-delay: 0.15s;
}
.button--nanuk:hover > span:nth-child(5) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}
.button--nanuk:hover > span:nth-child(6) {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}
.button--nanuk:hover > span:nth-child(7) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}
.button--nanuk:hover > span:nth-child(8) {
	-webkit-animation-delay: 0.35s;
	animation-delay: 0.35s;
}
.button--nanuk:hover > span:nth-child(9) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}
.button--nanuk:hover > span:nth-child(10) {
	-webkit-animation-delay: 0.45s;
	animation-delay: 0.45s;
}
.button--nanuk:hover > span:nth-child(11) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

/*===== 关于我们 =====*/
/*.zs-list div{text-align: center;}
.zs-list img{max-width: 230px;text-align: center;margin: 0 auto;}
.zs-list p{text-align: center;font-size: 14px;color: #fff;font-weight: bold;position: relative;display: inline-block;margin-top: 4px;}
.zs-list p::before{content:"";width:12px;height: 20px;background:url('../img/honor-list1-name-bg1.png') no-repeat;position: absolute;top: 3px;left:-15px;background-size: 100% 100%;}
.zs-list p::after{content:"";width:12px;height: 20px;background:url('../img/honor-list1-name-bg2.png') no-repeat;position: absolute;top: 3px;right: -15px;background-size: 100% 100%;}

.about-text-r{	background: -moz-linear-gradient(top, #081840, #044099);
	background: -o-linear-gradient(top, #081840, #044099);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#081840), to(#044099));
	color: #fff;
	position: relative;
	padding: 12em 3.4em 5.7em 3.8em;}
.about-text-r h1{font-size:38px;color: #fff;line-height:1.2;position:relative;}
.about-text-r h1 span{display: block;font-size: 120%;opacity: 0.1;position: absolute;top: -70%;left:5%;font-weight: bold;}
.about-text-r p{font-size: 16px;margin-top: 20px;width: 80%;}

.zs-tit{text-align:center;color:#fff;font-size:38px;margin-bottom: 20px;position: relative;}
.zs-tit span{position: absolute;font-size:120%;opacity: 0.1;top:-30px;left:42%;}

.about-box1>div{text-align: center;}
.about-box1 img{width: 250px;margin: 0 auto;height: 170px;display: inline-block;position: relative;}
.about-box1 img+p{font-size: 14px;}

.col-zs1{padding-right:15px;padding-left:15px;max-width: 20%;flex: 0 0 20%;}

*/



.zs-list div{text-align: center;}
.zs-list img{max-width: 230px;text-align: center;margin: 0 auto; position:relative}
.zs-list p{text-align: center;font-size: 14px;color: #323232;font-weight: bold;position: relative;display: inline-block;margin-top: 6px;margin-bottom:4px;}
.zs-list p::before{content:"";width:12px;height: 20px;background:url('../img/honor-list1-name-bg1.png') no-repeat;position: absolute;top: 3px;left:-15px;background-size: 100% 100%;}
.zs-list p::after{content:"";width:12px;height: 20px;background:url('../img/honor-list1-name-bg2.png') no-repeat;position: absolute;top: 3px;right: -15px;background-size: 100% 100%;}


.about-text-r h1{font-size:38px;color: #399df1;line-height:1.2;position:relative;}
.about-text-r h1 span{display: block;font-size: 120%;opacity: 0.1;position: absolute;top: -70%;left:5%;font-weight: bold;}
.about-text-r p{font-size: 16px;margin-top: 20px;width: 80%;}

.zs-tit{text-align:center;color:#323232;font-size:32px;margin-bottom: 20px;position: relative;}
.zs-tit span{position: absolute;font-size:120%;opacity: 0.1;top:-40px;left:calc(50% - 97px);}

.about-box1>div{text-align: center;}
.about-box1 img{width: 250px;margin: 0 auto;height: 170px;display: inline-block;position: relative;}
.about-box1 img+p{font-size: 14px;}

.col-zs1{padding:15px 10px 0px 10px;max-width:12%;background:#fcfcfc;box-shadow:0 0 15px rgba(0,0,0,0.1);border-radius: 4px;margin-right:2%;min-width: 185px;}
.col-zs1:last-child{margin-right:0;}

.col-zs2{padding:15px 10px 0px 10px;max-width: 40%;background:#fcfcfc;box-shadow:0 0 15px rgba(0,0,0,0.1);border-radius: 4px;margin-right:2%;min-width: 340px;}
.col-zs2:last-child{margin-right:0;}

.col-zs2 img{max-width: 320px;}