﻿/* 板块标题 */
.title-box{ margin-bottom: 17px; }
.title-box .left-title{ margin-top: 12px; display: inline-block; position: relative; }
.title-box h1{ font-weight: bold; display: inline-block; color: #000; font-size: 28px; font-family: MiSansBold!important; padding-left: 12px; position: relative; z-index: 1 }
.title-box .left-title::before{ content: ""; display: inline-block; width: 24px; height: 24px; position: absolute; left: 0; border-radius: 50%; border: 6px solid #009782; background-color: transparent; transform: translateY(-50%); top: 50%; z-index: 0; } 
.title-box .right-title{ position: relative; margin-right: 16px; }
.title-box .right-title img{ height: 56px; }
.title-box .right-title span{ position: absolute; right: 12px; bottom: 15px; color: #212121; }
.title-box .right-title span i{ display: inline-block; vertical-align: middle; margin-left: 4px; }
.title-box .right-title span small{ display: inline-block; vertical-align: middle; font-size: 16px; }

/* 科智科技 */
.box-1{ padding: 36px 0 28px; }
.box-1 .box1-title{ margin-bottom: 36px; }
.box-1 h1{ font-family: MiSansBold!important; font-weight: bold; font-size: 48px; color: #212121; margin-bottom: 30px; margin-top: 0; }
.box-1 h2{ font-family: MiSansBold!important; font-weight: bold; font-size: 24px; color: #212121; margin-bottom: 0; margin-top: 0; }
.box-1 .box-1-content { position: relative; }
.box-1 .box-1-content img{ width: 100%; position: absolute; height: 100%; object-fit: cover; }
.box-1 .box-1-content .achievement{ position: relative; width: 100%; padding: 20px 90px 80px; height: 100%; }
/* .box-1 .box-1-content .achievement .number{ margin: 5px 0 5px; } */
.box-1 .box-1-content .achievement .number b{ display: inline-block; font-size: 180px;
font-family: DDINCondensed,DDIN;font-weight: normal;color: #FFFFD5;
-webkit-background-clip: text;-webkit-text-fill-color: #FFFFD5;
-o-background-clip: text;-o-text-fill-color: #FFFFD5;
-ms-background-clip: text;-ms-text-fill-color: #FFFFD5;
-moz-background-clip: text;-moz-text-fill-color: #FFFFD5;
}
.box-1 .box-1-content .achievement .number span{ color: #FFFFD5; font-size: 24px; }
.box-1 .box-1-content .achievement .num-table-nav{ font-size: 0; width: 100%; border-top: 1px solid #FFFFD5; position: relative; }
.box-1 .box-1-content .achievement .num-table-nav span{ width: 25%; display: inline-block; position: absolute; top: -2.5px; left: 0; border-top: 4px solid #FFFFD5;  }
.box-1 .box-1-content .achievement .num-table-nav p{ cursor: pointer; margin-top: -2.5px; padding-top: 12px; display: inline-block; width: 25%; color: #FFFFD5; font-size: 24px; font-weight: normal; }

/* 科智业务 */
.box-2 { margin-bottom: 4px; }
.box-2 .business{ margin-left: -12px; margin-right: -12px; }
.box-2 .business .col-box{ padding: 0 12px; margin-bottom: 24px; }
.box-2 .business .col-content{ display: block; border-radius: 20px; background-color: #fff; padding: 36px; box-shadow: 0px 10px 26px 1px rgba(80, 162, 232, 0.058823529411764705); }
.box-2 .business .col-content:hover { transform: translateY(-3px); box-shadow: 0px 10px 26px 1px rgba(0,0,0, 0.05); }
.box-2 .business .title{ margin-bottom: 10px; }
.box-2 .business .title span{ display: inline-block; font-family: MiSansBold!important; color: #212121; font-size: 24px; padding-bottom: 12px; border-bottom: 1px solid #D2D2D2; }
.box-2 .business .details{ height: 72px; line-height: 1.5em; font-size:16px ; color: #696969; font-size: 16px; }

/* 合作伙伴 */
.partner-content{ margin: 0 -12px 0 -12px; font-size: 0; }
.partner-content li{ vertical-align: top; padding: 0 12px; margin-bottom: 24px; display: inline-block; }
.partner-content li > div{ box-shadow: 0 5px 20px 0 rgba(19,60,154,.08); background-color: #fff; border-radius: 4px; overflow: hidden; text-align: center; }
/* .partner-content li > div.w-160{ width: 160px; }
.partner-content li > div.w-200{ width: 200px; }
.partner-content li > div.w-240{ width: 240px; } */
.partner-content li > div img{ height: 90px; object-fit: cover; }

/* .partner-content li:nth-of-type(1) > div, .partner-content li:nth-of-type(4) > div, .partner-content li:nth-of-type(5) > div,.partner-content li:nth-of-type(6) > div, .partner-content li:nth-of-type(12) > div,.partner-content li:nth-of-type(18) > div{ width: 160px;}

.partner-content li:nth-of-type(2) > div, .partner-content li:nth-of-type(7) > div, .partner-content li:nth-of-type(9) > div,.partner-content li:nth-of-type(13) > div, .partner-content li:nth-of-type(16) > div,.partner-content li:nth-of-type(17) > div, .partner-content li:nth-of-type(19) > div, .partner-content li:nth-of-type(20) > div{ width: 240px;}

.partner-content li:nth-of-type(3) > div, .partner-content li:nth-of-type(8) > div, .partner-content li:nth-of-type(10) > div,.partner-content li:nth-of-type(11) > div, .partner-content li:nth-of-type(14) > div,.partner-content li:nth-of-type(15) > div, .partner-content li:nth-of-type(21) > div{ width: 200px;} */


/* banner */
.banner{ height: 540px; }
.banner .carousel , .carousel-inner, .carousel-inner>.item, .carousel-inner>.item img{ height: 100%; width: 100%; object-fit: cover; }
.banner .carousel-indicators li { width: 40px; max-height: 4px; background-color: rgba(255,255,255,.3); border: none; margin: 0 12px; } 
.banner .carousel-indicators li.active { opacity: 1; height: 10px; background-color: #fff; } 
.banner .z-carousel-caption { background-color: transparent; position: absolute; top: 50%; width: 100%; transform: translateY(-60%); }
.banner .z-carousel-caption .container{ padding: 0 128px; }
.banner .z-carousel-caption h1{ font-family: MiSansBold!important; color: #fff; font-size: 48px; line-height: 1.5em; text-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); }
.banner .z-carousel-caption p{ margin-top: 30px; }
.banner .z-carousel-caption p a{ font-size: 16px; display: inline-block; width: 100px; height: 40px; line-height: 40px; color: #fff; background: rgba(0,0,0,0.4); border-radius: 24px 24px 24px 24px; text-align: center; }
/* .banner .z-carousel-caption p a:hover{ background-color: #fff; color: #000; } */
.banner .z-carousel-caption .z-carousel-control { position: absolute; }

.banner .z-controls{ position: absolute; display: none; width: 100%; top: 50%; transform: translateY(-50%); }
.banner .z-controls a{ display: inline-block; width: 42px; height: 80px; text-align: center; background-color: rgba(0,0,0,0.3); }
.banner .z-controls i{ line-height: 80px; font-size: 40px; color: #fff; }
/* .banner .z-controls .container{ padding: 0 54px; } */
.banner .z-controls .right{ float: right; }

/* 新闻报道 */
.table-box .table-content .table-list{ display: none; }
.table-box .table-content .table-list:first-child{ display: block; }

@media (max-width: 992px){
	.banner .z-carousel-caption h1{ font-size: 30px; }
	.box-1 .box-1-content .achievement{ padding: 30px 20px 60px; }
	.box-1 .box-1-content .achievement .number b{ font-size: 120px; }
	.box-1 .box-1-content .achievement .num-table-nav p{ font-size: 20px; vertical-align: top; }
	
	.box-1 .container{ padding: 0; width: 100%; }
}


@media (max-width: 768px) {
	.banner { height: 270px; }
	.banner .z-carousel-caption .container{ padding: 0 50px; }
	.banner .z-carousel-caption { top: 50%; transform: translateY(-50%); }
	.banner .z-carousel-caption h1{ font-size: 24px; }
	.banner .z-controls .container{ padding: 0 12px; }
	.banner .z-carousel-caption p { margin-top: 20px; }
	.banner .z-carousel-caption p a{ font-size: 14px; }
	
	.banner .carousel-indicators li{ width: 20px; }
	
	.box-1 .container{ padding: 0; }
	.box-1 .box-1-content .achievement{ padding: 10px 12px 40px; }
	.box-1 .box-1-content .achievement .number b{ font-size: 100px; }
	.box-1 .box-1-content .achievement .num-table-nav p{ font-size: 16px; vertical-align: top; padding: 10px; }
	.title-box .right-title img { height: 46px; }
	.partner-content li{ width: 50%; }
	.partner-content li > div{ height: 50px; width: 100%!important; border-radius: 6px; }
	
	.table-box .table-nav li{ width: 33.333%; margin: 0; }
}
