@charset "utf-8";
/* CSS Document */
    @font-face {
    font-family: 'helvelow';
    src: url('../fonts/helvelow.eot');
    src: url('../fonts/helvelow.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/helvelow.woff') format('woff'),
	 url('../fonts/helvelow.ttf') format('truetype'),
	 url('../fonts/helvelow.svg#NeuesBauenDemo') format('svg');
    font-weight: normal;
    font-style: normal;
  }
   
 .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
 ol, ul, li { list-style: none; }
 
#banner{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:2px;}

#indexso{ margin:0 auto; padding:0; width:96%; max-width:1160px; height:auto;}
#indexso1{ margin:0 auto; padding:0; width:100%; margin-top:20px; height:auto; color:#5a5a5a; font-size:24px; font-family:"微软雅黑","宋体"; text-align:center;line-height:37px;}
#indexso1 img{ max-width:96%;}
#indexso11{ margin:0 auto; padding:0; width:100%; height:auto; color:#5a5a5a; font-size:14px; font-family:Arial; text-align:center;line-height:27px;}
#indexso12{ margin:0 auto; padding:0; width:96%; padding-top:20px; height:auto; color:#5a5a5a; font-size:14px; font-family:Arial; text-align:center;line-height:27px;}


#indexso12 .item { position: relative; padding: 0px 9px; width:23%; float:left; }
#indexso12 .img { position: relative; overflow: hidden; }
#indexso12 .img img { width: 90%; overflow: hidden; display: block; }
#indexso12 .img .c { position: absolute; background: url(../images/blue.png) repeat; width: 100%; height: 100%; left: 100%; top: 0px; text-align: center; transition: 300ms; }
#indexso12 .item .c .icobg { background: url(../images/fd4.png) no-repeat scroll center center #007C62; width: 32px; height: 32px; margin: 34% auto 0px; display: block; }
#indexso12 .item .name { padding: 10px 0px; font-size: 14px; text-align: center; line-height: 1.5;  color:#5a5a5a; font-size:12px; font-family:"微软雅黑","宋体"; text-align:center;line-height:37px;}
#indexso12 .item:hover .c { left: 0px; }



#indexnewcon{ margin:0 auto; padding:0; width:100%; height:auto; background:#F7F7F7;}
#indexnewcon1{ margin:0 auto; padding:0; width:100%; height:auto; color:#5a5a5a; font-size:24px; font-family:"微软雅黑","宋体"; text-align:center;line-height:37px;}
#indexnewcon2{ margin:0 auto; padding:0; width:96%;height:auto; color:#5a5a5a; font-size:14px; font-family:Arial; text-align:center;line-height:27px;}
#indexnewcon3{ margin:0 auto; padding:0; width:100%; max-width:1200px; margin-top:20px; height:auto; }



#indexso2{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; margin-top:40px; }

#indexkeji{ margin:0 auto; padding:0; width:100%; height:80px; margin-top:30px;}
#indexkeji1{ margin:0 auto; padding:0; width:100%; height:30px; padding-top:10px;color:#666; font-size:24px; font-family:"微软雅黑","宋体"; text-align:center;line-height:30px;}
#indexkeji2{ margin:0 auto; padding:0; width:100%; height:20px;color:#666; font-size:14px; font-family:Arial; text-align:center;line-height:30px;}

#indexkejimain{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:20px;}
#indexkejimain img{ max-width:100%;}
#indexkejimain1{ margin:0 auto; padding:0; width:120px; height:30px; padding-top:10px; color:#fff; font-size:16px; font-family:"微软雅黑","宋体"; text-align:center;line-height:30px;}
#indexkejimain2{ margin:0 auto; padding:0; width:100%; height:20px;color:#fff; font-size:14px; font-family:Arial; text-align:center;line-height:30px;}
#indexkejimain3{ margin:0 auto; padding:0; width:100%; height:40px;color:#fff; font-size:14px; font-family:Arial; text-align:center;line-height:30px;}

#indexkejimain4{ margin:0 auto; padding:0; width:100%; height:auto;}
#indexkejimain41{ margin:0 auto; padding:0; width:60%; height:auto; text-align:center; }
#indexkejimain41 img{ max-width:100%;}
#indexkejimain42{ margin:0 auto; padding:0; width:60%; height:auto; text-align:left;}
#indexkejimain421{ margin:0 auto; padding:0; width:100px; height:30px; margin-top:20px;}


#indexkejimain421 a{ margin:0; padding:0; width:100px; display:block; height:30px;font-size:12px;font-family:Arial;text-decoration:none;color:#007C62; background:#fff;line-height:30px; text-align:center;}
#indexkejimain421 a:hover{ color:#ffffff; background:#68C8F8;  }

#indexk{ margin:0 auto; padding:0; width:100%; height:60px;}

#indexabout{ margin:0 auto; padding:0; width:100%; height:auto; background:url(../image/bg1.jpg) top center;}
#indexaboutmain{ margin:0 auto; padding:0; width:1200px; height:auto; background:#fff;}
#indexaboutmain1{ margin:0; padding:0; width:825px; height:auto; float:left;}
#indexaboutmain2{ margin:0; padding:0; width:325px; height:auto; float:left; padding-left:25px; padding-right:25px;}
#indexaboutmain22{ margin:0; padding:0; width:325px; height:auto; padding-top:20px;font-family:"微软雅黑", "宋体"Arial; font-size:20px; color:#000; text-align:left; text-decoration:none; line-height:30px; font-weight:normal;}
#indexaboutmain21{ margin:0; padding:0; width:325px; height:auto; font-family:"微软雅黑", "宋体"Arial; font-size:12px; color:#888; text-align:left; text-decoration:none; line-height:25px; font-weight:normal;}
#indexaboutmain21 a{ font-family:"微软雅黑", "宋体"Arial; font-size:12px; color:#888; text-align:left; text-decoration:none; line-height:25px; font-weight:normal;}
#indexaboutmain21 a:hover{ text-decoration: underline; line-height:30px; font-weight:normal;}

#indexaboutmain23{ margin:0; padding:0; width:325px; height:auto; padding-top:20px;}
#indexaboutmain231{ margin:0; padding:0; width:100px; height:30px; margin-top:20px;}


#indexaboutmain231 a{ margin:0; padding:0; width:100px; display:block; height:30px;font-size:12px;font-family:Arial;text-decoration:none;color:#fff; background:#007C62;line-height:30px; text-align:center;}
#indexaboutmain231 a:hover{ color:#ffffff; background:#68C8F8;  }



#indexaboutk{ margin:0 auto; padding:0; width:1200px; height:60px; }

#indexlink{ margin:0 auto; padding:0; width:96%; max-width:1160px; margin-top:20px; margin-bottom:20px; height:auto; padding:20px; border:1px solid #ccc;font-family:"微软雅黑", "宋体"Arial; font-size:12px; color:#666; text-align:left; text-decoration:none; line-height:20px; font-weight:normal;}
#indexlink span{font-family:"微软雅黑", "宋体"; font-size:14px; color:#40a9d0; text-align:left; text-decoration:none; line-height:22px; font-weight: normal; }

#indexlink a{ font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#666; text-align:left; text-decoration:none; line-height:20px; font-weight:normal;}
#indexlink a:hover{  color:#40a9d0;}



