#main{
	width:1200px;
	float:left; 

}
#company{ width:1200px; float:left; overflow:hidden; padding-top:40px; padding-bottom:40px;}
#company .nr{ width:600px; float:left; }
#company .nr h1{
	line-height:45px;
	font-size:32px;
	color:#000;
	background-image: url(line1.jpg);
	background-repeat: no-repeat;
	background-position: left top; padding-top:20px;
}
#company .nr p{ font-size:16px; line-height:30px; color:#464646; margin-top:15px;height:240px; overflow:hidden;}
#company .nr span{ width:160px; color:#FFFFFF; line-height:50px; height:50px; font-size:16px; text-align:center; background-color:#0C8ADE; overflow:hidden; font-weight:bold;display:inline-block; position: relative; z-index: 1; margin-top:35px;border-radius:1px;transition:all 0.3s ease-in-out 0s;}
#company .nr span:after{background:#0172C0; transition:0.4s; left: 0px; bottom:-47px;background-color:#00A4EB;display: block; position: relative; z-index: 1; width: 100%; height: 50px; position: absolute; z-index: -1; content: " ";}
#company .nr span:hover:after{  bottom:0px; }
#company .tp{ width:550px; float:right;}
#company .tp img{ width:550px;}
#business{ width:1200px; float:left;}
#business .bt{width:1200px;	float:left; text-transform:capitalize;line-height:45px;
	font-size:32px;
	color:#fff;
	background-image: url(line2.jpg);
	background-repeat: no-repeat;
	background-position: left top; padding-top:20px;}
#ywzs{ width:1200px; float:left; margin-top:30px; overflow:hidden;}
#ywzs ul{ 	LIST-STYLE-TYPE: none; width:1240px;  }
#ywzs ul li{ width:285px; float:left; background-color:#fff; margin-right:20px; display:block;position: relative; z-index: 1; }
#ywzs ul li::after{ transition:0.8s; left: 0px; bottom:0px;background-color:#00A4EB;display: block; position: relative; z-index: 1; width: 100%; height:4px; position: absolute; z-index: -1; content: " ";}
#ywzs ul li .tp{ width:285px; overflow:hidden; height:200px;}
#ywzs ul li .tp img{ width:100%; min-height:200px;transition:all 0.6s ease-in-out 0s;}
#ywzs ul li .nr{ padding:35px 20px; text-align:center;}
#ywzs ul li .nr h1{ font-size:16px; line-height:30px;  height:30px; overflow:hidden; color:#222222;}
#ywzs ul li .nr p{ font-size:14px; line-height:25px;  height:25px; overflow:hidden; color:#555;}
#ywzs ul li:hover::after{ height:100%;}
#ywzs ul li:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
#ywzs ul li:hover h1,#ywzs ul li:hover p{ color:#fff;}
#business .more{ width:1200px; float:left;}
#business .more span{ width:160px; color:#101010; line-height:50px; height:50px; font-size:16px; text-align:center; background-color:#fff; overflow:hidden; font-weight:bold;display:inline-block; position: relative; z-index: 1; margin-top:35px;border-radius:1px;transition:all 0.3s ease-in-out 0s;}
#business .more span:after{transition:0.4s; left: 0px; bottom:-47px;background-color:#00A4EB;display: block; position: relative; z-index: 1; width: 100%; height: 50px; position: absolute; z-index: -1; content: " ";}
#business .more span:hover:after{  bottom:0px; }
#business .more span:hover{ color:#fff;}
#pro{ width:1200px; float:left;}
#pro .bt{width:1200px;	float:left; text-transform:capitalize;line-height:45px;
	font-size:32px;
	color:#0C0C0C;
	background-image: url(line1.jpg);
	background-repeat: no-repeat;
	background-position: left top; padding-top:20px;}
