@charset "utf-8";

/* CSS Document */

*{ margin:0px; padding:0px;}

img {border:0;margin:0; padding:0;}

ul,li,ol,h1,h2,h3,dl,dt,dd,form,p,u,s,i{ list-style:none; margin:0; padding:0; text-decoration: none; font-weight:normal; font-style:normal;}

.clearfix{display:inline-table;}

* html .clearfix{height:1%;/*ie6*/}

*+html .clearfix{min-height:1px;}

.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}

.clearfix { display:inline-block; }

* html .clearfix { height:1%; }

.clearfix { display:block; }

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

input,textarea,button {outline:none; border:none; background:none;}/*去掉输入框得到焦点时边框会出现阴影效果----例如370 火狐*/

a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ color:#333; } 

a:focus{ -moz-outline-style: none; /* FF */ } /*去掉a标签超链接的虚线框*/

body {margin: 0px; color:#333; font-size: 14px; background-color:#f7f7f7;font-family: "Microsoft Yahei", "PingFang SC";}

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}

a:link { text-decoration: none;}

a:visited {text-decoration: none;}

a:hover { text-decoration: none;}

a:active {text-decoration: none;}

.fl{ float: left;}

.fr{ float: right;}

.clear{ clear: both;}



.imghover{ float: left; display: inline-block; overflow: hidden; width: 100%;}

.imghover.inherit{ overflow:inherit;}

.imghover img{ transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;}

.imghover:hover img{ transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1);}



#menu{display: none !important;}

#menu.mm-opened{ display: block !important;}



/*.list_box{top: 190px;}

.ad_box{ width:100%;}

.ad_box .common-width{ position:relative;}

.ad_box a{ display:block;}

.ad_box .bnt_close{ position:absolute; right:0; top:15px;cursor: pointer; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.ad_box .bnt_close:hover{ transform:rotate(90deg);-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); }

.ad_box .adss{ width:100%; height:90px; background:url(../images/natural/ads.jpg) center top no-repeat;}*/



.for_pic{ width:100%;}

.for_pic img{ position:relative; width:100%;}

.for_close{ position:absolute; right:14%; top:15px;cursor: pointer; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

.for_close:hover{ transform:rotate(90deg);-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); }



.common-width{ width:1400px; height:auto; margin:0 auto;}

