.tabs-vertical{font: normal 18px "微软雅黑";margin: 30px auto 30px;max-width: 1100px;text-align: center;border-radius: 2px;}

/* The tabs */

.tabs-vertical ul{display: inline-block;list-style: none;text-align: left;vertical-align: middle;margin: 0;padding-left: 0;}

.tabs-vertical ul li{margin-right: -1px;}

.tabs-vertical ul li a{display: block;text-decoration: none; color: #555; border: 1px solid transparent;border-right: 0;border-left: 0; padding: 20px 40px 20px 20px;}
.tabs-vertical ul li a.tab_01::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab1.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_01::before{background:url(../img/tab1.1.png) no-repeat;border:solid 1px #fcd801;}
.tabs-vertical ul li a.tab_02::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab2.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_02::before{background:url(../img/tab2.1.png) no-repeat;border:solid 1px #fcd801;}
.tabs-vertical ul li a.tab_03::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab3.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_03::before{background:url(../img/tab3.1.png) no-repeat;border:solid 1px #fcd801;}
.tabs-vertical ul li a.tab_04::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab4.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_04::before{background:url(../img/tab4.1.png) no-repeat;border:solid 1px #fcd801;}
.tabs-vertical ul li a.tab_05::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab5.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_05::before{background:url(../img/tab5.1.png) no-repeat;border:solid 1px #fcd801;}
.tabs-vertical ul li a.tab_06::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab6.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_06::before{background:url(../img/tab6.1.png) no-repeat;border:solid 1px #fcd801;}
.tabs-vertical ul li a.tab_07::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab7.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_07::before{background:url(../img/tab7.1.png) no-repeat;border:solid 1px #fcd801;}
.tabs-vertical ul li a.tab_08::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab8.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_08::before{background:url(../img/tab8.1.png) no-repeat;border:solid 1px #fcd801;}
.tabs-vertical ul li a.tab_09::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab9.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_09::before{background:url(../img/tab9.1.png) no-repeat;border:solid 1px #fcd801;}
.tabs-vertical ul li a.tab_10::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab10.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_10::before{background:url(../img/tab10.1.png) no-repeat;border:solid 1px #fcd801;}
.tabs-vertical ul li a.tab_11::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab11.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_11::before{background:url(../img/tab11.1.png) no-repeat;border:solid 1px #fcd801;}
.tabs-vertical ul li a.tab_12::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab12.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_12::before{background:url(../img/tab12.1.png) no-repeat;border:solid 1px #fcd801;}
.tabs-vertical ul li a.tab_13::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab13.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_13::before{background:url(../img/tab13.1.png) no-repeat;border:solid 1px #fcd801;}
.tabs-vertical ul li a.tab_14::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab14.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_14::before{background:url(../img/tab14.1.png) no-repeat;border:solid 1px #fcd801;}
.tabs-vertical ul li a.tab_15::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab15.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_15::before{background:url(../img/tab15.1.png) no-repeat;border:solid 1px #fcd801;}
.tabs-vertical ul li a.tab-active {color: #FCD801;}
.tabs-vertical ul li a.tab_16::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab16.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_16::before{background:url(../img/tab16.1.png) no-repeat;border:solid 1px #fcd801;}
.tabs-vertical ul li a.tab_17::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab17.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_17::before{background:url(../img/tab17.1.png) no-repeat;border:solid 1px #fcd801;}
.tabs-vertical ul li a.tab_18::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab18.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_18::before{background:url(../img/tab18.1.png) no-repeat;border:solid 1px #fcd801;}
.tabs-vertical ul li a.tab_19::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab19.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_19::before{background:url(../img/tab19.1.png) no-repeat;border:solid 1px #fcd801;}
.tabs-vertical ul li a.tab_20::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab20.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_20::before{background:url(../img/tab20.1.png) no-repeat;border:solid 1px #fcd801;}
.tabs-vertical ul li a.tab_21::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab21.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_21::before{background:url(../img/tab21.1.png) no-repeat;border:solid 1px #fcd801;}
.tabs-vertical ul li a.tab_22::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab22.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_22::before{background:url(../img/tab22.1.png) no-repeat;border:solid 1px #fcd801;}
.tabs-vertical ul li a.tab_23::before{content: "";width: 40px;height: 40px;border:solid 1px #313131;border-radius:10px;margin-right: 20px;display: inline-block;vertical-align: middle;background:url(../img/tab23.png) no-repeat;}
.tabs-vertical ul li:hover a.tab_23::before{background:url(../img/tab23.1.png) no-repeat;border:solid 1px #fcd801;}

.tabs-vertical ul li:first-child a{border-top: 0;}

/* The content */

.tabs-vertical .tabs-content-placeholder{vertical-align: middle;display: inline-block; overflow: hidden;font-weight: normal;background-color: #fff; padding: 20px 40px 45px;margin: 0 auto;text-align: center;}

.tabs-vertical .tabs-content-placeholder div{display: none;}

.tabs-vertical .tabs-content-placeholder div.tab-content-active{ display: block;
}

.tabs-vertical .tabs-content-placeholder div p{color: #565a5c;line-height: 1.5;text-align: left;margin: 5px 0 20px;}

.tabs-vertical .tabs-content-placeholder div img{max-width: 100%;border: 1px #e1e1e1 solid;border-radius:6px ;}

@media (max-width: 768px) {
	.tabs-vertical{font: normal 14px "微软雅黑";}


    .tabs-vertical ul{width: 100%;text-align: center;float: none;}

    .tabs-vertical ul li{display: inline-block;margin-bottom: -1px;text-align: left;}

    .tabs-vertical ul li a{border-bottom: 0;border-top: 0;padding: 12px 2px;}
   

    .tabs-vertical ul li:first-child a{border-left: 0;}

    .tabs-vertical .tabs-content-placeholder{padding: 15px 30px 30px;border-left: 0;}
	.tabs-vertical ul li a.tab_folder::before{content: "";width: 20px;height: 20px;margin-right: 5px;display: inline-block;vertical-align: middle;background:url(../img/tab_folder2.png) no-repeat;
	}
	.tabs-vertical ul li:hover a.tab_folder::before{background:url(../img/tab_folder2_hover.png) no-repeat;}
	.tabs-vertical ul li a.tab_tracking::before{content: "";width: 20px;height: 20px;margin-right: 5px;display: inline-block;vertical-align: middle;background:url(../img/tab_tracking2.png) no-repeat;}
	.tabs-vertical ul li:hover a.tab_tracking::before{background:url(../img/tab_tracking2_hover.png) no-repeat;}
	.tabs-vertical ul li a.tab_historical_inquiry::before{content: "";width: 20px;height: 20px;margin-right: 5px;display: inline-block;vertical-align: middle;background:url(../img/tab_historical2_inquiry.png) no-repeat;}
	.tabs-vertical ul li:hover a.tab_historical_inquiry::before{background:url(../img/tab_historical_inquiry2_hover.png) no-repeat;}
	.tabs-vertical ul li a.tab_label::before{content: "";width: 20px;height: 20px;margin-right: 5px;display: inline-block;vertical-align: middle;background:url(../img/tab_label2.png) no-repeat;}
	.tabs-vertical ul li:hover a.tab_label::before{background:url(../img/tab_label2_hover.png) no-repeat;}
}

.tabs-underline{max-width: 1100px;box-sizing: border-box;background-color: #fff;font: normal 16px "微软雅黑";margin: 30px auto;text-align: center;padding: 40px 0;}

/* The tabs */

.tabs-underline ul{list-style: none;text-align: left;margin: 0;padding: 0;text-align: center;}

.tabs-underline ul li{display: inline-block;}

.tabs-underline ul li a{display: block;text-decoration: none;color:  #999;font-size: 18px;margin: 0 10px 15px 0;padding-bottom: 5px;}

.tabs-underline ul li a.tab-active {border-bottom: 2px solid #FCD801;}

/* The content */

.tabs-underline .tabs-content-placeholder{overflow: hidden;font-weight: normal;}

.tabs-underline .tabs-content-placeholder .list-clients{display: none;}
.tabs-underline .tabs-content-placeholder .list-clients.tab-content-active{display: block;}

.tabs-underline .tabs-content-placeholder div p{ color: #565a5c;line-height: 1.5;text-align: left;margin: 5px 0 20px;}

.tabs-underline .tabs-content-placeholder div img{max-width: 100%;}