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

*****************************************/
.infban{ width:100%; height:430px; background:url(../images/01.jpg) center top no-repeat;}
.infbans{ width:600px; padding-left:600px; padding-top:150px;}
.infbans p{ display:block; background:url(../images/t.png); padding:40px 30px; font-size:38px; width:470px; line-height:45px; color:#40b59c; text-shadow:0px 0px 8px #fff;}

.info{ width:1200px; margin:-76px auto 30px; min-height:500px; position:relative; z-index:998;}
.infol{ width:226px; height:auto; border-top:6px #78b540 solid;}
.infol_class{ width:226px; background:#fff; padding-bottom:20px; box-shadow:0px 5px 5px #ddd;}
.infol_class h2{ height:70px; line-height:70px; text-align:center; font-weight:100; font-size:25px; font-weight:700; background:#78b540; color:#fff;}
.infol_class ul li{ width:226px; height:47px; background:url(../images/lef2.jpg) #fff 37px center no-repeat; border-bottom:1px #f9f9f9 solid; margin:0;}
.infol_class ul li a{ display:block; line-height:47px; padding-left:65px;}
.infol_class ul li a:hover{background:url(../images/lef1.jpg) #e5eddd 37px center no-repeat; color:#333;}
.infol_class ul li a.lion{background:url(../images/lef1.jpg) #e5eddd 37px center no-repeat; color:#333;}
.infol_lx{ width:226px; height:auto; background:#fff; text-align:center; margin-top:28px; box-shadow:0px 5px 5px #ddd;}
.infol_lx img{ width:216px; border:5px #fff solid;}
.infol_lx p{ padding:10px 20px; text-align:left; line-height:26px; font-size:14px; color:#777;}
.infol_lx p em{ font-size:16px; line-height:40px; color:#78b540; font-weight:700; border-bottom:1px #ddd dashed; float:left;}
.infor{ width:880px; background:#fff; margin-top:76px; padding:20px 35px 25px; box-shadow:0px 5px 5px #ddd; border-bottom-right-radius:20px;}
.infor_tit{ width:880px; height:50px; border-bottom:1px #ddd solid; background:url(../images/nav.png) 5px center no-repeat;}
.infor_tit em{ font-size:20px; line-height:50px; padding-left:32px; font-weight:700; color:#78b540;}
.infor_tit span{ color:#999; line-height:40px; padding-top:10px; padding-right:8px; font-size:12px;}
.infor_tit span a{color:#999; font-size:12px;}
.infor_tit span a:hover{ text-decoration:underline; color:#78b540;}
.infor_con{ width:870px; height:auto; padding:15px 5px; font-size:15px; line-height:38px; color:#666;}

.infopg{ width:auto; height:40px; line-height:21px; text-align:center; margin:20px auto; font-size:14px;}
.infopg ul{ margin:0;}
.infopg ul li{float:left; border:1px #ddd solid; margin:0 5px; width:50px; height:28px; line-height:28px;}
.infopg ul li a{ display:block;}
.thisclass{ border:1px #333 solid; background:#ccc; color:#fff;}

.infor_pic{ width:855px; height:auto; line-height:28px; font-size:14px; color:#555; padding:20px 0; margin:0 auto;}
.infor_pic ul li{ width:263px; height:auto; float:left; margin:5px; line-height:40px; text-align:center; padding:5px; border:1px #ddd solid;}

.li_img{ width:263px; height:150px; overflow:hidden;}
.li_img img{ width:263px; height:auto;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}
.li_img:hover img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.infor_hz{ width:855px; height:auto; line-height:28px; font-size:14px; color:#555; padding:20px 0; margin:0 auto;}
.infor_hz ul li{ width:263px; height:160px; float:left; margin:5px; line-height:40px; text-align:center; padding:5px; border:1px #ddd solid; overflow:hidden;}
.infor_hz ul li img{ width:263px; height:160px;	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 2s ease;
	-moz-transition: all 2s ease;
	-o-transition: all 2s ease;
	transition: all 2s ease;
}
.infor_hz ul li:hover img {
	-webkit-transform: scale(1.15);
	-moz-transform: scale(1.15);
	-o-transform: scale(1.15);
	transform: scale(1.15);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

/*内容*/
.newnr{ width:820px; height:auto; color:#666;}
.ntit{ width:100%; height:70px; line-height:70px; text-align:center; font-weight:100; color:#333; font-size:25px; font-weight:700;}
.jhurl{ width:100%; height:39px; line-height:39px; font-size:12px; font-family:宋体; text-align:center; color:#777;}
.nwcon{ width:100%; height:auto; font-size:15px; line-height:30px; border-bottom:2px #ddd solid; padding:10px 0 50px;}
.nwcon img{ width:90%; padding:15px 5%;}
.context{ width:100%; height:30px; line-height:30px; padding-top:10px;}
.context ul{ margin:0; padding:0;}
.context ul li{ width:550px; height:30px; line-height:30px; float:left;}
.context ul li a{ color:#666;}

.video_list{ width:870px; height:auto; line-height:28px; font-size:14px; color:#555; padding:20px 0; margin:0 auto;}
.video_list ul li{ width:268px; height:auto; float:left; margin:5px; line-height:40px; text-align:center; padding:5px; border:1px #ddd solid;}
.li_imgs{ width:268px; height:200px; overflow:hidden;}

.infor_new{ width:870px; height:auto; line-height:28px; font-size:14px; color:#555; padding-bottom:20px; margin:0 auto;}
.infor_new ul li{ width:870px; height:auto; padding:20px 0; border-bottom:1px #ddd dashed;}
.infor_new ul li img{ float:left; width:180px; height:120px; margin-right:10px;}
.infor_new ul li em{ font-size:18px; color:#222;}
.infor_new ul li span{ color:#888; font-size:13px;}
.infor_new ul li p{ color:#999;}

.banytit{ width:810px; height:auto; margin:0 auto; padding-top:160px; padding-left:390px;}
.banytit{
-webkit-animation-name: rightfade;
animation-name: rightfade;
animation-duration:1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: forwards;	
animation-fill-mode: forwards;
}
.banytit .animation .banytit_con{
-webkit-animation-name: rightfade;
animation-name: rightfade;
animation-duration:1s;	
-webkit-animation-duration: 1s;
animation-timing-function: ease;	
-webkit-animation-timing-function: ease;
-webkit-animation-fill-mode: forwards;	
animation-fill-mode: forwards;
}
.banytit_con p{ display:block; background:url(../images/t.png); padding:40px 30px; font-size:36px; width:520px; line-height:45px; color:#f2062d; text-shadow:0px 0px 8px #fff;}
.ly-txt{ width:200px; height:33px; border:0; background:#d9edc7; padding:0 15px; line-height:33px; outline:none;}
.ly-txts{ width:350px; height:133px; border:0; background:#d9edc7; padding:15px; outline:none;}
.ly-txty{ width:60px; height:33px; border:0; background:#d9edc7; padding:0 15px; line-height:33px; outline:none;}
.ly-sub{ background:#7eb94b; width:120px; height:40px; line-height:40px; border:0; color:#fff; font-size:18px; font-family:微软雅黑;}

/*产品列表*/
.ul-1{list-style:none;margin:0;margin-top:30px;}
.ul-1 li{ margin:0 8px 20px;_margin:0 5px 20px;position:relative; display:block; overflow:hidden; float:left; width:274px; padding:0 0 21px;font-family:"微软雅黑"; background:url(../images/bg_p.jpg) no-repeat center bottom;}
.ul-1 li a{ display:block; text-align:center;}
.ul-1 li a.a-p{font-size:18px;color:#313131;line-height:40px; height:40px;font-family:"微软雅黑";}
.ul-1 li a.a-p2{ background:#005acc; color:#fff; width:144px; height:29px; font-size:16px; color:#e7f5f0; line-height:29px; margin:0 auto 0;}
.ul-1 li a.a-p2:hover{ background:#343434;}
.ul-1 li div{width:275px; height:195px;text-align:center;/*非IE的主流浏览器识别的垂直居中的方法*/display:table-cell;/*设置垂直居中*/vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size:164px; margin:0; padding:5px; background:#eaeaea;}
.ul-1 li img{vertical-align:middle; transition-duration:0.6s;}
.ul-1 li span{ color:#433939; font-size:18px; width:90%; margin:0 auto; display:block; border-bottom:1px solid #bcbcbc; height:46px; line-height:46px; text-align:center;}
.ul-1 li p{ margin:0 auto; padding:10px 0 0;width:90%; color:#6d6c6c; font-size:14px; line-height:22px;font-family:"微软雅黑";}
.ul-1 li:hover a.a-p,.ul-1 li a.a-p:hover,.ul-1 li:hover span,.ul-1 li:hover p{ color:#f00; transition-duration:0.6s;}
.ul-1 li:hover span{ border-color: #fff;}
.ul-1 li.last{ margin-right:0;}

/*在线留言*/

.contact-form {
	margin:40px 40px; background-color: #fff;
	padding:10px 0 50px 30px;

  margin-top:20px;
    width:80%;
    height:400px;
    padding-top:20px;
}

.contact-form input[type="title"] {
	display: inline-block;
	background: none;
	border: 1px solid #A3A1A1;
	width: 50%;
	margin: 0 0 1.5em 0;
	outline: none;
	font-size: 14px;
	color: #747577;
	font-weight: 500;
	padding: 10px 15px 10px 15px;
}

.contact-form input[type="text"] {
	display: inline-block;
	background: none;
	border: 1px solid #A3A1A1;
	width: 20%;
	margin: 0 0 1.5em 0;
	outline: none;
	font-size: 14px;
	color: #747577;
	font-weight: 500;
	padding: 10px 15px 10px 15px;
}
.contact-form input[type="email"] {
	display: inline-block;
	background: none;
	border: 1px solid #A3A1A1;
	width: 58%;
	margin: 0 0 1.5em 0;
	outline: none;
	font-size: 14px;
	color: #747577;
	font-weight: 500;
	padding: 10px 15px 10px 18px;
}

.contact-form input[type="address"] {
	display: inline-block;
	background: none;
	border: 1px solid #A3A1A1;
	width: 50%;
	margin: 0 0 1.5em 0em;
	outline: none;
	font-size: 14px;
	color: #747577;
	font-weight: 500;
	padding: 10px 15px 10px 10px;
}

.contact-form input[type="code"] {
	display: inline-block;
	background: none;
	border: 1px solid #A3A1A1;
	width:150px;
	margin: 0 0 1.5em 0;
	outline: none;
	font-size: 14px;
	color: #747577;
	font-weight: 500;
	padding: 10px 15px 10px 15px;
	float:left;
}

.contact-form textarea {
	background: none;
	border: 1px solid #A3A1A1;
	width: 70%;
	display: block;
	height: 150px;
	outline: none;
	font-size: 14px;
	color: #747577;
	font-weight: 500;
	resize: none;
	padding: 10px 15px 10px 15px;
}
.contact-form input[type="submit"]{
	background: #78b540;
	border: 1px solid #FFFFFF;
	padding: .6em 0;
	width: 14%;
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	letter-spacing: 1px;
	outline: none;
	transition: .5s all;
	float:left;
	margin-top:20px;
}
.contact-form input[type="submit"]:hover{
  color: #fff;
  background: #2552a3;text-align:center
}

.contact{width:680px;margin-left:100px;margin-top:50px; }
.contact .ad{ overflow:hidden; margin-bottom:20px;}
.contact p { font-size:16px;margin-top:10px;}
.contact .map { border:1px solid #fff; padding:4px; width:680px;}