@charset "utf-8";
@import url(common.css);
/* flexslider start */
/*.flexslider,
.slides li{
	height:495px;
}
.flexslider{
	position:relative;
	overflow:hidden;
	background:url(../images/loading.gif) 50% no-repeat;
}
.slides{
	position:relative;
	z-index:1;
}
.slides li{
	background-position: center top;
	position: relative;
}
.slides li a {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.flex-control-nav{
	position:absolute;
	bottom:20px;
	z-index:2;
	width:100%;
	text-align:center;
}
.flex-control-nav li{
	display:inline-block;
	width:14px;
	height:14px;
	margin:0 5px;
	*display:inline;
	zoom:1;
}
.flex-control-nav a{
	display:inline-block;
	width:14px;
	height:14px;
	line-height:40px;
	overflow:hidden;
	cursor:pointer;
	border-radius: 50%;
	font-size:0px;
	background-color: #3598DB;
	border: 1px solid #FFF;
}
.flex-control-nav .flex-active{
	border: 1px solid #3598DB;
	background-color: #FFF;
}
.flex-direction-nav{
	position:absolute;
	z-index:3;
	width:100%;
	top:45%;
}
.flex-direction-nav li a{
	display:block;
	width:0px;
	height:0px;
	text-align: center;
	overflow:hidden;
	cursor:pointer;
	position:absolute;
	opacity: .5;
	filter:alpha(opacity=10);
	border: 20px solid #000;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
.flex-direction-nav li a:hover {
	opacity: .7;
	filter:alpha(opacity=70);
}
.flex-direction-nav li a.flex-prev{
	left:50px;
	border-left-color: transparent;
}
.flex-direction-nav li a.flex-next{
	right:50px;
	border-right-color: transparent;
}*/
/* flexslider end */
/*
.product{
	width:100%;
	background:#eff3f5;
}
.scene  ,
.product {
	margin: 40px auto;
}
.scene   dt.modTitle,
.product dt.modTitle {
	height: 55px;
	margin-top:45px;
	margin-bottom: 30px;
	text-align: center;
}
.scene   dt.modTitle strong,
.product dt.modTitle strong {
	height: 60px;
    line-height: 60px;
    font-size: 32px;
    font-weight: normal;
}
.scene   dt.modTitle strong span.i1,
.product dt.modTitle strong span.i1 {
	
}
.scene   dt.modTitle strong span.i2,
.product dt.modTitle strong span.i2 {
	color: #363636;
}
.scene   dt.modTitle .intro,
.product dt.modTitle .intro {
	line-height: 20px;
	font-size: 18px;
	color: #868686;
	text-align: center;
}*/

/*首页产品样式*/
.index-product {
	width: 100%;
	margin: 0 auto;
	background:#eff3f5;
	margin-top:50px;
	padding-top:50px;
	padding-bottom:30px;
}
.index-product-left{
	width:260px;
	background:#fff;
	float: left;
	margin-right:18px;
}
.index-product-left .title{
	background:#ff6700;
	font-size:28px;
	color:#fff;
	line-height:80px;
	text-align: center;
	border-radius:2px;
	}
