.about {
	width: 100%;
	height: 50px;
	background: #e9e9e9;
}

.abouts {
	width: 1200px;
	margin: 0 auto;
	line-height: 50px;
	color: black;
	font-size:16px;
}

.abouts a {
	color: black;
	font-size:16px;
}

.abouts a:hover {
	color: #c60268;
	font-size:16px;
}

.ab {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: #f7f9fe;
}

.abs {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 66px;
}
.abs_title{
width:100%;
font-size:24px; color:#000;line-height:60px; font-family:"微软雅黑"; font-weight:bold; text-align:center;
}
.abs p {
	text-align: left;
}

.product {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	margin-top: 66px;
}

.products {
	width: 100%;
	margin:0px auto;
	overflow: hidden;
	background: #f7f9fe;
	padding:30px 0px;
}

.products .pro1 {
	width: 260px;
    padding-bottom: 30px;
	background: white;
	float: left;
	
}

.pro11 {
	width: 100%;
	height: 57px;
	background-image: url(../images/pro.bg.png);
}

.pro11 h1 {
	color: #fff;
	line-height: 57px;
	font-size: 24px;
}

.pro12 ul li {
	line-height:45px;
	
	overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      text-overflow: ellipsis;
}

.pro12 ul li a {
	color: black;
	line-height:45px;
	font-size:14px;
}

.pro12 ul li.this a,
.pro12 ul li a:hover {
	color: #c60268;
	display: block;
	line-height:45px;
}

.products .product .pro2 {
	float: right;
	width: 903px;
}

.pro2 ul li {
	width: 292px;
	height: 275px;
	background: white;
	float: left;
	margin-right: 9px;
	margin-bottom: 36px;
}

.pro2 ul li a span {
	width: 292px;
	height: 230px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
}

.pro2 ul li a span img {
	width: 100%;
	transition: transform 1.5s;
	margin-top: 0px;
}

.pro2 ul li a span img:hover {
	transform: scale(1.2);
}

.pro2 ul li a p {
	color: black;
	height: 45px;
	width: 100%;
	line-height: 45px;
	font-size:12px;
	
		overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      text-overflow: ellipsis;
}

.pro2 ul li :hover {
	color: white;
}

.pro2 ul li a p:hover {
	background: #c60167;
}

.cases {
	width: 100%;
	background: #f7f9fe;
	overflow: hidden;
}

.cases ul {
	width: 1200px;
	height: 394px;
	margin: 0 auto;
	margin-top: 88px;
}

.cases ul li {
	width: 391px;
	height: 394px;
	float: left;
	background: white;
	margin-right: 9px;
	margin-bottom: 30px;
}

.cases ul li span {
	width: 381px;
	height: 284px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 5px;
}

.cases ul li a span img {
	width: 100%;
	transition: transform 1.5s;
}

.cases ul li a span img:hover {
	transform: scale(1.3);
}

.cases ul li a p {
	margin: 14px 0 0 20px;
	color: black;
		overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      text-overflow: ellipsis;
	  font-size:13px;
}

.cases ul li a p:hover {
	color: #c60167;
}

.cases ul li:hover {
	box-shadow: 2px 4px 4px #d9d8d8;
}

.agencys {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: #f7f9fe;
	padding:20px 0px;
}

