html{height:auto;}
body{height:auto;}
#sbxa{height:auto;}
#page_body{height:auto;padding:103px 0 0 0;}
#body_container{height:auto;}
#side_container{overflow-x:auto;overflow-y:auto;display:none;}
#content_container{overflow-x:auto;overflow-y:auto;}
#page_footbar{position:initial;height:auto;}

#banner1{min-height:300px;}
#banner1 .wenan{margin-top:58px;margin-left:60px;transition:all .3s;}
#banner1 .layui-this .wenan{margin-top:40px;}
#banner1 .wenan .subtitle{font-size:18px;line-height:24px;}
#banner1 .wenan .title{font-size:28px;font-weight:600;line-height:54px;white-space:nowrap;}
#banner1 .wenan .desc{font-size:15px;line-height:20px;}
#banner1 .wenan .button_go{margin-top:60px;white-space:nowrap;transition:all .3s;}
#banner1 .layui-this .wenan .button_go{margin-top:30px;}
#banner1 .wenan .button_go a{background-color:rgba(255,255,255,.3);}
#banner1 .wenan .button_go a.more{background-color:transparent;}
#banner1 .wenan .button_go a:hover{background-color:transparent;}
#banner1 .light .wenan{color:rgba(255,255,255,.75);}
#banner1 .light .wenan .button_go a{border-color:rgba(255,255,255,.75)!important;color:rgba(255,255,255,.75)!important;}
@media (max-width:479px){
	#banner1 .wenan{margin-top:29px;margin-left:30px;}
}

#nav_bookmark{background-color:rgba(240,240,255,.98);border-bottom:solid 1px #aaa;box-shadow:0 5px 5px rgba(0,0,0,.1);z-index:999;position:fixed;top:103px;left:0;right:0;}
#nav_bookmark .container{width:100%;max-width:1200px;margin:0 auto;white-space:nowrap;overflow:hidden;font-size:0;}
#nav_bookmark a{display:inline-block;padding:0 10px;border-bottom:solid 2px transparent;line-height:38px;font-size:14px;transition:all .2s;-webkit-transition:all .2s;}
#nav_bookmark a:hover,
#nav_bookmark a.current{color:#0165F9;border-bottom-color:#aaa;}
@media (max-width:767px){
	#nav_bookmark a{padding:0 5px;}
}

.sectionbox{width:100%;padding:32px 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;*/}

.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;}