.index-product-left .index-product-nav{
	padding:15px;
	padding-bottom: 2px;
}
.index-product-left .index-product-nav h3{
	background:#f2f2f2;
	color:#333;
	font-size:16px;
	line-height:36px;
	height:36px;
	padding-left:10px;
	border-left:1px solid #ff6700;
	position:relative;
}
.index-product-left .index-product-nav i{
	background:url(../images/ii.png) no-repeat;	
	width: 13px;
    height: 11px;
    position: relative;
    right: -202px;
    top: -24px;
    display: block;
}
.index-product-left .index-product-nav ul li{
	font-size:14px;
	line-height:36px;
	background:url(../images/i-left-li.png) 3px no-repeat;
	padding-left:15px;
	
}
.index-product-left .index-product-nav ul li:hover{	
	background:url(../images/i-left-li-hover.png) 3px no-repeat;
	font-weight:bold;
	padding-left:20px;
	transition: all 0.5s; 
	
}
.index-product-right ul{
	display: flex;
    transition-property: transform;
    box-sizing: content-box;
    justify-content: space-between;	
	flex-wrap: wrap;
}
.index-product-right ul li{
	width:296px;
	height:332px;
	background:#fff;
	border-radius:2px;
    overflow: hidden;
	margin-bottom:16px;
}
.index-product-right p{
	font-size:18px;
	line-height:60px;
	height:60px;
	text-align: center;
	border-top:1px solid #eff3f5;
	width:90%;
	overflow:hidden;
	margin:0 auto;
}
.index-product-right li:hover p{
	border-top:1px solid #ff6700;
    transition: all 0.5s;
	transform: translateY(-2%);
}
.index-product-right ul li .thumb{	
	width:296px;
    overflow: hidden;
	display:block;
	background:#fff;
}
.index-product-right ul li img{
	transition: all 0.5s; 
	width:296px;
	height:268px;
	object-fit: cover;
}
.index-product-right ul li:hover img{ 
	transform: scale(0.95);
    overflow: hidden;
}
/*
.product .productList li:first-child{
	width:540px;
	height:540px;
	margin-left: 0px;
}
.product .productList li:first-child img{
	width:100%;
	height:100%;
	
}
.product .productList li:first-child img:hover{	
	
}
.product .productList {
	position:relative;
}
.product .productList li:first-child .title {
	position:absolute;
	bottom:-60px;
	width:540px;
	height:60px;
	line-height:60px;	
	background: rgba(215, 22, 25, 0.8);
	color:#fff;
}
.product .productList li:first-child .title:hover{
	background: rgba(215, 22, 25, 1);
}
.product .productList li:first-child.mhover,
.product .productList li:first-child:hover {
	background: rgba(215, 22, 25, 1);
	color: #fff;
}
.product .productList li:first-child.mhover .title,
.product .productList li:first-child:hover .title {
	background: rgba(215, 22, 25, 1);
	color: #fff;
}
*/

/**首页场景建设鼠标划过样式**/
.modContent .parHd {
	text-align: center;
	margin-top: -25px;
}
.modContent .parHd ul{
	display: flex;
    transition-property: transform;
    box-sizing: content-box;
    justify-content: space-between;	
	flex-wrap: wrap;
}
.modContent .parHd ul li{
	float:left;
	cursor: pointer;
	width:160px;
	height:90px;
	display: block;
	background-color: #e9e9e9;
	color: #333;
	border-radius:6px;
}
.modContent .parHd li a{
}
.modContent .parHd li.on{		
	width:160px;
	height:90px;
	display: block;
	background-color: #ff6700;
	color: #fff;
}
.modContent .parHd li:hover{	
	width:160px;
	height:90px;
	display: block;
	background-color: #ff6700;
	color: #fff;
	transition: all 0.5s; 
}
.modContent .parHd li span{
	display:block;
	position: relative;
	top: 20px;
}
.modContent .parHd li i{
	height:40px;
	width:40px;
	overflow:hidden;	
    transition: all 0.5s;
	position: relative;
	top: 10px;
	display: block;
	margin: 0 auto;	
}
.modContent .parHd li.on i.t1{
	background:url(../images/scene-ico.png) -4px -5px no-repeat;}
.modContent .parHd li i.t1{
	background:url(../images/scene-ico.png) -48px -5px no-repeat;}
	
.modContent .parHd li.on i.t2{
	background:url(../images/scene-ico.png) -4px -60px no-repeat;}
.modContent .parHd li i.t2{
	background:url(../images/scene-ico.png) -48px -60px no-repeat;}	
	
.modContent .parHd li.on i.t3{
	background:url(../images/scene-ico.png) -4px -105px no-repeat;}
.modContent .parHd li i.t3{
	background:url(../images/scene-ico.png) -48px -105px no-repeat;}
	
.modContent .parHd li.on i.t4{
	background:url(../images/scene-ico.png) -4px -166px no-repeat;}
.modContent .parHd li i.t4{
	background:url(../images/scene-ico.png) -48px -166px no-repeat;}
	
.modContent .parHd li.on i.t5{
	background:url(../images/scene-ico.png) -4px -216px no-repeat;}
