@charset "utf-8";
/* CSS Document */

html,body {margin:0; padding:0; color:#000;font: 12px "微软雅黑";}
ul,li{margin:0px;padding:0px;list-style-type:none;}

a{text-decoration: none;}

h1,h2,h3,h4,h5,h6{ margin:0; padding:0; font-weight:normal; line-height:none;}
h1{ font-size:24px;}
h2{ font-size:22px;}
h3{ font-size:20px;}
h4{ font-size:18px;}
h5{ font-size:16px;}
h6{ font-size:14px;}
p,dl,dt,dd,ol{ margin:0; padding:0;}
.clear{height:0px; clear:both;}
img{ border:0px; max-width:100%; margin:0; padding:0;}
input,select,textarea{ border-radius: 0; font-family:"微软雅黑"; font-size:100%; outline: none; box-sizing:border-box; resize:none; padding:0; margin:0;}
input::-webkit-input-placeholder{ color:#999;}

.left{ float:left !important;}
.right{ float:right !important;}
.input{ -webkit-appearance: none;}
.hidden{ display:none}
.block{ display:block !important;}
.relative{ position:relative;}
.fafafa{ background:#fafafa; padding-bottom:60px;}
.mb60{ margin-bottom:60px;}
.ltt_gcal{ width:50%; float:left; height:245px;}
.ltt_gcal_img{ width:50%; float:left; height:245px;}
.ltt_gcal_img img { width:100%; height:245px; display:block;}
.ltt_gcal_wz{ width:50%; float:left; height:245px; padding:7px 20px; box-sizing:border-box;}
.ltt_gcal_wz_bt{ font-size:15px; line-height:50px; color:#000; height:50px; overflow:hidden;}
.ltt_gcal_wz_nr{ font-size:12px; line-height:23px; color:#666; height:120px; margin-bottom:19px; overflow:hidden;}
.midd_41{font-size:14px; color:#666; line-height:24px; }
.midd_44{font-size:16px; color:#333; line-height:30px;}

.webbottom{ height: 65px; background-color: #005199; display: none; border-top: 1px solid #375c7d;}
.webbottom li { float: left; width: 20%; height: 65px; text-align: center; line-height: 25px;}
.webbottom li a{ color: #fff; font-size: 14px; display: block; width: 100%; height: 65px;}
.webbottom li span{ display: block; width: 100%; height: 25px; padding-top: 10px; text-align: center;}
.webbottom li img{ width: auto; max-height: 25px; display: block; margin: 0 auto;}

/* 首页 */
/* top */
.auto{
	width:1200px;
	margin-left:auto;
	margin-right: auto;
}
.logo{
	float:left;
	margin:8px 0 6px;
}
.top_right{
	float:right;
	width:1000px;
}
.nav{
	float:left;
	width:805px;
}
.nav li{
	float:left;
	width:100px;
	margin-right:15px;
	position:relative;
}
.nav li.d_nav{
	width:70px;
}
.nav li a{
	display:block;
	line-height:50px;
	text-align:center;
	font-size:16px;
	color:#333;
}
.nav li a.navs,.nav li:hover a{
	border-bottom:2px solid #183067;
}
.nav li ul{
	position:absolute;
	top:52px;
	left:0;
	background:#fff;
	width:100px;
	display:none;
	z-index:9;
}
.nav li ul li{
	margin-right:0;
}
.nav li ul li a{
	font-size:14px;
	color:#666;
	line-height:36px;
	
}
.nav li:hover ul li a{
	border-bottom:0;
}
.tr_s{
	float:left;
	width:190px;
}
.tmc{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:8;
	background-color: rgba(0, 0, 0, 0);
	display:none;
}
.trs{
	float:left;
	padding-top:17px;
	margin-right:12px;
	position:relative;
	width:15px;
}
.tr_s img{
	width:15px;
	height:15px;
	}
.suo{
	float: left;
	width: 148px;
	height: 30px;
	border-radius: 15px;
	border: 1px solid #333;
	margin-top: 10px;
	overflow: hidden;
	display: none;
	position:absolute;
	top:0;
	right:0;
	z-index:9;
	background:#fff;
}
.input_1{
	float:left;
	width:115px;
	height:30px;
	border:0;
	padding-left:10px;
}
.input_2{
	float: left;
	background-color:transparent;
	background-image: url(../images/16.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:15px 15px;
	height: 30px;
	width: 33px;
	border:0;
	cursor:pointer;
}
.tel{
	float:left;
}
.tel img{
	float: left;
	margin-top: 17px;
	margin-right: 5px;
	height: 16px;
	width: 16px;
}
.tel span{
	float:left;
	font-size:20px;
	color:#ff0000;
	font-weight:bold;
	line-height:50px;
}
/* banner */
.banner {
	position: relative;
	overflow: hidden;
	background:url(../images/loading.gif) 50% no-repeat;
}
.banner_1 {
	position: relative;
	z-index: 1;
}
.banner_1 li img {
	width: 100%;
	display:block;
}
/* 点 */
.flex-control-nav {
	position: absolute;
	bottom: 20px;
	z-index: 2;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}
.flex-control-nav li {
	display: inline-block;
	width: 50px;
	height: 5px;
	margin: 0 8px;
*display:inline;
	zoom: 1;
}
.flex-control-nav a {
	display: inline-block;
	width: 100%;
	height: 100%;
	line-height: 100px;
	overflow: hidden;
	background:#fff;
	cursor: pointer;
}
.flex-control-nav .flex-active {
	background:#005199;
}
/* 左右箭头 */
.flex-direction-nav {
	position: absolute;
	z-index: 3;
	width: 1200px;
	left:50%;
	margin-left:-600px;
	top: 50%;
	margin-top:-32.5px;
}
.flex-direction-nav li a {
	display: block;
	width: 65px;
	height: 65px;
	overflow: hidden;
	cursor: pointer;
	position: absolute;
}
.flex-direction-nav li a.flex-prev {
	left: 0;
	background-image: url(../images/4.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.flex-direction-nav li a.flex-next {
	right: 0;
	background-image: url(../images/5.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.flex-direction-nav li:hover a.flex-prev{
	background-image: url(../images/2.png);
}
.flex-direction-nav li:hover a.flex-next{
	background-image: url(../images/3.png);
}
.midd_1{
	float:left;
	width:calc(50% + 10px);
	height:505px;
	background:#005199;
}
.midd_2{
	float:right;
	margin-right:20px;
	width:590px;
}
.midd_6{
	font-size: 24px;
	text-transform: uppercase;
	color: #FFF;
	padding-top:50px;
}
.midd_3{
	font-size: 42px;
	color: #FFF;
	background-image: url(../images/7.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom:20px;
	margin-top:5px;
}
.midd_2 h6{
	color:#fff;
	line-height:24px;
	text-indent:25px;
	margin-top:55px;
	margin-bottom:50px;
	height:144px;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	word-break: break-all;
	overflow:hidden;
}
a.midd_19{
	display:block;
	font-size:14px;
	color:#fff;
	width:120px;
	height:30px;
	border:1px solid #fff;
	text-align:center;
	line-height:30px;
}
.midd_4{
	float:left;
	width:calc(50% - 10px);
	height:505px;
}
.midd_5{
	background-image: url(../images/8.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	height: 683px;
	width: 100%;
}
.midd_7{
	color:#333;
	padding-top:55px;
}
.midd_8{
	color: #333;
	background-image: url(../images/13.png);
}
.midd_9{
	float:left;
	width:300px;
	height:400px;
	margin-top:60px;
	position:relative;
}
.midd_9 img{
	display:block;
	width:100%;
	height:100%;
}
.midd_10{
	margin:28px;
	width:calc(100% - 28px * 2);
	height:calc(100% - 28px * 2);
	position:absolute;
	top:0;
	display:none;
	border:3px solid #fff;
}
.midd_11{
	background-color: rgba(0, 81, 153, 0.5);
	height:70px;
	margin:0 22px;
	margin-top:132px;
	padding-top:10px;
}
.midd_12{
	font-size:18px;
	color:#fff;
	border:2px solid #fff;
	margin: 0 17px;
	height:56px;
	text-align:center;
	line-height:56px;
	overflow:hidden;
	padding:0 15px;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.midd_15{
	background:#fff;
	margin-top:60px;
}
.midd_17{
	float:left;
	width:970px;
	height:390px;
}
.midd_18{
	float:left;
	width:280px;
	padding:0 20px;
}
.midd_18 h5{
	color:#333;
	margin-top:25px;
	margin-bottom:20px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.midd_18 h6{
	color:#666;
	line-height:24px;
	text-indent:30px;
	height:192px;
	width:100%;
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
	word-break: break-all;
	margin-bottom:23px;
	overflow:hidden;
}
a.midd_20{
	color:#666;
	border-color:#333;
}
img.midd_21{
	width:650px;
	height:390px;
	float:right;
	display:block;
}
.midd_16{
	float:right;
	width:230px;
}
.midd_16 li{
	height:130px;
	padding-right:20px;
	text-align:right;
	font-size:18px;
	line-height:130px;
	float:right;
	cursor:pointer;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.midd_13{
	color:#fff;
	background:#005199;
	width:250px;
}
.midd_14{
	color:#333;
	border-bottom:1px solid #e6e6e6;
	width:210px;
}
.midd_22{
	background-image: url(../images/15.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	height: 556px;
	width: 100%;
}
.midd_23{
	float:left;
	width:calc(100% / 3);
	background:#fff;
	height:273px;
	margin-top:60px;
}
.midd_23:hover{
	background:#005199;
}
.midd_23 h5{
	color:#333;
	margin:22px 20px 17px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
}
.midd_23:hover h5,.midd_23:hover h6{
	color:#fff;
	border-right:0;
}
.midd_23 h6{
	color:#666;
	line-height:24px;
	text-indent:30px;
	height:144px;
	display: -webkit-box;
	overflow:hidden;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	word-break: break-all;
	padding:0 20px;
	margin-bottom:17px;
	border-right:1px solid #ccc;
}
.midd_23:hover a.midd_24{
	color:#fff;
	border-color:#fff;
}
a.midd_24{
	color:#666;
	display:block;
	width:98px;
	height:23px;
	border:1px solid #ccc;
	text-align:center;
	line-height:23px;
}
.foot{
	background:#005199;
}
.foot_nav{
	border-bottom:1px solid #024581;
	height:62px;
}
.foot_nav ul{
	text-align:center;
}
.foot_nav li{
	display:inline-block;
	height:12px;
	line-height:12px;
	border-right:1px solid #fff;
	padding:0 18px;
	margin-top:25px;
}
.foot_nav li a{
	color:#fff;
	font-size:14px;
}
.foot_1{
	font-size:14px;
	color:#fff;
	text-align:center;
	height:65px;
	line-height:65px;
}
@media screen and (min-width:300px) and (max-width:800px){
	.auto{
		width:100%;
		min-height: 90px;
	}
	.logo{
		margin-left:10px;
	}
	.logo img{
		height:30px;
	}
	.top_right{
		width:calc(100% - 156px);
		margin-right:10px;
	}
	.sehun{
		float:right;
		background:url(../images/sehun.png) no-repeat;
		background-position:center center;
		width:20px;
		height:49px;
	}
	.nav{
		position:absolute;
		right:0;
		width:120px;
		height:auto;
		top:49px;
		z-index:99;
		background:#fff;
		display:none;
	}
	.nav li{
		width:100%;
		margin-right:0;
	}
	.nav li a.navs, .nav li:hover a{
		border-bottom:0;
		color:#fff;
		background:#183067;
	}
	.nav li a{
		line-height:35px;
		font-size:14px;
	}
	.nav li ul{
		display: none !important;
	}
	.tr_s{
		width:auto;
		float:right;
		margin-right: 10px;
	}
	.trs{
		width:20px;
	}
	.trs,.tel{
		float:right;
		margin-left:5px;
	}
	.suo{
		margin-top:8.5px;
		display: block;
		left: 0;
		right: 0;
		top: 50px;
		width: 100%;
		background-color: #fff;
		margin-top: 0;
		padding-bottom: 10px;
		border-radius: 0;
		border: none;
	}
	.suo form{ border-radius: 15px; display: block; width: calc(100% - 20px); height: 34px; border: 2px solid #005199; overflow: hidden; box-sizing: border-box; margin: 0 10px;}
	.input_1{ width: 89%;}
	.trs{
		padding-top:16px;
		position: inherit;
		display: inherit;
		margin: 0;
		padding: 0;
	}
	.trs img{
		width:20px;
		height:20px;
		display: none;;
	}
	.input_2{
		background-size:16px 16px;
	}
	.tel span{
		font-size: 16px;
	}
	.tel img{
		width:22px;
		height:22px;
		margin-top:15px;
	}
	.banner_1 li img{
		display:none;
	}
	.banner_1 li{
		height:250px;
	}
	.flex-control-nav{
		bottom:10px;
	}
	.flex-control-nav li{
		width:35px;
		height:3px;
		margin:0 5px;
	}
	.midd_1{
		width:100%;
		height:auto;
		padding-bottom:25px;
	}
	.midd_2{
		width:calc(100% - 20px);
		margin-left:10px;
		margin-right:10px;
	}
	.midd_6{
		padding-top:25px;
	}
	.midd_6 h1{
		font-size:18px;
	}
	.midd_3{
		font-size:20px;
		margin-top:0;
		padding-bottom:10px;
	}
	.midd_2 h6{
		margin:15px 0;
	}
	.midd_4{
		width:100%;
		height:auto;
		display:none;
	}
	.midd_5{
		height: auto;
		width: calc(100% - 20px);
		padding-right: 10px;
		padding-bottom: 25px;
		padding-left: 10px;
	}
	.midd_9{
		width:50%;
		height:237px;
	}
	.midd_9:nth-child(5),.midd_9:nth-child(6){
		margin-top:0;
	}
	.midd_9:nth-child(3),.midd_9:nth-child(4){
		margin-top:25px;
	}
	.midd_10{
		margin:15px;
		width:calc(100% - 15px * 2);
		height:calc(100% - 15px * 2);
		border-width:2px;
		display: block;
	}
	.midd_11{
		margin:77px 10px;
		height:43px;
	}
	.ltt_gcal{ width:100%; display: none; height: auto;}
	.ltt_gcal:nth-child(1){ display: block;}
	.ltt_gcal_img,.ltt_gcal_wz{ width: 100%;}

	.ltt_gcal:nth-child(2) .ltt_gcal_img{ float:right;}
	.ltt_gcal:nth-child(3) .ltt_gcal_wz{ float:right;}
	.midd_12{
		height:30px;
		line-height:30px;
		border-width:1px;
		margin:0 10px;
		font-size:16px;
		padding:0 10px;
	}
	.fafafa{
		width: calc(100% - 20px);
		padding-right: 10px;
		padding-bottom: 25px;
		padding-left: 10px;
	}
	.midd_15{
		margin-top:20px;
		width:100%;
		height:auto;
	}
	.midd_17{
		width:100%;
		height:auto;
	}
	.midd_18{
		width: calc(100% - 20px);
		padding:0 10px 15px;
		float:right;
	}
	.midd_18 h5{
		margin-top:15px;
		margin-bottom:10px;
	}
	.midd_18 h6{
		height:168px;
		-webkit-line-clamp:7;
		margin-bottom:15px;
	}
	a.midd_19{
		margin-left:auto;
		margin-right:auto;
	}
	img.midd_21{
		width:100%;
		height:auto;
	}
	.midd_16{
		width:100%;
	}
	.midd_16 li{
		width:calc(33.33% - 10px);
		height:35px;
		line-height:35px;
		float:left;
		text-align:center;
		padding-right:0;
		border-bottom:0;
		font-size:16px
	}
	.midd_22{
		height: auto;
		width: calc(100% - 20px);
		padding-right: 10px;
		padding-bottom: 25px;
		padding-left: 10px;
	}
	.webbottom{ display: block;}
	.webbottom li img{ max-height: 20px;}
	.midd_23{
		margin-top:15px;
		width:100%;
		height:auto;
		border:0;
		display: none;;
	}
	.webnav{ width: 100%;}
	.kg_1{
		height:1px;
		background:#ccc;
		margin:0 10px;
		display:none;
	}
	.ltt_gcal_wz_nr,.ltt_gcal_wz{ height: auto;}
	a.midd_24{
		margin-bottom:15px;
		margin-left:auto;
		margin-right:auto;
	}
	.midd_23:nth-child(1){
		margin-top:25px;
		display: block;
	}
	.midd_23 h5{
		margin:15px 20px 10px;
	}
	.midd_23 h6{
		height:72px;
		-webkit-line-clamp:3;
		margin-bottom:10px;
	}
	.midd_22 .midd_6,.midd_22 .midd_3{
		color:#fff;
	}
	.midd_22 .midd_3{
		background:url(../images/7.png) no-repeat;
		background-position:left bottom;
	}
	.foot_nav{
		display:none;
	}
}
/* 2匠心产品 */
.ny_banner img{
	display:block;
}
.midd_25{
	text-align:right;
	height:60px;
	line-height:60px;
}
.midd_25 a,.midd_25 span{
	color:#999;
}
.midd_25 a.midd_26{
	color:#666;
}
.midd_left{
	float: left;
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e6e6e6;
	padding-bottom:15px;
}
.midd_left h5{
	color:#333;
	margin-bottom:8px;
}
.midd_left ul li{
	line-height:36px;
	height:36px;
	text-indent:10px;
}
.midd_left ul li a{
	display:block;
	color:#666;
	font-size:14px;
}
.midd_left ul li a.navs{
	color:#005199;
}
.midd_right{
	float: right;
	width: 980px;
}
.midd_27{
	float: left;
	height: 312px;
	width: 312px;
	margin-right: 22px;
	position: relative;
	overflow:hidden;
	margin-bottom:25px;
}
.midd_27:nth-child(13),.midd_27:nth-child(14),.midd_27:nth-child(15){
	margin-bottom:0;
}
.midd_27 img{
	height: 100%;
	width: 100%;
	display:block;
	cursor:pointer;
}
.midd_28{
	background-color: rgba(0, 81, 153, 0.8);
	height:40px;
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
}
.midd_27:hover .midd_28{
	animation:myfirst 0.5s;
	-moz-animation:myfirst 0.5s; /* Firefox */
	-webkit-animation:myfirst 0.5s; /* Safari and Chrome */
	-o-animation:myfirst 0.5s; /* Opera */
}
@keyframes myfirst{
	from {height:40px;}
	to {height:calc(100% - 50px);}
}
.midd_29{
	height:calc(100% - 50px);
	padding-top:50px;
}
.midd_28 h5{
	font-size:16px;
	color:#fff;
	text-align:center;
	line-height:40px;
}
.midd_28 h6{
	color:#fff;
	text-align:center;
	line-height:24px;
	margin:10px 20px 0;
	height:72px;
	overflow:hidden;
	width:calc(100% - 40px);
}
.midd_28 a.midd_31{
	display:block;
	margin:20px auto;
	width:118px;
	height:28px;
	border:1px solid #fff;
	font-size:14px;
	color:#fff;
	text-align:center;
	line-height:28px;
}
#pagina {
    clear:both;
	text-align:center;
	padding:60px 0px;
}
#pagina a {
    display: inline-block;
    border: 1px solid #333;
    background-color: #FFF;
	padding:0 12px;
    color: #4c4c4c;
    line-height: 28px;
	margin:0 3px;
}
#pagina .number {
    background-color: #005199;
    color: #FFF;
}
@media screen and (min-width:300px) and (max-width:800px){
	.midd_25{
		margin:0 10px;
		height:40px;
		line-height:40px;
	}
	.midd_left{
		width:100%;
		border-bottom:0;
		padding-bottom:0;
	}
	.midd_left h5{
		display:none;
	}
	.midd_left ul li{
		float:left;
		width:calc(33.33% - 13.33px);
		margin-left:10px;
		text-align:center;
		text-indent:0;
		background:#e6e6e6;
		margin-bottom:10px;
	}
	.midd_right{
		width:100%;
	}
	.midd_27{
		width:calc(100% - 20px);
		margin:0 10px 10px;
		height:auto;
	}
	.midd_27:nth-child(13),.midd_27:nth-child(14){
		margin-bottom:10px;
	}
	.midd_28{
		position:static;
		background-color:transparent;
		height:auto;
		width: 60%;
		float: left;
	}
	.midd_27 img{ float: left; width: 40%;}
	.midd_29{
		height:auto;
		padding-top:0;
	}
	.midd_28 h5{
		color:#333;
		margin-top:5px;
		margin: 5px 0 0 10px;
		text-align: left;
	}
	.midd_28 h6{
		color:#666;
		margin-top:0;
		text-align: left;
		margin-left: 10px;
	}
	.midd_28 a.midd_31{
		display:none;
	}
	#pagina{
		padding:20px 0;
	}
	#pagina a.kg_yin{
		display:none;
	}
}
/* 3工程案例 */
.midd_30{
	font-size:30px;
	color:#333;
	margin-bottom:55px;
	line-height:30px;
}
.midd_32 a{
	display:block;
	float:left;
	margin-bottom:1px;
	position:relative;
}
.midd_32 a:nth-child(even){
	margin-left:1px;
}
.midd_32 a img{
	display:block;
}
.midd_32 a.midd_33{
	width:399px;
	height:500px;
}
.midd_32 a.midd_34{
	width:800px;
	height:500px;
}
.midd_35{
	height:112px;
	width:calc(100% - 40px);
	padding:0 20px;
	background-color: rgba(0, 81, 153, 0.5);
	position:absolute;
	bottom:0;
	left:0;
	display:none;
}
.midd_35 h3{
	color:#fff;
	font-weight:bold;
	margin-top:20px;
}
.midd_35 h4{
	color:#fff;
	margin-top:15px;
}
@media screen and (min-width:300px) and (max-width:800px){
	.midd_30{
		margin:0 10px 20px;
		font-size:20px;
	}
	.midd_32 a{
		margin:0 10px 10px !important;
	}
	.midd_32 a.midd_33,.midd_32 a.midd_34{
		width:calc(100% - 20px);
		height:auto;
	}
	.midd_35{
		display:block !important;
		position:static;
		background-color:transparent;
		height:auto;
	}
	.midd_35 h3{
		color:#333;
		margin-top:8px;
		font-size:18px;
	}
	.midd_35 h4{
		color:#666;
		margin-top:1px;
		font-size:16px;
	}
}
/* 3工程案例详情 */
.midd_36{
	background:#fafafa;
}
.midd_36 img.midd_38{
	display:block;
	float:left;
	width:600px;
	height:300px;
}
.midd_37{
	width:580px;
	float:left;
	margin-left:20px;
	padding-top:12px;
}
.midd_37 h5{
	color:#333;
	line-height:40px;
}
.midd_39{
	margin-top:55px;
	font-size:18px;
	color:#333;
	font-weight:bold;
	margin-bottom:55px;
}
.midd_40{
	margin-bottom:60px;
}
.midd_40 img{
	display:block;
	width:590px;
	float:left;
	margin-right:20px;
}
@media screen and (min-width:300px) and (max-width:800px){
	.midd_36 img.midd_38{
		width: calc(100% - 20px);
		margin-left:10px;
		margin-right:10px;
		height:auto;
	}
	.midd_37{
		width: calc(100% - 20px);
		margin-left:10px;
		margin-right:10px;
	}
	.midd_37 h5{
		line-height:35px;
	}
	.midd_39{
		width: calc(100% - 20px);
		margin:20px 10px;
	}
	.midd_41{
		width: calc(100% - 20px);
		margin-left:10px;
		margin-right:10px;
	}
	.midd_40{
		margin-bottom:20px;
	}
	.midd_40 img{
		width: calc(100% - 20px);
		margin-left:10px;
		margin-right:10px;
		margin-bottom:10px;
	}
}
/* 2 详情页 */
.midd_43{
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin:55px 0;
}
.midd_42{
	width: 285px;
	height: 285px;
	margin-right:20px;
	margin-bottom:60px;
}
@media screen and (min-width:300px) and (max-width:800px){
	.midd_42{
		width:calc(100% - 20px);
		margin:0 10px 10px;
		height:auto;
	}
	.midd_43{
		margin:20px 10px;
	}
}
/* 4展厅详情 */
.midd_44 img{
	display:block;
	margin-left: auto;
	margin-right:auto;
}
.midd_45{
	margin-bottom:60px;
	font-size:14px;
	color: #666;
    line-height: 24px;
}
.midd_45 .left{
	width:575px;
}
.midd_45 .left h6{
	color:#666;
	line-height:24px;
}
.midd_45 .left h5{
	color:#333;
	margin:20px 0;
}
.midd_46{
	width:600px;
	border:0;
	height:450px;
	float:right;
}
.midd_46 img{ max-width: inherit; height:auto;}
@media screen and (min-width:300px) and (max-width:800px){
	.midd_44,.midd_45{
		width: calc(100% - 20px);
		margin-left:10px;
		margin-right:10px;
	}
	.midd_45{
		margin-bottom:20px;
	}
	.midd_45 .left{
		width:100%;
	}
	.midd_45 .left h5{
		margin:10px 0;
	}
	.midd_46{
		width:100%;
		height:250px;
		margin-top:10px;
	}
}
/* 5设计灵感 */
.midd_47{
	margin-bottom:25px;
	clear:both;
}
.midd_47 span{
	display:block;
	float:left;
	font-size:14px;
	color:#666;
}
.midd_48{
	float:left;
	width:calc(100% - 70px);
}
.midd_48 a{
	display:block;
	float:left;
	color:#666;
	padding:0 10px;
	height:20px;
	line-height:20px;
	margin-right:10px;
	margin-left:10px;
}
.midd_48 a.navs{
	color:#fff;
	background:#005199;
}
.midd_49{
	margin-top:35px;
}
.midd_49 a{
	display:block;
	float:left;
	width:590px;
	height:400px;
	margin-right:20px;
	position:relative;
	margin-bottom:20px;
}
.midd_49 a:nth-child(even){
	margin-right:0;
}
.midd_49 a:nth-child(9),.midd_49 a:nth-child(10){
	margin-bottom:0;
}
.midd_49 a img{
	display:block;
	width:100%;
	height:100%;
}
.midd_50{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	background-color: rgba(0, 81, 153, 0.5);
	text-align:center;
	color:#fff;
	overflow:hidden;
}
.midd_49 a:hover .midd_50{
	height:100%;
}
.midd_50 h1{
	font-size:28px;
	font-weight:bold;
	margin-top:160px;
	margin-bottom:15px;
}
@media screen and (min-width:300px) and (max-width:800px){
	.midd_47{
		width: calc(100% - 20px);
		margin-left:10px;
		margin-right:10px;
		margin-bottom:10px;
	}
	.midd_48 a{
		margin:0px;
		padding:0 5px;
	}
	.midd_49 a{
		width: calc(100% - 20px);
		margin-left:10px;
		margin-right:10px;
		margin-bottom:10px !important;
		height:auto;
	}
	.midd_50{
		position:static;
		height:auto;
		background-color:transparent;
		color:#333;
	}
	.midd_50 h1{
		margin-top:8px;
		font-size:20px;
		margin-bottom:5px;
	}
	.midd_50 h4{
		font-size:16px;
	}
}
/* 5 设计灵感详情 */
.midd_52{
	float:left;
	width:590px;
}
.midd_52 .midd_39{
	margin-top:0;
}
.midd_51{
	font-size:14px;
	color:#666;
	line-height:30px;
}
img.midd_54{
	float:right;
	width:590px;
	height:400px;
}
img.midd_55{
	float:left;
	width:300px;
	height:375px;
	margin-right:20px;
}
.midd_56{
	float:right;
	width:560px;
}
.midd_56 h5,.midd_57 h5{
	color:#333;
	margin-bottom:20px;
}
.midd_57{
	float:left;
	width:580px;
	margin-top:60px;
}
img.midd_58{
	float:right;
	width:600px;
	height:375px;
	margin-top:60px;
}
.midd_59{
	width: 285px;
	height: 285px;
	margin-right:20px;
	margin-bottom:60px;
}
.midd_59 img{
	border:1px solid #f2f2f2;
	border-bottom:0;
	width:calc(100% - 2px);
	height:calc(100% - 2px);
}
@media screen and (min-width:300px) and (max-width:800px){
	.midd_51{
		width: calc(100% - 20px);
		margin-left:10px;
		margin-right:10px;
	}
	.midd_59{
		width:calc(100% - 20px);
		margin:0 10px 10px;
		height:auto;
	}
	.midd_52,.midd_56{
		width:100%;
		float:left;
	}
	.midd_52 .midd_39{
		margin-left:0;
	}
	img.midd_54,img.midd_55,img.midd_58{
		width:100%;
		height:auto;
		margin-top:10px;
	}
	.midd_57{
		width:100%;
		margin-top:15px;
	}
	.midd_56 h5, .midd_57 h5{
		margin-bottom:10px;
	}
}
/* 技术服务 */
.midd_60{
	margin-bottom:20px;
}
.midd_60:nth-child(4){
	margin-bottom:60px;
}
.midd_60 img{
	display: block;
	float:left;
	width:290px;
	height:164px;
}
.midd_61{
	float:right;
	width:calc(100% - 330px);
	height:164px;
	background:#fafafa;
	padding-left:20px;
	padding-right:20px;
}
.midd_61 h5{
	color:#333;
	height:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-top:20px;
	margin-bottom:16px;
}
.midd_61 h6{
	line-height:24px;
	color:#666;
	height:48px;
	overflow:hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-break: break-all;
}
a.midd_62{
	text-align:right;
	display:block;
	color:#999;
}
@media screen and (min-width:300px) and (max-width:800px){
	.midd_60{
		margin-bottom:10px;
		width: calc(100% - 20px);
		margin-left:10px;
		margin-right:10px;
	}
	.midd_60 img{
		width:150px;
		height:85px;
	}
	.midd_61{
		padding:0 10px;
		width:calc(100% - 170px);
		height:85px;
	}
	.midd_61 h5{
		margin:7px 0 5px;
	}
	a.midd_62{
		display:none;
	}
	.midd_60:nth-child(4){
		margin-bottom:20px;
	}
}
/* 技术服务详情 */
.midd_63{
	text-align:center;
	font-size:30px;
	color:#333;
	line-height:30px;
	margin-bottom:20px;
}
@media screen and (min-width:300px) and (max-width:800px){
	.midd_63{
		font-size:20px;
		margin-bottom:10px;
	}
	.mb60{
		margin-bottom:20px;
	}
}
/* 联系方式 */
.midd_64{
	float:left;
	width:600px;
}
.midd_64 .midd_39{
	margin-top:0;
}
.midd_65{
	margin-bottom:20px;
	clear:both;
	height:20px;
	font-size:16px;
}
.midd_65 i{
	display:block;
	width:30px;
	float:left;
}
.midd_65 i img{
	height:16px;
}
.midd_65 span{
	display:block;
	float:left;
	color:#666;
}
.midd_65 span b{
	font-weight:normal;
	color:#333;
}
.midd_67{
	float:left;
	width:280px;
	margin-right:20px;
}
.input_3{
	width:280px;
	height:40px;
	border:1px solid #ccc;
	padding-left:10px;
	display:block;
	font-size:14px;
	margin-bottom:25px;
}
.input_3::-webkit-input-placeholder,.input_5::-webkit-input-placeholder{ color:#666;}
.input_4{
	width:150px;
	height:40px;
	border:0;
	color:#fff;
	font-size:16px;
	cursor:pointer;
	background:#005199;
	margin-top:20px;
}
.input_5{
	float:left;
	font-size:14px;
	border:1px solid #ccc;
	padding:7px 10px;
	height:170px;
	width:300px;
}
@media screen and (min-width:300px) and (max-width:800px){
	.midd_66{
		width: calc(100% - 20px);
		margin-left:10px;
		margin-right:10px;
	}
	.midd_64 .midd_39{
		margin-left:0;
	}
	.midd_64{
		width:100%;
	}
	.midd_64:nth-child(1){
		margin-bottom:10px;
	}
	.midd_65{
		margin-bottom:10px;
	}
	.midd_65 span{
		width:calc(100% - 30px);
		font-size:14px;
	}
	.midd_65 i img{
		height:15px;
		margin-top:5px;
	}
	.midd_67{
		width:100%;
		margin-right:0;
	}
	.input_3{
		width:100%;
		margin-bottom:10px;
	}
	.input_5{
		width:100%;
		height:110px;
		margin-bottom:20px;
		margin-top:10px;
	}
	.input_4{
		display:block;
		margin-left:auto;
		margin-right:auto;
	}
}
/* 8新闻 */
.news .midd_60{
	margin-bottom:20px !important;
}
.news .midd_60:nth-child(8){
	margin-bottom:0 !important;
}
@media screen and (min-width:300px) and (max-width:800px){
	body,html{ overflow-x:hidden;}
	.news .midd_60{
		margin-bottom:10px !important;
	}
}
/* 新闻详情 */
.midd_68{
	text-align:center;
	font-size:14px;
	color:#666;
	margin-bottom:22px;
}
@media screen and (min-width:800px){
	.lg_yin{
		display:none;
	}
	.nav{
		display:block !important;
	}
}
.rides-cs {  font-size: 12px; background:#005199; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;height:246px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px; min-height:195px;}
.rides-cs .cn ul li { border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center; padding: 8px 0;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(/images/lanrenzhijia.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}
@media screen and (max-width: 800px) and (min-width: 300px){
	.rides-cs{ height: auto;}
	.rides-cs .floatL{ margin-top: 0;}
}