﻿
@charset "utf-8";
/* CSS Document */
/* reset */
html { height: 100%; }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { color:#333; font-size: 14px; font-family:"Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";  }
body { line-height: 1.5 }
a:link,
a:visited,
a:active,
a { text-decoration: none; color:#2D2E32;transition:0.5s all; -webkit-transition:0.5s all;}
a:hover { color:#257E44 ;}
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none } 

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.5;}
input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.5;}
input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.5;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.5;}

.edit_con_original{ line-height:1.8; padding:0 0; color:#333; text-align:justify;}
.edit_con_original ul{ margin:inherit; padding:inherit}
.edit_con_original ul li { list-style-type:disc; margin:auto; padding:inherit}
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; padding:inherit}
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}

.ratio-img{ width:100%; height:auto; background:url(../image/error.png) center no-repeat #fff;}
.auto-bg { background-repeat:no-repeat; overflow:hidden; position:relative; background-position:center;
background-size:cover; 
-ms-behavior: url(../css/backgroundsize.min.htc);
behavior: url(../css/backgroundsize.min.htc);}

.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{transition:1000ms all; -webkit-transition:1000ms all;}
.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}

.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.font-18{ font-size:18px;}
.font-22{ font-size:22px;}
.font-28{ font-size:28px;}

.wrapper{width: 100%;}
.wrap{ max-width:1280px; margin:0 auto;}