.modContent .parHd li i.t5{
	background:url(../images/scene-ico.png) -48px -216px no-repeat;}
	
.modContent .parHd li.on i.t6{
	background:url(../images/scene-ico.png) -4px -266px no-repeat;}
.modContent .parHd li i.t6{
	background:url(../images/scene-ico.png) -48px -266px no-repeat;}
	
.modContent .parHd li.on i.t7{
	background:url(../images/scene-ico.png) -4px -322px no-repeat;}
.modContent .parHd li i.t7{
	background:url(../images/scene-ico.png) -48px -322px no-repeat;}
	

	
/**
/*首页场景建设*/

.scene{
	width: 100%;
	min-width:1330px;
	height: 776px;
	position: relative;
	background:url(../images/rongyubg.jpg) center top no-repeat;
}
.scene   dt.modTitle {
	padding-top:80px;
	text-align: center;
	color:#fff;
	height:278px;
}
.scene   dt.modTitle strong {
	height: 60px;
    line-height: 60px;
    font-size: 32px;
    font-weight: normal;
}
.scene   dt.modTitle strong span.i1{
	
}
.scene   dt.modTitle strong span.i2 {
	
}
.scene   dt.modTitle .intro{
	line-height: 24px;
    font-size: 16px;
	color: #fff;
	text-align: center;
}

.scene .modContent {
	position: relative;
    top: -70px;
    padding-top: 25px;
    padding-left: 10px;
    padding-right: 10px;
    background: #fff;
    width: 1230px;
    height: 450px;
}
.scene .modContent ul1{
	display: flex;
    transition-property: transform;
    box-sizing: content-box;
    justify-content: space-between;	
	flex-wrap: wrap;
}

/*合作企业切换*/

.tabLink {
	/*margin: 30px 0;*/
	clear: both;
}
.tabLink dt {
	height: 60px;
	width: 330px;
	margin:0 auto;
}
.tabLink dt strong {
	display: block;
	float: left;
	margin-left: 20px;
	line-height: 45px;
	padding: 0px 20px;
	font-weight: normal;
	background-color: #CCC;
	cursor: pointer;
}
.tabLink dt strong.active {
	background-color: #00a9fe;
	color: #FFF;
}
.tabLink dt strong:hover {
	background-color: #BBB;
}
.tabLink dt strong.active:hover {
	background-color: #39b9fa;
}
.tabLink dd {
	padding: 30px 20px;
}
.tabLink dd .articleContent {
	display: none;
}
.tabLink dd .articleContent.active {
	display: block;
}

.productInfo {
	padding: 10px 10px 0;
	margin-top: -20px;
	border-top: 1px solid #FFF;
}


.tabLink .productList li img {
	width: 100%;
	/*height: 100%;*/
}
.tabLink .productList li .title {	
	position:absolute;
	display: block;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	color: #666;
	background: #f1f1f1;
	text-align:center;
	width: 100%;
    bottom: 0px;
}
.tabLink .productList li.mhover,
.tabLink .productList li:hover {
	background: rgba(215, 22, 25, 1);
	color: #fff;
}
.tabLink .productList li.mhover p,
.tabLink .productList li:hover p,
.tabLink .productList li.mhover .title,
.tabLink .productList li:hover .title {
	background: #ff6700;
	color: #fff;
}
.tabLink .productList li.mhover .btn a,
.tabLink .productList li:hover .btn a {
	background: rgba(215, 22, 25, 1);
	color: #fff;
}
.tabLink .productList li {
	float: left;
	width: 296px;
    height: 310px;
	margin: 5px;
	position:relative;
	overflow:hidden;
	/*padding: 10px;*/
	background-color: #efefef;
	border:1px solid #f1f1f1;
}



