/* CSS Document */
/*logo*/
.topbg{ height:40px;  line-height:40px; background:#50af49; float:left; width:100%;}
.topbg .tleft{ float:left; font-size:14px; color:#aceca8;}
.topbg .tright{ float:right; font-size:14px; color:#aceca8;}
.topbg .tright li{ float:left; margin:0 10px; color:#aceca8;}
.topbg .tright a{ color:#aceca8; font-size:14px;}
.top{width:100%; float:left;}
.topcon{width:1200px; margin:0 auto;}
.logo{ float:left; margin:20px 0;}
.tel{ float:right; margin-top:20px;background:url(../images/lxtel.png) no-repeat left center; text-align:left; font-size:16px; color:#222; padding:0 0 0 90px; }
.tel span{ display:block; font-size:30px; color:#ff8f0b; font-family:Arial, Helvetica, sans-serif; margin-top:10px;}
.menubg{width:100%; float:left; position:relative;background:#068f01;}
.menu{width:1200px; height:56px; margin:0px auto;position:relative;   }

.menu ul li a{ color: #fff;font-size: 16px;font-family: "microsoft yahei";display: block;height:56px;line-height:56px;width:150px;background: -webkit-linear-gradient(left, #ff8f0b, #ff8f0b) no-repeat;background: linear-gradient(to right, #ff8f0b, #ff8f0b) no-repeat;background-size: 100% 0%; -webkit-transition: all .5s; transition: all .5s;}

.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float: left;  position: relative; z-index:999;
text-align: center;}
.menu li a:hover{background: -webkit-linear-gradient(left, #ff8f0b, #ff8f0b) no-repeat;background: linear-gradient(to right, #ff8f0b, #ff8f0b) no-repeat;background-size: 100% 100%;}
.menu li.another{ background:#ff8f0b; color:#FFF; }
.menu li.another a{  color:#FFF; }
.menu li #current{text-decoration:underline; background:#ff8f0b;}
.menu li:first-child{ background:none;}
/*下拉菜单*/
.menu li.mainlevel{ position:relative; z-index:10000;}
.menu li.mainlevel ul{ overflow:hidden; background:rgba(71,172,18,0.8); padding:0px 0; width:100%; }
.lbul{ display:none; position:absolute; left:0px; top:56px; width:100%;z-index:10001; }
.menu li.mainlevel ul li{float:none;background:none; display:block;height:40px; margin:0; width:auto;}
.menu li.mainlevel ul li a{font-size:14px; background:none; color:#fff;display:block;height:40px;  font-weight:normal;line-height:40px; padding:0; border-bottom:1px solid #fff}
.menu li.mainlevel ul li a:hover{ background: #ff8a00; color:#000; font-weight:normal; text-decoration:none;height:40px;line-height:40px;border-bottom:1px solid #FFF500}
/*导航结束*/
.fixedNav {position: fixed;top: 0px;left: 0px;width: 100%;z-index: 100000;_position: absolute;_top:expression(eval(document.documentElement.scrollTop));}




/*banner*/
.banner{width:100%; float:left;}
.banner img{width:100%; height:auto;}


/*主体部分*/
.wrap{position:relative; width:100%; float:left;}
.w1100{width:1100px; margin:0 auto;}
.w1200{width:1200px; margin:0 auto;}
.wm{ margin:30px auto; width:100%; float:left;}

/*产品展示*/
.products{width:100%; float:left; padding:20px 0; background:#f7f9f6;}
.ptit{width:100%; background:url(../images/yltit01.jpg) no-repeat center top; font-size:30px; color:#222;}
.ptit span{ color:#068f01;}
.ptit p{ font-size:18px; color:#666; margin-top:20px;}
.pnav{width:100%; margin:30px 0; position:relative;}
.pnav li{ display:inline-block;*display:inline; margin:0 10px; }
.pnav li a{display:inline-block;*display:inline; font-size:16px; color:#fff; width:200px; height:50px; line-height:50px; background:#068f01;}
.pnav li a:hover{ background:#ff8f0b;}
.pcon{width:100%; margin:20px 0; position:relative;}
.pcon li{ float:left; margin:10px 5px;width:290px;overflow:hidden;}
.pcon li a{ display:block; width:100%;}
.pcon li img{width:290px; height:235px; transition: all 0.5s;   transform: scale(1); }
.pcon li img:hover{ transition: all 0.5s;   transform: scale(1.1); }
.pcon li p{ height:40px; background:#50af49; color:#fff; font-size:16px; line-height:40px;}
.pcon li a:hover p{ background:#068f01;}



/*我们的优势*/
.advg{width:100%; float:left;}
.advt{width:100%; background:url(../images/ystitbg.jpg) no-repeat center top; height:213px;}
.advt h3{text-align: center;padding: 45px 0;}
.youshi{ text-align:left; padding:20px 0; float:left; width:100%;}
.youshi dl dt{ font-size:24px; color:#191919; background:url(../images/advl.jpg) no-repeat left bottom; padding-bottom:20px;}
.youshi dl dd{ margin:8px 0; font-size:16px; color:#646464; line-height:30px;}

.youshi .ul_1{ background:url(../images/01.jpg) no-repeat left top; padding-left:90px;}
.youshi .ul_2{ background:url(../images/02.jpg) no-repeat left top; padding-left:90px; margin-top:100px;}
.ys1{ float:left; width:640px;}
.ys2{ float:right; width:540px;}
.ys3{width:540px; float:left; margin-top:60px;}
.ys4{width:640px; float:right;margin-top:60px;}
.youshi .ul_3{background:url(../images/03.jpg) no-repeat left top; padding-left:90px;}
.youshi .ul_4{ background:url(../images/04.jpg) no-repeat left top; padding-left:90px; margin-top:100px;}


/*ban*/
.ban{width:100%; float:left;background:url(../images/x_ban.jpg) no-repeat center; height:216px;}
.bacon{width:1180px; margin:0 auto; position:relative; height:216px;}
.bacon h4{width: 470px;height: 77px;border: #fff solid 1px;font-weight: bold;font-size: 20px;color: #fff;text-align: center;padding-top: 15px;position: absolute;top:40px;left: 5%;}
.bacon h5{font-size: 18px;color: #fff;position: absolute;bottom: 40px;left: 5%;}
.bacon  p{background: url(../images/tel.png) no-repeat 0 15px;padding-left: 50px;font-size: 14px;line-height: 30px;color: #fff;position: absolute;right: 10px;top: 50px;}
.bacon p span{font-size: 24px;font-weight: bold;color: #fff;}
.bacon a{display: block;width: 150px;height: 40px;background: #e31919;border-radius: 5px;font-size: 16px;color: #fff;color: #fff;text-align: center;line-height: 40px;position: absolute;top: 130px;right: 40px;}
.bacon a:hover {background: #00276c;box-shadow: 1.5px 2.598px 3px 0px rgba(1, 6, 15, 0.3);}


/*案例展示*/
.case{width:100%; float:left; margin:20px 0; background:#f7f9f6; padding:40px 0 20px 0;}
.c_con{width:100%; float:left; margin:20px 0;}
.con{ height:261px;overflow:hidden;}
.c_con li{position: relative;margin:0 8px; float:left;}
.c_con ul li>a{display: block;overflow: hidden;width:274px;height:261px;}
.c_con ul li>a>img{width:262px; height: 205px; padding:5px;border:1px solid #ccc;}
.c_con ul li span{display: block; width: 100%;height: 44px;line-height: 44px; color:#333; font-size:16px;}
.c_con ul li>a:hover img{border:1px solid #068f01;}

/*关于我们*/
.about{width:100%; margin:20px 0; position:relative; float:left;}
.ab_con{background:#fff; overflow:hidden;}
.ab_pic{width: 546px;height: 334px; float:left;}
.ab_pic img{width: 546px;height: 334px;}
.ab_nr{width: 606px;float: right;}
.ab_nr h3{font-size: 40px;width:100%;height: 75px;line-height: 75px;background: url(../images/khtb.jpg) no-repeat center;text-align:left; color:#068f01;}
.ab_nr p{ font-size:16px; color:#333; line-height:30px; margin-top:20px; text-align:left;}
.ab_nr em{font-size: 16px;width: 142px;height: 44px;line-height: 44px;text-align: center;display: block;border: 2px solid #068f01;float: left;margin-top: 18px;}


/*新闻资讯*/
.news{width:100%; float:left; position:relative; margin:20px 0;}
.new_con{width:100%; float:left; margin:20px 0;}
.nt{width:100%; height:100px; background:url(../images/nt.png) no-repeat center top; font-size:30px; color:#222;}
.nt span{ font-size:30px; color:#068f01;}
.nt p{ font-size:18px; color:#fff; padding-top:30px;}
.new_con{ margin:40px 0 20px 0; position:relative; float:left;width:100%;}
.n_left{width:550px; float:left;}
.n_right{width:600px; float:right;}
.nnav{width:100%; float:left;}
.nnav li{ display:inline-block;*display:inline; margin:0 20px;}
.nnav li a{display:inline-block;*display:inline; width:150px; height:40px; background:#068f01; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; color:#fff; line-height:40px; font-size:16px;}
.nnav li a:hover{ background:#ff8f0b;}
.nr{width:100%; float:left;}
.nr li{ float:left; width:100%; margin-top:20px; border-bottom:1px dashed #999; padding-bottom:10px;}
.nr li a{ font-size:16px; color:#333; text-align:left; display:block; padding-bottom:10px;}
.nr li span{border:1px solid #e2e2e2; padding:5px 10px;float:right; font-size:12px;}
.nr li p{ text-align:left; font-size:14px; color:#666; line-height:24px;}
.nr li a:hover{ color:#02913f;}
#np{width: 100%;margin-left: auto;margin-right: auto; }
#np .item {display: block;height:340px; overflow:hidden;}
#np img {display: block; width: 100%;}


/*footer*/
.footer{width: 100%;float:left;color: #FFF;background: #50af49;}
.footer a{color: #FFF;}
.f_top{width:100%; padding:30px 0 20px 0; float:left;}
.ftl{width:700px;  float:left; padding-top:15px;}
.ftm{width:450px; line-height:30px; float:left; padding-left:40px;color:#aceca8;background:url(../images/leftft.png) 0 30px no-repeat; text-align:left;}
.ftm span a{ font-size:30px; line-height:40px; font-weight:bold;color:#fff;}
.ftm span a:hover{color:#aceca8;}
.ftbg{ background:#068f01; width:100%; height:50px; line-height:50px; text-align:center; float:left;}
.ft{ color:#73d46f;}

.icon {background: url(../images/icon.png) no-repeat;display: inline-block;vertical-align: middle;}
/*boxleft*/
.left-tit{width: 100%; text-align: center; line-height: 40px; font-size: 40px; font-weight: bold; padding: 15px 0 20px 0; position: relative; margin-bottom: 20px; color: #fff; background: url(../images/lefttitbg.png) no-repeat center bottom;}
.left-tit.left-tit2{font-size: 30px; padding-bottom: 19px; *padding-top: 1px;}
.leftCon{width: 260px; float: left; padding: 26px 0 15px; background:#068f01;}
.leftCon .leftpro .item{width: 220px; margin: 0 auto 10px; }
.leftCon .leftpro .item a{width: 100%; display: block;}
.leftCon .leftpro .item img{width: 220px; height: 165px; display: block; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.leftCon .leftpro .item h3{text-align: center; height: 50px; line-height: 50px; color: #fff; font-size: 16px;}
.leftCon .leftpro .item:hover h3{color: #ffde00;}
.leftNav{width: 260px; margin-bottom: 20px;}
.leftNav li{ width: 80%; margin: 0 auto 10px; height: 43px; line-height: 43px; position: relative; border: 1px solid #fff; }
.leftNav li a{display: block; font-size: 16px; text-align: center; color: #fff;}
.leftNav li:hover,
.leftNav li.hover{background: #fff;}
.leftNav li.hover a,.leftNav li:hover a{color:#068f01;}
.content{width:900px; float: right; overflow: hidden;}


/*面包屑*/
.location{width: 100%; padding-bottom: 10px; margin-bottom:10px; position: relative; border-bottom:1px solid #ddd;}
.location:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.location h3{font-size: 20px; float:left;}
.location .sitepath{ color: #333333; margin-top: 8px; white-space: nowrap;}
.location .sitepath s{width: 16px; height: 17px; background-position: -30px 0px; margin: 0 6px;}
.location .sitepath a{color: #333333;}
.location .sitepath a:hover{color: #c21d24;}

/*右边主体*/
.content {width: 900px;float: right;}
.singlePage img{max-width: 100%; height: auto !important;}
.singlePage .txtcon{line-height: 32px;text-align:left;}



/*产品展示页面*/
.prolist .item{width: 280px; height: 255px; padding-top: 10px; overflow: hidden; float: left; margin: 0 26px 26px 0; position: relative; border: 1px solid #ddd; transition: all ease 300ms; text-align: center;}
.prolist .item a{display: block; width: 100%;}
.prolist .item:nth-child(3n){ margin-right:0;}
.prolist .item img{width: 260px; height: 195px; display: block; margin: 0 auto; }
.prolist .item h3{ height: 60px; line-height: 60px; padding: 0 12px; font-size: 16px; font-weight: normal; color: #333; overflow: hidden; transition: all ease 300ms;}
.prolist .item .xcx{ width: 260px; height: 240px; padding: 20px 0 0; z-index: 10; position: absolute; left: 40px; top: 10px; background: #000; opacity: 0; filter: alpha(opacity=0); transition: all ease 300ms; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.prolist .item .xcx span{width: 100%; text-align: center; display: block; position: absolute; left: 0; top: 24px; z-index: 10; font-size: 16px; color: #333;}
.prolist .item .xcx img{width: 166px; height: 166px; padding: 40px 10px 10px; border-radius: 10px; display: block; margin: 0 auto; background: #fff;}
.prolist .item:hover{ border-color: #068f01; }
.prolist .item:hover h3{color: #068f01;}
.prolist .item:hover .xcx{opacity: 1; filter: alpha(opacity=100); left: 10px;}



/*新闻详情*/
#newTitle{ line-height:45px; font-size:25px; text-align:center;}
#newsInfo{ height:32px; line-height:32px; text-align:center; border-bottom:solid 1px #f1f1f1; margin:10px;}
.newsinfoleft {padding-left: 30px;}
#newsInfo i{ margin-right: 5px; }
.xxsmys{ width:600px; height:30px; line-height:30px; background-color:#ececec;}
.xxsmwz{ width:88px; height:30px; color:#FFF; text-align:center; display:block; background-color:#9a9a9a;}
.pageys{ width:59px; height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center;}
.pageys:hover{color:#ff6c00}
.pageys1{ width:20px;height:21px; line-height:21px; border:#e5e5e5 solid 1px; display:block; float:left; text-align:center; margin-left:5px;}
.pageys2{ float:left; padding-left:5px;height:21px; line-height:21px; }
#infoImage{width:100%;text-align:center;margin:10px 0 10px 0;}
#infoImage img{ max-width:100%; padding:3px; border:#dcdcdc solid 1px;}
#newsContent{ margin:0 auto;line-height:32px; padding:10px;}
#newsContent img{max-width:100%; }


/*Related*/
.related{ padding:10px; float: left; width: 100%;}
.related p{ height:25px; font-weight:bold; border-bottom:solid 1px #F1F1F1;}
.related ul { width:100%; padding:10px 0px;float:left;}
.related ul li{ width:50%; height:30px; line-height:30px; float:left;}
.related ul li b{ float:left;}
.related ul li a{ float:left; margin-left:5px; display:inline; color:#666;}
.related ul li a:hover{ color:#FF7800;}
.newsInfo{ height: 64px; margin-top: 15px; line-height: 64px; color:#999999;  border-top:solid 1px #E6E6E6; border-bottom:solid 1px #E6E6E6; }
.newsInfo i{ margin-right: 5px; }
.sha{ margin-right: 10px; }
.sha a{ float: left;margin-left: 10px;}
.sha a:hover{ animation: swing 1s; }
.sha span{ float: left; }


/*上一条下一条*/
#prev_next{margin: 10px 10px;clear: both;overflow: hidden; }
#prev_next li{margin: 10px 0;}
#prev_next li i{ margin-right: 5px; }
#prev_next li a:hover{ color: #FF7800; }



/*新闻页面*/
.txtimglist .item{width:868px; height: 138px; padding: 15px; margin-bottom:30px; transition: all ease 300ms;  border: 1px solid #ddd; }
.txtimglist .item a{width: 100%; display: block;}
.txtimglist .item img{width: 184px; height: 138px; display: block; margin-right:30px;}
.txtimglist .item h3{font-size: 18px; color: #333; padding: 12px 0 16px; transition: all ease 300ms; text-align:left;}
.txtimglist .item .txt{color: #999; line-height: 24px; height: 48px; padding-right: 64px; overflow: hidden; text-align:left;}
.txtimglist .item .time{width: 100px; padding-top: 28px; line-height: 24px; font-family: arial; font-size: 16px; color: #999;}
.txtimglist .item .time .day{font-size: 34px; line-height: 40px; display: block;}
.txtimglist .item .time s{width: 54px; height: 8px; display: block; margin-top: 20px; background-position: -98px 0;}
.txtimglist .item:hover{ border-color: #068f01; }
.txtimglist .item:hover h3{color: #068f01; text-indent: 10px;}


/*咨询留言*/
.msgPage .title{font-size: 32px; color: #047fcc; text-align: center; padding: 22px 0 20px;}
.msgPage .formData{width: 649px; margin: 0 auto;}
.formData{padding: 20px 0 58px;}
.formData .im{width: 192px; padding-left: 115px; height: 52px; line-height: 52px; float: left; color: #999; border: 1px solid #d8d8d8; margin-right: 31px; margin-bottom: 18px; position: relative;}
.formData .im label{padding-left: 36px; position: absolute; left: 0; top: 0; z-index: 11; text-align: center; display: block; margin: 0; height: 52px; line-height: 52px; font-size: 16px; color: #999999;}
.formData .im label s{width: 18px; height: 18px; position: absolute; left: 8px; top: 18px; background: url(../images/msg-ico.png) no-repeat 0 center;}
.formData .im input{outline: none; background: none; border: 0 none; line-height: 35px; height: 35px; font-size: 14px;}
.formData .im .txt{width: 100%; height: 52px; line-height: 52px; display: block; color: #333; font-size: 14px;}
.formData .im .red{position: absolute; right: 15px; top: 0; color: #ff0000; z-index: 11;}
.formData .im.mr0{margin-right: 0;}
.formData .im.a1 label s{top: 16px; background-position: 0 center;}
.formData .im.a2 label s{top: 17px; background-position: -34px center;}
.formData .im.a3 label s{background-position: -64px center;}
.formData .im.a4 label s{background-position: -96px center;}
.formData .im.a5{width: 532px;}
.formData .im.a5 label s{width: 25px; left: 9px; top: 17px; background-position: -125px center;}
.formData .msg-box{position: absolute; left: 0; top: 0px;}
.formData .liuyan{width: 617px; height: 116px; float: left; padding: 15px 15px;}
.formData .liuyan label{height: 26px; line-height: 26px; padding: 0; left: 15px; top: 15px;}
.formData .liuyan textarea{width: 100%; height: 116px; line-height: 26px; text-indent: 42px; font-size: 14px; font-family: "microsoft yahei"; color: #333; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none;}
.formData .btnbox{width: 100%; float: left;}
.formData .btnbox input{width: 190px; height: 55px; line-height: 55px; text-align: center; background: #28a815; color: #fff; cursor: pointer; font-size: 22px; display: inline-block; *display: inline; *zoom: 1;}
.formData .btnbox input:hover{background: #bc070e; color: #fff;}
.formData .btnbox input.btn1{margin: 0 150px 0 60px;}
.formData .btnbox input.btn2{background: #999999;}
.formData .btnbox input.btn2:hover{background: #bc070e; color: #fff;}
.formData .yzm{width: 432px;}
.formData .yzm .txt{padding-left: 80px;}
.formData .yzm img{position: absolute; right: 0; top: 0; height: 50px; border: 0px; display: block;}

/*在线客服*/
.rightFix { width: 60px; height: 222px; position: fixed; right: 10px; bottom: 250px; z-index: 99; }
.rightFix .ico { width: 60px; height: 60px; display: block; position: relative; overflow: hidden; margin-top: 10px; border-radius: 60px; border: 1px solid #28a815; margin-bottom: 5px; background: #ffffff url(../images/fix-ico.png) no-repeat center 0; }
.rightFix .ico .box { width: 120px; position: absolute; left: -78px; top: 0; text-align: center; padding: 5px; background: #28a815; border: 1px solid #ddd; display: block; opacity: 0; filter: alpha(opacity=0); border-radius: 5px; background: #fff; }
.rightFix .ico .box img { width: 110px; height: 110px; display: block; }
.rightFix .ico span { width: 210px; text-align: center; height: 60px; line-height: 60px; position: absolute; left: -78px; top: 0; background: #28a815; color: #fff; display: block; font-weight: bold; font-size: 18px; opacity: 0; filter: alpha(opacity=0); transition: all ease-in-out 0.2s; border-radius: 60px; }
.rightFix .ico:hover { background-color: #28a815; border-color: #28a815; overflow: visible; }
.rightFix .ico:hover .box { opacity: 1; filter: alpha(opacity=100); left: -140px; }
.rightFix .ico:hover span { opacity: 1; filter: alpha(opacity=100); left: -215px; }
.rightFix .fix-tel { background-position: 11px 12px; }
.rightFix .fix-tel:hover { background-position: -33px 12px; }
.rightFix .fix-qq { background-position: 17px 19px; }
.rightFix .fix-qq:hover { background-position: -27px 19px; }
.rightFix .fix-ewm { background-position: 17px -35px; }
.rightFix .fix-ewm:hover { background-position: -27px -35px; }
.rightFix .fix_top { background-position: 18px -91px; }
.rightFix .fix_top:hover { background-position: -27px -91px; }
.rightFix .fix-form { background-position: 10px -234px; }
.rightFix .fix-form span { font-size: 14px; line-height: 23px; width: 180px; }
.rightFix .fix-form:hover { background-position: -37px -234px; }

.ewmbox2 { width: 300px; height: 320px; padding-top: 20px; background: #fff; z-index: 9999; position: fixed; left: 50%; top: 50%; margin: -170px 0 0 -150px; text-align: center; font-size: 16px; display: none; }
.ewmbox2 .close { width: 32px; height: 32px; position: absolute; top: -25px; right: -40px; cursor: pointer; border-radius: 100%; background: #f3f3f3 url(../images/dialogClose.png) no-repeat center center; transition: all ease 300ms; }
.ewmbox2 .close:hover { transform: rotate(180deg); }
.ewmbox2 img { width: 260px; height: 260px; display: block; margin: 0 auto 10px; }