#sitekey{ margin:0 auto; padding:0; width:100%; height:auto; background:#D0D0D0; padding-top:8px; padding-bottom:8px;font-family:"微软雅黑","宋体",Arial; font-size:12px; color:#666; text-align:left; text-decoration:none; line-height:20px; font-weight:normal;}
#sitekey1{ margin:0 auto; padding:0; width:98%; max-width:1180px; height:auto; background:#D0D0D0;font-family:"微软雅黑","宋体",Arial; font-size:12px; color:#666; text-align:left; text-decoration:none; line-height:20px; font-weight:normal;}

#sitekey1 a{font-family:"微软雅黑","宋体",Arial; font-size:12px; color:#666; text-align:left; text-decoration:none; line-height:20px; font-weight:normal;}
#sitekey1 a:hover{ color:#000;}

#site{ margin:0 auto; padding:0; width:100%; height:auto;min-height:250px; background:#E6E6E6;}


#sitemain{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:auto; min-height:220px; padding-top:40px;}
#site1{ margin:0 auto; padding:0; width:80%; float:left; height:auto; min-height:250px;}

.site1{ margin:0; padding:0; width:100%;height:auto; }
.site1{ height:auto;}
.site1 ul { padding:0; margin:0 auto; list-style:none; border:0;  width:100%; text-align:left;}
.site1 ul li{ margin:0; padding:0;border:0; width:12%; float:left;display:block;   height:auto;  font-family: "微软雅黑","宋体",Arial; font-size:12px;color:#000; text-align:left; text-decoration:none; line-height:22px; float:left;}
.site1 ul li a{margin:0; padding:0;border:0;width:100%; display:block; font-family:"微软雅黑","宋体",Arial "微软雅黑","宋体",Arial, Helvetica, sans-serif; font-size:14px; color:#666; text-align:left; text-decoration:none; line-height:22px; font-weight: bold;}
.site1 ul li a:hover{color:#017AB9;}

.site1 ul li ul{ margin:0; padding:0;border:0; width:100%;  height:auto;  display:block; font-family: "微软雅黑","宋体",Arial; font-size:12px;color:#ffffff; text-align:center; text-decoration:none; line-height:22px; float:left;}
.site1 ul li ul li { margin:0; padding:0; border:0;width:100%; height:auto; display:block; font-family:"微软雅黑","宋体",Arial "微软雅黑","宋体",Arial, Helvetica, sans-serif; font-size:11px; color:#BCBCBC; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;}

.site1 ul li ul li a{ margin:0; padding:0; border:0;width:96%; padding-left:2%; padding-right:2%; height:auto; display:block; font-family:"微软雅黑","宋体",Arial "微软雅黑","宋体",Arial, Helvetica, sans-serif; font-size:11px; color:#BCBCBC; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;}
.site1 ul li ul li a:hover{color:#017AB9;}



#site2{ margin:0; padding:0; width:18%;height:160px; float:right; }
#site21{ margin:0; padding:0; width:100%;height:25px; float:left; font-family:"微软雅黑","宋体",Arial "微软雅黑","宋体",Arial, Helvetica, sans-serif; font-size:14px; color:#000; text-align:left; text-decoration:none; line-height:22px; font-weight: bold;}

#site22{ margin:0; padding:0; width:100%;height:auto; float:left; font-family:"微软雅黑","宋体",Arial "微软雅黑","宋体",Arial, Helvetica, sans-serif; font-size:11px; color:#666; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;}

#footk{ margin:0 auto; padding:0; width:100%; height:40px; }

#foot{ margin:0 auto; padding:0; width:100%; height:40px; text-align:center; font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#666;  text-decoration:none; line-height:40px; font-weight:normal;}

#footmain{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:40px; text-align:center;  border-top:1px solid #EAEAEA;font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#666;  text-decoration:none; line-height:40px; font-weight:normal;}
#footleft{ margin:0; padding:0; width:500px; height:40px; float:left; text-align:left; font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#666;  text-decoration:none; line-height:40px; font-weight:normal;}
#footright{ margin:0; padding:0; width:500px; height:40px; float:right; text-align:right; font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#666;  text-decoration:none; line-height:40px; font-weight:normal;}


#footleft a{ font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#666; text-align:left; text-decoration:none; line-height:40px; font-weight:normal;}

#footleft a:hover{  color:#40a9d0;}

#footright a{ font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#666; text-align:right; text-decoration:none; line-height:40px; font-weight:normal;}

#footright a:hover{  color:#40a9d0;}



.pbanner{ position: relative; overflow: hidden; border-bottom: 5px solid #80abde; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.pbanner .vt{ width: 100%; display: block;}
.pbanner .pbtxt {color: #fff;left: 50%;margin-left: -451px;position: absolute;bottom: 50%;width: 902px; font: bold 36px "微软雅黑", "宋体"; letter-spacing: 0.05em; text-align:center;}

.pbanner .pbtxt span{font: bold 24px "微软雅黑", "宋体"; text-align:center;}

.pbanner .pbtxt1 {color: #fff;left: 50%;margin-left: -451px;position: absolute;bottom: 50%;width: 902px; font: bold 36px "微软雅黑", "宋体"; letter-spacing: 0.05em; text-align:center;}

.pbanner .pbtxt1 span{font: bold 24px "微软雅黑", "宋体"; text-align:center;}


#aboutcon{ margin:0 auto; padding:0; width:100%; height:auto; background:#EFEFEF; }
.aboutconmain{ margin:0 auto; padding:0;  width:100%; max-width:1200px; height:auto; padding-top:40px; }

#aboutconmainleft{ margin:0; padding:0; width:600px; height:auto; float:left;}
#aboutconmainleft1{ margin:0; padding:0; width:600px; height:40px; float:left;font-family:"微软雅黑", "宋体",Arial; font-size:24px; color:#333;  text-decoration:none; line-height:30px; font-weight:normal;}
#aboutconmainleft2{ margin:0; padding:0; width:600px; height:auto; float:left;font-family:"微软雅黑", "宋体",Arial; font-size:14px; color:#888;  text-decoration:none; line-height:30px; font-weight:normal;}
#aboutconmainright{ margin:0; padding:0; width:500px; height:auto; float:right;}
#aboutconmainright1{ margin:0; padding:0; width:500px; height:40px; float:left;}
#aboutconmainright2{ margin:0; padding:0; width:500px; height:auto; float:left;}

#aboutconmainright2 img{ max-width:100%;}

#aboutconmain1{ margin:0 auto; padding:0; width:1200px; height:40px; }


.aboutculture{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:40px;}
#aboutculture1{ margin:0 auto; padding:0; width:100%; height:auto; font-family:"微软雅黑", "宋体",Arial; font-size:24px; color:#333;  text-decoration:none; line-height:30px; font-weight:normal; text-align:center;}
#aboutculture2{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;padding-top:40px;}
#aboutculture3{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#888;  text-decoration:none; line-height:30px; font-weight:normal; text-align:center;}



.aboutjigou{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:40px; background:#F4F3F3;}
#aboutjigou1{ margin:0 auto; padding:0; width:100%; height:auto; font-family:"微软雅黑", "宋体",Arial; font-size:24px; color:#333;  text-decoration:none; line-height:30px; font-weight:normal; text-align:center;}
#aboutjigou2{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#888;  text-decoration:none; line-height:30px; font-weight:normal; text-align:center;}
#aboutjigou3{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:20px;text-align:center;}
#aboutjigou4{ margin:0 auto; padding:0; width:100%; max-width:1000px; height:auto; padding-top:20px;font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#888;  text-decoration:none; line-height:30px; font-weight:normal; text-align:center;}

.aboutwenhua{ margin:0 auto; padding:0; width:100%; height:643px; marign-top:40px; background: url(../image/12.jpg) no-repeat top center #F4F3F3;}
#aboutwenhua1{ margin:0 auto; padding:0; width:100%; height:auto;padding-top:40px; font-family:"微软雅黑", "宋体",Arial; font-size:24px; color:#333;  text-decoration:none; line-height:30px; font-weight:normal; text-align:center;}
#aboutwenhua2{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; max-width:1200px;font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#888;  text-decoration:none; line-height:30px; font-weight:normal; text-align:center;}

#aboutwenhua3{ margin:0 auto; padding:0; width:96%; height:auto; max-width:1000px; margin-top:40px; border:1px solid #EAEAEA; background:#59BDC8;font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#888;  text-decoration:none; line-height:30px; font-weight:normal; text-align:center;}

#aboutwenhua31{ margin:0 auto; padding:0; width:100%; height:auto; font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#888;  text-decoration:none; line-height:30px; font-weight:normal; text-align:center;}
#aboutwenhua311{ margin:0 auto; padding:0; width:60%; height:auto; float:left; font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#fff;  text-decoration:none; line-height:30px; font-weight:normal; text-align:center;}
#aboutwenhua311 img{ width:100%;}
#aboutwenhua312{ margin:0 auto; padding:0; width:32%; padding:4%; height:auto; float:left; font-family:"微软雅黑", "宋体",Arial; font-size:14px; color:#fff;  text-decoration:none; line-height:30px; font-weight:normal; text-align:left;}

#aboutwenhua32{ margin:0 auto; padding:0; width:100%; height:auto; font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#888;  text-decoration:none; line-height:30px; font-weight:normal; text-align:center;}
#aboutwenhua321{ margin:0 auto; padding:0; width:52%;padding:4%;  height:auto; float:left; font-family:"微软雅黑", "宋体",Arial; font-size:14px; color:#fff;  text-decoration:none; line-height:30px; font-weight:normal; text-align:left;}
#aboutwenhua322{ margin:0 auto; padding:0; width:40%; height:auto; float:right; font-family:"微软雅黑", "宋体",Arial; font-size:14px; color:#fff;  text-decoration:none; line-height:30px; font-weight:normal; text-align:right;}
#aboutwenhua322 img{ width:100%;}



#indexk{ margin:0 auto; padding:0; width:100%; height:40px;}


#proconmain{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:40px; background:#F6F6F6;}
#procon{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:auto;}
#procon1{ margin:0 auto; padding:0; width:100%;height:auto; font-family:"微软雅黑", "宋体",Arial; font-size:20px; color:#666;  text-decoration:none; line-height:40px; font-weight:normal; text-align:center;}

#procon2{ margin:0 auto; padding:0; width:100%;height:auto;}
#procon3{ margin:0 auto; padding:0; width:94%; padding:3%;height:auto; background:#fff; }
#proconk{ margin:0 auto; padding:0; width:100%;height:40px;}


procontent
#procontent{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; background:#F6F6F6;}

#procontent{ margin:0 auto; padding:0; width:96%; padding:2%; max-width:1200px; height:auto;}
#proconright{ margin:0; padding:0; width:75%; margin-left:3%;height:auto; float:left; background:#fff; }
#proconleft{ margin:0; padding:0; width:20%; height:auto;  float:left; }
#proconleft1{ margin:0; padding:0; width:98%; padding-left:2%; height:30px; background:#007F66; font-family:"微软雅黑", "宋体",Arial; font-size:16px; color:#fff;  text-decoration:none; line-height:30px; font-weight:normal; text-align:center;}

#proconleft2{ margin:0; padding:0; width:100%; border:1px solid #CCC;height:auto; margin-top:5px; background:#fff; font-family:"微软雅黑", "宋体",Arial; font-size:16px; color:#fff;  text-decoration:none; line-height:30px; font-weight:normal; text-align:center;}
#proconleft2 ul{ margin:0; padding:0; width:100%;height:auto; list-style:none;}
#proconleft2 ul li{ margin:0; padding:0; width:100%; height:auto;}
#proconleft2 ul li a{ margin:0; padding:0;width:100%-20px; padding-left:20px; border-bottom:1px solid #EEEEEE; background:#fff; display:block;  padding-top:10px; padding-bottom:10px; height:auto; font-family:"微软雅黑","宋体",Arial; font-size:14px;color:#666666; text-align:left; text-decoration:none; line-height:20px;}
#proconleft2 ul li a:hover{  background:#007fab;font-family:"微软雅黑","宋体",Arial; font-size:14px;color:#ffffff; }

#proconleft3{ margin:0; padding:0; width:100%; height:30px;font-family:"微软雅黑", "宋体",Arial; font-size:16px; color:#fff;  text-decoration:none; line-height:30px; font-weight:normal; text-align:center;}
#proconleft4{ margin:0; padding:0; width:100%; background:#fff; height:auto;font-family:"微软雅黑", "宋体",Arial; font-size:16px; color:#fff;  text-decoration:none; line-height:30px; font-weight:normal; text-align:center;}
.probox{
	width: 236px;
	height: 180px;
	border: 2px solid #f6f4f4;
	margin: 0 auto;
}
.probox .prev,.probox .next{
	float: left;
	width: 46px;
	height: 180px;
	cursor: pointer;
	background: url(../img/prev03.jpg) no-repeat;
}
.probox .next{
	background: url(../img/next03.jpg) no-repeat;
}
.probox .prev.on,.probox .next.on{
	background-position: 0 -180px;
}
.probox .list{
	width: 144px;
	height: 165px;
	padding-top: 15px;
	position: relative;
	overflow: hidden;
	float: left;
}
.probox .list li{
	width: 144px;
	height: 165px;
	float: left;
}
.probox .list img{
	border: 1px solid #f5f6e7;
	float: left;
	margin-bottom: 6px;
}
.probox .list p{
	line-height: 20px;
	color: #666;	
}
.probox .list a:hover p{
	color: #2489b3;
}


#conleft17{ margin:0 auto; padding:0; width:96%; height:auto;   border-bottom:1px solid #cecece; padding-top:8px; padding-right:8px;font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#666; text-align:center; text-decoration:none; line-height:25px;}
#conleft17 span{ font-family:Impact,"微软雅黑","宋体",Arial; font-size:24px;color:#1C96D5; text-align:center; text-decoration:none; line-height:45px;}
#conleft18{ margin:0 auto; padding:0; width:96%; height:auto;  padding-top:5px; padding-right:5px;font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#666; text-align:center; text-decoration:none; line-height:25px;}
#conleft19{ margin:0 auto; padding:0; width:96%; height:auto;  padding-top:5px; padding-right:5px;font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#666; text-align:center; text-decoration:none; line-height:25px;}
#conleft191{ margin:0 auto; padding:0; width:140px; height:auto; display:block; }
#conleft191 a{ margin:0 auto; padding:0; width:140px; height:30px;  display:block;background:#1C96D5;color:#fff; text-align:center; font-size:12px; font-family:"微软雅黑","宋体",Arial; line-height:30px; }
#conleft191 a:hover{ background:#1278AD; color:#fff; }


.proList ul { margin-left: 0; }
.proList li { float: left; width: 265px; margin: 0px 0px 32px 30px; }
.proList li a { display: block; border: 3px solid #fff; background-color: #fff; }
.proList .itembg { position: relative; overflow: hidden; }
.proList .itembg img { width: 100%; display: block; }
.proList .itembg .ico { background: url(../images/fd2.png) no-repeat; width: 29px; height: 30px; position: absolute; left: 50%; top: 55%; margin: 0px 0px 0px -15px; transition: all 300ms ease-in-out 200ms; }
.proList .con { text-align: center; padding: 30px 0px 50px; }
.proList .con .name { font-size: 20px; height: 36px; overflow: hidden; }
.proList .con .more { border: 1px solid #cccccc; width: 70px; height: 28px; line-height: 28px; text-align: center; display: block; margin: 14px auto 0; }
.proList a:link, .proList a:visited { color: #4b4b4b; }
.proList a:active, .proList a:hover { color: #f6f6f6; }
.proList li:hover a { background-color: #007C62; color: #007C62; color: #fff; border: 3px solid #007C62; }
.proList li:hover .con .more { border: 1px solid #fff; }
.no-csstransforms .proList li .itembg .ico { display: none; top: 45%; }
.no-csstransforms .proList li:hover .itembg .bg { display: block; }
.no-csstransforms .proList li:hover .itembg .ico { display: block; }
.csstransforms .proList li .itembg .ico { opacity: 0; }
.csstransforms .proList li:hover .itembg .ico { opacity: 1; top: 45%; }
.csstransforms .proList li:hover .itembg:before, .csstransforms .proList li:hover .itembg:after { height: 100%; }
.csstransforms .proList li:hover .itembg:before { top: 0; left: 0; }
.csstransforms .proList li:hover .itembg:after { right: 0; bottom: 0; }
.pinner { width: 100%; margin: 0px auto; }
.pb50 { padding: 50px 0px; }
.blackPro { color: #7b7b7b; font-size: 14px; }
.blackPro:hover { color: #007C62; }
.proIdemo a:link, .proIdemo a:visited { color: #7b7b7b; }
.proIdemo a:active, .proIdemo a:hover { color: #007C62; }
.proIdemo { font-size: 14px; padding-top: 10px; }
.proIdemo .blackPro { float: right; display: block; }
.proIdemo .bimg { position: relative; float: left; display: block; width: 696px; }
.proIdemo .bimg .ts { position: absolute; right: 0px; bottom: 0px; width: 52px; height: 52px; background: url(../images/fd3.png) no-repeat scroll left center #007C62; display: block; }
.proIdemo .bimg img { width: 100%; display: block; }
.zoomdiv { left: 859px; height: 300px; width: 234px; }
.jqzoom { position: relative; padding: 0; }
.zoomdiv { z-index: 100; position: absolute; top: 1px; left: 0px; width: 300px; height: 234px; background: url(../images/loader2.gif) #fff no-repeat center center; border: 1px solid #dcdcdc; display: none; text-align: center; overflow: hidden; }
.bigimg { width: 644px; height: 502px; }
.jqZoomPup { z-index: 10; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; background: #007C62 50% top no-repeat; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); cursor: move; }
.proIdemo .pcon { float: right; display: block; width: 330px; padding: 33px; overflow: hidden; background-color: #fff; color: #525252; }
.proIdemo .pcon .name { font: 28px/1.4 "microsoft yahei"; padding: 5px 0px 0px; height: 84px; overflow: hidden; }
.proIdemo .pcon .con { height: 278px; overflow: hidden; line-height: 2; }
.content-page { padding: 18px 0px 50px; }
.proDnav { margin-bottom: 38px; }
.proDnav li { float: left; cursor: pointer; color: #727272; text-align: center; display: inline-block; padding: 16px 47px; font: 14px/1.2 "microsoft yahei"; position: relative; overflow: hidden; }
.proDnav li .ico { background: url(../images/sj.png) no-repeat; width: 11px; height: 8px; position: absolute; left: 50%; bottom: -8px; margin-left: -5px; transition: 400ms; }
.proDnav li.active { background-color: #007C62; color: #fff; }
.proDnav li.active .ico { bottom: 0; }
.proDnav { border-bottom: 2px solid #c2c2c2; width: 100%; }
.proDpage { color: #525252; }
.proIRelevant { padding: 45px 0px; width: 100%; margin: 0px auto; }
.proIRelevant a:link, .proIRelevant a:visited { color: #7b7b7b; }
.proIRelevant a:active, .proIRelevant a:hover { color: #007C62; }
.proIRelevant .t { font-size: 28px; color: #7b7b7b; margin-bottom: 20px; padding-left: 8px; }
.owl-relevant .item { position: relative; padding: 0px 9px; }
.owl-relevant .img { position: relative; overflow: hidden; }
.owl-relevant .img img { width: 100%; overflow: hidden; display: block; }
.owl-relevant .img .c { position: absolute; background: url(../images/blue.png) repeat; width: 100%; height: 100%; left: 100%; top: 0px; text-align: center; transition: 300ms; }
.proIRelevant .item .c .icobg { background: url(../images/fd4.png) no-repeat scroll center center #007C62; width: 32px; height: 32px; margin: 54% auto 0px; display: block; }
.owl-relevant .item .name { padding: 10px 0px; font-size: 14px; text-align: center; line-height: 1.5; }
.proIRelevant .item:hover .c { left: 0px; }
.relevantlist { position: relative; }
.owlp-prev, .owlp-next { position: absolute; top: 50%; margin: -74px 0px 0px; width: 32px; height: 67px; border-radius: 0px; padding: 0px; text-indent: -10em; overflow: hidden; background-repeat: no-repeat; }
.owlp-prev { left: -40px; background-image: url(../images/img_l.png); background-position: left top; }
.owlp-next { right: -40px; background-image: url(../images/img_r.png); background-position: right top; }
.owlp-prev:hover { background-position: right top; }
.owlp-next:hover { background-position: left top; }

.pageCon { font-size: 14px; color: #525252; }
.pageCon a:link, .pageCon a:visited { color: #9b9b9b; }
.pageCon a:active, .pageCon a:hover { color: #39B54A; }
.pageCon img { max-width: 100%; }


.pageCon td{ border:1px solid #ccc; text-align:center;}
.pageCon table{width:100%;}



/** contact
===================================*/
#contactcon{ margin:0 auto; padding:0; width:96%; height:auto; padding-top:40px; max-width:1120px;}

#contactconleft{ margin:0; padding:0; width:46%; height:auto; float:left;}
#contactconleft1{ margin:0; padding:0; width:100%; height:auto; float:left;font-size: 24px; color: #0880D6; font-weight: bold; line-height:50px;}
#contactconleft2{ margin:0; padding:0; width:100%; height:auto; float:left;font-size: 14px; color: #666; line-height:30px;}
#contactconright{ margin:0; padding:0; width:46%; height:auto; float:right;}
#contactconright1{ margin:0; padding:0; width:100%; height:auto; float:left;font-size: 24px; color: #0880D6; font-weight: bold; line-height:50px;}
#contactconright2{ margin:0; padding:0; width:100%; height:auto; float:left;font-size: 14px; color: #666; line-height:30px;}

.feedback_list {
	border-bottom:1px solid #CCC;
	padding:15px 0 5px 0
}
.feedback_list div {
	width:100px;
	text-align:right;
	padding-right:10px;
	float:left
}
.feedback_list div span {
	color:#f00
}
.feedback_list input {
	width:250px;
	font-size:14px;
	border:1px #79a0bb solid;
	padding:3px 1px
}
.feedback_list span {
	font-size:12px;
	color:#CCC
}



/** job
===================================*/
.conjob{ margin:0 auto; padding:0; width:100%; height:auto; }
#conjob1{ margin:0 auto; padding:0; width:96%; max-width:1200px; height:auto; margin-top:40px;font-size: 24px; color: #0880D6; font-weight: bold; line-height:50px; text-align:center; }
#conjob2{ margin:0 auto; padding:0; width:96%; max-width:1200px; height:auto; font-size: 14px; color: #666; font-weight: normal; line-height:30px; }
#conjob3{ margin:0 auto; padding:0; width:96%; max-width:1200px; height:40px; font-size: 14px; color: #666; font-weight: normal; line-height:30px; }


#conjobliu{ margin:0 auto; padding:0; width:100%; height:auto;background:#F3F3F3; }
#conjobliu1{ margin:0 auto; padding:0; width:96%; max-width:1200px; height:auto; margin-top:40px;font-size: 24px; color: #0880D6; font-weight: bold; line-height:50px; text-align:center; }
#conjobliu2{ margin:0 auto; padding:0; width:96%; max-width:1200px; height:auto; font-size: 14px; color: #666; font-weight: normal; line-height:30px; }
#conjobliu3{ margin:0 auto; padding:0; width:96%; max-width:1200px; height:40px; font-size: 14px; color: #666; font-weight: normal; line-height:30px; }


.jobsPcss{ text-align:center; font-size:0; }
.jobsPcss .dot{ display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; font-size:14px; width:128px; height:128px; position:relative; }
.jobsPcss .dot .bg{ display:block; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:100%; transition:500ms; -webkit-transition:500ms; }
.jobsPcss .dot .bg1{ background:#6fba2c; transform:scale(1.2); -webkit-transform:scale(1.2); opacity:0; display:none\9; }
.jobsPcss .dot .bg2{ border:1px solid #6fba2c; }
.jobsPcss .dot:hover .bg1{ transform:scale(1); -webkit-transform:scale(1); opacity:1; display:block\9; }
.jobsPcss .dot:hover .bg2{ transform:scale(1.2); -webkit-transform:scale(1.2); opacity:0; display:none\9; }
.jobsPcss .dot .tx1{ text-align:center; position:absolute; left:0; right:0; height:36px; line-height:36px; overflow:hidden; top:50%; margin-top:-18px; }
.jobsPcss .dot:hover .tx1{ color:#fff; position:relative; }
.jobsPcss .dot .line{ display:block; width:30px; height:1px; background:#646464; position:absolute; left:50%; margin-left:-15px; }
.jobsPcss .dot .line_1{ top:0; }
.jobsPcss .dot .line_2{ bottom:0; }
.jobsPcss .dot:hover .line{ background:#fff; }
.jobsPcss .aw{ width:115px; display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; height:128px; background:url(../images/aw12.png) no-repeat center center; }
.job3{ padding:3.2% 0 5.2% 0; }



.jobzhaopin{ margin:0 auto; padding:0; width:100%; height:auto; }
#jobzhaopincon{ margin:0 auto; padding:0; width:96%; height:auto; max-width:1140px;}
#jobzhaopincon1{ margin:0 auto; padding:0; width:96%; max-width:1200px; height:auto; margin-top:20px;font-size: 24px; color: #0880D6; font-weight: bold; line-height:50px; text-align:center;}


/*fuwu*/


#fuwucontitle{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:40px;font-size: 24px; color: #000; font-weight: bold; line-height:30px; text-align:center;}
#fuwucontitle1{ margin:0 auto; padding:0; width:120px; height:2px; border-bottom:2px solid #ccc;}
#fuwucontitle2{ margin:0 auto; padding:0; width:96%; max-width:1180px; height:auto; padding-top:30px; text-align:center;font-size: 14px; color: #666; font-weight: normal; line-height:30px; }

#fuwuconji{ margin:0 auto; padding:0; width:100%; height:auto;background:#F4F4F4;}

#fuwucon{ margin:0 auto; padding:0; width:100%; height:auto; background:#F4F4F4;}
#fuwucon1{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:40px; font-size: 24px; color: #000; font-weight: bold; line-height:30px; text-align:center;}
#fuwucon2{ margin:0 auto; padding:0; width:120px; height:2px; border-bottom:2px solid #ccc;}
#fuwucon3{ margin:0 auto; padding:0; width:96%; max-width:1200px;height:auto; padding-top:30px; text-align:center;font-size: 14px; color: #666; font-weight: normal; line-height:30px; }
#fuwucon31{ margin:0 auto; padding:0; width:56%; height:auto; float:left; text-align:center;font-size: 14px; color: #666; font-weight: normal; line-height:30px; }
#fuwucon32{ margin:0 auto; padding:0; width:40%; height:auto; float:right; text-align:center;font-size: 14px; color: #666; font-weight: normal; line-height:30px; }

.news .listBox{}
.news ul{ overflow:hidden; border-bottom:1px solid #cbcbcb;}
.news li{ width:100%; height:88px; line-height:48px; float:left; border-top:1px solid #cbcbcb;}
.news li a{ width:100%; height:100%; color:#8c8c8c; padding:20px 0; display:inline-block;}
.news .time{ transition:500ms; width:48px; height:48px; margin:0 80px 0 20px; text-align:center; line-height:18px; color:#fff; float:left; position:relative;}
.news .timeBox{ transition:400ms; width:100%; height:100%; background:#35465a; position:absolute; left:0; top:0;}
.news .timeBox2{ -webkit-transform:scale(0.6); transform:scale(0.6); opacity:0; filter:alpha(opacity=0); background:url(../images/timeBg.jpg) no-repeat center;}
.news .day{ font-size:14px; margin:6px 0 0 0; display:inline-block;}
.news .t{ height:48px; float:left; width:70%; overflow:hidden; text-align:left;}
.news li:hover .time{ margin-right:70px;}
.news li:hover .timeBox{ transition:500ms cubic-bezier(0,.89,.74,1.22);}
.news li:hover .timeBox1{ opacity:0; filter:alpha(opacity=0); -webkit-transform:scale(1.2); transform:scale(1.2);}
.news li:hover .timeBox2{ opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1); transform:scale(1);}
.news li:hover a{ color:#007C62;}
.news .owl-controls { width: 100%; margin:40px 0 0 0;}
.news .owl-controls .owl-page span { transition:400ms; width:15px; height:15px; border-radius:10px; margin:0 6px; display:inline-block; background:#BBBBBB; cursor:pointer; outline: 0 none; text-indent: -9999px; }
.news .owl-controls .owl-page.active span{ width:30px; background:#cd3333;}




.focus{position:relative;width:375px;height:500px;background-color:#000;margin:0 auto 0 auto;}  
.focus img{width:375px;height:500px;} 
.focus .shadow .title{width:260px;height:65px;padding-left:30px;padding-top:20px;}
.focus .shadow .title a{text-decoration:none;color:#fff;font-size:14px;font-weight:bolder;overflow:hidden;}
.focus .btn{position:absolute;bottom:34px;left:510px;overflow:hidden;zoom:1;} 
.focus .btn a{position:relative;display:inline;width:13px;height:13px;border-radius:7px;margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53";text-decoration:none;text-align:center;outline:0;float:left;background:#D9D9D9;}  
.focus .btn a:hover,.focus .btn a.current{cursor:pointer;background:#fc114a;}  
.focus .fPic{position:absolute;left:0px;top:0px;}  
.focus .D1fBt{overflow:hidden;zoom:1;height:16px;z-index:10;}  
.focus .shadow{width:100%;position:absolute;bottom:0;left:0px;z-index:10;height:80px;line-height:80px;background:rgba(0,0,0,0.6);  
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;display:block;text-align:left;}  
.focus .shadow a{text-decoration:none;color:#fff;font-size:20px;overflow:hidden;margin-left:10px;font-family:"\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{position:relative;width:100%;float:left;display:none;background:#000  }  
.focus .fcon img{display:block;}  
.focus .fbg{bottom:25px;right:40px;position:absolute;height:21px;text-align:center;z-index:200;}  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative;display:inline;width:12px;height:12px;border-radius:7px;margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53";text-decoration:none;text-align:center;outline:0;float:left;background:#D9D9D9;}    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none;font-style:normal;}    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background:url(../images/focus_btn.png) no-repeat;}
.focus .prev{top:50%;margin-top:-37px;left:0;background-position:0 -74px;cursor:pointer;}  
.focus .next{top:50%;margin-top:-37px;right:0;background-position:-40px -74px;cursor:pointer;}  
.focus .prev:hover{background-position:0 0;}  
.focus .next:hover{background-position:-40px 0;}  



/*hangye*/

.conhangye{ margin:0 auto; padding:0; width:100%; height:auto;}
#conhangye1{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:auto; margin-top:30px;font-size: 20px; color: #0880D6; font-weight: normal; line-height:30px; text-align:center;}
#conhangye2{ margin:0 auto; padding:0; width:100%; max-width:1200px; padding-top:10px; height:auto; font-size: 12px; color: #888; font-weight: normal; line-height:20px; text-align:center;}
#conhangye3{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:auto; margin-top:20px; font-size: 14px; color: #666; font-weight: normal; line-height:30px; text-align:left;}
#conhangye3 .con{width:100%; max-width:1200px;height:435px;background:#fff;margin:27px auto;padding-left:25px;padding-top:25px;}
#conhangye3 .con ul li{width:267px;height:198px;float:left;margin-right:15px;margin-bottom:15px;position:relative;overflow:hidden;cursor:pointer;}
#conhangye3 .txt{width:267px;height:45px;background:rgba(0,0,0,0.6);/*透明背景色，不透明其文字内容*/position:absolute;left:0;bottom:0;color:#fff;font-family:"微软雅黑";}
#conhangye3 .txt h3{font-size:20px;font-weight:100;height:45px;text-align:center;line-height:45px;}
#conhangye3 .txt p{font-size:14px;text-align:center;}


.conhangye4{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:30px;font-size: 20px; color: #0880D6; font-weight: normal; line-height:30px; text-align:center; background: #EBEBEB;}
#conhangye41{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1000px;font-size: 20px; color: #0880D6; font-weight: normal; line-height:30px; text-align:center;}
#conhangye411{ margin:0; padding:0; width:60%; height:auto; float:left; font-size: 20px; color: #0880D6; font-weight: normal; line-height:30px; text-align:center; }
#conhangye4111{ margin:0; padding:0; width:100%; height:40px; padding-top:40px;font-size: 20px; color: #000; font-weight: normal; line-height:30px; text-align:left; }
#conhangye4112{ margin:0; padding:0; width:100%; height:auto; padding-top:10px;font-size: 12px; color:#666; font-weight: normal; line-height:20px; text-align:left; }
#conhangye4113{ margin:0; padding:0; width:100%; height:auto; padding-top:10px;font-size: 12px; color:#666; font-weight: normal; line-height:20px; text-align:left; }
#conhangye41131{ margin:0; padding:0; width:100px; height:30px; margin-top:20px;}


#conhangye41131 a{ margin:0; padding:0; width:100px; display:block; height:30px;font-size:12px;font-family:Arial;text-decoration:none;color:#fff; background:#007C62;line-height:30px; text-align:center;}
#conhangye41131 a:hover{ color:#ffffff; background:#68C8F8;  }

#conhangye4114{ margin:0; padding:0; width:100%; height:40px; padding-top:10px;font-size: 12px; color:#666; font-weight: normal; line-height:20px; text-align:left; }

#conhangye412{ margin:0; padding:0; width:32%; padding:3%; height:auto; float:right; font-size: 20px; color: #0880D6; font-weight: normal; line-height:30px; text-align:left; }

.conhangye5{ margin:0 auto; padding:0; width:100%; height:454px; font-size: 20px; color: #0880D6; font-weight: normal; line-height:30px; text-align:center; background: url(../image/bg3.jpg) no-repeat right top #EBEBEB;}
#conhangye5main{ margin:0 auto; padding:0; width:100%; height:454px; font-size: 20px; color: #0880D6; font-weight: normal; line-height:30px; text-align:center; background: url(../image/bg3.jpg) no-repeat right top #EBEBEB;}

#conhangye51{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:80px;font-size: 20px; color: #fff; font-weight: normal; line-height:30px; text-align:center; }
#conhangye52{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:auto; margin-top:20px;font-size: 12px; color: #fff; font-weight: normal; line-height:30px; text-align:center; }
#conhangye53{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:auto; margin-top:20px;font-size: 20px; color: #fff; font-weight: normal; line-height:30px; text-align:center; }
#conhangye531{ margin:0 auto; padding:0; width:100px; height:30px; margin-top:20px;}


#conhangye531 a{ margin:0; padding:0; width:100px; display:block; height:30px;font-size:12px;font-family:Arial;text-decoration:none;color:#fff; background:#007C62;line-height:30px; text-align:center;}
#conhangye531 a:hover{ color:#ffffff; background:#68C8F8;  }


/*hangyelinyu*/

#conlinyu{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
#conlinyumain{ margin:0 auto; padding:0; width:100%; height:auto; background:#F5F5F5;}
#conlinyumaintitle{ margin:0 auto; padding:0; width:100%; height:40px; padding-top:40px;font-size:24px;font-family:"微软雅黑","宋体",Arial;text-decoration:none;color:#666; line-height:30px; text-align:center;}
#conlinyumaintitledi{ margin:0 auto; padding:0; width:100px; height:2px; background:#D1D1D1;font-size:24px;font-family:"微软雅黑","宋体",Arial;text-decoration:none;color:#666; line-height:30px; text-align:center;}

#conlinyumaincon{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:auto; padding-top:40px;font-size:14px;font-family:"微软雅黑","宋体",Arial;text-decoration:none;color:#666; line-height:30px; text-align:left;}
#conlinyumainconleft{ margin:0; padding:0; width:40%; float:left;height:auto;font-size:14px;font-family:"微软雅黑","宋体",Arial;text-decoration:none;color:#666; line-height:30px; text-align:left;}
#conlinyumainconright{ margin:0; padding:0; width:56%; padding-left:3%; float:right;height:auto;font-size:14px;font-family:"微软雅黑","宋体",Arial;text-decoration:none;color:#666; line-height:30px; text-align:left;}
#conlinyumainconright img{ width:100%;}

/*news page*/

#connews{ margin:0 auto; padding:0; width:100%; height:auto;}
#connewstitle{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; margin-top:30px;font-size: 20px; color: #0880D6; font-weight: normal; line-height:30px; text-align:center;}
#connewscon{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px; margin-top:10px;font-size: 14px; color: #666; font-weight: normal; line-height:30px; text-align:left;}
#connewscon p{ font-size: 14px; color: #666; font-weight: normal; line-height:30px; text-align:left;}






.tdleft{ padding-left:15px; text-align:left;}
#connewsmenu{ margin:0 auto; padding:0; width:96%; max-width:1200px; height:52px;background: #ececec; }
.allWidth { width: 1100px; margin: 0 auto; }

.pageNav { background: #ececec; }
.pageNav a { color: #afafaf; }
.pageNav .p-nav-box { position: relative; height: 50px; }
.pageNav .p-nav { line-height: 50px; /*position:relative;
	z-index:2;*/ }
.pageNav .p-nav li { float: left; width: 180px; height: 50px; text-align: center; position: relative; }
.pageNav .p-nav li a { display: block; width: 100%; height: 100%; font-size: 13px; }
.pageNav .p-nav .act a { color: #fff; }
.pageNav .p-nav-box .pbg { width: 205px; height: 52px; background-repeat: no-repeat; position: absolute; top: 0; left: 0; background-image: url(../images/page-nav.png); }
.n-content { padding: 30px 0 30px 0; }
.n-content .s-news { border: 1px solid #f0f0f0; padding: 55px 4% 45px 3%; }
.n-content .s-news .n-txts { float: left; width: 50%; }
.n-content .s-news .n-pic { float: right; width: 43%; height: 283px; overflow: hidden; background-repeat: no-repeat; background-position: center top; }
.n-content .s-news .n-pic img { width: 100%; min-height: 283px; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.n-content .s-news .n-pic:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -ms-transform: scale(1.05); }
.n-content .n-txts .title { color: #575757; font-size: 18px; }
.n-content .n-txts .title:hover { color: #007C62; }
.n-content .n-txts .date { color: #bfbfbf; }
.n-content .n-txts .txt { text-align: justify; color: #969696; margin-top: 34px; }
.n-content .n-txts .detail { display: block; width: 95px; line-height: 40px; background: #b3b3b3; color: #fff; padding-left: 18px; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; margin-top: 66px; }
.n-content .n-txts .detail em { display: inline-block; transition: 300ms; -webkit-transition: 300ms; -ms-transition: 300ms; }
.n-content .n-txts .detail:hover { background: #007C62; }
.n-content .n-txts .detail:hover em { transform: translateX(5px); -webkit-transform: translateX(5px); -ms-transform: translateX(5px); }
.n-content .newsList { border-bottom: 1px solid #e5e5e5; }
.n-content .newsList a { color: #969696; }
.n-content .newsList li { line-height: 44px; overflow: hidden; transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms; }
.n-content .newsList li a { display: block; padding-left: 10px; }
.n-content .newsList .icon { float: left; margin-right: 5px; }
.n-content .newsList .txt { float: left; }
.n-content .newsList .date { float: right; }
.n-content .newsList li:hover { background: #ececec; }
.pageBox { text-align: center; padding-top: 37px; }
.pageBox a, .pageBox span { color: #000; padding: 0 12px; line-height: 28px; }
.pageBox a:hover, .pageBox span { color: #007C62!important; }
.pageBox .arrow { color: #007C62; font-family: "宋体"; }
.pageBox .arrow:hover { color: #007C62; text-decoration: none; }
.d-content { padding: 100px 0 0 0; }
.d-content .d-title { border-bottom: 1px solid #e2e2e2; text-align: center; padding-bottom: 10px; }
.d-content .d-title .pdf-down { display: inline-block; color: #868787; }
.d-content .d-title .pdf-down .icon { float: left; width: 18px; height: 24px; background: url(../images/inve-two-icon.png) no-repeat center center; }
.d-content .d-title .pdf-down:hover { color: #208f2c; text-decoration: underline; }
.d-content .d-title .title { font-size: 30px; margin-bottom: 15px; }
.d-content .d-txts { text-align: justify; line-height: 30px; padding: 40px 0 115px 0; line-height: 22px; }
.d-content .d-txts img { max-width: 100%; display: inline; }
.d-content .d-txts .sTxt { font-size: 16px; margin-bottom: 55px; }
.d-content .d-txts p { text-align: justify; font-size: 14px; }
.d-content .d-txts p strong { color: #424040; font-weight: 600; line-height: 24px; }
.backBox { background: #d9d9d9; padding: 9px 0; }
.backBox .backs { height: 36px; position: relative; }
.backBox .backs a { color: #555555; line-height: 36px; }
.backBox .backs .back { position: absolute; width: 100px; top: 0; left: 50%; margin-left: -50px; overflow: hidden; }
.backBox .backs .back .icon { float: left; width: 15px; height: 36px; background: url(../images/back-icon.png) no-repeat; margin-right: 5px; }
.backBox .backs .prev { float: left; }
.backBox .backs .next { float: right; }
.backBox .backs a:hover { color: #007C62; }
.backBox .backs a:hover .icon { background-position: right center; }
.a-content { padding: 30px 0 30px 0; }
.a-content p { line-height: 28px; text-align: justify; }
.a-content p.sTxt { font-size: 16px; line-height: 30px; margin-bottom: 10px; text-indent: 30px; }
.a-content h2 { font-size: 15px; line-height: 30px; margin-top: 10px; }
.a-content .picBox { width: 100%; height: 80px; background-repeat: no-repeat; color: #fff; margin-top: 20px; }
.a-content .picBox .txts { width: 50%; padding-left: 3%; padding-top: 35px; }
.a-content .picBox .txts > h2 { margin-bottom: 30px; }
.a-content .picBox .txts > p { height: 112px; overflow: hidden; }
.a-content .addMar { margin-top: 22px; }
.ao-content { padding: 135px 0 170px 0; }
.ao-content .culs li { width: 25%; text-align: center; float: left; }
.ao-content .culs .txts { border-right: 1px solid #e5e5e5; }
.ao-content .culs .cu1 .txts { border-left: 1px solid #e5e5e5; }
.ao-content .culs .icon { display: inline-block; width: 76px; height: 76px; position: relative; overflow: hidden; margin-bottom: 25px; }
.ao-content .culs span { display: block; position: relative; top: 0; transition: 400ms ease-in-out 150ms; -webkit-transition: 400ms ease-in-out 150ms; }
.ao-content .culs .i1 { width: 72px; height: 72px; border: 2px solid #007C62; border-radius: 10px; }
.ao-content .culs .i2 { width: 100%; height: 100%; background: #007C62; border-radius: 10px; transform: rotateX(-90deg) translateZ(-38px); -webkit-transform: rotateX(-90deg) translateZ(-38px); }
.ao-content .culs .i2 i { display: block; width: 100%; height: 100%; }
.ao-content .culs .i1,
.ao-content .culs .i2 i { background: url(../images/about-cul-icon.png) no-repeat; }
.ao-content .culs .cu1 .i1 { background-position: -2px -2px; }
.ao-content .culs .cu1 .i2 i { background-position: left bottom; }
.ao-content .culs .cu2 .i1 { background-position: -78px -2px; }
.ao-content .culs .cu2 .i2 i { background-position: -76px bottom; }
.ao-content .culs .cu3 .i1 { background-position: -154px -2px; }
.ao-content .culs .cu3 .i2 i { background-position: -152px bottom; }
.ao-content .culs .cu4 .i1 { background-position: -230px -2px; }
.ao-content .culs .cu4 .i2 i { background-position: right bottom; }
.ao-content .culs li h3 { font-size: 20px; color: #2f963a; margin-bottom: 10px; }
.ao-content .culs li:hover .i1 { transform: rotateX(90deg) translateZ(-38px); top: -76px; -webkit-transform: rotateX(90deg) translateZ(-38px); top: -76px; }
.ao-content .culs li:hover .i2 { transform: rotateX(0deg) translateZ(-38px); top: -76px; -webkit-transform: rotateX(0deg) translateZ(-38px); top: -76px; }
.at-content { padding: 135px 0 120px 0; }
.at-content .allYear { margin-bottom: 50px; }
.at-content .allYear .txtsBox { background-image: url(../images/about-year-line.png); background-repeat: repeat-y; padding-bottom: 80px; }
.at-content .allYear .cir { float: left; margin-left: 3px; }
.at-content .allYear .cir span { float: left; }
.at-content .allYear .cir .c1 { width: 100px; height: 3px; background: #e9e9e9; margin-top: 13px; transition: 200ms; -webkit-transition: 200ms; }
.at-content .allYear .cir .c2 { width: 11px; height: 11px; border: 2px solid #e9e9e9; border-radius: 100%; margin-top: 7px; margin-right: 25px; transition: 200ms; -webkit-transition: 200ms; }
.at-content .allYear .cir .year { float: left; font-size: 30px; line-height: 29px; color: #a6a7a7; transition: 200ms; -webkit-transition: 200ms; }
.at-content .allYear .txts { float: left; margin-left: 140px; width: 745px; }
.at-content .allYear .txts p { line-height: 30px; text-align: justify; }
.at-content .allYear .txts .pic { width: 524px; margin: 5px 0; overflow: hidden; }
.at-content .allYear .txts .pic img { width: 100%; transition: 400ms; -webkit-transition: 400ms; }
.at-content .allYear li:hover .cir .c1 { background: #208f2c; }
.at-content .allYear li:hover .cir .c2 { border-color: #208f2c; }
.at-content .allYear li:hover .cir .year,
.at-content .allYear li:hover .txts p { color: #208f2c; }
.at-content .allYear li:hover .txts .pic img { transform: scale(1.05); -webkit-transform: scale(1.05); }
.at-content .moreBox { border-bottom: 1px solid #cacaca; text-align: center; }
.at-content .more { display: inline-block; line-height: 30px; overflow: hidden; color: #868787; }
.at-content .more span { float: left; width: 25px; height: 30px; background: url(../images/about-more-icon.png) no-repeat; margin-right: 5px; }
.at-content .more:hover { color: #007C62; }
.at-content .more:hover span { background-position: right center; }
.ath-content { padding: 120px 0 115px 0; }
.ath-content .ctaBox .title { font-size: 16px; }
.ath-content .ctaBox .ctas { margin-top: 40px; }
.ath-content .ctaBox .cta a { color: #007C62; text-decoration: underline; }
.ath-content .ctaBox .cta a:hover { text-decoration: none; }
.ath-content .ctaBox .cta { float: left; }
.ath-content .ctaBox .cta1 { margin-right: 395px; }


/** aboutculture
===================================*/
.ideaList { padding-bottom: 50px; margin:0; padding:0; width:100%; height:auto; }
.ideaList ul { margin-left: 0; }
.ideaList li { float: left; display: block; width: 528px; margin: 0px 24px 48px 24px; }
.ideaList li .itemBox { border: 1px solid #e5e5e5; }
.ideaList .itemBox .img { float: left; display: block; width: 296px; overflow: hidden; }
.ideaList .itemBox .img img { width: 100%; display: block; transition: 500ms; }
.ideaList .itemBox .con { padding: 0px 15px 0px 0px; width: 188px; float: right; display: block; font-size: 14px; }
.ideaList .itemBox .con .t { padding: 20px 0px; font-size: 24px; }
.ideaList .itemBox .con .t1 { padding: 20px 0px; font-size: 16px; color:#049A00; }
.ideaList li:hover .itemBox { background-color: #9abce5; color: #fff; }
.ideaList li:hover .itemBox .con .t1 { color: #fff; }
.ideaList li:hover .itemBox .img img { transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); }
.ideaList.article-block li { transform: translate(0px,50px); -webkit-transform: translate(0px,50px); opacity: 0; }
.ideaList.articleShow li { transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; }
.ideaList.articleShow .item1 { transition: all 470ms ease-in-out 0s; }
.ideaList.articleShow .item2 { transition: all 570ms ease-in-out 0s; }
.ideaList.articleShow .item3 { transition: all 670ms ease-in-out 0s; }
.ideaList.articleShow .item4 { transition: all 770ms ease-in-out 0s; }






@media screen and (max-width:860px) {
	.foot{ padding:20px 20px; text-align:left;}
	.bottom .backTop .img{ float:left; margin:0 0 0 20px;}
	.head .logo{ height:46px; margin:10px 0 0 0;}
	.head .logo1{ display:none;}
		#ding{ display:none;}
#banner{margin-top:60px;}
#indexnewabout2{ background:url(../image/bg1.jpg) repeat-x #004387;}
#indexabout31{ margin:0 auto; padding:0;  width:96%; height:auto; float:center;}
#indexabout32{ margin:0 auto; padding:0;  width:96%; height:auto; float:center; margin-top:20px;}
#indexabout32 img{ max-width:100%;}
#indexnew1{ margin:0; padding:0; width:80%; margin-left:10%; margin-right:10%; padding:20px; height:auto; position:absolute; display:block;  background:#23599F; z-index:101;}
#indexxinwen311{ margin:0; padding:0; width:96%; margin:2%;height:auto; float:left; background:#fff;}

}

@media screen and (max-width:740px) {
		.newfootsite1{ width:32%;}
.newfootsite2{  width:32%;}
.newfootsite3{ display:none;}
	.head .box{ width:auto; padding:0 10px;}
		.head .logo{ height:46px; margin:10px 0 0 0;}
	.head .logo1{ display:none;}

	.head .tool{ right:65px;}
		#ding{ display:none;}
#banner{margin-top:60px;}
#site2{ margin:0 auto; padding:0; width:96%;height:auto; }
#site1{ margin:0 auto; padding:0; width:96%; float:left; height:auto; min-height:250px;}

.site1 ul li{ margin:0; padding:0;border:0; width:50%; float:left;display:block;   height:auto;  font-family: "微软雅黑","宋体",Arial; font-size:12px;color:#000; text-align:left; text-decoration:none; line-height:22px; float:left;}
#indexpro2{ margin:0 auto; padding:0; width:46%; height:auto; float:left; margin:1%; background:#fff;}

}

@media screen and (max-width:540px) {
		.newfootsite1{ width:32%;}
.newfootsite2{  width:32%;}
.newfootsite3{ display:none;}
	.bottom .c li{ width:100%; margin:0 0 20px 0;}
		.head .logo{ height:46px; margin:10px 0 0 0;}
	.head .logo1{ display:none;}

	#banner{margin-top:60px;}
	#ding{ display:none;}
#indexpro2{ margin:0 auto; padding:0; width:96%; height:auto; float:left; margin:1%; background:#fff;}

}

@media screen and (max-width:450px) {
		.newfootsite1{ width:32%;}
.newfootsite2{  width:32%;}
.newfootsite3{ display:none;}
	.searchM{ width:auto; margin:0 40px 0 20px;}
		.head .logo{ height:46px; margin:10px 0 0 0;}
	.head .logo1{ display:none;}

	.searchBox{ width:100%;}
	.searchM .input{ width:68%; height:14px; padding:12px 0 12px 5%; border:none; color:#c4c4c4; float:left;}
	.searchM .btn{ width:22%; height:38px; border:none; background:#6698cc url(../images/search.png) no-repeat center; float:left; cursor:pointer;}

		#ding{ display:none;}
		
#banner{margin-top:60px;}

		
		

}