*{padding:0; margin:0;}
body{font-size:14px; color:#555; font-family:"Book Antiqua";line-height:28px;}
img{border:0; max-width:100%;}
ul{list-style-type:none;}
a{color:#333; text-decoration:none;}
a:hover{color:#0dab3a; text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.cl{clear:both;}

.main{width:1320px; margin:0 auto;}

.head{width:100%; z-index:99; position:relative}
.logo{}
.logo img{height:96px; margin:17px 0;}

.menu{height:115px; line-height:115px; font-size:18px; overflow: hidden;}
.menu a{margin:0 18px;}
.menu a:hover{ border-bottom:solid 1px #91bb71; padding:10px 0}
.nav{display:none;}

.tel{overflow: hidden;}
.tel span{display:inline-block; padding:45px 0 45px 56px; height:40px; line-height:40px; background:url(../images/tel.jpg) no-repeat left center; font-size:18px; font-family:"Microsoft YaHei", "΢���ź�";}
.tel a{display:none;}

.banner{position:relative; overflow:hidden; width:100%;max-width:100%;}


.plist{width:100%; margin-top:5px;}
.plist a{display:block;  margin-top: 1%;   width: 41.5%;/*width:50%; */overflow:hidden; position:relative; float:left;}
.plist a img{width:100%; height:100%; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.plist a p{width:320px; height:160px; background:rgba(68, 80, 58, 0.63);/*background:rgba(145,187,113,0.8);*/ position:absolute; padding:90px 10px; display:table-cell; text-align:center; vertical-align:middle; color:#fff; font-size:60px; line-height:80px; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.plist a p span{display:block; font-size:36px;}
.plist a:nth-child(1) p{right:0; bottom:0; border-radius:34px 0 0 0;}
.plist a:nth-child(2) p{left:0; bottom:0; border-radius:0 34px 0 0;}
.plist a:nth-child(3) p{right:0; top:0; border-radius:0 0 0 34px;}
.plist a:nth-child(4) p{left:0; top:0; border-radius:0 0 34px 0;}
.plist a:hover img{transform:scale(1.2); webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);}
.plist a:hover p{background:rgba(4, 187, 4, 0.75);/*background:rgba(145,187,113,1);*/}

.about{width:100%; padding:50px 0;}
.about h1{width:100%; font-size:32px; font-weight:normal; text-align:center;}
.about h1 span{display:block; margin:20px 0; font-size:24px; color:#8c8c8c;}
.about ul{width:1318px; margin:0 auto;}
.about ul li{width:304px; margin-right:34px; overflow:hidden; float:left;}
.about ul li:last-child{margin-right:0;}
.about ul li a img{width:100%; height:100%; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.about ul li a p{width:100%; height:72px; line-height:72px; font-size:18px; font-weight:bold; text-align:center; padding:0 10px; border:#e5e5e5 1px solid; border-top:0; box-sizing:border-box; -webkit-box-sizing:border-box; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; position:relative; z-index:10; background:#fff;}
.about ul li a:hover img{transform:scale(1.2); webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);}

.gg{width:100%; padding:50px 0; background:#0dab3a; color:#fff; font-size:18px;}
.gg dl{width:1320px; margin:0 auto;}
.gg dl dd{float:left; padding:43px 0;}
.gg dl dt{float:right; text-align:center; line-height:32px;}

.news{width:100%; padding:50px 0;}
.nmain{width:1224px; margin:0 auto;}
.news h1{width:100%; font-size:28px; font-weight:normal; text-align:center;}
.news h1 span{display:block; margin:16px 0; font-size:18px; color:#01b3fd;}
.news dl{width:378px; margin:0 15px; float:left;}
.news dl a dd{width:378px; height:212px; overflow:hidden; float:left;}
.news dl a dd img{width:100%; height:100%; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.news dl a dt{width:100%; font-size:14px; float:left;}
.news dl a dt.bt{height:60px; line-height:30px; font-size:20px; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:10px; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.news dl a dt.time{color:#01b3fd; height:36px; line-height:36px;}
.news dl a dt.txt{height:60px; line-height:20px; color:#666; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
.news dl a dt.more{height:22px; margin-top:10px; background:url(../images/more1.png) no-repeat left center; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.news dl a:hover dd img{transform:scale(1.2); webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);}
.news dl a:hover dt.time{color:#01b3fd;}
.news dl a:hover dt.txt{color:#666;}
.news dl a:hover dt.more{background:url(../images/more2.png) no-repeat left center;}

.map{width:100%; height:200px; overflow:hidden; position:relative;}
.contact{width:100%; height:200px; position:absolute; z-index:10; background:rgba(0,0,0,0.4); color:#fff; font-size:18px; text-align:center; left:0; top:0; cursor:pointer; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.contact dl{width:1320px; height:98px; margin:51px auto;}
.contact dl dd, .contact dl dt{display:inline-block; line-height:42px;}
.contact dl dd:nth-child(1){float:right;}
.contact dl dd:nth-child(2){float:left;}
.contact dl dd span,.contact dl dt span{display:block;}
.map:hover .contact{top:-200px;}

.foot{width:100%;}
.fot1{width:100%; padding:50px 0; background:#f6f6f6;}
.fot1 dl{display:inline-block; margin-right:100px;}
.fot1 dl dd{line-height:30px; font-size:14px; font-weight:700;}
.fot1 dl dt{line-height:25px; font-size:12px;}
.fot1 dl a{color:#8b8b8b;}
.fot1 dl a:hover{color:#1d9358;}
.fot1 dl.btel{margin-right:0; float:right;}
.fot1 dl.btel dt{margin-top:10px; color:#8b8b8b; float:left;font-family:"Microsoft YaHei", "΢���ź�";}
.fot1 dl.btel dt span{display:block; font-size:18px; line-height:36px;}

.fot2{width:100%; padding:20px 0; line-height:25px; background:#e9e9e9; color:#a8a6a6; text-align:center;}
.fot2 a{color:#a8a6a6;}
.fot2 a:hover{color:#01b3fd;}
.fot2 span{padding:0 10px;}
.fot2 b{font-weight:normal; padding-left:10px;}

.ny{width:100%; padding:30px 0;}
.ny_left{width:250px;}
.nlist{width:250px; border-bottom:#e9e9e9 1px solid;}
.nlist h1{width:250px; height:50px; line-height:50px; text-indent:78px; font-size:17px; font-weight:normal; background:url(../images/nlh_bg.jpg) no-repeat; color:#fff;}
.nlist ul li{background:#f6f6f6; border:solid 1px #e9e9e9; border-bottom:0;}
.nlist ul li a{padding:0 28px; font-size:16px; display:block; height:39px; line-height:39px; position:relative; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nlist ul li .inactive{background:url(../images/off.png) no-repeat 212px center;}
.nlist ul li .inactives{background:url(../images/on.png) no-repeat 212px center;}
.nlist ul li .s{background:url(../images/jt.png) no-repeat 212px center;}
.nlist ul li ul{display:none;}
.nlist ul li ul li{border-left:0; border-right:0; background:#fdfdfd; border-color:#e9e9e9;}
.nlist ul li ul li ul{display:none;}
.nlist ul li ul li a{padding-left:38px; font-size:14px;}
.nlist ul li ul li ul li{background-color:#fff; border-color:#e9e9e9;}
.nlast{background-color:#fff; border-color:#e9e9e9;}
.nlist ul li ul li ul li a{padding-left:48px; font-size:12px;}

.ncon{width:250px; margin-top:30px;}
.ncon h1{width:250px; height:50px; line-height:50px; text-indent:78px; font-size:18px; font-weight:normal; background:url(../images/nlh_bg.jpg) no-repeat; color:#fff;}
.ncon dl{width:226px; border:#e9e9e9 1px solid; border-top:0; padding:12px 11px; color:#333; float:left;}
.ncon dl dd{width:220px; height:40px; line-height:40px; background:url(../images/ntel.jpg) no-repeat left center; padding:0px 0 6px 50px; border-bottom:#e9e9e9 1px solid; font-size:18px; float:left;}
.ncon dl dt{width:226px; margin-top:12px; line-height:30px; font-size:14px; float:left;}

.ny_right{width:1040px; padding-left:30px;}
.nr_tit{width:100%; height:48px; line-height:48px; border-bottom:#e9e9e9 2px solid; font-size:15px;}
.ny_about{width:100%; padding-top:10px; line-height:25px; min-height: 350px}

.ny_pro{width:100%;min-height: 350px;}
.ny_pro p{ text-indent: 20px}
.ny_pro ul{width:1060px; float:left;}
.ny_pro ul li{width:243px; border:#e9e9e9 1px solid; margin:20px 20px 0 0; float:left;}
.ny_pro ul li a{display:block; width:243px; text-align:center; line-height:30px; float:left;}
.ny_pro ul li a p{display:table-cell; width:243px; height:243px; text-align:center; vertical-align:middle; overflow:hidden;}
.ny_pro ul li a p img{max-width:100%; max-height:100%; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.ny_pro ul li a:hover p img{transform:scale(1.2); webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);}

.page{width:100%; padding-top:20px; line-height:30px; text-align:center;}
.page a{display:inline-block; margin:0 2px; padding:0 12px; background:#0dab3a; border:#d4d4d4 1px solid; font-size:14px; color:#fff;}
.page a:hover{background:#01b3fd;}
.page a.on{background:#000; border-color:#000; color:#fff;}

.ny_news{width:100%;}
.ny_news dl{width:100%; margin:20px 0; float:left; position:relative;}
.ny_news dl a dd{width:245px; height:136px; margin-right:15px; overflow:hidden; float:left;}
.ny_news dl a dd img{width:100%; height:100%; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.ny_news dl a dt{width:780px; font-size:14px; float:left;}
.ny_news dl a dt.bt{ transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; background-size:9px 16px; float:right;height:30px; line-height:30px; font-size:16px; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; overflow:hidden; margin-top:10px; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.ny_news dl a dt.time{color:#01b3fd; height:36px; line-height:36px;}
.ny_news dl a dt.txt{height:48px; line-height:24px; color:#666; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.ny_news dl a:hover dd img{transform:scale(1.2); webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);}
.ny_news dl a:hover dt.time{color:#01b3fd;}
.ny_news dl a:hover dt.txt{color:#666;}
.ny_news dl a:hover span.more{background:url(../images/more2.png) no-repeat left center; background-size:9px 16px;}
#m_syxj{display: none}
@media (max-width:1000px){
	#pc_syxj{display: none}
	#m_syxj{display: table}
	.main{width:100%;}
	
	.head{width:96%; padding:10px 2%;}
	.logo{margin-left:0;}
	.logo img{height:40px; margin:0;}
	
	.menu{display:none;}
	.nav{display:block; margin:0;}
	.nav a{display:block; width:36px; height:36px; border:#01b3fd 1px solid; margin:1px 0; border-radius:50%;}
	.nav img{height:20px; padding:8px;}
	
	.tel{margin-right:10px;}
	.tel span{display:none;}
	.tel a{display:block; width:36px; height:36px; border:#01b3fd 1px solid; margin:1px 0; border-radius:50%; text-align:center;}
	.tel a img{height:24px; padding:4px;}
	
	
	.plist a img{width:100%; height:100%; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
	.plist a:nth-child(n) p{width:100%; height:40px; line-height:40px; padding:0 10px; box-sizing:border-box; -webkit-box-sizing:border-box; font-size:14px;}
	.plist a:nth-child(1) p{border-radius:20px 0 0 0;}
	.plist a:nth-child(2) p{border-radius:0 20px 0 0;}
	.plist a:nth-child(3) p{border-radius:0 0 0 20px;}
	.plist a:nth-child(4) p{border-radius:0 0 20px 0;}
	.plist a p span{font-size: 12px}
	.plist a:hover img{transform:scale(1.2); webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2);}
	
	.about{padding:20px 0;}
	.about h1{font-size:18px;}
	.about h1 span{margin:10px 0 5px 0; font-size:14px;}
	.about ul{width:98%; padding:1%; float:left;}
	.about ul li{width:48%; margin:1%;}
	.about ul li:last-child{margin-right:0;}
	.about ul li a p{height:32px; line-height:32px; font-size:14px; padding:0 5px;}
	
	.gg{width:100%; padding:30px 0; background:#91bb71; color:#fff; font-size:15px;}
	.gg dl{width:96%; padding:0 2%; margin:0 auto;}
	.gg dl dd{width:100%; float:left; padding:0; text-align:center;}
	.gg dl dd img{max-width:90%;}
	.gg dl dt{width:100%; margin-top:10px; float:left; line-height:24px;}

	.news{width:100%; padding:20px 0;}
	.nmain{width:96%; padding:0 2%; margin:0 auto;}
	.news h1{width:100%; font-size:18px; font-weight:normal; text-align:center;}
	.news h1 span{display:block; margin:10px 0 0 0; font-size:14px; color:#01b3fd;}
	.news dl{width:100%; margin:10px 0; float:left;}
	.news dl a dd{width:100%; overflow:hidden; float:left;}
	.news dl a dd img{width:100%; height:100%; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
	.news dl a dt{width:100%; font-size:12px; float:left;}
	.news dl a dt.bt{height:25px; line-height:25px; font-size:14px; -webkit-line-clamp:1;}
	.news dl a dt.time{color:#01b3fd; height:30px; line-height:30px;}
	.news dl a dt.txt{height:36px; line-height:18px; -webkit-line-clamp:2;}
	.news dl a dt.more{display:none;}
	
	.contact{font-size:16px; text-align:left;}
	.contact dl{width:80%; height:90px; padding:0 10%; margin:55px auto;}
	.contact dl dd, .contact dl dt{display:inline-block; line-height:30px; float:left;}
	.contact dl dd:nth-child(n){float:left;}
	.contact dl dd img, .contact dl dt img{height:14px;}
	.contact dl dd span,.contact dl dt span{display:inline-block; padding-left:5px;}
	.map:hover .contact{top:-200px;}
	
	.fot1{width:80%; padding:15px 10%;}
	.fot1 dl{display:none;}
	.fot1 dl.btel{margin-right:0; display:block; float:left;}
	.fot1 dl.btel dt{margin-top:10px; color:#8b8b8b; float:left;}
	.fot1 dl.btel dt span{display:block; font-size:18px; line-height:36px;}
	
	.fot2{width:96%; padding:15px 2%; line-height:25px; background:#e9e9e9; color:#a8a6a6; text-align:center;}
	.fot2 a{color:#a8a6a6;}
	.fot2 a:hover{color:#01b3fd;}
	.fot2 span{padding:0 10px;}
	.fot2 b{font-weight:normal; padding-left:0; display:block;}
	
	.ny{padding:15px 0;}
	
	.ny_left{display:none;}
	
	.ny_right{width:100%; padding:0;}
	
	.nr_tit{width:96%; margin:0 2%; height:36px; line-height:36px;}
	
	.ny_about{width:96%; padding:5px 2%;}
	
	.ny_pro{width:98%; padding:1%;}
	.ny_pro ul{width:100%; float:left;}
	.ny_pro ul li{width:48%; border:#e9e9e9 1px solid; margin:1%; box-sizing:border-box; -webkit-box-sizing:border-box; float:left;}
	.ny_pro ul li a{display:block; width:100%; text-align:center; line-height:30px; float:left;}
	.ny_pro ul li a p{display:table-cell; width:100%; text-align:center; vertical-align:middle; overflow:hidden;height: 170px;}
	
	.page{width:100%; padding:15px 0 1% 0; line-height:30px; text-align:center;}
	.page a{display:none;}
	.page a.yd{display:inline-block; margin:0 10px;}
	
	.ny_news{width:96%; padding:0 2%;}
	.ny_news dl{margin:10px 0;}
	.ny_news dl a dd{width:108px; height:60px; overflow:hidden; position:absolute; left:0; top:0;}
	.ny_news dl a dd img{width:100%; height:100%; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
	.ny_news dl a dt{width:100%; padding-left:118px; box-sizing:border-box; -webkit-box-sizing:border-box; font-size:12px;}
	.ny_news dl a dt.bt{height:24px; line-height:24px; font-size:14px;}
	.ny_news dl a dt.time{height:18px; line-height:18px;}
	.ny_news dl a dt.txt{height:36px; line-height:18px;}
	.ny_news dl a span.more{display:none;}
	
	.nlist2{width:96%; border-bottom:#e9e9e9 1px solid; margin:2%;}
	.nlist2 ul li{background:#f6f6f6; border:solid 1px #e9e9e9; border-bottom:0;}
	.nlist2 ul li a{padding:0 28px; font-size:16px; display:block; height:39px; line-height:39px; position:relative;}
	.nlist2 ul li .inactive{background:url(../images/off.png) no-repeat 92% center;}
	.nlist2 ul li .inactives{background:url(../images/on.png) no-repeat 92% center;}
	.nlist2 ul li .s{background:url(../images/jt.png) no-repeat 92% center;}
	.nlist2 ul li ul{display:none;}
	.nlist2 ul li ul li{border-left:0; border-right:0; background:#fdfdfd; border-color:#e9e9e9;}
	.nlist2 ul li ul li ul{display:none;}
	.nlist2 ul li ul li a{padding-left:38px; font-size:14px;}
	.nlist2 ul li ul li ul li{background-color:#fff; border-color:#e9e9e9;}
	.nlist2 ul li ul li ul li a{padding-left:48px; font-size:12px;}
}


.home{ width:80%; margin:10px 8%;}
.home a{ background:#0dab3a; float:right; display:block; width:10%; color:#fff; text-align:center;border-radius:20px;}
.home a:hover { background:#25d02a}



.long-shadow, .medium-shadow {
		border: none;
		-o-text-overflow: clip;
		text-overflow: clip;
	}
	.long-shadow {
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		text-shadow: 3px 3px 0 #4C6A92, 4px 4px 0 #4C6A92, 5px 5px 0 #4C6A92, 6px 6px 0 #4C6A92, 7px 7px 0 #4C6A92, 8px 8px 0 #4C6A92, 9px 9px 0 #4C6A92, 10px 10px 0 #4C6A92, 11px 11px 0 #4C6A92, 12px 12px 0 #4C6A92, 13px 13px 0 #4C6A92, 14px 14px 0 #4C6A92, 15px 15px 0 #4C6A92, 16px 16px 0 #4C6A92, 17px 17px 0 #4C6A92, 18px 18px 0 #4C6A92, 19px 19px 0 #4C6A92, 20px 20px 0 #4C6A92;
	}
	h1 .animateTitle1 {
		font-size: 10vh;
		letter-spacing: 2.7vh;
		color: #FFF;
		padding: 1em 0;
	}
	h4{ font-size:34px; font-weight:bold;}.text-danger{ color:#000000}

.procnsy{ background:url(../images/procnsy.jpg) top center; height:360px;position:relative; top:150px; margin-bottom:150px; z-index:-9999}
.protrcq{ background:url(../images/protrcq.jpg) top center; height:360px;position:relative; top:150px; margin-bottom:150px; z-index:-9999}
.promjgw{ background:url(../images/promjgw.jpg) top center; height:360px;position:relative; top:150px; margin-bottom:150px; z-index:-9999}
.prosyxj{ background:url(../images/prosyxj.jpg) top center; height:360px;position:relative; top:150px; margin-bottom:150px; z-index:-9999}