.header{ position:relative; z-index:10000;height: 131px; background:#fff;}
.header .wrap{position: relative;}
.header .logo{ float:left; width:325px;margin-top: 36px;}
.header .logo img{ max-width:100%; height:auto;}
.top-list{ float:left; margin-left:260px;height:30px; margin-top:20px;}

.website_sel{ float:left; width:120px; height:28px; line-height:28px; border-bottom:1px solid #A3A3A3;}
/*模拟select*/
.select-wrap.disabled .select-box{ background:#eee; }
.select-wrap.disabled .select-box a { color:#aaa; opacity:0.2; filter:alpha(opacity=20);}
.select-wrap.disabled .select-box .ico { opacity:0.2; filter:alpha(opacity=20);}
.select-box { position:relative;box-sizing:border-box; }
.select-box dt a { display:block; text-indent:5px; position:relative; z-index:2; }
.select-box dt a b { overflow:hidden; margin:0 12px 0 0; color:#3D3D3D; font-size:12px; display:block; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;}
.select-box .ico { position:absolute; right:0; top:0; width:10px; height:100%; z-index:1;  background:url(../image/point.png) no-repeat right center;}
.select-box dd { display:none;}
.select-body-box { position:absolute; margin-top:2px; border:1px solid #ddd; border-top:0; background:#fff;  box-sizing:border-box;max-height:200px; overflow:auto; z-index:111111;}
.select-body-box a { display:block; padding:5px; color:#666; font-size:12px;}
.select-body-box:hover a.on { background:none; color:#666;}
.select-body-box a.on,
.select-body-box a:hover,
.select-body-box:hover a.on:hover { background:#257E44; color:#fff;}
.selectmask { display:none;}

.t_share{ float:left; width:60px; height:30px; margin:0 20px 0 30px;}
.t_share a{width:24px; height:24px; float:left; margin:0 3px; }
.t_share a.a1{background:url(../image/wb.png) no-repeat;}
.t_share a.a2{background:url(../image/wx.png) no-repeat;}
.t_share a.a1:hover,.t_share a.a2:hover{ opacity:0.8;}
.WB_followButton .WB_icon{background:url(../image/wb.png) no-repeat!important;}

/*微信二维码弹窗*/
.weixin { position: fixed; width: 300px; height: 260px; z-index: 100000; left: 50%; top: 50%; margin: -120px 0 0 -150px; background: #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 1px 1px 2px #aaa; }
.weixin .c { position: absolute; width: 30px; height: 30px; right: 0; top: 0; font-size: 20px; font-style: normal; text-align: center; cursor: pointer; z-index: 2; }
.weixin h2 { position: relative; line-height: 30px; font-size: 16px; padding-left: 10px; }
.weixin .img { padding: 10px; text-align: center; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; }
.weixin .img img { width: 180px; height: 180px; }
.weixin p { padding: 2px 10px 0; text-align: center; }

.outlink{ float:left;}
.outlink a{ padding:0 12px; font-weight:bold; font-size:13px; color:#257E44;}
.outlink a:nth-child(3){display: none;}
.lang{ float:left; margin-left:10px;}
.lang em{ font-size:12px;color:#8B8B8B;}
.lang a{ color:#8B8B8B;}
.lang a:hover{ color:#3D3D3D;}
.lang a.en{ font-family:Arial, Helvetica, sans-serif;}
.search {float:left; margin-left:45px; margin-top:-5px; width:205px; height:28px; line-height:28px; border:1px solid #D1D1D1; }
.search input { height:28px; line-height:28px; float: left;box-sizing:border-box;}
.search input.s_inp{ width:160px; *+margin-left:-50px; text-align:left; border:0;font-size: 12px; float: left; background: none; padding-left:10px;}
.search input.s_inp + input {float: right;width:34px; border: 0; background: url(../image/search.png) center center no-repeat;overflow: hidden; text-indent: -100px; }

ul.nav { float: right; margin:20px 0 0 0;}
ul.nav li { float: left; padding:0 10px 21px; margin:0 20px; position:relative; }
ul.nav li.on,ul.nav li:hover{border-bottom: 4px solid #257e44;color:#257e44;}
ul.nav li.on a,ul.nav li:hover a{color: #145537;}
ul.nav li a{ display: block; height:36px; line-height:36px; font-size: 16px; color: #3E3E3E; }
ul.nav li:last-child{ padding-right:0; margin-right:0;}

/*下拉导航 */
.header .nav li .child { overflow:hidden;  opacity:0; transition:0.3s all; visibility:hidden; transform:translateY(30px); position:absolute; left:0; top:61px; background:rgba(246,244,240,0.9); width:200px;padding:40px 0; z-index:-1; }
.header .nav li.on .child{ opacity:1; height:auto; visibility:visible; transform:translateY(0px); z-index:999;  }
.header .nav li .child .txt{ float:left; width:120px; padding:0 40px;}
.header .nav li.l1 .child .txt,.header .nav li.l4 .child .txt,.header .nav li.l6 .child .txt{border-right:1px dashed #838383;}
.header .nav li .child .txt:last-child{ border:none;}
.header .nav li .child .txt.last{ border:none;}
.header .nav li .child .txt h3{font-size:16px; margin-bottom:1em; background:url(../image/dot09.jpg) left center no-repeat;}
.header .nav li .child .txt h3 a{ height:auto; line-height:1; color:#262626; padding-left:15px;}
.header .nav li .child .txt h3 a:hover,.header .nav li .child .txt h3 a.on{ color:#257F45;}
.header .nav li .child .txt span{ display:block; margin-left:15px;}
.header .nav li .child .txt span a{font-size:14px; color:#4A4D55;height:auto; line-height:1.6;}
.header .nav li .child .txt span a:hover,.header .nav li .child .txt span a.on{color:#257F45;}
.header .nav li.l1 .child{width:602px; }
.header .nav li.l4 .child{width:402px; }
.header .nav li.l4 .child .txt{ width:150px; padding:0 25px; margin-bottom:20px;}
.header .nav li.l4 .child .txt:nth-child(even){ border:none;}
.header .nav li.l4 .child .txt.even{ border:none;}
.header .nav li.l6 .child{width:402px; }
.header .nav li.l6 .child,.header .nav li.l7 .child{ left:auto; right:0;}
.lt9 .header .nav li .child{ background:#F6F4F0;}
/*下拉导航 End */




.main{background: #f6f4f0; padding:0 0 70px; overflow:auto}

.newsbox{ margin:50px 0 0;}
.newsbox h2{ margin:0 0 25px;}
.newsbox h2 em{ display:block; width:50px; height:10px; border-bottom:1px solid #5A524A;}

.news_con{ position:relative;}
.tab-tit{ position:absolute; width:42%; height:30px;left:52%; top:30px; }
.tab-tit li{ float:left; width:20%; *+margin-left:-1px; height:34px; text-align:center; cursor:pointer; font-size:16px; color:#979797;}
.tab-tit li span{ display:block; height:30px; line-height:30px;}
.tab-tit li span:hover{ color: #257E44}
.tab-tit li em{ display:none; width:1005; height:4px; background:url(../image/dot01.png) center bottom no-repeat;}
.tab-tit li.on span{ color:#fff;background:#257E44;}
.tab-tit li.on em{ display:block;}
.news_cll{ float:left; width:46.25%;}
.news_crr{ float:right; width:52%; background:#fff;}
.news_crr .inner{ padding:13% 10% 2% 7.5%;}
.news_crr h2{ margin:0 0 10px;}
.news_crr .c{ height:4.5em; margin-bottom:1em; overflow:hidden;}
.news_crr ul{border-top:1px dashed #C2C2C2; padding-top:1em;}
.news_crr ul li{ float:left; width:100%; height:30px; line-height:30px;}
.news_crr ul li a{}
.news_crr a.more{display: block;width: 90px;height:24px;line-height: 24px;background:url(../image/dot02.png) 75px center no-repeat #959595;color:#fff;text-align:left; text-indent:15px; font-size:12px;margin-top: 24px;}
.news_crr a.more:hover{background: url(../image/dot02.png) 75px center no-repeat #257E44;}
.servicebox{ height:269px; margin:70px 0 0;background:url(../image/bg01.jpg) center top no-repeat;}
.servicebox h2{ text-align:center; padding:30px 0 0;}
.servicebox h2 em{ display:block; width:50px; margin:0 auto 35px;height:10px; border-bottom:1px solid #277F45;}
.servicebox ul li{ float:left; width:16.6%; text-align:center;}
.servicebox ul li span{ display:block; margin:0 auto 10px; width:90px; height:90px; text-align:center; border:1px solid #BFD4B5;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;transition:0.3s all;}
.servicebox ul li span img{ text-align:center; width:36px; height:36px; margin:27px auto 0;}
.servicebox ul li span img.imgon{ display:none;}
.servicebox ul li:hover span{ background:#58AD6C; border:1px solid #2AA153;}
.servicebox ul li:hover span img{ display:none;}
.servicebox ul li:hover span img.imgon{ display:block;}


.busnessbox{ margin:70px 0 0;}
.bus_tabt{ float:left; width:27.18%; background:#fff; position:relative;}
.bus_tabc{ float:left; width:72.82%; /*height:520px; */*+margin-left:-1px; position:relative; overflow:hidden;}
.bus_tabt ul{ margin:0 -1px; height:100%;}
.bus_tabt li{ float:left; width:50%; *+margin-left:-1px; height:33.3%; cursor:pointer;}
.bus_tabt li .inner{ background:#fff; border:1px solid #F6F4F0; height:100%; text-align:center;}
.bus_tabt li .inner:hover{background: #257E44;}
.bus_tabt li .inner:hover em{ color: #fff;}
.bus_tabt li .inner:hover span img{ display: none;}
.bus_tabt li .inner:hover span .imgon{ display: block;}
.bus_tabt li.on .inner{ background:#257E44;}
.bus_tabt li img{ display:block; margin:30px auto; max-width:100%;}
.bus_tabt li .imgon{ display:none;}
.bus_tabt li.on img{ display:none;}
.bus_tabt li.on .imgon{ display:block;}
.bus_tabt li em{ display:block; margin:20px 0 0; font-size:16px; color:#59524A;}
.bus_tabt li.on em{ color:#fff;}
.bus_tabt h2{ position:absolute; width:50%; height:33.3%; text-align:center; bottom:0; right:0;}
.bus_tabt h2 a{ display:block; margin:50px 0 5px; color:#404040;}
.bus_tabt h2 a:hover{ color:#257e44;}
.bus_tabt h2 em{ display:block; width:50px; margin:0 auto;height:10px; border-bottom:1px solid #5A524A;}

.bus_tabc .txt{ position:absolute; left:0; top:0; left:8%; top:40%; width:46%; padding:3% 5% 4%; height:auto; background:rgba(255,255,255,0.85);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff,endColorstr=#C8ffffff);}
.bus_tabc h2{ margin:0 0 20px;}
.bus_tabc .c{ height:8em; overflow:hidden; color:#4A4D55;}
.bus_tabc .c p{ margin-bottom:0.5em;}

.developmentbox{ margin:70px 0 0;}
.devlist li{ float:left; position:relative;}
.devlist li .inner{ border:1px solid #fff;}
.devlist li .img{ width:100%; position:relative;}
.devlist li .img span{ position:absolute; left:50%; top:50%; height:50px; line-height:50px; width:200px; text-align:center; margin:-25px 0 0 -100px; border:1px solid #FFFFFF; color:#fff;}
.devlist li .txt{position:absolute; left:0; top:0; width:70%; height:99.8%; padding:0 15%; color:#fff; opacity:0;-moz-opacity:0;filter:alpha(opacity=0); transition:0.3s all; }
.devlist li .txt h2{ font-weight:bold; margin:5em 0 1em;}
.devlist li .txt h2 a{ color:#fff;}
.devlist li .txt h2 a:hover{ color: #DEDEDE}
.devlist li .txt .c{ height:7.5em; margin:0 0 3em; overflow:hidden;}
.devlist li.hover .txt{opacity:1;-moz-opacity:1;filter:alpha(opacity=100); z-index:999;background:rgba(37,126,68,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8257E44,endColorstr=#C8257E44);}
.devlist li.hover .img span{ display:none;}
.devlist li a.more{ display:block; width:37px; height:37px; background:url(../image/more.png) no-repeat; background-size:cover;transition:0.3s all; }

.devlist .li_01{ width:38.20%;}
.devlist .li_02{ width:61.64%;}
.devlist .li_03{width:22.81%;}
.devlist .li_04{width:38.77%;}
.devlist .li_05{width:61.05%; margin-top:-21.6%;}

.devlist .li_02 .txt h2,.devlist .li_05 .txt h2{ margin:2em 0 1em;}
.devlist .li_02 .txt .c,.devlist .li_05 .txt .c{ height:4.5em;margin:0 0 1.5em;}

.devlist .li_03 h3{ position:absolute; left:50%; top:50%; width:50%; text-align:center; height:50px; line-height:30px; margin:-25px 0 0 -25%; color:#fff;}
.devlist .li_03 h3 a{color:#fff;}
.devlist .li_03 h3 em{display:block; width:50px; margin:10px auto 0;height:10px; border-bottom:1px solid #fff;}

.adv{ margin:70px 0 0;}
.adv img{ width:100%; height:auto;}


.footer{width: 100%; padding:30px 0 30px;background: #257e44;position: relative;overflow:auto}
.foot_ll{ float:left; width:72%; color:#fff; margin:20px 0 0;}
.foot_rr{ float:left; width:22%; *+margin-left:-1px;}
.foot_ll ul li{ float:left; font-size:12px;}
.foot_ll li a{ padding:0 20px; color:#fff;}
.foot_ll li:first-child a{ padding-left:0;}

.foot_ll .cop{ margin:20px 0 0;}
.foot_ll .cop span{ margin:0 0 0 20px;}
.foot_ll .cop a{ color:#fff;}
.foot_ll .cop a.xhr{ color:#ACC494; font-size:12px; font-family:Arial, Helvetica, sans-serif;}



/*底部微信*/
.foot_rr .WB_followButton .WB_icon{ display: none !important;}
.foot_rr dl{ float:right;}
.foot_rr dl dd{ float:left; width:115px; margin-left:14px; font-size:12px;background: #f1f3f0; padding:10px 5px;}
.foot_rr dl dd p{background:url(../image/fo_02.png) 0 center no-repeat; padding-left: 26px; border-bottom: 1px solid #ccc;}
.foot_rr dl dd p.gf{background:url(../image/fo_01.png) 0 center no-repeat; padding-left: 26px; border-bottom: 1px solid #ccc;}
.zcv{ color: #000; font-weight: bold; line-height: 20px; margin:10px 0;}
.fo_s{ margin:auto; width: 54px; height: 20px; background: #ec9709; padding:2px 4px; text-align: center; line-height: 18px; border-radius: 2px;}
.fo_s a{ display: block; border:1px solid #eaab39; color: #fff;}
.wos{ overflow: hidden;}
.wos .fo_s{ width: 42px; float: left; margin:0 2px; background: none; margin-left: 28px;}
.wos .fo_s a{border:none;}
.zcv_01{ margin-right: 4px;}
.zcv_02{ margin-left: 4px;}
.qiugray{position: absolute;z-index: 999; width: 100%; background:black; top:0; left: 0;}
.qiuboxlo{position: fixed; z-index: 1000; left:50%; margin-left: -170px; display: none; width:340px; background:#fff; padding:20px;}
.qiuboxlo .qiubi{position: absolute; top:11px; right:8px; width:21px; height:21px; cursor: pointer; }
.qiuboxlo .wixs{ width: 100%;}
.menu_h{ display:none;}

/*内页导航以及面包屑*/
.other_banner { width:100%; height:auto; position:relative; }
.other_banner img { width:100%; height:auto; }
.other_banner_tit { position:relative;  width:100%; }
.other_banner_box {  color:#fff; position:relative; width: 1280px; margin:0 auto;}
.other_banner_box h1{ position: absolute; bottom: 58px; left:0; color: #fff; font-size:28px;}
.site{ height:58px; line-height:58px; position:absolute; left:0; bottom:0; color:#fff;}
.site a{ padding:0px 2px; display:inline-block; zoom:1; color:#fff;}
.site a:hover {  color:#ddd;}
.site span{ padding:0px 4px;color:#fff;}


/*分页*/
.page {vertical-align:middle;text-align:center; margin:20px 0px; font-size:14px; color:#606060; height:20px; line-height:20px;}
.page input {vertical-align:middle;}
.page span{display:inline-block;margin:0 2px;}
.page span em{ color:#000; font-family:Arial, Helvetica, sans-serif;}
.page a{vertical-align:middle;display:inline-block;width:20px;height:20px;line-height:20px;text-align:center;color:#000;font-family:Arial, Helvetica, sans-serif;}
.page a.on,.page a:hover{background:#257e44;color:#fff; }
.page a.prev {width:14px; background:url(../image/page_03.png) center center no-repeat; margin:0px 10px 0px 0px;}
.page a.next {width:14px;background:url(../image/page_04.png) center center no-repeat; margin:0px 0px 0px 12px;}
.page a.first {width:40px;background:url(../image/page_01.png) center center no-repeat;}
.page a.last {width:40px;background:url(../image/page_02.png) center center no-repeat;}
.page .txtnum{width:30px; height:16px; line-height:16px;background:#fff; border:1px solid #CECECE;}
.page .txtnum input{width:30px; height:16px; line-height:16px;*line-height:15px; text-align:center;color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:none; border:none;}
.page a.go{width:30px; height:18px; line-height:18px;background:#257e44;color:#fff; margin-top:-2px; *margin-top:0px;}
/* 右侧悬浮导航 */
#leftsead{position:fixed;top:50%;right:0px; z-index: 999;margin-top: -200px;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{margin-top: 5px;  text-align: center;opacity:0.8;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;}
#leftsead li p{ margin-top: 4px; font-size: 12px; color: #fff;}
#leftsead li a{display:block;padding:6px 6px;}
#leftsead li:nth-child(1){ background: #a6ce39;}
#leftsead li:nth-child(2){ background: #a6dd89;}
#leftsead li:nth-child(3){ background: #8cd06d;}
#leftsead li:nth-child(4){ background: #5fbe40;}
#leftsead li:nth-child(5){ background: #237542;}




@media only screen and (max-width:1365px) {
.wrap{ width:98%; margin:0 1%;}
.font-18{ font-size:16px;}
.font-22{ font-size:20px;}
.font-28{ font-size:24px;}
.top-list{ margin-left:236px;}
ul.nav li a{ font-size:15px;}
.newsbox,.servicebox,.busnessbox,.developmentbox,.adv{ margin:40px 0 0;}
.main{ padding:0 0 40px;}
.footer{ padding:30px 0 60px;}

.bus_tabc{ height:509px;}
}



@media only screen and (max-width:1279px) {
.font-18{ font-size:14px;}
.font-22{ font-size:18px;}
.font-28{ font-size:20px;}
.top-list{ margin-left:46px;}
ul.nav li a,.tab-tit li,.bus_tabt li em{ font-size:14px;}
.t_share{ margin:0 10px;}
.search{ margin-left:10px;}
ul.nav li{ margin:0 10px;}

.header .nav li .child{width:140px;}
.header .nav li .child .txt span a{ font-size:12px;}
.header .nav li .child .txt{ padding:0 20px; width:100px;}
.header .nav li.l1 .child{ width:422px;}
.header .nav li.l4 .child{ width:342px;}
.header .nav li.l4 .child .txt{ padding:0 20px; width:130px;}
.header .nav li.l6 .child{ width:282px;}

.newsbox,.servicebox,.busnessbox,.developmentbox,.adv{ margin:30px 0 0;}
.main{ padding:0 0 30px;}
.footer{ padding:30px 0;}

.news_crr ul{ height:4em; overflow:hidden;}
.news_crr a.more{ margin-top:10px;}
.bus_tabt li img{ margin:15px auto 0;}
.bus_tabc{ height:407px;}
.other_banner_box {  width: 100%; }
.other_banner_box h1{  bottom: 38px;  font-size:18px; padding:0 10px;}
.site{ height:38px; line-height:38px;  padding:0 10px;}


}




@media only screen and (max-width:1023px) {
body{font-size:12px;}
.font-18{ font-size:12px;}
.font-22{ font-size:14px;}
.font-28{ font-size:16px;}
ul.nav li a, .tab-tit li,.bus_tabt li em{ font-size:14px;}
.newsbox,.servicebox,.busnessbox,.developmentbox,.adv{ margin:20px 0 0;}
.main{ padding:0 0 20px;}

.outlink a{ padding:0 5px;}
.search{ width:185px; }
.search input.s_inp{ width:140px;}
ul.nav { width: 68%;}
ul.nav li{ padding:0 0 21px;}

.tab-tit{ top:20px;}
.news_crr .inner{ padding-top:15%;}
.news_crr .c,.news_crr ul{ height:3em;}
.news_crr ul li{ height:20px; line-height:20px;}
.bus_tabt li img{ max-width:50%;}
.bus_tabt li em{ margin:10px 0 0;}
.devlist li a.more{ width:20px; height:20px;}



.bus_tabc{ height:305px;}
.other_banner_box {  width: 90%; }


}


@media only screen and (max-width:1050px) {
 	ul.nav{ text-align:right; margin-right:20px; width:85%;} 
	ul.nav li{ float:none; display:inline-block; margin:0; padding:0 10px;}
	.top-list{ float:right; margin-right:10px;}
.search{ width:100%; clear:both; margin-top:10px;}
ul.nav{ clear:both; margin-top:10px;}
}


@media only screen and (max-width:1015px) {
 .foot_ll{ width: 60%;}
 .foot_rr{ width: 36%;}



}

@media only screen and (max-width:920px) {
 	ul.nav{ width:85%} 
}
}
@media only screen and (max-width:973px) {

ul.nav{ width: 79%;}
ul.nav li a, .tab-tit li,.bus_tabt li em{ font-size:12px;}
}

@media only screen and (max-width:788px) {
/*模拟select*/
.select-body-box { z-index:100000; position:fixed; top:50%; left:10% !important; width:80% !important; max-height:80%; }
.selectmask { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:2; display:block; }
/**/

ul.nav { display: none; }
/*手机导航样式 Start*/
.menu_h { display: block; background: none; border: none; width:30px; height:20px; padding: 0; outline: none; position: absolute; right:1%; top: 50%;margin-top:-10px;z-index: 2000; }
.menu_h::before, .menu_h::after, .menu_h span { background: #237F43; }
.menu_h::before, .menu_h::after { content: ''; position: absolute; height:2px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; }
.menu_h span { position: absolute; width: 100%; height: 2px; left: 0; overflow: hidden; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; }
.menu_h::before { -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0); }
.menu_h::after { -webkit-transform: translate3d(0, 8px, 0); transform: translate3d(0, 8px, 0); }

.menu-open .menu_h span { opacity: 0; }
.menu-open .menu_h::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
.menu-open .menu_h::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }
.menu-open ul.nav { display: block; float: none; width: 102%; position: absolute; top:25px; left:-1%; z-index:99;background:#fff;}
.menu-open ul.nav li { float: none; width:100%; padding:0; margin:0; }
.menu-open ul.nav li a { height:auto; font-size: 1.2em; line-height:2em; color:#fff; background: #237F43; display: block; text-align:center; width: 100%; padding:0; margin:0;}
.menu-open ul.nav li a:hover { color: #fff;}
.menu-open ul.nav li.on,.menu-open ul.nav li:hover{ border-bottom:none;}

.menu-open ul.nav li .child{ margin:0; transform:translateY(0px);opacity:1; visibility:visible; position:relative; top:0; z-index:0;}
.header .nav li .child,.header .nav li.l1 .child,.header .nav li.l4 .child,.header .nav li.l6 .child{ width:90%; padding:5%;}
.header .nav li.l1 .child .txt,.header .nav li.l4 .child .txt,.header .nav li.l6 .child .txt{ width:33.3%; padding:0; margin:0; text-align:center; border:none;}
.header .nav li .child .txt span{ margin:0;}
.header .nav li .child .txt h3{ font-size:14px;}
.header .nav li .child .txt h3 a,.header .nav li .child .txt span a{font-size: 1em; margin:0; padding:0; background:none;}
.header .nav li .child .txt h3 a.on,.header .nav li .child .txt h3 a:hover,.header .nav li .child .txt span a.on,.header .nav li .child .txt span a:hover{ }
.header .nav li.l2 .child .txt,.header .nav li.l3 .child .txt,.header .nav li.l5 .child .txt,.header .nav li.l7 .child .txt{ width:100%;}
.header .nav li.l2 .child .txt h3,.header .nav li.l3 .child .txt h3,.header .nav li.l5 .child .txt h3,.header .nav li.l7 .child .txt h3{ float:left; width:33.3%;}
.header .nav li.l4 .child .txt{ height:120px;}
.header .nav li.l4 .child .txt:last-child{ height:auto;}
.header .nav li .child .txt{ padding:0;}
/*手机导航样式 End*/

.header{ height:auto; padding:10px 0;}
.header .logo{ width:80px; margin:0;}
.top-list{ margin-right:62px; margin-top:0;}
.top-list .search{ margin-top:0;}
.top-list .website_sel{ display:none;}
.top-list .t_share{ display:none;}
.top-list .outlink{ display:none;}
.top-list .lang{ display:none;}


.top-list .search{ display:block;}

.news_cll,.news_crr{ width:100%;}
.tab-tit{ position:relative; width:100%; left:0; top:0; margin:0 0 20px;}
.news_crr .inner{ padding:5%;}
.news_crr .c, .news_crr ul{ height:auto;}
.servicebox{ height:auto; background-size:cover;}
.servicebox ul li{ width:33.3%; margin:0 0 2em;}
.servicebox ul li span{ width:70px; height:70px;}
.servicebox ul li span img{ margin:18px auto 0;}

.bus_tabt{ width:100%;}
.bus_tabt li{ width:33.3%;}
.bus_tabt li em{ margin:10px 0;}
.bus_tabt h2{ width:33.3%;}
.bus_tabt h2 a{ margin:0;}
.bus_tabc{ width:100%; height:auto;}
.bus_tabc .txt{ position:relative; left:0; top:0; width:90%; padding:5%;}
.bus_tabc .txt .c{ height:auto;}
.devlist .li_01,.devlist .li_02,.devlist .li_03,.devlist .li_04,.devlist .li_05{ width:100%; margin:0}
.devlist .li_02 .txt h2, .devlist .li_05 .txt h2{ margin:1em 0 0;}
.devlist .li_02 .txt .c, .devlist .li_05 .txt .c{ height:3em; margin:0 0 1em;}

.foot_ll,.foot_rr{ width:100%; margin:0;}
.foot_ll li a{ padding:0 5px;}
.foot_ll .cop{ margin:5px 0 0;}
.foot_rr dl{ float:left; margin:10px 0 0;}
.foot_rr{ padding-bottom: 50px;}
.qiuboxlo{position: fixed; z-index: 1000; left:50%; margin-left: -140px; display: none; width:240px; background:#fff; padding:20px;}

.other_banner_box h1{  bottom: 28px;  font-size:22px; bottom: 20px;}
.site{ height:30px; line-height:30px; }
.other_banner img{ height: 90px;}

.page { padding: 20px 0; height: 30px; }
.page a, .page span { display: none; }
.page a.prev, .page a.next { display: block; float: left; margin: 0; width: 30%; border: 1px solid #257e44; margin-left: 12%; }
.page a.prev:hover, .page a.next:hover { border: 1px solid #257e44; }



#leftsead{ position: none; top:auto !important; width: 100%; bottom: 0;}
#leftsead li{ width: 20%; float: left; height:50px;}
#leftsead li a img{ width: 25px;}
#leftsead li a{display:block;padding:5px;}
#leftsead li p{ font-size: 12px;}
#leftsead li:nth-child(5) a img{ width: auto;}

}


@media only screen and (max-width:420px) {
.search input.s_inp{ width:100px;}
.top-list{ margin-left:0; width:50%;}
}




.de_con video{ background: #000;}






@charset "utf-8";
/* CSS Document */
/* reset */
html { height: 100%; }
body { min-height: 100% }

@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */
