@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700&display=swap');
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin: 0;}
body{ font-size: 16px; color: #333; overflow-x: hidden; font-family:'Noto Sans SC',sans-serif; font-weight: 300; padding-top: 80px;}
ul,li,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,header,footer{ list-style: none; padding: 0; margin: 0; display: block;}
input,textarea,select{ outline:none; font-family: "Microsoft YaHei",微软雅黑, sans-serif; }
::-webkit-input-placeholder {color: #bdbdbd;}
::-moz-placeholder {color: #bdbdbd;}
:-ms-input-placeholder {color: #bdbdbd;}

a { text-decoration: none; color:#333; transition: color 0.56s ease;}
a:hover{ color: #95b648;}

.clearfix:after{content:"";height:0;line-height:0;display:block;visibility:hidden;clear:both}
.clearfix{zoom:1;}
.clear{ clear:both}
.overflow{overflow-y:hidden;}

.fl{float: left;}
.fr{float: right;}

/* 水平镜像翻转 */
.mirrorRotateLevel img{transition: all .4s;-webkit-transition: all .4s;}
.mirrorRotateLevel:hover img {-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);-o-transform:scaleX(-1);transform:scaleX(-1);/*兼容IE*/ filter:FlipH;}
/*图片放大*/
.imgZoom img{transition: all .4s;-webkit-transition: all .4s;}
.imgZoom:hover img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1);}
/*图片旋转*/
.imgRotate img{-webkit-transition:-webkit-transform 2s ease-out;-moz-transition:-moz-transform 2s ease-out;-o-transition:-o-transform 2s ease-out;-ms-transition:-ms-transform 2s ease-out;}
.imgRotate img:hover{-webkit-transform:rotateZ(360deg);-moz-transform:rotateZ(360deg);-o-transform:rotateZ(360deg);-ms-transform:rotateZ(360deg);transform:rotateZ(360deg);}
/*按钮鼠标经过变暗*/
.wlp-button:hover{filter:alpha(opacity=90);background-image:-webkit-linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;background-image:linear-gradient(transparent,rgba(0,0,0,.05) 40%,rgba(0,0,0,.1))!important;}
/*鼠标经过有阴影*/
.wlp-shadow:hover{box-shadow: 0 0 20px rgba(0,0,0,0.3)!important;}
/*鼠标经过上浮并加阴影*/
.wlp-flow-shadow{-webkit-transition:all .5s;transition:all .5s;}
.wlp-flow-shadow:hover{transform:translate3d(0, -5px, 0);-webkit-transform:translate3d(0, -8px, 0);-webkit-box-shadow:0 0px 10px #e9e9e9;box-shadow:0 0px 10px #e9e9e9;}
/*图片经过遮罩*/
.wlp-filter:hover img{ filter:alpha(opacity=70); -moz-opacity:0.7; -webkit-opacity: 0.7; opacity: 0.7;}

img{ display: inline-block; vertical-align:middle;max-width:100%;max-height:100%;height: auto; border: none;}

.wrap{ width: 1300px; margin: 0 auto;}

/*顶部*/
.header{ width: 100%; height: 80px; background: #fff; position: fixed; top: 0; left: 0; z-index: 99999; box-shadow: 0 0 5px rgba(0,0,0,0.15);}
.header .wrap{ position: relative; }
.header .logo{ float: left; padding-top: 8px; }
.header .nav{float: right; margin-top: 30px; margin-right: 77px; padding-right: 25px; border-right: #888 solid 1px;}
.header .nav ul li{ float: left;}
.header .nav ul li a{ font-size: 18px; color: #333; line-height: 20px;  padding: 0 27px; display: block;  }
.header .nav ul li a:hover,.header .nav ul li.focus a{ color: #95b648; }
.header .searchBtn{ width: 22px; height: 22px; background:url(../images/icon01.png) no-repeat center; cursor: pointer; position: absolute; right: 0; top: 30px; }
.header .menu-toggle{display: none;}

/*首页bannner*/
.banner {height:690px;}
.banner .swiper-container{  overflow:hidden; width: 100%; height:690px;}
.banner .swiper-container .swiper-slide{ width:100%; height:690px;}
.banner .swiper-container .swiper-slide a{ width:100%; height:690px; display: block;}
.banner .swiper-container .swiper-slide video{ width: 100%; }
.banner .swiper-container .pagination {position: absolute;left: 0;text-align: center; bottom:30px;width: 100%;}
.banner .swiper-container .swiper-pagination-switch {display: inline-block;width: 12px;height: 12px;border-radius: 10px;background: #fff;margin: 0 5px;cursor: pointer;}
.banner .swiper-container .swiper-active-switch { background: #fea800;}

/*内页banner*/
.nei_banner{ width: 100%; height: 450px; background-repeat: no-repeat; background-position: center; background-size: cover;}

/*大标题*/
.ititle{text-align: center; margin-bottom: 55px; position: relative; z-index: 11;}
.ititle h2{font-size: 35px;font-weight: normal; color: #333; line-height: 1; position: relative; padding-bottom: 15px; margin-bottom: 15px;}
.ititle p{font-size: 16px;color: #666; line-height: 1.4; padding: 0 195px;}
.ititle h2:after{ content: ""; width: 63px; height: 4px; background: #fea800; position: absolute; left: 50%; bottom: 0; margin-left: -31px;}

/*首页简介*/
.iabout{ padding: 120px 0; border-bottom: #d9d9d9 solid 2px; background:url(../images/aboutBg.jpg) no-repeat center; background-size: cover;}
.iabout .wrap{ position: relative;}
.iabout .box{ width: 50%; }
.iabout .box dl{ overflow: hidden; margin-bottom: 28px;}
.iabout .box dl h2{ font-size: 35px;font-weight: normal; color: #333; line-height: 1; float: left; position: relative; padding-bottom: 22px; margin-right: 8px;}
.iabout .box dl h2:after{ content: ""; width: 63px; height: 4px; background: #fea800; position: absolute; left: 0; bottom: 0;}
.iabout .box dl p{ font-size: 16px; color: #999999; float: left; margin-top:15px;}
.iabout .box .con{font-size: 18px; line-height: 1.7;}
.iabout .box .more{ width: 180px; height: 50px; line-height: 50px; text-align: center; background: #95b648; color: #fff; font-size: 18px; display: block; margin-top: 40px; transition: all .4s;-webkit-transition: all .4s;}
.iabout .box .more:hover{ background: #718d2e;}

/* 首页产品 */
.ipro{ padding: 55px 0 100px;}
.ipro .box{ padding: 0 84px;}
.ipro .swiper-container { width: 100%; padding-bottom: 65px;}
.ipro .swiper-slide {background: #d7e0c8;background: -webkit-linear-gradient(left bottom,#f0f8fb,#d1dbbc); background: -moz-linear-gradient(left bottom,#f0f8fb,#d1dbbc); }
.ipro .swiper-slide ol{padding:50px 40px 40px;}
.ipro .swiper-slide dl{ overflow: hidden; padding-bottom: 71.428%;position: relative;}
.ipro .swiper-slide dl img{position:absolute;top:0; bottom:0;left:0;right:0; margin:auto;}
.ipro .swiper-slide p{  width: 100%; line-height: 86px; font-size: 20px; color: #fff; text-align: center; background: #d7e0c8;background: -webkit-linear-gradient(left,#8cae3f,#b2d563); background: -moz-linear-gradient(left,#8cae3f,#b2d563);}
.ipro .swiper-scrollbar {height:5px; width: 100%; left: 0; bottom: 5px; position: absolute; background: #e7e7e7;}
.ipro .swiper-scrollbar-drag {height: 100%;width: 100%;position: relative;background: #fea800;}
.ipro .swiper-scrollbar-cursor-drag {cursor: move;}

/* 首页新闻 */
.inews{ padding: 64px 0 90px; position: relative;}
.inews:after{content: ""; width: 100%; height: 450px; background: #e7e7e7; position: absolute; top: 0; left: 0;}
.inews .box{ position: relative; z-index: 11; padding:0 84px;}
.inews .box ul{ margin: 0 -12px;}
.inews .box ul li{ width: 25%; float: left; padding: 0 12px;}
.inews .box ul li .con{ height: 242px; position: relative;}
.inews .box ul li .con .newsText{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 22; background: #fff; padding: 40px; transition: all .4s;-webkit-transition: all .4s;}
.inews .box ul li .con .newsText span{ color: #999; line-height: 1; transition: color .4s;-webkit-transition: color .4s;}
.inews .box ul li .con .newsText span b{ color:#333; font-size: 20px; transition: color .4s;-webkit-transition: color .4s;}
.inews .box ul li .con .newsText h3{font-size: 18px; font-weight: 300; color:#333; margin-bottom: 10px; margin-top: 15px;overflow: hidden; text-overflow:ellipsis;  white-space: nowrap; transition: color .4s;-webkit-transition: color .4s;}
.inews .box ul li .con .newsText p{font-size: 15px; color:#999;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; transition: color .4s;-webkit-transition: color .4s;}
.inews .box ul li ol{  height: 74px; line-height: 74px; color: #333; background: #dedede url(../images/icon02-1.png) no-repeat right 14px center; padding-left: 28px;}
.inews .box ul li a:hover .con .newsText{ background:rgba(4,32,61,0.75);}
.inews .box ul li a:hover .con .newsText span{ color: #fff;}
.inews .box ul li a:hover .con .newsText span b{ color: #fff;}
.inews .box ul li a:hover .con .newsText h3{ color: #fff;}
.inews .box ul li a:hover .con .newsText p{ color: #fff;}
.inews .more{ width: 198px; height: 48px; line-height: 46px; color: #999; text-align: center; border: #dfdfdf solid 2px; border-radius: 48px; margin:48px auto 0; display:block; transition: all .4s;-webkit-transition: all .4s;}
.inews .more:hover{ background: #95b648; color: #fff; }
 
/* 首页案例 */
.icase{ padding: 60px 0 90px; background:url(../images/caseBg.jpg) no-repeat center; background-size: cover;}
.icase .ititle h2{ color:#fff;}
.icase .ititle p{ color:#fff;}
.icase .box{}
.icase .box ul{ margin: 0 -13px;}
.icase .box ul li{ float: left; width: 20%; padding: 0 13px; margin-bottom: 10px;}
.icase .box ul li dl{ background: #fff;}
.icase .box ul li dl:hover{ box-shadow:0 0 10px rgba(0,0,0,0.7);}
.icase .more{ width: 198px; height: 48px; line-height: 44px; color: #fff; text-align: center; border: #fff solid 2px; border-radius: 48px; margin:48px auto 0; display:block; transition: all .4s;-webkit-transition: all .4s;}
.icase .more:hover{ background: #fff;border: #fff solid 2px; color: #333;}

/*内页大标*/
.title{ text-align: center;  margin-bottom: 60px; position: relative;}
.title:after{ content: ''; width: 100%; height: 1px; background: #e7e7e7; position: absolute; left: 0; top: 50%;}
.title h2{font-size: 33px; color: #333; line-height: 1; font-weight: 400; display: inline; background: #fff; padding: 0 40px; position: relative; z-index: 11;}
.title h2:before{ content:""; width: 60px; height: 3px; background: #95b648; position: absolute; right: -60px; top: 50%; margin-top:1px; }
.title h2:after{ content:""; width: 60px; height: 3px; background: #95b648; position: absolute; left: -60px; top: 50%; margin-top:1px; }

.about{ padding: 50px 0; border-bottom: #e7e7e7 solid 1px; }
.about .text{ font-size: 18px; color: #666; line-height: 1.8; padding: 20px 0; }
.about img{ float: left; }
.about .box{ float: left; width: 55%; height: 455px; background: #f4f4f4; padding: 40px; position: relative; z-index: 11; margin-left: -7.6%; margin-top: -36px; display: table;}
.about .box dl{ display: table-cell; vertical-align: middle; }

.proNav{ background: #95b648; padding: 28px 0; }
.proNav .box ul li{ width:12.5%; padding: 0 5px; float: left; }
.proNav .box ul li .con{position: relative; z-index: 11; }
.proNav .box ul li dl.tit{background: #fff url(../images/icon12.png) no-repeat right 20px center; }
.proNav .box ul li dl{ background: #fff; line-height: 48px; border-radius: 5px; padding: 0 20px; position: relative; z-index: 22; cursor: pointer; }
.proNav .box ul li ol{ width: 100%; background: #fea800; padding:20px 20px 20px; border-radius: 5px; position:absolute; left:0px; top: 40px; z-index: 1; display: none;}
.proNav .box ul li ol a{display: block; color: #ffffff; line-height: 2;}
.proNav .box ul li ol a:hover{ text-decoration: underline; }
.proNav .box ul li .con:hover{ z-index: 9999; }
.proNav .box ul li .con:hover dl.tit{background: #fea800 url(../images/icon13.png) no-repeat right 20px center;}
.proNav .box ul li .con:hover dl{ background: #fea800;  color: #333333; box-shadow: 0 0 10px rgba(0,0,0,.3); }
.proNav .box ul li .con:hover dl a{ color: #ffffff; }
.proNav .box ul li .con:hover ol{display: block; }

.products{padding: 50px 0 80px;}
.products .box{ margin-bottom: 30px; }
.products .box ul{ margin: 0 -13px; overflow: hidden; }
.products .box ul li{ width: 25%; padding: 0 13px; margin-bottom: 10px; float: left; }
.products .box ul li dl{ overflow: hidden; position: relative; padding-bottom: 72.428%;  border:#eee solid 2px;}
.products .box ul li dl img{position:absolute;top:0; bottom:0;left:0;right:0; margin:auto;}
.products .box ul li p{ text-align: center; height: 40px; line-height: 40px; }

.proview{ padding: 30px 0 70px; }
.proview h1{ text-align: center; font-size: 26px; font-weight: normal; margin-bottom: 26px; }
.proview .box{ position: relative; }
.proview .prev,.proview .next{ position: absolute; top: 50%; text-align: center; transform: translateY(-50%)}
.proview .prev{ left: 60px; }
.proview .next{ right: 60px; }
.proview .prev img,.proview .next img{ display: block; }
.proview .box .pic{ width: 946px; margin: 0 auto; text-align: center;}
.proview .back{ width: 180px; height: 50px; line-height: 50px; text-align: center; background: #e5e5e5; color: #666; border-radius: 50px; font-size: 18px; display: block; margin: 30px auto 0; }
.proview .back:hover{ background: #95b648; color: #fff; }

/* 新闻 */
.news{ padding: 50px 0 90px; position: relative;}
.news .box{ position: relative; z-index: 11;}
.news .box ul{ margin: 0 -12px;}
.news .box ul li{ width: 33.33%; float: left; padding: 0 12px; margin-bottom: 45px;}
.news .box ul li .con{ height: 242px; position: relative;}
.news .box ul li .con .newsText{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 22; background: #fff; padding: 40px; transition: all .4s;-webkit-transition: all .4s; border:#dedede solid 1px;}
.news .box ul li .con .newsText span{ color: #999; line-height: 1; transition: color .4s;-webkit-transition: color .4s;}
.news .box ul li .con .newsText span b{ color:#333; font-size: 20px; transition: color .4s;-webkit-transition: color .4s;}
.news .box ul li .con .newsText h3{font-size: 18px; font-weight: 300; color:#333; margin-bottom: 10px; margin-top: 15px;overflow: hidden; text-overflow:ellipsis;  white-space: nowrap; transition: color .4s;-webkit-transition: color .4s;}
.news .box ul li .con .newsText p{font-size: 15px; color:#999;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; transition: color .4s;-webkit-transition: color .4s;}
.news .box ul li ol{  height: 74px; line-height: 74px; color: #333; background: #dedede url(../images/icon02-1.png) no-repeat right 14px center; padding-left: 28px; transition: all .4s;-webkit-transition: all .4s;}
.news .box ul li a:hover .con .newsText{ background:rgba(4,32,61,0.75); border: rgba(255,255,255,0) solid 1px;}
.news .box ul li a:hover .con .newsText span{ color: #fff;}
.news .box ul li a:hover .con .newsText span b{ color: #fff;}
.news .box ul li a:hover .con .newsText h3{ color: #fff;}
.news .box ul li a:hover .con .newsText p{ color: #fff;}
.news .box ul li a:hover ol{ color: #fff; background: #95b648 url(../images/icon02-2.png) no-repeat right 14px center;}

.newsView{padding: 50px 0 90px; }
.newsView .newsHead{text-align: center; margin-bottom: 20px;}
.newsView .newsHead h1{font-size: 25px; font-weight: normal; color: #333; line-height: 1.2; margin-bottom:10px;}
.newsView .newsHead p{font-size: 16px; color: #666;}
.newsView .back{ width: 140px; height: 40px; line-height: 40px; text-align: center;}
.newsView .back a{ background: #789435; color: #fff; display: block; margin: 60px 0;}
.newsView .newspage{ margin-top:60px; border-top: #d8d8d8 solid 1px;}
.newsView .newspage dl{color: #fea800; padding: 15px 0; margin-bottom: 10px; line-height: 1; border-bottom: #d8d8d8 solid 1px;}
.newsView .newspage dl span{float: right; color: #999;}


/*联系*/
.contact{ padding: 50px 0; }
.contact .box{}
.contact .box ul{ margin: 0 -23px;}
.contact .box ul li{ width:33.33%; float: left; padding: 0 23px; margin-bottom: 15px; }
.contact .box ul li ol{ border:#cecece dashed 2px; text-align: center; padding: 30px 30px 10px;}
.contact .box ul li ol i{ width: 50px; height: 50px; line-height: 50px; display: block; margin: 0 auto 10px;}
.contact .box ul li ol h3{font-size: 20px; font-weight: normal; color: #000;}
.contact .box ul li ol dl{ height: 50px;}

.message{padding: 45px 0 60px; background: url(../images/contactBg.jpg) no-repeat center; background-size: cover;}
.message dl{font-size: 28px; color: #fff; font-weight: normal; margin-bottom: 30px;}
.message ul{ overflow: hidden; margin:0 -18px 18px;}
.message ul li{ width: 50%; float: left; padding: 0 18px;}
.message ol{ margin-bottom: 18px;}
.message ul input{ width: 100%; height: 50px; line-height: 50px; border: none; font-size: 16px; padding-left: 20px;}
.message ol textarea{ width: 100%; height: 180px; border: none; font-size: 16px; padding: 20px;}
.message button{ width: 280px; height: 60px; background: #fea800; border: none; color: #fff; font-size: 20px; cursor: pointer;}

.fcontact{ background: #fff; }
.fcontact ul{ overflow: hidden; padding: 40px 0; }
.fcontact ul li{ float: left; font-size: 18px; line-height: 30px; }
.fcontact ul li.add{ background:url(../images/icon03.png) no-repeat left center; padding-left: 40px; margin-right: 100px;}
.fcontact ul li.tel{background:url(../images/icon04.png) no-repeat left center; padding-left: 40px;}
.fcontact ul li.email{float: right; background:url(../images/icon05.png) no-repeat left center; padding-left: 40px;}

.footer .fmain{ background: #f4f4f4; padding: 35px 0;}
.footer .fmain dl{ font-size: 20px; color: #000; padding-bottom: 10px; margin-bottom: 20px; border-bottom: #cccccc solid 1px; }
.footer .fmain ul{ overflow: hidden; }
.footer .fmain ul li{width: 14.28%; float: left;}
.footer .fmain ul li ol{ margin-bottom: 10px; }
.footer .fmain ul li ol a{  font-size: 16px; color: #fea800; }
.footer .fmain ul li a{ display: block; font-size: 15px; color: #888; line-height: 1.6; }
.footer .fmain ul li a:hover{  color: #fea800; }
.footer .copyright{ background: #95b648; color: #fff; font-size: 16px; line-height: 66px; }
.footer .copyright a{ color: #fff; }
.footer .copyright a:hover{ text-decoration: underline;}

/*===/分页=============================*/
.fenye{ padding: 10px 0; text-align: center; font-size:18px;}
.off{  padding:8px 17px; background:#e2e2e2; color:#000; margin:0 10px;}
a.off:hover{ background:#fea800; color:#fff; }
.fenye a{ line-height:1;color:#000; padding:8px 17px; margin-right:10px;background:#e2e2e2;}
.fenye a:hover{color:#fff;background:#fea800; }
.fenye a.fenyeon{ line-height:1; background:#fea800; color:#FFF;}

/*搜索框*/
.search-dialog-box{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999999;}
.search-dialog-box .black{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .8);}
.search-dialog{position: absolute;left:50%;top:50%;box-sizing:border-box;width: 680px;padding: 20px 30px;transform: translate(-50%,-50%);background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,.33);border-radius:50px;}
.search-dialog input[type=text]{float: left;width: 86%;border: none; padding: 0;font-size:18px;line-height: 28px; height:28px;color: #999; background-color: #fff;border-radius: 0;}
.search-dialog input[type=submit] {float: right; width:28px; height:28px; background-repeat: no-repeat; background-position: center; background-size: 100%; border: none; padding: 0; background-image: url(../images/search-btn.png);background-color: transparent; cursor: pointer;}

.footerMenu{display: none;}

/*客服*/
.izl-rmenu{
	       margin-right: 0;
	       width: 82px;
	       position: fixed;
	       right: 2px;
	       top: 65%;
	       -webkit-box-shadow:rgba(0,0,0,0.2) 0px 1px 5px;
	       -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 5px;
	       box-shadow: rgba(0,0,0,0.2) 0px 1px 5px;
	       z-index:999;
}
.izl-rmenu .consult{    
	background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center -77px;
    display: block;
    height: 76px;
    width: 82px;
}
.izl-rmenu .consult .phone {
    background-color: rgb(247,247,255);
    position: absolute;
    width: 160px;
    left: -160px;
    top: 0px;
    line-height: 73px;
    color: #000;
    font-size: 18px;
    text-align: center;
    display: none;
    box-shadow: #DDD -1px 1px 4px;
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    height: 16px;
    width: 16px;
    font-size: 12px;
    line-height: 16px;
    color: #45BDFF;
    text-align: center;
    padding-top: 15px;
    padding-right: 18px;
    padding-bottom: 47px;
    padding-left: 64px;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
    background-image: url(../images/float_top.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 39px;
    width: 82px;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
	background-image: url(../images/float_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.izl-rmenu .cart .pic {
	display:none;
    position: absolute;
    left: -160px;
    top: 65px;
    width: 160px;
    height: 160px;
    background:url(../images/weixin.jpg);
}
#udesk-feedback-tab {
    position: fixed;
    right: 2px;
    top: 65%;
    margin-top: -76px;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px -1px 5px;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px -1px 5px;
    box-shadow:rgba(0,0,0,0.2) 0px -1px 5px;
    z-index: 10000;
    cursor: pointer;
    background-image: url(../images/consult_icon.gif);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 76px;
    width: 82px;
    background-color: #FFF!important;
    z-index:999;
}

@media screen and (max-width:1340px){
.wrap{ width: 100%; padding: 0 20px;}

.header .searchBtn{ right: 20px; }

/*首页bannner*/
.banner {height:650px;}
.banner .swiper-container{ height:650px;}
.banner .swiper-container .swiper-slide{  height:650px;}
.banner .swiper-container .swiper-slide a{  height:650px; }

.ipro .box,.inews .box{ padding: 0 15px;}

.about img{ width: 50%; }
.about .box{ width: 50%; margin-left:0;}

.proNav .box ul li{ font-size: 14px; padding: 0 2px;}
}

@media screen and (max-width:1024px){

body{ padding-top: 60px; padding-bottom: 60px; }
.wrap{ width: 100%; padding: 0 15px;}

/*顶部*/
.header{ width: 100%; height: 60px;}
.header .logo{ float: left; padding-top: 8px; }
.header .logo img{ height: 40px; }
.header .nav{float: none; width: 100%; height:calc(100vh - 60px); background: #fff; margin-top: 0; margin-right: 0; padding-right: 0; border-top: #eee solid 1px; border-right:none;position: fixed; top: 60px; left: 0; display: none;}
.header .nav ul li{ float: none; border-bottom: #eee solid 1px; }
.header .nav ul li a{ font-size: 16px; color: #333; line-height: 50px;  padding: 0 15px; display: block;  }
.header .nav ul li a:hover,.header .nav ul li.focus a{ color: #95b648; }
.header .searchBtn{ width: 22px; height: 22px; background:url(../images/icon01.png) no-repeat center; cursor: pointer; position: absolute; right: 70px; top: 20px; }

.header .menu-toggle{ width:60px; height:60px; position:absolute; right:0px; top:0;  z-index:99999; display:block;transition: all .4s;-webkit-transition: all .4s;}
.header .menu-toggle span{ width:35px; height:2px; background:#666;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}
.header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#666;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}
.header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#666;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}
.header .menu-toggle.cur span{background-color:transparent;}
.header .menu-toggle.cur span:before{transform:rotate(45deg); top:0px;}
.header .menu-toggle.cur span:after{transform:rotate(-45deg); top:0px;}

/*首页bannner*/
.banner {height:230px;}
.banner .swiper-container{  overflow:hidden; width: 100%; height:230px;}
.banner .swiper-container .swiper-slide{ width:100%; height:230px;}
.banner .swiper-container .swiper-slide a{ width:100%; height:230px; display: block;}
.banner .swiper-container .swiper-slide video{ width: 100%; }
.banner .swiper-container .pagination {position: absolute;left: 0;text-align: center; bottom:10px;width: 100%;}
.banner .swiper-container .swiper-pagination-switch {display: inline-block;width: 12px;height: 12px;border-radius: 10px;background: #fff;margin: 0 5px;cursor: pointer;}
.banner .swiper-container .swiper-active-switch { background: #fea800;}

/*内页banner*/
.nei_banner{ width: 100%; height: 120px;}

/*大标题*/
.ititle{text-align: center; margin-bottom:25px; position: relative; z-index: 11;}
.ititle h2{font-size: 22px;padding-bottom: 10px; margin-bottom: 10px;}
.ititle p{font-size: 14px;line-height: 1.4; padding: 0;}
.ititle h2:after{ content: ""; width: 63px; height: 2px; background: #fea800; position: absolute; left: 50%; bottom: 0; margin-left: -31px;}

/*首页简介*/
.iabout{ padding: 50px 0; border-bottom: #d9d9d9 solid 2px; background:url(../images/aboutBg.jpg) no-repeat center; background-size: cover;}
.iabout .wrap{ position: relative;}
.iabout .box{ width: 100%; }
.iabout .box dl{ overflow: hidden; margin-bottom: 28px;}
.iabout .box dl h2{ font-size: 22px;font-weight: normal; color: #333; line-height: 1; float: left; position: relative; padding-bottom: 15px; margin-right: 8px;}
.iabout .box dl h2:after{ content: ""; width: 63px; height: 2px; background: #fea800; position: absolute; left: 0; bottom: 0;}
.iabout .box dl p{ font-size: 14px; color: #999999; float: left; margin-top:15px;}
.iabout .box .con{font-size: 15px; line-height: 1.7;}
.iabout .box .more{ width: 150px; height: 40px; line-height:40px; font-size: 16px; margin: 30px auto 0; }

/* 首页产品 */
.ipro{ padding: 50px 0;}
.ipro .box{ padding: 0 15px;}
.ipro .swiper-container { width: 100%; padding-bottom: 0;}
.ipro .swiper-slide { width: 50%; margin-bottom: 10px; background: #d7e0c8;background: -webkit-linear-gradient(left bottom,#f0f8fb,#d1dbbc); background: -moz-linear-gradient(left bottom,#f0f8fb,#d1dbbc); }
.ipro .swiper-slide ol{padding:15px;}
.ipro .swiper-slide p{  width: 100%; line-height: 40px; font-size: 16px;}
.ipro .swiper-scrollbar {display: none;}

/* 首页新闻 */
.inews{ padding: 50px 0; background: #e7e7e7;}
.inews .box{ position: relative; z-index: 11; padding:0 15px;}
.inews .box ul{ margin: 0 -5px;}
.inews .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 10px;}
.inews .box ul li .con{ height: 200px; position: relative;}
.inews .box ul li .con .newsText{padding:20px 15px;}
.inews .box ul li .con .newsText span{ font-size: 14px;}
.inews .box ul li .con .newsText span b{ font-size: 18px;}
.inews .box ul li .con .newsText h3{font-size: 15px;  margin-bottom: 10px; margin-top: 10px;overflow: hidden; text-overflow:ellipsis;  white-space: nowrap; transition: color .4s;-webkit-transition: color .4s;}
.inews .box ul li .con .newsText p{font-size: 13px; color:#999;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; transition: color .4s;-webkit-transition: color .4s;}
.inews .box ul li .con dl{  height: 200px;}
.inews .box ul li ol{  height: 50px; line-height: 50px; background-size:25px auto; padding-left: 15px; font-size: 15px;}
.inews .more{ width: 150px; height: 40px; line-height: 36px; color: #999; text-align: center; border: #999 solid 1px; border-radius: 48px; margin:20px auto 0; display:block; transition: all .4s;-webkit-transition: all .4s;}
 
/* 首页案例 */
.icase{ padding: 50px 0 50px; }
.icase .box ul{ margin: 0 -5px;}
.icase .box ul li{ width: 33.33%; padding: 0 5px; margin-bottom: 10px;}
.icase .box ul li:last-child{display: none;}
.icase .more{ width: 150px; height: 40px; line-height: 36px; border: #fff solid 1px; margin:30px auto 0; }

/*内页大标*/
.title{ text-align: center;  margin-bottom: 30px; position: relative;}
.title:after{ content: ''; width: 100%; height: 1px; background: #e7e7e7; position: absolute; left: 0; top: 50%;}
.title h2{font-size:22px; color: #333; line-height: 1; font-weight: 400; display: inline; background: #fff; padding: 0 30px; position: relative; z-index: 11;}
.title h2:before{ content:""; width: 50px; height: 3px; background: #95b648; position: absolute; right: -40px; top: 50%; margin-top:1px; }
.title h2:after{ content:""; width: 50px; height: 3px; background: #95b648; position: absolute; left: -40px; top: 50%; margin-top:1px; }

.about{ padding: 50px 0 30px; border-bottom: #e7e7e7 solid 1px; }
.about .text{ font-size: 15px; color: #666; line-height: 1.8; padding: 20px 0; }
.about img{ float: none; width: 100%; }
.about .box{ float: none; width: 100%; height: auto; background: #f4f4f4; padding:20px; position: relative; z-index: 11; margin-left:0; margin-top: 0px; display: table;}
.about .box dl{ display: table-cell; vertical-align: middle; }

.proNav{ background: #95b648; padding: 20px 0; }
.proNav .box{ }
.proNav .box ul{ margin: 0 -2px; }
.proNav .box ul li{ width:50%; padding: 2px; float: left; }
.proNav .box ul li .con{position: relative; z-index: 11; }
.proNav .box ul li dl.tit{ background: #fff url(../images/icon12.png) no-repeat right 10px center;}
.proNav .box ul li dl{ font-size: 15px; background: #fff; line-height: 40px; border-radius: 5px; padding: 0 25px 0 15px; position: relative; z-index: 22; cursor: pointer; }
.proNav .box ul li ol{ width: 100%; background: #fea800; padding:10px 20px 20px; border-radius: 5px; position:absolute; left:0px; top: 35px; z-index: 1; display: none;}
.proNav .box ul li ol a{display: block; color: #fff; line-height: 2;}
.proNav .box ul li ol a:hover{ text-decoration: underline; }
.proNav .box ul li .con:hover{ z-index: 9999; }
.proNav .box ul li .con:hover dl.tit{ background: #fea800 url(../images/icon13.png) no-repeat right 10px center;}
.proNav .box ul li .con:hover dl{ background: #fea800;  color: #000; box-shadow: 0 0 0 rgba(0,0,0,.3); z-index: 99999; }
.proNav .box ul li .con:hover ol{display: block; }

.products{padding: 30px 0 50px;}
.products .box{ margin-bottom: 30px; }
.products .box ul{ margin: 0 -5px; overflow: hidden; }
.products .box ul li{ width: 50%; padding: 0 5px; margin-bottom: 5px; float: left; }
.products .box ul li p{  font-size: 15px;}

.proview{ padding: 30px 0 50px; }
.proview h1{ font-size: 22px; margin-bottom: 16px; }
.proview .box{ position: relative; }
.proview .prev,.proview .next{ position: absolute; top: 50%; font-size: 0; transform: translateY(-50%)}
.proview .prev{ left: 5px; }
.proview .next{ right: 5px; }
.proview .prev img,.proview .next img{ display: block; width: 50px; }
.proview .box .pic{ width: 100%; margin: 0 auto; }
.proview .back{ width: 140px; height: 40px; line-height: 40px; font-size: 16px; display: block; margin: 30px auto 0; }

/* 新闻 */
.news{ padding: 50px 0 40px; position: relative;}
.news .box{ position: relative; z-index: 11; margin-bottom: 40px;}
.news .box ul{ margin: 0 ;}
.news .box ul li{ width: 100%; float: none; padding: 0; margin-bottom: 15px;}

.newsView{padding: 40px 0 70px; }
.newsView .newsHead{margin-bottom: 30px;}
.newsView .newsHead h1{font-size: 22px; line-height: 1.2; margin-bottom:10px;}
.newsView .newsHead p{font-size: 14px; }
.newsView .back{  margin: 0 auto;}
.newsView .newspage{ margin-top:60px; }
.newsView .newspage dl{ padding: 15px 0; margin-bottom: 10px; line-height: 1.4;}
.newsView .newspage dl span{font-size: 15px; padding-left: 10px;}

/*联系*/
.contact{ padding: 50px 0 30px; }
.contact .box{}
.contact .box ul{ margin: 0 -5px;}
.contact .box ul li{ width:50%; float: left; padding: 0 5px; margin-bottom: 10px; }
.contact .box ul li ol{ border:#cecece dashed 2px; text-align: center; padding: 20px 10px 10px;}
.contact .box ul li ol i{ width: 40px; height: 40px; line-height: 40px;}
.contact .box ul li ol h3{font-size: 16px;}
.contact .box ul li ol dl{ height: 50px;font-size: 15px;}

.message{padding: 45px 0 50px;}
.message dl{font-size: 26px;margin-bottom: 30px; text-align: center;}
.message ul{ overflow: hidden; margin:0 -5px 10px;}
.message ul li{ width: 50%; float: left; padding: 0 5px;}
.message ol{ margin-bottom: 10px;}
.message ul input{ width: 100%; height: 50px; line-height: 50px; border: none; font-size: 15px; padding-left: 20px;}
.message ol textarea{ width: 100%; height: 150px; border: none; font-size: 15px; padding: 20px;}
.message button{ width: 100%; height: 50px; font-size: 18px;}

.fcontact ul{ overflow: hidden; padding: 20px 0; }
.fcontact ul li{ float: none; font-size: 14px; line-height: 30px; }
.fcontact ul li.add{ background-size: 15px auto;  padding-left: 20px; margin-right: 0;}
.fcontact ul li.tel{ background-size: 15px auto;  padding-left: 20px;}
.fcontact ul li.email{float: none;  background-size: 15px auto; padding-left: 20px;}

.footer { display: none;}


/*===/分页=============================*/
.fenye{ padding: 10px 0;  font-size:16px;}
.off{  padding:6px 14px;margin:0 5px;}
.fenye a{padding:6px 14px; margin-right:5px;}

.search-dialog{ width: 90%; }

/*手机底部菜单*/
.footerMenu{display: block; width: 100%; height: 60px; background: #94b948; position: fixed; bottom: 0; z-index: 999;}
.footerMenu ul li{ width: 20%; text-align: center; float: left; }
.footerMenu ul li a{ color: #fff; font-size: 15px; display: block; }
.footerMenu ul li dl{ height: 22px; margin-top: 8px; }
.footerMenu ul li ol{ width: 50px; height: 50px; line-height: 45px; background: #ff7800; border-radius: 50px; margin: 5px auto; }
.footerMenu ul li ol img{ width: 30px; }

/*.izl-rmenu,#udesk-feedback-tab{display: none !important;}*/

}