@charset "UTF-8";

*{ margin:0; padding:0; font-size:13px; font-family:microsoft yahei; color: #333}
body{ overflow-x: hidden}
svg { display: block; }
img{ border:0 none}
a,img{ outline:0}
a{ text-decoration:none}
li{ list-style:none}
.fl{ float:left}
.pl{ left:0}
.pl,.pr{ position:absolute}
.pr{ right:0}
.fr{ float:right}
.page{ margin:0 auto; width:1200px}
.cl,.clear{ clear:both; display: block; }
.dis{ display:none} 
.top35{ margin-top:35px}
.en{ text-transform:uppercase; font-family:arial}



.head{ height: 45px; line-height: 45px; background:#f2f2f2; position: relative; }
.head:after{ content: ''; height: 9px; background: url(../images/head_bottom.png) no-repeat center; width: 100%; display: block; position: absolute; bottom: -9px; left: 0; }
.head .fl,.head .fr a{ color: #a8a9a9; }
.head .fr a { display: inline-block; padding-left: 50px; background: url(../images/top_input.png) no-repeat 2px 6px; transition: 0.3s all ease-in-out; font-size: 13px; line-height: 45px; padding-right: 15px; cursor: pointer; }

.head .fr .tel{ background-position:-114px 6px; }
.head .fr .wx{ background-position:-232px 6px; }
.head .fr a:hover,.head .fr strong:hover{ background-position-y:-46px; color: #fff; background-color: #86c225}


.top { height: 85px; padding: 30px 0; }
.logo{ display: block; padding: 0; }
.logo > a{ display: block; }
.logo > a > img{ display: block; float: left; margin-right: 20px; height: 85px; width: auto; }
.ali1688{ display: block; }
.ali1688 > a,.ali1688 > a > img{ display: block; height: 85px; width: auto; }
.top_tel,.top_tel img{ display: block; height: 85px; width: auto; }

.nav{ background: url(../images/nav.jpg) no-repeat center; width: 100%; height: 60px; display: block; position: relative;}
.NavCeshi.page{ position: relative; }
.nav > ul > li{ float: left; width: 120px; line-height: 60px; height: 60px; display: block; background: url(../images/nav_lb.png) no-repeat left center; position: relative; }
.nav > ul > li:first-child{ background: none; }
.nav > ul > li > a{ background: url(../images/nav_li.png) no-repeat center; display: block; line-height: 60px; height: 60px; width:100%; color: #fff; text-align: center; font-size: 15px; transition:0.3s all ease-in-out; position:relative; z-index:3; }
.nav > ul > .block{ background-color:#86c225; height: 60px; display: block; position: absolute; top: 0; }
.erji_menu { display: none; position: absolute; left: 0; width: 100%; z-index: 1111;top: 60px; }
.erji_menu ul li a{ display: block; text-align: center; font-size: 13px; color: #fff; line-height: 50px; margin-bottom: 1px; background: rgba(0,0,0,0.6); transition:0.3s all ease-in-out;}
.erji_menu ul li a:hover{background: rgba(134,194,37,0.6) }

.banner{ overflow: hidden; background:#eee}
.banner-box{ min-width:1100px; height:600px; position:relative; margin:0 auto; }
.banner-box .bd{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:600px; background-position: center; background-repeat: no-repeat; }
.banner-box .bd li a{ display:block; background-size:auto; }
.banner-btn{ width: 100%; position: absolute; top: 0; left: 0; margin-left: 0; height: 600px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:248px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}
.banner-btn a.prev{ left:-50px; background:url(../images/20180531144426_364796552.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../images/20180531144426_364796552.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:25px; width: 100%; display: block; }
.banner-box .hd ul { width: 1200px; margin: 0 auto; text-align: center; }
.banner-box .hd ul li{ width:35px; height:10px; border-radius:20px; text-indent:-9999px; background:#ccc; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; text-align: center; position: relative; z-index: 11; }
.banner-box .hd ul li.on{ background: #86c225; width: 70px; }
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }


.search{ background: url(../images/search_bg.jpg) no-repeat center; width: 100%; height:100px; }
.search .page{ position: relative; height: 56px; padding:22px 0; }
.search_main_l{ float:left; margin-right:20px; width:590px}
.search_main_l strong{ font-size: 17px; font-weight: bold; display: block; color: #fff; line-height: 30px; padding-left: 30px; background: url(../images/search_t.png) no-repeat -5px center; }
.search_main_l p,.search_main_l p a{ font-size: 14px; color: #cfcfcf; display: inline-block; line-height: 25px; }
.search_main_l p{overflow: hidden;height: 25px;}
.search_main_l p a:hover{ color: #fff; text-decoration: underline; }
.search_main_r{ width: 650px; height: 114px; background: url(../images/search_r.jpg) no-repeat center; position: absolute; right: -360px; bottom: 0; padding: 25px 365px 25px 30px; box-sizing: border-box; font-size:14px; color:#fff; line-height:30px; font-weight: 100; }
.search .search_in{ float: left; }
.search .search_in form{ width: 260px; height: 55px; line-height: 55px; display: block; border-radius: 55px; background:rgba(255,255,255,0.2); }
.search .search_in form input{ background: none; border:0 none; color: #fff; font-size:14px; }
.search .search_in form #search-bg{ float: left; width: 200px; }
.search .search_in form #search-i{ float: right; width: 49px; height: 49px; display:block; background: #86c225; border-radius: 50%; margin: 3px; cursor: pointer; }
.search .search_in form #search-bg input { line-height: 55px; display: block; padding: 0 0px 0 20px; width: 180px; }
.search .search_in form #search-i input{ display: block; background: url(../images/search_in.png) no-repeat center; width: 100%; height: 100%; cursor: pointer; }
.search_main_r strong{ font-size:28px; color: #fff; display: block; line-height: 35px; font-weight: bold; }


.main{ background: url(../images/main_bg.jpg) no-repeat center; width: 100%; height: 655px; }
.main_row1{ background: url(../images/main_tit.png) no-repeat center bottom; padding-bottom: 55px; font-size: 36px; font-weight: bold; text-align: center; line-height: 60px; padding-top: 50px; }
.main_row1 .color{ color: #86c225; font-size: 36px; }

.main > .page{ position: relative; height: 655px}
.main_1{ display: block; margin: 0 auto; background: url(../images/main_1.png) no-repeat center; width: 320px; height: 242px; position: absolute; bottom: 0; left: 440px}
.main_bg1{ display: block; margin: 0 auto; background: url(../images/main_bg1.png) no-repeat center; width: 580px; height: 330px; position: absolute; bottom: 0; left: 310px; }
.main_in0{ position: absolute; }
.main_in0 p{ font-size: 14px; color: #454545; font-weight: 100; line-height: 25px; }
.main_in0 p strong{ font-weight: bold; font-size: 15px; color: #86c225}
.main_in2 p strong,.main_in4 p strong{ color: #ebcb35}
.main_in1{ width: 140px; top: 445px; padding: 12px 110px 12px 0px; height: 76px; left: 100px; }
.main_in2 { top: 250px; left: 265px; width: 145px; padding: 12px 30px 70px 0; }
.main_in3 { width: 130px; top: 205px; left: 540px; padding: 30px 0px 43px 125px; }
.main_in4 { top: 287px; right: 238px; width: 120px; padding: 20px 0 20px 90px; }
.main_in5 { width: 140px; right: 95px; top: 450px; padding: 10px 0 10px 120px; }
.main_in1 i{ display: block; width:100px; height: 100px; background: url(../images/main_in1.png) no-repeat; position: absolute; right: 0; top: 0; }
.main_in2 i{ display: block; width:70px; height: 80px; background: url(../images/main_in2.png) no-repeat; position: absolute; bottom: 0; right: 0; }
.main_in3 i{ display: block; width:110px; height: 150px; background: url(../images/main_in3.png) no-repeat; position: absolute; bottom: 0; left: 0; }
.main_in4 i{ display: block; width:70px; height: 80px; background: url(../images/main_in4.png) no-repeat; position: absolute; bottom: 0; left: 0; }
.main_in5 i{ display: block; width:110px; height: 100px; background: url(../images/main_in5.png) no-repeat; top: 0; left: 0; position: absolute; }

.prod{ position: relative; padding-bottom: 50px; }
.prod:before{ content: ''; display: block; width: 100%; height: 3px; background: #86c225; position: absolute; top: 0; left: 0; }

.plist{ display: block; width: 270px; background: #fff; margin-top: 30px;}
.plist .plist_row1{ display: block; height: 85px; width: 100%; position: relative; }

.plist > ul { border-left: 1px solid #eee; border-right: 1px solid #eee; padding-bottom: 60px; }
.plist .plist_row1 span { color: #fff; position: relative; z-index: 3; font-size: 32px; font-weight: bold; display: block; line-height: 85px; padding-left: 30px; }

.plist .plist_row1:after{ content: ''; display: block; width: 630px; height: 105px; position: absolute; bottom: 0; right: 0; background: url(../images/product_l.png) no-repeat center}
.plist > ul > li{ display: block; overflow:hidden; }
.plist > ul > li > ul{ max-height: 0; transition:0.3s all ease-in-out; overflow: hidden}
.plist > ul > li > ul > li > a{ color: #777; display: block; padding: 0 20px 0 65px; line-height:35px; font-size: 13px; }
.plist > ul > li.active > ul{ max-height: 280px; }
.plist > ul > li > a { display: block; line-height: 70px; font-size: 16px; text-transform: capitalize; padding: 0 20px 0 60px; text-align: justify; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; color: #454545; transition:0.3s all ease-in-out; }
.plist > ul > li > a:after{ content: ''; display: block; width: 20px; height: 20px; background:#bfbfbf url(../images/prod_list_c.png) no-repeat -9px 5px; border-radius: 50%; position: absolute; top: 26px; left: 25px; transition:0.3s all ease-in-out; }
.plist > ul > li.active,.plist > ul > li:hover{ background: #f9f9f9; }
.plist > ul > li.active{  padding:15px 0 25px 0}
.plist > ul > li.active > a,.plist > ul > li:hover > a{ color: #86c225; }
.plist > ul > li.active > a:after,.plist > ul > li:hover > a:after{ background-color: #86c225; }
.plist .plist_row3 {
    background: #86c225;
    width: 100%;
    height: 125px;
    display: block;
    box-sizing: border-box;
    padding: 15px 20px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 22px;
    position: relative;
    font-family: arial,microsoft yahei;
}
.plist .plist_row4 a,.plist_row4 a img {
  display: block;
  width: 100%;
}
.plist .plist_row4 a {
  box-sizing: border-box;
  padding: 10px 10px;
}
.plist .plist_row4 {
  width: 268px;
  height: 85px;
  border: 1px solid #eee;
  border-top: 0; 
}
.plist .plist_row3 strong {
    color: #fff;
    font-weight: bold;
    font-size: 17px;
    display: block;
    background: url(../images/plist_tel.png) no-repeat 43px center;
    line-height: 40px;
}
.plist .plist_row3 a { display: block; width: 80px; height: 67px; position: absolute; background: url(../images/plist_more.png) no-repeat center; top: -37px; left: 35px; }
.prod_row2 > .fr{ display: block; width: 910px; }
.prod_row2_title { padding-top: 3px; height: 82px; display: block; }
.prod_row2_title > ul { float: left; width: 840px; height: 82px; }
.prod_row2_title .more { width: 70px; float: right; margin-top: 25px; }
.prod_row2_title .more a { color: #86c225; border: 1px solid #86c225; line-height: 28px; display: block; text-align: center; border-radius: 50px; font-size: 12px; font-weight: 100; }
.prod_row2_title > ul > li{ position: relative; height: 82px; line-height: 82px; /*! background: #fff; */ float: left; margin-left: 12px; transition:0.3s all ease-in-out; }
.prod_row2_title > ul > li:first-child{ margin-left: 0}
.prod_row2_title > ul > li a:after{ content: ''; top: 28px; left: 15px; position:absolute; width:28px; height:28px; background:url(../images/plist_in1.png) no-repeat 0 -32px; transition:0.3s all ease-in-out}
.prod_row2_title > ul > li:nth-child(2) a:after{ background:url(../images/plist_in2.png) no-repeat 0 -32px; }
.prod_row2_title > ul > li:nth-child(3) a:after{ background:url(../images/plist_in3.png) no-repeat 0 -32px; }
.prod_row2_title > ul > li:nth-child(4) a:after{ background:url(../images/plist_in4.png) no-repeat 0 -32px; }
.prod_row2_title > ul > li:hover a:after,.prod_row2_title > ul > li.on a:after{ background-position: 0 0px; }
.prod_row2_title > ul > li a{ display: block; width: 100%; position: relative; overflow: hidden; z-index: 2; /*! background: #fff */}
.prod_row2_title > ul > li a span { display: block; line-height: 82px; height: 82px; color: #454545; text-align: justify; font-size: 15px; text-transform: capitalize; position: relative; z-index: 2; transition: 0.2s all ease-in-out; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 0 30px 0 52px; background: url(../images/plist_in0.png) no-repeat right center; }

.prod_row2_title > ul > li:hover a span,.prod_row2_title > ul > li.on a span{ color: #86c225; }
.prod_row2 .prod_row2_cont {
    display: block;
    position: relative;
    width: 910px;
    height: 957px;
    overflow: hidden;
}
.prod_row2 .prod_row2_cont ul{ display: block; position: absolute; }
.prod_row2 .prod_row2_cont ul li{ display: block; width: 910px; position: relative; float: left; }
.prod_row2 .prod_cont_r1 { display: block; width: 100%; height: 370px; background: url(../images/pro_cont1.jpg); margin-top: 15px; box-sizing: border-box; padding: 15px; }
.prod_row2 .prod_cont_r1 .prod_cont_l{ width: 360px; height: 270px; display: block; float: left; }
.prod_row2 .prod_cont_r1 .prod_cont_l img{ display: block; width: 100%; height: auto; }
.prod_row2 .prod_cont_r1 .prod_cont_r { width: 440px; float: left; padding: 30px 15px 40px 35px; }
.prod_row2 .prod_cont_r1 .prod_cont_r strong { display: block; font-size: 24px; color: #333; line-height: 50px; font-weight: bold; padding: 15px 0 30px; height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }

.prod_row2 .prod_cont_r1 .prod_cont_r strong:after{ content: ''; display: block; width: 42px; height: 2px; background: #86c225; position: absolute; left: 0; bottom: 0px}
.prod_row2 .prod_cont_r1 .prod_cont_r p{ display: block; font-size: 14px; color: #888; line-height: 20px; font-weight: 100; text-transform: capitalize; padding:19px 0; }
.prod_row2 .prod_cont_r1 .prod_cont_r a { font-size: 14px; line-height: 34px; color: #fff; text-align: left; text-transform: capitalize; background: #faa600 url(../images/prod_btn0.png) no-repeat 22px center; border: 1px solid #faa600; display: inline-block; padding: 0 10px 0 50px; width: 75px; border-radius: 50px; margin-right: 20px; transition:0.3s all ease-in-out; }
.prod_row2 .prod_cont_r1 .prod_cont_r a:hover{ background-color: #86c225; border-color: #86c225; }

.prod_row2 .prod_cont_r1 .prod_cont_r a.last{ background: #86c225 url(../images/prod_btn1.png) no-repeat 22px center; border: 1px solid #86c225; transition:0.3s all ease-in-out; }
.prod_row2 .prod_cont_r1 .prod_cont_r a.last:hover{ background-color: #faa600; border-color: #faa600; }
.prod_cont_r2{ margin-top:20px; }
.prod_cont_r2:after{ content: ''; clear: both; display: block; }

.prod_cont_r2 .prod_item { display: block; float: left; width: 290px; overflow: hidden; margin-right: 20px; margin-bottom: 20px}
.prod_cont_r2 .prod_item img{ width: 100%; height: auto; display: block}
.prod_cont_r2 .prod_item:nth-child(3n){ margin-right: 0; /*! display: none; */}
.prod_cont_r2 .prod_item:nth-child(2){ }
.prod_cont_r2 .prod_item p{ display: block; line-height: 48px; text-align: center; background: #fff; margin-top: 1px; font-size:14px; transition:0.3s all ease-in-out; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 15px; }
.prod_cont_r2 .prod_item:hover p{ background: #faa600; color: #fff; }


.prod_cont_r{ width:380px;}
.ads{ background: url(../images/ads_bg.jpg) no-repeat center; width: 100%; height: 100px; display: block; padding: 30px 0; }
.ads .fl strong { font-size: 30px; font-weight: bold; color: #fff; line-height: 50px; display: block; font-family: arial,microsoft yahei; }
.ads .fl p span{ border:1px solid #fff; border-radius: 50px; padding: 0 20px; color: #fff; line-height: 28px; display: inline-block; font-size: 15px; margin: 10px 22px 10px 0px; }
.ads_tel {

    font-size: 15px;
    font-weight: 100;
    color: #fff;
    line-height: 22px;
    padding: 15px 0px;

}
.ads_tel strong {

    font-size: 21px;
    font-weight: bold;
    font-family: arial;
    display: block;
    color: #fff;

}

.adv{ background: url(../images/adv_bg.jpg) no-repeat center top; width: 100%; display: block; padding:40px 0 60px; }

.adv_row1{ background: url(../images/adv_tit.png) no-repeat center bottom; text-align:center; }
.adv_row1 strong{ font-size: 36px; color: #fff; display:block; line-height:50px; padding:10px 0}
.adv_row1 strong .color1{ font-size:inherit; color: #86c225; }
.adv_row1 strong .color2{ font-size:inherit; color: #ebcb35; }
.adv_row1 p {
    font-size: 15px;
    line-height: 20px;
    padding-bottom: 10px;
    color: #ddd;
    letter-spacing: 0.5px;
}
.adv_row2{ padding: 10px; background: #fff; margin-top: 50px; }
.adv_row2:after{ content: ''; clear: both; display: block; }
.adv_item{ float: left; width: 585px; margin-bottom: 10px; position:relative; }
.adv_item p{ font-weight: 100; color: #676767; line-height: 22px; display: block; padding: 16px 20px; text-align: justify; background: #efefef; font-size: 13px; transition: 0.3s all ease-in-out; position:relative; }
.adv_item p:before,.adv_item p:after{ content:''; display:block; width:120px; height: 120px; position: absolute; right:20px; bottom:80px; transition:0.3s all ease-in-out; }
.adv_item_1 p:before,.adv_item_1 p:after{ background:url(../images/adv_item_i1.png) no-repeat right -120px; }
.adv_item_2 p:before,.adv_item_2 p:after{ background:url(../images/adv_item_i2.png) no-repeat right -120px; }
.adv_item_3 p:before,.adv_item_3 p:after{ background:url(../images/adv_item_i3.png) no-repeat right -120px; }
.adv_item_4 p:before,.adv_item_4 p:after{ background:url(../images/adv_item_i4.png) no-repeat right -120px; }
.adv_item p:before{ width:120px; }
.adv_item:hover p:before{ width:0px; }
.adv_item p:after{ background-position: right 0px; width:0px; }
.adv_item:hover p:after{ width:120px; }

.adv_item:hover p{ background: #86c225; color: #fff; }

.adv_item:hover p strong{ color: #fff; }
.adv_item p strong{ display: block; font-weight: bold; font-size: 22px; color: #343434; line-height: 30px; padding-bottom: 8px; transition:0.3s all ease-in-out}
.adv_item:nth-child(1),.adv_item:nth-child(3){ margin-right: 10px; }
.adv_item img{ width: 100%; display: block; height: auto; }


.solu{ height: 520px; width: 100%; background: url(../images/solu.jpg) no-repeat center; display: block; padding: 100px 0; }
.solu_l{ padding: 30px; background: #fff; width: 800px; height: 460px; float: left; }
.solu_r{ float: right; padding: 85px 25px 85px 25px; }
.solu_r > a { display: block; margin: 0 auto; }
.solu_r .solu_tit_1{ background: url(../images/solu_tit1.png) no-repeat center; font-weight:bold; font-family: arial; text-align: center; font-size: 48px; line-height: 40px; color: #fff; height: 90px; display: block; padding: 40px 0; margin: 0 auto; }

.solu_r .solu_tit_2{ font-size: 46px; font-weight: bold; color: #fff; line-height: 60px; display: block; text-align: right; padding: 15px 0px 80px 0; background: url(../images/solu_tit2.png) no-repeat right bottom; }
.solu_r .solu_tit_2 p{ font-size: 15px; line-height: 24px; display: block; font-weight: 100; color: #fff; }

.solu_item *{ transition: 0.3s all ease-in-out}
.solu_item { float: left; width: 200px; height: 230px; position: relative; transition:0.3s all ease-in-out; overflow:hidden; box-shadow: 0 0 0px 1px #f5f5f5; }
.solu_item > i > img{ display: block; width: 100%; height: auto; }
.solu_item > i{ display: block; width: 100%; height: auto; }
.solu_item > p > span{ width: 70px; height:70px; display:block; margin:40px auto 20px; position: relative; }
.solu_item > p > span:before,.solu_item > p > span:after{ content: ''; position:absolute; top:0; left:0; width:100%; height:100%; display:block; transition:0.3s all ease-in-out; }
.solu_item > p > span:before{ opacity: 1; filter: alpha(opacity=100); }
.solu_item_1 > p > span:before{ background: url(../images/solu_item_bg1.png) no-repeat center -70px; }
.solu_item_2 > p > span:before{ background: url(../images/solu_item_bg2.png) no-repeat center -70px; }
.solu_item_3 > p > span:before{ background: url(../images/solu_item_bg3.png) no-repeat center -70px; }
.solu_item_4 > p > span:before{ background: url(../images/solu_item_bg4.png) no-repeat center -70px; }
.solu_item_5 > p > span:before{ background: url(../images/solu_item_bg5.png) no-repeat center -70px; }
.solu_item_6 > p > span:before{ background: url(../images/solu_item_bg6.png) no-repeat center -70px; }
.solu_item_7 > p > span:before{ background: url(../images/solu_item_bg7.png) no-repeat center -70px; }
.solu_item_8 > p > span:before{ background: url(../images/solu_item_bg8.png) no-repeat center -70px; }

.solu_item_1 > p > span:after{ background: url(../images/solu_item_bg1.png) no-repeat center 0px; }
.solu_item_2 > p > span:after{ background: url(../images/solu_item_bg2.png) no-repeat center 0px; }
.solu_item_3 > p > span:after{ background: url(../images/solu_item_bg3.png) no-repeat center 0px; }
.solu_item_4 > p > span:after{ background: url(../images/solu_item_bg4.png) no-repeat center 0px; }
.solu_item_5 > p > span:after{ background: url(../images/solu_item_bg5.png) no-repeat center 0px; }
.solu_item_6 > p > span:after{ background: url(../images/solu_item_bg6.png) no-repeat center 0px; }
.solu_item_7 > p > span:after{ background: url(../images/solu_item_bg7.png) no-repeat center 0px; }
.solu_item_8 > p > span:after{ background: url(../images/solu_item_bg8.png) no-repeat center 0px; }


.solu_item > p > span:after{ opacity: 0; filter: alpha(opacity=0); }


.solu_item > p > span > img{ width: 30px; height: 30px; padding: 20px; display: block; position: relative; z-index: 3; }
.solu_item > p{ position:absolute; width: 100%; height: 100%; background:rgba(255,255,255,1); left: 0; top: 0; line-height: 30px; display: block; text-align: center; font-size: 17px; color: #343434; }
.solu_item > p > .en{ display: block; font-style: normal; color: #bbb; text-transform: capitalize; }
.solu_item:nth-child(1) > p,.solu_item:nth-child(3) > p,.solu_item:nth-child(6) > p,.solu_item:nth-child(8) > p{ background:rgba(245,245,245,1); }

.solu_item:hover > p > span:before{ opacity: 0; filter: alpha(opacity=0); }
.solu_item:hover > p > span:after{ opacity: 1; filter: alpha(opacity=100); }
.solu_item:hover > p{ background:rgba(255,255,255,0); color: #fff}
.solu_item:nth-child(1):hover > p,.solu_item:nth-child(3):hover > p,.solu_item:nth-child(6):hover > p,.solu_item:nth-child(8):hover > p{ background:rgba(245,245,245,0); }

.history { padding: 60px 0 50px; background: url(../images/history_bg.jpg) no-repeat center; height: 620px; }
.history_row1{ display: block; text-align: center; padding-bottom: 30px; background: url(../images/history_tit1.png) no-repeat center bottom; font-size: 36px; font-weight: bold; color: #343434; margin: 0 auto; text-align: center; line-height: 40px}
.history_row1 .color{ color: #86c225; font-size: inherit; }

.history_row1 p{ font-size: 15px; display: block; color: #999999; line-height: 25px; font-weight: 100; padding-top: 10px; }
.history_tit{ position: relative; height: 400px; }
.history_tit *{ transition:0.3s all ease-in-out; }
.history_tit > li{ width: 170px; height: 170px; position: absolute; z-index: 5; }


.history_tit_1 { left: 0px; top: 205px; }
.history_tit_2 {left: 160px;top: 112px;}
.history_tit_3 {left: 306px;top: 27px;}
.history_tit_4 {left: 450px;top: 115px;}
.history_tit_5 {left: 630px;top: 97px;}
.history_tit_6 {left: 800px;top: 44px;}
.history_tit_7 { left: 1000px; top:-20px; }
.history_tit_8 { left: 1180px; top:-40px; }

.history_tit > li > p{ font-size: 14px; color: #b5b5b5; line-height: 22px; text-align: center; padding: 10px 0; position:relative; top:-50px; opacity: 0; filter: alpha(opacity=0); }
.history_tit > li > .en { font-size: 20px; display: block; color: #b5b5b5; text-align: center; position:relative; line-height: 35px; }
.history_tit > li > .en:after{ content: ''; width: 2px; height: 40px; background: #b5b5b5; display: block; position: absolute; bottom: 24px; left:84px; transition:0.3s all ease-in-out}
.history_tit > li > .en > i{ display: block; width:22px; height: 22px; background: #fff; display: block; border:1px solid #b5b5b5; border-radius: 50%; margin:50px auto 0; position: relative; transition:0.3s all ease-in-out; }
.history_tit > li > .en > i:after{ content: ''; display: block; width: 14px; height: 14px; background: #b5b5b5; border-radius: 50%; position: absolute; left: 4px; top: 4px; transition:0.3s all ease-in-out; }


.history_tit > li.cur p{ color: #86c225; top:0; opacity: 1; filter: alpha(opacity=100); }
.history_tit > li.cur .en{ color: #86c225}
.history_tit > li.cur > .en > i{ border-color: #86c225}
.history_tit > li.cur > .en > i:after{ background: #86c225}
.history_tit > li.cur > .en:after{ background: #86c225; height:50px}
.history_page { width: 1010px; margin: -170px 0 0 auto; position: relative; right: -120px; height: 260px; }
.history_item p{ width:420px; color:#666; line-height:25px; font-size:14px; border-bottom:1px solid #ddd; padding:20px 10px; height: 75px; position: absolute; bottom: 40px; text-align: justify; left: 0; }
.history_item img{ position: absolute; right: 0; bottom: 0; }

.client{ background: url(../images/client_bg.jpg) repeat center top; width: 100%; height:420px; padding: 50px 0 85px; }

.client_row1{ text-align: center; width: 620px; margin: 0 auto; display: block; padding: 0 0 30px; }
.client_row1 strong{ font-size: 36px; font-weight: 100; display:block; line-height:50px; background: url(../images/client_tit.png) no-repeat center bottom; padding-bottom: 35px}
.client_row1 strong .color{ font-size: inherit; color: #86c225; font-weight: bold}
.client_row1 p{ line-height: 42px; font-size: 15px; color: #666; font-weight:100; }

.client_item { float: left; width: 280px; padding:0 10px; position: relative; }
.client_item *{ transition: 0.3s all ease-in-out}
.client_item > img{ width: 100%; height: auto; display: none; }
.client_item > p { position: relative; padding: 210px 30px 30px; }
.client_item > p:after{ content:''; position:absolute; left:0px; top:-50px; width:0; height:0; border-right:193px solid #86c225; border-left:192px solid #86c225; border-top:50px solid transparent; transition:0.3s all ease-in-out; opacity: 0; filter: alpha(opacity=0); }
.client_item > p > i { display: block; position: absolute; top: 0px; border-radius: 50%; overflow: hidden; width: 200px; height: 200px; left: 40px; box-shadow: 0 0 10px 0px #eee; z-index: 3; }

.client_item > p > i > img { display: block; width: 120px; height: 120px; padding: 40px; background: #fff; }
.client_item > p > span{ font-size: 14px; line-height: 22px; color: #777; padding: 10px 0 0; display: none; text-align: justify; letter-spacing: 0.1px; }
.client_item > p > strong { font-size: 18px; font-weight: normal; display: block; line-height: 40px; position: relative; text-align: center; font-family: arial,microsoft yahei; display: none; }
.client_row2 {
    position: relative;
}
#client_c1_left,#client_c1_right{display: block;width:20px;height: 63px;display: block;position: absolute;background: url(../images/honor_btn.png) no-repeat 0 0;top:80px;cursor:pointer;}
#client_c1_left{left: -50px}
#client_c1_right{right: -50px;background-position: -24px 0;}
#client_c1_left:hover,#client_c1_right:hover{background-position-y:-66px;}
/*
.client_item > p > strong:after{ content: ''; width: 40px; height: 12px; background: url(../images/client_arr.png) no-repeat -45px 0; display: block; position: absolute; right: 0; top: 15px; transition: 0.3s all ease-in-out; }
.client_item:hover > p { background:#86c225}
.client_item:hover > p > span{ color: #fff; }
.client_item:hover > p > strong{ color: #fff; }
.client_item:hover > p:after{ opacity: 1; filter: alpha(opacity=100); }
.client_item:hover > p > strong:after{ background-position: 1px 0; }
*/


.about{ width: 100%; margin-top: -65px}
.about .company{ background: url(../images/about_bg.png) no-repeat center top; height: 905px; width: 100%; }

.company_row1{ text-align: center; width: 620px; margin: 0 auto; display: block; padding: 85px 0 30px; }
.company_row1 strong{ font-size: 40px; font-weight: 100; display:block; line-height:50px; background: url(../images/about_tit.png) no-repeat center bottom; padding-bottom: 35px; color: #fff; }
.company_row1 strong .color{ font-size: inherit; color: #86c225; font-weight: bold}
.company_row1 p{ line-height: 42px; font-size: 15px; color: #9ca2ba; font-weight:100; }

.company_row2 { width: 1180px; margin: 0 auto; }
.company_row2 p{ color: #d7d7d7; font-size: 15px; line-height: 28px; padding-bottom: 10px; text-indent: 2em; }

.company_item { float: left; width: 25%; }

.company_item i{ width: 90px; height: 90px; display: block; margin: 0 auto; padding:10px 10px 0}
.company_item i img{ width: 100%; display: block; height: 100%; }

.company_item strong{ font-size: 28px; color: #fff; text-align: center; line-height:32px; display: block; font-family: arial,microsoft yahei; }
.company_item strong .small {
    font-size: 17px;
    font-weight: 100;
    color: #9ca2ba;
    display: block;
    line-height: 36px;
}

.company_row3{ padding: 20px 0 40px; }
.company_row3:after{ content: ''; display: block; clear: both; }

.company_row4{ padding: 30px; width: 1140px; background: #fff; height: 200px; position: relative; }
.company_row4:after{ content: ''; display: block; width: 100%; position: absolute; height: 60px; background: url(../images/company_row4.png) no-repeat center; bottom: -60px; left: 0; }

.company4_item { float: left; width: 300px; height: 200px; margin-right: 30px; position: relative; display: block; overflow: hidden; }
.company4_item > img{ display: block; width: 100%; height: auto; }
.company4_item > p{ position: absolute; left: 20px; top: 20px; color: #fff; background: rgba(134,194,37,0.85) url(../images/company4_ibg.png) no-repeat center 50px; width:220px; height:120px; padding:20px; text-align:center; display:block; font-size:15px; line-height:180px; transform: scale(1.2,1.2) rotateX(180deg); opacity: 0; filter: alpha(opacity=0); transition:0.3s all ease-in-out; }
.company4_item:hover > p{ transform: scale(1) rotateX(0deg); opacity: 1; filter: alpha(opacity=1); }


.company4_btn{ display: block; width:180px; height:260px; background:url(../images/company4_bg1.png) no-repeat center; position: absolute; right:0; top: 0; }

.company4_btn #company4_c1_left, .company4_btn #company4_c1_right { display: block; width: 100%; height: 86px; cursor:pointer; }
.company4_btn #company4_c1_left{ background: rgba(228,255,0,0.15) url(../images/company4_btn.png) no-repeat center 26px}
.company4_btn #company4_c1_right{ background: rgba(0,0,0,0.05) url(../images/company4_btn.png) no-repeat center -146px}
.company4_btn > a { display: block; width: 100%; height: 88px; display: block; line-height: 88px; text-align: center; color: #fff; font-size: 18px; letter-spacing: 0.2px; }

.honor{ background: url(../images/honor_bg.jpg) no-repeat center; width: 100%; height: 430px; padding: 130px 0 50px; margin-top: -140px; }
.honor_row1{ width: 600px; margin: 0 auto; text-align: center; display: block; position:relative; padding-bottom:25px; }
.honor_row1:after{ content: ''; display: block; width:50px; height: 3px; background:#86c225; margin:10px auto; }
.honor_row1 strong{ font-size:40px; color: #343434; font-weight: 100; display: block; line-height: 45px; }
.honor_row1 strong .color{ font-weight: bold; color: #86c225; font-size: inherit; }
.honor_row1 p{ font-size: 15px; color: #777; line-height: 32px; }

.honor_row2 { display: block; width: 935px; margin-left: auto; }

.honor_row2:after { content: ''; clear: both; display: block; }
.honor_item:first-child{ margin-left: 0; }
.honor_item { width: 170px; float: left; display: block; margin-left: 20px; }
.honor_item img { display: block; width: 150px; padding: 10px; background: #fff; }
.honor_item span { display: block; text-align: center; line-height: 35px; height: 35px; background: #fff; margin-top: 1px; position: relative; }
.honor_item span:after{ content: ''; display: block; background: url(../images/honor_item_bg.png) no-repeat center; width:160px; height: 20px; position:absolute; bottom: -20px; left: 5px; }

.team{ background: url(../images/client_bg.jpg) repeat center top; width: 100%; height:700px; padding: 55px 0; }
.team .page{ overflow:hidden;position:relative;}
.team_row1{ display: block; text-align: center; padding-bottom: 30px; background: url(../images/history_tit1.png) no-repeat center bottom; font-size: 36px; font-weight: bold; color: #343434; margin: 0 auto; text-align: center; line-height: 40px}
.team_row1 .color{ color: #86c225; font-size: inherit; }

.team_row1 p{ font-size: 15px; display: block; color: #999999; line-height: 25px; font-weight: 100; padding-top: 10px; }


.team_in_l{padding: 25px 0;background: #fff;width:600px;height:400px;position: relative;z-index:5;         }
.team_in_l > .team_tit{padding: 0px 30px 25px;}
.team_in_l > .team_tit > strong{font-size: 24px;font-weight: bold;display:block;float: left;padding-left: 45px;background: url(../images/team_tit.jpg) no-repeat left center;line-height: 35px;color: #343434;}
.team_in_l > .team_tit > a{color: #bbb;line-height: 24px;border: 1px solid #bbb;padding: 0px 10px;border-radius:50px; text-transform: uppercase;font-size: 12px;display: block;float: right;margin-top:4px;}
.team_in_l > .team_tit:after{content: '';clear: both;display: block;}

.team_list > li {display: block;height: 100px;padding: 25px 30px 25px 30px;width: 540px;position:relative;cursor: pointer;}
.team_list > li:after{content: '';display: block;width: 17px;height: 32px; background: url(../images/team_btn.png) no-repeat center;position: absolute;right: -20px;top:59px; opacity: 0; filter: alpha(opacity=0);transition: 1s all ease-in-out; }
.team_list > li:before{content: '';display: block; width: 630px;height: 150px;position: absolute;left: -630px;top: 0; background: url(../images/team_list.jpg) no-repeat center;transition: 0.3s all ease-in-out;}
.team_list > li.cur:before{left: 0}
.team_list > li > i{ display: block; width:90px; height:90px; border:5px #fff solid; display:block; border-radius:50%; background:#fff; overflow:hidden; float: left; position: relative; z-index: 3}
.team_list > li > i > img{ display: block; width:auto; height:100%; margin-left:-15%; }
.team_list > li > p{ display: block; float: right; width: 400px; color: #888888; line-height: 22px; font-size: 13px; text-align: justify; height: 80px; padding: 10px 15px 10px 0; position: relative; z-index: 3; transition: 0.3s all ease-in-out; }
.team_list > li > p > strong{ color: #343434; display: block; font-size: 22px; font-weight: bold; line-height:28px; padding-bottom:5px; transition: 0.3s all ease-in-out; }
.team_list > li.cur > p{ color: #fff}
.team_list > li.cur > p > strong{ color: #fff}
.team_list > li.cur:after{ right: -5px; opacity: 1; filter: alpha(opacity=100); }
.team_row2 { padding: 38px 0; position: relative; margin: 50px 0; }
.team_cont { position: absolute; width: 700px; right: 0; top: 0px; height: 525px; }
.team_cont > .team_cont_item{position: absolute;left: 0;top: 0;
}

.team_in_l > a{ border-bottom: 1px solid #eee; display: block; padding: 0 0px 0 30px; position: relative; height: 40px; width:170px; transition:0.3s all ease; margin-top:10px}
.team_in_l > a:after{ content: ''; display: block; width: 20px; height: 20px; background: url(../images/team_btnb.png) no-repeat -20px 0; position: absolute; top: 10px; left: 40px; transition:0.3s all ease}
.team_in_l > a > span{ font-size: 15px; color:#555; display: block; line-height: 40px; transition:0.3s all ease; text-align: center; padding: 0 0px 0 30px; }
.team_in_l > a:hover > span{ background:#86c225; color:#fff}
.team_in_l > a:hover{ border-bottom: 1px solid #86c225}
.team_in_l > a:hover:after{ background-position: 0px 0; }



.news{ background: url(../images/client_bg.jpg) repeat center top; width: 100%; height:570px; padding: 50px 0; }
.news_l{width: 680px;height: 520px;float: left;overflow:hidden;}
.news_row1{display: block;background:#fff;height: 80px;width: 100%;position: relative;}
.news_row1:after{content: '';display: block;height: 1px;width: 100%;background: #eee; bottom: 0;left: 0;position: absolute;}
.news_row1 i{background: #94d52a;background: -moz-linear-gradient(-45deg, #94d52a 0%, #86c225 100%);background: -webkit-linear-gradient(-45deg, #94d52a 0%,#86c225 100%);background: linear-gradient(135deg, #94d52a 0%,#86c225 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94d52a', endColorstr='#86c225',GradientType=1 );padding: 20px;display: block;width: 40px;height: 40px;float: left;position: relative;z-index: 3;}
.news_row1 i:after{ content: ''; width: 40px; height: 40px; display: block; background: url(../images/news_tit.png) center no-repeat; }
.news_row1 strong{font-size: 20px;font-weight: 100;color: #343434;display: block;line-height: 28px;padding: 15px 0 15px 20px;float: left;} 
.news_row1 strong .en{font-size: 12px;font-weight: 100;color: #bbb;text-transform: uppercase;font-family: arial;display: block;line-height: 22px;}
.news_row1 > .en{float: right;color: #aaa;line-height: 80px;display: block;padding: 0 20px}
.news_row2{padding: 21px 30px;background: #fff;overflow: hidden;height: 398px;}
.news_row2 .news_item { display: block; transition: 0.3s all ease-in-out; height: 42px; overflow: hidden; margin-top: 12px; border-bottom: 1px dashed #f1f1f1;}
.news_row2 .news_item *{ transition:0.3s all ease-in-out; }
.news_row2 .news_item p{ padding-left: 30px; font-size: 13px; color: #9e9e9e; line-height: 26px; display: block; padding-top: 10px; text-align: justify; padding-top: 5px; }
.news_row2 .news_item strong { padding: 0 200px 0 30px; color: #555; font-size: 15px; line-height: 34px; display: block; font-weight: 100; position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news_row2 .news_item strong i{ width: 20px; height: 20px; position: absolute; left: 0; top: 7px;  }

.news_row2 .news_item strong i:after{ content: ''; display: block; width: 6px; height: 6px; background: #aaaaaa; left: 9px; top: 8px; position: absolute; transition:0.3s all ease-in-out; border-radius:50%}

.news_row2 .news_item strong .date{ color: #999; position: absolute; right: 0; top:0; line-height: 32px; display: block; }

.news_row2 .news_item.cur { height: 110px;}
.news_row2 .news_item:nth-last-child(1){border-bottom: 0 none;}
.news_row2 .news_item.cur strong{ color: #86c225; padding: 0 200px 0 0px;}
.news_row2 .news_item.cur p{padding-left: 0px;}
.news_row2 .news_item.cur strong i{  }
.news_row2 .news_item.cur strong i:after{ opacity: 0; filter: alpha(opacity=0); }


.news_r{float: right;width: 520px;height: 520px;}
.news_item_c{display: block;width: 520px;height: 260px;position: relative;overflow: hidden;}
.news_item_c *{transition: 0.3s all ease-in-out}
.news_item_c > img {

    display: block;
    width: 400px;
    height: 260px;
    position: absolute;
    left: -80px;
    top: 0px;

}
.news_item_c:nth-child(2) > img{position: absolute;left: auto;top:0;right:-80px;}
.news_item_c > i{position: absolute;top: 210px;color: #fff;text-align: center;width: 40px;font-size:14px;font-style:normal; text-transform: capitalize;font-weight: bold;padding-right: 35px;right: 20px;background: url(../images/news_btn.png) no-repeat right center;display: block;line-height: 30px;}
.news_item_c:nth-child(2) > i{position: absolute;top: 210px;color: #fff;text-align: center;width: 40px;font-size:14px;font-style:normal; text-transform: capitalize;font-weight: bold;padding-right: 35px;right: auto;left: 20px;background: url(../images/news_btn.png) no-repeat right center;display: block;line-height: 30px;}
.news_item_c > p{display: block;padding:20px;position: absolute;width: 220px;height: 220px;background: #333 url(../images/news_item_t.png) no-repeat center;right:0;top:0;font-size:13px;color:#999;line-height: 22px;}
.news_item_c:nth-child(2) > p{position: absolute;left: auto;top:0;left:0;}
.news_item_c > p:after{content: '';position: absolute;left: -20px;top: 110px;width: 0;height: 0;border-bottom: 20px solid transparent;border-right: 20px solid #333;border-top: 20px solid transparent;transition: 0.3s all ease-in-out;}
.news_item_c:nth-child(2) > p:after{content: '';position: absolute;left: auto;right: -20px;top: 110px;width: 0;height: 0;border-bottom: 20px solid transparent;border-right: 0px solid transparent;border-left: 20px solid #333;border-top: 20px solid transparent;
transition: 0.3s all ease-in-out;}


.news_item_c > p > strong{font-size: 18px;color: #fff;line-height: 32px;display: block;padding-bottom: 15px}

.news_item_c:hover > p:after{border-bottom: 20px solid transparent;border-right: 20px solid #86c225;border-top: 20px solid transparent;}
.news_item_c:hover:nth-child(2) > p:after{border-bottom: 20px solid transparent;border-right: 0px solid transparent;border-left: 20px solid #86c225;border-top: 20px solid transparent;}
.news_item_c:hover > p{background-color: #86c225;color:#dceac6;}



.copy{ background: #333; padding: 20px 0 0; }
.copy .page{ position: relative; }
.copy .copy_row2 { height: 260px; overflow: hidden; width: 100%; }
.copy .copy_row2 ul{ float: left; padding: 30px 70px 30px 0px; background: url(../images/20180905140430_975406376.jpg) no-repeat right center; margin: 0 40px 0 0}
.copy .copy_row2 ul a{ display: block; color: #bbb; line-height: 28px; font-size: 13px; }
.copy .copy_row2 ul strong { padding: 0px 0 15px; display: block; }
.copy .copy_row2 ul strong a{ font-size: 15px; font-weight: normal; color: #fff}
.copy .copy_row2 ul.ewm .ewm_in{ float: left; margin:30px 10px; }
.copy .copy_row2 ul.ewm .ewm_in img{ display: block; width: 90px; }
.copy .copy_row2 ul.ewm .ewm_in p{ color: #bbb; display: block; line-height: 30px; text-align: center; }
.copy .copy_row2 ul .copy_tel{ background: url(../images/20180905140455_436962388.jpg) no-repeat left center; padding:10px 0 5px 60px; font-size: 32px; line-height: 50px; display: block; color: #fff; font-family: arial; font-weight: 100; }
.copy .copy_row2 ul.copy_contact { width: 270px; padding-right: 0; margin-right: 0; background: none; }
.copy .copy_row2 ul.copy_contact p{ color: #bbb; display: block; line-height: 25px; }
.copy .copy_top { cursor: pointer; width: 60px; height: 60px; background: #86c225 url(../images/20180905140514_1315648785.png) no-repeat center; position: absolute; display: block; border-radius: 50%; left: 570px; top: -50px; box-shadow: 0 0 0px 8px rgba(255,255,255,0.2); }
.copy .copy_row3{ width: 100%; height: 55px; line-height: 55px; background:#86c225; }
.copy .copy_row3 .fl, .copy .copy_row3 .fr, .copy .copy_row3 .fl a, .copy .copy_row3 .fr a { color: #e3f3cd; }
.copy .copy_row3 .fl a:hover, .copy .copy_row3 .fr a:hover{ color: #fff; text-decoration:underline; }


/*内页图片点击放大*/
#jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:10px;}
#lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav{left:0;}
#lightbox-nav a{outline:none;}
#lightbox-nav-btnPrev,
#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev{left:0;float:left;}
#lightbox-nav-btnNext{right:0;float:right;}
#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0;}
#lightbox-container-image-data{padding:0 10px;color:#666;}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}
#lightbox-image-details-caption{font-weight:bold;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}






/*浮动QQ*/
.back-top-container{ display: block; position: fixed; right: 0px; bottom: 1px; cursor: pointer;width:118px; z-index: 99999;}
.back-top { opacity: 0.8; width: 32px; height: 32px; z-index:10000000; background: #868686 url(/upload/image/20211023/1634969551337902.png) center center no-repeat; }
.back-top:hover { opacity: 1; }
.back-top-text { margin-top: 3px; padding-left: 7.5px; width: 32px; border: 1px solid #000; border-radius: 5px; background: #fff; }
.back-top:hover {opacity: 1; }
.yb_conct {  z-index: 9999999; top: 200px; right: -127px; cursor: pointer; transition: all .3s ease; }
.yb_bar ul li {width: 200px;  height: 53px;  font: 10px/53px 'Microsoft YaHei';  color: #fff;  text-indent: 23px;  margin-bottom: 1px;  border-radius: 3px; transition: all .5s ease;  overflow: hidden; }
.yb_bar ul li:nth-child(5){ font: 12px/53px 'Microsoft YaHei'; }
.yb_bar .yb_top {background: #86c225 url(/upload/image/20211027/1635302329263195.png) no-repeat 0 0; }
.yb_bar .yb_phone {background: #86c225 url(/upload/image/20211027/1635302329263195.png) no-repeat 0 -57px; }
.yb_bar .yb_contacts {background: #86c225 url(/upload/image/20211027/1635302329263195.png) no-repeat 0 -114px; }
.yb_bar .yb_QQ {text-indent: 0;  background: #86c225 url(/upload/image/20211027/1635302329263195.png) no-repeat 0 -170px;}
.yb_bar .yb_mailbox {background: #86c225 url(/upload/image/20211027/1635302329263195.png) no-repeat 0 -223px; }
.yb_ercode{ height:166px !important;}
.yb_bar .yb_ercode {  background: #86c225 url(/upload/image/20211027/1635302329263195.png) no-repeat 0 -278px; }
.hd_qr { padding: 0 29px 25px 7px; }
.yb_QQ a { display: block; text-indent: 30px; font-size:12px;  width: 100%;  height: 100%;  color: #fff; }