@charset "utf-8";


body {

	background-color: #ffffff;

	background-position: center top;

	font-family: 'Microsoft YaHei', 'Simsun', Arial;

	font-size: 14px;

	line-height: 1.5;

	color: #666666;

}

a {

	color: #666666;

}

a:hover {

	color: #0084e9;

}


.foot {
    padding-bottom: 30px;
	background-color:#008462;
    overflow: hidden;
    margin-top: 10px;
}

.fnav {
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #fff;
	text-align:center;
}

.fnav a {
    margin: 0 32px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
}

.fnav a.cur {
    margin-left: 0;
}

.fnav a.non {
    margin-right: 0;
}
.container{ width:1170px; }


.web {
    padding-top: 10px;
    /*padding-left: 106px;*/
	text-align:center; overflow:hidden;
}

.web p {
    padding-left: 74px;
}

.web span {
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 28px;
}

.web span b {
    padding-left: 85px;
}

.web span i {
    padding-right: 20px;
}

.web span a {
    padding-left: 0px;
    color: #fff;
}



.topbg{ width:100%; height:42px; background-color:#fbfbfb; border-bottom:1px solid #d0d0d0;}
.topzuo{ float:left; line-height:42px; font-size:13px; color:#6b6b6b;}
.topyou{ float:right; text-align:right; color:#6b6b6b; font-size:13px;}
.topyou a{ font-size:13px; line-height:42px; color:#6b6b6b; margin:15px;}
.topyou a:hover{ text-decoration:underline; font-size:13px; line-height:42px; color:#6b6b6b; margin:15px;}
.headerbg{ width:100%;}
.headerbox{ width:1260px; height:149px; margin:0 auto;}
.logo{ float:left;  font-size:37px; font-family:"o?????"; line-height:58px; width:600px;}
.logo span{ text-transform:uppercase; font-size:16px; font-weight:normal; font-family:"Arial"; line-height:16px; color:#808080;}
.logo img{  float:left; display:block; margin-right:8px; margin-top:30px;}
.ddh{ float:right; margin-top:38px;}
/*???o????*/
#nav {width:100%; background:url(../images/headbg.jpg); margin-bottom:1px;}
#nav ul { width:1260px; margin:0px auto;height:60px;}
#nav ul li {float: left; position: relative; display: inline-block; width:157px; height:60px; background:url(images/navt.jpg) no-repeat left center;}
#nav ul li:hover {text-decoration: none; width:157px; height:60px; background:url(images/navbg2.jpg);color: #FFFFFF;}
#nav ul li a {display:block; width:157px;text-align:center;line-height:60px;font-size:16px;color:#fff;text-decoration: none;}
#nav ul li:hover a {text-decoration:none;color: #FFFFFF;}
#nav ul li:hover ul {visibility: visible; display: block;}
#nav ul li ul {background:silver;visibility: hidden;position: absolute;z-index:999;left:0px;padding:0px;height:auto;width:auto; border:0px; display: block; }
#nav ul li ul li {clear:left;padding-right: 0px;border-width: 0px;background:#5bb42d; border:0px; height:32px;}
#nav ul li ul li:hover{clear:left;padding-right: 0px;border-width: 0px;background:#006cbf; border:0px; height:32px;}
#nav ul li ul li a {color:#FFFFFF;white-space:nowrap;text-overflow:ellipsis;font-size:14px;height:52px;line-height:32px;width:157px;font-weight: normal; height:32px; display:block;}
#nav ul li ul li a:hover {color:#FFFFFF;text-decoration:none;background-color:#ff990a; height:32px; display:block;}
#banner{position: relative; height:500px; overflow: hidden; border-top:1px solid #097dcd;}
.bwrap{position: relative; z-index: 0; }
.bquery{position: relative; z-index: 0; height:500px; }
.blist{display: none; position: absolute; top: 0; left: 0; z-index: 0; height:500px; font-size: 0; line-height: 0; }
.blist a{display: block; position: absolute; left: 0; top: 0; }
.blist img{ }
.box{ width:1260px; margin:0 auto;}




#flashs { overflow:hidden; width:100%; height:500px;  position:relative}
#flashs .btn{ overflow:hidden; width:100%; height:20px; text-align:center; position:absolute; left:0; bottom:10px;}
#flashs .btn span{ display:inline-block; width:20px; height:20px; background:url(../images/banner_btn.png) no-repeat right center; margin:0 5px;}
#flashs .btn span{ *display:inline}
#flashs .btn span.cur{ background-position:left}
#flashs .bot{ display:block; position:absolute; width:58px; height:58px; top:50%; margin-top:-29px;}
#flashs .bot1{ background:url(../images/babot1.png) no-repeat center; left:5%; z-index: 2;}
#flashs .bot2{ background:url(../images/babot2.png) no-repeat center; right:5%; z-index: 2;}


.product{ overflow: hidden;margin: 15px auto;width:1200px;margin:0 auto;}
.pro_list{float: left;width: 230px;}
.pro_list h4{
    background: url(../images/lefts_nav.jpg) no-repeat center top;
    height: 96px;line-height:70px;
    text-align: center;
    overflow: hidden;
    color: #ffffff;
	font-weight: bold;
    font-size: 18px;
	
}
.pro_list ul{background: url(../images/lefts_foot.gif) repeat-y;padding: 5px 15px;margin:0px;}

.pro_list ul .title{ background:#009b4d url(../images/jt.jpg) no-repeat 5px center; padding-left:30px; height:40px; line-height:40px; margin-bottom: 15px;}
.pro_list ul .title a{ color:#fff; font-size:14px;}
.pro_list ul .tc{ display:none; background: url(../images/ico1.jpg) no-repeat 5px center; padding-left:20px; height:30px; line-height:30px; border-bottom:1px #ddd solid}


.pro_list ul h3 {background:#5bc725;line-height:40px;margin: 0px 0 12px 10px;width: 190px;border-radius: 4px;}
.pro_list ul h3  a{color: #5bc725;background: url(../images/lefts_cur.jpg) no-repeat center left;margin-left: 12px;padding-left: 17px;}
.pro_list ul li{line-height:34px;margin: 0px 0 2px 25px; width: 160px;border-bottom: 1px solid #ddd; background:url(../images/ico1.jpg) no-repeat 0px 10px;padding-left: 20px;}


.pro_cont{float: right;width: 950px;border:1px solid #e9e9e8;margin-bottom:15px;}
.pro_bt{border:1px solid #e9e9e8;border-top: 4px solid #008462;border-left: 0;overflow: hidden;/* line-height: 45px;*/padding: 0 15px;padding-bottom: 15px;}
.pro_bt h3{float: left;font-size:16px; color:#009b4d;    font-weight: bold;}
.pro_bt h3 span{ color:#009b4d;}
.pro_bt a{float: right;cursor: pointer;display: block; padding-top:16px;}
.pro_cont ul li{float: left;width: 280px;overflow: hidden;text-align: center;padding-top:3px;padding-left: 5px;padding-right: 6px;}
.pro_cont ul li img{width: 280px;height: 250px;padding:2px;border:1px #ddd solid;}
.pro_cont ul li p a{ font-weight:inherit;}
.pro_list .btn{background:url(../images/lefts_btn.jpg) no-repeat; width:230px; height:6px;}


.contact{width: 230px;margin-top: 18px;overflow:hidden;background: #fff;border: 1px solid #e9e9e8;}
.contactnr{}
.contactTel{position: relative;width: 222px;height:44px;border: 1px solid #009b4d;margin-top: 25px;margin-bottom: 10px;color: #009b4d;font-size:16px;line-height:44px;font-family:impact;text-align: center;}
.contactTel span{position: absolute; display: block;left:68px; top: -15px;z-index: 99;width: 120px;height: 24px;color:#009b4d; font-size: 14px; line-height:24px;text-align:center;font-family: "΢���ź�"; background: #fff;}	
.contactnr .titlec{width:254px;height: 46px;}
.contactnr .titlec .font{ float:left;width: 124px;height: 46px;font-size:18px; color:#fff; line-height:46px; font-family: "΢���ź�"; text-align: center;background:#009b4d;}		
.contactnr .titlec .englist{float:left;width: 120px;height: 46px; padding-left: 10px;color:#fff;font-size:12px;line-height:46px;font-family: arial;  text-transform:uppercase;background:#6c7e8f;}
.contactnr dl{display:block;overflow: hidden;padding-left: 10px;width: 100%;}
.contactnr dl dt,.contactnr dl dd{font-size:14px; color:#666666; line-height:26px; }
.contactnr dl dt{ width:210px; float:left;}
.contactnr dl dd{width: 210px;float:left;padding-left: 0px;}


/*footer*/
.footer{background-color: #262729;}
.footer,.footer .ftNav,.footer .ftBox{ overflow: hidden; width: 100%;}
.footer .ftNav{ border-bottom: 1px solid #666666; height: 55px;}
.footer .ftNav li{ padding: 0 28px 0 0px; font-size: 15px; float: left; line-height: 53px;}
.footer .ftNav li a{ color: #b9b9b9; text-decoration: none; display: block;margin-top: 10px;}
.footer .ftNav li:hover a { border-bottom: 2px solid #ffa200;}
.footer .ftBox{padding: 45px 0 20px;}
.footer .ftDl{ float: left;}
.footer .ftDl dt{ float: left; margin-left: 10px;}
.footer .ftDl dd{ float: right; padding-left:0px;  }
.footer .ftDl dd p{ line-height: 25px; font-size: 13px; color: #b9b9b9}
.footer .ftDl dd p a{ color: #fff;}
.footer .ewm{ float: right;}
.footer .ewm p{ margin-top: 15px; font-size: 14px; color: #fff;}



.link{ overflow: hidden; width: 100%; padding: 20px 0px;}
.link .linkDl{ overflow: hidden; width: 100%; margin-bottom: 18px;}
.link .ttd{ line-height:30px; color:#333333; font-size:13px; padding-bottom:20px; overflow:hidden}
.link .ttd a{ padding: 0 28px 0 0px; text-align:center; color:#333333; display:block; float:left}
.link  dt{width: 96px;height: 35px;line-height: 35px;text-align: center;color: #fff;background-color: #ff4900;float: left;position: relative;}
.link  dt a{ color: #fff;}
.link  dd{width: 1020px;/* padding: 0 20px; */overflow: hidden;float: right;}
.link  dd a{ display: block; float: left; line-height: 35px; padding: 0 10px; font-size: 13px; color: #333333; }
.link  dt i{ display: block; position:absolute;right:-6px; top:12px; background: url("../images/link_xj.png") no-repeat center; width: 6px; height: 9px;}


.ftDl{ line-height:25px; width:200px; padding-bottom:30px;}
.ftDl strong{ color:#ffffff; font-size:16px; display:block; line-height:45px;}
.ftDl a{ color:#999999; font-size:14px; display:block}


.newBox{padding: 15px 0;background: #fff url(../images/new_bg.png) repeat-x left bottom;overflow: hidden;}



.xian {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	display: block;
	line-height: 35px;
	font-size:14px;
	color:#CCCCCC;
	text-align:center;
	padding-bottom:20px;
}



.iBanner{}
.iBanner .img img{  display:block;}
.iBanner .swiperDots{ display:block; bottom:5px;}
.iBanner .swiperDots span{ height:15px; width:15px; background:#fff; position:relative; box-shadow:none;border-radius: 20px;}
/* .iBanner .swiperDots span:before{ content:''; width:100%; height:1px; position:absolute; left:0px; top:3px; right:0px; background:#fff;}
.iBanner .swiperDots span:after{ content:''; width:0%; height:1px; position:absolute; left:0px; top:3px; background:#4c87ff;} */
.iBanner .swiperDots span.swiper-pagination-bullet-active{height:15px; width:15px; background:#37b8e2;}
.iBanner .swiperDots span.swiper-pagination-bullet-active:after{ width:100%; transition:width linear 8000ms;}
.iBanner .swiperDots:hover span:before,
.iBanner .swiperDots:hover span:after{ height:3px; top:0px;}
.iBanner .swiperArrow{ display:block; color:#fff;border: none;}
.iBanner .swiperPrev{ left:50px;border: none!important;}
.iBanner .swiperNext{ right:50px;border: none!important;}
.iBanner .swiperArrow:hover{ color:#4c87ff;border: none;}
button{outline:none;}

.pageNext{ position:absolute; right:140px; bottom:40px; z-index:2; cursor:pointer; width:25px; height:40px; display:none;}
.pageNext .pd{ position:relative; width:21px; height:36px; border:2px solid #fff; border-radius:12px;}
.pageNext span{ width:3px; height:3px; border-radius:1.5px; position:absolute; left:50%; top:50%; background:#fff; margin-left:-1.5px; transition:1s all ease;}
.pageNext span:nth-child(1){ margin-top:-3px;}
.pageNext span:nth-child(2){ margin-top:5px;}
.pageNext span:nth-child(3){ margin-top:-11px;}
.pageNext span.curr{ height:7px; transform:translateY(-2px);}