@charset "utf-8";

/* banner */
.banner{ position:relative;}
	.banner-viewport li{ height:489px; padding-bottom:42px; color:#ffffff; text-align:center; background-repeat:no-repeat; background-position:center;}
		.banner-viewport li *{ visibility:hidden;}
		.banner-viewport li *.animated{ visibility:visible;}
		.banner-viewport li a{color:#fff;}
		.banner-viewport li h3{ margin:0; font-size:42px; font-weight:normal;}
		.banner-viewport li h4{ position:relative; display:inline-block; margin:20px 0 18px; font-size:48px; font-weight:normal;}
			.banner-viewport li h4:before,.banner-viewport li h4:after{ position:absolute; top:50%; width:206px; height:3px; margin-top:-1px; background-repeat:no-repeat; content:'';}
			.banner-viewport li h4:before{ left:-206px; background-image:url(/uploads/image/vdimages/bg_banner_left.png);}
			.banner-viewport li h4:after{ right:-206px; background-image:url(/uploads/image/vdimages/bg_banner_right.png);}
		.banner-viewport li p{ margin:0; font-size:32px;}
		.banner-viewport li .btn{ display:block; width:156px; height:42px; line-height:42px; overflow:hidden; margin:30px auto 0; font-size:16px; color:#ffffff; background-color:#cc1535;}
	.banner-control-nav{ position:absolute; right:0; bottom:29px; left:0; padding:0; margin:0; list-style:none; text-align:center;}
		.banner-control-nav li{ display:inline-block; margin:0 5px;}
			.banner-control-nav li a{ display:block; width:11px; height:11px; overflow:hidden; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; text-indent:999em; background-color:#fff; cursor:pointer;}
			.banner-control-nav li a.banner-active{ background-color:#cc1535;}

/* main */
.links{ padding:22px 0 35px;}
	.main-title{ font-size:26px; color:#3b3b3b;}
		.main-title a{ font-size:14px; color:#9b9b9c;}
	.links-list{ overflow:hidden; margin-top:3px;}
		.links-list ul{ margin-right:-4px;}
			.links-list li{ width:168px; margin-right:4px;}
				.links-list li a{ display:block; font-size:18px; text-align:center;}
					.links-list li a:before{ display:block; height:80px; background-repeat:no-repeat; background-position:center center; content:'';}
					.links-list li:first-child a:before{ background-image:url(/uploads/image/vdimages/icon_service01.png);}
					.links-list li:first-child li a:before{ background-image:url(/uploads/image/vdimages/icon_service02.png);}
					.links-list li:first-child li li a:before{ background-image:url(/uploads/image/vdimages/icon_service03.png);}
					.links-list li:first-child li li li a:before{ background-image:url(/uploads/image/vdimages/icon_service04.png);}
					.links-list li:first-child li li li li a:before{ background-image:url(/uploads/image/vdimages/icon_service05.png);}
					.links-list li:first-child li li li li li a:before{ background-image:url(/uploads/image/vdimages/icon_service06.png);}
					.links-list li:first-child li li li li li li a:before{ background-image:url(/uploads/image/vdimages/icon_service07.png);}
					.links-list li a:hover:before{ -webkit-animation:jump .4s ease; -o-animation:jump .4s ease; animation:jump .4s ease;}
.advantage{ overflow:hidden; margin-bottom:64px;}
	.advantage .main-title{ margin-bottom:30px;}
	.advantage li{ width:200px;}
		.advantage li a{ display:block; padding-bottom:10px; font-size:20px; text-align:center;}
			.advantage li a:before{ display:block; height:114px; overflow:hidden; margin-bottom:14px; background-repeat:no-repeat; background-position:center center; content:'';}
			.advantage li:first-child a:before{ background-image:url(/uploads/image/vdimages/icon_advantage01.png);}
			.advantage li:first-child li a:before{ background-image:url(/uploads/image/vdimages/icon_advantage02.png);}
			.advantage li:first-child li li a:before{ background-image:url(/uploads/image/vdimages/icon_advantage03.png);}
			.advantage li:first-child li li li a:before{ background-image:url(/uploads/image/vdimages/icon_advantage04.png);}
			.advantage li:first-child li li li li a:before{ background-image:url(/uploads/image/vdimages/icon_advantage05.png);}
			.advantage li:first-child li li li li li a:before{ background-image:url(/uploads/image/vdimages/icon_advantage06.png);}
			.advantage li a:hover:before{ -webkit-animation:scale .4s ease; -o-animation:scale .4s ease; animation:scale .4s ease;}
@-webkit-keyframes jump{0%{ -webkit-transform:translatey(0); }50%{ -webkit-transform:translatey(-5px); }100%{ -webkit-transform:translatey(0); }}
@-o-keyframes jump{0%{ -o-transform:translatey(0); }50%{ -o-transform:translatey(-5px); }100%{ -o-transform:translatey(0); }}
@-moz-keyframes jump{0%{ -moz-transform:translatey(0); }50%{ -moz-transform:translatey(-5px); }100%{ -moz-transform:translatey(0); }}
@keyframes jump{0%{ transform:translatey(0); }50%{ transform:translatey(-5px); }100%{ transform:translatey(0); }}
@-webkit-keyframes scale{0%{ -webkit-transform:scale(1); }50%{ -webkit-transform:scale(1.2); }100%{ -webkit-transform:scale(1); }}
@-o-keyframes scale{0%{ -o-transform:scale(1); }50%{ -o-transform:scale(1.2); }100%{ -o-transform:scale(1); }}
@-moz-keyframes scale{0%{ -moz-transform:scale(1); }50%{ -moz-transform:scale(1.2); }100%{ -moz-transform:scale(1); }}
@keyframes scale{0%{ transform:scale(1); }50%{ transform:scale(1.2); }100%{ transform:scale(1); }}
.service-box{ margin-top:26px; color:#fff; background:url(/uploads/image/vdimages/bg_service_box.png) no-repeat left bottom #fff;}
	.service-nav{ width:198px;background:#cc1535;}
		.service-nav h3{ padding-top:38px; margin:0 0 42px; font-size:36px; text-align:center;}
		.service-nav ul{ padding-left:35px;}
			.service-nav li{ margin-bottom:12px;}
			.service-nav li a.btn-waves{ display:block; height:50px; line-height:50px; overflow:hidden; padding-left:20px; -webkit-border-radius:6px 0 0 6px; -moz-border-radius:6px 0 0 6px; border-radius:6px 0 0 6px; font-size:18px; color:#ffffff; text-align:left; background-color:rgba(255,255,255,.2); -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
			.service-nav li.active a,.service-nav li a:hover{ color:#2f3c5f; background-color:rgba(255,255,255,1);}
	.service-content{ width:1002px;}
		.service-content ul{ display:none;}
		.service-content ul.active{ display:block;}
			/*.service-area .service-content li:first-child li li a{ height:562px;}*/
			.service-content li a{ position:relative; display:block; height:281px; overflow:hidden; color:#ffffff; background-repeat:no-repeat; background-position:center center; -webkit-background-size:auto 100%; background-size:auto 100%; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
			.service-content li a:hover{ -webkit-background-size:auto 120%; background-size:auto 120%;}
				.service-content li a .desc{ position:absolute; text-align:center;right:0; bottom:0; left:0; padding:27px; text-shadow:0 1px 1px #000;}
					.service-content li a .desc h3{ margin:0 0 18px; font-size:20px; font-weight:normal; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
					.service-content li a:hover .desc h3{ font-size:24px;}
					.service-content li a .desc p{ line-height:24px; margin:0; font-size:14px;}
.service-area{ margin-bottom:62px;}
	/*.service-area .service-content li:first-child li li{ float:right;}*/

/* about */
.about{ width:581px; margin-bottom:60px;}
	.about-title{ height:44px; line-height:44px; margin-bottom:18px; border-bottom:2px solid #e9ebf1; font-size:14px;}
		.about-title a{ color:#9b9b9c;}
		.about-title .hovershow li{ position:relative; float:left;}
			.about-title .hovershow li:before{ position:absolute; top:50%; right:0; width:1px; height:15px; margin-top:-7px; background-color:#e0e2e8; content:'';}
			.about-title .hovershow li.active:before,.about-title .hovershow li:last-child:before{ display:none;}
			.about-title .hovershow li a.btn-waves{ display:block; height:46px; line-height:46px; overflow:hidden; padding:0 40px; font-size:18px; color:#9b9b9c; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
			.about-title .hovershow li.active a.btn-waves{ color:#ffffff; background-color:#cc1535;}
	.about-content{ display:none; height:497px; padding:44px 0 0 184px; background:url(/uploads/image/vdimages/bg_about.jpg) no-repeat;}
	.about-content.active{ display:block;}
		.about-content li{ width:300px; margin-bottom:30px;}
		.about-content li:first-child li{ margin-left:55px;}
		.about-content li:first-child li li{ margin-left:98px;}
		.about-content li:first-child li li li{ margin-left:165px;}
			.about-content li h3{ margin:0 0 10px; font-size:18px; color:#2f3c5f;}
			.about-content li p{ position:relative; line-height:28px; padding-left:12px; margin:0 0 0 -12px; font-size:16px; color:#494949;}
				.about-content li p:before{ position:absolute; top:11px; left:0; width:6px; height:6px; overflow:hidden; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; background-color:#a1a7b7; content:'';}
			.about-content li a{ display:inline-block; height:34px; line-height:34px; overflow:hidden; padding:0 22px; border:1px solid #a1a7b7; font-size:14px; color:#697086;}

/* news */
.news{ width:580px; margin-bottom:60px;}
	.news .item{ display:none;}
	.news .item.active{ display:block;}
	.news-hot .pic{ width:192px; overflow:hidden; margin-right:16px;}
		.news-hot .pic img{ -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
		.news-hot .pic:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);}
	.news-hot .desc{ height:171px; overflow:hidden; border-bottom:1px solid #e9ebf1; color:#9b9b9c;}
		.news-hot .desc h3{ line-height:28px; margin:0; font-size:20px; font-weight:normal;}
			.news-hot .desc h3 a:hover{ text-decoration:underline;}
		.news-hot .desc p{ line-height:22px; margin:10px 0 22px; font-size:14px;}
	.news-list li{ padding:24px 0; border-bottom:1px solid #e9ebf1;}
		.news-list li time{ display:block; width:40px; padding:7px 0; margin-right:15px; color:#ffffff; text-align:center; background-color:#cc1535;}
			.news-list li time span{ display:block; margin-bottom:1px; font-size:13px;}
		.news-list li h3{ height:20px; line-height:20px; overflow:hidden; font-size:18px; font-weight:normal; margin:0 0 10px;}
			.news-list li h3 a:hover{ text-decoration:underline;}
		.news-list li p{ height:44px; line-height:22px; overflow:hidden; margin:0; font-size:14px; color:#9b9b9c;}

/* quali */
.quali{ margin-bottom:62px;}
	.quali .main-title{ margin-bottom:26px;}
	.quali-slider{ position:relative; padding:0 64px;}
		.quali-viewport li{ margin-right:33px;}
			.quali-viewport li a{ display:block; overflow:hidden; border:1px solid #e9ebf1;}
				.quali-viewport li a img{ -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
				.quali-viewport li a:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);}
		.quali-direction-nav{ padding:0; margin:0; list-style:none;}
			.quali-direction-nav a{ position:absolute; top:50%; width:47px; height:47px; line-height:47px; overflow:hidden; margin-top:-24px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; font-size:20px; font-family:simsun; color:#ffffff; text-align:center; background-color:#d6d6d6;}
			.quali-direction-nav a.quali-prev{ left:0;}
			.quali-direction-nav a.quali-next{ right:0;}

/* case */
.case .main-title{ margin-bottom:24px;}
.case .hd{ padding-bottom:10px; margin-bottom:20px; border-bottom:3px solid #cc1535;}
	.case .hd .hovershow li{ float:left;}
		.case .hd .hovershow li a.btn-waves{ display:block; height:32px; line-height:32px; overflow:hidden; padding:0 12px; font-size:16px; color:#9b9b9c; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
		.case .hd .hovershow li.active a.btn-waves{ color:#ffffff; background-color:#cc1535;}
.case-list{ overflow:hidden;}
	.case-list ul{ display:none; margin-right:-20px;}
	.case-list ul.active{ display:block;}
		.case-list li{ width:202px; height:88px; padding:10px; margin:0 20px 20px 0; border:1px solid #e9ebf1;}
			.case-list li img{ display:block; max-width:100%; margin:0 auto;}

/* lab */
.lab{ width:796px;}
	.lab .main-title{ margin-bottom:25px;}
	.lab-list{ overflow:hidden;}
		.lab-list ul{ margin-right:-17px;}
			.lab-list li{ width:254px; margin-right:17px;}
				.lab-list li a{ position:relative; display:block; overflow:hidden;}
					.lab-list li a img{ -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
					.lab-list li a:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2);}
					.lab-list li a p{ position:absolute; right:0; bottom:12px; left:0; line-height:22px; padding:0 15px; margin:0; font-size:16px; color:#ffffff; text-align:right; text-shadow:0 1px 1px #000; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease;}
					.lab-list li a:hover p{ font-size:18px;}

/* download */
.download{ width:350px;}
	.download .main-title{ margin-bottom:25px;}
		.download-list li{ border-bottom:1px solid #e9ebf1; background:url(/uploads/image/vdimages/icon_download_left.png) no-repeat left center;}
			.download-list li a{ display:block; height:48px; line-height:48px; overflow:hidden; padding:0 32px 0 26px; font-size:15px; background:url(/uploads/image/vdimages/icon_download_right.png) no-repeat right center;}
			.download-list li a:hover{ text-decoration:underline;}

/*
认证修改
*/
.renzhengs{
	color: #333333;
}
.renzheng_big_title{
	width: 49%;
	float: left;
	/* background: red; */
	height: 45px;
	text-align: center;
	line-height: 45px;
	font-size: 18px;
	font-weight: 600;

	cursor: pointer;
}
.renzheng_list{
	width: 94%;
	display: block;
	height: 100px;
	font-size: 16px;
	color: #333;
	list-style: none;
	border-bottom: 1px solid #5b636d;
	/*padding-bottom: 35px;*/
	margin: auto;
}
.renzheng_list li{
	float: left;
	padding-left: 20px;
	padding-top: 20px;
	/*position: relative;*/
	list-style: none;

}
.renzheng_list li a{
	color: #333333;
	height: auto;
}
.renzheng_list li a:hover{
	text-decoration: underline;
	color: #cc1535;
}
.renzheng_list_content{
	width: 100%;
	position: absolute;
	top: 150px;
	left: -30px;
}
.renzheng_list_content li{
	width: 190px;
	height: 160px;
	background: red;
	margin-left: 20px;
	margin-top: 20px;
}
.renzheng_big_titles{
	border-bottom: 4px solid #cc1535;
}

.show{
	display: block;
}
.hide{
	display: none;
}