.topbar{ padding:5px 0;}
.language a{ font-size: 12px; display: inline-block; line-height: 30px; color: #000; margin-left: 15px;}

* a:hover{ text-decoration: none; color: #53B904; }

header{ padding: 10px 0;}
.logo-title{ margin-bottom: 5px; font-weight: bold; font-size: 18px;}
.logo-title span{ color: #53B904;}
.logo-subtitle{ color:#666; }

.hotline span{ display: block; }
.hotline em{ color: #000; font-size: 22px; font-style: normal; color: #53B904;}

.navbar{
 	background-color: #ececec;
    border-top: #d6d6d6 1px solid;
     }

.block-1{ background-color: #53B904; width:220px; text-align: left; padding: 11px 0; display: block; }
a.block-1:hover,a.block-2:hover{ text-decoration: none; color: #fff;}
.block-1 span{ font-size: 18px; font-weight: bold;  color: #fff; display: block; }
.block-1 small{ color: #dbdbdb; }
.block-2{ display: block; background-color: #e89d37; color: #fff; width:220px; text-align: left; padding: 21px 0; font-size: 17px;}

nav > ul { margin: 0; padding: 0; }
nav > ul > li { display: inline-block; list-style: none; }
nav > ul > li > a{ display: block; padding: 22px 0; color: #333; text-align: center; font-size: 16px;}
nav > ul > li > a:hover{ background:url(../images/nav_li_hover.png) top center no-repeat; text-decoration: none; color: #000;}

nav .uk-dropdown h4 a{ color: #333; }

.banner-page span{ padding: 26px 0; display: block; text-align: center; font-size: 14px; color: #333; outline: none; cursor: pointer;}
.banner-page span i{ font-size: 20px; border:#ddd 2px solid; padding: 10px; border-radius: 50%; }
.banner-page .uk-active span{ color: #fff; background-color: #53B904; }
.banner-page .uk-active span i { border: #f7f7f7 2px solid; }

.bg-grey{ padding: 60px 0;}

.page-title span{ color: #53b904; font-weight: bold; }

.fl-top h3 i{ font-size: 16px; font-style: normal; display: block; }
/* 产品分类折叠 */
.fl-catelist { background-color: #efefef; border-right: #e5e5e5 1px solid; border-left: #e5e5e5 1px solid;}
.fl-catelist ul{ margin: 0; padding: 0; }
.fl-catelist li{ list-style: none;}
.fl-catelist li.nav-item > a{ border-left: #f19a38 3px solid;}
.fl-catelist li.nav-item:hover,.fl-catelist li.active { background-color: #fff;}
.fl-catelist li.nav-item > a{ display: block; border-bottom: #ddd 1px solid;}
.fl-catelist li a{position: relative; display: block; font-size: 14px; color: #333; padding: 12px 20px;}
.fl-catelist ul li ul li{ border-bottom: #ddd 1px solid;}
.fl-catelist ul li ul li a:after{ 
    content:url(../images/type_jt.png);
    position: absolute;
    right: 20px;
    top: 30%;
}
.fl-catelist li a:hover,.fl-catelist li.active a{ border-left: #6cb637 3px solid; }
.fl-catelist li.nav-item > ul{ display: none}

.r-block{ background-color: #fff; padding: 15px;}
.r-block-top a{ display: block; background-color: #e5e5e5; padding: 10px; text-align: center; color: #333; }
.r-block-top a:hover{ color: #fff; text-decoration: none; background-color: #6cb637;}
.img-block h4 a{ color: #333;}
.img-block h4 a:hover{ color: #6cb637; }
.img-block p{ color: #999;}
.img-block .uk-overlay{ background-color: rgba(83,185,4,.3) }
.img-block .uk-overlay span{ color: #fff; }

.solution-tabtitle{ margin-top: 30px; margin-bottom: 30px;}
.solution-tabtitle a{ display: block; background: #e5e5e5; padding:12px; font-size: 16px!important; text-align: center; position: relative; }
.solution-tabtitle li.uk-active a{ background: #6cb637; color: #fff; }
.solution-tabtitle li.uk-active a:after{
    content:'';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #6cb637;
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
}
.solution-tabcontent h4 a{ color: #333;}
.solution-tabcontent h4 a:hover{ color: #6cb637; }

.gg2 h3 span{ color: #6cb637; }

.service-process i{ display: inline-block; font-size: 44px; width: 78px ;height: 78px; border-radius: 50%; border:#333 1px solid; line-height: 78px;
margin-bottom: 15px; transition: all 0.5s;}
.service-process em{ font-style: normal; color: #444; display: block; }
.service-process span{ display: inline-block; padding:4px 6px; border-top: #666 1px solid; margin-top: 5px; }
.service-process .active i{ background: #53B800; color: #fff; border:#53B800 1px solid;}
.service-process .uk-grid > div:hover i{ background: #53B800; color: #fff; border:#53B800 1px solid; }

.news-switcher{ border:#ddd 1px solid; }
.news-tabtitle a{ display: block; padding: 15px 0; text-align: center; font-size: 18px; color: #333;}
.news-tabtitle a:hover,.news-tabtitle li.uk-active a{ background-color: #6cb637; color: #fff; }
.news-tabtitle { border-bottom: #ddd 1px solid; }
.news-tabtitle li:first-child a{ border-right: #ddd 1px solid; }
.news-tabcontent .uk-card{ margin: 25px; }
.hotnews h4 a{ color: #333; }
.hotnews h4 a:hover{ color: #6cb637; }
.hotnews p{ line-height: 2em; color: #666; font-size: 12px; }
.hotnews small{ color: #999; font-size: 12px;}

.news-list{ border-top: #ddd 1px dashed; margin-top: 30px; padding-top: 20px;}
.news-list ul{ margin: 0; padding: 0;}
.news-list ul li{ list-style: none; font-size: 12px; line-height: 2em; background: url(../images/news_jt.png) no-repeat left; padding-left: 14px;}
.news-list ul li a{ color: #666; }
.news-list ul li:hover a{ color: #6cb637;}
.news-list ul li span{ float: right; color: #999; }

.faq-box{ border: #ddd 1px solid;}
.faq-title{ font-size: 18px; border-bottom: #ddd 1px solid; padding: 15px; text-align: center; }
.faq-list{ margin: 25px; }
.faq-list dt i{ width: 28px; height:28px; display: inline-block; background: #e89d37; color: #fff; border-radius: 50%; line-height: 28px; text-align: center; font-style: normal; margin-right: 10px;}
.faq-list dd i{ width: 28px; height:28px; display: inline-block; background: #6cb637; color: #fff; border-radius: 50%; line-height: 28px; text-align: center; font-style: normal; margin-right: 10px;
float: left;}
.faq-list dt a{ color: #333; }
.faq-list dd p{ color: #898989; margin-left: 38px; font-size: 12px;}

.gg4 h2{ position: absolute; right: 80px; top: 10px; color: #444; font-size: 36px;}
.gg4 h2 span{ color: #6cb637;}
.gg4-yd{ width: 535px; position: absolute; top: 230px; right: 125px;}


footer{ background-color: #f1f1f1; padding: 40px 0; }
.footnav { margin: 0; padding: 0; border: #ccc 1px solid; padding: 10px 0; text-align: center}
.footnav li{ list-style: none; display: inline-block; margin: 0 30px;}
.footnav li a{ color: #333;}

footer .uk-card{ text-align: center}
footer .uk-card small{ display: block; margin-top: 5px;}
.bottom-logo{ border: #c2c2c2 1px dashed; padding:28px;}
.bottom-logo h2{ margin: 0; color: #6cb637; font-size: 24px;}
.links{ font-size: 12px; margin-top: 30px; }
.links a{ font-size: 12px; color: #666; display: inline-block; margin: 0 5px;}
address p{ font-size: 12px; color: #666;}
.copyright p{ font-size: 12px; color: #666;}

.solutioncard{ transition: all 0.5s; padding-bottom: 5px;}
.solutioncard h5{ margin-top: 5px; margin-bottom: 0; text-align: center; }
.solutioncard h5 a{ color: #333; }
.solutioncard:hover{ transform: translateY(-2px); box-shadow: 0px 1px 10px rgba(0,0,0,0.15); }

/*
分页
*/
.pages{ text-align: center; }
.pages a{ display: inline-block; border: #ddd 1px solid; padding: 1px 8px; color: #444; font-size: 14px; line-height: 20px; margin: 0 1px; transition: all 0.5s; }
.pages a:hover,.pages a.page-num-current{ background: #6cb637; color: #fff; text-decoration: none; border: #6cb637 1px solid;}

.article-content{ margin: 30px 0; }
.article-content p { line-height: 2em; color: #666; }

.subtitle3{ border-bottom: #ddd 1px solid; }
.subtitle3 span{ display: inline-block; border-bottom: #6cb637 1px solid; padding: 4px 10px; transform: translateY(1px); }

.related-news ul{ margin:15px 0; padding: 0; }
.related-news ul li{ list-style: none; background: url(../images/news_jt.png) left center no-repeat; padding-left: 14px; line-height: 26px; }
.related-news ul li span{ float:right; color: #999;}
.related-news ul li a{ color: #666; }
.related-news ul li a:hover{ color: #6cb637; text-decoration: none; }

.news-box h5 a{ color: #000; }
.news-box h5 a:hover{ text-decoration: none; color: #6cb637; }
.news-box{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: #ddd 1px dashed; }
.news-box p,.news-box p a{ color: #666; margin-bottom: 0; }
.news-date{ background: #e0e0e0; padding: 20px; text-align: center; }
.news-date i{ font-size: 20px; font-style: normal; display: block; margin-bottom: 6px; }
.news-date span{ display: block; font-size: 14px; }

.case-box h5 a{ color: #333; }
.case-box span{ color: #fff; }
.case-box p{ color: #999; }

.case-content-info img{ border: #ddd 7px solid; }
.detail_title{ border-bottom: #ddd 1px solid; }
.detail_title span{ font-size: 14px; color: #fff; background: #6cb737; display: inline-block; padding: 6px 25px; }

.blue-button{ background: #6cb637; color: #fff; font-size: 16px; display: inline-block; padding: 6px 30px; border-radius: 6px;  }
.blue-button:hover{ color: #fff; background: #4e8923; }

.content-note p, article p{ color: #686868; }
.small-img-box img{ width: 140px; height: 80px; border:#ddd 3px solid; }
.big-img img { width: 600px; height: 300px; }
.small-img-box .on img{ border:#4e8923 3px solid; }

/* 在线客服 */
.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}

.taobao{ background-color:#F5AA30; height:70px;}
.taobao:hover{ opacity:0.8;}
.taobao a{ color:#fff;}
.taobao a:hover{ color:#fff !important;}

.left_tz{ width:300px; height:480px; box-shadow:0px 0px 10px #333; border-radius:10px; position:fixed; left:5px; top:50%; margin-top:-240px; background-color:#fff; overflow:hidden;}
.lt_top{ width:100%; height:40px; background-color:#252C33; line-height:40px; color:#fff; text-align:center; font-size:16px;}
.lt_zs{ padding:10px;}
.lt_zs img{ margin-bottom:5px; border-radius:5px;}
.lt_con{ font-size:14px; color:#222d38; line-height:24px; padding:0 20px 10px 20px;}
.lt_tel{ width:260px; height:40px; margin:0 auto; background-color:#18C139; text-align:center; font-size:14px; line-height:40px; border-radius:5px; color:#fff;}
.lt_close{ width:28px; height:28px; background:url(../images/closeBtn.png) no-repeat; background-size:cover; position:absolute; right:5px; top:5px;}
.lt_close:hover{ cursor:pointer;}

.links{ width:1200px; margin:0 auto;}



.imore{ width:180px; margin:50px auto 0; padding-left:0 !important; border:1px solid #ccc; text-align:center; line-height:60px; font-size:16px;}
.imore a{ display:block;width:180px; height:60px; color:#333;}
.imore a:hover{ background-color:#53B904; color:#fff;}