/*特色*/
.feature {
	background: #fff url(../images/bgFeature.gif) center 0 no-repeat;
}
.feature dt.modTitle {
	text-align: center;
	color: #FFF;
	padding-top: 40px;
}
.feature dt.modTitle .motto {
	display: inline;
	font-size: 14px;
	border: 1px solid #FFF;
	padding: 5px 10px;
	line-height: 46px;
}
.feature dt.modTitle strong {
	font-size: 36px;
}
.feature dd.modContent {
	padding: 50px 0 0;
	color: #666;
	background: #fff url(../images/bgFeatureCnt.jpg) center center no-repeat;
}
.feature dd.modContent li {
	clear: both;
	margin-bottom: 40px;
}
.feature dd.modContent li dl dt strong {
	font-size: 28px;
	float: left;
	border-bottom: 6px solid #0171d5;
	display: block;
	padding-right: 1em;
	height: 55px;
	line-height: 55px;
}
.feature dd.modContent li dl dt {
	border-bottom: 1px solid #CCC;
	height: 60px;
	line-height: 60px;
	padding-left: 20px;
}
.feature dd.modContent li dd strong {
	font-weight: normal;
	color: #0171d5;
	line-height: 300%;
}
.feature dd.modContent li dd {
	line-height: 160%;
	font-size: 14px;
	padding-left: 20px;
}
.feature dd.modContent li dl {
	width: 420px;
	padding-left: 86px;
	margin-top: 30px;
}
.feature dd.modContent li .thumb {
	float: right;
	margin-top: -30px;
}
.feature dd.modContent li.i2 dl {
	float: right;
}
.feature dd.modContent li.i2 .thumb {
	float: left;
}
.feature dd.modContent li dl dt {
	position: relative;
}
.feature dd.modContent li dl dt .sign {
	width: 86px;
	height: 93px;
	background: url(../images/featureIndex.gif) 0 0 no-repeat;
	position: absolute;
	left: -86px;
	bottom: -29px;
}
.feature dd.modContent li.i2 dl dt .sign {background-position: 0 -104px;}
.feature dd.modContent li.i3 dl dt .sign {background-position: 0 -210px;}

.leaflet {
	background: url(../images/leafletBg.png) 0 0 repeat-x;
}
/*advantage 优势*/
.advantage{
	background: url(../images/index_por_bg.jpg) center bottom no-repeat;
	width:100%;
	min-width:1330px;
	height:640px;
}
.about，
.honor，
.advantage {	
	margin: 0 auto;
}
.about,
.honor，
.advantage，
.custom {
	color: #666;
	min-width: 1280px;
}
.about dt.modTitle,
.honor dt.modTitle,
.advantage dt.modTitle,
.custom dt.modTitle {
	/*border-bottom: 1px solid #CCC;*/
	height: 55px;
	margin-top:45px;
	margin-bottom: 70px;
	text-align: center;
}
.about dt.modTitle .intro ,
.honor dt.modTitle .intro ,
.advantage dt.modTitle .intro ,
.custom dt.modTitle .intro {
	line-height: 20px;
	font-size: 16px;
	color: #868686;
	text-align: center;
}

.custom dt.modTitle .more
.article dt.modTitle .more{
	float: right;
	line-height: 24px;
	font-size: 14px;
	margin-top: 16px;
}

.article dt.modTitle strong{
	display: block;
	height: 51px;
	line-height: 51px;
	font-weight: normal;
    padding-top: 30px;
    text-align: center;
    font-size: 34px;
    font-weight: normal;
}
.custom .modTitle strong{
	display: block;
    font-size: 34px;
    font-weight: normal;
    line-height: 60px;
    font-size: 32px;
    font-weight: normal;
    text-align: center;
    margin: 40px auto;
}
.about dt.modTitle strong,
.honor dt.modTitle strong .i1,
.advantage dt.modTitle strong {
	/*border-bottom: 5px solid #333;
	height: 60px;*/
	line-height: 60px;
	font-size: 32px;	
	font-weight: normal;
	text-align: center;
}
.about dd.modContent,
.honor dd.modContent {
	padding: 30px 0;
}

.article dt.modTitle{
	/*border-bottom: 1px solid #CCC;*/	
	padding-bottom: 30px;
	height: 80px;
	text-align:center;
	line-height: 80px;
}
/*关于我们*/
.about{
	position:relative;
	background: url(../images/about.jpg) center center no-repeat;
	height:630px;
	width:100%;
	margin-top: 50px;
	margin-bottom: 0px;
}

