.bannner{height:200px;}
.bannner .wenan{margin-top:58px;margin-left:60px;transition:all .3s;}
.bannner .wenan.light_text{color:#ccc;}
.bannner .layui-this .wenan{margin-top:28px;}
.bannner .wenan .subtitle{font-size:18px;line-height:24px;}
.bannner .wenan .title{font-size:28px;font-weight:600;line-height:50px;white-space:nowrap;}
.bannner .wenan .desc{font-size:15px;line-height:20px;white-space:nowrap;overflow-x:hidden;}
.bannner .wenan .button_go{margin-top:50px;white-space:nowrap;transition:all .3s;}
.bannner .layui-this .wenan .button_go{margin-top:15px;}
.bannner .wenan .button_go a{background-color:rgba(255,255,255,.3);}
.bannner .wenan .button_go a.more{background-color:transparent;}
.bannner .wenan .button_go a:hover{background-color:transparent;}
.bannner .wenan .button_go a.more:hover{background-color:rgba(255,255,255,.3);}
.bannner .wenan.light_text .button_go a{background-color:rgba(255,255,255,.75);}
.bannner .wenan.light_text .button_go a.more{background-color:rgba(255,255,255,.5);}
@media (max-width:479px){
	.bannner .wenan{margin-top:19px;margin-left:30px;}
}

#page_body{padding:0;}
.sectionbox{width:100%;padding:120px 0 85px 0;}
.sectionbox.gray{background:#EBF3F9;}
.section{width:100%;min-width:300px;max-width:1200px;margin:0 auto;}
.section .title{text-align:center;font-size:26px;color:#3F4552;font-weight:700;line-height:42px;}
.section .subtitle{font-size:16px;color:#666;opacity:.5;}
.section .speed_buttons{text-align:center;}
.section .speed_buttons a{height:auto;padding:5px 18px;background-color:transparent;border-color:#ccc;color:#666;border-radius:5px 5px;}
.section .speed_buttons a i{font-size:24px;display:inline-block;transition:all 1s;-webkit-transition:all 1s;}
.section .speed_buttons a:hover{border-color:#0165F9;color:#0165F9;background-color:rgba(1,101,249,.1);}
.section .speed_buttons a:hover i{transform:perspective(800px) rotateY(180deg);-webkit-transform:perspective(800px) rotateY(180deg);/*-webkit-animation-name:layui-scalesmall-spring;animation-name:layui-scalesmall-spring;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;*/}
.section .speed_buttons.darkbg a{background-color:rgba(249,249,249,.25);}
.section .speed_buttons.darkbg a:hover{border-color:#eee;color:#eee;background-color:rgba(1,101,249,.25);}

.tab-buttons>.layui-tab-title{text-align:center;border-bottom-width:0;}
.tab-buttons>.layui-tab-title li{border:solid 1px #0165F9;border-radius:30px 30px;font-size:16px;color:#0165F9;line-height:normal;padding:10px 20px;margin:0 5px;}
.tab-buttons>.layui-tab-title li:hover{-webkit-animation-name:layui-fadein;animation-name:layui-fadein;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.tab-buttons>.layui-tab-title .layui-this{background-color:#0165F9;color:#fff;}
.tab-buttons>.layui-tab-title .layui-this:after{display:none;}
.tab-buttons[overflow]>.layui-tab-title{height:auto;display:flex;flex-wrap:wrap;justify-content:center;}
.tab-buttons[overflow]>.layui-tab-title li{margin-bottom:10px;}
.tab-buttons[overflow]>.layui-tab-title .layui-tab-bar{display:none;}
.tab-buttons>.layui-tab-content{padding:15px 0;}

.tab-rich>.layui-tab-title{text-align:center;height:auto;border-bottom-color:#ddd;}
.tab-rich>.layui-tab-title li{font-size:16px;line-height:normal;padding:10px 15px;}
.tab-rich>.layui-tab-title li i{display:block;font-size:32px;}
.tab-rich>.layui-tab-title li:hover{-webkit-animation-name:layui-fadein;animation-name:layui-fadein;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.tab-rich>.layui-tab-title .layui-this{color:#0165F9;background-color:#eee;}
.tab-rich>.layui-tab-title .layui-this:after{height:100%;border-color:#ddd;}
.tab-rich>.layui-tab-content{padding:15px 0;}

.layui-tab-brief>.layui-tab-title{border-bottom-width:2px;border-bottom-color:#ddd;}
.layui-tab-brief>.layui-tab-title li{font-size:16px;}
.layui-tab-brief>.layui-tab-title .layui-this {color:#0165F9;}
.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after{top:-2px;border-bottom:solid 2px #0165F9;transition:all .2s;-webkit-transition:all .2s;}
.layui-tab-brief>.layui-tab-content{padding:20px;}

.text_pic .layui-tab-item{background-color:#fff;border-radius:8px 8px;}
.text_pic{display:flex;flex-wrap:wrap;align-items:flex-start;}
.text_pic .text{width:42%;height:100%;overflow:hidden;margin-right:2%;margin-bottom:0;padding:20px;}
.text_pic .text h1{font-size:28px;font-weight:600;line-height:50px;white-space:nowrap;}
.text_pic .text h2{font-size:18px;line-height:24px;color:#0958D9;}
.text_pic .text .desc{font-size:15px;line-height:20px;white-space:normal;margin:20px 0;text-align:left;}
.text_pic .text .desc li{padding-left:24px;position:relative;margin-bottom:8px;}
.text_pic .text .desc li:before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;background:url(/static/images/icon/list-style-blue.svg) 50% center no-repeat;background-size:contain;}
.text_pic .text .desc li h3{font-size:16px;line-height:24px;color:#9cc;}
.text_pic .text .links{margin-top:20px;margin-bottom:20px;text-align:center;}
.text_pic .text .links a{color:#0165F9;}
.text_pic .pic{width:56%;max-width:600px;height:100%;overflow:hidden;padding:20px;}
.text_pic .pic img{width:100%;border:0;}
.section_adbox .text_pic .text{width:56%;}
.section_adbox .text_pic .pic{width:42%;}
.section_adbox .text_pic .pic img{border-radius:50% 50%;}
@media (max-width:992px){
	.text_pic{flex-direction:column-reverse;align-items:center;}
	.text_pic .text{width:100%;padding:0 20px;}
	.text_pic .text h1{text-align:center;}
	.text_pic .text h2{text-align:center;}
	.text_pic .pic{width:100%;max-width:720px;}
	.section_idaas_advantage .text_pic .pic{width:100%;max-width:480px;}
	.section_adbox .text_pic .text{width:100%;}
	.section_adbox .text_pic .pic{width:100%;max-width:480px;}
}

.section_about{width:100%;background-color:#778604;}
.section_about>.section{display:flex;justify-content:center;flex-wrap:wrap;}
.section_about>.section .list_item{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:10px 30px;opacity:.85;transition:all .3s;}
.section_about>.section .list_item:hover{opacity:1;}
.section_about>.section .aboutus{justify-content:space-between;}
.section_about>.section .aboutus .text_box{text-align:left;max-height:190px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;}
.section_about>.section .aboutus .read_more{float:right;margin:5px 40px 0 0;color:#00a4ff;}
.section_about>.section .list_item .item_title{font-size:20px;font-weight:600;color:#333;white-space:nowrap;}
.section_about>.section .list_item .item_desc{font-size:16px;line-height:24px;color:#333;}
.section_about>.section .list_item .btns{margin:20px auto;display:flex;}
.section_about>.section .list_item .btns .layui-btn{border-radius:3px 3px;}
.section_about>.section .list_item .news_list ul{margin:15px;}
.section_about>.section .list_item .news_list li{line-height:28px;list-style-type:circle;margin-left:24px;text-align:left;}
.section_about>.section .list_item .news_list .read_more{float:right;margin:0 40px 20px 0;color:#00a4ff;}
@media (max-width:992px){
	.section_about>.section{flex-direction:column;}
}

.section_user{width:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.section_user>.section{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;padding:30px 0;}
.section_user>.section .list_item{margin:10px;display:flex;}
.section_user>.section h2{font-size:26px;line-height:48px;color:#3F4552;font-weight:500;}
.section_user>.section .layui-input{border-color: #393D49;color: #393D49;font-size:16px;font-weight:bold;font-family:Verdana,Tahoma;}
.section_user>.section .layui-btn{border-radius:8px 8px;}
.section_user>.section .layui-btn#quick_reg{border-radius:0 8px 8px 0;}

@media (min-width:768px){
	.section h1.long{display:block;}
	.section h1.short{display:none;}
}
@media (max-width:767px){
	.section h1.long{display:none;}
	.section h1.short{display:block;}
}
@media (max-width:479px){
	.section_user>.section{flex-direction:column;}
	.section_user>.section .layui-input-inline{display:block;}
}