html {width: 100%;-webkit-text-size-adjust:none;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);height: 100%;}
* {margin: 0;padding: 0;border: 0;}
ul,ul li,ol,li {list-style: none outside none;}
img {vertical-align: middle;border: none;}
i {font: inherit;}
input,select,option {vertical-align: middle;border-radius: 0px;-moz-appearance:none;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;}
input[type="text"],input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance: none;appearance: none;border-radius: 0;outline: none;}
.fl {float: left;display: inline;}
.fr {float: right;display: inline;}
h1,h2,h3,h4,h5,h6,i {font-weight: normal;}
select::-ms-expand { display: none; }
a {color: #000;text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a:hover {text-decoration: none;outline: none;}
.clear {clear: both; }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin: 0;padding: 0;}
.wrap { width:1200px; margin:0 auto;}

.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both; }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }

body {width: 100%;height: 100%;font-size: 16px; line-height: 24px;background: #fff;min-height: 100%;font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif; }

.header {  height:137px; background-color:#FFF;}
.header .h-logo { padding-top:45px; min-width:417px;}
.header .h-logo img { height:54px;}
.header .h-nav { padding-top:54px;}
.header .h-nav ul li { float:left; font-size:16px; color:#020202; position:relative; min-width:64px; margin:0 20px; line-height:32px;}
.header .h-nav ul li a { color:#020202;}
.header .h-nav ul li a:hover { color:#34821c;}
.header .h-nav ul li .sub { position: absolute;left:0px; top:32px;z-index:30000; line-height:32px; }
.header .h-nav ul li .sub ul li{ float:left;width:100%; line-height:32px; position:relative;text-align:center; margin:0; padding:0; font-size:14px; background-color:#FFF;}

.banner{height:550px;position:relative;overflow:hidden}
.banner ul{position:relative}
.banner ul li{float:left;height:550px;overflow:hidden;position:relative}
.banner .btn-list{position:absolute;bottom:15px}
.banner .btn-list li{width:15px;height:15px;background:#fff;margin-right:10px;border-radius:30px}
.banner .btn-list li.active{background:#61a93d}
.banner img{border:0 none;position:absolute;left:50%;margin-left:-960px;top:0;vertical-align:top}

.searchbox { height:67px; overflow:hidden; border-bottom:#cccccc solid 1px;}
.searchbox .tit{ float:left; width:110px; font-size:14px; color:#888888; line-height:67px; }
.searchbox .tit span { color:#61a93d;}
.searchbox .des { float:left; width:auto; max-width:850px; overflow:hidden;}
.searchbox .des a { font-size:14px; color:#888888; padding:0 14px; line-height:67px; }
.searchbox .des a:hover { color:#61a93d;}
.searchbox .searchr { margin-top:19px;}
.searchbox .search-input { height:30px; line-height:30px; font-size:12px; width:182px; padding:0; margin:0; padding-left:12px; background-color:#e8ecef;}
.searchbox .search-submit {height:30px; line-height:30px; font-size:0;width:46px; background:#e8ecef url(../image/search-icon.png) no-repeat; background-position:14px 7px; padding:0; margin:0;}
.searchbox .search-input input::-webkit-input-placeholder { color: #cccccc;}

.public { text-align:center; position:relative; min-height:104px; }
.public .tit { color:#61a93d; font-size:30px; font-weight:bold; line-height:46px; letter-spacing: 2px;}
.public .tit a {color:#61a93d;}
.public .des {color:#364854; font-size:18px; line-height:34px;letter-spacing: 1px; }

.i-product { padding-top:47px; height:auto; padding-bottom:45px;}
.i-product-show { height:auto; padding-top:10px;}
.i-product-show ul li{ float:left; width:376px; height:295px; margin:36px 0 0 36px; background-color:#FFF; box-shadow: 0 0 20px #ccc; position:relative;}
.i-product-show ul li:hover { margin:26px 0 10px 36px;}
.i-product-show ul li:first-child { margin-left:0;}
.i-product-show ul li:first-child+li+li+li { margin-left:0;}
.i-product-show ul li a { display:block;}
.i-product-show ul li .pic { width:376px; height:295px; text-align:center; overflow:hidden;}
.i-product-show ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; }
.i-product-show ul li .tit { position:absolute; bottom:35px; left:0; width:376px; text-align:center;font-size:20px; color:#364854; line-height:34px; height:34px; overflow:hidden;}
.i-product-show ul li .more { position:absolute; bottom:-13px; left:50%; margin-left:-14px; width:28px; height:28px; background:url(../image/pic-more.png) no-repeat; background-position:0 0;}
.i-product-show ul li:hover .more {background:url(../image/pic-more.png) no-repeat; background-position:-28px 0;}
.i-product-more { width:138px; height:44px; margin:48px auto 0; line-height:44px; background-color:#388312; color:#ffffff; font-size:16px; text-align:center;}
.i-product-more a { display:block; color:#FFF;}
.i-product-more:hover { background-color:#444444; }

.i-moshi { background-color:#364854; min-height:489px; padding-top:48px;}
.i-moshi .public .tit {color:#ffffff;}
.i-moshi .public .tit  a {color:#ffffff;}
.i-moshi .public .des {color:#ffffff;}
.i-moshi-show { padding-top:28px;}
.i-moshi-show ul li{ float:left; width:285px; height:300px; margin-left:20px;}
.i-moshi-show ul li:first-child { margin-left:0;}
.i-moshi-show ul li a { display:block;}
.i-moshi-show ul li .pic { width:285px; height:240px; text-align:center; overflow:hidden;}
.i-moshi-show ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; transition: 0.6s;}
.i-moshi-show ul li .pic:hover img{transform: scale(1.1);	transition: 0.6s;}
.i-moshi-show ul li .tit { height:60px; background-color:#869198; text-align:center;font-size:20px; color:#ffffff; line-height:60px; overflow:hidden;}

.i-about { background:url(../image/about-bg.jpg) repeat-x top; min-height:664px; padding-top:61px;}
.i-about-show { padding-top:39px; }
.i-about-show .pic { float:left; width:484px; height:521px; text-align:center; position:relative;}
.i-about-show .pic:after{content:""; position:absolute; right:-61px; top:116px; width:130px; height:10px; background-color:#ffffff; }
.i-about-show .pic img{width: 100%;max-height: 100%;vertical-align: middle; }
.i-about-show .con { float:right; width:653px; position:relative;}
.i-about-show .con .top-en {position:absolute; top:59px; left:-33px; font-size:36px;color:#364854; font-family:"Times New Roman", Times, serif; font-weight:bold; }
.i-about-show .con .top-en span { color:#61a93d; }
.i-about-show .con .tit { padding-top:55px; padding-left:55px; font-size:24px; color:#364854; line-height:36px; font-weight:bold; letter-spacing: 2px;}
.i-about-show .con .tit a { color:#364854;}
.i-about-show .con .des { padding-top:50px; font-size:16px; color:#444444; line-height:30px;}
.i-about-show .con .en { padding-top:19px; font-size:12px; color:#9b9c9b; line-height:18px; font-family:"Times New Roman", Times, serif;}
.i-about-show .con .more { padding-top:57px;}
.i-about-show .con .more ul li { float:left; width:130px; height:130px; margin-right:12px; text-align:center; background:#61a93d url(../image/about-more.png) no-repeat; background-position:56px 74px; }
.i-about-show .con .more ul li:hover {}
.i-about-show .con .more ul li:first-child+li { background-color:#364854;}
.i-about-show .con .more ul li a { color:#FFF; display:block; height:93px; padding-top:37px;}

.i-news { padding-top:63px; padding-bottom:67px;}
.i-news-ban {   line-height:44px;}
.i-news-ban .tit { float:left; width:700px; padding-left:5px;font-size:30px; font-weight:bold; color:#61a93d; letter-spacing: 2px;}
.i-news-ban .more { float:right; width:300px;}
.i-news-ban .more ul {}
.i-news-ban .more ul li{ float:right; font-size:20px; color:#364854; position:relative; min-width:80px; margin:0 21px;}
.i-news-ban .more ul li:first-child:after {content:"/"; position:absolute; left:-21px; top:0; width:20px; height:20px;}
.i-news-ban .more ul li a { color:#364854;}
.i-news-ban .more ul li a:hover { color:#61a93d;}
.i-news-con { height:auto;}
.news-left { width:850px; height:auto;}
.news-left ul li{ float:left; width:425px; position:relative; margin-top:45px;}
.news-left ul li:after{content:""; position:absolute; left:0; top:0; width:14px; height:4px; background-color:#cccccc; }
.news-left ul li .tit { padding-top:30px;; width:330px; font-size:20px; color:#666666; line-height:30px; font-weight:bold; height:30px; overflow:hidden;}
.news-left ul li .tit a {color:#666666;}
.news-left ul li .des { padding-top:16px; width:330px; font-size:16px; color:#888888; line-height:24px; height:48px; overflow:hidden;}
.news-left ul li .riqi { padding-top:33px;; width:330px; font-size:14px; color:#888888; line-height:22px;}
.news-left ul li:hover:after{ background-color:#364854; }
.news-left ul li:hover .tit a{ color:#61a93d; }
.news-right { width:350px; padding-top:44px; height:auto;}
.news-right ul li { height:67px; line-height:67px; overflow:hidden; padding-left:30px; background:url(../image/news-icon.png) no-repeat; background-position:305px 23px;}
.news-right ul li:hover {background: #61a93d url(../image/news-icon.png) no-repeat; background-position:305px -47px; color:#FFF;}
.news-right ul li:hover a{ color:#FFF;}
.news-right ul li:first-child {background: #61a93d url(../image/news-icon.png) no-repeat; background-position:305px -47px; color:#FFF;}
.news-right ul li:first-child a{ color:#FFF;}

.f-nav { background-color:#61a93d; text-align:center; height:54px; overflow:hidden;}
.f-nav ul { display:inline-block;}
.f-nav ul li { float:left; font-size:16px; color:#FFF; line-height:54px; min-width:64px; padding:0 35px;}
.f-nav ul li a { color:#FFF;}
.footer { background-color:#364854; font-size:18px; color:#7c8890; line-height:34px; padding:40px 0;}
.footer a { color:#7c8890;}
.f-con { float:left; width:520px; padding-top:23px; position:relative;}
.f-con:after{content:""; position:absolute; right:140px; top:30px; width:1px; height:60px; background-color:#4b5a65; }
.f-ewm { float:right; width:160px; text-align:right;}
.f-ewm img { height:119px;}

p#top{ position:fixed;display:none;bottom:0px;right:20px;}  
p#top a{text-align:center;text-decoration:none;color:#d1d1d1;display:block;width:30px;transition:color 1s;}  
p#top a:hover{ color:#979797;  }  
p#top a span{background:url(../image/gotop.png) no-repeat center;border-radius:6px;display:block;height:30px;transition:background 1s;}  
#top a:hover span{background:url(../image/gotop.png) no-repeat center;} 

.n-main .n-public-tit{width:100%;height:60px;background:#fff;line-height:60px;  border-bottom:#cccccc solid 1px;}
.n-public-tit p a{font-size:14px!important}
.n-public-tit p img{width:15px;height:15px;margin-right:10px}
.n-main .n-public-tit p{font-size:14px!important;color:#666}
.n-main .n-public-tit a{font-size:16px;color:#666}
.n-main .n-public-tit a.active{color:#61a93d;font-weight:700}
.n-main .n-public-tit ul{float:right}
.n-main .n-public-tit ul li{float:left;margin-right:15px;display:inline-block;height:60px}
.n-main .n-public-tit ul li:hover{border-bottom:5px solid #61a93d}
.n-main .n-public-tit ul li.active{border-bottom:5px solid #61a93d}
.n-main .n-main-box{padding-top:30px;padding-bottom:30px; min-height:200px;}
.n-main .n-main-box .item{display:none}
.n-main .n-main-box .active a{color:#fff!important}
.about{line-height:30px}
.n-main .team_jj{margin-top:10px}
.n-main .news-list{padding-bottom:30px}
.n-main .team_jj a{font-size:13px;color:#999;line-height:22px;height:66px;overflow:hidden}
.n-main .news-list li{width:1200px;height:136px;position:relative;border-bottom:1px #d7d7d7 solid}
.n-main .news-list li:hover span{width:1200px}
.n-main .news-list li a{width:1120px;height:105px;padding:30px 0 0 40px;z-index:10;position:absolute;left:0;top:0}
.n-main .news-list li a:hover h3{color:#61a93d}
.n-main .news-list li h4{height:105px;width:155px;font-size:32px;margin-right:30px;color:#999;font-family:'Iskoola Pota';letter-spacing:-1px;float:left;font-weight:400}
.n-main .news-list li h3{font-size:16px;color:#666;padding-right:12px;margin-bottom:15px;font-weight:400}
.n-main .news-list li p{font-size:12.5px;color:#999;line-height:22px}
.n-main .news-list li span{width:0;height:135px;position:absolute;left:0;top:0;z-index:8;background:-webkit-gradient(linear,120% 0,0 100%,from(#e4eee6),to(#e4eee6),color-stop(1.2,#f3f3f3));-webkit-transition:all .3s;-moz-transition:all .3s;-transition:all .3s}
.n-show .tit{font-size:24px;color:#333;font-weight:700;text-align:center;margin-bottom:10px}
.n-show .info{font-size:14px;color:#999;text-align:center;margin-bottom:5px}
.n-show .info span{margin-right:5px}
.n-show .pp{padding-top:10px;padding-bottom:15px;font-size:16px;color:#333;line-height:30px;}
.page-turn{padding-top:15px}
.page-turn p{font-size:16px;color:#333;margin-bottom:2px}
.page-turn p a{color:#333}
.page-turn p:hover a{color:#61a93d}
.n-pic-show { height:auto;}
.n-pic-show ul li{ float:left; margin-bottom:20px; width:285px; height:auto; margin-left:12px;}
.n-pic-show ul li a { display:block;}
.n-pic-show ul li .pic { width:285px; height:240px; text-align:center; overflow:hidden;}
.n-pic-show ul li .pic img{max-width: 100%;max-height: 100%;vertical-align: middle; transition: 0.6s;}
.n-pic-show ul li .pic:hover img{transform: scale(1.1);	transition: 0.6s;}
.n-pic-show ul li .tit { height:40px; text-align:center;font-size:16px; color:#666; line-height:40px;}
.n-pic-show ul li .tit:hover { color:#61a93d;}
.pagination { margin-top:20px; text-align:center; padding:10px 0; font-size:14px;}
.pagination a { border:#cccccc solid 1px; padding:3px 5px;}
.pagination a:hover { background-color:#61a93d; color:#FFF;}

.online{ padding:10px 0;}
.online ul li{ margin-top:20px; line-height:30px;}
.online ul li span.zi{ display:inline-block; width:235px; line-height:30px; text-align:right; color:#3d3434;}
.online ul li span.zi i{color:#F00; padding:0 5px;}
.online ul li .red { color:red;}
.online ul li input{ width:493px; height:30px;border:#ccc 1px solid;margin-left:10px;color:#3d3434;font-size:14px;line-height:30px; padding-left:5px;}
.online ul li textarea{ width:493px; height:60px;border:#ccc 1px solid;margin-left:10px;color:#3d3434;font-size:14px;line-height:30px; padding-left:5px;}
.online ul li .tijiao{ margin-left:440px; width:120px;height:30px;background:#61a93d;text-align:center;color:#fff;font-size:14px;line-height:28px; border:none;}
.online ul li.tishi{ padding-left:250px; width:608px; color:#a5a5a5;}

.xiaosousuo { width:282px; height:45px; background-color:#f6f6f6; float:right; margin-top:20px;}
.xiaosousuo .search-input { float:left;  color:#4f4f4f; height:43px; line-height:43px; font-size:14px; width:200px; padding:0; margin:0; background-color:#fff; border:#c1c1c1 solid 1px; padding-left:10px;}
.xiaosousuo input::-webkit-input-placeholder { color: #4f4f4f; font-size: 14px; }
.xiaosousuo .search-submit { float:left; height:45px;width:70px; line-height:45px; font-size:0; background:#f6f6f6 url(../image/search-icon.png) no-repeat; background-position:24px 11px; padding:0; margin:0; cursor:pointer;  border:#c1c1c1 solid 1px; border-left:0;}
.n-searlist { width:100%; padding:10px 0;}
.n-searlist ul li{float:left; width:100%;color:#4f4f4f; font-size:14px; line-height:54px;border-bottom:#d4d4d4 dashed 1px; height:54px;overflow:hidden;}
.n-searlist ul li:hover a{color:#0072c1;}
.n-searlist ul li:last-child { border-bottom:none;}
.n-searlist ul li span { float:right; }
.n-searlist .page{ width:100%; line-height:54px; text-align:center; }
.n-searlist .page a { color:#bababa;}
.n-searlist .list{ width:100%; padding-top:10px;}
.n-searlist .list ul li {width:98%; padding-left:2%;}
.n-searlist .list:after { content: ''; display: table; clear: both; }

@media(max-width:1200px){
.banner {width:1200px; margin:0 auto;}
.searchbox {width:1200px; margin:0 auto;}
.i-moshi {width:1200px; margin:0 auto;}
.i-about {width:1200px; margin:0 auto;}
.f-nav {width:1200px; margin:0 auto;}
.footer {width:1200px; margin:0 auto;}
}