﻿.son-foot{width:100%; margin: 0 auto; height:auto; overflow:hidden; background:url(../images/bg_b.png) center; padding-top:73px;margin-bottom:-70px}
.img-details {margin: 0 auto; height:auto; overflow:hidden; margin-top:40px; margin-bottom:45px; padding:20px 0; position:relative;}

.img-details .img_left { position:absolute; left:0; width:310px; height: 604px; margin-right:56px;}
.img-details .img_left h3 { font-size:22px; line-height:40px; color:#333; font-weight:bold; padding-bottom:15px; margin-bottom:20px;}
.img-details .img_left span{ color:#333; line-height:22px;}
.img-details .img_left .img_xx {line-height:28px; color:#666;}
.img-details .img_center .img_xx {line-height:28px; color:#666;}
.img-details .img_center h3 { font-size:22px; line-height:40px; color:#333; font-weight:bold; padding-bottom:15px; margin-bottom:20px;}

.img-details .img_right { float:right;margin-bottom:65px}
.img-details .img_right .img_img { width:680px; height:500px; margin-bottom:68px;}
.solution_nav{
	width:100%;
	min-width:1070px;
	margin:0 auto;
	height:63px;
	padding:2px 0;
}

.solution_navr{
	width:100%;
	float:right;
	overflow: hidden;
	padding:10px 0;
}
.solution_navr>a{
	display:block;
	padding:0 10px;
    height:43px;
	text-align: center;
	line-height: 43px;
	background-color:#eee;
	float:left;
	margin-left:10px;
	font-size:16px;
	color:#333;
	position:relative;
	z-index: 2;
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-ms-transition:0.8s;
	-o-transition:0.8s;
	transition:0.8s;
}
.solution_navr>a.dq{
	background-image:url(../images/banner_right_bg.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color:#fff;
	z-index: 2;
}
.solution_navr>a:after{
	position:absolute;
	top:0;right:0;
	width:0;height:43px;
	content:"";
	background-image:url(../images/banner_right_bg.jpg);
	background-repeat: no-repeat;
	background-size: 284px 43px;
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-ms-transition:0.8s;
	-o-transition:0.8s;
	transition:0.8s;
	z-index: -1;
}
.solution_navr>a:before{
	position:absolute;
	top:0;left:0;
	width:0;height:43px;
	content:"";
	background-image:url(../images/banner_right_bg.jpg);
	background-repeat: no-repeat;
	background-size: 144px 43px;
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-ms-transition:0.8s;
	-o-transition:0.8s;
	transition:0.8s;
	z-index: -1;
}
.solution_navr>a.dq:after{
	position:absolute;
	top:0;right:0;
	width:0;height:43px;
	content:"";
	background-image:url(../images/banner_right_bg.jpg);
	background-repeat: no-repeat;
	background-size: 154px 43px;
	z-index: -1;
	-webkit-transition:0s;
	-moz-transition:0s;
	-ms-transition:0s;
	-o-transition:0s;
	transition:0s;
}
.solution_navr>a.dq:before{
	position:absolute;
	top:0;right:0;
	width:0;height:43px;
	content:"";
	background-image:url(../images/banner_right_bg.jpg);
	background-repeat: no-repeat;
	background-size: 144px 43px;
	z-index: -1;
	-webkit-transition:0s;
	-moz-transition:0s;
	-ms-transition:0s;
	-o-transition:0s;
	transition:0s;
}
.solution_navr>a:hover:after{
	width:100%;
}
.solution_navr>a:hover:before{
	width:100%;
}
.solution_navr>a:hover{
	color:#fff;
	-webkit-transition:0.8s;
	-moz-transition:0.8s;
	-ms-transition:0.8s;
	-o-transition:0.8s;
	transition:0.8s;
}