@charset "utf-8";
/* CSS Document */
.wrapper{background: #222;}
.banner_inner{display: flex; align-items: center; color: #fff;}
.b_i_text{padding:5%;}
.b_i_text h3{font-size: 40px; letter-spacing:5px; padding-bottom: 2%; }
.b_i_text p{line-height: 2em;}
.b_i_text .details{color: #5391e4; border: 1px solid #2e3192; border-radius: 19px; width: 130px; height: 38px; line-height: 38px; text-align: center; cursor: pointer;}
.b_i_img{text-align: center; padding:1% 0 0 0; }
.banner_tab{text-align: center; padding-bottom: 100px;}
@media (max-width: 767px){
	.banner_tab{ padding-bottom: 50px;}
}
.banner_tab ul{width: 110px; display: block; color: #fff; font-size: 25px; text-align: center;}
.banner_tab li{list-style-type:none; float: left; width: 25px; cursor: pointer;}
.banner_tab li.on{list-style-type:none;}
.libox ul.row{ padding-left: 0; margin: 0px 0;}
.libox{
	background-color: #fff;
	position: relative;
	top:-60px;
	border-radius: 4px;
	background-clip:padding-box;
	box-shadow:0 4px 60px rgba(0,0,0, .1);
	-moz-box-shadow:0 4px 60px rgba(0,0,0, .1);
	-webkit-box-shadow:0 4px 60px rgba(0,0,0, .1);

}
.libox li{list-style-type:none;}
.innerbox{ padding-left: 100px; height: 96px;}
.innerbox01{ background: url(../images/icon01.png) no-repeat 0 0px;}
.innerbox02{ background: url(../images/icon02.png) no-repeat 0 0px;}
.innerbox03{ background: url(../images/icon03.png) no-repeat 0 0px;}
.innerbox04{ background: url(../images/icon04.png) no-repeat 0 0px;}
.innerbox_title{font-size: 16px; line-height: 2em; padding-top: 12px;}
.innerbox_p{font-size: 12px; color: #999;}
/*----------------------------首页页头结束------------------------------*/

/*---------平台数据----------*/
.datali{ text-align: center; }
.datali_title{}
.datali_title_t{font-size: 30px; color: #2f77c0; padding-bottom: 5px;}
.datali_title_p{font-size: 16px; color: #7d7d7d; line-height: 2.5em; padding-bottom: 1%;}
.datali_con{background: url(../images/data_bg.png) repeat center center;}
.datali_con .row{padding:0 0  1% 0;}
.datali_con .row li{ padding: 0 0 4% 0;}
.dataicon{ padding-top: 80px;}
.dataicon01{ background: url(../images/data01.png) no-repeat center top;}
.dataicon02{ background: url(../images/data02.png) no-repeat center top;}
.dataicon03{ background: url(../images/data03.png) no-repeat center top;}
.dataicon04{ background: url(../images/data04.png) no-repeat center top;}
.dataicon05{ background: url(../images/data05.png) no-repeat center top;}
.datali_big{font-size: 36px; color: #416aff; letter-spacing: 5px; font-weight: bold; line-height: 40px;}
.datali_big span{font-size: 23px;color: #8796b0; font-weight: normal;}
.datali_small{font-size:16px;color: #333; line-height: 2em;}

/*---------新鲜动态----------*/
.news{ text-align: center;}
.news_title{ padding: 3% 15px;}
.news_title_t{font-size: 30px; color: #2f77c0; padding: 5px 0;}
.news_title_p{font-size: 16px; color: #7d7d7d; line-height: 2.5em; padding-bottom: 1%;}
.news_con{ text-align: left; margin-bottom: 1%;}
.news_con a{display: block;}
.news_con ul.row{list-style-type:none; padding-left: 0;}
.news_con li{list-style-type:none;}
.news_con .card-box{
	background-color: #fff;
	border-radius: 4px;
	background-clip:padding-box;
	box-shadow:0 4px 60px rgba(0,0,0, .1);
	-moz-box-shadow:0 4px 60px rgba(0,0,0, .1);
	-webkit-box-shadow:0 4px 60px rgba(0,0,0, .1);
	width: 100%;
	cursor: pointer;
}
.news_con .card-box:hover{
	box-shadow:0 4px 60px rgba(0,0,0, .3);
	-moz-box-shadow:0 4px 60px rgba(0,0,0, .3);
	-webkit-box-shadow:0 4px 60px rgba(0,0,0, .3);
}
.card-item_bd img{border-radius: 4px;}
.card-item_bg{
	width: 100%;
	height: 41px;
	background: #3d485d;
	opacity:0.6;
	filter:Alpha(opacity=60);
	margin-top:-41px;
	*zoom:1;
	z-index:2;
}
.card-item_info{
	height: 41px;
	line-height: 41px;
	margin-top:-41px;
	padding: 0 5% 0 5%;
	color: #fff;
	position: relative;
	z-index:3;
	width: 90%;
	overflow: hidden;
	white-space: nowrap	
}
.card-item_det{
	font-size: 14px;
	color: #999;
	padding: 20px 15px;
}
.card-item_go{
	background: url(../images/go.png) no-repeat center top;
	height: 40px;
}

/*---------为您提供----------*/
.foryou01 .foryou01_title{ padding: 3% 15px;}
.foryou01 a{display: block;}
.foryou01 ul.row{list-style-type:none; padding-left: 0;}
.foryou01 li{list-style-type:none; padding: 0 30px;}
.foryou01 .card-box{
	background-color: #fff;
	border-radius: 4px;
	background-clip:padding-box;
	box-shadow:0 4px 60px rgba(0,0,0, .1);
	-moz-box-shadow:0 4px 60px rgba(0,0,0, .1);
	-webkit-box-shadow:0 4px 60px rgba(0,0,0, .1);
	width: 100%;
	cursor: pointer;
	padding: 15px;
	min-height: 270px;

}
.foryou01 .card-box:hover{
	box-shadow:0 4px 60px rgba(0,0,0, .3);
	-moz-box-shadow:0 4px 60px rgba(0,0,0, .3);
	-webkit-box-shadow:0 4px 60px rgba(0,0,0, .3);
}

.card-icon{ padding-top: 100px;}
.card-icon01{ background: url(../images/card-icon01.png) no-repeat center top;}
.card-icon02{ background: url(../images/card-icon02.png) no-repeat center top;}
.card-icon03{ background: url(../images/card-icon03.png) no-repeat center top;}
.card-icon04{ background: url(../images/card-icon04.png) no-repeat center top;}
.card-t{ font-size:20px; line-height:1em;}
.card-p{ font-size:14px; line-height:2em; margin:15px 0;}



/*---------为您量身----------*/
.foryou02 .foryou02_title{ padding: 3% 15px;}
.foryou02_con{
	background: #0e1f34;
	color: #a7c6f0;
	margin-bottom: 5%;
}
.foryou02_con li{list-style-type:none; padding: 0; }
.foryou02_con ul.row{list-style-type:none; padding-left: 0; margin-bottom: 0;}
.foryou02_con .card-item{ height: 100%;}
.foryou02_con .card-box{
	line-height: 41px;
	padding:20% 5%;
	color: #fff;
	position: relative;
	z-index:3;
	width: 100%;
	height: 100%;

}
.foryou02_con .card-bg01{
	background: url(../images/card-bg01.jpg) repeat center center; margin-bottom: 0;
}
.foryou02_con .card-bg02{
	background: url(../images/card-bg02.jpg) repeat center center; margin-bottom: 0;
}
.foryou02_con .card-bg03{
	background: url(../images/card-bg03.jpg) repeat center center; margin-bottom: 0;
}
.foryou02_con .card-bg04{
	background: url(../images/card-bg04.jpg) repeat center center; margin-bottom: 0;
}
.card-box .card-png{
	padding: 20% 0;
}
.foryou02_con .card-box .card-t{
	padding: 2% 0;
}
.card-box .into{
	visibility: hidden;
	opacity:0;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(73,146,245, .3);
	z-index:4;
	transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	cursor: pointer;
}
.card-box:hover .into{
	opacity:1;
	visibility: visible;
	padding:20% 5%;
}
.foryou02_con .card-box:hover .into .card-t{
	padding: 2% 0;
}
.foryou02_con .card-box:hover .into .card-p{
	color: #a7c6f0;
	padding: 2% 0;
}
.foryou02_con .card-box:hover .card-png{
	visibility: hidden;
	opacity:0;
}
.foryou02_con .card-box:hover .card-t1{
	visibility: hidden;
	opacity:0;
}
/*---------产业联盟----------*/
.alliance_con ul.row{list-style-type:none; padding-left: 0; margin-bottom: 0; margin-left: -15px; margin-right: -15px;}
.alliance_con .alliance-bg{
	padding: 15px;
	display: flex;
	align-items:center;
	justify-content: left;
	border-radius: 2px;
	margin-bottom: 10px;
}
.alliance_con .alliance-bg:hover{
	box-shadow: 0 0 6px rgba(0,0,0, .1),0 4px 6px rgba(0,0,0, .1);
	transform: translate3d(0,-3px,0);
	transition: all .2s;
}
.alliance_con .green-bg{
	background: url(../images/green.png) repeat-y center top;
}
.alliance_con .red-bg{
	background: url(../images/red.png) repeat-y center top;
}
.alliance_con .blue-bg{
	background: url(../images/blue.png) repeat-y center top;
}
.alliance-icon{ padding-right: 96px; width: 100%;}
.green-icon{background: url(../images/green-icon.png) no-repeat center right; padding-right: 96px; width: 100%;}
.red-icon{background: url(../images/red-icon.png) no-repeat center right; padding-right: 96px; width: 100%;}
.blue-icon{background: url(../images/blue-icon.png) no-repeat center right; padding-right: 96px; width: 100%;}
.alliance-t{
	font-size: 26px;
	line-height: 1.3em;
	text-align: left;
	color: #fff;
	padding: 15px 6px;
}
.loop-slides{
}
.loop-slides .swiper-container {
	width: 100%;
	height: 100%;
	padding: 20px;
}
.loop-slides .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;

	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.loop-slides .square{
	width: 174px;
	height: 174px;
	border:1px solid #dcdcdc;
}





.banner-engine{height:500px;position:relative;overflow:hidden;}
.banner-engine .banner-ul{position:relative;width:100%;height:500px}
.banner-engine .banner-text{position:absolute;left:0;top:-505px;width:100%;height:302px; width:600px; line-height: 250%;}
.banner-engine .banner-text{display:none}
.banner-engine .banner-text1{font-size:24px;line-height:40px;color:#fff}
.banner-engine .banner-text2{margin-top:10px;font-size:14px;line-height:180%;color:#999}
.banner-engine .banner-link-button{display:inline-block;border:1px solid #5391e4;margin-top:24px;width:160px;height:34px;line-height:32px;text-align:center;font-size:16px;color:#5391e4; border-radius: 2rem;}
.banner-engine .banner-link-button:hover{background:#fff;color:#333;border:1px solid #fff}
.banner-ul li{display:none;height:100%;width:100%;float:left}
.banner-engine .banner-ul li{z-index:-1;position:absolute;left:0;top:0;display:block;height:100%;width:100%;float:left}
.banner-engine .banner-ul li:first-child{z-index:initial}

.banner-point{display:none;position:absolute;bottom:88px;left:0;width:100%;height:18px;line-height:18px}
.banner-engine .banner-point{display:block}

.slider-main{display:none;position:relative;margin:0 auto;min-width:1100px;max-width:1100px}
.banner-engine .slider-main{display:block}
.slider-text{position:absolute;margin-top:204px}
.banner-area{width:100%;text-align:center}



.home-logo{}
.home-logo img{max-width: none; width:160px; height: 160px; }
/*.home-logo .col-md-2{width:12.5%;}*/
.h-160{height:160px; overflow:hidden;}





/*-----vdc-ser-----*/
.vdc-ser{background: #fff; padding-bottom: 5%; text-align: center;}
.vdc-ser h4{font-size: 30px; line-height: 1.5em;   color: #3356a7;}
.vdc-ser h5{font-size: 16px; line-height: 1.5em; padding-bottom: 15px ; color:#777;}
.vdc-ser p{font-size: 16px; line-height: 1.5em; padding-bottom: 2% ; color:#000;}
.vdc-ser .vdc-ser-item{ text-align: left; padding-bottom: 30px; height: 200px;}
.vdc-ser-item .vdc-ser-box{
	background-clip:padding-box;
	border-radius: 2px;
	box-shadow:0 4px 60px rgba(0,0,0, .1);
	-moz-box-shadow:0 4px 60px rgba(0,0,0, .1);
	-webkit-box-shadow:0 4px 60px rgba(0,0,0, .1);
	width: 100%;
	/*cursor: pointer;*/
	padding: 15px 0;
	display: flex;
	align-items: center;
	background-color: #fff;
}
/*.vdc-ser-item .vdc-ser-box:hover{
	box-shadow:0 4px 60px rgba(0,0,0, .3);
	-moz-box-shadow:0 4px 60px rgba(0,0,0, .3);
	-webkit-box-shadow:0 4px 60px rgba(0,0,0, .3);
}*/
.vdc-icon{ padding: 0; text-align: center; }
.vdc-ser-box h5{ font-size: 18px; line-height: 2em; padding-bottom: 0; color: #444;}
.vdc-ser-box p{ font-size: 12px; line-height: 1.9em; color: #777; text-align: left; min-height: 70px;display: flex; align-items: center;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal !important;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;}

.vdc-ser-item .vdc-ser-box:hover h5,.vdc-ser-item .vdc-ser-box:hover p{
	color: #3356a7;
}


.list-5{}
.list-5 ul { display: table; width: 100%;}
.list-5 ul li{ display: table-cell; min-height: 230px; background-color: #fff; border-radius:4px;   margin:10px;box-shadow:0 4px 60px rgba(0,0,0, .1); }






.header-bg{background-image: url("../images/banner.png"); background-size: 100%; background-position: top center; background-repeat: no-repeat; min-height: 680px; }
.header-bg ul{ }
.header-bg ul li{float: right; }
.header-bg ul li a{font-size: 20px; color: #fff; padding:10px 20px; }
.adver-text{position: absolute; top:200px; left:10px; line-height: 30px; color: #fff;}


@media (max-width: 640px) {
	.header-bg{background-image: url("../images/banner.png"); background-size: 100%; background-position: top center; background-repeat: no-repeat; min-height: 220px; }
	.header-bg img{ height: 90px; }
	.list-5 ul li{ display: table-cell; min-height: 150px; background-color: #fff; border-radius:4px;  margin:10px;box-shadow:0 4px 60px rgba(0,0,0, .1); }


}