@charset "UTF-8";
/*通用样式*/
html{-webkit-text-size-adjust: 100%; font-size: 62.5%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input,button, textarea, p, blockquote, th, td, hr{margin: 0; padding: 0;}
body{font-family:"Microsoft YaHei", \5FAE\8F6F\96C5\9ED1,Arial, sans-serif;font-size: 14px; line-height: 1.5;width:100%;}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary{display: block;}
audio, canvas, progress, video{display: inline-block; vertical-align: baseline;}
audio:not([controls]){display: none; height: 0;}
[hidden], template{display: none;}
svg:not(:root){overflow: hidden;}
a{background: transparent;text-decoration:none;-webkit-tap-highlight-color:transparent;}
a:active{outline:0;}
abbr[title]{border-bottom:1px dotted;}
b, strong{font-weight:bold;}
dfn{font-style:italic;}
mark{background:#ff0; color: #000;}
small{font-size:80%;}
sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
img{border:0;}
hr{box-sizing: content-box; height: 0;}
pre{overflow: auto; word-wrap: break-word;}
code, kbd, pre, samp{font-family: monospace, monospace; font-size: 1em;}
button, input, optgroup, select, textarea{color: inherit; font: inherit; margin: 0;}
button{overflow: visible;}
button, select{text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled]{cursor: default;}
input{line-height: normal;}
input[type="checkbox"], input[type="radio"]{box-sizing: border-box; padding: 0;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #ccc;}
fieldset{border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend{border: 0; padding: 0;}
textarea{overflow: auto; resize: vertical;}
i{ font-style:normal;}
optgroup{font-weight: bold;}
table{border-collapse: collapse; border-spacing: 0;}
td, th{padding: 0;}
ul, ol{list-style: none outside none;}
h1, h2, h3 {line-height:1.8;}
h1{font-size: 18px;}
h2{font-size: 16px;}
h3{font-size: 14px;}
.clear{clear: both;*zoom: 1;}
.clear:after{content: '';display: block;clear: both;*zoom: 1;}
.text_overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.placeholder{width:100%;height:0;overflow:hidden;}
.disinb{display:inline-block;*display: inline;zoom: 1;}
.mcenter{margin-left: auto;margin-right: auto;}
a{color: #333;}
a:focus{outline:none;}
.tr{text-align:right}
.tc{text-align:center}
.tl{text-align:left}
.fl{float:left}
.fr{float:right}
.h5{width: 100%;height: 5px;clear: both;overflow: hidden;}
.h10{width: 100%;height: 10px;clear: both;overflow: hidden;}
.h20{width: 100%;height: 20px;clear: both;overflow: hidden;}
.h50{width: 100%;height: 50px;clear: both;overflow: hidden;}
.h100{width: 100%;height: 100px;clear: both;overflow: hidden;}
.main{width: 1200px;margin-left: auto;margin-right: auto;}
/*=======首页通用样式=======*/
.wrap{min-width: 1250px;width:100%; overflow: hidden; position: relative;z-index: 0;}
.wrap .wrap_cont{width: 1200px; margin: auto; height: auto; position: relative;z-index: 2;}
.wrap .wrap_max{width:1920px; margin-left: -360px; position: relative; z-index: 1;}

/*top*/
.top{background: #000000;line-height: 36px;height: 36px;overflow: hidden;color: #767676;}
.top span{float: left;background: url("../images/phone.png") no-repeat left;padding-left: 22px;}
.top p{float: left;margin-left: 20px;}
.top-link{color: #767676;float: right;margin-right: -4px;}
.top-link a{color: #767676;margin-right: 4px;}
.top-link a:hover{color: #ddd;}

/*banner*/
.banner{height: 783px;overflow: hidden;position: relative;}
.banner-wrap{overflow: hidden;}
.banner-ul{overflow: hidden;}
.banner-ul li{width: 100%;}
.banner-ul li img{width: 100%;height: 783px;display: block;max-width: 100%;}
.dot{width: 100%;position: relative;left: 0;bottom: 40px;height: 16px;z-index: 999;}
.dot ul{text-align: center;height: 16px;line-height: 16px;font-size: 1px;color: transparent;*font-size: 0;}
.dot ul li{display: inline-block;*display: inline;*zoom:0;background: url("../images/dot1.png") no-repeat center;text-indent: -9999px;width: 19px;height: 19px;margin: 0 12px;vertical-align: middle;}
.dot ul li.on{background: url("../images/dot2.png") no-repeat center;width: 19px;height: 19px;}

.banner span.btn{
    width: 33px;
    height: 87px;
    line-height: 99em;
    overflow: hidden;
    margin: -12px 0 0;
    display: block;
    position: absolute;
    top: 50%;
    z-index: 100;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    border-radius: 3px;}

.banner .slider-leftbtn{left: 18%;background:#000 url("../images/btn_left.png") no-repeat center;}
.banner .slider-rightbtn{right: 18%;background:#000 url("../images/btn_right.png") no-repeat center;}
.banner:hover .slider-leftbtn{opacity:0.4;filter:alpha(opacity=40);}
.banner:hover .slider-rightbtn{opacity:0.4;filter:alpha(opacity=40);}
.banner:hover .slider-leftbtn:hover, .banner:hover .slider-rightbtn:hover{opacity:.8;filter:alpha(opacity=80);}

/*nav*/
.nav{position: absolute;left:0;top: 0;background: url("../images/nav_bg.png") repeat;width: 100%;z-index: 500;}
.nav-content{height: 110px;overflow: hidden;position: relative;}
.logo-box{float: left;overflow: hidden;margin-top: 16px;}
.logo-box img{float: left;height: 70px;margin-top: 1px;}
.logo-box span{letter-spacing: 6.4px;}
.logo-box h2{float: left;color: #fff;font-size: 22px;font-weight: normal;line-height: 1.6;margin-left: 20px;}
.nav-content h3{float: right;color: #fff;font-size: 23px;font-family: "黑体";font-weight: normal;margin-top: 12px;letter-spacing: -1px;}
.nav-list{position: absolute;right: -12px;top: 60px;}
.nav-list a{color: #fff;font-size: 16px;margin-left: 24px;padding: 0 12px;transition: .2s linear;}
.nav-list a.cur{color: #90cf38;}
.nav-list a:hover{color: #90cf38;}

/*search-box*/
.search-box{background: #ececec;height: 70px;line-height: 70px;overflow: hidden;margin-bottom: 40px;}
.search-box p{float: left;width: 800px;margin-left: 30px;overflow: hidden;white-space: nowrap;}
.search-box p span{color: #565656;}
.search-box p a{color: #565656;margin: 0 8px;}
.search-box p a:hover{color: #90cf38;text-decoration: underline;}
.search{float: right;width: 316px;height: 30px;border: 1px solid #818080;overflow: hidden;margin-top: 18px;position: relative;margin-right: 30px;}
.search input{background: #fff;border: 0;height:30px;width: 100%;display: block;text-indent: 4px;}
.search a{background: url("../images/search.png") no-repeat center;width: 30px;height: 30px;position: absolute;right: 0;top: 0;}
.search a:hover{background: #e0e0e0 url("../images/search.png") no-repeat center;}

/*product*/
.product{overflow: hidden;margin-bottom: 44px;}
.product-left{width: 264px;background: #f4f4f4;}
.product-title{background: #90cf38;color: #fff;position: relative;text-align: center;padding: 20px 0;}
.product-title h2{font-size: 24px;font-weight: normal;line-height: 1.6;}
.product-title span{font-size: 18px;display: block;}
.product-title i{background: url("../images/product_nav_icon.png") no-repeat center;width: 17px;height: 9px;position: absolute;left: 50%;bottom: 0;margin-left: -8px;}
.product-nav-name{text-align: center;line-height: 55px;border-bottom: 1px solid #90cf38;margin: 0 12px;}
.product-nav-name span{color: #90cf38;background: url("../images/product_nav_title_icon.png") no-repeat left;padding-left: 16px;font-size: 18px;}
.product-nav-ul{padding: 0 12px;overflow: hidden;}
.product-nav-ul li{overflow: hidden;padding-left: 44px;border-bottom: 1px solid #e5e5e5;}
.product-nav-ul li a.product-first{background: url("../images/product_nav_icon01.png") no-repeat left;padding-left: 18px;font-size: 16px;display: block;height: 51px;line-height: 51px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product-nav-ul li.cur a.product-first{background: url("../images/product_nav_icon01_cur.png") no-repeat left;color: #90cf38;}
.product-nav-ul li a.product-first:hover{text-decoration: underline;color: #90cf38;}
.product-nav-ul li.cur .product-sub{display: block;}
.product-sub{overflow: hidden;padding-left: 16px;display: none;}
.product-sub a{display: block;font-size: 16px;color: #777777;line-height: 39px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.product-sub a:hover{color: #90cf38;text-decoration: underline;}
.product-sub a.cur{color: #90cf38;}
.product-nav-ul li:last-child{border-bottom: 1px solid #90cf38;}

.product-right{width: 920px;overflow: hidden;}
.product-right-ul{width: 960px;overflow: hidden;}
.product-right-ul li{width: 280px;background: #f7f7f7;padding: 6px 6px 10px 6px;overflow: hidden;float: left;margin-right: 7px;margin-bottom: 13px;}
.product-right-ul li h4{font-size: 16px;color: #333;font-weight: normal;padding-left: 4px;margin-bottom: 4px;}
.product-right-ul li p{color: #333;font-size: 14px;padding-left: 4px;}
.product-img{overflow: hidden;margin-bottom: 10px;position: relative;height: 280px;}
.product-img img{width: 280px;height: 280px;display: block;}
.product-img .product-mask{background: url("../images/product_list_mask_bg.png") repeat;width: 100%;height: 280px;position: absolute;left: 0;top: 0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition: .35s;}
.product-img .product-mask i{background: url("../images/product_search.png") no-repeat center;width: 47px;height: 48px;position: absolute;left: 50%;top: 50%;margin: -24px 0 0 -24px;}
.product-right-ul li:hover .product-mask{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}

.product-left-ad{padding: 20px 12px 50px 12px;}
.product-left-ad a{height: 37px;text-align: center;background: #90cf38;color: #fff;font-size: 16px;display: block;line-height: 37px;margin-bottom: 25px;}
.phone{overflow: hidden;background: url("../images/phone_icon.png") no-repeat left;padding-left: 60px;color: #90cf38;}
.phone span{font-size: 16px;display: block;}
.phone p{font-size: 20px;}

/*adv*/
.adv{background: url("../images/adv_bg.jpg") no-repeat center;width: 100%;height: 717px;}
.adv-content{height: 717px;overflow: hidden;position: relative;}
.title{text-align: center;margin-top: 50px;}
.title h2{font-size: 28px;color: #333;font-weight: normal;line-height: 1.6;}
.title.light h2{font-size: 28px;color: #fff;}
.title p{font-size: 16px;color: #999;text-transform: uppercase;}
.adv-list{position: relative;margin: 86px 0 0 100px;}
.adv-ul{width: 950px;}
.adv-ul li{overflow: hidden;}
.adv-text{width: 540px;float: left;margin-top: 14px;}
.adv-text>p{font-size: 14px;color: #fff;line-height: 1.8;}
.adv-ul li>img{float: right;width: 324px;height: 324px;}
.adv-title{overflow: hidden;color: #90cf38;margin-bottom: 30px;}
.adv-title img{float: left;margin-right: 24px;}
.adv-title h4{font-size: 20px;font-weight: normal;margin-top: 6px;}
.adv-title span{color: #67902e;}
.adv-leftbtn ,.adv-rightbtn{width: 49px;height: 49px;position: absolute;top: 50%;margin-top: -25px;}
.adv-leftbtn{background: url("../images/adv_leftbtn.png") no-repeat center;left: 0;}
.adv-rightbtn{background: url("../images/adv_rightbtn.png") no-repeat center;right: 0;}
.adv-leftbtn:hover{background: url("../images/adv_leftbtn_cur.png") no-repeat center;}
.adv-rightbtn:hover{background: url("../images/adv_rightbtn_cur.png") no-repeat center;}
.adv-dot{overflow: hidden;text-align: center;font-size: 0;position: absolute;left: 100px;bottom: 170px;}
.adv-dot li{width: 41px;height: 5px;background: #dedede;margin: 0 3px;display: inline-block;*display: inline;*zoom: 1;}
.adv-dot li.on{background: #90cf38;}

/*about*/
.about{height: 747px;position: relative;}
.about-content{height: 747px;position: relative;overflow: hidden;}
.about-text{overflow: hidden;margin-top: 100px;}
.about-title{overflow: hidden;margin-bottom: 20px;}
.about-title h2{font-size: 56px;color: #333;font-weight: normal;line-height: 1.2;}
.about-title span{font-size: 26px;color: #90cf38;display: block;font-family: '黑体';}
.about-text>p{color: #666;width: 526px;font-size: 20px;}
.about-list{padding: 6px;overflow: hidden;margin-top: 30px;margin-bottom: 50px;}
.about-ul{overflow: hidden;float: left;-moz-box-shadow:0px 0px 6px #ccc; -webkit-box-shadow:0px 0px 6px #ccc; box-shadow:0px 0px 6px #ccc;background: #fff;}
.about-ul li{float: left;text-align: center;width: 170px;border-right: 1px solid #cdcdcd;padding: 30px 0;}
.about-ul li h4{font-weight: normal;font-size: 30px;color: #333;font-family: '新宋体';position: relative;display: inline-block;*display: inline;*zoom: 1;}
.about-ul li h4 i{font-size: 12px;position: absolute;right: -12px;top: 0;}
.about-ul li p{color: #666;}
.about-more{width: 164px;height: 45px;line-height: 45px;text-align: center;font-size: 16px;color: #90cf38;display: block;border: 1px solid #90cf38;margin-top:55px}
.about-more:hover{background: #90cf38;color: #fff;}
.about-img{position: absolute;top: 0;right: 0;z-index: -1;}

/*app*/
.app{}
.app-list{}
.app-wrap{position: relative;height: 500px;}
.app-ul{}
.app-ul li{
    padding: 120px 0 0 0;
    width: 300px;float: left;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}
.app-ul li img{width:300px;height: 280px;display: block;}
.app-ul li .app-text{
    text-align: center;
    background: #fff;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}
.app-ul li .app-text i{font-size: 16px;display: none;}
.app-ul li .app-text h4{font-size: 16px;font-weight: normal;}
.app-ul li .app-text p{font-size: 14px;display: none;}
.app-ul li:hover{
    -webkit-transform:translate(0,-50px);
    -moz-transform:translate(0,-50px);
    -ms-transform:translate(0,-50px);
    -o-transform:translate(0,-50px);
    transform:translate(0,-50px);
}
.app-ul li:hover .app-text{background: #90cf38;color: #fff;padding: 10px 30px;}
.app-ul li:hover .app-text i{display: block;}
.app-ul li:hover .app-text p{display: block;}
.app-dot{width: 100%;text-align: center;font-size: 0;position: absolute;left: 0;bottom: 0;}
.app-dot li{display: inline-block;*display: inline;*zoom: 1;width: 38px;height: 5px;background: #b8b8b8;text-indent: -9999em;margin: 0 4px;}
.app-dot li.on{background: #90cf38;}

/*partner*/
.partner{overflow: hidden;}
.partner-wrap{overflow: hidden;padding: 46px 0;}
.partner-list{width: 1098px;overflow: hidden;float: left;}
.partner-ul{width: 1200px;overflow: hidden;}
.partner-ul li{float: left;width: 263px;border: 1px solid #e5e5e5;margin-right: 12px;}
.partner-ul li img{width: 100%;height: 137px;display: block;}
.parter-leftbtn ,.parter-rightbtn{width:30px;height: 139px;}
.parter-leftbtn{background: #fff url("../images/partner_leftbtn.png") no-repeat center;float: left;margin-right: 22px;}
.parter-rightbtn{background: #fff url("../images/partner_rightbtn.png") no-repeat center;float: right;}

/*news*/
.news{background: url("../images/news_bg.jpg") no-repeat center;height: 787px;overflow: hidden;}
.news-content{overflow: hidden;height: 787px;position: relative;}
.news-ul{height: 537px;position: relative;top: 66px;}
.news-ul li{width: 353px;height: 205px;text-align: center;position:absolute;border: 1px solid transparent;transition: .35s;}
.news-ul li a{display: block;padding: 24px 12px 0 12px;overflow: hidden;}
.news-ul li i{font-size: 22px;color: #666666;display: block;}
.news-ul li h4{font-weight: normal;font-size: 18px;color: #333;margin-bottom: 30px;}
.news-ul li p{color: #666;}
.news-ul li em{width: 7px;height: 45px;position: absolute;left: 50%;margin-left: -4px;}
.news-ul li em.even{background: url("../images/news_icon01.png") no-repeat center;bottom: -66px;}
.news-ul li em.odd{background: url("../images/news_icon02.png") no-repeat center;top: -66px;}
.news-ul li:hover em.even{background: url("../images/news_icon01_cur.png") no-repeat center;}
.news-ul li:hover em.odd{background: url("../images/news_icon02_cur.png") no-repeat center;}
.news-ul li:hover{background: #fff;border: 1px solid #90cf38;-moz-box-shadow:0px 0px 6px #ccc; -webkit-box-shadow:0px 0px 6px #ccc; box-shadow:0px 0px 6px #ccc;}
.news .about-more{position: absolute;bottom: 90px;right: 0;}

/*honor*/
.honor{padding-bottom: 10px;position: relative;}
.honor-list{width: 844px;overflow: hidden;}
.honor-title{overflow: hidden;margin-bottom: 20px;}
.honor-title h3{font-size: 28px;color: #333;font-weight: normal;position: relative;padding-left: 18px;}
.honor-title h3 span{color: #999;font-size: 14px;}
.honor-title h3:before{content: '';width: 7px;height: 28px;background: #90cf38;position: absolute;left: 0;top: 50%;margin-top: -12px;}
.honor-ul{overflow: hidden;width: 900px;}
.honor-ul li{width: 198px;margin-right: 20px;float: left;}
.honor-ul li a{height: 278px;vertical-align: middle;display: table-cell; background: #f2f2f2; overflow: hidden;border: 1px solid #d2d2d2;}
.honor-ul li img{width: 100%;
    max-height: 278px;}
.honor-ul li:hover  a{border: 1px solid #90cf38;}
.honor-btn{overflow: hidden;text-align: right;padding-right: 1px;padding-top: 20px;}
.honor-btn a{width: 33px;height: 33px;display: inline-block;*display: inline;*zoom: 1;border: 1px solid #d2d2d2;margin-left: 10px;}
.honor-btn a.honor-leftbtn{background: url(../images/honor_leftbtn.png) no-repeat center;}
.honor-btn a.honor-rightbtn{background: url("../images/honor_rightbtn.png") no-repeat center;}

/*float*/
.float{width: 285px;background: #7aab35;position: absolute;top: -70px;right: 0;padding-bottom: 30px;}
.float-top{background:#fff url("../images/honor_bg.png") no-repeat right;height: 110px;display: block;border-bottom: 22px solid #fff;}
.float-wrap{padding: 130px 24px 0 24px;overflow: hidden;color: #fff;}
.float-wrap h3{font-size: 30px;color: #fff;text-transform: uppercase;}
.float-wrap span{display: block;font-size: 18px;margin-bottom: 16px;}
.float-wrap h4{font-size: 26px;font-weight: normal;margin-bottom: 16px;}
.float-wrap p{font-size: 14px;}
.code{text-align: center;padding: 40px 0 20px 0;}
.code img{width:178px;height: 178px;margin-bottom: 10px;}
.code b{display: block;}


/*link*/
.link{background: #1d2124;border-bottom: 1px solid #5b5b5b;}
.link-content{overflow: hidden;padding: 10px 0;}
.link-content span{float: left;width: 60px;line-height: 49px;font-size: 20px;color: #90cf38;}

.link-right{line-height: 49px;width: 780px;float: left;}
.link-right a{color: #fff;margin: 0 20px;float: left;}
.link-right a:hover{color: #90cf38;text-decoration: underline;}

/*footer*/
.footer{background: #1d2124;border-bottom: 1px solid #5b5b5b;}
.footer-content{padding: 30px }
.footer-wrap{overflow: hidden;}
.footer-wrap dl{float: left;padding-right: 70px;margin-right:70px;border-right: 1px solid #fff;}
.footer-wrap dl dt{color: #fff;font-size: 18px;margin-bottom: 10px;}
.footer-wrap dl dd{color: #fff;line-height: 2.2;}
.footer-wrap dl dd a{color: #fff;}
.footer-wrap dl dd a:hover{color: #90cf38;}
.copyright{line-height: 45px;overflow: hidden;color: #fff;background: #1d2124;}
.copyright p{float: left;}
.copyright p a{color: #fff;}
.copyright span{float: right;}
.copyright span a{color: #fff;}
.copyright a:hover{color: #90cf38;}