@charset "utf-8";

/* main-key */
.main-key{position:relative; background-color:#f4f4f4; overflow:hidden}
.main-key .bg{position:absolute }
.main-key .bg.blur01{left:0; top:-390px; width:952px; height:1580px; background:url("/static/fw/images/main/key_blur01.png")}
.main-key .bg.blur02{right:0; top:30px; width:608px; height:1324px; background:url("/static/fw/images/main/key_blur02.png")}


.main-key-inner{position:relative; width:1300px; margin:0 auto; padding:200px 0 670px;  box-sizing:border-box}

.main-key .key-top{position:relative; z-index:1}
.main-key .key-top .top-tit{display:flex; align-items:center; justify-content:center; flex-direction:column}
.main-key .key-top .top-tit .tit,
.main-key .key-top .top-tit .info{display:block; text-align:center}
.main-key .key-top .top-tit .tit{font-weight:300; letter-spacing:-1.8px; color:#101010}
.main-key .key-top .top-tit .tit span{font-family:ptd !important; font-size:40px; line-height:125%}
.main-key .key-top .top-tit .info{line-height:145%; font-size:20px; font-weight:normal; letter-spacing:-0.8px; color:#505050}
.main-key .key-top .top-tit .mylink{width:261px; height:64px; margin:25px 0 25px; background:url("/static/fw/images/main/key_mylink.png"); background-size:261px 64px}

.main-key .top-more{position:relative; margin-top:55px}
.main-key .top-more .more-inner{display:flex; align-items:center; justify-content:center}
.main-key .top-more .more
{
	display:flex; align-items:center; min-width:240px; height:65px; margin:0 5px; padding:0 25px 0 30px; border:0; border-radius:200px; cursor:pointer; box-sizing:border-box; transition:all .20s ease;
	background:#000; background:-webkit-linear-gradient(-43deg, #085dbc, #008cd4); background:-moz-linear-gradient(-43deg, #085dbc, #008cd4); background:linear-gradient(-43deg, #085dbc, #008cd4);
	-webkit-appearance:none; box-sizing:border-box
}
.main-key .top-more .more.dark{background:#2e4e69}
.main-key .top-more .more span{padding-right:40px; font-size:18px; font-weight:300; color:#fff; letter-spacing:-0.8px}
.main-key .top-more .more .arrow{position:relative; width:30px; height:2px; background-color:#fff; transition:all .20s ease}
.main-key .top-more .more .arrow:before,
.main-key .top-more .more .arrow:after{content:''; position:absolute; right:3px; width:2px; height:10px; background-color:#fff}
.main-key .top-more .more .arrow:before{top:-7px; transform: rotate(-48deg)}
.main-key .top-more .more .arrow:after{bottom:-7px; transform: rotate(48deg)}
.main-key .top-more .more:hover .arrow{width:60px}

.main-key .top-more .more.clear{min-width:auto; margin-top:10px; background:#fff}
.main-key .top-more .more.clear span{color:#008cd4}
.main-key .top-more .more.clear .arrow{background-color:#008cd4}
.main-key .top-more .more.clear .arrow:before,
.main-key .top-more .more.clear .arrow:after{background-color:#008cd4}

.main-key .key-visual{position:absolute; left:50%; bottom:0; width:1360px; height:592px; margin-left:-680px}
.main-key .key-visual img{display:block; position:relative; width:100%; border:0}
.main-key .key-visual:before{content:''; position:absolute; left:50%; bottom:-8px; width:1729px; height:527px; margin-left:-828px; background:url("/static/fw/images/main/key_visual_bg.png") 50% 50% no-repeat}


/* main-cis */
.main-cis{position:relative; background-color:#fff; overflow:hidden}
.main-cis-inner{position:relative; width:1300px; min-height:680px; margin:0 auto; padding:145px 0 165px;  box-sizing:border-box}

.main-cis .cis-top{position:relative; padding-left:555px}
.main-cis .top-tit{margin-bottom:32px}
.main-cis .top-tit .tit{display:block; margin-bottom:8px; line-height:130%; color:#101010; font-size:35px; font-weight:300; letter-spacing:-2px}
.main-cis .top-tit .stit{display:block; line-height:130%; color:#101010; font-size:28px; font-weight:300; letter-spacing:-1.2px}
.main-cis .top-tit .stit span{font-size:28px}

.main-cis .top-num{margin-top:-10px; margin-left:-10px}
.main-cis .top-num:after{content:''; display:block; clear:both}
.main-cis .top-num li{position:relative}
.main-cis .top-num li .inner-box{display:flex; align-items:center; position:relative; margin-top:10px; margin-left:10px; padding-left:24px; line-height:135%; font-size:20px; color:#303030; letter-spacing:-0.5px; box-sizing:border-box}
.main-cis .top-num li:before{content:''; position:absolute; left:10px; top:8px; width:10px; height:10px; background-color:#008cd4; border-radius:50%}
.main-cis .top-num li:last-child{margin-bottom:0}
.main-cis .top-num li:nth-child(3):before{background-color:#85c8ea}
.main-cis .top-num li:nth-child(4):before{background-color:#c2e3f5}
.main-cis .top-num li:nth-child(5):before{background-color:#d9eef9}

.main-cis .top-num li .tit{font-size:20px; font-weight:normal}
.main-cis .top-num li .mblind{margin:0 5px}

.main-cis .top-num2{margin-top:35px}
.main-cis .top-num2:after{content:''; display:block; clear:both}
.main-cis .top-num2 li{display:flex; align-items:center; position:relative; margin-bottom:8px; line-height:135%; font-size:16px; color:#505050; letter-spacing:-0.5px; box-sizing:border-box}
.main-cis .top-num2 li:before{content:''; display:none; position:absolute; left:0; top:9px; width:6px; height:1px; background-color:#505050}
.main-cis .top-num2 li.active{color:#008cd4}
.main-cis .top-num2 li:before{background-color:#008cd4}
.main-cis .top-num2 li:last-child{margin-bottom:0}


.main-cis .cis-visual{position:absolute; width:1112px; height:682px; left:-565px; bottom:0}
.main-cis .cis-visual img{display:block; width:100%; border:0}

/* main-band */
.main-band{position:relative; background-color:#008cd4}
.main-band-inner{display:flex; align-items:center; justify-content:space-between; position:relative; width:1300px; height:160px; margin:0 auto; box-sizing:border-box}

.main-band .band-top{position:relative}
.main-band .top-tit .tit,
.main-band .top-tit .info{display:block; line-height:125%; color:#fff}
.main-band .top-tit .tit{font-size:28px; font-weight:300; letter-spacing:-1.5px}
.main-band .top-tit .tit span{font-size:28px; line-height:125%}
.main-band .top-tit .info{margin-top:13px; line-height:140%; font-size:18px; font-weight:normal; letter-spacing:-0.8px}
.main-band .top-tit .info span{font-size:18px}
.main-band .top-tit .tit strong{font-size:28px; letter-spacing:1px}
.main-band .top-more
{
	display:flex; align-items:center; justify-content:center; width:180px; height:60px; margin:0; padding:0 25px; border:0; border-radius:10px; text-align:center; cursor:pointer; box-sizing:border-box; transition:all .20s ease;
	background:#fff; -webkit-appearance:none;
}
.main-band .top-more span{font-size:18px; font-weight:300; color:#008cd4; letter-spacing:-0.8px}



/* main-mark */
.main-mark{position:relative; background-color:#fff}
.main-mark-inner{position:relative; width:1300px; margin:0 auto; padding:145px 0 160px; box-sizing:border-box}

.main-mark .mark-top{position:relative}
.main-mark .mark-top .top-tit .tit,
.main-mark .mark-top .top-tit .info{display:block; line-height:125%; text-align:center;}
.main-mark .mark-top .top-tit .tit{font-size:38px; font-weight:300; letter-spacing:-2px; color:#101010}
.main-mark .mark-top .top-tit .tit span{line-height:125%; font-size:38px}
.main-mark .mark-top .top-tit .info{margin-top:18px; line-height:140%; font-size:18px; font-weight:normal; letter-spacing:-0.8px; color:#303030}
.main-mark .mark-top .top-tit .info span{font-size:18px}

.main-mark .mark-card{margin-top:135px}
.main-mark .mark-card .card-list{margin-left:-24px}
.main-mark .mark-card .card-list:after{content:''; display:block; clear:both}
.main-mark .mark-card .card-list li{float:left; width:25%; position:relative}

.main-mark .mark-card .card-box{position:relative; margin-left:24px; padding:170px 32px 80px; background-color:#fff; border-radius:35px 35px 0 35px; box-shadow:0 10px 10px rgba(0,0,0,.08); box-sizing:border-box; transition:all .30s ease}
.main-mark .mark-card .card-box:hover{margin-top:-20px}
.main-mark .mark-card .card-box .tit-area{position:relative; min-height:76px}
.main-mark .mark-card .card-box .tit-area .tit{display:inline-block; line-height:135%; font-size:26px; font-weight:600; color:#101010; letter-spacing:-1.5px}
.main-mark .mark-card .card-box .info-area{margin-top:20px}
.main-mark .mark-card .card-box .info-area .info{line-height:155%; letter-spacing:-1px; font-weight:normal; font-size:18px; color:#505050}

.main-mark .mark-card .card-box:before{content:''; position:absolute; left:34px; top:0; width:110px; height:116px; background-color:#f7f7f7; background-repeat:no-repeat; border-radius:0 0 200px 200px}
.main-mark .mark-card .card-box.card-01:before{background-image:url("/static/fw/images/main/mark_ico01.png"); background-position:50% 49px; background-size:48px 40px}
.main-mark .mark-card .card-box.card-02:before{background-image:url("/static/fw/images/main/mark_ico02.png"); background-position:50% 42px; background-size:50px 45px}
.main-mark .mark-card .card-box.card-03:before{background-image:url("/static/fw/images/main/mark_ico03.png"); background-position:50% 44px; background-size:46px 46px}
.main-mark .mark-card .card-box.card-04:before{background-image:url("/static/fw/images/main/mark_ico04.png"); background-position:50% 45px; background-size:52px 37px}
.main-mark .mark-card .card-box.card-05:before{background-image:url("/static/fw/images/main/mark_ico05.png"); background-position:50% 48px; background-size:44px 44px}

.main-mark .mark-card .card-list li:nth-child(1) .card-box{margin-top:-60px}
.main-mark .mark-card .card-list li:nth-child(3) .card-box{margin-top:-60px}
.main-mark .mark-card .card-list li:nth-child(1) .card-box:hover{margin-top:-80px}
.main-mark .mark-card .card-list li:nth-child(3) .card-box:hover{margin-top:-80px}

.main-mark .mark-card-carousel-wrap{margin-top:75px}
.main-mark .mark-card-carousel{margin:25px -12px 0}
.main-mark .mark-card-carousel:after{content:''; display:block; clear:both}
.main-mark .mark-card-carousel .slick-list{padding:60px 12px 20px}
.main-mark .mark-card-carousel .card-box{position:relative; margin:0 12px; padding:150px 32px 80px; background-color:#fff; border-radius:35px 35px 0 35px; box-shadow:0 10px 10px rgba(0,0,0,.08); box-sizing:border-box; transition:all .30s ease}
.main-mark .mark-card-carousel .card-box .tit-area{position:relative; min-height:60px}
.main-mark .mark-card-carousel .card-box .tit-area .tit{display:inline-block; line-height:135%; font-size:22px; font-weight:600; color:#101010; letter-spacing:-1.5px}
.main-mark .mark-card-carousel .card-box .info-area{margin-top:10px}
.main-mark .mark-card-carousel .card-box .info-area .info{line-height:155%; letter-spacing:-1px; font-weight:normal; font-size:16px; color:#505050}

.main-mark .mark-card-carousel .card-box:nth-child(odd){top:-60px}

.main-mark .mark-card-carousel .card-box:before{content:''; position:absolute; left:34px; top:0; width:110px; height:116px; background-color:#f7f7f7; background-repeat:no-repeat; border-radius:0 0 200px 200px}
.main-mark .mark-card-carousel .card-box.card-01:before{background-image:url("/static/fw/images/main/mark_ico01.png"); background-position:50% 49px; background-size:48px 40px}
.main-mark .mark-card-carousel .card-box.card-02:before{background-image:url("/static/fw/images/main/mark_ico02.png"); background-position:50% 42px; background-size:50px 45px}
.main-mark .mark-card-carousel .card-box.card-03:before{background-image:url("/static/fw/images/main/mark_ico03.png"); background-position:50% 44px; background-size:46px 46px}
.main-mark .mark-card-carousel .card-box.card-04:before{background-image:url("/static/fw/images/main/mark_ico04.png"); background-position:50% 45px; background-size:52px 37px}
.main-mark .mark-card-carousel .card-box.card-05:before{background-image:url("/static/fw/images/main/mark_ico05.png"); background-position:50% 48px; background-size:44px 44px}


.main-mark .slick-dots{display:none !important}



.main-mark .mark-card-carousel .slick-arrow{display:block; position:absolute; bottom:-53px; width:32px; height:32px; padding:0; border-radius:50%; border:none; outline:none; font-size:0; cursor:pointer; z-index:1; transition:all .20s ease}
.main-mark .mark-card-carousel .slick-prev,
.main-mark .mark-card-carousel .slick-next{background:none}
.main-mark .mark-card-carousel .slick-prev{left:2px}
.main-mark .mark-card-carousel .slick-next{left:36px}
.main-mark .mark-card-carousel .slick-prev:before,
.main-mark .mark-card-carousel .slick-next:before{position:absolute; top:0; width:32px; height:32px; line-height:32px; font-family:xeicon; font-size:20px; color:#909090; transition:all .30s ease}
.main-mark .mark-card-carousel .slick-prev:before{content:'\e93b'; left:-1px}
.main-mark .mark-card-carousel .slick-next:before{content:'\e93e'; right:-1px}
.main-mark .mark-card-carousel .slick-prev:hover,
.main-mark .mark-card-carousel .slick-next:hover{background:none}
.main-mark .mark-card-carousel .slick-prev:hover:before,
.main-mark .mark-card-carousel .slick-next:hover:before{color:#008cd4}



.mark-card-progress {
  margin-top:65px;
  position: relative;
  display: block;
  width: 100%;
  height: 8px;
  overflow: hidden;
  border-radius: 120px;
  background-color: #f4f4f4;
  background-image: linear-gradient(to right, #18a5f1, #085dbc);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  transition: background-size .4s ease-in-out;
}


/* main-count */
.main-count{position:relative; background-color:#f3fbff; overflow:hidden}
.main-count-inner{display:flex; flex-direction:column; justify-content:center; position:relative; width:1300px; height:640px; margin:0 auto; box-sizing:border-box}

.main-count .count-info{display:flex; flex-direction:column}
.main-count .count-info .count-txt{display:flex; align-items:center}
.main-count .count-info .count-txt strong{line-height:135%; color:#008cd3; font-size:56px; font-weight:normal}
.main-count .count-info .count-txt span{margin-left:10px; padding-top:20px; color:#101010; font-size:18px; font-weight:300; line-height:135%; letter-spacing:-0.8px}

.main-count .count-slogan{margin-top:80px}
.main-count .count-slogan .count-txt{display:flex; align-items:center; line-height:135%; color:#101010; font-size:28px; letter-spacing:-1.5px}
.main-count .count-slogan .count-txt strong{color:#008cd3; font-size:28px; font-weight:600; letter-spacing:1px}

.main-count .count-visual{position:absolute; right:0; bottom:0}
.main-count .count-visual img{display:block; width:764px; height:533px; border:0}

/* main-consult */
.main-consult{position:relative; background-color:#fff}
.main-consult-inner{position:relative; width:1300px; margin:0 auto; padding:155px 0 160px; box-sizing:border-box}

.main-consult-inner .bg{position:absolute}
.main-consult-inner .bg.wing01{left:-455px; top:180px; width:356px; height:360px; background:url("/static/fw/images/main/regist_bg01.png") no-repeat 50% 50%; background-size:356px 360px}
.main-consult-inner .bg.wing02{right:-535px; bottom:0; width:617px; height:623px; background:url("/static/fw/images/main/regist_bg02.png") no-repeat 50% 50%; background-size:617px 623px}

.main-consult .consult-top{position:relative}
.main-consult .consult-top .top-tit .tit,
.main-consult .consult-top .top-tit .info{display:block; line-height:125%; text-align:center;}
.main-consult .consult-top .top-tit .tit{font-size:38px; font-weight:900; letter-spacing:-2px; color:#101010}
.main-consult .consult-top .top-tit .tit span{font-size:38px; line-height:125%}
.main-consult .consult-top .top-tit .info{margin-top:18px; line-height:140%; font-size:18px; font-weight:normal; letter-spacing:-0.8px; color:#303030}
.main-consult .consult-top .top-tit .info span{font-size:18px}

.main-consult .consult-regist{position:relative; margin-top:75px; background-color:#fff; border-radius:35px 35px 35px 0; box-shadow:0 10px 20px 0 rgb(0 0 0 / 20%)}
.main-consult .consult-regist .regist-inner{padding:65px 45px 100px}
.main-consult .consult-regist .regist-wrap{margin-left:-25px; margin-top:-25px}

.main-consult .regist-group:after{content:''; display:block; clear:both}
.main-consult .regist-group .form-list1:after{content:''; display:block; clear:both}
.main-consult .regist-group.col1 .form-list > li{width:100%}
.main-consult .regist-group.col2 .form-list > li{float:left; width:50%}

.main-consult .regist-group .form-split{float:left; width:50%}

.main-consult .regist-group .regist-box{margin-top:25px; margin-left:25px}
.main-consult .regist-group .regist-tit{display:flex; align-items:center}
.main-consult .regist-group .regist-tit:before{content:''; width:20px; height:20px; margin-right:10px; background:url("/static/fw/images/main/app_bul.png") 50% 50% no-repeat; background-size:20px 20px}
.main-consult .regist-group .regist-tit .tit{display:inline-block; line-height:135%; color:#101010; font-size:18px; font-weight:300; letter-spacing:-0.8px}
.main-consult .regist-group .regist-cont{margin-top:12px}


.main-consult .regist-input
{
	display:inline-block;
	position:relative;
	height:48px;
	margin:0;
	padding:0 35px;
	line-height:48px;
	border:1px solid #ddd;
	text-align:left;
	font-size:18px;
	color:#101010;
	letter-spacing:-0.8px;
	background:#fff;
	vertical-align:middle;
	border-radius:8px;
	box-sizing:border-box
}
.main-consult .regist-input[disabled]{background:#eeeeee; color:#b4b4b4}
.main-consult .regist-input[readonly]{background:#f5f5f5}
.main-consult .regist-input::placeholder{font-family:'pps','ptd', 'sans-serif' !important; font-size:18px; font-weight:normal; color:#909090}

.main-consult .regist-select{display:inline-block; *display:inline; position:relative; height:48px; border:1px solid #ddd; border-radius:8px; overflow:hidden; vertical-align:middle; box-sizing:border-box}
.main-consult .regist-select select
{
	width:100%;
	height:46px;
	line-height:46px;
	margin:0;
	padding:0;
	padding-left:35px;
	color:#101010;
	letter-spacing:-0.8px;
	font-family:'pps','ptd', 'sans-serif' !important;
	font-size:18px;
	font-weight:normal;
	border:0;
	cursor:pointer;
	border-radius:8px;
	background-image:url("/static/fw/images/main/regist_select.png");
	background-position: right 50%;
	background-repeat:no-repeat;
	background-color:#fff;
	background-size:33px 9px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
}
.main-consult .regist-select select[disabled]{background:#eeeeee url("../images/common/select_normal.png") right 50% no-repeat; background-size:30px 36px; color:#b4b4b4}
.main-consult .regist-select select[readonly]{background:#f5f5f5 url("../images/common/select_normal.png") right 50% no-repeat; background-size:30px 36px;}
.main-consult .regist-select select::-ms-expand{display:none}

.main-consult .regist-textarea
{
	display:inline-block;
	height:169px;
	margin:0;
	padding:10px 35px;
	line-height:135%;
	background:#fff;
	color:#101010;
	letter-spacing:-0.8px;
	font-size:18px;
	font-weight:normal;
	border:1px solid #ddd;
	border-radius:8px;
	outline:none;
	box-sizing:border-box;
	resize:none
}
.main-consult .regist-textarea::placeholder{font-family:'pps','ptd', 'sans-serif' !important; font-size:18px; font-weight:normal; color:#909090}

.main-consult .regist-privacy{display:flex; align-items:center}
.main-consult .regist-check{position:relative; display:inline-block; min-width:29px; min-height:29px; vertical-align:middle; overflow:hidden}
.main-consult .regist-check input[type="checkbox"]{position:absolute; top:0; left:0; margin:0}
.main-consult .regist-check .hero{display:block; position:absolute; top:0; left:0; width:29px; height:29px; background-color:#fff; background-image:url("/static/fw/images/main/regist_check.png"); background-size:60px 29px; background-position:0 0; cursor:pointer}
.main-consult .regist-check input[type='checkbox']:checked + .hero {background-position:-31px 0}
.main-consult .regist-check strong{padding-left:39px; display:block; line-height:29px; font-size:18px; color:#909090; letter-spacing:-0.8px; font-weight:normal; cursor:pointer}

.main-consult .privacy-detail{display:inline-block; position:relative; margin-left:12px}
.main-consult .privacy-detail:before{content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background-color:#008cd3}
.main-consult .privacy-detail span{line-height:135%; font-size:16px; color:#008cd3; font-weight:300; letter-spacing:-0.8px}


.main-consult .regist-confirm{display:flex; align-items:center; justify-content:center; position:relative; margin-top:60px}
.main-consult .regist-confirm .confirm
{
	display:flex; align-items:center; justify-content:center; width:480px; height:65px; margin:0; padding:0 25px; border:0; border-radius:10px; text-align:center; cursor:pointer; box-sizing:border-box; transition:all .20s ease;
	background:#000; background:-webkit-linear-gradient(-43deg, #085dbc, #008cd4); background:-moz-linear-gradient(-43deg, #085dbc, #008cd4); background:linear-gradient(-43deg, #085dbc, #008cd4);
	-webkit-appearance:none;
}
.main-consult .regist-confirm .confirm span{font-size:18px; font-weight:300; color:#fff; letter-spacing:-0.8px}

.main-consult .regist-checklist ul{margin-left:-5px; margin-top:-5px}
.main-consult .regist-checklist ul:after{content:''; display:block; clear:both}
.main-consult .regist-checklist ul li{float:left; width:50%}
.main-consult .regist-checklist ul li .regist-check{margin-left:5px; margin-top:5px}




.file-import-multi{position:relative}
.file-import-multi .multi-list{margin-top:-5px}
.file-import-multi .multi-list li{margin-top:5px}

.file-import{display:inline-block; position:relative; width:80%; padding-right:73px; box-sizing:border-box}
.file-import label
{
	display:block; position:absolute; right:0; top:0; width:78px; height:48px; line-height:46px; margin:0; padding:0 12px;
    color:#fff; text-align:center; font-size:14px; font-weight:300; letter-spacing:-0.8px; border-radius:0 6px 6px 0; cursor:pointer; font-weight:normal; letter-spacing:0;
	background:#5c6072; border:1px solid #5c6072
}
.file-import label input{position:absolute; width:0; height:0; overflow:hidden}
.file-import > div{position:relative; height:48px; border:1px solid #ddd; vertical-align:middle; border-radius:8px}
.file-import input{width:100%; height:46px; margin:0; padding:0; line-height:28px; border:0; text-align:left; font-size:18px; text-indent:35px; color:#101010; background:#fff; border-radius:8px; box-sizing:border-box}
.file-import input[disabled]{background:#eeeeee}
.file-import input[readonly]{background:#f5f5f5}

.file-controll
{
    display:inline-block; position:relative; width:36px; height:36px; margin:0; padding:0;
    color:#606060; text-align:center; background:#fff; border:1px solid #d6d6d6;
    border-radius:6px; font-size:16px; font-weight:300; letter-spacing:0; vertical-align:middle; cursor:pointer; box-sizing:border-box;
    -webkit-appearance:none;
}
.file-controll.add:before,
.file-controll.add:after{content:''; position:absolute; left:50%; top:50%; background:#b6b6b6; transition:all .30s ease}
.file-controll.add:before{width:10px; height:2px; margin-left:-5px; margin-top:-1px}
.file-controll.add:after{width:2px; height:10px; margin-left:-1px; margin-top:-5px}

.file-controll.del:before{content:''; position:absolute; left:50%; top:50%; width:10px; height:2px; margin-left:-5px; margin-top:-1px; background:#b6b6b6; transition:all .30s ease}







/* main-ability */
.main-ability{position:relative; height:560px; background:#fff}
.main-ability-inner{display:flex; align-items:center; justify-content:center; position:relative; width:1300px; height:560px; margin:0 auto; box-sizing:border-box}

.main-ability .ability-top{position:relative; width:100%}

.main-ability .top-corp{display:flex; align-items:center; text-align:center; justify-content:space-evenly}
.main-ability .top-corp .corp-box img{width:50%; height:auto}

.main-ability .top-tit{margin-top:38px}
.main-ability .top-tit .tit,
.main-ability .top-tit .info{display:block; line-height:160%; text-align:center}
.main-ability .top-tit .tit{color:#303030; font-size:18px; font-weight:300; letter-spacing:-0.8px}
.main-ability .top-tit .tit span{display:block; font-size:18px}
.main-ability .top-tit .tit .mylink{color:#008cd4; font-size:24px}
.main-ability .top-tit .info{margin-top:10px; line-height:140%; color:#505050; font-size:18px; font-weight:normal; letter-spacing:-0.8px}
.main-ability .top-tit .info span{display:block; font-size:18px}


/* main-partner */
.main-partner{position:relative; height:396px; background:url("/static/fw/images/main/partner_bg.jpg") 50% 50% no-repeat; background-size:cover}
.main-partner-inner{display:flex; align-items:center; justify-content:center; position:relative; width:1300px; height:396px; margin:0 auto; box-sizing:border-box}

.main-partner .partner-top{position:relative}
.main-partner .top-tit .tit,
.main-partner .top-tit .info{display:block; line-height:125%; text-align:center; color:#fff}
.main-partner .top-tit .tit{font-size:38px; font-weight:300; letter-spacing:-2px}
.main-partner .top-tit .tit span{font-size:38px; line-height:125%}
.main-partner .top-tit .info{margin-top:18px; line-height:140%; font-size:18px; font-weight:normal; letter-spacing:-0.8px}
.main-partner .top-tit .info span{font-size:18px}

.main-partner .top-more{display:flex; align-items:center; justify-content:center; position:relative; height:65px; margin-top:35px}
.main-partner .top-more .more
{
	display:flex; align-items:center; height:65px; margin:0; padding:0 25px 0 30px; border:0; border-radius:200px; cursor:pointer; box-sizing:border-box; transition:all .20s ease;
	background:#000; background:-webkit-linear-gradient(-43deg, #008cd4, #085dbc); background:-moz-linear-gradient(-43deg, #008cd4, #085dbc); background:linear-gradient(-43deg, #008cd4, #085dbc);
	-webkit-appearance:none;
}
.main-partner .top-more .more span{padding-right:40px; font-size:18px; font-weight:300; color:#fff; letter-spacing:-0.8px}
.main-partner .top-more .more .arrow{position:relative; width:30px; height:2px; background-color:#fff; transition:all .20s ease}
.main-partner .top-more .more .arrow:before,
.main-partner .top-more .more .arrow:after{content:''; position:absolute; right:3px; width:2px; height:10px; background-color:#fff}
.main-partner .top-more .more .arrow:before{top:-7px; transform: rotate(-48deg)}
.main-partner .top-more .more .arrow:after{bottom:-7px; transform: rotate(48deg)}
.main-partner .top-more .more:hover .arrow{width:50px}

/* main-biz */
.main-biz{position:relative; background-color:#fafafa; overflow:hidden}
.main-biz-inner{display:flex; align-items:center; position:relative; width:1300px; height:445px; margin:0 auto; box-sizing:border-box}

.main-biz .connect-top{position:relative}
.main-biz .top-tit .ctit,
.main-biz .top-tit .tit,
.main-biz .top-tit .stit,
.main-biz .top-tit .info{display:block; line-height:125%; color:#101010}
.main-biz .top-tit .ctit{color:#008cd4; font-size:20px; font-weight:normal; letter-spacing:-0.5px}
.main-biz .top-tit .tit{font-size:38px; font-weight:300; letter-spacing:-2px}
.main-biz .top-tit .tit span{font-size:38px; line-height:125%}
.main-biz .top-tit .stit{margin-top:5px; font-size:28px; font-weight:300; letter-spacing:-1.2px}
.main-biz .top-tit .info{margin-top:23px; line-height:140%; color:#303030; font-size:20px; font-weight:normal; letter-spacing:-0.8px}
.main-biz .top-tit .info span{font-size:20px}

.main-biz .biz-visual{position:absolute; right:0; bottom:20px}
.main-biz .biz-visual img{display:block; position:relative; width:657px; height:332px; border:0; z-index:1}
.main-biz .biz-visual:before{content:''; position:absolute; left:0; top:0; width:992px; height:586px; background:url("/static/fw/images/main/biz_visual_bg.png") 50% 50% no-repeat;}


/* main-toolkit */
.main-toolkit{position:relative; background-color:#f7fafb; background:#f7fafb url("/static/fw/images/main/toolkit_bg.jpg") 50% 50% no-repeat; background-size:cover}
.main-toolkit-inner{display:flex; align-items:center; justify-content:flex-end; position:relative; width:1300px; height:443px; margin:0 auto; box-sizing:border-box}

.main-toolkit .toolkit-top{position:relative; text-align:right}
.main-toolkit .top-tit .ctit,
.main-toolkit .top-tit .tit,
.main-toolkit .top-tit .stit,
.main-toolkit .top-tit .info{display:block; line-height:125%; color:#101010}
.main-toolkit .top-tit .ctit{color:#008cd4; font-size:20px; font-weight:normal; letter-spacing:-0.5px}
.main-toolkit .top-tit .tit{font-size:38px; font-weight:300; letter-spacing:-2px}
.main-toolkit .top-tit .tit span{font-size:38px; line-height:125%}
.main-toolkit .top-tit .stit{margin-top:5px; font-size:28px; font-weight:300; letter-spacing:-1.2px}
.main-toolkit .top-tit .info{margin-top:23px; line-height:140%; font-size:20px; font-weight:normal; letter-spacing:-0.8px}
.main-toolkit .top-tit .info span{display:block; font-size:20px}

/* main-connect */
.main-connect{position:relative; background-color:#fafafa; overflow:hidden}
.main-connect-inner{display:flex; align-items:center; position:relative; width:1300px; height:445px; margin:0 auto; box-sizing:border-box}

.main-connect .connect-top{position:relative}
.main-connect .top-tit .ctit,
.main-connect .top-tit .tit,
.main-connect .top-tit .stit,
.main-connect .top-tit .info{display:block; line-height:125%; color:#101010}
.main-connect .top-tit .ctit{color:#008cd4; font-size:20px; font-weight:normal; letter-spacing:-0.5px}
.main-connect .top-tit .tit{font-size:38px; font-weight:300; letter-spacing:-2px}
.main-connect .top-tit .tit span{font-size:38px; line-height:125%}
.main-connect .top-tit .stit{margin-top:5px; font-size:28px; font-weight:300; letter-spacing:-1.2px}
.main-connect .top-tit .info{margin-top:23px; line-height:140%; font-size:20px; font-weight:normal; letter-spacing:-0.8px}
.main-connect .top-tit .info span{font-size:20px}

.main-connect .connect-visual{position:absolute; right:-95px; top:50%; margin-top:-359px}
.main-connect .connect-visual img{display:block; width:720px; height:719px; border:0}



/* layer_pop */
.layer-wrap{display:none; position:fixed; left:0; right:0; top:0; bottom:0; text-align:center; background-color:rgba(0,0,0,.6); z-index:999}
.layer-wrap.active{display:block}
.layer-wrap .pop-inner{content:''; display:flex; align-items:center; justify-content:center; width:100%; height:100%}
.layer-pop{position:relative; height:auto; padding:40px; border:1px solid #202020; background:#fff; box-sizing:border-box; box-shadow:2px 2px 10px 0 rgba(0, 0, 0, 0.2); z-index:999}
.layer-pop .head
{
    position:relative; padding:20px 0 20px 0; border-bottom:1px solid #ddd; text-align:left;
}
.layer-pop .head .pop-tit{display:inline-block; color:#101010; font-size:24px; line-height:135%; font-weight:600; letter-spacing:-2.2px}

.layer-pop .head .pop-info{position:relative; margin-top:10px}
.layer-pop .head .pop-info > li{display:flex; align-items:center; position:relative; margin-bottom:3px; color:#505050; letter-spacing:-0.5px; font-size:15px}
.layer-pop .head .pop-info > li:last-child{margin-bottom:0}
.layer-pop .head .pop-info > li > ul{margin-top:2px}
.layer-pop .head .pop-info.bul > li{padding-left:10px}
.layer-pop .head .pop-info.bul > li:before{content:''; position:absolute; left:0; top:9px; width:3px; height:3px; background:#909090}
.layer-pop .head .pop-info.unt > li{padding-left:22px}
.layer-pop .head .pop-info.unt > li .unt{position:absolute; top:0; left:5px}
.layer-pop .head .pop-info i{font-size:16px; vertical-align:middle; margin-top:-1px}

.layer-pop .head .pop-close{display:block; position:absolute; right:-26px; top:-26px; width:34px; height:34px}
.layer-pop .head .pop-close:before,
.layer-pop .head .pop-close:after{content:''; position:absolute; left:50%; width:28px; height:1px; margin-left:-14px; background:#101010; transition:all .30s ease}
.layer-pop .head .pop-close:before{top:16px; transform:rotate(45deg)}
.layer-pop .head .pop-close:after{bottom:17px; transform:rotate(-45deg)}
.layer-pop .head .pop-close:hover:before{transform:rotate(135deg)}
.layer-pop .head .pop-close:hover:after{transform:rotate(45deg)}

.layer-pop .pop-confirm
{
	display:inline-block; height:40px; line-height:40px; margin:0; padding:0 25px; border:0; border-radius:200px; cursor:pointer; box-sizing:border-box; transition:all .20s ease;
	background:#008cd3; -webkit-appearance:none;
}
.layer-pop .pop-confirm span{font-size:16px; font-weight:300; color:#fff; letter-spacing:-0.8px}


.layer-pop .body{position:relative; background:#fff}
.layer-pop .body .pop-contents{position:relative; padding:30px 0; max-height:700px; text-align:left; overflow-y:auto; box-sizing:border-box; -webkit-overflow-scrolling:touch}
.layer-pop .foot{position:absolute; bottom:0; left:0; right:0; padding:0 0 20px; background:#fff}



/* wms-mobile */
.wms-mobile{position:relative; height:1008px; background:#f8f9fd; overflow:hidden}
.wms-mobile:before
{
	content:""; display:none; position:absolute; top:-80px; left:90px; width:327px; height:613px;
    background:url(/static/fw/images/main/mobile_bg02.png)no-repeat; overflow:hidden; border-radius:30px;
    box-shadow:5px 10px 20px #00000010; z-index:0
}
.wms-mobile:after
{
    content:""; display:none; position:absolute; bottom:-238px; left:600px; width:332px; height:720px;
    background:url(/static/fw/images/main/mobile_bg03.png)no-repeat; overflow:hidden; border-radius:30px;
    box-shadow:5px 10px 20px #00000010; z-index:0
}
.wms-mobile .mobile-wrap{position:relative; max-width:1300px; margin:0 auto; padding-top:130px; z-index:1}
.mobile-wrap .tit{text-align:left; margin-top:46px}
.mobile-wrap .tit h3{font-size:48px; line-height:115%}
.mobile-wrap .tit h3 span{color:#008CD4; font-size:48px}
.mobile-wrap .tit h3 strong{font-size:78px; color:#008CD4}
.mobile-wrap .tit h3.highlight{display:inline-block; position:relative}
.mobile-wrap .tit h3.highlight::after{content:""; display:block; height:25px; margin-top:-23px; background:#008cd320}
.mobile-wrap .mobile-feature{position:relative; width:720px; margin-top:64px; z-index:2}
.mobile-wrap .mobile-feature li
{
	display:inline-flex;
	align-items:center;
	justify-content:center;
    width:310px;
    height:68px;
	margin:20px 40px 20px 0px;
    background:#fff;
    color:#333;
    font-size:24px;
    font-weight:300;
    letter-spacing:-1px;
    border-radius:10px;
    box-shadow:7px 4px 14px #008cd315;
}

.mobile-wrap .mobile-feature li i {margin-right:8px; color:#008CD4; font-size:27px}
.mobile-wrap .mobile-visual{position:relative; right:0px; top:-370px; z-index:0}
.mobile-wrap .mobile-visual:before{content:""; display:block; position:absolute; right:0; top:0; width:704px; height:662px; background:url(/static/fw/images/main/mobile_bg01.png) no-repeat; z-index:1}
.mobile-wrap .mobile-visual .mobile-slide{position:absolute; width:406px; height:800px; right:140px; top:-90px; z-index:1}
.mobile-wrap .mobile-visual .mobile-slide .slick-slide{height: 800px}
.mobile-wrap .mobile-visual .visual02{position:absolute; right:-36px; top:360px; width:253px; height:364px; z-index:1}
.mobile-wrap .mobile-visual .slick-arrow
{
    display:none !important;
    position:absolute;
    align-items:center;
    justify-content:center;
    width:50px;
    height:50px;
    padding:0;
    border-radius:50%;
    border:none;
    outline:none;
    font-size:0;
    cursor:pointer;
    z-index:2;
    transition:all .20s ease;
    background:#fff;
    box-shadow:2px 4px 10px #008cd330;
}

.mobile-wrap .mobile-visual .slick-prev,
.mobile-wrap .mobile-visual .slick-next{display:none; background:#ffffff80; z-index:3}
.mobile-wrap .mobile-visual .slick-prev{left:-40px; top:310px}
.mobile-wrap .mobile-visual .slick-next{right:-36px; top:310px}
.mobile-wrap .mobile-visual .slick-prev:before,
.mobile-wrap .mobile-visual .slick-next:before{color:#008CD4; font-family:'xeicon'; font-size:20px; transition:all .30s ease}
.mobile-wrap .mobile-visual .slick-prev:before{content:'\e93b'; left:-1px}
.mobile-wrap .mobile-visual .slick-next:before{content:'\e93e'; right:-1px}
.mobile-wrap .mobile-visual .slick-prev:hover,
.mobile-wrap .mobile-visual .slick-next:hover{background:#fff}
.mobile-wrap .mobile-visual .slick-prev:hover:before,
.mobile-wrap .mobile-visual .slick-next:hover:before{color:#008cd4}
.mobile-wrap .mobile-visual .slick-dots{position:absolute; bottom:30px; right:120px; width:100px; z-index:3}
.mobile-wrap .mobile-visual .slick-dots li{display:inline-block; margin:4px; border-radius:50%}
.mobile-wrap .mobile-visual .slick-dots li button{width:10px; height:10px; margin:0; padding:0; background:#dadada; border:0; font-size:0; border-radius:50%; cursor:pointer}
.mobile-wrap .mobile-visual .slick-dots li:hover button{background:#008CD4; transition:all .30s ease}
.mobile-wrap .mobile-visual .slick-dots li.slick-active button{background:#008CD4}