#prolist{ width:1200px; float:left; margin-top:30px; overflow:hidden;}
#prolist ul{ 	LIST-STYLE-TYPE: none; width:1240px;  }
#prolist ul li{ width:285px; float:left; background-color:#fff; margin-right:20px; display:block;position: relative; z-index: 1; margin-top:10px; margin-bottom:10px; }
#prolist ul li::after{ transition:0.8s; left: 0px; bottom:0px;background-color:#00A4EB;display: block; position: relative; z-index: 1; width: 100%; height:2px; position: absolute; z-index: -1; content: " ";}
#prolist ul li .tp{ width:269px; overflow:hidden; height:145px; text-align:center; padding:8px; background-color:#ffffff;}
#prolist ul li .tp img{ max-width:95%; height:145px;transition:all 0.6s ease-in-out 0s;}
#prolist ul li .nr{ padding:12px 10px; text-align:center; border-left:#E5FFFB solid 1px; border-right:#E5FFFB solid 1px;}
#prolist ul li .nr h1{ font-size:12px; line-height:25px;  height:25px; overflow:hidden; color:#464646;}
#prolist ul li:hover::after{ height:100%;}
#prolist ul li:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2);}
#prolist ul li:hover h1{ color:#fff;}
#pro .more{ width:1200px; float:left;}
#pro .more span{ width:160px; color:#fff; line-height:50px; height:50px; font-size:16px; text-align:center; background-color:#0C8ADE; overflow:hidden; font-weight:bold;display:inline-block; position: relative; z-index: 1; margin-top:35px;border-radius:1px;transition:all 0.3s ease-in-out 0s;}
#pro .more span:after{background:#0172C0; transition:0.4s; left: 0px; bottom:-47px;background-color:#00A4EB;display: block; position: relative; z-index: 1; width: 100%; height: 50px; position: absolute; z-index: -1; content: " ";}
#pro .more span:hover:after{  bottom:0px; }
#pro  .more span:hover{ color:#fff;}
#news-3{
	width:1200px;
	float:left; overflow:hidden;
	
}
#news-3 UL {
	COLOR:#565656; list-style-type:none; width:1235px;
}
#news-3 UL LI A:hover {
	color:#0C8ADE; 
}
#news-3 UL LI A {
	color:#333; 
}
#news-3 UL LI {
	WIDTH:585px; float:left;
	line-height:22px;
	font-size:13px;
	border-bottom:#ccc  dotted 1px;
	padding-bottom:20px;
	padding-top:20px; margin-right:30px;
	
}
#news-3 UL LI.zyjs{ background-image:none; line-height:26px; font-size:14px; text-align:left; color:#888; }
#news-3 UL LI b{ font-size:30px;  line-height:35px; }
#news-3 UL LI span{ color:#666;}
#news-3 UL LI p{ font-size:16px; line-height:30px;  height:30px; overflow:hidden; color:#333;}
#news-3 UL LI A h2 {
	text-align:center;
	cursor:pointer;
	width:78px;
	height:70px;
	font-weight:normal;
	color:#E2F3FE;
	float:left;
	margin-right:20px;
	font-family: "Book Antiqua","Times New Roman", Times, serif;
	font-size: 16px;
	padding-top:8px;
	line-height:28px;
	border-radius:6px;
	background-color:#0C8ADE;

}
#news-3 UL LI A:hover h2{
	   background-color:#00A4EB; color:#fff;
}
#news-3 UL LI a:hover p{ color:#0C8ADE}
#news-3 UL LI i{
	background-color:#0C8ADE;
	font-size:12px;
	padding:2px 6px;
	line-height:15px;
	display:inline-block;
	color:#FFFFFF;
	font-style: normal;border-radius:4px; margin-left:10px;
}
#contact{ width:1200px; float:left;}
#contact .bt{width:1200px;	float:left; text-transform:capitalize;line-height:45px;
	font-size:32px;
	color:#4D4C4C;
	background-image: url(line1.jpg);
	background-repeat: no-repeat;
	background-position: left top; padding-top:20px;}
#lxnr{ width:1200px; float:left; margin-top:30px; padding-bottom:30px;  font-size:16px; line-height:30px; font-weight:600; color:#4D4C4C;}
#lxnr A{ color:#4D4C4C;}
#message{ width:1100px; float:left; margin-top:40px; overflow:hidden; padding-left:50px; padding-right:50px; color:#4D4C4C; font-size:16px; line-height:40px;}
#message p{  width:100%; text-align:center;}
#message .input1{ border:1px; outline:none; padding:10px; line-height:20px; width:70%; font-size:16px; color:#000000; background-color:#fff;border-radius:5px; }
#message .input2{  border:1px; outline:none; padding:10px; line-height:20px; height:120px; width:70%; font-size:16px; color:#000000; background-color:#fff;border-radius:5px; }
#message .button2{ width:160px; margin-left:20px; margin-right:20px; color:#0C8ADE; cursor:pointer; line-height:50px; height:50px; font-size:16px; text-align:center; background-color:#F6F6F6; overflow:hidden; font-weight:bold;display:inline-block; position: relative; z-index: 1; margin-top:35px;border-radius:1px;transition:all 0.3s ease-in-out 0s; border:0px; border-bottom:3px solid #00A4EB;}
#message .button2:hover{ color:#fff; background-color:#00A4EB;}

#link{ width:1196px;  float:left; border:#ddd solid 1px; padding:1px;}
#link_1{ width:50px; line-height:20px; background-color:#E60012;float:left; padding-top:5px; padding-bottom:5px; font-size:14px; text-align:center; color:#FFFFFF;}
#link_2{ width:1140px;  font-size:14px; float:right; line-height:25px;}
#link_2 A{ padding-left:8px; padding-right:8px;}

@media (max-width: 1200px) {#case_list ul li .tp,#case_list ul li .tp h1{ height:220px;}#case_list ul li .tp img{ min-height:220px;}#case_list ul li .tp h1 div{ font-size:16px; line-height:30px;}}