﻿@charset "utf-8";
/* CSS Document */
body{ font-family: "Microsoft YaHei","Simhei"; color:#333333; font-size:15px;  background:url(../images/bj.jpg)  repeat-x bottom; }
a{ color:#333333; font-family: "Microsoft YaHei","Simhei"; }
a:hover{ color:#af0000;}
body,ul,li,dl,dt,dd,form,p,div,dl,dt,h1,h3,h2,h4{ padding:0; margin:0;}

h1,h2,h3,h4,h5,h6 {font-size:100%;} 
img{ border:0;}
ul,li,dl,dt,dd{list-style:none;}
ul,li,a{ text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}

/* 项目展示 */
.project {
    padding-top: 80px;
    height: 730px;
}

.project .project-title {
    text-align: center;
    margin-bottom: 50px;
}

.project .project-title img {
    width: 195px;
    height: 85px;
}

.project .project-img-show {
    position: relative;
}

.project .project-img-show .project-img {
    position: absolute;
  	overflow:hidden;
}

.project .project-img-show .project-img img {
    width: 100%;
    height: 100%;
    position: absolute;
  	transition:all 3s ease;
}
.project .project-img-show .project-img img:hover{
  	transform-origin:center;
	transform:scale(1.5);
}
.project .project-img-show .project-img-show1 {
    width: 440px;
    height: 305px;
    top: 0;
    left: 0;
}

.project .project-img-show .project-img-show2 {
    width: 205px;
    height: 150px;
    top: 0;
    left: 445px;
}

.project .project-img-show .project-img-show3 {
    width: 205px;
    height: 150px;
    top: 155px;
    left: 445px;
}

.project .project-img-show .project-img-show4 {
    width: 340px;
    height: 305px;
    top: 0;
    left: 655px;
}

.project .project-img-show .project-img-show5 {
    width: 300px;
    height: 305px;
    top: 0;
    left: 1000px;
}

.project .project-img-show .project-img-show6 {
    width: 440px;
    height: 220px;
    top: 310px;
    left: 0;
}

.project .project-img-show .project-img-show7 {
    width: 340px;
    height: 220px;
    top: 310px;
    left: 445px;
}

.project .project-img-show .project-img-show9 {
    width: 305px;
    height: 220px;
    top: 310px;
    left: 790px;
}

.project .project-img-show .project-img-show8 {
    width: 200px;
    height: 220px;
    top: 310px;
    left: 1100px;
}

.project .project-img-show .project-img p {
    width: 100%;
    font-size: 15px;
    line-height: 15px;
    color: #ffffff;
    position: absolute;
    bottom: 11px;
    text-align: center;
}

.wrap-container {
    width: 1300px;
    margin: 0 auto;
}
/* 项目end */
.w1000{width: 1048px;margin:0 auto;}
		.ten-p{margin-top: 35px;}
		.ten-p h2,.ten-s h2{color: #004796;font-size: 30px;text-align: center;}
		.ten-p-info{margin: 20px 0; color: #5f5d5d;font-size: 14px;text-align: center;}
		.ten-p-box{display: block;overflow: hidden;}
		.ten-p-box ul li{float: left;width: 33%;}
		.ten-p-box ul li a{display: block;position: relative;}
		.ten-p-box ul a:before{content: ''; display: block;width: 100%;height: 100%; background:rgba(0,0,0,.3);position: absolute;top: 0;left: 0;right: 0;}
		.ten-p-box ul li a:hover:before{background:rgba(0,0,0,0);}
		.ten-p-box ul li a .ten-p-text{position: absolute;bottom:0; left: 0;right: 0;z-index: 10;color: #fff;text-align: center;}
		.ten-p-box ul li a:hover .ten-p-text{background:rgba(118,169,246,.8);}
		.ten-p-text p{font-size: 17px;margin: 10px 0;}
		.ten-p-text span{margin-bottom: 15px; display:inline-block;width: 98px;height: 24px;line-height: 24px; border:2px solid #fff;font-size: 14px;}


<!--关于我们-->

.abbj{}
.indexabout{width:100%; 	height:auto;
	overflow: hidden;
	padding-top: 50px; }
.ableft{
	float:right; padding-right:200px;
	width:45%;
}
.abright{float:left; padding-left:20px;
	width:50%;
}
.title hr{
   width: 50px;
    background: #000;
    height: 2px;
    border: none;
    display: inline-block;
}
.title h2{
	font-family: 'ImpactMTStd';
	font-size: 40px; margin-top:-10px;
}
.title h3{
	font-family: '微软雅黑';
	font-size: 24px;
	margin-bottom: 10px; margin-top:-5px;
}
.abright p{
	font-size: 16px;
	line-height: 35px;
}
.abright .abmore{
	  display: inline-block;
    width: 160px;
    height: 40px;
    border: 2px #c6c6c6 solid;
    margin-top: 30px;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    color: #666;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.abright .abmore i{
	  display: inline-block;
    vertical-align: -3px;
    width: 18px;
    height: 18px;
    margin-left: 15px;
    background: url(../images/icon18.png) right center no-repeat;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.abright .abmore:hover{
	border: 2px #e77918  solid;
	background:#e77918 ;
	color:#fff;
}
.abright .abmore:hover i{
	background: url(../images/icon18.png) left center no-repeat;
}
.abcount{
	height:auto;
	margin-top: 30px;
}
.abcount li{
	float:left;
	border-right: 1px solid #DDDDDD;
	padding: 0 20px;
}
.abcount li:first-child{
	padding: 0 20px 0 0;
	width:30%;
}
.abcount li:nth-child(2){width:35%;}
.abcount li:last-child{width:35%;}
.abcount li> div{
	width:117px;
	margin: 0 auto;
}
.abcount li span{
	font-family: 'ImpactMTStd';
	font-size: 38px; font-weight:bold;
}

@media  (max-width: 767px) {
	.ableft{width:100%;float:none;}
	.abright{margin-left: 0;margin-top: 20px;}
	.use .title h2{margin-bottom: 20px !important;}
	.use{padding-bottom: 0 !important;}

}
@media  (max-width: 640px) {
	.abcount li:first-child{padding: 0 10px 0 0;}
	.abcount li> div{width:100%;}
	.abcount li{padding: 0 10px;}
	.videoIndex{height:250px !important;}
	.abcount li span{font-size: 32px;}
}

.abwidth{width:1400px; margin:0 auto; height:auto;  margin-bottom:20px; padding:0 50px 30px 30px;}


.widthlin{width:100%;max-width:1280px;min-width:1280px;margin:0 auto;}
.home-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;} 
.home-title .home-title-name{font-size:22px;color:#333;padding-bottom:10px;}
.home-title .home-title-name:after{display:block;content:"";border-bottom:2px solid #b82625;width:45px;padding-top:15px;}
.home-title .home-title-name span{font-size:15px;color:#9e9e9e;margin-left:10px;}
.home-title .home-title-more{}
.home-title .home-title-more a{display:inline-block;border:1px solid #eee;padding:15px 20px;margin-left:10px;line-height:normal;border-radius:4px;color:#666;}
.home-title .home-title-more a:hover,.home-title .home-title-more a.active{background:#b82625;border-color:#b82625;color:#fff;}

.partners{margin-top:30px;display:flex;flex-wrap:wrap;list-style:none;}
.partners li{margin:0 40px 20px 40px;width:160px;text-align:center;color:#999;}
.partners li:nth-child(5n){margin-right:0;}
.partners li img{width:100%;height:45px;border:1px solid #eee;margin-bottom:10px;border-radius:2px;}
.partners li img:hover{box-shadow:0 0 30px rgba(0, 0, 0, 0.15);}
.partners li p{padding:0 10px;}

.link{margin-top:20px;}
.link a{display:inline-block;margin-right:15px;border:1px solid #eaeaea;padding:10px 15px;color:#666;border-radius:5px;margin-bottom:10px;background:#fff;}
.link a:hover{border-color:#ccc;}