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


body{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333;
	line-height:1.5;
	font-family:'Microsoft YaHei';
	}
*{
	margin:0;
	padding:0;
	}
img{
	border:0;
	}
ul,li{
	list-style:none;
	}
a{
	color:#333;
	text-decoration:none;
	}
a:hover{
	color:#008bd7;
	text-decoration: none;
	}
table{ margin: auto}
i{ font-style:normal}
em{ font-style:normal}

.top{ width:100%; float:left; height:30px; line-height:30px; background:#008bd7; text-transform:uppercase; color:#FFF; font-size:16px;padding:10px 0;}
.top span{ float:right}
.top a{ color:#FFF; margin-left:5px; }
.top em{ color:#60c7b5; margin-left:5px;}
.header{ width:100%; float:left; height:150px; background:#FFF; min-width:1200px; position:relative}
.main{ width:1200px; margin:auto}
.logo{ width:125px; float:left; height:100px;}
.logo span{ height:100%; display:inline-block; vertical-align:middle}
.logo img{ max-width:125px; max-height:100px; vertical-align:middle}
.nav{ width:auto; float:right; height:100px; line-height:100px;}
.nav ul li{ width:auto; float:left; font-size:18px; margin-left:40px;height:95px; line-height:95px; border-bottom:5px solid #FFF}
.nav ul li:hover{ border-bottom:5px solid #008bd7;color:#008bd7;}
#navon{border-bottom:5px solid #008bd7;color:#008bd7;}

#submenu {
	left: 0;
	opacity: 0;
	position: absolute;
	top:130px;
	visibility: hidden;
	z-index:11;
	width:100%;
	-moz-transition: all .65s ease;
	-ms-transition: all .65s ease;
	-o-transition: all .65s ease;
	transition: all .65s ease;
	background:rgba(255,255,255,0.9);
	text-align:center;
	height:84px; line-height:84px;
}
li:hover ul#submenu {
	opacity: 1;
	top: 130px;	/* adjust this as per top nav padding top & bottom comes */
	visibility: visible;
	text-align:center;
}
#submenu a{ margin-left:15px; margin-right:15px;}

.about01{ width:100%; float:left; min-width:1200px; height:590px; background:url(../images/abj.jpg) no-repeat center; margin-top:40px; }

.aboutlb{ width:100%; float:left; margin-top:0px;}
.aboutlb ul li{ width:270px; float:left; height:242px; margin-right:40px; position:relative}
.aboutlb ul li .wenzi{ width:100%; height:242px; position:absolute; z-index:1;}
.aboutlb ul li .wenzi div{ height:40px; text-align:center; margin-top:56px;}
.aboutlb ul li .wenzi div span{ height:100%; display:inline-block; vertical-align:middle}
.aboutlb ul li .wenzi div img{ max-height:40px; max-width:100%; vertical-align:middle}
.aboutlb ul li .wenzi dl dt{ margin-top:30px; text-align:center; font-size:20px; color:#FFF; line-height:36px;}
.aboutlb ul li .wenzi dl dd{ text-align:center; font-size:16px; color:#FFF;line-height:36px; text-transform:uppercase}


.bt{ width:100%; float:left; text-align:center; margin-top:40px;background:url(../images/bht.png) no-repeat center;color:#FFF}
.bt dl dt{ font-size:32px; line-height:60px;  }
.bt dl dd{ font-size:26px; line-height:60px; text-transform:uppercase;}

.bt2{ width:100%; float:left; text-align:center; margin-top:40px;background:url(../images/lht.png) no-repeat center;}
.bt2 dl dt{ font-size:36px; line-height:60px; color:#000  }
.bt2 dl dd{ font-size:30px; line-height:60px; text-transform:uppercase; color:#008bd7}

.bt3{ width:100%; float:left; text-align:center; margin-top:40px;}
.bt3 dl dt{ font-size:32px; line-height:40px; color:#008bd7  }
.bt3 dl dd{ font-size:24px; line-height:40px; text-transform:uppercase; color:#008bd7;background:url(../images/ht.png) no-repeat center;}

.about{ width:100%; float:left;  margin-top:20px; text-align:center; font-size:16px; line-height:32px;color:#FFF}
.about h1{ font-size:36px; font-weight:normal; line-height:60px; margin-bottom:20px;}
.more{ width:100%; float:left; margin-top:80px; text-align:center}
.more a{ font-size:16px; color:#fff; padding:12px 25px 12px 25px; border:2px solid #fff}
.more a i{ }
.more a:hover{ background:#fff; color:#008bd7;}

.about2{ width:100%; float:left;  margin-top:20px; text-align:center; font-size:16px; line-height:32px;}
.about2 h1{ font-size:36px; font-weight:normal; line-height:60px; margin-bottom:20px;}

.about3{ width:100%; float:left;  margin-top:20px; text-align:center; font-size:16px; line-height:32px;color:#FFF}
.about3 h1{ font-size:36px; font-weight:normal; line-height:60px; margin-bottom:20px;}

.more2{ width:100%; float:left; margin-top:50px; text-align:center}
.more2 a{ font-size:16px; color:#fff; padding:12px 25px 12px 25px; border:2px solid #fff}
.more2 a i{ margin-left:88px;}
.more2 a:hover{ background:#008bd7; color:#fff;border:2px solid #008bd7}

.more3{ width:100%; float:left; margin-top:80px; text-align:center; margin-bottom:30px;}
.more3 a{ font-size:20px; color:#008bd7; padding:12px 55px 12px 55px; border:2px solid #008bd7}
.more3 a:hover{ background:#008bd7; color:#FFF;}

.pro{ width:100%; float:left; margin-top:15px; border-top:14px solid #008bd7; padding-bottom:0px;}
.pro01{ width:100%; float:left; margin-top:45px;}
.pro01 ul li{ width:293px; height: auto; float:left; border:0px solid #008bd7; margin-right:9px; position:relative; }
.pro01 ul li .tp{width:293px; height:293px; float:left; overflow:hidden}
.pro01 ul li .tp img{ width:293px; height:293px; transition: all 0.6s; overflow:hidden;}
.pro01 ul li:hover .tp img{transform: scale(1.1);}
.pro01 ul li .wz{ width:293px; height:293px; position: relative; background:#008bd7; color:#FFF;display:table; text-align:center; float:left; z-index:11 }
.pro01 ul li .wz .wz01{display:table-cell; vertical-align:middle; font-size:24px; color:#FFF; line-height:50px;}
.pro01 ul li .wz .wz01 i{ font-size:30px;}
.pro01 ul li .wz span{ width:100%; position:absolute; text-align:center; height:26px; background:url(../images/sjt.png) no-repeat center; z-index:1; top:-26px; z-index:2}
.pro01 ul li .wz em{ width:100%; position:absolute; text-align:center; height:26px; background:url(../images/xjt.png) no-repeat center; z-index:1; top:293px; z-index:2}
.mart9{ margin-top:9px;}
.pro01 ul li .yy01{width:293px; height:293px; position:absolute; background:rgba(30,189,165,0.5); display:none; z-index:1}
.pro01 ul li:hover .yy01{ display:block}
.pro01 ul li .yy02{width:293px; height:293px; position:absolute; background:rgba(30,189,165,0.5); display:none; top:302px; z-index:1}
.pro01 ul li:hover .yy02{ display:block}

#fr{ float:right; margin-right:0px;}

.news01{ width:100%; float:left; margin-top:40px;}
.news01-l{ width:570px; height: auto; float:left;  }
.news01-l .newtitle{width:570px; height:264px;position:relative}
.news01-l .newtitle img{max-width:570px; max-height:264px;}
.news01-l .newtitle .newwz{width:570px; height:264px;display:table; text-align:center; position:absolute; z-index:1;background:rgba(102,102,102,0.0);}
.news01-l .newtitle .newwz01{display:table-cell; vertical-align:middle; font-size:18px; color:#FFF; line-height:40px; text-transform:uppercase}
.news01-l .newtitle .newwz01 i{ font-size:24px;}
.news01-l:hover .newtitle .newwz{background:rgba(0,142,215,0.9);}
.news01-l dl dd{ font-size:14px; line-height:45px; border-bottom:1px dashed #ddd}

.news01-r{ width:880px; float:right;}
.news01-r dl{ width:100%; float:left; padding-bottom:15px; padding-top:15px; background:rgba(255,255,255,0.2);margin-bottom:30px;}
.news01-r dl dt{ font-size:24px; color:#008cd7; font-weight:bold; line-height:40px; margin-left:20px; margin-right:20px;}
.news01-r dl dd{ font-size:16px; line-height:32px; color:#FFF; margin-top:20px; margin-left:20px; margin-right:20px;}
.news01-r dl:hover{background:rgba(30,189,165,0.0)}

.tel{ width:100%; margin-top:20px; text-align:center}
.tel i{font-size:18px; padding:7px 35px 7px 35px; border:2px solid #008bd7}

.foot{ width:100%; float:left; margin-top:40px; background: url(../images/footbj.jpg) no-repeat center; color:#FFF; min-width:1200px;}
.foot01{ width:965px; margin:auto;}
.foot01 dl{ width:15%; float:left}
.foot01 dl dt{ font-size:14px; line-height:50px; border-bottom:2px solid #666666; margin-top:40px; margin-bottom:20px;}
.foot01 dl dd{ font-size:12px; color:#999999; line-height:24px;}
.foot01 dl dd i{ font-size:14px; color:#FFF; line-height:30px;}
.foot01 dl dd a{color:#999999;}
.foot01 dl dd a:hover{ color:#FFF}
.foottagdiv{display: flex;justify-content: space-around;}
.foottag{text-align: center;}
.foottag p{display: inline-block; }
.foottag a {color:#FFF; }
.gree{ color:#008bd7}
.foot02{ width:100%; float:left; margin-top:12px; border-top:2px solid #666666; line-height:30px; text-align:center; color:#999}

.nybanner{ width:100%; float:left}
.nybanner img{ width:100%; height:auto; display:block;}
.line{ width:100%; float:left; height:3px; background:#666666; margin-top:80px;}
.line2{ width:100%; float:left; height:1px; background:#666666; margin-top:40px;}

.xlm{ width:100%; float:left; margin-top:40px; text-align:center}
.xlm a{ padding:10px 0px 10px 0px; border:2px solid #008bd7; margin-left:7px; margin-right:7px; font-size:18px}
.xlm a:hover{ background:#008bd7; color:#FFF;}
.aa{ width:220px; display:inline-table; text-align:center;  border:2px solid #008bd7;margin-left:5px; margin-right:5px; padding:10px 10px;font-size:16px}
#xlmon{background:#008bd7; color:#FFF;}
.xlm2{ width:100%; float:left; margin-top:40px; text-align:center}


.prolb{ width:100%; float:left; margin-top:0px;}
.prolb ul li{ width:570px; float:left; margin-top:60px; background:#f5f5f5; position:relative}
.prolb ul li div{ height:570px;}
.prolb ul li div img{width:570px;height:570px;}
.prolb ul li dl dt{ margin-left:30px; margin-right:125px; font-size:24px; margin-top:20px; line-height:40px;}
.prolb ul li dl dd{ font-size:14px; line-height:24px;margin-left:30px; margin-right:125px; margin-top:10px; margin-bottom:30px;}
.prolb ul li span{ padding:24px; background:url(../images/jt02.png) no-repeat center; position:absolute; right:30px; bottom:52px; z-index:11}
.prolb ul li:hover{ background:#008bd7; box-shadow: 0px 1px 20px 2px rgba(0,0,0,0.2);}
.prolb ul li:hover dl dt{ color:#FFF}
.prolb ul li:hover dl dd{ color:#FFF}
.prolb ul li:hover span{padding:24px; background:url(../images/jt.png) no-repeat center; position:absolute; right:30px; bottom:52px; z-index:11}

.proshow{ width:100%; float:left;}
.proshow-l{ width:490px; float:left; height:490px; background:#FFF}
.proshow-l span{ height:100%; display:inline-block; vertical-align:middle}
.proshow-l img{ max-width:100%; max-height:490px; vertical-align:middle}
.proshow-r{ width:610px; float:right; font-size:16px; line-height:32px;}
.proshow-r h1{ font-size:26px; font-weight:normal; line-height:100px; margin-top:15px;}

.line01{ width:100%; height:1px; background:#c4c4c4; margin-top:25px; margin-bottom:15px;}
.proshow-r dl{ width:100%; float:left; margin-top:10px; margin-bottom:5px;}
.proshow-r dl dt{ width:100px; float:left;color:#666; line-height:24px;}
.proshow-r dl dd{ width:510px; float:right;color:#666; line-height:24px;}
.proshow-r p{ color:#666}

.yingyong{ width:100%; float:left; margin-top:0px;}
.yingyong ul li{ width:285px; float:left; height:348px; margin-right:20px; position:relative; margin-top:20px;}
.yingyong ul li span{ width:100%; height:63px; position:absolute; background-color:rgba(255,255,255,1.0); z-index:1; left:0; bottom:0;}
.yingyong ul li img{width:285px;height:285px;border:1px solid #ddd; }
.yingyong ul li i{ font-size:20px; position:absolute; left:20px; bottom:0px; position:absolute; z-index:2; line-height:63px; height:63px;}
.yingyong ul li:hover span{background-color:rgba(30,189,165,1.0); color:#FFF}
.yingyong ul li:hover i{color:#FFF}
.yingyong ul li:hover{box-shadow: 0px 1px 20px 2px rgba(0,0,0,0.2);}

.f24{ font-size:24px}
.f18{ font-size:18px}
.yanse{ width:100%; float:left; margin-top:30px;}
.yanse dl{ width:184px; float:left; margin-right:70px; text-align:center; margin-top:20px;}
.yanse dl dt{ height:60px; text-align:center}
.yanse dl dd{ font-size:18px; line-height:40px;}
.anli{ width:100%; float:left;}
.anli dl{ width:380px; float:left; margin-top:20px; margin-right:30px;}
.anli dl dt{ height:253px; text-align:center}
.anli dl dt img{width:380px;height:253px;}
.anli dl dd{ font-size:24px; line-height:80px; padding-left:15px;}
.anli dl:hover{box-shadow: 0px 1px 20px 2px rgba(0,0,0,0.2);}
.anli dl:hover dd{background-color:rgba(30,189,165,1.0); color:#FFF}


.fy{ width:100%; float:left; margin-top:80px; text-align:center}
.fy a{ padding:7px 12px 7px 12px; border:1px solid #999999; margin-left:4px; margin-right:4px; font-size:16px; color:#999}
.fy a:hover{ color:#008bd7; border:1px solid #008bd7}

.zxly{ width:80%; float:left; margin-top:40px; line-height:60px; font-size:18px; margin-left:10%; margin-right:10%}
.zxly dl{ width:100%; float:left; margin-top:15px;}
.zxly dl dt{ width:15%; float:left; text-align:right}
.zxly dl dd{ width:80%; float:left;}
.bk{ width:98%; height:50px; line-height:50px; border:1px solid #cccccc; color:#999; font-size:18px; padding-left:2%; BACKGROUND-COLOR: transparent;}
.zxly dl dd i{ color:#F00}
.anniu{ padding:10px 85px 10px 85px; background:#008bd7; color:#FFF; border:0px; font-size:20px; cursor:pointer}

.picker {
	width:75px;
	height: 25px;
	cursor: pointer;
	position: absolute;
	left:0px;
	top:20px;
	color: #fff;
}

.lxwm{ width:100%; float:left; margin-bottom:50px;box-shadow: 0px 1px 20px 2px rgba(0,0,0,0.2); padding-bottom:20px; padding-top:20px; margin-top:50px;}
.lxwm dl{ width:370px; float:left; margin-left:30px; height:150px; background:url(../images/sx.jpg) repeat-y right; padding-top:20px; }
.lxwm dl dt{ height: auto; margin-top:0px; font-size:18px; line-height:30px;}
.lxwm dl dt i{ font-size:12px; color:#666666; text-transform:uppercase}
.lxwm dl dd{ font-size:14px; line-height:35px; margin-top:30px;}

.zhaopin{ width:1200px; float:left; margin-top:60px;}
.zhaopin dl{ width:285px; height:208px; background:#f5f5f5; margin-right:20px; text-align:center; padding-top:25px; float:left;margin-bottom:20px; }
.zhaopin dl dt{ font-size:24px; line-height:35px; margin-top:40px;}
.zhaopin dl dd{ font-size:16px; line-height:36px; margin-top:30px; text-align:center}
.zhaopin dl dd i{ padding:10px 35px 10px 35px; background:#008bd7; color:#FFF}
.pro2{ width:100%; float:left; margin-top:10px;}
.hidden{ display: none;}
	.moreload{width:100%;height: auto;margin:0 auto;overflow: hidden;text-align: left;}
	.moreload ul.list{overflow: hidden;}
	.moreload ul.list li{width:378px;height:347px;float: left;overflow: hidden; margin-top:25px; background:#FFF; margin-right:30px; border:1px solid #eee}
	.moreload ul.list li div{ height:230px; text-align:center}
	.moreload ul.list li div span{ height:100%; display:inline-block; vertical-align:middle}
	.moreload ul.list li div img{ max-width:100%; max-height:230px; vertical-align:middle}
	.moreload ul.list li dl dt{ font-size:18px; font-weight:bold; line-height:35px; text-align:center; margin-top:15px;}
	.moreload ul.list li dl dd{ font-size:16px; line-height:35px; text-decoration:underline; text-align:center}
	.moreload .more{overflow: hidden;padding:10px;text-align: center; margin-top:50px;}
	.moreload .more a{display: block;width:188px;padding:8px 0;color:#333;margin:0 auto;text-align:center; font-size:20px; color:#008bd7; border:2px solid #008bd7}
	.moreload .more a:hover{text-decoration: none;background:#008bd7;color: #fff;}

.xiaz{ width:100%; float:left; margin-top:20px;}
.xiaz ul li{ width:100%; float:left; height:83px; line-height:83px;background:#ebebeb}
.xiaz ul li dl dt{ font-size:16px; line-height:30px; margin-left:20px; margin-top:12px;}
.xiaz ul li dl dd{ font-size:14px; line-height:30px; color:#999; margin-left:20px;}
.xiaz ul li span{ float:right; margin-right:20px; font-size:20px; color:#008bd7}
#hsbj{ background:#fff}

.contect{ width:100%; float:left; margin-top:30px;}
.newlb{ width:100%; float:left; margin-top:40px; height:200px; background:url(../images/yjt.png) no-repeat 1080px 88px; border-bottom:1px solid #ddd}
.newlb img{ width:320px; float:left; height:200px;}
.newlb div{ width:87px; float:left; margin-left:40px; background:url(../images/sx.jpg) no-repeat right; height:70px; margin-top:65px; line-height:35px; color:#999; font-size:14px}
.newlb div i{ font-size:24px; color:#333}
.newlb dl{ width:515px; float:left; margin-left:40px;}
.newlb dl dt{ font-size:16px; color:#008bd7; font-weight:bold; margin-top:50px;}
.newlb dl dd{ font-size:14px; line-height:22px; margin-top:20px;}
.texleft{ text-align:left; }
.newlb:hover{box-shadow: 0px 1px 20px 2px rgba(0,0,0,0.2);}

.title{ width:100%; float:left; font-size:30px; line-height:50px; text-align:center; padding-top:20px;}
.date{ font-size:16px; line-height:40px; text-align:center; color:#666; border-bottom:1px solid #eee; margin-top:20px; padding-bottom:10px;}
.main2{ width:1150px; margin:auto}
.tex{ width:100%; float:left; margin-top:50px; font-size:16px; line-height:32px;}
.tex img{ max-width:100%; height:auto;}
.showbk{ width:1198px; float:left; border:1px solid #ddd;margin-top:40px; padding-bottom:40px;}
.next{ width:100%; float:left; font-size:14px; line-height:40px; margin-top:20px; text-align:right}
.next a{ margin-left:85px;}

.jjfa{ width:100%; float:left; margin-top:30px;}
.jjfa h1{ font-size:24px; color:#333; line-height:40px; font-weight:normal}
.jjfa h1 i{ padding-bottom:5px; border-bottom:1px solid #999999}
.jjfa ul li{ width:570px; float:left; margin-top:20px;}
.jjfa ul li img{ width:226px; height:166px; float:left}
.jjfa ul li div{ width:269px; float:right; padding:0px 30px 0px 30px; border:15px solid #f5f5f5; border-left:0px; height:136px;}
.jjfa ul li div dl dt{ font-size:18px; line-height:40px; margin-top:15px;}
.jjfa ul li div dl dd{ font-size:14px; line-height:22px; margin-top:10px;}