@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}body,button,input,select,textarea{-webkit-text-size-adjust:none;font:12px/1.5 Arial,microsoft yahei,sans-serif}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}ul,ol,li{list-style:none}a{color:inherit;outline:none;text-decoration:none}legend{color:#000}fieldset,img{border:0;vertical-align:top;}section,article,aside,header,footer,nav,dialog,figure{display:block;}figure{margin:0;}button,input,select,textarea{outline: none;font-size:100%}table{border-collapse:collapse;border-spacing:0}.clear{display:block;height:0;overflow:hidden;clear:both}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}a:link,a:visited{text-decoration:none}a:hover,a:active{text-decoration:none}a{blr:expression_r(this.onFocus=this.blur())}
*,*:before,*:after{box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
body { position:relative; color:#848484; background:#fff; }
.wrap { position:relative; width:1200px; margin:0 auto; clear:both; }
.header,.container,.footer { position:relative; margin:0 auto; }
.fl { float: left !important;}
.fr { float: right !important;}
a:hover { text-decoration:none;color: #008842;transition:color .5s;-webkit-transition:color .5s;-moz-transition:color .5s;}


.nav-box {
    height: 110px;
    line-height: 1;
    position: relative;
    background: #f5f5f5 url(../images/nav-box.jpg) no-repeat center;
}
.nav-box .wrap {
    height: 100%;
}
.nav-box .logo {
    float: left;
    overflow: hidden;
    height: 100%;
    padding: 28px 0;
}
.nav-box .nav {
    position: absolute;
    top: 53px;
    right: 0;
}
.nav-box .nav li {
    margin-left: 48px;
    float: left;
    line-height: 42px;
}
.nav-box .nav li a {
    color: #333333;
    font-size: 16px;
}
.nav-box .nav li a:hover {
    color: #008842;
}
.nav-box .nav li.current a {
    color: #008842;
}
.footer {
    height: 70px;
    background-color: #fff;
    line-height: 22px;
    font-size: 12px;
    padding-top: 15px;
    color: #666666;
}
.footer .left {
    float: left;
}
.footer .left .ftel {
    margin-right: 37px;
}
.footer .right {
    float: right;
    text-align: right;
}

.banNav {
    width: 1200px;
    line-height: 70px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -600px;
    height: 70px;
    background-color: #fff;
}
.banNav li {
    float: left;
    font-size: 16px;
    color: #000000;
    width: 20%;height:100%;
    background-repeat: no-repeat;
    background-position: 18px 50%;
    border-right: 1px solid #dadada;
    border-top: 2px solid transparent;
}
.banNav li:last-child {
    border-right: 0;
}
.banNav li.item_1 {
    background-image: url("../images/banNav_1.png");
    border-color: #ff7e00;
}
.banNav li.item_1 a:hover,.banNav li.item_1.on a {
    color: #ff7e00;
}
.banNav li.item_2 {
    background-image: url("../images/banNav_2.png");
    border-color: #24c398;
}
.banNav li.item_2 a:hover,.banNav li.item_2.on a {
    color: #24c398;
}
.banNav li.item_3 {
    background-image: url("../images/banNav_3.png");
    border-color: #127df0;
}
.banNav li.item_3 a:hover,.banNav li.item_3.on a {
    color: #127df0;
}
.banNav li.item_4 {
    background-image: url("../images/banNav_4.png");
    border-color: #9ab83d;
}
.banNav li.item_4 a:hover,.banNav li.item_4.on a {
    color: #9ab83d;
}
.banNav li.item_5 {
    background-image: url("../images/banNav_5.png");
    border-color: #c324be;
}
.banNav li.item_5 a:hover,.banNav li.item_5.on a {
    color: #c324be;
}
.banNav li a {
    display: block;
    padding-left: 80px;
}


.subNav { position:fixed; top:76px; left:0; background:url(../images/subNav_bg.png) repeat; width:100%; z-index:2;}
.subNav .sub {display:none;}
.subNav .sub .subcenter { margin:0 auto; display:table; padding:19px 0 28px}
.subNav .sub dl { float:left; margin:0 52px;}
.subNav .sub dl dt a { color:#ffffff; font-size: 14px; line-height: 14px; font-weight: bold;}
.subNav .sub dl .sanji { border-top:1px solid #868d99; padding-top:8px; margin-top:11px;}
.subNav .sub dl dd a { color:#ffffff; font-size: 12px; line-height: 20px;}

.rightArea { float:right; width: 500px; padding-top: 10px;}
.set { float:right; margin-right: 20px; padding:7px 0 11px; height:18px;}
.set li { background:url(../images/icon_1.jpg) no-repeat right center; padding:0 5px; float:left;}
.set li a {color:#888888; font-size: 12px; line-height: 12px;}
.set li a:hover { color: #627cb3;}
.set li:nth-child(2) { background: none;}
/* search */
.search-form { float:right; margin-top: 4px; width:240px; height:30px; overflow:hidden;border-radius: 3px;
    position: relative;
    background-color: #e2e2e2; }
.search-form.current{
    background-color: #aaa;}
.search-input {
     padding:0 45px  0 10px; width:100%; height:100%; line-height: 30px; border:none; background:none;
    font-size: 14px; color: #008842;}
.search-btn {top: 0; position: absolute;
    right: 0; width:43px; height:30px; border:none; background:url(../images/search.png) no-repeat center; cursor:pointer; text-indent:-999em; }

.footer { background:#f2f2f2;}
.copyright { margin:0 auto; display:table; height:40px;}
.copyright a {color:#666666; font-size: 12px; line-height: 40px; background:url(../images/icon_1.jpg) no-repeat right center; padding:0 19px;}
.copyright a:last-child { background: none;}
.footer .tj { position:absolute; top:15px; right:0;}

.banner { position:relative; width:100%; height:660px; overflow: hidden;}
.banner .bd { position:relative;left:50%; width:1920px;margin-left:-960px;text-align: center; }
.banner .bd li,.banner .bd li a { display:block; width:100%; height:100%; }

.banner img {transition:1.5s ease-in-out;opacity: 1;}
.banner .hover img {opacity:.6;}
/*bound*/
.search-bound{position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index:9999;}
.search-bound.is-vis{opacity: 1;visibility: visible;-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;-moz-transition: opacity 0.3s 0s, visibility 0s 0s;transition: opacity 0.3s 0s, visibility 0s 0s;}
.bound-con {position: relative;width:340px;margin:300px auto;height:145px;background: #FFF;border-radius: .4rem .4rem .4rem .4rem;text-align: center;box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;font-size: 26px;padding-top: 38px}
.bound-close{ position: absolute;right:30px;bottom:25px; z-index: 10;width:auto;display: block;font-size:18px;}
.is-vis .bound-con {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);}