.about .aboutTime{
	height:110px;
	padding-top: 40px;
	width: 640px;
}
.about .aboutTime .TimeL{
	float:left;
	width:110px;
	padding-right:20px;
	border-right:1px solid #666;
	text-align:center;
	
}
.about .aboutTime .Timeyear{
	font-size:60px;
}
.about .aboutTime .TimeR{	
	padding-left: 30px;
    display: block;
    width: 470px;
    float: left;
}
.about .aboutTime .TimeR h4{
	font-size:28px;
	line-height:60px;
	font-weight: 400;
}
.about .aboutTime .TimeR .TimeRightInfo{
	font-size:14px;
	line-height: 22px;
}

.about .about_index{
	text-align: left!important;
    width: 600px;
    position: relative;
    top: 50px;
    left: 0px;
}
.about .about_index .i1{	
	font-weight: 600;
	color:#333;
}
.about .about_index .intro{	
	text-align: left!important;
	font-size:16px!important;
	line-height:36px;
	text-indent:24px;
}
.about .about_index .about-content{
	color:#666;
	line-height:28px;
	text-align: justify;
	font-size: 16px;
	padding-top:60px;
}
.about .about_index .more{
	position: absolute;
    top: 270px;
	left: 0px;
	font-size: 16px;
	width:180px;
	height:50px;
	text-align:center;
	border-radius:25px;
	border:1px solid #666;
	line-height:50px;
	
}
.about .about_index .more:hover{
	transition: all 0.5s; 
	border:1px solid #00a9fe;
	background: #00a9fe;
    color: #fff;
	border:0px;
	}

/*客户案例*/
.case{
    height: 840px;
}
.case dt.modTitle {
	/*border-bottom: 1px solid #CCC;*/
	height: 55px;
	margin-top:45px;
	margin-bottom: 70px;
	text-align: center;
}
.case dt.modTitle .intro {
	line-height: 24px;
	font-size: 16px;
	color: #868686;
	text-align: center;
}
	
.case dt.modTitle .more{
	float: right;
	line-height: 24px;
	font-size: 14px;
	margin-top: 16px;
}

.case dt.modTitle strong{
	display: block;
	/*border-bottom: 5px solid #0171d5;*/
	height: 51px;
	line-height: 51px;
	padding-right: 2em;
	padding-left: 5px;
	font-size: 20px;
	font-weight: normal;
}

.case dt.modTitle strong .i1 {
	/*border-bottom: 5px solid #333;
	height: 60px;*/
	line-height: 60px;
	font-size: 32px;	
	font-weight: normal;
	text-align: center;
}
.case ul{
	display: flex;
    transition-property: transform;
    box-sizing: content-box;
    justify-content: space-between;	
	flex-wrap: wrap;
}
.case ul li{
	width:386px;
	height:310px;
	background:#fff;
	border-radius:2px;
    overflow: hidden;
	margin-bottom:16px;
}
.case ul li img{	
	width:386px;
	height:260px;
	object-fit: cover;
}
.case p{
	font-size:18px;
	line-height:60px;
	height:60px;
	text-align: center;
	width:100%;
	overflow:hidden;
	margin:0 auto;
	background:#fff;
}
.case li:hover p{
    transition: all 0.5s;
	transform: translateY(-2%);
}
.case li:hover img{
	transform: scale(1.2);
    transition: all 0.5s ease 0s;
    overflow: hidden;
}
.case-btn{	
    font: inherit;
	display:block;
	border:1px solid #ff6700;
	width: 150px;
    height: 42px;
	line-height:42px;
	margin: 0 auto;
	text-align:center;
    overflow: hidden;
    position: relative;
	border-radius: 3px;
	cursor: pointer;
	bottom:160px;
	top: 24px;
	
}
.case-btn a span{ 
	position: relative; 
	z-index: 2; 
	font-size: 16px; 
	color: #ff6700;
	transition: all 0.5s;
	
}
.case-btn:after {
	position: absolute;
	content: "";
	background: #ff6700;
	width: 100%;
	height: 100%;
	transform: scaleX(0);
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	transition: all 0.5s;
}
.case-btn:hover:after{ 
	transform: scaleX(1); }