.paas .layui-tab-item{background-color:#fff;border-radius:8px 8px;}
.paas .layui-tab-item .content-box{height:475px;display:flex;flex-wrap:wrap;align-items:flex-start;border:solid 1px #ddd;border-radius:8px 8px;}
.paas .layui-tab-item .content-box .menu{width:30%;height:100%;padding:8px 0;display:flex;flex-direction:column;background-color:rgba(1,101,249,.75);color:#fff;border-radius:8px 0 0 8px;overflow:hidden;}
.paas .layui-tab-item .content-box .menu li{cursor:pointer;font-size:16px;padding:10px 20px;margin:1px 0;background-color:rgba(255,255,255,.03);transition:all .2s;-webkit-transition:all .2s;}
.paas .layui-tab-item .content-box .menu li.sub:before{content:' - '}
.paas .layui-tab-item .content-box .menu li:hover{background-color:rgba(255,255,255,.2);padding-left:30px;}
.paas .layui-tab-item .content-box .menu li.current{background-color:rgba(255,255,255,.75);color:#0165F9;}
.paas .layui-tab-item .content-box .lst{width:70%;height:99%;padding:20px;overflow-y:auto;}
.paas .layui-tab-item .content-box .lst>dl{display:none;}
.paas .layui-tab-item .content-box .lst>dl.current{display:flex;flex-wrap:wrap;justify-content:space-between;-webkit-animation-name:layui-fadein;animation-name:layui-fadein;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.paas .layui-tab-item .content-box .lst dd{display:inline-flex;flex-direction:column;width:33.333333%;padding:0 1% 20px 1%;border-bottom:solid 1px #f0f0f0;margin-bottom:20px;transition:all .2s;-webkit-transition:all .2s;}
.paas .layui-tab-item .content-box .lst dd:hover{border:solid 1px rgba(1,101,249,.5);background-color:rgba(1,101,249,.1);cursor:pointer;}
.paas .layui-tab-item .content-box .lst dd:empty{padding:0;border-bottom:0;margin-bottom:0;}
.paas .layui-tab-item .content-box .lst dd:empty:hover{border:0;background-color:transparent;cursor:default;}
.paas .layui-tab-item .content-box .lst dd .title{display:flex;flex-direction:column;text-align:center;font-size:18px;font-weight:500;}
.paas .layui-tab-item .content-box .lst dd .title .ico{width:36px;height:36px;margin:5px auto;background:url(/static/devops/inst-0/portal-5/images/icon/icon_data1.png) center center no-repeat;background-size:contain;border:solid 1px #ddd;border-radius:50%;}
.paas .layui-tab-item .content-box .lst dd .desc{margin:5px 0 15px 0;color:rgba(0,0,0,.75);flex:1;}
.paas .layui-tab-item .content-box .lst dd .btns{text-align:center;}
.paas .layui-tab-item .content-box .lst dd .btns a{font-size:12px;color:#666;border:0;}
.paas .layui-tab-item .content-box .lst dd:hover .btns a{color:#0165F9;}
@media (max-width:467px){
	.paas .layui-tab-item .content-box .lst dd{width:100%;}
	.paas .layui-tab-item .content-box .lst dd:empty{display:none;}
}
@media (min-width:468px) and (max-width:991px){
	.paas .layui-tab-item .content-box .lst dd{width:50%;}
	.paas .layui-tab-item .content-box .lst dd:nth-last-child(-n+2):not(:empty){border-bottom-color:transparent;margin-bottom:0;}
	.paas .layui-tab-item .content-box .lst dd:nth-last-child(-n+2):not(:empty):hover{border-bottom:solid 1px rgba(1,101,249,.5);}
}
@media (max-width:991px){
	.paas .layui-tab-item .content-box .lst dd .title{flex-direction:row;}
	.paas .layui-tab-item .content-box .lst dd .title .ico{margin:5px 10px;}
}
@media (min-width:992px){
	.paas .layui-tab-item .content-box .lst dd:nth-last-child(-n+3):not(:empty){border-bottom-color:transparent;margin-bottom:0;}
	.paas .layui-tab-item .content-box .lst dd:nth-last-child(-n+3):not(:empty):hover{border-bottom:solid 1px rgba(1,101,249,.5);}
}
.paas .layui-tab-item .content-box .text{width:48%;height:100%;overflow:hidden;margin-right:2%;margin-bottom:0;padding:20px;}
.paas .layui-tab-item .content-box .text .title{font-size:18px;font-weight:400;text-align:left;}
.paas .layui-tab-item .content-box .text .desc{white-space:normal;line-height:24px;padding-left:15px;padding-bottom:10px;}
.paas .layui-tab-item .content-box .text .links{margin-top:20px;margin-bottom:20px;text-align:center;}
.paas .layui-tab-item .content-box .text .links a{color:#0165F9;}
.paas .layui-tab-item .content-box .pic{width:50%;height:100%;overflow:hidden;padding:20px;}
.paas .layui-tab-item .content-box .pic img{width:100%;border:0;}

.dzinsight .layui-tab-item .content-box{display:flex;flex-wrap:wrap;align-items:flex-start;}
.dzinsight .layui-tab-item .content-box .text{width:48%;margin-right:2%;margin-bottom:0;}
.dzinsight .layui-tab-item .content-box .text .title{font-size:18px;font-weight:400;text-align:left;}
.dzinsight .layui-tab-item .content-box .text .desc{white-space:normal;line-height:24px;padding-left:15px;}
.dzinsight .layui-tab-item .content-box .text .desc li{padding-left:24px;position:relative;}
.dzinsight .layui-tab-item .content-box .text .desc li:before{content:"";position:absolute;left:0;top: 4px;width:16px;height:16px;background:url(/static/devops/inst-0/portal-5/images/icon/list-style-blue.svg) 50% center no-repeat;background-size:contain;}
.dzinsight .layui-tab-item .content-box .text .links{margin-top:30px;margin-bottom:20px;text-align:center;}
.dzinsight .layui-tab-item .content-box .text .links a{color:#0165F9;}
.dzinsight .layui-tab-item .content-box .pic{width:50%;}
.dzinsight .layui-tab-item .content-box .pic img{width:100%;border:0;}

.botz .layui-tab-item{background-color:#fff;border-radius:8px 8px;padding:20px;}
.botz .layui-tab-item .content-box{display:flex;flex-wrap:wrap;align-items:flex-start;}
.botz .layui-tab-item .content-box li{width:25%;margin:0;padding:0 1% 2% 1%;border-right:solid 1px #ddd;}
.botz .layui-tab-item .content-box li:last-child{border-right:0;}
.botz .layui-tab-item .content-box li .title{font-size:18px;font-weight:400;text-align:left;}
.botz .layui-tab-item .content-box li .desc{white-space:normal;line-height:24px;}
.botz .layui-tab-item .content-box li .btns{width:100%;margin-top:15px;display:none;}
.botz .layui-tab-item .content-box li:hover .btns{display:block;}
.botz .layui-tab-item .content-box li .btns a{width:100%;background-color:transparent;border-color:#33415C;color:#33415C;height:24px;line-height:22px;padding:0 12px;font-size:12px;}
.botz .layui-tab-item .content-box li .btns a:hover{background-color:#0165F9;border-color:#0165F9;color:#fff;}
.botz .layui-tab-item .content-box .text{width:48%;margin-right:2%;margin-bottom:0;}
.botz .layui-tab-item .content-box .text .title{font-size:18px;font-weight:400;text-align:left;}
.botz .layui-tab-item .content-box .text .desc{white-space:normal;line-height:24px;padding-left:15px;}
.botz .layui-tab-item .content-box .pic{width:50%;}
.botz .layui-tab-item .content-box .pic img{width:100%;border:0;}

.solution_cases .layui-tab-item .content-box{display:flex;}
.solution_cases .layui-tab-item .content-box .solution{flex:1;width:360px;padding-right:15px;border-right:solid 1px #ddd;margin-right:15px;}
.solution_cases .layui-tab-item .content-box .solution .title{text-align:left;font-size:24px;color:#33415C;white-space:nowrap;padding-bottom:10px;}
.solution_cases .layui-tab-item .content-box .solution .desc{text-align:left;line-height:28px;color:#888;font-size:15px;}
.solution_cases .layui-tab-item .content-box .solution .btns{padding-top:20px;}
.solution_cases .layui-tab-item .content-box .solution .btns a{background-color:#33415C;}
.solution_cases .layui-tab-item .content-box .solution .btns a:hover{background-color:#0165F9;}
.solution_cases .layui-tab-item .content-box .cases{flex:2;display:flex;flex-wrap:wrap;align-content:flex-start;}
.solution_cases .layui-tab-item .content-box .cases .case{width:23%;max-width:200px;min-height:43%;max-height:100px;margin:1%;border:solid 1px #ddd;}
.solution_cases .layui-tab-item .content-box .cases .case:hover{opacity:.5;}
.solution_cases .layui-tab-item .content-box .cases .case img{width:100%;border:0;}

.section .item_list{margin:30px 0 10px 0;display:flex;flex-wrap:wrap;justify-content:center;}
.section .item_list li{background-color:#fff;border-radius:5px 5px;width:23%;padding:20px 15px 40px 15px;margin:0 1% 2% 1%;text-align:center;}
.section .item_list li .title{font-size:18px;font-weight:400;color:#0165F9;/*color:#33415C;*/white-space:nowrap;}
.section .item_list li .desc{text-align:left;line-height:28px;color:#888;font-size:15px;}

@media (max-width:767px){
	.tab-buttons>.layui-tab-title li{font-size:14px;padding:8px 12px;}
	.tab-rich>.layui-tab-title li{font-size:14px;padding:8px 12px;}
	.layui-tab-brief>.layui-tab-title li{font-size:14px;}

	.paas .layui-tab-item .content-box{height:auto;}
	.paas .layui-tab-item .content-box .menu{width:100%;height:auto;flex-direction:row;flex-wrap:wrap;border-radius:8px 8px 0 0;padding:15px;}
	.paas .layui-tab-item .content-box .menu li{font-size:14px;padding:10px 15px;margin:5px 10px 5px 0;border:solid 1px rgba(255,255,255,.2);}
	.paas .layui-tab-item .content-box .menu li.sub:before{content:'';}
	.paas .layui-tab-item .content-box .menu li:hover{padding-left:15px;}
	.paas .layui-tab-item .content-box .lst{width:100%;height:auto;overflow-y:hidden;}
	.paas .layui-tab-item .content-box .text{width:100%;height:auto;margin-right:0;margin-bottom:20px;}
	.paas .layui-tab-item .content-box .pic{width:100%;height:auto;}

	.dzinsight .layui-tab-item .content-box .text{width:100%;margin-right:0;margin-bottom:20px;}
	.dzinsight .layui-tab-item .content-box .pic{width:100%;}

	.botz .layui-tab-item .content-box li{width:50%;padding:0 2% 4% 2%;border-right:solid 1px #ddd;}
	.botz .layui-tab-item .content-box li:nth-child(even){border-right:0;}
	.botz .layui-tab-item .content-box li:nth-child(n+3){border-top:solid 1px #ddd;padding-top:2%;}
	.botz .layui-tab-item .content-box .text{width:100%;margin-right:0;margin-bottom:20px;}
	.botz .layui-tab-item .content-box .pic{width:100%;}

	.solution_cases .layui-tab-item .content-box{flex-direction:column;}
	.solution_cases .layui-tab-item .content-box .solution{width:100%;padding-right:0;border-right:0;margin-right:0;padding-bottom:15px;border-bottom:solid 1px #ddd;margin-bottom:15px;position:relative;}
	.solution_cases .layui-tab-item .content-box .solution .btns{padding:2px;position:absolute;top:0;right:0;}

	.section .item_list li{width:48%;}
}
@media (max-width:1199px){
	.tab-buttons>.layui-tab-content{padding:15px 10px;}
	.tab-rich>.layui-tab-content{padding:15px 10px;}
}

table#table-fee{width:100%;max-width:840px;margin:10px auto;}
table#table-fee th{line-height:28px;font-size:15px;font-weight:600;text-align:right;border-color:rgba(51,65,92,.75);white-space:nowrap;}
table#table-fee td{line-height:28px;font-size:15px;border-color:rgba(51,65,92,.75);}
table#table-fee td a{font-weight:500;}
table#table-fee td .highlight{color:#0165F9;}