.banner{background-position: center;background-size: cover;text-align: center;line-height: normal;height: 600px;height: 60vh;color: #e3eff5;border-bottom: solid 4px #00aee6;min-height: 500px;max-height: 700px;}
.banner .container{position: relative;height: 100%;}
.banner .title{font-size: 48px;font-weight: 300;color: #00aee6;margin-bottom: 30px;}
.banner .subtitle{font-size: 24px;font-weight: normal;line-height: 1.42;color: #ffffff;}
.banner .info{text-align: left;max-width: 800px;position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);box-sizing: border-box;
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);}
.banner .btn-content{margin-top: 30px;}
.banner .btn-content .btn{margin-bottom: 10px;}
.banner .btn-content .btn:first-child{margin-right: 16px;}
.banner .btn-content .btn-group {display: inline-block; padding: 0 10px 20px;}
.banner .btn-content .btn-group .btn {margin-right: 0;}
.banner .video-btn{color: #fff;position: absolute;top: 50%;right: 10%;text-align: center;font-size: 18px;margin-top: -50px;cursor: pointer;}
.banner .video-btn i{font-size: 36px;border: solid 2px #fff;border-radius: 100px;width: 60px ;height: 60px;line-height: 60px;display: inline-block;margin-bottom: 20px;}
.banner .video-btn:hover{color: #00aee6;}
.banner .video-btn:hover i{border-color: #00aee6;}
.banner .list{font-size: 18px;line-height: 1.7;color: #e3eff5;}
.banner .list i{border: solid 1px #e3eff5;width: 16px;height: 16px;border-radius: 100px;font-size: 12px;text-align: center;line-height: 16px;display: inline-block;margin-right: 10px;vertical-align: 1px;}
.banner .list i:before{display: inline-block;-webkit-transform: scale(0.666);
-ms-transform: scale(0.666);
-o-transform: scale(0.666);
transform: scale(0.666);}
.banner .system{margin-top: 20px;}
.banner .system a{margin-left: 10px;vertical-align: middle;}
.banner .system a{font-size: 20px;color: #7aa0b4;}
.banner .system a.curr{color: #00aee6;}
.banner_auto {height: auto; padding: 60px 0;}
.banner_auto > .pic {padding-top:60px; margin-bottom: -40px;}
@media(max-width: 1200px){
	.banner .info{max-width: 70%;padding: 0 30px;}
}
@media(max-width: 768px){
	.banner .info{max-width: 100%;}
	.banner .video-btn{display: none;}
}
@media(max-width: 480px){
	.banner{min-height: 100vh;}
	.banner_auto {min-height: auto;};
	.banner .btn-content .btn{margin: 10px 0;width: 100%;}
	.banner .title{font-size: 36px;}
	.banner .subtitle{font-size: 18px;}
	.banner .list{font-size: 16px;}
}

.logos{text-align: center;padding: 40px;}

.features-1{background-color: #f5f7f9;padding: 90px 0;text-align: center;line-height: normal;}
.features-1 .title{font-size: 36px;font-weight: 300;line-height: 1.33;color: #26324b;margin-bottom: 30px;}
.features-1 .items [class^=item-]{padding: 10px 5px;}
.features-1 .pic{max-height: 240px;overflow:hidden;border-bottom: solid 4px #00aee6;}
.features-1 .pic img{width: 100%;}
.features-1 .info{min-height: 320px;overflow:hidden;padding: 30px 24px 60px;box-sizing: border-box;text-align: left;background-color: #26324b;position: relative;}
.features-1 .info .dd1{font-size: 18px;line-height: 1.56;color: #00aee6;min-height: 40px;margin-bottom: 10px;}
.features-1 .info .dd2{font-size: 16px;line-height: 1.63;color: #a3c8db;position: relative;margin-bottom: 20px;padding-left: 30px;}
.features-1 .info .dd2 i{position: absolute;left: 0px;top: 8px;border: solid 1px #a3c8db;border-radius: 100px;width: 16px;height: 16px;font-size: 12px;line-height: 16px;text-align: center;display: inline-block;}
.features-1 .info .dd2 i:before{-webkit-transform: scale(0.666);display: inline-block;
-ms-transform: scale(0.666);
-o-transform: scale(0.666);
transform: scale(0.666);}
.features-1 .info .more{position: absolute;left: 24px;bottom: 30px;}

.features-2{background-color: #26324b;padding: 90px 0;text-align: center;line-height: normal;}
.features-2 .title{font-size: 36px;font-weight: 300;line-height: 1.33;color: #00aee6;margin-bottom: 50px;}
.features-2 .list{color: #7aa0b4;font-size: 16px;text-align: left;cursor: pointer;}
.features-2 .list .dd1{font-size: 24px;margin-bottom: 10px;}
.features-2 .list .pics{float: left;text-align: center;width: 120px;}
.features-2 .list .pics .pic{margin: 10px 0;position: relative;}
.features-2 .list .pics .pic:after{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: rgba(38, 50, 75, 0.46);}
.features-2 .list.curr{color: #fff;}
.features-2 .list.curr .pics .pic:after{background-color: rgba(0, 0, 0, 0);}

.features-3{background-color: #e3eff5;text-align: center;line-height: normal;padding: 80px 0;}
.features-3 .title{font-size: 36px;font-weight: 300;line-height: 1.33;color: #26324b;margin-bottom: 30px;}
.features-3 .item{background-color: #fff;padding: 40px;text-align: left;min-height: 260px;}
.features-3 .item .top{padding-left: 80px;position: relative;margin-bottom: 30px;}
.features-3 .item .top .img{position: absolute;left: 0;top: -8px;}
.features-3 .item .dd1{font-size: 14px;font-weight: 800;color: #7aa0b4;}
.features-3 .item .dd2{font-size: 16px;color: #26324b;line-height: 1.63;}

.features-5{text-align: center;line-height: normal;padding: 80px 0;background-color: #f5f7f9;}
.features-5 .title{font-size: 36px;font-weight: 300;line-height: 1.33;color: #26324b;margin-bottom: 20px;}
.features-5 .subtitle{font-size: 18px;line-height: 1.67;color: #26324b;max-width: 900px;margin: 0 auto 20px;}
.features-5 .dd{font-size: 20px;font-weight: 800;color: #00aee6;margin-bottom: 20px;}
.features-5 .items [class^=item-]{padding: 5px;}
.features-5 .box{background-color: #fff;padding: 30px 35px;box-sizing: border-box;height: 300px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);border-radius: 2px;}
.features-5 .box .pic{height: 60px;}
.features-5 .box .dd1{font-size: 18px;font-weight: 800;color: #26324b;margin-bottom: 10px;}
.features-5 .box .dd2{font-size: 16px;line-height: 1.63; color: #26324b;margin-bottom: 10px;}
.features-5 .box .dd3{line-height: 1.43;color: #7aa0b4;}
@media(max-width: 480px){
	.features-5 .box{height: auto;}
}

.features-6{text-align: center;line-height: normal;padding: 100px 0;background-color: #f5f7f9;}
.features-6 .title{font-size: 36px;font-weight: 300;color: #26324b;margin-bottom: 20px;}
.features-6 .dd{font-size: 18px;color: #26324b;margin-bottom: 20px;}
.features-6 li{width: 120px;height: 52px;font-size: 18px;color: #ffffff;line-height: 52px;margin: 15px;display: inline-block;text-align: center;border-radius: 2px;vertical-align: middle;}
.features-6 .list1{margin-top: 40px;}
.features-6 .list1 li{background-color: #00aee6;}
.features-6 li span{display: inline-block;line-height: 1.2;vertical-align: middle;}
.features-6 .list2 li{background-color: #a3c8db;}
.features-6 .list3 li{background-color: #26324b;}

.features-7 {background-color: #c4eafd;}
.features-7 .cont {padding-top: 20px; margin-bottom: -20px;}
.features-7 .box {text-align: left; background-color: #fff;padding:30px; margin:-10px -10px 30px; box-sizing: border-box; min-height:300px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);border-radius: 2px;}
.features-7 .box.blue {background-color: #26324b; color: #fff;}
.features-7 .box_h2x {min-height:620px;}
.features-7 .name {font-size: 28px; line-height: 1.4em; color: #00aee6; margin-bottom: 15px;}
.features-7 .box p {margin-bottom: 15px;}
.features-7 .box ul {padding-top: 10px;}
.features-7 .more {font-weight: normal; color:#373737;}
.features-7 .more:hover {color:#00aee6;}
.features-7 .box.blue .name {color: #fff; margin-top:40px;}
.features-7 .box.blue ul li {margin-bottom: 10px;}
.features-7 .box.blue .ul_arrow li:after {color: #fff; border-color: #fff;}
.features-7 .box.blue .more {color: #00aee6;}
@media (max-width: 480px){
	.features-7 .name {font-size: 24px;}
}

.faq_list dl dt {font-size: 20px; font-weight: bold; line-height: 1.2em; color: #26324b; padding:15px 0; border-bottom: solid 1px #e8e8e8; cursor: pointer;}
.faq_list dl dd {padding:20px 0;}
.faq_list p,
.faq_list ul {margin-bottom: 15px;}
.faq_list ul:not(.ul_arrow) li {padding: 3px 0;}
.faq_list a {color: #00aee6;}
.faq_list .box {background-color:#f2f2f2; padding: 20px; position: relative;}
.faq_list .box .new {position: absolute; z-index: 2; top: 15px; left: 0; background-color: #e95249; color: #fff; padding:2px 10px; font-size: 16px; line-height: 1.2em;}
.faq_list .box .name {font-size: 28px; line-height: 1.2em; color: #26324b; padding: 15px 0;}
.faq_list .box ul {padding-top: 10px;}
@media (max-width: 480px){
	.faq_list .box {padding:10px 0 0;}
	.faq_list .box .name {font-size: 24px;}
}

.recover-list{text-align: center;line-height: normal;background-color: #26324b;padding: 80px 0 40px;}
.recover-list .title{font-size: 36px;font-weight: 300;color: #00aee6;margin-bottom: 20px;}
.recover-list .dd{font-size: 18px;line-height: 1.67;color: #a3c8db;max-width: 930px;margin: 0 auto 60px;}
.recover-list .dd1{font-size: 18px;line-height: 1.33; color: #a3c8db;}
.recover-list .pic{height: 80px;}
.recover-list .items [class^='item-']{-webkit-perspective: 1000px;-moz-perspective: 1000px;-ms-perspective: 1000px;perspective: 1000px;}
.recover-list .box{padding: 20px 0;position: relative;height: 240px;box-sizing: border-box;border-radius: 2px;}
.recover-list .box .back-text{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: #00aee6;color: #fff;box-sizing: border-box;padding: 30px 20px;border-radius: 2px;opacity: 0;-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;}
.recover-list .box .back-text .text1{font-size: 18px;margin-bottom: 10px;line-height: 1.33;}
.recover-list .box .back-text .text2{line-height: 1.57;font-size: 14px;}
.recover-list .items [class^='item-']:hover .box .back-text{opacity: 1;}
@media(max-width: 480px){
	.recover-list .items [class^='item-']{margin-bottom: 0;}
	.recover-list .items [class^='item-']:hover .box{-webkit-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;}
}

.simple-steps{text-align: center;line-height: normal;padding: 90px 0;}
.simple-steps .title{font-size: 36px;font-weight: 300;color: #26324b;margin-bottom: 50px;}
.simple-steps .items{border-left: dashed 1px #26324b;padding-bottom: 40px;}
.simple-steps .info{box-sizing: border-box;padding: 20px 60px 0 30px;text-align: left;}
.simple-steps .info .top{font-size: 24px;color: #26324b;line-height: 1.42;margin-bottom: 10px;position: relative;}
.simple-steps .info .top i{background-color: #fff;position: absolute;left: -43px;top: 4px;font-size: 24px;color: #00aee6;width: 24px;height: 24px;border: dashed 1px #26324b;border-radius: 100px;text-align: center;line-height: 24px;-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);}
.simple-steps .info .dd{font-size: 16px;line-height: 1.63;color: #26324b;}
.simple-steps .pic{text-align: left;padding-left: 20px;}
@media(max-width: 1200px){
	.simple-steps{padding-left: 30px;padding-right: 30px}
}
@media(max-width: 768px){
	.simple-steps .pic{margin-top: 30px;}
}
@media(max-width: 480px){
	.simple-steps .info{padding: 20px 0px 0px 30px;}
}

.recovery-result{background-color: #f5f7f9;padding: 90px 0;text-align: center;line-height: normal;}
.recovery-result .title{font-size: 36px;font-weight: 300;color: #26324b;margin-bottom: 20px;}
.recovery-result .dd{font-size: 18px;color: #26324b;margin-bottom: 80px;}
.recovery-result .circle-group{margin-bottom: 30px;}
.recovery-result .circle-group p{color: #26324b;font-size: 14px;margin-bottom: 15px;}
.recovery-result .dd1{text-align: left;font-size: 16px;line-height: 1.63;color: #26324b;margin-bottom: 30px;padding: 0 30px;}
.recovery-result .items [class^=item-]{padding: 5px;}
.recovery-result .box{background-color: #fff;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);padding: 30px 20px;height: 320px;box-sizing: border-box;}
.recovery-result .box .pic{height: 60px;}
.recovery-result .box .dd2{font-size: 18px;font-weight: 800;color: #26324b;margin-bottom: 10px;}
.recovery-result .box .dd3{font-size: 12px;line-height: 1.85;color: #26324b;}
@media(max-width: 480px){
	.recovery-result .box{height: auto;}
	.recovery-result .dd1{padding: 0 10px;}
}

.page_nav {padding: 15px 0; text-align: center; font-size: 16px; font-weight: bold;}
.page_nav ul:after {display: block;content: '';clear: both;}
.page_nav ul li {float: left; width: 20%;}
.page_nav ul li a {display:block; border-left: solid 1px #a3bcca; padding: 10px 0;}
.page_nav ul li a:hover,
.page_nav ul li a.curr {color: #00aee6;}
.page_nav ul li:first-child a {border-left: 0;}
@media(max-width: 767px){
	.page_nav {font-size: 14px;}
	.page_nav ul {border-top:solid 1px #a3bcca;border-left:solid 1px #a3bcca;}
	.page_nav ul li {width: 50%;}
	.page_nav ul li a {border-left: 0; border-right:solid 1px #a3bcca; border-bottom:solid 1px #a3bcca;}
}
@media(max-width: 400px){
	.page_nav ul li {float: none; width: auto;}
}

.item_grid .item {position: relative;}
.item_grid .box {background-color: #fff;padding: 30px 35px;box-sizing: border-box; height:200px;box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);border-radius: 2px;}
.item_grid .hover {opacity: 0; background-color: #00aee6; color: #fff !important; text-align: left; margin: 20px; padding: 25px 25px 0; position: absolute; top: 0; left: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.item_grid .item:hover .hover {opacity: 1;}
.item_grid .img {padding: 10px;}
.item_grid .name {font-size: 18px; font-weight: bold; margin-bottom: 15px;}

.works-step {padding:20px 0; text-align: center;}
.works-step .item {float:left; width:32%; padding-left:2%; position:relative; z-index:1;}
.works-step .item:after {display:block; font-family: 'globalIconfont'; content:'\e095'; font-size:22px; color: #00aee6; position:absolute; z-index:2; top:40%; left:0;}
.works-step .item:first-child {padding-left:0;}
.works-step .item:first-child:after {display:none;}
.works-step .item .num {display: inline-block;}
.works-step .item .name {display: inline-block;}
.works-step .item .pic {padding:0 15px; margin-top: 20px;}
.works-step .item .info {text-align: left; padding:20px 0;}
.works-step .btn_zoom {display:inline-block; position:relative;}
.works-step .btn_zoom:after {display:block;font-family: 'globalIconfont';content:'\e037'; position:absolute; bottom: 0; right: 0; font-size: 20px; line-height: 1; padding: 10px;}
@media(max-width: 700px){
	.works-step .item {float:none; width:auto; padding-left:0; padding-bottom: 40px;}
	.works-step .item:after {left: 50%; top: -40px; margin-left: -15px; transform:rotate(90deg); font-size:32px;}
	.works-step .item .pic {margin-bottom: 10px;}
	.works-step .item .info {padding-bottom: 0;}
}