.agencys1 {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.agencys1 h1 {
	text-align: center;
	margin: 66px 0
}

.agencys1 p {
	text-align: center;
}

.agencys1 ul {
	width: 100%;
	margin-top: 76px;
}

.agencys1 ul li {
	width: 364px;
	background: white;
	text-align: center;
	float: left;
	margin:10px 15px;
	box-shadow: 2px 4px 4px #d9d8d8;
}

.agencys1 ul li a span {
	width: 364px;
	height: 270px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 10px;
}

.agencys1 ul li a span img {
	width: 100%;
	transition: transform 1.5s;
}

.agencys1 ul li a span img:hover {
	transform: scale(1.3);
}

.agencys1 ul li p {
	font-size: 14px;
	color: #333333;
	line-height:48px;
	
		overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      text-overflow: ellipsis;
}

.agencys1 ul li a p:hover {
	color: #c60268;
}

.box1 img {
	margin-top: 20px;
}

.box1 p {
	margin-bottom: 26px;
}

.xiazai {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: #f7f9fe;
	
}

.xiazai ul {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 100px;
}

.xiazai ul li {
	width: 372px;
	height: 146px;
	background: white;
	border: 1px solid #ededed;
	text-align: center;
	padding: 20px 0;
	float: left;
	margin-right: 26px;
	margin-bottom: 50px;
}

.xiazai ul li h3 {
	margin-bottom: 90px;
}

.xiazai ul li a p {
	float: left;
	margin-left: 128px;
	color: black;
}

.xiazai ul li a img {
	margin-right: 127px;
	margin-top: 3px;
}

.contact {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: #f7f9fe; 
}

.cont {
	width: 800px;
	margin: 30px auto;
	overflow: hidden;
	margin-top: 100px;
	padding: 0 60px;
}

.left {
	margin-top: 100px;
	margin-left: 100px;
	display:none;
}

.left p {
	line-height: 50px;
}

.right {
	float: right;
	width: 745px;
	height: 392px;
	margin-right: -60px;
	display:none;
}

.message {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	background: #f7f9fe;

}

.me {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 100px;
	text-align: center;
}

.mail {
	width: 1200px;
	margin: 0 auto;
	
}

.messages {
	padding: 46px 0;
	margin-left: 326px
}

.messages input,
.messages select,
.messages textarea {
	margin: 0;
	padding: 0;
	background: none;
	border: 0;
	font-family: "Microsoft Yahei";
}

.messlist {
	height: 50px;
	margin-bottom: 24px;
	display: flex;
}

.messlist label {
	float: left;
	width: 100px;
	height: 30px;
	line-height: 40px;
	text-align: right;
	padding-right: 10px;
}

.messlist input {
	float: left;
	width: 400px;
	height: 40px;
	padding-left: 5px;
	border: #ccc 1px solid;
	background: white;
	font-size: 14px;
	border-radius: 7px;
}

.messlist.textareas {
	height: auto;
}

.messlist textarea {
	float: left;
	width: 400px;
	height: 110px;
	padding: 5px;
	border: #ccc 1px solid;
	background: white;
	font-size: 14px;
	border-radius: 7px;
}

.messlist.yzms input {
	width: 160px;
}

.messlist.yzms .yzmimg {
	float: left;
	margin-left: 10px;
}

.messsub {
	padding: 0px 0 0 110px;
}

.messsub input {
	width: 100px;
	height: 35px;
	background: #ddd;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	margin-right: 5px
}

.messsub input:hover {
	background: #f60;
	color: #fff;
}

#label0 {
	display: none;
	color: #0aa770;
	height: 28px;
	line-height: 28px;
}

#label1 {
	display: none;
	color: #0aa770;
	height: 28px;
	line-height: 28px;
}

#label2 {
	display: none;
	color: #0aa770;
	height: 28px;
	line-height: 28px;
}

#label3 {
	display: none;
	color: #0aa770;
	height: 28px;
	line-height: 28px;
}

#label4 {
	display: none;
	color: #0aa770;
	height: 28px;
	line-height: 28px;
}

#label5 {
	display: none;
	color: #0aa770;
	height: 28px;
	line-height: 28px;
}

#label6 {
	display: none;
	color: #0aa770;
	height: 28px;
	line-height: 28px;
}

#label7 {
	display: none;
	color: #0aa770;
	height: 28px;
	line-height: 28px;
}

#label8 {
	display: none;
	color: #0aa770;
	height: 48px;
	line-height: 48px;
}

#label9 {
	display: none;
	color: #0aa770;
	height: 48px;
	line-height: 48px;
}

#label10 {
	display: none;
	color: #0aa770;
	height: 48px;
	line-height: 48px;
}
.detail{
	width: 880px;
	float: right;
}
.detail span{
	display: block;
	margin: 22px 0;
}
.detail p{
	text-align: left;
	margin-left: 66px;
    margin-top: 10px;
    line-height: 34px;
}
.list_in_in p img{
	width: 1000px;
}
.q img{
	width: 100%;
}
.w img{
	width: 100%;
}
.e img{
	width: 100%;
}
.r img{
	width: 100%;
}
.t img{
	width: 100%;
}
.y img{
	width: 100%;
}
.u img{
	width: 100%;
}
.i img{
	width: 100%;
}