/****************************************************************************
CSS RESET   Author: DBS
****************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl,textarea,
dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas,button,select,
details, embed,  figure, figcaption, footer, header,   menu, nav, output, ruby, section, summary, time, mark, audio,
video {	margin: 0; padding: 0;border: 0; font-style: normal;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header,  menu, nav, section { display: block; }
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

::-moz-selection { background: #328efe; color: #fff; text-shadow: none; }
::selection { background: #328efe; color: #fff; text-shadow: none; }
/****************************************************************************
FONTS
****************************************************************************/
html{height:100%;}
body{ background: #fff; color:#3b3b3b; font: 14px Arial,"Microsoft YaHei", Helvetica, sans-serif; height:100%;margin: 0;+font: 14px "Microsoft YaHei";font-family: "microsoft yahei\9";font-family: "microsoft yahei"}
a { text-decoration: none; }
a:hover, a:active { outline: 0; }
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.ellipsis{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.un{-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.wraper{width: 100%; min-width: 1200px;}
.wrap{width: 1200px; margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.mar50{margin-top: 50px;}
.mar20{margin-top: 20px;}
.bg_8{background-color:#f8f8f8 ;}
.pad_top70{padding-top: 70px;}
h3{font-weight: normal;}
/*banner*/
.banner_nav{background-color: #5ee09d;/*opacity: 0.6;*/line-height: 60px;position: absolute; bottom: 0;}
.banner_nav ul li{width: 180px;text-align: center;height: 60px;}
.banner_nav ul{padding: 0 0 0 290px;width: 680px;margin: 0 auto;}
.banner_nav ul li a{color: #fff;display: block;}
.banner_nav ul li a.active{color: #4dd38e;display: inline-block;width: 184px; background: #fff;position: relative;top: -14px;line-height: 86px;height: 74px;}
.banner_nav ul li a:hover{color: #4dd38e;display: inline-block;width: 184px; background: #fff;position: relative;top: -14px;line-height: 86px;height: 74px;}
.banner_recruit,.banner_news,.banner_enter,.banner_contact,.banner_case,.banner_advant{height: 468px !important;}
/*nav*/
.logo img {width: 210px;height: 621:55 2022-3-120px;margin: 18px 0 5px 8px;}
.nav {width: 965px;line-height: 40px;}
.nav li{padding:0px; line-height: 72px;height: 72px; width: 102px; text-align: center;border-left: 1px solid #fff; border-right: 1px solid #fff;border-top: 3px solid #fff;
border-left: 1px solid #fff\0; border-right: 1px solid #fff\0;border-top: 3px solid #fff\0;}
.nav li a{display: inline-block; color: #555; font-size: 15px;width: 102px;}   
.nav li.active {color: #2ba350;border-left: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;border-top: 3px solid #2ba350;border-top: 3px solid #2ba350\0;line-height: 72px;}
.nav li:hover{color: #2ba350;border-left: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;border-top: 3px solid #2ba350;border-top: 3px solid #2ba350\0;line-height: 72px;}
.have_box{position: relative;}
.subnav-hd{display: none;}
.subnav-hd li{width:102px;padding:0;background-color: #fff;border-bottom: 1px solid #eee;border-right: 0;border-top:0 ;border-left:0;height: 40px;line-height: 40px;}
.subnav-hd li a{display: block;height: 40px;color: #666;line-height: 40px;font-size: 13px;}
.subnav-hd li:hover{border-right: 0;border-top:0 ;border-left:0;line-height: 40px;}
.subnav-hd li a:hover{color:#2ba350;}
.subnav-hd{float: left;min-width: 80px;box-shadow: 0px 5px 15px rgba(0, 0, 30, 0.2); transition: all .2s;z-index: 90;position: absolute;top: 72px;left: 0;width: 102px;}
.have_box i.down_icon{background: url(404.png) no-repeat;width: 12px;height: 7px;display: inline-block;margin-left: 5px;position: relative;top: -2px;}


/*foot*/
.foot_top{background-color: #333438;padding: 40px 0;}
.foot_top dl dt{font-size: 16px;color: #fff;border-bottom: 1px solid #999;width: 130px;position: relative;height: 40px;line-height: 40px;margin-bottom: 20px;}
.foot_top dl.none{background: none;}
.foot_top dl dt b{width: 16px;height: 1px;background-color: #fff;display: inline-block;position: absolute;top: 5px;position: absolute;
    top: 40px;left: 0;}
.foot_top dl{background:url(404.png) right 50% no-repeat;padding: 0 64px;height: 258px;}
.foot_top dl dd a,.foot_top dl dd{color: #999;line-height: 30px;}
.foot_top dl dd a:hover{text-decoration: underline;color: #fff;}
.foot_top dl dd.font_12{font-size: 12px;color: #999;text-align: center;}
.foot_top dl dd img{width: 126px;height: 126px;}
.foot_bottom{background-color: #2e2f34;height: 60px;line-height: 60px;}
.foot_bottom p{text-align: center;color: #999;}
.bei_an_no{color: #999;}
    .bei_an_no:hover {
        color: #2ba350;
    }