﻿*{margin:0;padding:0;}
body{font-size: 14px; line-height:28px;font-family: "Microsoft YaHei";}
img{border: 0;}
a{
	cursor:pointer;
	color:#333;
	text-decoration:none;	
	outline:none;
	display: inline-block;
}

ul{
	list-style-type:none;	
	border:0;
	width:auto;
}
em{
	font-style:normal;	
}
.txl{margin:20px auto;}
.txl ul li {height:36px;line-height:36px;clear:both; overflow:hidden;text-align: center; background: #eefff2;}
.txl ul li span{display:block; float:left; width: 25%; margin-left: 5%;}
.txl ul li.liBg{background:#b2eec0; font-size: 16px; font-weight: bold;border-bottom: 1px solid #a4e8b3;}
.xyyf {width: 100%;clear: both; overflow: hidden; text-indent: -9999px;}
.xyyf a{height:529px;width: 100%; display: block; background: url("../images/xybanner.jpg") no-repeat center 0; }
.fr{float: right;}
.fl{float: left;}
.clearfix{display:block;*zoom:1;}
.clearfix:after{content:'.';display:block;width:0; height:0; overflow:hidden;clear:both;}
.topBox,.main,.indexNewpro,.indexNews{width: 1200px; margin:0 auto; }
.topBox{height: 100px;}
.toplogo a{background:url("../images/toplogo.jpg") no-repeat 0 0;width:189px;height: 48px;text-indent: -9999px;margin-top: 30px;}
.wap-nav{display: none;}
.nav{margin-left: 40px;}
.nav li {float: left;}
.nav li a{line-height: 100px;font-size: 16px;padding:0 23px;}
.nav li a.on{background-color: #51AE2C;color: #fff;}

.search{margin-top: 37px;}
.search input{width: 140px; height: 24px;border: 1px solid #51AE2C; border-radius:5px 0 0 5px; float: left;}
.search button{background-color: #51AE2C;border: 1px solid #51AE2C; border-radius:0 5px 5px 0; height: 26px;color: #fff;padding:0 5px; float: left;}

.banner{ width:100%; height:528px; margin-bottom:0px;overflow:hidden;clear: both;  }
/* main_image */
.main_visual{height:528px;overflow:hidden;position:relative;}
.main_image{height:528px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:528px;overflow:hidden;position:absolute;top:0;left:0;margin-top:0px; margin-left:0px;}
.main_image li{float:left;width:100%;height:528px;}
.main_image li span{display:block;width:100%;height:528px;}
/* .main_image li .span1{background: url('../images/banner.jpg') no-repeat center 0;background-size: cover;}
.main_image li .span2{background: url('../images/banner.jpg') no-repeat center 0;background-size: cover;}
.main_image li .span3{background: url('../images/banner.jpg') no-repeat center 0;background-size: cover;}
 */
.main_image li a{display:block;width:100%;height:528px}

div.flicking_con{position:absolute;bottom:20px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:10%;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:10%;}




.indexAbout{background:url("../images/yuan2.jpg") no-repeat right 95px;}
.indexAbout img{width: 44%;}
.indexAboutM {width: 54%;background:url("../images/yuan1.jpg") no-repeat 230px 200px;}
.indexAboutM h3{font-size: 24px;color: #51AE2C;margin-top: 50px;border-bottom: 1px solid #ccc;width: 90%;padding-bottom:12px; position: relative;}
.indexAboutM h3 em{color: #bbb;font-weight: normal; font-size:12px;text-transform: uppercase;padding-left: 10px;position: absolute;z-index: 6;}
.indexAboutM h3 b{position: absolute;background-color: #e6eef5;border-radius: 50%;height: 38px; width: 38px;left: 100px;z-index: 5;top:-5px;}
.indexAboutM p{line-height: 30px;margin:30px 20px 20px 0;width:90%;}
.more{background-color: #ff903e;display: block;clear: both;overflow: hidden; border-radius: 5px; color: #fff;width:100px; height:36px;line-height: 36px; text-align: center; margin: 10px auto 0 auto;}
 .more:hover,.liPro div a:hover{color: #fff;background-color: #51AE2C;}

.indexPro{background: #51AE2C;}

.proImg{ width:100%; height:auto; overflow:hidden;margin-bottom: 30px;}
.proImg li{  width:23.5%; margin-right:2%;  height:200px; overflow:hidden; float:left;background-color: #fff;}
.proImg li:nth-child(4n){ margin-right:0;}
.proImg li .liPro{ display:block; width:100%; height:100%; position:relative;}
.proImg li .liPro img{ display:block;margin:0px auto;width: 100%; }
.proImg li .liPro div{ position:absolute; bottom:0px; width:100%; height:40px ;    background: rgba(222,222, 222,0.8); transition:all 0.5s;
    color: #000; text-align:center;}
.proImg li:hover .liPro div{height:100%; cursor: pointer;bottom:0px; }
.proImg li:hover .liPro div span{margin-top:30px;font-weight: bold;}
.liPro div a{background-color: #ff903e; color: #fff;padding:0px 15px;margin-top:15px;}
.liPro div span{font-size: 16px;margin-top: 5px; display: inline-block; }
.liPro div  p{margin:3px 5%;text-align: left;width: 90%; color: #333; }
.title{padding:50px 0;position: relative;}
.title .entext{text-align: center;color :#51AE2C; font-size:65px;text-transform: uppercase;}
.title h3{color: #fff;font-size: 24px; font-weight: 900; position: absolute; left: 50%; top:50px;margin-left: -55px;}


.paner-item-img .list-image {
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	height: 400px;}
.paner-item-img .list-image ul {}
.paner-item-img .list-image li {
	float: left;
	margin: 10px 18px;
}


.indexNewpro ul li{float: left; width: 20%;background-color: #e3e3e3;position: relative;}
.indexNewpro ul li:hover{background: #51AE2C;color: #fff;cursor: pointer;}
.indexNewpro  ul li:hover em{background: #51AE2C;}
.indexNewpro  ul li:hover p{color: #fff;}
.indexNewpro ul li div{height: 170px;}
.indexNewpro ul li div span{font-size: 16px;text-align: center;display:block;padding:20px 0 0 0;}
.indexNewpro ul li div p{font-size: 14px;width:90%;margin:10px auto;color: #666;line-height: 22px;font-size: 12px;}
.indexNewpro ul li img{width: 100%;height: 170px;display: block;}
.indexNewpro ul li em{display: block;width: 20px; height: 20px; background: #e3e3e3;position: absolute;left: 45.85%;top:50%;margin-top:-10px;z-index: 88;
		 -webkit-transform: rotateZ(45deg);
            -moz-transform: rotateZ(45deg);
            -o-transform: rotateZ(45deg);
            -ms-transform: rotateZ(45deg);
            transform: rotateZ(45deg);
}
.video{width: 40%;}
.video video{height: 250px; width: 440px;}
.news{width: 59%;    background-color: #f9f9f9; height: 250px; overflow: hidden;}
.news ul li{width: 50%;float:left;background-color: #f9f9f9;}
.news ul li span{width:100%; height: 118px ;overflow:hidden;display: block;}
.news ul li span img{display: block;transform: scale(1.0);transition:all 0.5s;width:100%; }
.news ul li span:hover img{transform: scale(1.2);}
.news ul li a{color: #ff903e;margin-left:10px;margin-right: 10px;font-size: 16px;font-weight: normal;margin-top:5px;display: block;}
.news ul li p{margin-left:10px;margin-right: 10px;color: #999;line-height: 22px;padding-bottom: 10px;height: 56px; overflow: hidden;}
.news ul li a:hover{color: #51AE2C;}
.news .more{margin-left: 33%;margin-top: 0px;}
.footer{background-color: #d5d5d5;margin-top: 30px;padding: 20px 20px 10px 20px;text-align: center}
.footerlogo{width: 185px; height: 47px;margin:60px 60px 60px 175px;text-indent:-9999px;}
.footerR ul li{padding: 20px 20px 10px 20px;text-align: center}
.copy{ clear: both; overflow: hidden; }
.copy p{color: #666;font-size: 12px;line-height: 22px;}
.links form select{width: 266px;margin-left: 30px;margin-top: 20px;height: 32px; line-height: 32px;border:none;font-size: 12px;}


.banner2{width: 100%;height: 280px; overflow: hidden;clear: both;}


.listNav{border-bottom: 1px solid #f1f6f8; clear:both; overflow: hidden;padding:5px 0;}
.listNav p{ float: left;}
.listNav p a{display: inline-block; float: left;padding:5px 30px;font-size: 16px;}
.listNav p a.curOn{background-color: #51AE2C;display: block;color:#fff;padding:5px 30px;font-size: 16px;}
.position{float: right;font-size: 12px;color: #666;}
.position span{color: #51AE2C;}
.aboutus{width: 80%; margin:0 auto;}
.aboutus img{margin:65px auto;display: block; }
.aboutus p{margin:20px auto; text-indent: 28px;color:#666;}
.aboutus b{color:#51AE2C;}

/*分页 开始*/
.s-pager {clear: both;overflow: hidden; width:100%; height: 25px; margin: 30px auto 30px auto;  color: #999999; text-align: center; line-height: 24px; padding-top: 10px; }
.s-pager .a-pager-pn { color: #51AE2C; }
.s-pager a { padding: 0px 9px; background-color: #fff; margin-left: 6px; display: inline-block; text-align: center; color: #000; }
.s-pager a:hover, .s-pager a.cur { background-color: #51AE2C; color: #fff; cursor: pointer; }
.s-pager a.hui { background-color: #fff; color: #999999; }
.s-pager a.hui:hover { background-color: #fff; color: #999999; cursor: inherit; }
.s-pager .txt-pagerto { width: 30px; height: 24px; border: none; text-align: center; }
.s-pager .btn-pagergo { width: 28px; height: 20px; background-color: #51AE2C; border-radius: 3px; border: none; color: #fff;cursor:pointer }
.s-pager .btn-pagergo:hover { background-color: #c52b24; }
/*分页 end*/

.newslist2,.newslist3{ width:95%; height:auto;margin:20px auto;clear: both;overflow: hidden;}
.newslist2 li{ float:left; width:100%; height:45px; line-height:45px; vertical-align:middle; border-bottom:1px dashed #CCC;}
.newslist2 li>div{ float:left; width:85%; height:45px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; background:url(../images/news_icon.png) left 20px no-repeat; padding-left:15px;}
.newslist2 li>div a{ font-size:14px; color:#545454;}
.newslist2 li>span{ float:right; color:#999999;}


.newslist3 li{ float:left; width:100%; height:auto;  border-bottom:1px dashed #CCC; padding-bottom:20px; padding-top:20px;}
.newslist3 li .newslist3-img{ float:left; width:205px; height:130px;}
.newslist3 li .newslist3-img img{height:130px; width:205px;}
.newslist3 li .newslist3-right{ float:right; width:78%; height:auto; overflow:hidden;}
.newslist3 li .newslist3-right h3{ float:left; font-size:16px; margin:0; padding:0; font-weight:normal; width:87%; height:40px; line-height:40px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis;}
.newslist3 li .newslist3-right span{ float:right;}
.newslist3 li .newslist3-right h3 a{color: green;}
.newslist3 li .newslist3-right h3 a:hover{color: #51AE2C;}
.newslist3 li .newslist3-right p{ float:left; width:100%; line-height:25px; font-size:14px; color:#8A8A8A; height:75px; overflow:hidden; text-overflow:ellipsis;}
.newsarticle{width: 100%;margin:30px auto; line-height: 28px; font-size: 16px;}
.newsarticle  h2{margin:0px auto; text-align: center;padding:8px 0;color: #51AE2C;background: linear-gradient(to right, #fff,#f4f4f4,#fff);margin-top: 50px;margin-bottom: 10px; }
.newsarticle img{ display: block; margin:30px auto; }
.newsarticle  p{text-indent: 28px; color: #666;}
.newsarticle span{color: #999; }
.products{margin-top: 30px ;}
.products ul li{margin-bottom: 20px;}
.proarticle{width: 100%;margin:0 auto;}
.proarticle dt img{display: block;margin:30px auto ;}
.proarticle dd{margin:30px 0px;}
.proarticle dd p{clear: both;overflow: hidden;line-height: 30px;margin-top: 5px;}
.proarticle dd p b{width: 80px;display: block; float: left;background-color: #e5e5e5;padding-left: 5px;margin-right:10px;}
.details span{display: block;padding:3px 0;text-indent: 20px;background:#e5e5e5 url('../images/news_icon.png') no-repeat 5px center;font-weight: bold;}
.details p{padding-left: 20px;margin-top: 20px; color: #666;}
.newproduct{margin:30px auto;}
.newproduct p{margin:30px 0;color: #666;text-indent: 28px;clear: both;overflow:hidden; }
.newproduct p img{display: block;}

.elegantshow{margin:20px auto; clear: both;overflow: hidden; }
.elegantshowImg {clear: both; overflow: hidden;}
.elegantshowImg ul li{width: 23.5%;margin-right: 2%;margin-top:20px; overflow: hidden; float: left;height: 260px;text-align: center;}
.elegantshowImg ul li a{ display:block;  height: 225px;overflow: hidden; }
.elegantshowImg ul li:nth-child(4n+0){margin-right:0px;}
.elegantshowImg ul li a img{display: block; width: 100%;transform: scale(1.0);transition:all 0.5s;}
.elegantshowImg ul li a:hover img{transform: scale(1.25);}
.elegantshow h3{ width: 100px;float: left; padding:3px ;margin-top:20px;text-indent: 15px;cursor: pointer;}
.h3On{color: #51AE2C;border-bottom: 1px solid #51AE2C;background: url('../images/news_icon.png') no-repeat 5px center;font-weight: bold;}

.cooperation img{display: block; margin:30px auto;}
.cooperation p{clear: both; overflow: hidden;}
.cooperation>p{ text-indent: 28px; width: 90%; margin:0 auto;}
.cooperationPhone p b{display: block; float: left; padding-left:100px;height:49px;}
.cooperationPhone p.p3{padding-left: 100px;}

.cooperationPhone{box-sizing: border-box; width:40%; margin:0 auto;background: url('../images/dh.png') no-repeat 20px 50%; border: 2px dashed #ccc;padding:20px;margin-top: 50px; }
.investment dl{margin:30px auto;}
.investment dl dt b{width: 16.6%; padding:3px 0; display: block; float: left; background-color: #e5e5e5; text-align:center;border: 3px solid #fff; box-sizing: border-box; color: #51AE2C;}
.investment dl dd{color: #666; padding:3px 0;clear: both;overflow: hidden; line-height: 40px; border-bottom: 1px dashed #e5e5e5;}
.investment dl dd:nth-child(odd){}
.investment dl dd span{display: block;float: left;width: 16.6%;text-align: center; }
.job{margin-top: 30px;color: #666;}
.job ul li{line-height:46px; border-bottom: 1px dashed #e5e5e5; clear: both; overflow: hidden;width: 95%;margin:0 auto;}
.job ul li a{float: left;}
.job ul li a:hover{color: #51AE2C;}
.job ul li em{float: right;}
.job ul li img{float: left;margin:10px 30px 10px 0;}
.job1{background: url("../images/job1.jpg") no-repeat center center;margin:50px auto;width: 95%;color:#666;}
.job1 p{line-height: 30px;margin-top: 30px; text-indent: 28px;}
.job2 form{width: 30%;margin:30px auto;}
.job2 form .filem{clear: both; overflow: hidden;margin-top: 15px;position: relative;}
.job2 form .filem label{float: left; width: 80px;margin-left:15px;}
.job2 form .filem em{ color: red;position: absolute;left:0; }

.job2 form .filem input,.job2 form .filem select{height: 30px; line-height: 30px; float: left;width: 200px;border-radius: 3px;border:1px solid #ccc; }
.job2  p{width:30%; margin:30px auto;}
.job2  p a{padding:3px 30px;background-color: #51AE2C; color: #fff; display: block; float: left; margin-left: 10px;}
.contact {width: 95%; margin:30px auto;}
.contact p{width:50%;margin:0 auto;line-height: 30px; text-align:center; font-size: 16px; border:3px dashed #bbb;padding:10px 0;}
.contact #map{width: 100%;height: 100%;margin-top:30px;overflow: hidden;}
.contact #map img{display: block;margin:0 auto;}
.jobart div{border-bottom: 1px dashed #ccc; padding-bottom: 20px;margin-bottom: 20px;}
.jobart div:last-child{border-bottom: none;}
.jobart div h2{margin:10px 0; font-size: 16px; color: #51AE2C;}
.jobart div b{ display: block;}
.jobart div a{width:80px; height:30px;display: block; background: #51AE2C; color: #fff; text-align: center; line-height: 30px;margin:20px auto; }
.jobart div a:hover{background-color: #ff903e;}



.zp_t{ float:left; width:100%; height:auto; margin-bottom:40px;}
.zp_t div{ width:50%; height:auto; float:left; background:#eee; font-size:14px; text-align:center; line-height:50px; cursor:pointer;}
.zp_t .zp_click{ background:#489adb; color:#fff;}
.zp_info{float:left; width:100%; height:auto; border-bottom:1px solid #e9e9e9;}
.zp_info .zp_1{float:left; width:100%; height:auto;overflow:hidden;}
.zp_info .zp_1 a{ cursor:pointer; display:block;}
.zp_info .zp_2{float:left; display:none;width:96%;padding-left:2%; padding-right:2%;  height:auto; line-height:25px; padding-top:10px; padding-bottom:15px; font-size:14px; background:#e9fff0;}
.zp_info .zp_1 div{ float:left; padding-left:15px; padding-right:15px; height:55px; display:block; font-size:14px; line-height:55px;}

.zp_info .zp_1 div:nth-child(6){ width:10%;float:right; }
.zp_info .zp_1 div:nth-child(5){ width:20%;}
.zp_info .zp_1 div:nth-child(4){ width:20%;}
.zp_info .zp_1 div:nth-child(3){ width:15%;}
.zp_info .zp_1 div:nth-child(2){ width:10%;}
.zp_info .zp_1 div:nth-child(1){ width:8%; font-weight:bold; }
.dd{width:90px; height:30px; font-size:14px; font-family:Arial, "Microsoft YaHei";}
.t{ font-size:16px; color:#51AE2C; background:#efefef; }
.zp_txt{ color:#ff7900; font-weight:bold; padding-top:20px; font-size:15px; line-height:30px;}
.style1{ font-size:24px; color:#000; font-weight:bold; line-height:55px;  }
.style2{ font-size:24px; color:#06C; line-height:55px;  }


#wrapper{
    margin-bottom: 20px;
	width:100%;
}
#wrapper hgroup{
	text-align:center;
}

#container{
	position:relative;
	margin:0 auto 25px;
	padding-bottom: 10px;
	
}
.grid{
	width:188px;
	min-height:100px;
	padding: 10px;
	background:#fff;
	margin:8px 8px 8px 0;
	font-size:12px;
	float:left;
	border:1px solid #ccc;
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
}

.grid strong {
	border-bottom:1px solid #ccc;
	margin:10px 0;
	display:block;
	padding:0 0 5px;
	font-size:17px;
}
.grid .meta{
	text-align:right;
	color:#777;
	font-style:italic;
}
.grid .imgholder img{
	max-width:100%;
	background:#ccc;
	display:block;
	background:url(../images/loding.gif) no-repeat center;
    cursor: pointer;
}
/**整体**/
.container{width:100%;height:100%;display:none;position:fixed;top:0;left:0;z-index:100;background:rgba(0,0,0,0.6);padding:20px 0 0 0}
/**关闭区**/
.close_div{margin:0 auto;text-align:right;padding:10px 0 0 0;}
/**图片区**/
.content{margin:0 auto;position:relative;}
.content .img{position:absolute;top:0;left:0;z-index:105}
.content span{position:absolute;left:45%;top:40%;}
/**左右箭头**/
.content .left,.content .right{position:absolute;top:0;z-index:110;}
.content .left{left:0;cursor:url(../images/cur-left1.png), auto; }
.content .right{right:0;cursor:url(../images/cur-right1.png), auto;}
/**底部区**/
.bottom{height:0px; text-align:center; color:#fff; font-size:16px;margin:0 auto;overflow:hidden;line-height:30px;}

@media screen and (max-width: 1200px){
	.topBox, .main, .indexNewpro, .indexNews {width: 1024px;margin: 0 auto;overflow: hidden;}
	.nav li a {padding:0 8px;}
	.nav {margin-left: 14px;}
	.news ul li p{line-height: 20px; height: 51px;}
	.footer{margin-top: 20px;}
	.footerlogo{margin-left: 0;}
	.banner,.main_visual,.main_image{height: 330px;}
	.main_image li span{display:block;width:100%;height:330px;}
	.video video {
    height: 230px;
    width: 407px;
}


}
@media screen and (max-width: 1024px){
	.topBox, .main, .indexNewpro, .indexNews {width: 768px;margin: 0 auto;overflow: hidden;}
	.nav li a {padding:0 8px; line-height:40px;border-bottom:1px dashed #23b565;color: #fff;}
	.nav {display: none;float: none;position:absolute;right: 8%;padding:10px 20px; top:100px; z-index: 99999;background: #51AE2C; text-align:center;}
	.nav li{float: none;padding:5px 0 0 0 ; }
	.nav li a.on{background:#51AE2C; }
	.wap-nav{display: block; float: right; margin-top: 37px;margin-left: 100px;}
	.video{width: 50%;}
	.video img{width: 100%;}
	.news ul li p{line-height: 20px;}
	.footer{margin-top: 20px;}
	.footerlogo{margin-left: 0;}
	.indexAbout img { margin-top: 98px;}
	.proImg li{height: 205px;}
	.indexNewpro ul li div span{padding-top: 5px;}
	.indexNewpro ul li div p{margin:0 5px 5px 5px;}
	.news_li2{display: none;}
	.news ul li{width: 100%;}
	.news{width: 45%; }
	.footerR ul{display: none;}
	.copy{margin-top:15px;}
	.position{float: none;margin-bottom:5px; text-indent: 5px;}
.aboutus{width: 100%;}
.banner,.main_visual,.main_image{height: 280px;}
	.main_image li span{display:block;width:100%;height:280px;}
}

@media screen and (max-width: 768px){
	.topBox, .main, .indexNewpro, .indexNews {width: 640px;margin: 0 auto;overflow: hidden;}
	.banner,.main_visual,.main_image{height: 240px;}
	.main_image li span{display:block;width:100%;height:240px;}
	.news{width: 45%;    height: 190px;}
	.news ul li a{margin-top: 0;}
	.news ul li{height: 180px;overflow: hidden;}
	.news ul li span{height: auto;}
	.indexNewpro ul li:nth-child(2n+0){margin-right:0;}
	.indexAboutM p{margin:10px 20px 0px 0;}
	.indexAboutM h3{margin-top:30px;}
	.aboutus img{margin:10px 0 0  0;}
	.aboutus{width: 100%;}
	.position{float: none;margin-bottom:5px; text-indent: 5px;}
	.contact p{width: 100%;}
	.contact #map img{height:auto;width: 100%;}
	.cooperationPhone{width: 100%;}
.zp_info .zp_1 div{padding-right: 0;line-height: 30px;padding-left: 7px;font-size: 12px; font-weight: normal;height: auto;float: left;}
	.zp_info .zp_1 div:nth-child(1) {
    width: 15%;
    font-weight: normal;
}
.zp_info .zp_1 div:nth-child(5) {
    width: 16%;
}
.video video {
    height: 190px;
    width: 339px;
}

}
@media screen and (max-width: 640px){
	.topBox, .main, .indexNewpro, .indexNews {width: 86%;margin: 0 auto;overflow: hidden;}
	.search {display: none;}
	.toplogo a{margin-top: 15px;background-size: 80%;}
	.topBox{height: 68px;}
	.banner,.main_visual,.main_image{height: 170px;}
	.main_image li span{display:block;width:100%;height:170px;}
	.video video {height: 100%; width: 100%;}
	.news ul li span img{height: auto;}
	.wap-nav{margin-top: 22px;margin-left: 0;}
	#btn_prev,#btn_next{background-size: 50%;margin-top:-21px;}
	.indexAbout img{display: none;}
	.indexAboutM,.indexAboutM p,.indexAboutM h3 {width: 100%;}
	.indexAbout .more{margin:10px auto;width: 30%; text-align: center; display: block;}
	.indexAboutM h3{margin-top: 15px;    font-size: 20px;}
	.nav {top:68px;right: 0}
	.proImg li{width: 49%; float: left;margin-bottom: 10px;height: 205px;}
	.proImg li:nth-child(2n+0){margin-right:0;}


	
	.indexNewpro  ul{clear: both; overflow: hidden; max-height: 340px;}
	.indexNewpro  ul li{ width: 49%;margin-right:2%;}
	.indexNewpro ul li:nth-child(2n+0){margin-right:0; }

	.video,.news {width: 100%;}
	.footerlogo{margin:20px auto 10px auto;background-size: 80%;margin-left: 30%;width: 150px; height: 35px; }
	.copy{margin-top:0;}
	.copy p{padding-left: 0;}
	.links form select{margin: 10px auto;width: 100%;}
	.news ul li{height: auto;}
	.banner2{height: 114px;background-size: 100% 100%;}
		.news{height: auto;}
	.position{float: none;margin-bottom:5px; text-indent: 5px;}
	.listNav p{float: none;}
	.listNav p a{background: #eee;margin:0 1% 5px 0 ;}
	.listNav p a:nth-child(2n+0),.elegantshowImg ul li:nth-child(2n+0){margin-right: 0;}
	.listNav p a,.listNav p a.curOn{width: 49.5%;padding:5px 0; text-align:center; font-size:14px;}
	.aboutus img{margin:10px 0 0  0;}
	.aboutus{width: 100%;}
	.contact p{width: 100%;}
	.contact #map img{height:auto;width: 100%;}
	.cooperation img{margin:0 auto; width: 60%;}
	.cooperationPhone{width: 100%;}
	.phoneP{font-size: 18px;}
	.cooperationPhone p.p3{padding-left: 80px;}
	.cooperationPhone p b{padding-left: 0;}
	.elegantshowImg ul li{width: 48%;height: auto;}
	.elegantshowImg ul li a{height: auto}
	.investment dl dd,.investment dl dt b{line-height: 20px;}
	.zp_info .zp_1 div{padding-right: 0;line-height: 24px;padding-left: 7px;font-size: 12px; font-weight: normal;height: auto;float: left;}
.zp_info .zp_1 div:nth-child(1) {
    width: 15%;
    font-weight: normal;
}
.zp_info .zp_1 div:nth-child(5) {
    width: 16%;
}
.job2 form{width: 100%;}
.job2  p{width: 72%;}
.newslist3 li .newslist3-right,.newslist3 li .newslist3-right span{float: none;width: 100%;}
.newslist3 li .newslist3-img,.newslist3 li .newslist3-right h3{float: none;margin:0 auto;}
.newslist3 li .newslist3-right span{text-align: center; width: 100%; display: block;}
.newslist2 li>div{width: 60%;}
.newsarticle  h2{margin-top:0;}
.newsarticle  p,.newsarticle img,.proarticle dt img{width: 100%;}
.grid{width:50%;}
.title .entext{ font-size:50px;}

}
/*pagination*/
.pagetion{position:relative; left:50%; float:left;padding-top: 20px;}
.pager{
	margin: 15px 0 15px 0; position:relative; left:-50%;
}
.pager ul {
	float: right;
}
.pager li {
	display: inline;
}
.pager li a,
.pager li span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #23b565;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pager li a:nth-of-type(1),
.pager li span:nth-of-type(1) {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pager li a:last-child,
.pager li span:last-child {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.pager li a:hover,
.pager li span:hover {
	color: #23b565;
	background-color: #eee;
	border-color: #ddd;
}
.pager .active a,
.pager .active a:hover,
.pager .active a:focus,
.pager .active span,
.pager .active span:hover,
.pager .active span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #23b565;
	border-color: #23b565;
}
.pager .disabled a,
.pager .disabled a:hover,
.pager .disabled a:focus,
.pager .disabled span,
.pager .disabled span:hover,
.pager .disabled span:focus {
	color: #23b565;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}
.rows{ padding-left:8px; line-height:30px;}

.other{padding-bottom: 10px;padding-top: 5px;text-align: left;padding-left: 10px;}
.other ul li{ line-height:28px; color:#6d6d6d; text-align: left}

.image-list-master {
	text-align: center;
	overflow: hidden;
	/*padding: 0 5px;*/
	padding: 5px 0 0 45px;
	margin-top: 30px ;
	margin-bottom: 25px;
}
.image-list-master ul {
	margin-right: -24px;
	padding: 0;
}
.image-list-master li {
	float: left;
	margin: 20px 24px 20px 0;
	padding: 0;
	width: 257px;
	border-width: 0;
	height: none;

}
.image-list-master li p {
	margin-top: 5px;
	height: 26px;
	line-height: 26px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
}
.image-list-master .cell {
	display: block;
	overflow: hidden;
	width: 257px;
	height: 177px;
	line-height: 128px;
	*font-size: 99px;
	text-align: center;
	border: 1px solid #cecece;
}
.image-list-master .cell img {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.image-list-master li {
	margin-top: 0;
	margin-bottom: 20px;
	*margin-right: 22px;
}
.image-list-master .cell {
	border-color: #ddd;
}
.image-list-master a {
	color: #666666;
}
.image-list-master a:hover {
	color: #51AE2C;
}
.index-proImg{ width:100%; height:auto; overflow:hidden;margin-bottom: 30px;}
.index-proImg li{  overflow:hidden; float:left;background-color: #fff;}