/* CSS Document */

* { margin: 0; padding: 0; }
html { -webkit-text-size-adjust: none; }
body { font-size: 12px; color: #666; _overflow: hidden; overflow-x: hidden; background: #fff; width: 100%; *cursor: default;
}
body, ol, table, tr, td, ul, li, dt, dd, dl, h1, h2, h3, h4, h5, h6, form, input, select, textarea, 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, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { font-family: "微软雅黑", Tahoma, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; }
li { list-style-type: none; }
img { border: none; vertical-align: middle; }
button, input, select, textarea { font-size: 100%; font-family: tahoma; margin: 0; outline: 0 none; vertical-align: baseline; *vertical-align: middle;
border: none; }
input { -webkit-appearance: none; outline: none; border-radius: 0; }
input:focus, textarea:focus { outline: none; }
input:focus { -webkit-tap-highlight-color: transparent; -webkit-user-modify: read-write-plaintext-only; }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
/*-------this-a-list---------*/

a { outline: none; cursor: pointer; text-decoration: none; color: #666; transition: all .4s ease 0s; -webkit-transition: all .4s ease 0s; -moz-transition: all .4s ease 0s; -ms-transition: all .4s ease 0s; -o-transition: all .4s ease 0s; }
a:active, a:hover { text-decoration: none }
a, area, a:active { blr:expression(this.onFocus=this.blur());
}
:focus { -moz-outline-style: none; }
::selection { color: #fff; background-color: #0B701D; }

::-moz-selection {
color: #fff;
background-color: #0B701D;
}
/*------- the html5 display-role reset for older browsers---------*/

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/*------- input--outline--middle---------*/

input, button, select, textarea { outline: none }
input, select, textarea, button { vertical-align: middle }
button { border: 0 none; background-color: transparent; cursor: pointer }
 button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner {
border:none;
padding:0;
}
/*----- tabless///-----*/

table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
caption { display: none; }
/*----- clearfix///-----*/

.clearfix { *zoom:1;
}
.clearfix:before, .clearfix:after { display: table; content: ''; line-height: 0; }
.clearfix:after { clear: both; }
/*----- dis///-----*/

.clear { clear: both; }
.disno { display: none; }
.disbk { display: block; }
.distb { display: table; }
/*----- 文字两侧对齐///-----*/

.justify { text-align: justify; text-justify: distribute-all-lines; /*ie6-8*/ text-align-last: justify;/* ie9*/ -moz-text-align-last: justify;/*ff*/ -webkit-text-align-last: justify;/*chrome 20+*/ }
 @media screen and (-webkit-min-device-pixel-ratio:0) {
.justify:after { position: absolute; content: "."; display: inline-block; width: 100%; overflow: hidden; height: 0; }
}
/*----- 超出省略号///-----*/

.toe { word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/******************************************************************common/////**********************************************************************/

@font-face { font-family: 'iconfont'; src: url('../font/iconfont.eot'); src: url('../font/iconfont.eot') format('embedded-opentype'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
.section2 { background: url(../image/sec2.jpg) no-repeat center center; background-size: cover; }
.section3 { background: url(../image/sec3.jpg) no-repeat center center; background-size: cover; }
.section4 { background: url(../image/sec4.jpg) no-repeat center center; background-size: cover; }
/*.section5 { background: url(../images/sec5.jpg) no-repeat center center; background-size: cover; }*/
header { width: 100%; position: fixed; left: 0; top: 0; display: table; background-color: #fff; z-index: 9998;border:1px solid #ccc; }
header figure.logo { float: left; box-sizing: border-box; -moz-box-sizing: border-box; padding: 9px 0 0 50px; }
header figure.logo img { height: 100%; }
/*header menu.navbars { float: right; padding-right: 50px; }
header menu.navbars a { display: inline-block; width: 120px; height: 120px; text-align: center; font-size: 17px; color: #666; box-sizing: border-box; -moz-box-sizing: border-box; padding-top: 26px; }
header menu.navbars a span, header menu.navbars a i { display: block; }
header menu.navbars a i { font-size: 25px; margin-bottom: 10px; }
header menu.navbars a:hover, header menu.navbars a.on { background-color: #0B701D; color: #fff; }
*/
header menu.navbars { float: right; padding-right: 50px; }
.nav{width: 120px; height: 94px; padding-top: 0px; float:left; position:relative}
.nav_a{height:94px; display:block;text-align: center; font-size: 17px; color: #666; box-sizing: border-box; -moz-box-sizing: border-box; padding-top: 20px;}
.nav_a i span,.nav_a i{ display: block; }
.nav_a i { font-size: 25px; margin-bottom: 10px; }
.nav_a.on {/* background-color: #0B701D;*/ color: #0B701D; }
.nav .head_nav{width:100%; height:auto; margin:0; padding:0; list-style:none; position:absolute;top:94px; right:0; background:#0B701D;}
.nav .head_nav li{line-height:35px; height:35px;margin:0;  list-style:none; color:#333;  text-align:center; background:#f2f2f2; color:#333; }
.nav .head_nav li:hover{/*background:#0B701D;*/    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
.nav .head_nav li a{color:#333;    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;}
.nav .head_nav li:hover a{color:#0B701D;    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;}
.nav .head_nav{ display:none}
.nav:hover{/* background:#0B701D;*/}
.nav:hover a{ color:#0B701D}
.nav:hover  .head_nav{ display:block;}




.footer { width: 100%; background: #f8f8f8; padding-top: 90px; padding-bottom: 67px; }
.footer .footer_logo { float: left; width: 16.02%; width: 23.46%; display: block; }
.footer .footer_logo img { width: 100%; max-width: 197px; display: inline; }
.footer .footer_nav { float: left; width: 19.76%; width: 26.25%; }
.footer .footer_nav dt { line-height: 20px; margin-bottom: 18px; font-size: 18px; font-weight: bold; color: #444; }
.footer .footer_nav dd { max-width: 266px; }
.footer .footer_nav dd a { display: inline-block; margin-right: 26px; line-height: 30px; font-size: 14px; color: #444; }
.footer .footer_nav dd a:last-child{display:none}
.footer .footer_contact { float: left; width: 29.03%; }
.footer .footer_contact dt { line-height: 20px; margin-bottom: 18px; font-size: 18px; font-weight: bold; color: #444; }
.footer .footer_contact dd { font-size: 14px; color: #444; line-height: 30px; }
.footer .footer_ewm { width: 9.51%; text-align: right; float: left; }
.footer .footer_ewm img { width: 100%; max-width: 117px; border:1px solid #ccc }
.footer .footer_ewm p{ color:#444; height:25px; line-height:25px; text-align:center}
.footer .footer_ewm2{ margin-left:2%}
.footer_bot { width: 100%; border-top: 1px solid #999; padding: 26px 0 28px; line-height: 20px; background: #f8f8f8; font-size: 14px; color: #666; }
.footer_bot .left { float: left; }
.footer_bot .right { float: right; }
.footer_bot .right a { color: #888787; }
.select { height: 28px; border: 1px solid #9a9a9a; background: #fff; position: relative; z-index: 999; width: 245px; }
.select:after { content: ''; display: block; -webkit-transition: -webkit-transform .3s ease-out, top .3s ease-out; transition: transform .3s ease-out, top .3s ease-out; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 7px solid #333333; position: absolute; right: 13px; top: 50%; margin-top: -3.5px; }
.select p { padding: 0 10px; line-height: 28px; cursor: pointer; font-size: 14px; color: #656565; }
.select ul { list-style-type: none; border: 1px solid transparent; width: 100%; overflow-y: auto; position: absolute; bottom: 28px; left: 0; height: 0; margin-left: -1px; }
.select ul li { padding: 0 10px; line-height: 28px; cursor: pointer; font-size: 13px; color: #666666; }
.select ul li a { color: #656565; }
.select ul li:hover { background-color: #fafafa; }
.select ul li.selected { background-color: #fafafa; }
.select.open ul { height: 84px; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; border-color: #cccccc; -webkit-transition: max-height .2s linear; transition: max-height .2s linear; background-color: #fff; }
.select.open:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); -webkit-transition: all .3s linear; transition: all .3s linear; }
.footer .footer_logo a { display: block; }
.footer .footer_logo .footer_logo1 { margin-bottom: 25px; }
.footer .footer_logo .footer_logo1 img { max-width: 168px; }
.footer .footer_logo .footer_logo2 img { max-width: 186px; }
.footer_bot_br { display: none }
div.phoneHead { display: none; position: fixed; left: 0; top: 0; width: 100%; padding: 5px 0; background-color: #fff; z-index: 999; }
div.phoneHead .phologo { float: left; margin-left: 1em; }
div.phoneHead .phologo img { height: 40px; }
div.phoneHead .phoNav { float: right; width: 30px; height: 24px; border: 2px solid #0B701D; text-align: center; border-radius: 4px; margin-top: 6px; margin-right: 1em; }
div.phoneHead .phoNav i { display: inline-block; position: relative; width: 25px; height: 2px; background-color: #0B701D; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; }
div.phoneHead .phoNav i:before { position: absolute; content: ''; left: 0; top: -6px; width: 100%; height: 2px; background-color: #0B701D; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; }
div.phoneHead .phoNav i:after { position: absolute; content: ''; left: 0; bottom: -6px; width: 100%; height: 2px; background-color: #0B701D; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; }
div.phoneHead .phoNav.active i { background-color: transparent; }
div.phoneHead .phoNav.active i:before { transform: rotate(45deg) translate3d(3px, 5px, 0); -webkit-transform: rotate(45deg) translate3d(3px, 5px, 0); -moz-transform: rotate(45deg) translate3d(3px, 5px, 0); -o-transform: rotate(45deg) translate3d(3px, 5px, 0); }
div.phoneHead .phoNav.active i:after { transform: rotate(-45deg) translate3d(3px, -5px, 0); -webkit-transform: rotate(-45deg) translate3d(3px, -5px, 0); -moz-transform: rotate(-45deg) translate3d(3px, -5px, 0); -o-transform: rotate(-45deg) translate3d(3px, -5px, 0); }
menu.phoneNavgin { display: none; position: fixed; right: 0; top: 50px; width: 200px; height: 100%; border-left: 4px solid #179E58; background-color: #0B701D; z-index: 999; padding-top: 10px; box-sizing: border-box; -moz-box-sizing: border-box; transform: translateX(210px); -webkit-transform: translateX(210px); -moz-transform: translateX(210px); -o-transform: translateX(210px); transition: all .5s ease-in-out 0s; -webkit-transition: all .5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -o-transition: all .5s ease-in-out 0s; }
menu.phoneNavgin a { display: block; width: 100%; height: 40px; border-bottom: 1px dotted #179E58; text-align: center; line-height: 40px; font-size: 14px; color: #fff; }
menu.phoneNavgin a:last-child{display:none}
menu.phoneNavgin a:hover { background-color: #17B261; }
menu.phoneNavgin.active { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); }
.w_1230 { width: 90%; margin: 0 auto; max-width: 1230px; }

/*tool*/
.tool { position: fixed; right: 0; top: 50%; margin-top: -175px; z-index: 10; width: 34px; }
.tool .right { float: right; text-align: center; width: 34px; clear: both; }
.tool .right img { width: 56%; border: none; margin-top: 2px; }
.tool .right div { background-color: #144E32; /*padding: 10px;*/ margin-top: 1px; color: white; font-size: 14px; width: 34px; height: 34px; line-height: 34px; }
* { -webkit-box-sizing: inherit; -moz-box-sizing: inherit;/*box-sizing: inherit;*/ }
.tool .left { /*border: 1px solid white;*/ float: right; width: 550px; /*background-color: #fff;*/ /*height: 230px;*/
margin-top: 2px; padding-bottom: 20px; }
.triangle_border_right { /*width:0;*/ height: 0; border-width: 30px 0 30px 30px; /*border-style:solid;*/ /*border-color:transparent transparent transparent #333;!*透明 透明 透明 灰*!*/
margin: 40px auto; position: relative; }
.triangle_border_right span { display: block; width: 0; height: 0; border-width: 15px 0 15px 15px; border-style: solid; border-color: transparent transparent transparent #144E32; /*透明 透明 透明 黄*/ position: absolute; top: -303px; left: 520px; }
.tool .left .in-web, .tool .left .talent, .tool .left .load, .tool .left .stock, .tool .left .wechat, .tool .left .link, .tool .left .map, .tool .left .left5 { display: none; }
.tool .left .in-web { margin-top: 170px; width: 120px; height: 44px; float: left; line-height: 44px; margin-left: 407px; background-color: #144E32; font-size: 16px; text-align: center; color: white; }
.tool .left .in-web .triangle_border_right span { top: -77px; left: 117px; }
.tool .left .talent { margin-top: 30px; width: 120px; height: 44px; float: left; line-height: 44px; margin-left: 407px; background-color: #144E32; font-size: 16px; text-align: center; color: white; }
.tool .left .talent .triangle_border_right span { top: -77px; left: 117px; }
.tool .left .load { margin-top: 136px; width: 120px; height: 44px; float: left; line-height: 44px; margin-left: 407px; background-color: #144E32; font-size: 16px; text-align: center; color: white; }
.tool .left .load .triangle_border_right span { top: -77px; left: 117px; }
.tool .left .link table { border-collapse: separate; border-spacing: 0px 20px; }
.tool .left .link table td { background-color: #144E32; }
.popup .qcode { /*border:1px solid white;*/ text-align: center; float: left; padding: 20px 205px 40px; color: white; }

.tool .left .link .triangle_border_right span {top: 32px; left: 525px; }
.tool .left .link table { color: white; width: 30%; height: 90%; margin-top: 0px; float: right; margin-right: 25px;/*border-bottom: 1px solid #9b9b9b;*//*border-right: 1px solid #9b9b9b;*/
}
.link tr td .comment { font-size: 16px; }
.wechat { margin-top: -110px; }
.map { position: absolute; /*width: 100%;*/ height: 310px; }
.map .popup { height: 155px; overflow: hidden; margin-left: 84px; margin-top: 115px; width: 440px; padding-right: 26px; }
.map .triangle_border_right { margin: 40px auto; position: relative; }
.map .triangle_border_right span { border-color: transparent transparent transparent #F9F9F9; /*透明 透明 透明 黄*/ top: -130px; left: 520px; }
.tool .left .link table tr { height: 90px; margin: 0;/*border-top: 1px solid #9b9b9b;*/ }
.tool .left .link table tr td { font-size: 15px; line-height: 25px; margin: 0; width: 50%; vertical-align: top; padding: 15px 20px; }
.tool .left .link table tr td .title { font-size: 18px; margin: 5px 0 10px; }
.wechat .qcode { position: relative; width: 440px; /* border: 1px solid; */
padding: 10px 0; /* height: 141px; */
margin-left: 87px; background-color: #144E32; margin-top: 10px; }
.wechat .qcode .img { width: 35%; float: left; }
.tit { padding: 50px 0; font-size: 20px; width: 65%; text-align: center; float: right; }
.tit img { width: 135px; height: 135px; }
.filter .img { width: 100%; border: 0 }
.tool .wechat .triangle_border_right span { top: 70px; left: 525px; }
.display_none{display:none}
/*tool end*/