.demo { width:1000px; margin:20px auto 50px; }
.demo h1 { font-size:28px; font-weight:normal; margin-bottom:50px; }
.tips { color:#999; font-size:12px; margin:50px 0 20px; }

.tab-content { /*background-color:#f7f7f7;*/ padding:10px; }
.tab-content h4, .accordion-content h4 { margin-bottom:5px; }
.tab-content p, .accordion-content p { margin-bottom:10px; }

@media only screen and ( max-width:1000px ){
	
	.demo { width:100%; }
}




.tabs-list { position: relative;
    width: 62.5rem;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
	margin: auto;
margin-bottom: 1rem;}
.tabs-list li { width: calc((100% - 0px) / 5);
    font-size: 1.125rem;
    color: #121212;
    display: flex;
    justify-content: center;}
.tabs-list li a {display: block;
    padding-bottom: 1.75rem;
    position: relative;  }
.tabs-list li a:after { content: "";
    display: block;
    width: 0;
    height: 4px;
    background: #1e7ef1;
    position: absolute;
    right: 0;
    bottom: 0;
    visibility: hidden;     transition: .5s;}
.tabs-list li.active a  { color: #1A6EFB;}
.tabs-list li.active a:after  { visibility: visible;
    right: auto;
    left: 0;
    width: 100%; }
.tab_zc_bk .tabs-list li.active a{ color: #70dbff;}

.jjfa_dzj .tabs-list li.active a{ color: #f1ff34;}
.jjfa_jyyx .tabs-list li.active a{ color: #3affca;}
.jjfa_wjyl .tabs-list li.active a{ color: #dbff70;}
.jjfa_sydw .tabs-list li.active a{ color: #ffe052;}
.jjfa_jtqy .tabs-list li.active a{ color: #2ee0ff;}

.tabs .top_tab_xhx:after{
	content: "";
    display: block;
    width: 100vw;
    height: 1px;
    background: #e6e7ec;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;}
.tabs .tab_qh_bfmx:after{display:none;}



.tab-content { /*margin:10px 0 0px;*/}
.tabs .accordion-handle { display:none; }

.responsive-tabs{ }

.tab-content .tab_nek_zt_k{    
	max-width: 1400px;
    margin: auto;
    display: flex;
    height: 33.75rem;
    align-items: center;}

.dectab_ys{
    }

.dectab_ys .bjt_ygq{background: url(../images/s_fuwu_bg.jpg) center no-repeat;
    background-size: 100% 100%;}
.dectab_ys .bjt_dzj{background: url(../images/s_fuwu_bg2.jpg) center no-repeat;
    background-size: 100% 100%;}
.dectab_ys .bjt_jyyx{background: url(../images/s_fuwu_bg3.jpg) center no-repeat;
    background-size: 100% 100%;}
.dectab_ys .bjt_wjyl{background: url(../images/s_fuwu_bg4.jpg) center no-repeat;
    background-size: 100% 100%;}
.dectab_ys .bjt_sydw{background: url(../images/s_fuwu_bg5.jpg) center no-repeat;
    background-size: 100% 100%;}
.dectab_ys .bjt_jtqy{background: url(../images/s_fuwu_bg6.jpg) center no-repeat;
    background-size: 100% 100%;}

/*AI频道页tab去掉背景图*/

.dectab_ys .AI_tab_bg_no{background: none;}


.dectab_ys_canten{max-width: 1500px; margin: auto;    display: flex;
    height: 33.75rem;
    align-items: center;}
.tab_zc_bk{width: 42rem;
    flex-shrink: 0;
    padding-right: 4.5rem;}
.tab_zc_bk .tt{    margin-bottom: 2rem;}
.tab_zc_bk .tt h3{ font-size: 1.875rem;
    color: #fff;
    font-family: "HarmonyOS_Sans_SC_Bold";}
.tab_zc_bk .tt p{font-size: .875rem;
    color: rgba(255,255,255,.8);
    line-height: 1.5;
    margin-top: .875rem;}

ul.dercd_djan {display: flex;
    flex-wrap: wrap;
    margin-bottom: 3.25rem;
    max-width: 548px;}

ul.dercd_djan li {width: calc((100% - 0px) / 3);
    display: block;
    flex-grow: 1;
    color: #fff;
    font-size: .875rem;
    line-height: 3rem;
    border-bottom: 1px solid rgba(255,255,255,.2);}

ul.dercd_djan li.active{    color: #70dbff;}

ul.dercd_djan li a{    display: flex;
    align-items: center;padding-bottom: 0;
    position: inherit;}
ul.dercd_djan li a:before{
	content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    margin-right: .75rem;
	position: inherit;
	padding-bottom: 0;
}
ul.dercd_djan li a:after{
	content: "";
    display: none;
    
}

.tab_zc_bk .btn_whiteline{    
	width: 6.75rem;
    height: 2.5rem;
    border-radius: 6px;
    color: #fff;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
	transition: .5s;
}
.tab_zc_bk .btn_whiteline:hover{ color: #fff;
    border: 2px solid #fff;
    background: rgba(100%,100%,100%,.01);    
	box-shadow: 0 0 1rem rgba(2,106,234,0.2);
    transform: translateY(-5px);}

.tab_fd_ycnrk{flex-grow: 1;
    padding: 1.5rem 0 1.5rem 2.25rem;
    position: relative;
    z-index: 1;}

.tab_fd_ycnrk:after{content: "";
    display: block;
    width: calc(50vw + 14rem);
    height: 100%;
    border-radius: .625rem 0 0 .625rem;
    background: rgba(255,255,255,1);
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;}

.tab-content h4{
    color: #3D3D3D;
    font-size: 1.285rem;
    /*font-weight: bold;*/    
	padding-left: 40px;
    position: relative;
	font-family: "HarmonyOS_Sans_SC_Bold";
}

.tab-content h4.jjfa_hy_ybtb_h4{
	margin-bottom: 1rem;
    padding: 10px 18px;
    background: linear-gradient(90deg,#0b6cd3,rgba(0,0,255,0));
    color: #ffffff;
    border-radius: .225rem 0 0 .225rem;
    font-size: 1.5rem;
    font-family: "HarmonyOS_Sans_SC_Bold";}

.tab-content h4.dzj_bjsbt{background: linear-gradient(90deg,#d50404,rgba(0,0,255,0));}
.tab-content h4.jyyx_bjsbt{background: linear-gradient(90deg,#4CAF50,rgba(0,0,255,0));}
.tab-content h4.wjyl_bjsbt{background: linear-gradient(90deg,#3bc3b2,rgba(0,0,255,0));}
.tab-content h4.sydw_bjsbt{background: linear-gradient(90deg,#166ce1,rgba(0,0,255,0));}
.tab-content h4.jtqy_bjsbt{background: linear-gradient(90deg,#1082b6,rgba(0,0,255,0));}

/*.tab-content h4:after {
    background-color: #1a6efb;
    bottom: 1px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 4px;
    border-radius: 51px;
}*/

.tab-content h4.dzj_bttbd:after{background-color: #d50606;}


.tab-content h4.jjfa_hy_ybtb_h4:after {
    background-color: #70dbff;
    bottom: 1px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    width: 4px;
    border-radius: 51px;
}

.tab-content h4.dzj_bjsbt:after{background-color: #fdab4a;}
.tab-content h4.jyyx_bjsbt:after{background-color: #06c9be;}
.tab-content h4.wjyl_bjsbt:after{background-color: #70ff73;}
.tab-content h4.sydw_bjsbt:after{background-color: #ffe052;}
.tab-content h4.jtqy_bjsbt:after{background-color: #52c9ff;}


.AI_h4_qqr:before{
	
	background: url("../images/AIjjq.gif") center no-repeat;
	background-size: 40px;
    bottom: -10px;
    content: "";
    height: 40px;
    left: 0px;
    position: absolute;
    width: 40px;
    border-radius: 0px;}

.hb_jjfa_nrk{    margin-top: 14px;}

.hb_jjfa_nrk span{
	line-height: 28px;
    text-align: center;
    display: inline-block;
    padding: 0px 10px;
    height: 30px;
    width: 150px;
    overflow: hidden;
    color: #707070;
    border: 1px solid #c7c7c7;
    font-size: 0.875rem;
    letter-spacing: 1px;
    margin: 0px 10px 10px 0px;border-bottom: 2px solid #666;}


.hb_jjfa_nrk span.AI_span{ border:none;text-align: left;position: relative;    padding-left: 30px;color: #333333;
    padding-right: 0;}
.hb_jjfa_nrk span.AI_span:before{
	background: url( "../images/i3.png") center no-repeat;
	background-size: 14px;
    bottom: 10px;
    content: "";
    height: 14px;
    left: 10px;
    position: absolute;
    width: 14px;
    border-radius: 0px;}

.hb_jjfa_nrk span.dzj_ai_span:before{
	background: url( "../images/i3_red.png") center no-repeat;
	background-size: 14px;
	}

.tab-content .AIdx_bgif {
   /* margin-bottom: 10px;*/
}

/*.tab-content .AIdx_bgif:after {
    content: "";
    background: url(../images/dxht.png) center no-repeat;
    bottom: 158px;
    height: 20px;
    left: 150px;
    position: absolute;
    width: 275px;
    border-radius: 0px;
}*/

.tab-content p{font-size: .9375rem;
    color:#666;
    line-height: 1.5;
    margin-top: .875rem;}
a.ckxq_tab_ycnr{color: #3f85f9; font-size: 0.875rem;  margin-top: 2rem;
    margin-left: 0rem;}


a.chakgd_bt{
	color: #3d3d3d;
    border-color: #6a6a6a;
    background-color: #fff;
    width: 148px;
	display: block;
	clear: both;
    margin-top: 0.3rem;
    padding: 6px 4px;
    font-size: 0.875rem;
    line-height: 2;
    border-radius: 6px;
    border-width: 1px;border: 1px solid #c7c7c7;position: relative;
    overflow: hidden;
    background-color: transparent;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
	margin-left: 6px;
}


a.chakgd_bt:hover {
    transform: translateY(0);
	background-color: #1A6EFB !important;
	color: #fff;
}

.tabs-vertical-left, .tabs-vertical-right { *zoom:1; }
.tabs-vertical-left:before, .tabs-vertical-left:after, .tabs-vertical-right:before, .tabs-vertical-right:after { visibility:hidden; display:block; font-size:0;content:" "; clear:both; height:0; }
.tabs-vertical-left .tabs-list, .tabs-vertical-right .tabs-list { width:25%; }
.tabs-vertical-left .tabs-list li, .tabs-vertical-right .tabs-list li { display:block; margin:0 0 5px 0; width:100%; }
.tabs-vertical-left .tabs-list li a, .tabs-vertical-right .tabs-list li a { height:auto; padding:8px 20px; line-height:1.5; }
.tabs-vertical-left .tabs-container, .tabs-vertical-right .tabs-container { width:75%; }
.tabs-vertical-left .tabs-list { float:left; }
.tabs-vertical-left .tabs-container { float:right; }
.tabs-vertical-left .tabs-container .tab-content { margin:0 0 0 15px; }
.tabs-vertical-right .tabs-list { float:right; }
.tabs-vertical-right .tabs-container { float:left; }
.tabs-vertical-right .tabs-container .tab-content { margin:0 15px 0 0; }

.accordion-handle { position:relative; margin-bottom:10px; background-color:#ebebeb; text-decoration:none; color:#808080; cursor:pointer; transition:all 0.4s ease 0s; }
.accordion-handle:hover { background-color:#d9d9d9; }
.accordion-handle.active { background-color:#0d7eff; color:#fff; }
.accordion-handle h4 { height:38px; line-height:38px; padding:0 15px; font-size:14px; font-weight:normal; }
.accordion-handle i { display:block; width:38px; height:38px; overflow:hidden; position:absolute; right:0; top:0; background:url(../images/icon-accordion.gif) no-repeat top center; }
.accordion-handle.active i { background-position:bottom center; }
.accordion-content { margin-bottom:15px; display:none; }


@media only screen and ( max-width:768px ){
	.responsive-tabs .tabs-list { display:none; }
	.responsive-tabs .accordion-handle { display:block; }	
	.responsive-tabs.tabs-vertical-left .tabs-container, .responsive-tabs.tabs-vertical-right .tabs-container { width:100%; float:none; }
	.responsive-tabs.tabs-vertical-left .tabs-container .tab-content, .responsive-tabs.tabs-vertical-right .tabs-container .tab-content { margin:10px 0 15px; }	
}