@charset "utf-8";



/* CSS Document */



@import url("public.css");



/*响应式样式*/

.home-foot {

	text-align: center;

	background: #fff;

	color: #02031d;

	width: 100%;

	line-height: 55px;

	position: fixed;

	bottom: 0;

	left: 0;

	box-sizing: border-box;

}



.home {

	height: calc(100vh - 163px);

	background: url(../images/home2.png) center no-repeat;

	background-size: cover;

	display: block;

}



.home a {

	display: block;

	float: left;

	width: 50%;

	color: #fff;

	font-size: 32px;

	height: calc(100vh - 163px);

	position: relative;

}



.home a img {

	vertical-align: middle;

	margin-left: 5px;

	position: relative;

	top: -3px;

}



.home .left .block {

	margin-top: 10vh;

}



.home .right .block {

	position: absolute;

	bottom: 10vh;

	right: 0;

}



.banner {

	display: block;

	height: 280px;

	background: center no-repeat;

	background-size: cover;

}



.logo {

	display: block;

	float: left;

	display: flex;

	align-items: center;

}



.logo img {

	display: block;

	max-width: 100%;

}



.head .right {

	float: right;

	width: calc(100% - 200px);

}



.head .container {

	display: flex;

	flex-wrap: wrap;

}



.search {

	float: right;

	border-radius: 30px;

	border: 1px solid #e7e7e7;

	margin: 15px 0;

	position: relative;

	width: 300px;

	box-sizing: border-box;

	overflow: hidden;

	padding: 0 20px 0 15px;

}



.search .text {

	display: block;

	width: 100%;

	height: 40px;

	line-height: 40px;

	border: none;

	width: 100%;

	box-sizing: border-box;

}



.search .btn {

	position: absolute;

	top: 0;

	right: 0;

	background: url(../images/search.png) center no-repeat;

	border: none;

	height: 100%;

	width: 50px;

	cursor: pointer;

}

.head{ position: relative; z-index: 10000;}

.menu {

	clear: both; 

	font-size: 16px; 

	position: relative; z-index: 1000;

}



.menu li {

	float: left;

	width: 14.2%;

	text-align: right;

}

.menu li>a{ padding-bottom: 15px; display: block;}

.menu li.active>a {

	color: #e1ce01;

}

.menu li .two{ font-size: 14px; position:absolute; top:34px; padding: 17px 0; left: 0;  width: 100%;  display: flex;align-items: center;justify-content: center; flex-direction: row; display: none; } 

.menu li .two dd{  text-align: center; padding: 0 15px;}

.menu li .two dd img{ display: block; margin: 0 auto 10px;height: 40px;}

