@charset "utf-8";

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
fieldset,img{border:0;}
img{vertical-align:middle;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:13px;font-family:inherit;margin:0;outline:none;resize:none;border:none;}
.clearfix:after {clear: both; content: "."; display:block; height: 0; overflow: hidden; visibility: hidden; }
.clearfix { zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
body{color:#565656;font-size:14px;line-height:24px;font-family:"微软雅黑","宋体", Arial, Helvetica, sans-serif; }
a{color:#565656;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());transition:all 0.3s;}
a:hover{color:#54b626 ;text-decoration:none;}:focus{outline:none;}

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.grWidth{max-width:1340px; margin:0 auto;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb25{margin-bottom:25px;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.erp{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.clear{clear: both;}

/*头部搜索*/
.tel_show{overflow: hidden;position: absolute; background: #f9f9f9;font-size: 14px;width: 260px;padding: 20px 20px;top: 130px;right: 0;display: none;}
.tel_show p{background: url(../images/tel_show.png)no-repeat left;padding-left: 50px;}
.tel_show span{font-size:14px;display: block;}
.tel_show b{font-size:24px;color: #54b626;}

/* 热点搜索 */
.search{overflow: hidden;background: #fff;font-size: 14px;height: 80px;line-height: 80px;border-bottom: 1px solid #e2e2e2;}
.keywords{width: 800px;}
.keywords strong{color: #333;font-weight: bold;}
.keywords a{color: #666;margin-right: 14px;}
.keywords a:hover{color: #54b626;}
.searchBox{width: 360px;padding: 25px 0px;font-size: 12px;color: #a7a7a7;border-left: 1px solid #e2e2e2}
.searchBox form{height: 32px;width: 360px;line-height: 32px;}
.searchBox form .searText{float: left;height: 32px;width: 248px;color: #888888;padding-left: 30px;}
.searchBox form .searBtn{float: right;height: 32px;width: 32px;background: url('../images/search.png')no-repeat center;cursor: pointer;}


/* 头部  */
.header{height:130px;position:relative;width:100%;z-index:99;background:#fff;}
.headMain{height:130px;position:relative;font-size:16px;z-index:10;}
.headMain .logo,.nav{height:130px;line-height: 130px;}
.headMain .logo{margin-right: 100px;}
.headMain .logo img{height: 75px;max-height: 130px}
.headMain .lang{padding: 48px 0;}
.headMain .lang a{display: block;float: left; width: 34px;height: 34px;line-height: 34px;text-align: center;background: #e5e5e5;margin-right: 20px; border-radius: 100px;font-size:12px;color: #333;}
.headMain .lang .tel{background: #e5e5e5 url(../images/tel.png)no-repeat center}
.headMain .lang .en{margin-right: 0;}
.headMain .lang a:hover{background: #54b626;color: #fff;}
.headMain .lang .tel:hover{background: #54b626 url(../images/tel_on.png)no-repeat center}
.nav li{float:left;margin-left:40px;position:relative;}
.nav li a{color:#000;display:block;position:relative;}
.nav li a:after{position:absolute;content:"";left:0;bottom:0;height:3px;background:#54b626;transition:all 0.3s;width:0;}
.nav li a:hover,.nav li.cur a{color:#54b626;}
.nav li.cur a::after{width:100%;}
.nav .navSub{position:absolute;top:90px;width:110px;display:none;left:0;background:#6fba2c;background:rgba(111,186,44,.8);left:-20px;}
.nav .navSub:before{position:absolute;content:"";border:8px solid transparent;border-bottom-color:#6fba2c;top:-16px;left:50%;margin-left:-6px;}
.nav .navSub li{float:none;font-size:13px;height:34px;line-height:34px;border-bottom:1px solid #4c930c;background:none;margin-left:0;text-align:center;}
.nav .navSub a{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;height:34px;color:#fff;display:block;}
.nav .navSub a:hover{background:#4c930c;color:#fff;}
.nav li a:hover:after{width:100%;}

/*  广告轮播图 */
.banner{margin: 0 auto; position:relative;height:700px;overflow:hidden;}
.banner .bd{  height:700px; z-index:0;position: relative;left:50%; margin-left:-950px;}
.banner_ctr{ height:90px;position:absolute;top:45%;z-index:2;left:50%;margin-left:-600px;}
.banner_ctr a{ display:block;width:40px;height:40px; background: url('../images/ctrl.png') no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);display:block;}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1280px; background-position: -40px 0px;}
.banner_ctr a:hover{opacity:1;filter:alpha(opacity=100);}
.banner .hd{position:absolute; bottom:20px; text-align: center; z-index:5;left: 50%;font-size: 0; line-height: 20px; margin-left:-50px;height:20px;overflow:hidden;}
.banner .hd li{background:#fff; z-index:2; cursor:pointer; margin-right:14px; display:inline-block;width:16px; height:16px;*display:inline; zoom:1;opacity:.8;border-radius: 100px;}
.banner .hd li:hover,.banner .hd .on{opacity:1;background:#54b626;}

/*首页板块标题*/
.tie{font-size:40px;color: #222;margin:0 auto;position: relative;font-weight:normal;margin-bottom: 30px;text-align: center;line-height:40px;}
.tie span{font-size: 14px;color: #888;margin: 0 10px;display: block;}
.tie a{font-size:12px;color: #065eb3;position: relative;}
.tie a:after{content:'';position: absolute;display: block;width: 0;height: 1px;bottom: 0;left: 0;background:#065eb3;transition: 0.4s all }
.tie a:hover:after{width: 100%;}



/*  便捷菜单 */
.homeMenu{padding:50px 0;overflow:hidden;}
.homeMenu li{float:left;width:275px;height:275px;text-align:center;position:relative;margin-right:60px;font-size:12px;line-height:20px;}
.homeMenu li a{display:block;padding:27px;width:221px;height:221px;position:relative;z-index:2;color:#666;}
.homeMenu li.m4{margin-right:0;}
.homeMenu li i{display:inline-block;width:58px;height:48px;background: url('../images/menu_icon.png') no-repeat;margin-top:30px;transition:all 0.3s;}
.homeMenu li.m2 i{background-position: -58px 0;}
.homeMenu li.m3 i{background-position: -116px 0;}
.homeMenu li.m4 i{background-position: -174px 0;}
.homeMenu li h4{font-size:18px;color:#000;font-weight:normal;margin-bottom:15px;position:relative;margin-top:15px;}
.homeMenu li h4:after{position:absolute;content: "";width:30px;height:1px;background:#dcdcdc;left:50%;margin-left:-15px;bottom:-10px;}
.homeMenu li:before{content:"";position:absolute;left:0;top:0;width:275px;height:275px;background: url('../images/menu_bg.png') no-repeat;transition:all 1s;}
.homeMenu li:hover i{margin-top:22px;margin-bottom:8px;}


/*产品中心*/
.product{height: 780px;padding: 80px 0;}
.product .proLeft{width: 280px;margin-top: -1px;border: 1px solid #e2e2e2}
.product .proLeft ul li h3{padding: 30px 34px;background: #54b626 url(../images/pro_tie.png)no-repeat right;background-position-x: 220px;font-weight:normal;font-size:24px;}
.product .proLeft ul li h3 a{color: #fff}
.product .proLeft .menu-Sub{padding: 23px 0;}
.product .proLeft .menu-Sub li{padding: 8px 38px;background:url(../images/pro_li.png)no-repeat right;background-position-x: 238px;transition: 0.5s all }
.product .proLeft .menu-Sub li:hover{background: #54b626 url(../images/pro_li_on.png)no-repeat right;background-position-x: 238px;}
.product .proLeft .menu-Sub li:hover a{color: #fff}
/*隔*/

.product .proRight ul{background: #fff;height: 662px;}
.product .proRight li{float: left;text-align: center; width: 273px;height: 270px;padding: 30px;margin-left: -1px;margin-top: -1px;border: 1px solid #e2e2e2;box-shadow: 0 0 0 #b1b1b1;transition: 0.5s all}
.product .proRight li .pic{width: 260px;height: 200px;line-height: 200px;text-align: center;}
.product .proRight li h4{font-weight:normal;font-size:16px;color: #333;margin-bottom: 20px;}
.product .proRight li .pic img{max-width: 100%;max-height: 200px;transition: 0.5s all}
.product .proRight li i{display: inline-block;font-style:normal;width: 22px;height: 22px;line-height: 20px;text-align: center; background: #e5e5e5;border-radius: 50px;transition: 0.4s all}
.product .proRight li:hover{box-shadow: 0 0 15px rgba(0, 0, 0, .6);}
.product .proRight li:hover i{background: #54b626;color: #fff;} 
.product .proRight li:hover .pic .Img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}

/*内页产品导航*/
.products{height: 780px;padding: 0;background: url(../images/pro_bg.jpg)no-repeat center;}
.products .proLeft{width: 280px;margin-top: -1px;border: 1px solid #e2e2e2}
.products .proLeft ul li h3{padding: 30px 34px;background: #54b626 url(../images/pro_tie.png)no-repeat right;background-position-x: 220px;font-weight:normal;font-size:24px;}
.products .proLeft ul li h3 a{color: #fff}
.products .proLeft .menu-Sub{padding: 23px 0;}
.products .proLeft .menu-Sub li{padding: 8px 38px;background:url(../images/pro_li.png)no-repeat right;background-position-x: 238px;transition: 0.5s all }
.products .proLeft .menu-Sub li:hover{background: #54b626 url(../images/pro_li_on.png)no-repeat right;background-position-x: 238px;}
.products .proLeft .menu-Sub li:hover a{color: #fff}
/*隔*/
.products .proRight{width: 1030px;}
.products .proRight ul{background: #fff;height: 662px;}
.products .proRight li{float: left;text-align: center; width: 282px;height: 270px;padding: 30px;margin-left: -1px;margin-top: -1px;border: 1px solid #e2e2e2;box-shadow: 0 0 0 #b1b1b1;transition: 0.5s all}
.products .proRight li .pic{width: 260px;height: 200px;line-height: 200px;text-align: center;}
.products .proRight li h4{font-weight:normal;font-size:16px;color: #333;margin-bottom: 20px;}
.products .proRight li .pic img{max-width: 100%;max-height: 200px;transition: 0.5s all}
.products .proRight li i{display: inline-block;font-style:normal;width: 22px;height: 22px;line-height: 20px;text-align: center; background: #e5e5e5;border-radius: 50px;transition: 0.4s all}
.products .proRight li:hover{box-shadow: 0 0 15px rgba(0, 0, 0, .6);}
.products .proRight li:hover i{background: #54b626;color: #fff;} 
.products .proRight li:hover .pic .Img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}



/*六大理由*/
.why{height: 700px; padding: 80px 0; background-image: url(../images/why_bg.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;}
.why .tie{font-size:36px;color: #fff;margin:0 auto;position: relative;font-weight:normal;margin-bottom: 30px;text-align: center;line-height:40px;}
.why .tie span{color: #fff;}
.why .whycont li{width: 326px;height: 180px;padding: 30px 60px 90px 60px;float: left;text-align: center;font-size:16px; transition: 0.4s all}
.why .whycont li h3{font-size:24px;color: #222;font-weight:normal;margin-bottom: 20px;position: relative;}
.why .whycont li h3 span{display: block;font-size:12px;color: #888;}
.why .whycont li p{font-size:14px;color: #888;}
.why .whycont li i{background: url(../images/why_icon.png)no-repeat center;width: 90px;height: 90px;display: block;margin:0 auto;position: relative;top: 0; transition: 0.4s all}
.why .whycont li:nth-child(2n+1){background: #f5f5f5}
.why .whycont li:nth-child(2n){background: #f0f0f0}
.why .whycont li .icon_one{background-position: 0 8px;}
.why .whycont li .icon_tow{background-position: -90px 8px;}
.why .whycont li .icon_three{background-position: -185px 8px;}
.why .whycont li .icon_four{background-position: -284px 8px;}
.why .whycont li .icon_five{background-position: -380px 8px;}
.why .whycont li .icon_six{background-position: -474px 8px;}
.why .whycont li:hover{background: #54b626;}
.why .whycont li:hover h3{color: #fff;}
.why .whycont li:hover p{color: #fff;}
.why .whycont li:hover i{top: -10px;transition: 0.4s all;}
.why .whycont li:hover .icon_one{background-position: 0 -75px;}
.why .whycont li:hover .icon_tow{background-position: -90px -75px;}
.why .whycont li:hover .icon_three{background-position: -185px -75px;}
.why .whycont li:hover .icon_four{background-position: -284px -75px;}
.why .whycont li:hover .icon_five{background-position: -380px -75px;}
.why .whycont li:hover .icon_six{background-position: -474px -75px;}
.why .whycont li:hover h3 span{color: #fff;}

/* 合作伙伴 */
.partner{padding:50px 0;background:#fff;overflow:hidden;}
.parBox .parbd .ulWrap li{float: left;width: 210px;height: 120px;line-height: 120px;text-align: center;margin:0 13px 13px 0; border: 1px solid #d6d6d6;position: relative;}
.parBox .parbd .ulWrap li:nth-child(6n){margin-right: 0;}
.parBox .parbd .ulWrap li .parpic{width: 100%;height: 120px;line-height: 120px;text-align: center; overflow: hidden;}
.parBox .parbd .ulWrap li .parpic img{max-width: 100%;max-height: 120px;display: inline-block;}
.parBox .parbd .ulWrap li span{position: absolute;display: block;width: 210px;height: 120px;text-align: center;line-height: 120px;background: #54b626cc;top: 0;left: 0;font-size:16px;color: #fff;border-radius: 0px 50px;transition: 0.5s all;opacity: 0}
.parBox .parbd .ulWrap li:hover span{border-radius: 0 0;opacity: 1}
.parBox .parhd{text-align: center;margin-top: 20px;}
.parBox .parhd li{width: 10px;height: 10px;border-radius: 100px;background: #cecece;margin-right: 10px;font-size:0;display: inline-block;}
.parBox .parhd li.on{background: #54b626}

/*关于*/
.about .abcont{width: 1340px; height: 460px;float: left;padding: 90px 0px 50px 0px; position: absolute;left: 50%;margin-left: -670px;}
.about .abcont .abtxt{height: 158px;overflow: hidden;width: 625px;}
.about .abcont .ablock{float: right;width: 600px;height: 200px; padding: 60px 70px;color: #fff}
.about .abcont h3{font-size:22px;color: #fff;margin-bottom: 132px;text-align: left; margin-top: 5px;}
.about .abcont .more{display: block;margin-top: 20px;width: 150px;height: 50px;line-height: 50px;text-align: center;background: #54b626 url(../images/ab_more.png)no-repeat right;color: #fff;padding-right: 20px;background-position-x: 140px;}
.about .abcont .more:hover{background-position-x: 145px;}
.about{
    display: flex;
    justify-content: space-between;
    height: 600px;
    position: relative;
  }
  
  .about_l{
    width: 50%;
    background: url(../images/about_1.jpg) no-repeat;
    height: 100%;
  }
  .about_r{
    width: 50%;
    background: url(../images/about_2.jpg) no-repeat;
    height: 100%;
  }

/*隔*/

.abpic{height: 446px;}
.abpic .picHd{padding: 46px 0;position: relative;}
.abpic .picHd ul{text-align: center}
.abpic .picHd ul li{width: 158px;height: 46px;background: #fff;text-align: center;line-height: 46px;border: 1px solid #d2d2d2;display: inline-block;z-index: 1;cursor: pointer;}
.abpic .picHd ul .on{background: #54b626;border: 1px solid #54b626;color: #fff}
.abpic .picBd{position: relative;}
.abpic .picBd .picBox li{float: left;width: 320px;height: 240px;margin-right: 26px;text-align: center;position: relative;overflow: hidden;}
.abpic .picBd .picBox li img{max-height: 240px;transition: 0.5s all}
.abpic .picBd .picBox li span{display: block;width: 100%; padding: 10px 0;background: #000c;position: absolute;bottom: -44px;left: 0;color: #fff;transition: 0.5s all}
.abpic .picBd .picBox .snext,.abpic .picBd .sprev{position: absolute;top: 50%;width: 30px;height: 30px;line-height: 30px;text-align: center;}
.abpic .picBd .picBox .snext{background: #e4e4e4 url(../images/ab_next.png)no-repeat center;right: -70px}
.abpic .picBd .picBox .sprev{background: #e4e4e4 url(../images/ab_prev.png)no-repeat center;left: -55px}
.abpic .picBd .picBox .snext:hover{background: #54b626 url(../images/ab_next_on.png)no-repeat center;}
.abpic .picBd .picBox .sprev:hover{background: #54b626 url(../images/ab_prev_on.png)no-repeat center;}
.abpic .picBd .picBox li:hover span{bottom: 0;}
.abpic .picBd .picBox li:hover .Img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.abpic .picBd .picBox .tempWrap{width: 1360px ! important;}

/*  新闻中心 */
.news{height: 665px; overflow:hidden;background: #f0f0f0;padding: 80px 0;}
.news .news_tie{font-size:24px;color: #fff;margin-bottom: 20px;font-weight:normal;}
.news .news_tie a{float: right; display: block;width: 15px;height: 15px;line-height: 12px;text-align: center; border: 1px solid #98e176;color: #98e176;font-size:12px;}
.news .news_tie_ri{font-size:24px;color: #333;margin-bottom: 20px;font-weight:normal;}
.news .news_tie_ri a{float: right; display: block;width: 15px;height: 15px;line-height: 12px;text-align: center; border: 1px solid #98e176;color: #98e176;font-size:12px;}
.news .hot_news{width: 370px;height: 486px;float: left;background: url(../images/hn_bg.jpg)no-repeat;padding: 40px;}
.news .hot_news li .pic{width: 370px;height: 260px;overflow: hidden;}
.news .hot_news li .pic img{width: 100%;max-height: 260px;transition: 0.5s all}
.news .hot_news li h4{font-weight:normal;font-size:16px;color: #333;margin: 40px 0 20px 0}
.news .hot_news li p{font-size:14px;color: #888;margin-bottom: 30px;}
.news .hot_news li span{font-size:12px;color: #888;position: relative;display: block;text-align: right;}
.news .hot_news li span:after{content: '';position: absolute;display: block;width: 100px;height: 1px;background: #cccccc;left: 0;top: 14px;}
.news .hot_news li:hover .pic .Img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.news .hot_news li:hover h4{color: #54b626}
/*隔*/
.news .right_news{width: 860px;float: right;}
.news .right_news .nefl{height: 185px;background: #fff;margin-bottom: 30px;padding: 40px;}
.news .right_news .news_box li{float: left;width: 47%;padding-right: 40px;}
.news .right_news .news_box li:nth-child(3){padding-right: 0;}
.news .right_news .news_box li h4{font-weight:normal;font-size:16px;color: #333;margin: 10px 0 20px 0}
.news .right_news .news_box li p{font-size:14px;color: #888;margin-bottom: 30px;}
.news .right_news .news_box li span{font-size:12px;color: #888;position: relative;display: block;text-align: right;}
.news .right_news .news_box li span:after{content: '';position: absolute;display: block;width: 100px;height: 1px;background: #cccccc;left: 0;top: 14px;}
.news .right_news .news_box li:hover h4{color: #54b626}
.news .right_news .faq ul{float: right;width: 55%;}
.news .right_news .faq ul li{margin-bottom: 6px;position: relative;}
.news .right_news .faq ul li h4{font-size:14px;color: #666;font-weight:normal;}
.news .right_news .faq ul li:hover h4{color:#54b626 }



/* 底部 */
.footer{background:#54b626;font-size:12px;overflow:hidden;}
.footMain{overflow:hidden;padding:35px 0;height: 210px;padding: 60px 0;}
.footnav{width: 620px;}
.footnav .footMenu:nth-child(4){margin-right: 0;}
.footMenu{float:left;width: 30%}
.footMain .footnav h3{margin-bottom: 25px; font-weight:normal;font-size:18px;color:#fff;}
.footMenu a{color:#cfffb8;font-size: 14px;line-height: 30px;}
.footMenu a:hover{padding-left:6px;color:#fff;}
.footWx{width: 280px;position: relative;text-align: center;color: #cfffb8;font-size: 14px;}
.footWx img{margin-bottom: 10px;}
.footWx:after{content: '';position: absolute;display: block;height: 370px;width: 1px;background: #bce1aa;left: 0;top: -80px;}
.footWx:before{content: '';position: absolute;display: block;height: 370px;width: 1px;background: #bce1aa;right: 0;top: -80px;}
.footWx .icon a{display:inline-block;width:24px;height:20px;background: url('../images/foot_icon.png') no-repeat;margin-right:10px;}
.footWx .icon a:nth-child(2){background-position: -24px 0;}
.footWx .p1{color:#fff; }
.footinfo{width: 380px;padding-left: 60px;}
.footinfo h3{font-size:32px;color: #fff;background: url(../images/foot_tel.png)no-repeat left;padding-left: 55px;}
.footinfo h3 span{font-size: 14px;color: #cfffb8;display: block;margin-bottom: 6px;}
.footinfo p{padding-left: 55px;color: #cfffb8;font-size: 14px;}
.copyRight{border-top:1px solid #bce1aa;padding:32px 0;overflow:hidden;color:#cfffb8;}
.copyRight a{color:#cfffb8;}
.copyRight em{font-style:normal;margin:0 10px;}
.copyRight a:hover{color:#fff;}

/* 内页公用 */
.listBanner,.mzsmBanner{ width:1920px; position: relative;left:50%;margin-left:-960px; height:500px;}
.listWrapper{ overflow:hidden;padding:60px 0;}
.breadCrumb{height:60px;line-height:60px;background:#fff;border-bottom:1px solid #e8e8e8;}
.breadCrumb p{background: url('../images/home_icon.png') no-repeat left center;padding-left:20px;width:1340px;}
.breadCrumb .back{float:right;width:80px;height:28px;line-height:28px;text-align:center;border-radius:5px;background:#999;color:#fff;margin-top:16px;}
.breadCrumb .back:hover{background:#007dd0;transition:all 0.3s;}
.breadCrumb_pro{ border-bottom:1px solid #DADADA; height:60px;line-height:60px;}
.breadCrumb_pro strong{ color:#333; font-size:18px;height:59px; border-bottom:2px solid #54b626; display:inline-block; font-weight:normal;}
.proSear{width:600px;margin:0 auto;height:50px;line-height:50px;margin-bottom:40px;}
.proSear .btn{height:50px;line-height:50px;width:100px;text-align:center;font-size:16px;background:#333;color:#fff;cursor:pointer;transition:all 0.3s;float:left;}
.proSear .txt{height:48px;line-height:48px;border:1px solid #ddd;border-right:none;width:400px;padding:0 10px;float:left}
.proSear .btn:hover{background:#111;}
.pn{width: 1260px;margin: 0 auto;position: relative;}
.pn_1{position: absolute;float: right;right: 74px;top: -60px;}
.pn_1 a{display: inline-block;
    width: 92px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #54b626;
    border-radius: 3px;
    background: none;
    color: #54b626;
    font-size: 14px;
    margin-right: 25px;
    text-align: center;}
.pn_1 a:hover{background: #4b920d;
    color: #fff;}

/* 内页公用菜单 */
.listMenu{height:60px;line-height:60px;overflow:hidden;border-bottom:1px solid #e8e8e8;}
.listMenu .fr{background: url('../images/home_icon.png') no-repeat left center;padding-left:20px;color:#888;}
.listMenu .fr a{color:#888;}
.listMenu .fr a:hover,.listMenu .fr a.bc{color:#555;}
.menuSub a{color:#333;position:relative;height:60px;display:inline-block;margin-right:60px;}
.menuSub a:before{position:absolute;content: "";left:0;bottom:0;width:0;height:2px;background:#54b626;transition:all 0.3s;}
.menuSub a.current,.listMenu a:hover{color:#54b626;}
.menuSub a.current:before,.listMenu a:hover:before{width:100%;}
.Inner{font-size:36px;color: #333;font-weight:normal;text-align: center;padding-bottom: 30px;margin-bottom: 30px;position: relative;}
.Inner:after{content: '';position: absolute;display: block;width: 23px;height: 2px;background: #54b626;bottom: 0;left: 49%}
.showback{width: 90px;height: 40px;line-height: 40px;font-size:14px;color: #333;padding-left: 30px;background: url(../images/back.png)no-repeat left;text-align: center;background-position-x: 20px;margin-top: 10px;}
.showback:hover{background: #54b626 url(../images/back_on.png)no-repeat left;background-position-x: 20px;color: #fff}

/* 产品中心列表 */
.promenu{width: 280px;margin-top: -1px;border: 1px solid #e2e2e2}
.promenu ul li h3{padding: 30px 34px;background: #54b626 url(../images/pro_tie.png)no-repeat right;background-position-x: 220px;font-weight:normal;font-size:24px;}
.promenu ul li h3 a{color: #fff}
.promenu .menu-Sub{padding: 23px 0;}
.promenu .menu-Sub li{padding: 8px 38px;background:url(../images/pro_li.png)no-repeat right;background-position-x: 238px;transition: 0.5s all }
.promenu .menu-Sub li:hover{background: #54b626 url(../images/pro_li_on.png)no-repeat right;background-position-x: 238px;}
.promenu .menu-Sub li:hover a{color: #fff}
.proList{width: 1030px;}
.proList>ul{background: #fff;height: 662px;}
.proList_box>li{float: left;text-align: center; width: 282px;height: 270px;padding: 30px;margin-left: -1px;margin-top: -1px;border: 1px solid #e2e2e2;box-shadow: 0 0 0 #b1b1b1;transition: 0.5s all}
.proList_box>li .pic{width: 280px;height: 200px;line-height: 200px;text-align: center;overflow: hidden;}
.proList_box>li h4{font-weight:normal;font-size:16px;color: #333;margin-bottom: 20px;}
.proList_box>li .pic img{max-width: 100%;max-height: 200px;transition: 0.5s all}
.proList_box>li i{display: inline-block;font-style:normal;width: 22px;height: 22px;line-height: 20px;text-align: center; background: #e5e5e5;border-radius: 50px;transition: 0.4s all}
.proList_box>li:hover{box-shadow: 0 0 15px rgba(0, 0, 0, .6);}
.proList_box>li:hover i{background: #54b626;color: #fff;} 
.proList_box>li:hover .pic .Img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}



/* 产品详情 */
.proShow_wrap{padding:60px 0;overflow:hidden;}
.proShow_top{overflow:hidden;background:#fff;}
.proShow_top .left{width:520px;padding:35px 40px;}
.proShow_top .left h3{font-size:24px;line-height:26px;color:#151515;font-weight:normal;}
.proShow_top .left h3 span{display:block;font-size:16px;opacity:.8;margin-bottom:15px;}
.proShow_top .left .font{height:200px;margin-bottom:15px;overflow:hidden;line-height:28px;}
.proShow_top .left .btn a{display:inline-block;width:92px;height:32px;line-height:32px;border:1px solid #6eb92d;border-radius:3px;background:#6eb92d;color:#fff;font-size:14px;margin-right:20px;text-align:center;}
.proShow_top .left .btn .zx{background:none;color:#6eb92d;}
.proShow_top .left .btn a:hover{background:#4b920d;color:#fff;}

.proShow_slide{overflow:hidden;position:relative;width:560px;height:;border-right:1px solid #e4e4e4;padding:0 40px;}
.proShow_slide .bd,.proShow_slide .bd li{width:560px;overflow:hidden;text-align:center;vertical-align:middle;height:400px;line-height:380px;}
.proShow_slide .bd li img{width:500px;height:;}
.proShow_slide .hd{position:absolute; bottom:25px; text-align: center; z-index:5;left: 50%;font-size: 0; line-height: 0;height: 0px; margin-left:-50px;height:12px;overflow:hidden;}
.proShow_slide .hd li{z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:10px; height:10px;*display:inline; zoom:1;border:1px solid #555;border-radius:100%;}
.proShow_slide .hd li:hover,.proShow_slide .hd .on{background:#555;box-shadow:0 0 0 2px #555 inset;}

.prosShow_main{overflow:hidden;margin:40px auto;background:#fff; width: 100%;}
.prosShow_main .menu{height:70px; background: #d6d6d6;}
.prosShow_main .menu span{width:200px;height:70px;line-height: 70px; display:inline-block;text-align:center;font-size:18px;color:#fff;cursor:pointer;background: #54b626}
.prosShow_main .menu .on{background:#f25d21;color:#fff;}
.prosShow_main .bd{padding:30px;overflow:hidden;}
/*相关产品*/
.packagePro .tie{height: 70px;line-height: 70px;font-size:18px;text-align: left;background: #d6d6d6;color: #333;padding-left: 30px;}
.packagePro .ohbox{height:;overflow:hidden;position: relative;}
.packagePro .ohbox .tempWrap{width: 1188px ! important;    margin-left: 80px;}
.packagePro .ohbox .next,.packagePro .ohbox .prev{display: block; position: absolute;top: 40%;width: 30px;height: 30px;line-height: 30px;text-align: center;}
.packagePro .ohbox .next{left: 0;background: #e4e4e4 url(../images/ab_prev.png)no-repeat center;}
.packagePro .ohbox .prev{right: 0;background: #e4e4e4 url(../images/ab_next.png)no-repeat center;}
.packagePro .ohbox .next:hover{left: 0;background: #54b626 url(../images/ab_prev_on.png)no-repeat center;}
.packagePro .ohbox .prev:hover{right: 0;background: #54b626 url(../images/ab_next_on.png)no-repeat center;}
.packagePro .ohbox li{float:left;width:250px;height: 240px;padding: 30px; background:#fff;text-align:center;border: 1px solid #d6d6d6;margin-right: 20px;}
.packagePro .ohbox li .pImg{display:block;width:280px;height:210px;line-height: 210px;text-align: center; overflow:hidden;}
.packagePro .ohbox li img{max-width:100%;max-height:210px;transition:all .5s;}
.packagePro .ohbox li p{height:40px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.packagePro .ohbox li:hover img{transform:scale(1.1);}
.packagePro .ohbox li:nth-child(4n){
  margin-right: 0px;
}
.packagePro .ohbox li:nth-child(n+5){
  margin-top: 20px;
}


/*应用领域*/
.exploitList ul li{height: 360px;overflow: hidden;margin-bottom: 30px;transition: 0.4s all}
.exploitList ul li .pic{width: 50%;float: left;overflow: hidden;}
.exploitList ul li .pic img{display: block;transition: 0.5s all;max-height: 360px;}
.exploitList ul li .expltxt{width: 498px;padding: 72px 86px;float: right;background: #fff;transition: 0.4s all}
.exploitList ul li .expltxt h2{font-weight:normal;font-size:30px;color: #333;}
.exploitList ul li .expltxt p{font-size:14px;color: #666;margin: 30px 0 50px 0}
.exploitList ul li .expltxt .expl_more{display: block;width: 40px;height: 40px;background: #cecece url(../images/expl_more.png)no-repeat center;border-radius:100px;transition: 0.5s all}
.exploitList ul li:nth-child(2n) .pic{float: right;}
.exploitList ul li:nth-child(2n) .expltxt{float: left;}
.exploitList ul li:nth-child(2n) .expltxt h2{font-weight:normal;font-size:30px;color: #333;}
.exploitList ul li:hover .expltxt{background: #54b626}
.exploitList ul li:hover .expltxt h2{color: #fff}
.exploitList ul li:hover .expltxt p{color: #fff}
.exploitList ul li:hover .expltxt .expl_more{background: #fff url(../images/expl_more_on.png)no-repeat center;}
.exploitList ul li:hover .pic .Img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.exploitList ul li .expltxt .expl_more:hover {width: 90px;}

/*应用领域详情*/
.explShow{padding-bottom: 80px;overflow: hidden;}
.explShow h2{font-size:30px;color: #333;text-align: center;margin-bottom: 50px;font-weight:normal;}
.explshow_box .explpic{width: 670px;height: 360px;line-height: 360px;text-align: center; float: left;}
.explshow_box .explpic img{width: 100%;max-height: 360px;}
.explinfo{width: 554px;height: 273px;float: right;padding: 44px 58px;background: #f0f0f0}
.explinfo .intr{margin-bottom:36px;}
.explinfo .btn{height: 60px;}
.explinfo .btn h3{float: left;
    width: 286px;
    border-right: 1px solid #dcdcdc;
    height: 60px;
    font-size: 32px;
    color: #54b626;
    background: url(../images/show_tel.png)no-repeat left;
    padding-left: 50px;
    background-size: 13%;
    background-position-y: 4px;margin-right: 30px;}
.explinfo .btn h3 span{display: block;font-size:12px;color: #666;}
.explinfo .btn .qq{display: inline-block;width: 150px;height: 50px;line-height: 50px;
    text-align: center;
    background: #54b626 url(../images/wx_icon.png)no-repeat left;
    color: #fff;
    transition: all 0.3s;
    padding-left: 30px;
    font-size: 16px;
    margin-top: 8px;
    background-position-x: 35px;}
.expl_pro{height: 388px;padding: 80px 0;background: #f0f0f0}
.expl_pro .ohbox{height:;overflow:hidden;position: relative;}
.expl_pro .ohbox .tempWrap{width: 1188px ! important;    margin-left: 80px;}
.expl_pro .ohbox .next,.expl_pro .ohbox .prev{display: block; position: absolute;top: 40%;width: 30px;height: 30px;line-height: 30px;text-align: center;}
.expl_pro .ohbox .next{left: 0;background: #e4e4e4 url(../images/ab_prev.png)no-repeat center;}
.expl_pro .ohbox .prev{right: 0;background: #e4e4e4 url(../images/ab_next.png)no-repeat center;}
.expl_pro .ohbox .next:hover{left: 0;background: #54b626 url(../images/ab_prev_on.png)no-repeat center;}
.expl_pro .ohbox .prev:hover{right: 0;background: #54b626 url(../images/ab_next_on.png)no-repeat center;}
.expl_pro .ohbox li{float:left;width:280px;height: 240px;padding: 30px; background:#fff;text-align:center;border: 1px solid #d6d6d6;margin-right: 80px;}
.expl_pro .ohbox li .pImg{display:block;width:280px;height:210px;line-height: 210px;text-align: center; overflow:hidden;}
.expl_pro .ohbox li img{max-width:100%;max-height:210px;transition:all .5s;}
.expl_pro .ohbox li p{height:40px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.expl_pro .ohbox li:hover img{transform:scale(1.1);}
.sale{height: 180px;padding: 60px 0 0 0}
.sale li{width: 22%;float: left;text-align: center;padding: 0 20px;}
.sale li i{width: 80px;height: 80px;display: block;margin:0 auto; background: url(../images/sale_icon.png)no-repeat;margin-bottom: 30px;}
.sale li strong{font-size:22px;color: #333;}
.sale li p{font-size:16px;color: #666;}
.sale li:nth-child(1) i{background-position: 0 0;}
.sale li:nth-child(2) i{background-position: -90px 0;}
.sale li:nth-child(3) i{background-position: -186px 0;}
.sale li:nth-child(4) i{background-position: -278px 0;}


/*证书*/
.honorList li{width:300px;height: 420px;float: left;margin-bottom:20px; margin-right:26px;text-align:center}
.honorList li a{background: url('../images/proList_a2.jpg') no-repeat;}
.honorList li a,.honorList li img,.honorList li .sImg{width:300px;height:390px;}
.honorList li p{font-size:16px;color: #333;padding: 10px 0}
.honorList li:hover img{transform:scale(1);}
/*图片列表*/
.picList li{float:left;width:300px;margin:0 26px 25px 0;}
.picList li .sImg{width:300px;height:220px;overflow:hidden;display:block;}
.picList li img{width:300px;height:220px;transition:all 0.5s;    border: 1px solid #e3e3e3;box-sizing: border-box;}
.picList li p{text-align:center;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;height:0;line-height:50px;height:50px;}

/* 合作伙伴 */
.partnerBox{padding:50px 0;overflow:hidden;}
.partnerBox .tie{font-size:24px;color:#353535;font-weight:normal;line-height:28px;text-transform: uppercase;margin-bottom:30px;}
.partnerBox .tie span{display:block;font-size:14px;font-family:Arial;color:#b8b8b8;}
.partnerBox2{background:#f1f1f1;}
.partnerList li{float:left;width:238px;height:118px;overflow:hidden;position:relative;margin:0 20px 20px 0;border:1px solid #ddd;}
.partnerList li img{width:238px;height:118px;position:absolute;z-index:2;transform:rotateY(0deg);transition:all 0.5s ease 0s;backface-visibility:hidden;}
.partnerList li span{position:absolute;width:228px;height:118px;background:#54b626;line-height:118px;text-align:center;transform:rotateY(-180deg);transition:all 0.5s ease 0s;backface-visibility:hidden;color:#fff;padding:0 5px;}
.partnerList li:hover{border:1px solid #54b626;}
.partnerList li:hover img{transform:scale(1.08);}
/* .partnerList li:hover img{transform:rotateY(180deg);}
.partnerList li:hover span{transform:rotateY(0deg);} */
.picShow p.fontSize{border-bottom:1px dotted #ccc;padding-bottom:20px;}

/* 新闻中心 */
.newsTop{height:380px;overflow:hidden;margin-bottom:30px;}
.newsTop .n_left{width:640px;overflow:hidden;height:380px;position:relative;}
.newsTop .n_left img{width:640px;transition:all 1s;height:480px;}
.newsTop .n_left p{position:absolute;left:0;bottom:0;background:rgba(0,0,0,.8);color:#fff;width:94%;padding:10px 3%;}
.newsTop .n_left:hover img{margin-top:-80px;}

.n_right{width:630px;overflow:hidden;}
.n_right li{float:left;width:250px;background:#f2f2f2;height:125px;padding:30px;font-size:12px;transition:all 0.4s;}
.n_right li h4{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;height:35px;}
.n_right li h4 span{display:none;float:right;font-size:12px;font-family:Arial;color:#535353;margin-left:40px;font-weight:normal;}
.n_right li h4 a{color:#000;}
.n_right li h4 a:hover{color:#54b626;}
.n_right li .more{display:inline-block;padding:3px 15px;border:1px solid #afafaf;border-radius:3px;margin-top:15px;line-height:20px}
.n_right li .more:hover{border:1px solid #54b626;color:#54b626;}
.n_right li:hover{box-shadow: 0 0 0 1px #54b626 inset;}
.n_right li.n2{width:570px;margin-bottom:10px;padding:20px 30px;height:145px;}
.n_right li.n2 span{display:block;}
.n_right li.n2 p{border-bottom:1px dotted #a2a2a2;padding-bottom:15px;}
.n_right li.n4{float:right;}

/*新闻列表*/
.hot_list{margin-bottom: 40px;}
.hot_list li{height: 390px;width: 100%}
.hot_list li .nImg{float: left; display: block;width: 50%;height: 390px;line-height: 390px;text-align: center;overflow: hidden;}
.hot_list li .nImg img{width: 100%;max-height: 390px;transition: 0.5s all}
.hot_list li .date{float: right;width: 39.5%;height: 250px;padding: 70px;background: #f0f0f0}
.hot_list li .date h4{font-weight:normal;font-size:24px;}
.hot_list li .date h4 a{color: #333;}
.hot_list li .date p{font-size:14px;color: #666;margin:35px 0 40px 0;}
.hot_list li .date .more{display: block; width: 170px;height: 46px;line-height: 46px;text-align: center;color: #fff;font-size:16px; background: #54b626 url(../images/ab_more.png)no-repeat right;background-position-x:130px;}
.hot_list li:hover .date .more{background-position-x:140px;}
.hot_list li:hover .date h4 a{color: #54b626}
.hot_list li:hover .nImg .Img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.newsList li{height:180px;margin-bottom:30px;overflow:hidden;border: 1px solid #e5e5e5;padding: 30px;}
.newsList li .nImg{width:280px;height:180px;line-height: 180px; overflow:hidden;margin-right:20px;float:left;text-align: center;}
.newsList li img{width:100%;max-height:180px;transition:all 0.5s;}
.newsList li .date{width:74%;overflow:hidden;padding-top:20px;float:right;}
.newsList li .date span{font-size:12px;font-family:Arial;height:30px;display:block;color:#888;}
.newsList li .date h4{font-size:16px;font-weight:normal;margin-bottom:15px;line-height:22px}
.newsList li .date h4 a{color:#333;}
.newsList li .date h4 a:hover{color:#54b626;}
.newsList li p{font-size:14px;color:#666;margin-bottom: 35px;}
.newsList li:hover img{transform:scale(1.1,1.1);}
.newsList li:hover{border: 1px solid #54b626;}

.faqList li{height:60px;margin-bottom:30px;overflow:hidden;border: 1px solid #e5e5e5;padding: 30px;}
.faqList li  h4{font-size:16px;font-weight:normal;margin-bottom:15px;line-height:22px}
.faqList li h4 a{color:#333;}
.faqList li h4 a:hover{color:#54b626;}
.faqList li b{display: block;float: left;}
.faqList li .an{color: #54b626}
.faqList li .qs{color: #ec1f1f}
.faqList li p{font-size:14px;color:#666;margin-bottom: 35px;}
.faqList li:hover img{transform:scale(1.1,1.1);}
.faqList li:hover{border: 1px solid #54b626;}

/* 新闻详细样式 */
.newsIs{ padding-top:20px;}
.newsIsLeft{padding:0 20px 20px 0;width: 66%;}
.newsIsTop h1{ font-weight:normal; font-size:36px; line-height:40px; color:#333;margin-bottom: 10px;}
.newsIsTop .top{ font-size:14px; line-height:35px; color:#636363;overflow:hidden;border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;}
.newsIsTop .top span{ padding-right:30px;}
.newsIsTop .top .bshare-custom{float: right; margin-top:5px;}
.newsIsTop .top .sp1{background: url('../images/art_tim_icon.png') no-repeat left center;padding-left:30px;}
.newsIsTop .top .sp2{background: url('../images/hits_icon.png') no-repeat left center;padding-left:30px;}
.newsIsContent{ padding-top:20px; font-size:14px; line-height:2em; text-align:justify; white-space:normal;margin-bottom:30px;overflow:hidden;}
.newsIsContent p{ padding:5px 0;}
.newsIsContent img{max-width:100%;}
.gr-fenx{border-top: 1px solid #e5e5e5;padding-top: 20px;}
.gr-fenx .back{width: 120px;height: 45px;line-height: 45px;font-size:14px;color: #333;padding-left: 30px;background: #dcdcdc url(../images/back.png)no-repeat left;text-align: center;background-position-x: 30px;}
.gr-fenx .back:hover{background: #54b626 url(../images/back_on.png)no-repeat left;background-position-x: 30px;color: #fff}
.newsIsRight{ width:28%;padding: 20px 0 20px 20px;border: 1px solid #e5e5e5;}
.newsIsRight .rec-title{font-size:18px;font-weight:normal;color: #333;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;}
.newsIsRight li{width: 100%; height:90px;padding-bottom: 20px; margin-bottom:30px;overflow:hidden;;float: left;position: relative;top: 0;transition: 0.5s all;}
.newsIsRight li .nImg{width: 130px;height: 90px;line-height: 90px; overflow:hidden;position: relative;display: block;float: left;}
.newsIsRight li img{width:100%;max-height:90px;display: block; transition:all 0.5s;}
.newsIsRight li .date{overflow:hidden;padding-top:14px;float:right;width: 205px;padding: 0 20px;}
.newsIsRight li .date span{font-size:12px;font-family:Arial;height:40px;display:inline-block;color:#888;position: relative;}
.newsIsRight li .date h4{font-size:16px;font-weight:normal;margin-bottom: 10px;}
.newsIsRight li .date h4 a{color:#333;}
.newsIsRight li .date h4 a:hover{color:#f25d21;}
.newsIsRight li .date .more{font-size:12px;color: #fff;opacity: 0}
.newsIsRight li p{font-size:12px;color:#666;}
.newsIsRight li:hover img{transform:scale(1.1,1.1);}
.newsIsRight li:hover .date h4 a{color:#eb5222;}

/* 公司简介 */
.ab1{padding: 80px 0;}
.ab2{background: #f0f0f0;padding: 80px 0;}
.ab3{padding: 80px 0;}
.ab4{padding: 80px 0;background: #f0f0f0}
.ab5{padding: 80px 0;}
.ab6{padding: 80px 0;}
.ab1_box{height: 520px}
.ab1_box .abpic{width: 670px;height: 520px; float: left;}
.ab1_box .abinfo{width: 550px;height: 400px;float: right;padding: 60px}
/*隔*/
.ab2_box{height: 420px;padding: 3%;background: #fff;}
.ab2_box .ab2pic{width: 670px;height: 520px; float: left;}
.ab2_box .ab2info{width: 550px;height: 300px;float: right;padding: 60px;background: #fff;}
.ab2_box .ab2info ul li{height: 54px;line-height: 54px;color: #666;font-size:14px;position: relative;padding-left: 30px}
.ab2_box .ab2info ul li span{font-size:16px;color: #333;}
.ab2_box .ab2info ul li:after{content: '';position: absolute;display: block;width: 6px;height: 6px;background: #009de0;left: 0;top: 25px;}
/*隔*/
.ab3 .ab3_box{margin-bottom: 40px;border: 4px #f3f3f3 solid;}
.ab3 .ab3_box .tempWrap{width: 1300px ! important;}
.ab3 .ab3_box .ab3list li{float: left;width: 160px;height: 270px;background:#fff;text-align: center;padding: 40px 54px; }
.ab3 .ab3_box .ab3list li a{display: block;width: 160px;height: 225px;}
.ab3 .ab3_box .ab3list li img{max-height: 210px;transition: 0.5s all}
.ab3 .ab3_box .ab3list li h3{font-size:16px;padding: 30px 0; color: #333;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.ab3 .ab3hd ul{text-align: center}
.ab3 .ab3hd li{width: 12px;height: 12px;background: #51534a;display: inline-block; margin-right: 10px;font-size:0;border-radius:100px;}
.ab3 .ab3hd li.on{background: #54b626}
.ab3 .ab3_box .ab3list li:hover .Img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
/*隔*/
.ab4 .ab4_box{margin-bottom: 40px;}

.ab4 .ab4_box .ab4list li{float: left;width: 345px;height: 180px;background:#fff;text-align: left;padding: 40px;margin-right: 30px; }
.ab4 .ab4_box .ab4list li h3{font-size:30px;padding: 30px 0; color: #333;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;border-bottom:1px solid #dcdcdc;margin-bottom:30px;}
.ab4 .ab4_box .ab4list li p{font-size:14px;color: #333;}
.ab4 .ab4hd ul{text-align: center}
.ab4 .ab4hd li{width: 12px;height: 12px;background: #51534a;display: inline-block; margin-right: 10px;font-size:0;border-radius:100px;}
.ab4 .ab4hd li.on{background: #54b626}
.ab4 .ab4_box .ab4list li:hover .Img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
/*隔*/
.ab5list li{width: 310px;height: 240px;line-height: 240px;text-align: center;overflow: hidden;float: left;margin: 0 10px 10px 0;position: relative;}
.ab5list li span{background: #54b626cc;width: 100%; height: 40px;line-height: 40px;font-size:14px;color: #fff;position: absolute;display: block;bottom: -40px;left: 0;transition: 0.5s all}
.ab5list li img{width: 100%;height: 240px;transition: 0.5s all}
.ab5list li:nth-child(1){width: 700px;height: 490px;margin-right: 10px;}
.ab5list li:nth-child(1) span{background: #54b626cc;width: 100%; height: 60px;line-height: 60px;font-size:14px;color: #fff;position: absolute;display: block;bottom: -60px;left: 0;transition: 0.5s all}
.ab5list li:nth-child(1) img{width: 100%;height: 490px;} 
.ab5list li:nth-child(3){margin-right: 0}
.ab5list li:nth-child(5){margin-right: 0}
.ab5list li:hover span{bottom: 0}

.ab5list li:hover .Img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}


/* 人才招聘  */
.jobTop{overflow:hidden;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #eee;height:295px}
.jobTop .main{float:right;width:610px;}
.jobTop .main .font{height:240px;overflow:hidden;line-height:28px;}
.jobTop .main .p1{padding-top:15px;font-size:16px;color:#333;}
.jobTop .main .p1 a{color:#005ba8;}
.jobTop .main .p1 a:hover{text-decoration: underline;}
.jobTop .more{width:100px;height:40px;line-height:40px;text-align:center;color:#fff;border-radius:3px;display:inline-block;background:#005ba8;margin-top:15px;}
.jobTop .more:hover{background:#54b626;}

.gr-jobs-list dd{padding:0 15px;height:50px;line-height:50px;border:1px solid #ddd;background:#fff;margin-top:10px;cursor: pointer;font-size:14px;}
.gr-jobs-list dd em{float:right;display:block;width:15px;height:15px;background:url(../images/iconf.png) no-repeat;cursor:pointer;margin-top:20px;}
.gr-jobs-list dd.on em{background:url(../images/icong.png) no-repeat;}
.gr-jobs-list dd span{display:block;float:left;width:245px;}
.gr-jobs-list dt{border:1px solid #ccc;border-top:none;padding:15px;margin-bottom:10px;background:#f5f5f5;display:none;}
.gr-jobs-list dt h5{margin-top:20px;font-size:14px;}
.gr-apply{display:block;width:140px;text-align:center;height:40px;line-height:40px;background:#555;border-radius:3px;color:#fff;margin:30px auto 0 auto;transition:all 0.3s;}
.gr-apply:hover{background:#54b626;color: #fff;}

.jobsShow{border:1px solid #ddd;background:#fff;}
.jobsShow h3{font-size:14px;font-weight:bold;background:#ddd;line-height:35px; padding-left:15px;font-weight:normal;}
.jobsShow table{margin:10px 20px 20px;background:#fff;}
.jobsShow .mr{padding-right:20px;}
.jobsShow .jobsInput{width:460px;border:1px solid #ddd;line-height:25px;height:25px;padding:0 5px;margin-bottom:10px;}
.jobsShow .input_radio{margin-right:5px;vertical-align: middle;}
.jobsShow .jobsInput:focus,.jobsShow .jobsTextarea:focus{border:1px solid #fe0000;}
.jobsShow .jobsTextarea{width:1100px;padding:5px;border:1px solid #ddd;line-height:22px;height:125px;margin-top:3px;display:block;}
.jobsShow .jobsSubmit{background:#999;width:85px;height:30px;line-height:30px;cursor:pointer;border:none;color:#fff;margin-right:10px;margin-top:20px;border-radius:4px;}
.jobsShow .jobsSubmit:hover{background:#666;color:#fff;}
.jobsShow .jobsSubmitb{background:#333;width:100px;height:30px;line-height:30px;cursor:pointer;border:none;color:#fff;margin-top:20px;border-radius:4px;}
.jobsShow .jobsSubmitb:hover{background:#54b626;color:#fff;}


/*内页联系我们*/
.contactFont{width:100%;padding:30px 0;overflow: hidden;}
.contactFont ul{text-align: center;}
.contactFont ul li{width: 20%;display: inline-block;text-align: center}
.contactFont ul li i{display: block;margin:0 auto;width: 45px;height: 45px;transition: 0.5s all}
.contactFont ul li:nth-child(1) i{background: url(../images/lxwm_tel.png)no-repeat center;}
.contactFont ul li:nth-child(5) i{background: url(../images/lxwm_qq.png)no-repeat center;}
.contactFont ul li:nth-child(3) i{background: url(../images/lxwm_fax.png)no-repeat center;}
.contactFont ul li:nth-child(4) i{background: url(../images/lxwm_email.png)no-repeat center;}
.contactFont ul li:nth-child(2) i{background: url(../images/lxwm_addr.png)no-repeat center;}
.contactFont ul li:nth-child(1):hover i{background: url(../images/lxwm_tel_on.png)no-repeat center;}
.contactFont ul li:nth-child(5):hover i{background: url(../images/lxwm_qq_on.png)no-repeat center;}
.contactFont ul li:nth-child(3):hover i{background: url(../images/lxwm_fax_on.png)no-repeat center;}
.contactFont ul li:nth-child(4):hover i{background: url(../images/lxwm_email_on.png)no-repeat center;}
.contactFont ul li:nth-child(2):hover i{background: url(../images/lxwm_addr_on.png)no-repeat center;}

/* 内页留言样式 */
#dituContent{width:640px;height:510px;float:right;}
.feedback{margin-top:50px;}
.feedback .title{text-align:center;font-size:24px;font-weight:normal;margin-bottom:25px;color:#333;position:relative;}
.feedback .title span{padding:0 25px;background: #fff;position:relative;z-index:2;}
.feedback .title::before{content:"";border-bottom:1px solid #e1e1e1;width:100%;left:0;position:absolute;top:13px;}
#feedback_form input{width:47.555%;height:30px;line-height:30px;float:left;padding:14px 10px;border:1px solid #dbdbdb;margin-bottom: 20px;}
#feedback_form .username,#feedback_form .email{margin-right: 20px;}
#feedback_form input.last{margin-right:0;}
#feedback_form .msg{border-top:1px dotted #ccc;padding:30px 0;}
#feedback_form textarea{height:125px;width:1258px;padding:10px;border:1px solid #dbdbdb;display:block;}
#feedback_form .btns{width:200px;height:60px;margin-right:10px; background:#54b626;color:#fff;border:none;font-size:15px;margin-bottom:0;cursor:pointer;}
#feedback_form .btns:hover{background:#d2d2d2;transition:all 0.3s;}
#feedback_form .reset{background:#ccc;cursor:pointer;margin-bottom:0;}
#feedback_form .tableRow{width:100%;height:32px;}
#feedback_form .tableRow input{width:150px;margin-right:10px;color:#999;float:left;}
#feedback_form .tableRow .checkcode{width:100px;height:50px;margin-left:5px;border:1px solid #ccc;padding:4px 5px;display:block;float:left;background:#fff;}
#feedback_form input:focus,#feedback_form textarea:focus{border-color:#666;}



.abinfo span{
  line-height: 34px;
  font-size: 15px;
  margin-top: 15px;
  display: block;
}
.ab2_box p span{
  display: block;
  line-height: 32px;
}

.map{width: 100% !important;}


.top .nav_btn {display: none;position: relative;float: right;width: 54px;height: 54px;background: #54b626;margin: 0% 3%;z-index: 1;}
.top .nav_btn:before,
.top .nav_btn:after,
.top .nav_btn span {position: absolute;left: 14px;top: 50%;z-index: 3;width: 26px;height: 2px;background: #fff;border-radius: 1px;content: '';transition: all .6s cubic-bezier(.445, .145, .355, 1);-webkit-transition: all .6s cubic-bezier(.445, .145, .355, 1);}
.top .nav_btn:before {margin-top: -10px;}
.top .nav_btn:after {margin-top: 6px;}
.top .nav_btn span {margin-top: -2px;}
.top .nav_btn i {position: absolute;right: 50px;top: 13px;font-style: normal;font-size: 16px;line-height: 24px;color: #444;font-weight: 700;white-space: nowrap;}
.top.active .nav_btn span {opacity: 0;}
.top.active .nav_btn:before{margin-top: -3px;transform: rotate(225deg);-webkit-transform: rotate(225deg);background: #fff;}
.top.active .nav_btn:after{margin-top: -3px;transform: rotate(-225deg);-webkit-transform: rotate(-225deg);background: #fff;}
.foot-nav{display:none;}

@media only screen and (max-width: 640px){
    html{
        font-size: 14px;
    }
    .grWidth{
        width: 100%;
    }
    .lang,.gr_kefu,.abcont>img,.abcont>h3, .abpic, .hot_news, .listMenu .fr{
        display: none;
    }
    .footer{
        height: 80px;
    background: none;
    font-size: 0;
    }
    .nav{
        position: absolute;
    }
    .top .nav_btn{
        display: inline-block;
    margin: 0;
    transition: all 0.3s;
    margin-top: 34px;
    margin-right: 3%;
     }
    .nav{
        position: fixed;
        background: rgba(255, 255, 255, .9);
        height: 100%;
        top: 0;
        width: 200px;
        right: -200px;
        transition: all 0.5s;
        transform: translate3d(0, 0, 0);
    }
    
    .top.active .nav{
        right:0px;
    }
    .top.active .nav_btn{
        margin-right: 200px;
    }
    .nav li>a{
        color: #333;
        display: block;
        line-height: 50px;
        text-align: center;
    }
    .nav li{
        float: initial;
        margin-left: 0px;
    }
    .nav li::after{
        display: none;
    }
    .headMain .logo{
        margin-right: 0;
    width: 55%;
    }
    .headMain .logo img{
        height: inherit;
    width: 100%;
    }
    .tie{
        font-size: 2.5rem;
        
    }
    .tie>span{
        font-size: 1.2rem;
        margin-top: 5px;
    }
    .product .proRight li{
        width: 43.6%;
    height: initial;
    padding: 2%;
    margin: 1%;
    }
    .product,.product .proRight ul{
       height: initial;
    }
    .why{
        height: inherit;
    }
    .why .whycont li{
            width: 36%;
    height: initial;
    padding: 5% 7%;
    }
    .parBox .parbd .ulWrap li{
        width: 47%;
    margin: 1.3%;
    height: initial;
    }
    .about .abcont{
        width: 100%;
    height: initial;
    text-align: center;
padding: 80px 0px;
    position: relative;
    float: initial;
    left: initial;
    margin: 0;
    }
    .about{
        height: initial;
        display: block;
    }
    .about_l{
           width: 100%;
   background: #eee;
    }
    .about .abcont .more{
        margin: 20px  auto 0px;
    }
    .abcont span>strong{
        font-size: 2.5rem;
        margin-bottom: 10px;
    display: block;
    }
    .about .abcont .abtxt{
        width: 100%;
        height: initial;
    }
    .abcont span{
        font-size: 1.2rem !important;
    line-height: 2.5rem;
    }
    .about_r{
        width: 100%;
    height: 600px;
    }
    .news{
        height: initial !important;
    }
    .news .right_news{
        width: 100% !important;
    float: initial;
    }
    .news .right_news .news_box li{
        width: 47%;
    padding: 0% 1.5%;
    }
    .news .right_news .news_box li h4{
        white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    }
    .news .right_news .news_box li h4{
    font-size: 1.5rem;
    }
    .news .right_news .news_box li p{
        font-size: 1rem;
    }
    .news .right_news .faq ul{
        width: 44%;
        white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    }
    .news .right_news .nefl{
        height: initial !important;
    }
    .news_box  li{
        width: 47% !important;
    }
    .footMain{
        display: none;
    }
    .copyRight{
        font-size: 1rem !important;
    }
    .listBanner{
        width: 100%;
    position: initial;
    margin-left: 0px;
    height: initial;
    }
    .menuSub {
        display: flex;
    justify-content: center;
    width: 100%;
    }
    .menuSub a{
        margin-right: 0;
    padding: 0px 20px;
    }
    .Inner{
        font-size: 2.5rem;
    }
    .ab1_box .abinfo{
        height: initial;
    padding: 30px 5%;
    float: inherit;
    width: 90%;
    }
    .ab1_box {
        height: inherit;
    }
    .ab1_box .abpic{
        display: block;
    width: 100%;
    height: initial;
    float: initial
    }
    .ab2_box{
        height: initial;
    padding: 0;
    background: none;
    }
    .ab2_box td{
        display: block;
        background: initial !important;
    }
    .ab2_box p span{
        display: block;
    line-height: 1.8rem;
    font-size: 1rem;
    padding: 0% 35px 0% 1%;
    }
    .promenu{
        width: 48%;
    display: inline-block;
    margin: 0% 0.5%;
    }
    .products .proLeft{
        width: 100%;
    }
    .products {
    float: initial;
    height: initial;
    
    }
    .products .proLeft{
        margin-bottom: 40px;
    }
    .proList {
        width: 100%;
        float: initial;
    }
    .proList>ul {
    height: initial;
    }
    .proList_box>li{
        width: 49%;
    height: initial;
    margin: 0.5%;
    box-sizing: border-box;
    }
    .proList_box>li h4{
        white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    }
    .proshow_box{
        height: initial !important;
    }
    .magnifier{
        width: 100% !important;
    height: initial !important;
    float: initial !important;
    }
    .proshow_synopsis{
        width: 90% !important;
    height: initial !important;
    padding: 10% 5% !important;
    }
    .proshow_synopsis .font{
        min-height: initial !important;
    }
    .packagePro .ohbox li{
            width: 49%;
    margin: 0.5%;
    box-sizing: border-box;
    height: initial;
    }
    .listWrapper p>img{
        width: 100%;
    }
    .picList li{
        width: 49%;
    margin: 1% 0.5%;
    }
    .newsList li{
        height: initial;
    }
    .newsList li .nImg{
        width: 45%;
    height: initial;
    }
    .newsList li .date{
        width: 50%;
    }
    .newsList li p{
        margin-bottom: 5px;
    }
    .newsList li .date h4 a{
        white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    }
    .nyxqnews{
        width: 100% !important;
    }
    .nyxqnews_left{
            width: 100% !important;
    float: initial !important;
    box-sizing: border-box !important;
    }
    .news_lefttit h1{
        white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    }
    .bianji, .nywenzhang{
        display: none !important;
    }
    .nyxqnews_leftpage>div{
        width: 50% !important;
    padding: 0 5% !important;
    box-sizing: border-box;
    }
    .nyxqnews_leftpage{
        width: 100% !important;
    }
    .foot-nav{
        display: block;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 80px;
    background: #f5f5f5;
    border-top: 1px solid #b5b5b5;
    }
    .weui-tabbar{
        display: flex;
    justify-content: space-between;
    height: 80px;
    }
    .weui-tabbar a{
        display: block;
    width: 25%;
    text-align: center;
    }
    .weui-tabbar a p{
        font-size: 1.5rem;
    }
    .weui-tabbar a i{
        font-family: FontAwesome;
        
    }
    .weui-tabbar .iconfont:before{
        display: inline-block;
       
        font-size: 2rem;
    color: #292929;
            line-height: 45px;
            font-style: normal;
    }
    .icon-home:before{
         font-family: bootstrap-icons!important;
        content: "\f422";
    }
    .icon-cart:before{
        font-family: bootstrap-icons!important;
        content: "\f459";
  
    }
    .icon-search:before{
        font: normal normal normal 14px/1 FontAwesome;
     
        content: "\f275";
    }
    .icon-user:before{
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f075";
    
    }
}