.case-btn:hover a span{ 
	transform:translateX(5%);
	color:#fff;}



	
	
.service {	
	width: 1280px;
	margin: 0 auto;
	margin-top: 100px;
}
.service dt.modTitle {
	/*border-bottom: 1px solid #CCC;*/
	height: 55px;
	margin-top:45px;
	margin-bottom: 30px;
	text-align: center;
}
.service dt.modTitle .intro {
	line-height: 20px;
	font-size: 18px;
	color: #868686;
	text-align: center;
}
.service dt.modTitle strong {
	/*border-bottom: 5px solid #333;*/
	height: 60px;
	line-height: 60px;
	font-size: 32px;
	font-weight: normal;
}
.service dd{
	width:200px;
	height:110px;
	text-align:center;
	padding-top: 140px;
	float: left;
    margin: 0 50px;
}
.service .s1{
	background: url(../images/s01.png) center 0 no-repeat;
}
.service .s2{
	background: url(../images/s02.png) center 0 no-repeat;
}
.service .s3{
	background: url(../images/s03.png) center 0 no-repeat;
}
.service .s4{
	background: url(../images/s04.png) center 0 no-repeat;
}
.service dd h1{
	font-size:20px;
	color:#333;
	font-weight:300;
	line-height:32px;
}
.service dd p{
	font-size:14px;
	line-height:20px;
	color:#666;
	font-weight:100;
}
.service dd button:hover,
.service dd button:hover a,
.service dd a:hover{	
	background-color:#d71619;
	border:1px solid #d71619;
	color:#fff;
	cursor:pointer;
}
.service dd button{
	background-color:#fff;
	border:1px solid #cecece;
	color:#666;
	border-radius:18px;
	height:36px;
	width:100px;
	margin-top: 20px;
}



.about dd.modContent li {
	width: 265px;
	float: left;
	margin-right: 20px;
	border: 1px solid #c3c3c3;
	background-color: #f9f9f9;
	color: #666;
}
.about dd.modContent li .thumb img {
	width: 100%;
	height: 165px;
}
.about dd.modContent li .thumb {
	padding: 10px;
	display: block;
}
.about dd.modContent li .title {
	display: block;
	border-bottom: 1px solid #CCC;
	text-align: center;
	height: 40px;
	line-height: 40px;
}
.about dd.modContent li .title:after {
	content: "";
	display: block;
	width: 85px;
	margin: 0 auto;
	border-top: solid 3px #CCC;
}
.about dd.modContent li p {
	padding: 10px 20px;
	font-size: 12px;
	line-height: 180%;
}
.about dd.modContent li .btn a {
	padding: 10px 20px;
	background-color: #0071d1;
	color: #FFF;
	font-size: 14px;
}
.about dd.modContent li .btn {
	padding-top: 20px;
	height: 10px;
	text-align: center;
}
.group{transition: all 0.5s}

.advantage .group{
	display: flex;
    transition-property: transform;
	box-sizing: content-box;
    justify-content: space-between;
}
.swiper-slide{
	background: #f1f1f1;
	width:390px!important;
	height:460px!important;
	border-radius:6px;
}

.swiper-slide .b1{	
	background: url(../images/pro01.png) 0 0 no-repeat;
}
.swiper-slide .b2{	
	background: url(../images/pro02.png) 0 0 no-repeat;
}
.swiper-slide .b3{	
	background: url(../images/pro03.png) 0 0 no-repeat;
}
.child-box{
	transition: all 0.5s;
	width:390px!important;
	height:460px!important;
	border-radius:10px;	
	color: #fff;
}

.child-box:hover{ 
	cursor:  pointer;
}
.child-box:before{ 
	position: absolute; 
	content: ""; 
	transform: scaleY(0); 
	transition: all 0.5s; 
	transform-origin: bottom center; 
	width: 100%; 
	height: 100%; 
	left: 0;
	bottom:0; 
	background: #ed6c00;
	background: linear-gradient(#00a9fe, #0090d9);	
	border-radius:6px;
	opacity: 0.8; 
}
.child-box:hover:before{ 
	transform: scaleY(1);}

.child-box .i1{	
	background: url(../images/agv_bg.png) -68px -2px no-repeat;
    height: 65px;
    width: 65px;
    display: block;
    position: absolute;
    top: 20%;
    left: 38%;
}
.child-box .i2{	
	background: url(../images/agv_bg.png) -63px -63px no-repeat;
    height: 65px;
    width: 65px;
    display: block;
    position: absolute;
    top: 20%;
    left: 38%;
}
.child-box .i3{	
	background: url(../images/agv_bg.png) -63px -138px no-repeat;
    height: 65px;
    width: 65px;
    display: block;
    position: absolute;
    top: 20%;
    left: 38%;
}
.child-box .i4{	
	background: url(../images/agv_bg.png) -63px -200px no-repeat;
    height: 65px;
    width: 65px;
    display: block;
    position: absolute;
    top: 20%;
    left: 38%;
}
.child-box .child-box-h3{
	font-size:30px;
	text-align: center;
	line-height:60px;
	padding-top:145px;
	font-weight:500;
	display:block;
	color:#fff;
}
.child-box .child-box-desc{
	font-size:18px;
	text-align: center;
	line-height:30px;
	padding:30px;
}
.child-box:hover .child-box-h3{
	color: #fff;
	transform: translateY(2%);
	transition: all 0.5s; }
.child-box:hover .child-box-desc{
	color: #fff;
	transform: translateY(3%);
	transition: all 0.5s; }

.child-box .i0{		
	background: url(../images/pro_more.png) 0px 0px no-repeat;
    height: 65px;
    width: 65px;
    display: block;
    position: absolute;
    bottom: 12%;
    left: 44%;
	
}
.child-box:hover .i0{	
	transform: translateY(20%);
	transition: all 0.5s; }
	}
.child-box:hover .i0{	 
	transition: all 0.5s; 
	background: url(../images/pro_more.png) 0px 0px no-repeat;
}
.child-box:hover .i1{	 
	transition: all 0.5s; 
	background: url(../images/agv_bg.png) 0px -2px no-repeat;
}
.child-box:hover .i2{	 
	transition: all 0.5s;
	background: url(../images/agv_bg.png) 0px -63px no-repeat;
}
.child-box:hover .i3{	 
	transition: all 0.5s;
	background: url(../images/agv_bg.png) 0px -138px no-repeat;
}
.child-box:hover .i4{	 
	transition: all 0.5s;
	background: url(../images/agv_bg.png) 0px -200px no-repeat;
}

/*项目质量*/
.honorbg{
	background: url(../images/honorbg.png) center 45px no-repeat;
	}
.honor{
	/*padding-top: 60px;
	margin-top:20px;*/
	height:620px;
}
.honor dd{
	overflow: hidden;
	position:relative;
	width: 1200px;
    height: 500px;
	transition: all 0.5s;
}
.honor .box:hover img{	
	transition: all 0.5s; 
	transform: translateY(8%);
	cursor:pointer;
}

.honor dd .box{
	width:340px;
	height:110px;
	border-radius:2px;
	background:#ff6700;
	float:left;	
	color:#fff;
	text-align:left;
	padding:45px 30px 30px 30px;
	display:block;	
	cursor:pointer;
}
.honor dd .box1{
	position:absolute;
	top:0px;
	left:0px;}
.honor dd .box2{
	position:absolute;
	top:0px;
	left:800px;}
.honor dd .box3{
	position:absolute;
	top:170px;
	left:0px;
	margin-top: 98px;}
.honor dd .box4{
	position:absolute;
	top: 170px;
    left: 800px;
   margin-top: 98px;}
	
.honor dd .box .img1{	
	position:absolute;
	top: 40px;
    left: 348px;}
.honor dd .box .img2{	
	position:absolute;
	top: 40px;
    left: -46px;}
.honor dd .box .img3{	
	position:absolute;
	top: 40px;
    left: 348px;}
.honor dd .box .img4{	
	position:absolute;
	top: 40px;
    left: -46px;}
.honor dd .box  h3{
	font-size:20px;
	font-weight:300;
}
.honor dd .box p{	
	font-size: 14px;
    padding-top: 30px;
    line-height: 22px;
    width: 282px;
	
}









.article {
	padding: 10px 0;
	margin-top: 30px;
}
.article .mod .more {
	float: right;
	height: 51px;
    line-height: 51px;
}
.article .mod {
}
.article .modContent {
	padding: 20px 0;
}
.article .faq {
	float: left;
	width: 450px;
}
.article .news {
	float: left;
}
.article .news .thumb{
	float:left;
	padding-right:15px;
}
.article .news ul {
}
.article .news li .date {
	float: right;
    display: block;
    color: #ccc;
	font-size:12px;
	line-height:24px;
}
.article .news li {
	width:610px;
	float:left;
	padding:15px;
	overflow: hidden;
	cursor:pointer;
	border-bottom:2px solid #fff
	/*background: url(../images/newsDot.gif) 0px 8px no-repeat;*/
}

.article .news li:hover{
	background:#f1f1f1;
	border-bottom:2px solid #00a9fe;
    transition: all 0.5s ease 0s;
}

.article .news li:hover a.title{
	color:#00a9fe;
	 font-weight: bold;
}
.article .news li:hover img{	
	transform: scale(0.95);
    transition: all 0.5s ease 0s;
}
.article .news li img{
	height: 150px;
	width:240px;
}
.article .news ul li .title{
	line-height: 24px;
    font-size: 16px;
    overflow: hidden;
    width: 300px;
    display: inline-block;
}
.article .news ul li .description{
	font-size:14px;
	line-height:24px;
	color:#888;
	padding-top:10px;
	width: 355px;
    float: left;
}
.article .News-more{
	display: inline-block;
    width: 1280px;
    text-align: center;
    margin-top: 40px;
}
.article .News-more .more{
	font-size: 16px;
	width:180px;
	height:50px;
	text-align:center;
	border-radius:25px;
	border:1px solid #666;
	line-height:50px;
	display: inline-block;
	
}
.article .News-more .more:hover{
	transition: all 0.5s; 
	border:1px solid #00a9fe;
	background: #00a9fe;
    color: #fff;
	}

.article .faq .title {
	font-size: 14px;
	display: block;
	background: #f4f4f4 url(../images/answer.gif) 0 5px no-repeat;
	padding: 5px 5px 5px 25px;
	line-height: 160%;
	color: #333;
}
.article .faq ul li{
	margin-bottom:12px;
}
.article .faq p {
	font-size: 12px;
	background: #FFF url(../images/question.gif) 0px 9px no-repeat;
	padding: 10px 0 10px 30px;
	line-height: 160%;
	color: #666;
}
.custom {	
	height: 467px;
	width: 100%;
    min-width: 1330px;
    overflow: hidden;
	margin-top: 45px;
	background: #FFF url(../images/custombg.jpg) bottom center no-repeat;
}
.custom .modContent {
	padding: 1px 30px;
}
.custom .modContent li:hover a{
	/*border:1px solid #f3f3f3;*/
}
.custom .modContent li:hover img {
	transform: scale(1.5);
	transform: translateY(-10%);
    -webkit-transition:all 0.5s ease-out 0s;
	-moz-transition:all 0.5s ease-out 0s;
	transition:all 0.5s ease-out 0s;
}
.custom .modContent li a.title {
	transition: all 0.5s;
}

.custom .modContent a {
	float: left;
	margin: 0 15px;
	margin-bottom: 30px;
	font-size: 14px;
	/*border:1px solid #fff;*/
}
.footer-ad{
	margin:30px auto!important;
}
.footer-ad ul{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.footer-ad ul li{
	width:620px;
	height:250px;
	overflow:hidden;
}
.footer-ad ul li span{
	display: block;
    margin: 0 auto;
    text-align: center;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    background: #fff;
    transition: all 0.5s;
    transform: translateY(-2%);
	
}
.footer-ad ul li:hover img {
	transform: scale(1.1);
    -webkit-transition:all 0.5s ease-out 0s;
	-moz-transition:all 0.5s ease-out 0s;
	transition:all 0.5s ease-out 0s;
}