.line{display: none; position:absolute; top:108px; left:0; width:100%; border-top:1px solid #ededed;  height: 100px; background: #fff; }

.menu li:hover .two{ display: flex;}

.nav-toggle {

	width: 30px;

	text-align: center;

	font-size: 30px;

	cursor: pointer;

	float: right;

	color: #fff;

	display: none;

	margin-top: 10px;

	/*position: absolute;

	top: 50%;

	right: 20px;

	margin-top: -15px;*/

}



.nav-toggle span {

	width: 100%;

	height: 3px;

	background: #777;

	border-radius: 20px;

	display: block;

	margin: 5px 0

}



.info-title {

	text-align: center;

	padding: 40px 0;

}



.info-title span {

	color: #333;

	font-size: 30px;

}



.info-title p {

	color: #888;

	font-size: 20px;

	padding-top: 3px;

}



.foot {

	background: #2d2e32;

	color: #aeaeae;

	line-height: 2;

}



.foot .container {

	padding: 30px 13px;

}



.foot .right {

	float: right;

}



.foot .right img {

	display: block;

}



.foot .left {

	padding-top: 10px;

}



.foot .copy {

	text-align: center;

	background: #fff;

	color: #02031d;

	line-height: 55px;

}



.substance {

	min-height: 500px;

}



.about {

	padding: 30px 0;

	line-height: 2;

	font-size: 15px;

}



.about p {

	padding-bottom: 15px;

}



.about .img {

	display: flex;

	flex-direction: row;

}



.about .img img {

	width: 48%;

	display: block;

	margin-right: 2%;

}



.about .img img:last-child {

	margin-right: 0;

}



.clients-list {

	display: flex;

	flex-wrap: wrap;

	padding-bottom: 20px;

}



.clients-list li {

	width: 20%;

	padding: 20px 0;

}



.clients-list li img {

	display: block;

	max-width: 100%;

	margin: 0 auto;

}



.map {

	height: 380px;

	margin: 10px auto 50px;

}



.contact-word {

	padding: 0 0 30px;

}



.contact-word img {

	vertical-align: middle;

	margin-right: 10px;

}



.contact-word li {

	padding: 5px 0;

}



.case-list {

	display: flex;

	flex-wrap: wrap;

}





/*.case-list li{ width: 32%; margin-right: 2%; }

.case-list li:nth-child(3n){ margin-right: 0;}*/



.case-list li a {

	display: block;

	overflow: hidden;

}



.case-list li .img {

	overflow: hidden;
	height: 240px;
	width: 100%;

}



.case-list li img {

	display: block;

	width: 100%;
	height: 100%;

	transition: all .3s;

	margin: 0 auto;

}



.case-list li .title {

	display: block;

	margin: 20px 0 15px;

	text-align: center;

	font-size: 17px;

	color: #333;

	-webkit-line-clamp: 1;

}



.case-list li .word {

	line-height: 25px;

	text-align: center;

	color: #666;

	font-size: 15px;

	padding: 0 15px;

}



.case-list li .btn {

	display: block;

	border-radius: 30px;

	margin: 15px auto 40px;

	text-align: center;

	width: 100px;

	line-height: 35px;

	border: 1px solid #EDEDED;

	display: block;

}



.case-list li:hover img {

	transform: scale(1.1);

}



.case-list li:hover .btn {

	background: #e1d200;

	color: #fff;

}



.page-all {

	overflow: hidden;

	padding: 30px 0;

	display: flex;

	justify-content: center;

}



.page-all ul {}



.page-all li {

	float: left;

	margin-left: 20px;

}



.page-all li.active a {

	background: #e1d200;

	color: #fff;

	display: block;

	text-align: center;

	width: 25px;

	line-height: 25px;

	border-radius: 50%;

}



.location {

	padding: 20px 0;

	border-bottom: 1px solid #EDEDED;

}



.case-title {

	font-size: 20px;

	padding: 40px 0;

}



.case-word {

	line-height: 2;

	padding-bottom: 20px;

}



.case-word>img {

	display: block;

	max-width: 100%;

	margin: 15px auto;

}



.product-left {

	width: 21%;

	float: left;

	border: 1px solid #E7E7E7;

	border-bottom: none;

	margin-bottom: 50px;

}



.product-left li {}



.product-left li>a {

	font-size: 16px;

	display: block;

	background: #eaeaea;

	line-height: 45px;

	padding: 0 15px;

}



.product-left dl dd a {

	padding: 15px;

	display: block;

	background: url(../images/enter-noraml.png)95% center no-repeat;

	;

}



.product-left dl dd {

	border-bottom: 1px solid #E7E7E7;

}



.product-left .active a {

	color: #e1d200;

	background-image: url(../images/enter-select.png);

}



.product-right {

	width: 77%;

	float: right;

}



.product-list li {

	box-sizing: border-box;

	border: 1px solid #E7E7E7;

	margin-bottom: 25px;

}



.product-list li .btn {

	width: 100%;

	border-radius: 0;

	margin: 20px auto 0;

	border: none;

	border-top: 1px solid #E7E7E7;

	line-height: 45px;

}



.product-info {

	padding: 30px 0;

}



.home-coop .slide img{ border:1px solid #ebebeb;  box-sizing:border-box; margin:0 auto; display:block; max-width:90%;}

.home-coop .bx-wrapper .bx-pager{ display:none}

.home-coop{  margin-bottom: 60px;}

.home-coop .bx-wrapper .bx-controls-direction a{ width:15px; height:28px; }

.home-coop .bx-wrapper .bx-prev{ background:url(../images/arrow1.png); left:-35px;}

.home-coop .bx-wrapper .bx-next{ background:url(../images/arrow2.png); right:-35px;}





.new_list{ width:94%; margin:0 auto}

.new_list dd{ padding:25px 0 25px 400px; line-height:1.8; overflow: hidden; min-height:177px; position:relative; border-bottom:1px solid #ededed;}

.new_list dd .images{ position:absolute; left:0; top:25px; }

.new_list dd .title{ height:32px; font-weight:normal; font-size:18px; color:#000000;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}

.new_list dd .time{ display:block; font-size:12px; padding:8px 0}

.new_list dd .time i{ display:block; background:#ededed; height:1px; width:50px; margin-top:8px;}

.new_list dd p{ height:50px; overflow:hidden; margin-bottom:8px;}

.new_list dd .more{ display:block; border:1px solid #ededed; float:left; padding:0 60px 0 25px; background:url(../images/xingzhuang.png) 90px center no-repeat; line-height:40px;}

.new_list dd .title:hover{ color:#0ca4c9}



.new_info{ padding:40px 0; width:90%; margin:0 auto}

.new_info .title{ text-align:center; margin-bottom:20px; border-bottom:1px solid #ededed; line-height:1.8; padding-bottom:10px;}

.new_info .title h2{ font-weight:normal; padding-bottom:5px; color:#000; font-size:18px;}

.new_info .title p{ color:#9c9c9c}

.new_info .word{ line-height:2}

.new_info .word p{ margin-bottom:15px; text-indent:2em; font-size:15px; color:#757575}

.new_info .word img{ display:block; max-width:100%; margin:0 auto 20px}



/*

 

 * 

 * 

 * 

 * 

 * 

 * 

 * 

 * 

 * 

 * 

 * 

 * 

 * 

 * 

 * 

 * 

 * 

 * 

 * 

 * 

 * 

 * 

 * 

 * 

 * 

 * 

 * */