.top-box {width: 100%;height: 100px; background-color:#ffffff; font-size: 14px;transition: all ease .3s;z-index: 99; border-bottom:3px solid #01ac50;}

.top{ width:100%; height:100px; margin:0 auto;}

.logo{ width:340px; height:64px; float:left; padding-top:18px;}

.logo img{ width:340px; height:64px;}



.top-r{ width:75%; height:100px; float:right;}

.top-r-u{ padding-top:20px; height:20px;}

.top-r-u-ss{ width:125px; height:20px; border-bottom:1px solid #ccc; float:right; margin-right:10px;}

.top-r-u-ss .ss-k{ width:105px; height:20px; float:left;}

.top-r-u-ss .ss-s{ width:20px; height:20px; float:right; background:url(../images/natural/ss.jpg) no-repeat center;}

.top-r-u-tb{ height:20px; float:right; margin-right:15px;}

.top-r-u-tb ul li{ float:left; padding:0 10px; background:url(../images/natural/nav-x.jpg) no-repeat center left; height:20px; line-height:20px; font-size:13px;}

.top-r-u-tb ul li a{ color:#999999;}

.top-r-u-tb ul li i{ font-size:20px; color:#999999; padding-right:6px; display:inline-block; vertical-align:middle;}

.top-r-u-tb ul li:hover a{ color:#01ac50; transition: all .5s;}

.top-r-u-tb ul li:hover a i{ color:#01ac50; transition: all .5s;}

.top-r-d{ width:100%; height:60px;}

.top-r-d .nav { float: right; position: relative;}

.top-r-d .nav ul .mainlevel { float: left; height:60px}

.top-r-d .nav ul .mainlevel:hover { background:url(../images/natural/jt.png) center 42px no-repeat;}

.top-r-d .nav ul .mainlevel:hover .nav-a {color: #28a558;}

.top-r-d .nav ul { display: table}

.top-r-d .nav ul li .nav-a { font-size: 16px; padding:0 25px; height: 60px; line-height: 60px; color: #666; text-decoration: none; display: inline-block;text-align: right; background:url(../images/natural/nav-x.jpg) no-repeat center right;}

.top-r-d .nav ul li .nav-a:hover { height: 60px; color: #28a558; line-height: 60px;}

.top-r-d .nav ul li.first-crl { background: 0px 0px}

.top-r-d .nav ul li.first-crl .nav-a { height: 60px; color: #28a558;}

.top-r-d .nav ul li.first-crl .nav-a .current { height: 7px;}

.top-r-d .nav ul li.first-crl .nav-a:hover { height: 60px;}

.top-r-d .nav ul li.end-crl .nav-a { height: 60px;}

.top-r-d .nav ul li.end-crl .current.nav-a { height: 60px;}

.top-r-d .nav ul li.end-crl .nav-a:hover { height: 60px;}



.t-zq{ width: 70px; height:30px; position:relative; z-index:9999;}

.t-zq .xla{ height:20px; line-height:20px; display: inline-block; cursor: pointer; width: 70px;margin-left:10px;}

.t-zq .xla span{  display: inline-block;  margin-left: 2px;  width: 20px; height: 18px;line-height: 18px;}

.t-zq .xla span i{ font-size: 18px;}

.t-zq .lb{ width: 160px;padding: 10px 0; position: absolute; display:none;background:#fff; top: 22px; left:-45px;opacity: 0.9; z-index:99;}

.t-zq .lb ul li{ width:100%; color: #666; cursor: pointer; height:30px; line-height: 30px;font-size: 14px;}

.t-zq .lb ul li a{ color: #666; padding-left:20px; }

.t-zq .lb li a:hover{ color: #00875e;}



.top-r-u-tb ul li.t-wx{ position:relative;}

.top-r-u-tb ul li.t-wx .wx-ewm{ display:none;}

.top-r-u-tb ul li.t-wx:hover .wx-ewm{ display: block; position:absolute; z-index:999; width:80px; height:80px; left:-3px; top:30px;transition: all ease .3s;}

.top-r-u-tb ul li.t-wx:hover .wx-ewm img{ width:80px; height:80px;}



.top-r-u-tb ul li.t-web{ position:relative;}

.top-r-u-tb ul li.t-web .wx-ewm{ display:none;}

.top-r-u-tb ul li.t-web:hover .wx-ewm{ display: block; position:absolute; z-index:999; width:80px; height:80px; left:0; top:30px;transition: all ease .3s;}

.top-r-u-tb ul li.t-web:hover .wx-ewm img{ width:80px; height:80px;}



.mainlevel div { height: auto; position: absolute; background: none repeat scroll 0% 0% #F5F5F5; display: none; top: 60px; width: 680px; padding: 20px 14px; z-index: 999;}

#sub_01{ position:absolute; left: 0px;}

#sub_02{ position:absolute; left: 0px;}

#sub_03{ position:absolute; left: 0px;}

#sub_04{ position:absolute; left: 0px;}

#sub_05{ position:absolute; left: 0px;}

#sub_06{ position:absolute; left: 0px;}

#sub_07{ position:absolute; right: 0px;}

#sub_08{ position:absolute; right: 0px;}
#sub_09{ position:absolute; right: 0px;}



.mainlevel div ol { overflow: hidden; float: left; display: block; width: 300px;}

.mainlevel div li { line-height: 47px; width: 300px;}

.mainlevel div li a { border-bottom: 1px solid #BCBCBC; margin: 0 15px; font-size:15px; color: #3b3b3b; display: inline-block; line-height: 30px; width:auto; display: block; float: left; text-align: left; overflow:hidden;}

.mainlevel div li a.navlong{ width: 250px;}

.mainlevel div li ol { margin: 0 15px; height: 120px; color: #3b3b3b; display: inline-block; line-height: 40px; width: 250px; display: block; float: left;text-align: left; overflow:hidden;}

.mainlevel div li ol a { margin: 0 5px 0 0; height: 35px; color: #3b3b3b; display: inline-block; line-height: 35px; width: 80px; display: block; float: left;

text-align: left; border-bottom: none;}

.mainlevel div li a:hover { color: #28a558;}

.mainlevel div .nav-img { float: right; display: inline-block}

.mainlevel div span img { border: #ffffff 3px solid;}



.banner{width: 100%;}

#owl-demo { width: 100%; margin-left: auto; margin-right: auto;}

#owl-demo .item{ display: block; position:relative;}

#owl-demo img.bannerimg { display: block; width: 100%;min-height: 150px;}

.banner-font1{ position:absolute; left:16%; top:30%;margin-left: 100px;transition: all 1.5s;}

#owl-demo .owl-item.active .banner-font1{ width:506px; height:auto; margin-left:0; opacity: 1;}

.banner-font img{ width:100%; height:auto;}

.banner-font2{ position:absolute; left:16%; top:30%;margin-left: 100px;transition: all 1.5s;}

#owl-demo .owl-item.active .banner-font2{ width:506px; height:auto; margin-left:0; opacity: 1;}

.banner-font3{ position:absolute; right:16%; top:28%;margin-right: 100px;transition: all 1.5s;}

#owl-demo .owl-item.active .banner-font3{ width:506px; height:auto; margin-right:0; opacity: 1;}

.banner-font4{ position:absolute; right:16%; top:24%;margin-right: 100px;transition: all 1.5s;}

#owl-demo .owl-item.active .banner-font4{ width:506px; height:auto; margin-right:0; opacity: 1;}



.sma-bg{ width:100%; height:auto; overflow:hidden; background:#f7f7f7 url(../images/natural/sma-bg.jpg) no-repeat center top;}

.notice-box { width: 100%;height: 60px; border-bottom:1px solid #efefef;}

.notice { width: 100%;height: 60px;}

.notice-title { width:10%; overflow: hidden; height: 60px; line-height: 60px; font-size:18px; font-weight:bold; color: #333; float:left; background:url(../images/natural/gg-line.jpg) no-repeat center right;}

.notice-title span{ display:inline-block; float:left; width:30px; height: 30px; line-height: 28px; border-radius:50%; border:2px solid #01ac50; text-align:center; margin-top:14px; margin-right:15px;}

.notice-title i{ display:inline-block; height: 30px; line-height: 30px; font-size:14px !important; color:#01ac50;}



.rolling .content { width: 88%; height: 60px; overflow: hidden;}

.rolling .content ul { overflow: hidden; zoom:1;}

.rolling .content ul li { float: left; height: 60px; line-height: 60px; text-align: left;  _display: inline; font-size: 14px;}

.rolling .content ul li i{ font-size: 30px; float:left; display:inline-block; color:#28a558;}

.rolling .content ul li a{ width:70%; display:block; float:left;}

.rolling .content ul li span { display:inline-block; color: #b7b7b7; float:right; margin-right:20px;}

.rolling .content ul li a:hover { color:#28a558;}

.rolling:hover .next{ display:block;}

.rolling:hover .prev{display:block;}

.tempWrap{ width:1200px !important;}

.rolling .content ul li { width:600px !important;}



.xwzx-box{ width:100%; height:auto; overflow:hidden; padding:30px 0;}

.xwzx{ width:100%; height:auto; overflow:hidden;}

.xwzx-l{ width:61%; height:450px; float:left; border:1px solid #efefef; background-color:#ffffff;box-sizing:border-box;

-moz-box-sizing:border-box; /* Firefox */

-webkit-box-sizing:border-box; /* Safari */}

.xwzx-ll{ width:94%; height:auto; overflow:hidden; padding:20px 3%;}

.xwzx-bt{ width:100%; height:24px; overflow:hidden; margin-bottom:20px;}

.xwzx-bt-l{ float:left;}

.xwzx-bt-l h3{ font-size:18px; font-weight:bold;}

.xwzx-bt-l h3 i{ font-size:20px; font-weight: normal; padding-right:8px;}

.xwzx-bt-r{ float:right; font-size:13px;}

.xwzx-bt-r a{ color:#999;}

.xwzx-bt-r a i{ color:#999; font-size:16px; padding-left:6px;}

.xwzx-bt-r:hover a{ color:#28a558; transition: all .5s;}

.xwzx-bt-r:hover a i{ color:#28a558; transition: all .5s;}

.xwzx-tp{ width:100%; height:190px;}

.xwzx-tp-tp{ width:38%; height:190px; float:left; overflow:hidden;}

.xwzx-tp-tp img{ width:100%; height:190px;}

.xwzx-tp-wz{ width:58%; height:190px; float:right;}

.xwzx-tp-wz dl dt{ width:100%; height:34px; line-height:34px; overflow:hidden; font-size:16px; font-weight:bold;}

.xwzx-tp-wz dl dd{ width:100%; height:78px; line-height:26px; font-size:14px; color:#666; overflow:hidden;}

.xwzx-tp-wz dl dd.more a{ display:block; margin-top:20px;}

.xwzx-tp-wz dl:hover dt a{ color:#28a558; transition: all .5s;}

.xwzx-tp-wz dl:hover dd.more a{ color:#28a558; transition: all .5s;}

.xwzx-wz{ width:100%; height:auto; overflow:hidden;}

.xwzx-wz ul li{ width:100%; height:auto; overflow:hidden; margin-top:20px;}

.xwzx-wz ul li .xwzx-wz-riqi{ width:10%; height:auto; overflow:hidden; float:left; border-right:1px solid #ccc; text-align:center; font-size:35px; color:#a2a2a2; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:5px 0;}

.xwzx-wz ul li .xwzx-wz-riqi span{ display:block; font-size:12px; font-weight:normal;}

.xwzx-wz ul li .xwzx-wz-wenzi{ width:86%; height:auto; overflow:hidden; float:right;}

.xwzx-wz ul li .xwzx-wz-wenzi h3{ font-size:15px; font-weight:bold; padding-bottom:4px;}

.xwzx-wz ul li .xwzx-wz-wenzi p{ height:44px; line-height:22px; font-size:14px; color:#666; overflow:hidden;}

.xwzx-wz ul li:hover .xwzx-wz-riqi{ color:#28a558; transition: all .5s;}

.xwzx-wz ul li:hover .xwzx-wz-riqi span{ color:#28a558; transition: all .5s;}

.xwzx-wz ul li:hover .xwzx-wz-wenzi h3 a{ color:#28a558; transition: all .5s;}

.xwzx-r{ width:37%; height:450px; float:right; border:1px solid #efefef; background-color:#ffffff;}

.xwzx-r-bt{ width:100%; height:110px; background: url(../images/natural/gpbg.jpg) no-repeat center;}

.exponent { width:90%; height:70px; padding:20px 5%;}

/*.exponent .name { font-size:18px; font-weight:bold; color:#666;}

.exponent .name span{ font-size:16px; color:#666; padding-left:5px;}

.exponent .mainNum {position:relative; padding-right:94px; display:inline-block; line-height:1; vertical-align:top; font-size:40px; letter-spacing:-4px;}

.exponent .mainNum:after { position:absolute; right:0; bottom:5px; width:90px; height:30px; content:'';}

.rel{ width:100%; height:40px; margin-top:10px; position:relative;}

.exponent .rose { padding:0 8px; background-color:#d00; color:#fff; height:22px; line-height:22px; font-size:14px; position:absolute; left:180px; bottom:5px;}

.exponent .rose.up { color:#fff; background-color:#d00;}

.exponent .rose.down { color:#fff; background-color:#1fb027;}

.exponent .up { color:#d00;}

.exponent .mainNum.up:after { background:url(../images/natural/g-red.png) no-repeat bottom; background-size:100%;}

.exponent .down { color:#1fb027;}

.exponent .mainNum.down:after {background:url(../images/natural/g-green.png) no-repeat bottom; background-size:100%;}

.timem{ font-size:16px; font-family:Arial, Helvetica, sans-serif; position:absolute; bottom:5px; right:50px;}
*/

.exponent-l{ width:30%; height:auto; overflow:hidden; float:left; border-right:1px solid #999;}
.exponent-l h3{ font-size:20px; font-weight:bold;}
.exponent-l p{ font-size:16px; padding-top:10px;}
.exponent-r{ width:60%; height:auto; overflow:hidden; float:right;}
.pricem{ width:100%; height:30px;}
.pricem span { height:30px; line-height:30px; display:inline-block; font-size:18px; padding-right:12px; float:left;}
.pricem span#sp1 { font-size:30px; letter-spacing:-1px;}
.timem{ width:100%; height:30px; font-size:16px; padding-top:10px; font-family:Arial, Helvetica, sans-serif;}
.exponent .up { color:#d00;}
.exponent .down { color:#1fb027;}

.xwzx-r-tp{ width:90%; height:300px; padding:20px 5%;}

.xwzx-r-tp img{ width:100%; height:300px;}



.cont01-box{ width: 100%; height:auto; overflow:hidden; background-color:#f7f7f7;}

.cont01{ width: 100%; height: auto; overflow:hidden;}

.cont01-l{ width: 35%; height:420px; overflow:hidden; float:left; margin-right:2%; border:1px solid #efefef;box-sizing:border-box;

-moz-box-sizing:border-box; /* Firefox */

-webkit-box-sizing:border-box; /* Safari */ background-color:#fff;}

.cont01-ll{ width: 88%; height: auto; overflow:hidden; padding:5% 6%;}

.cont01-m{ width: 35%; height:420px; overflow:hidden; float:left; border:1px solid #efefef;box-sizing:border-box;

-moz-box-sizing:border-box; /* Firefox */

-webkit-box-sizing:border-box; /* Safari */ background-color:#fff;}

.cont01-mm{ width: 88%; height: auto; overflow:hidden; padding:5% 6%;}

.cont01-m-u{ width:100%; height:auto; overflow:hidden; margin-bottom:10px;}

.cont01-m-img{ width:36%; height:110px; float:left;}

.cont01-m-img img{ width:100%; height:110px;}

.cont01-m-txt{ width:60%; height:110px; float:right;}

.cont01-m-txt h3{ margin-bottom:10px; font-weight:bold; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.cont01-m-u:hover h3 a { color:#28a558;}

.cont01-m-txt p { max-height:66px; font-size:14px; color:#666; line-height:22px; overflow:hidden;}

.cont01-m-d{ width:100%; height:auto; overflow:hidden;}

.cont01-m-d ul li{ height:42px; line-height:42px; font-size:14px; overflow:hidden; border-bottom:1px dotted #ccc;}

.cont01-m-d ul li a{ height:42px; line-height:42px; width:80%; float:left;}

.cont01-m-d ul li:last-child{ border-bottom:none;}

.cont01-m-d ul li i{ font-size:28px; color:#666; padding-right:4px; vertical-align:middle;}

.cont01-m-d ul li span{ height:42px; line-height:42px; font-size:14px; float:right;}

.cont01-m-d ul li:hover a{ color:#28a558; transition: all .5s;}

.cont01-m-d ul li:hover a i{ color:#28a558; transition: all .5s;}



.cont01-r{ width: 26%; height:420px; overflow:hidden; float:right; background-color:#fff; border:1px solid #efefef;box-sizing:border-box;

-moz-box-sizing:border-box; /* Firefox */

-webkit-box-sizing:border-box; /* Safari */ margin-bottom:10px;box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box;}

.cont01-r-u{ width:100%; height:auto; overflow:hidden;}

.cont01-r-uu{ width:84%; height:auto; overflow:hidden; margin:5% 8%; padding-bottom:20px; border-bottom:1px solid #ccc;}

.cont01-r-uu h3{ margin-bottom:20px; font-size:18px; font-weight:bold;}

.cont01-r-uu ul li{ width:25%; float:left; text-align:center;}

.cont01-r-uu ul li h3{ width:46px; height:46px; line-height:46px; border-radius:50%;  background:#28a558; text-align:center; margin:0 auto;}

.cont01-r-uu ul li h3 img{ width:26px; height:26px; padding-top:10px;}

.cont01-r-uu ul li h3 i{ font-size:26px; color:#fff;}

.cont01-r-uu ul li span{ display:block; font-size:14px; margin-top:10px;}

/*.cont01-r-uu ul li:hover h3{ background:#28a558; transition: all .5s;}*/

/*.cont01-r-uu ul li:hover span{ color:#28a558; transition: all .5s;}*/

.cont01-r-uu ul li h3 i.icon-shehuizeren{ font-size:34px;}

/*.cont01-r-uu ul li.first h3{ background:#28a558; transition: all .5s;}*/

/*.cont01-r-uu ul li.first span{ color:#28a558; transition: all .5s;}*/

.cont01-r-dd{ width:84%; height:auto; padding:2% 8%;}

.cont01-r-dd h3{ margin-bottom:20px; font-size:18px; font-weight:bold;}

.cont01-tp{ width:100%; height:100%;}

.item{ display: block;position: relative; width:99.9% ; margin:0 auto;}

.itempic01{ width:100%; height:auto; overflow:hidden;}

.itempic01 ul li{ width:100%; height:80px; float:left; margin-bottom:10px;}

.itempic01 ul li img{width:100%; height:80px;}



.big-bg{ width:100%; height:auto; overflow:hidden; background:#f7f7f7 url(../images/natural/big-bg.jpg) no-repeat center bottom;}

.ads-box{ width:100%; height:auto; overflow:hidden; padding:20px 0;}

.ads{ width:100%; height:auto;}

#owl-demo5 { width: 100%; margin-left: auto; margin-right: auto;}

#owl-demo5 .item{ display: block; position:relative;}

#owl-demo5 img{ display: block; width: 100%;}



.part-box{ width:100%; height:auto; overflow:hidden; padding-bottom:30px;}

.part{ width:100%; height:auto; background-color:#fff; border:1px solid #efefef; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box;}

.part11{ width:96%; height:auto; margin:0 auto; padding:20px 0;}

.part-bt{ width:100%; height:40px; border-bottom:1px solid #eaeaea;}

.part-bt ul li{ height:40px; margin-right:40px; text-align:center; float:left;}

.part-bt ul li a{ font-size:18px; font-weight:bold; display:block;}

.part-bt ul li:hover,.part-bt ul li.casehover{ border-bottom:2px solid #01ac50;}

.part-bt ul li:hover a,.part-bt ul li.casehover a{color:#01ac50;}

.part-nr{ width:100%; height:auto; overflow:hidden; margin-top:30px;}



#owl-part1 .item{ margin:0 3%; width:94%; height:60px; background-color:#f4f4f4; text-align:center;}

#owl-part1 .item .item-tp{ height:60px;}

#owl-part1 .item img{ max-width:100%; height:46px; padding-top:7px;}

#owl-part1 .item:hover{ border:1px solid #28a558; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box;}



#owl-part2 .item{ margin:0 3%; width:94%; height:60px; background-color:#f4f4f4; text-align:center;}

#owl-part2 .item .item-tp{ height:60px;}

#owl-part2 .item img{ max-width:100%; height:46px; padding-top:7px;}

#owl-part2 .item:hover{ border:1px solid #28a558; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box;}



#owl-part3 .item{ margin:0 3%; width:94%; height:60px; background-color:#f4f4f4; text-align:center;}

#owl-part3 .item .item-tp{ height:60px;}

#owl-part3 .item img{ max-width:100%; height:46px; padding-top:7px;}

#owl-part3 .item:hover{ border:1px solid #28a558; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box;}



.foot-box{ width:100%; height:auto; overflow:hidden; background:#36373b url(../images/natural/foot-bg.jpg) no-repeat center; border-top:3px solid #01ac50; padding:30px 0;}

.foot{ width:100%; height:auto; overflow:hidden;}

.foot-l{ width:60%; height:auto; overflow:hidden; float:left;}

.foot-l-u{ height:24px; color:#a1a1a1;}

.foot-l-u a{ line-height:24px; font-size:14px; color:#a1a1a1; padding: 0 10px;}

.foot-l-u a:first-child{ padding: 0 10px 0 0;}

.foot-l-d{ line-height:26px; color:#a1a1a1; font-size:14px; position:relative;}

.foot-l-d a{ color:#a1a1a1;}

.foot-l-d img{ position:absolute; top:-20px; width: 32px;}

.foot-l-u a:hover{ color:#28a558; transition: all .5s;}

.foot-l-d a:hover{ color:#28a558; transition: all .5s;}

.foot-r{ height:auto; overflow:hidden; float:right;}

.foot-r ul li{ height:24px; line-height:24px; font-size:14px; color:#a1a1a1;}

.foot-r ul li i{ font-size:16px; color:#a1a1a1; padding-right:8px; vertical-align:middle;}

.foot-r ul li a{ color:#01ac50; padding-left:15px;}

.foot-r ul li a:hover{ color:#fff; transition: all .5s;}



@media screen and (max-width:1456px){

	

.common-width{ width:1000px;}



.top-box { height: 80px;}

.top { height: 80px;}

.logo { width: 266px; height: 50px; padding-top: 15px;}

.logo img{ width: 266px; height: 50px;}

.top-r { width: 72%; height: 80px;}

.top-r-u { padding-top: 10px;}

.top-r-d { height: 50px;}

.top-r-d .nav ul .mainlevel { height: 50px;}

.top-r-d .nav ul li.first-crl .nav-a { height: 50px;}

.top-r-d .nav ul li .nav-a { font-size: 14px; padding: 0 16px; height: 50px; line-height: 50px;}

.mainlevel div { top: 48px;}

.top-r-d .nav ul li .nav-a:hover { height: 50px; line-height: 50px;}

.top-r-d .nav ul li.first-crl .nav-a { height: 50px;}

.top-r-d .nav ul li.first-crl .nav-a .current { height: 7px;}

.top-r-d .nav ul li.first-crl .nav-a:hover { height: 50px;}

.top-r-d .nav ul li.end-crl .nav-a { height: 50px;}

.top-r-d .nav ul li.end-crl .current.nav-a { height: 50px;}

.top-r-d .nav ul li.end-crl .nav-a:hover { height: 50px;}

.top-r-d .nav ul .mainlevel:hover { background:url(../images/natural/jt.jpg) center 33px no-repeat;}

.mainlevel div li a { font-size: 14px;}



.notice-box { height: 50px;}

.notice { height: 50px;}

.notice-title span { margin-top: 8px;}

.notice-title { width: 13%;  height: 50px; line-height: 50px; font-size: 16px;}

.rolling .content { width: 85%; height: 50px;}

.rolling .content ul li { height: 50px; line-height: 50px;}

.rolling .content ul li i{ font-size: 26px;}

.rolling .content ul li a{ width:60%; }

.tempWrap{ width:860px !important;}

.rolling .content ul li { width:430px !important;}



.xwzx-l { height: 390px;}

.xwzx-bt-l h3 { font-size: 16px;}

.xwzx-tp { height: 126px;}

.xwzx-tp-tp { height: 126px;}

.xwzx-tp-wz { height: 126px;}

.xwzx-tp-wz dl dt { height: 28px; line-height:28px; font-size: 15px;}

.xwzx-tp-wz dl dd { height: 66px; line-height: 22px; font-size: 13px;}

.xwzx-tp-wz dl dd.more a { margin-top: 10px;}

.xwzx-wz ul li { margin-top: 20px;}

.xwzx-wz ul li .xwzx-wz-wenzi h3 { font-size: 14px;}

.xwzx-wz ul li .xwzx-wz-wenzi p { font-size: 13px;}

.xwzx-r { height: 390px;}

.xwzx-r-bt { height: 90px;}

.exponent .mainNum:after { width: 60px; height: 20px;}

.exponent .mainNum { padding-right: 70px; font-size: 30px;}

.rel { height: 30px; margin-top: 5px;}

.exponent { width:96%; height:70px; padding:20px 2%;}

.exponent .rose { left: 130px;}

.timem { font-size: 14px; right: 0;}

.xwzx-r-tp { height: 270px;}

.xwzx-r-tp img{ height: 270px;}



.cont01-m-img { height: 76px;}

.cont01-m-img img{ height: 76px;}

.cont01-m-txt h3 { font-size: 14px;}

.cont01-m-txt p { max-height: 44px; font-size: 13px;}

.cont01-m-txt { height: 76px;}

.cont01-m-d ul li { font-size: 13px; height: 38px; line-height: 38px;}

.cont01-m-d ul li a { height: 38px; line-height: 38px;width: 70%;}

.cont01-l { height: 360px;}

.cont01-m { height: 360px;}

.cont01-r { height: 360px;}

.exponent-l{ width:34%;}

.cont01-r-uu ul li h3 { width: 40px; height: 40px; line-height: 40px;}

.cont01-r-uu ul li h3 img { width: 25px; height: 25px; padding-top: 8px;}

.cont01-r-uu ul li h3 i { font-size: 22px;}

.cont01-r-uu ul li h3 i.icon-shehuizeren { font-size: 28px;}

.cont01-r-uu ul li span { font-size: 12px;}

.itempic01 ul li { height: 52px;}

.itempic01 ul li img{ height: 52px;}

.part-bt { height: 34px;}

.part-bt ul li { height: 34px; margin-right: 30px;}

.part-bt ul li a { font-size: 16px;}

.foot .foot-l-d .jingcha{   
    display: inline-block;
    text-decoration: none;
    height: 20px;
    line-height: 20px;
    position: relative;
    padding-left: 50px !important;
}
.foot .foot-l-d .jingcha img{
    float: left;
    position: absolute;
    top: -10px;
    left: 0px !important;
    width: 32px;
}

}

	



@media screen and (max-width:1024px){

.exponent-l{ width:36%;}
.exponent-l h3{ font-size:18px;}
.exponent-l p{ font-size:15px;}	

.common-width{ width:96%;}

.top-u { display:none;}

.ad_box { display: none;}

.top-r-d{ display: none;}

.top-r-u-ss{ display: none;}

.top-r-u-tb ul li.t-wx,.top-r-u-tb ul li.t-web{ display: none;}

.t-zq .lb ul li { height: 26px; line-height: 26px; font-size: 12px;}



.top-r { width: 40%; height: 20px; position: absolute;right: 10%; top: 12px;}

.top-r-u { padding-top: 0px;}

.top-r-u-tb ul li { padding: 0 2px; background:none; font-size: 12px;}

.t-zq .lb { width: 120px;}



.top-box { height: 50px;}

.top { height: 50px;}



.logo { width: 202px; height: 38px; padding-top: 6px;}

.logo img{ width: 202px; height: 38px;}



.top-nav{ display:none;}





#menu{ display:block;}



.phone_nav a

{

	display: block;

	width: 28px;

	height: 18px;

	position: absolute;

	top: 30px;

	right: 30px;

}

.phone_nav a:before,

.phone_nav a:after

{

	content: '';

	display: block;

	background: #01ac50;

	height: 2px;

}

.phone_nav a span

{

	background: #01ac50;

	display: block;

	height: 2px;

	margin: 6px 0;

}





}



@media screen and (max-width:768px){

	

.common-width{ width:96%;}



#ads{ display:none;}



.top-r { top: 14px;}



.notice-title{ display:none;}

.notice-box { height: 40px;}

.notice { height: 40px;}

.rolling .content { width: 100%; height: 40px;}

.rolling .content ul li { height: 40px; line-height: 40px;}

.rolling .content ul li i{ font-size: 26px;}

.rolling .content ul li a{ width:80%; }

.tempWrap{ width:400px !important;}

.rolling .content ul li { width:400px !important;}

.rolling .content ul li span{ display:none;}



.xwzx-l { width: 100%; height:auto;}

.xwzx-r { width: 100%; height:auto; margin-top:20px;}

.cont01-l { width: 100%; height:auto;}

.cont01-m { width: 100%; height:auto; margin-top:20px;}

.cont01-r { width: 100%; height:auto; margin-top:20px;}



.xwzx-tp { height: 83px;}

.xwzx-tp-tp { height: 83px;}

.xwzx-tp-tp img{ height: 83px;}

.xwzx-tp-wz { height: 83px;}

.xwzx-tp-wz dl dd { height: 44px; line-height: 22px; font-size: 12px;}

.xwzx-tp-wz dl dd.more a { display:none;}

.xwzx-wz ul li .xwzx-wz-riqi { width: 18%;}

.xwzx-wz ul li .xwzx-wz-wenzi { width: 78%;}



.xwzx-box { padding: 20px 0;}



.ads-box{ display:none;}



.itempic01 ul li { height: 107px;}

.itempic01 ul li img{ height: 107px;}



.part-box { padding-top: 10px;}

.foot-l { width: 100%;}

.foot-r { width: 100%; float:inherit;}

.foot-l-d img { top: 22px;}





}



@media only screen and (min-width:640px) and (max-width:768px) {



  

.phone_nav a

{

	display: block;

	width: 23px;

	height: 13px;

	position: absolute;

	top: 20px;

	right: 25px;

}

.phone_nav a:before,

.phone_nav a:after

{

	content: '';

	display: block;

	background: #01ac50;

	height: 2px;

}

.phone_nav a span

{

	background: #01ac50;

	display: block;

	height: 2px;

	margin: 6px 0;

}



}



@media only screen and (min-width:480px) and (max-width:640px) {

	

.phone_nav a

{

	display: block;

	width: 23px;

	height: 13px;

	position: absolute;

	top: 15px;

	right: 10px;

}

.phone_nav a:before,

.phone_nav a:after

{

	content: '';

	display: block;

	background: #01ac50;

	height: 2px;

}

.phone_nav a span

{

	background: #01ac50;

	display: block;

	height: 2px;

	margin: 6px 0;

}



}

@media only screen and (min-width:400px) and (max-width:480px) {



.phone_nav a

{

	display: block;

	width: 20px;

	height: 13px;

	position: absolute;

	top: 18px;

	right: 10px;

}

.phone_nav a:before,

.phone_nav a:after

{

	content: '';

	display: block;

	background: #01ac50;

	height: 2px;

}

.phone_nav a span

{

	background: #01ac50;

	display: block;

	height: 2px;

	margin: 6px 0;

}

	

}

@media only screen and (min-width:360px) and (max-width:400px) {

	

	

.phone_nav a

{

	display: block;

	width: 20px;

	height: 13px;

	position: absolute;

	top: 15px;

	right: 10px;

}

.phone_nav a:before,

.phone_nav a:after

{

	content: '';

	display: block;

	background: #01ac50;

	height: 2px;

}

.phone_nav a span

{

	background: #01ac50;

	display: block;

	height: 2px;



	margin: 5px 0;

}

	

	

}



@media only screen and (min-width:320px) and (max-width:360px) {

.phone_nav a

{

	display: block;

	width: 20px;

	height: 13px;

	position: absolute;

	top: 19px;

	right: 10px;

}

.phone_nav a:before,

.phone_nav a:after

{

	content: '';

	display: block;

	background: #01ac50;

	height: 2px;

}

.phone_nav a span

{

	background: #01ac50;

	display: block;

	height: 2px;

	margin: 4px 0;

}

	

}



@media only screen and (max-width:320px){



.phone_nav a

{

	display: block;

	width: 20px;

	height: 13px;

	position: absolute;

	top: 19px;

	right: 10px;

}

.phone_nav a:before,

.phone_nav a:after

{

	content: '';

	display: block;

	background: #01ac50;

	height: 2px;

}

.phone_nav a span

{

	background: #01ac50;

	display: block;

	height: 2px;

	margin: 4px 0;

}

	

}



/***分页****/

.n-page{ text-align:center; clear:both; margin-top:40px; padding-bottom:10px;}

.n-page a{ padding:5px 10px; margin:0px 3px;  border:#e0e0e0 1px solid; background-color:#f5f5f5; color:#474747;}

.n-page span{ padding:5px 10px; margin:0px 3px;  color:#FFF; background-color:#28a558; border:#28a558 1px solid;}

.n-page a:hover{ color:#FFF; background-color:#28a558; border:#28a558 1px solid;}

/******************* ********************/