@charset "utf-8";
/* CSS Document */

@keyframes top
{
0% { -moz-transform:translateY(-60px); -o-transform:translateY(-60px); -webkit-transform:translateY(-60px); transform:translateY(-30px); filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden;}
100% { -moz-transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible;}
}
@keyframes b-t
{
0% { -moz-transform:translateY(60px); -o-transform:translateY(60px); -webkit-transform:translateY(60px); transform:translateY(60px); filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden;}
100% { -moz-transform:translateY(0); -o-transform:translateY(0); -webkit-transform:translateY(0); transform:translateY(0); filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible;}
}
@keyframes s-b
{
0% { -moz-transform:scale(0); -o-transform:scale(0); -webkit-transform:scale(0); transform:scale(0); filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden;}
100% { -moz-transform:scale(1); -o-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible;}
}
@keyframes l-r
{
0% { -moz-transform:translateX(-25%); -o-transform:translateX(-25%); -webkit-transform:translateX(-25%); transform:translateX(-25%); -moz-opacity:0; opacity:0; visibility:hidden;}
100% { -moz-transform:translateX(0); -o-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0); filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible;}
}
@keyframes r-l
{
0% { -moz-transform:translateX(25%); -o-transform:translateX(25%); -webkit-transform:translateX(25%); transform:translateX(25%); -moz-opacity:0; opacity:0; visibility:hidden;}
100% { -moz-transform:translateX(0); -o-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0); filter:alpha(Opacity=100); -moz-opacity:1; opacity:1; visibility:visible;}
}

.1111{ filter:alpha(Opacity=0); -moz-opacity:0; opacity:0; visibility:hidden; -moz-animation-fill-mode:forwards !important; -o-animation-fill-mode:forwards !important; -webkit-animation-fill-mode:forwards !important; animation-fill-mode:forwards !important;}

.top_bg1111{ -moz-animation: top .8s ease; -webkit-animation: top .8s ease; -o-animation: top .8s ease; animation: top .8s ease;}
.banner1111{ -moz-animation: s-b 1s ease .3s; -webkit-animation: s-b 1s ease .3s; -o-animation: s-b 1s ease .3s; animation: s-b 1s ease .3s;}
.an1{ -moz-animation: b-t 1s ease; -webkit-animation: b-t 1s ease; -o-animation: b-t 1s ease; animation: b-t 1s ease;}
.an2{ -moz-animation: b-t 1s ease .1s; -webkit-animation: b-t 1s ease .1s; -o-animation: b-t 1s ease .1s; animation: b-t 1s ease .1s;}
.an3{ -moz-animation: b-t 1s ease .2s; -webkit-animation: b-t 1s ease .2s; -o-animation: b-t 1s ease .2s; animation: b-t 1s ease .2s;}
.an4{ -moz-animation: s-b 1s ease; -webkit-animation: s-b 1s ease; -o-animation: s-b 1s ease; animation: s-b 1s ease;}


*{ margin:0; padding:0;}
.width{ width:1100px; margin:0 auto;}
.clear{ clear:both;}
a{ text-decoration:none; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
img{ border:0; max-width:100%;}
.img{ width:100%; height:100%; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0;}
li{ list-style-type:none;}
body{ font-family:"微软雅黑"; overflow-x:hidden;}
.desc{ color:#666; font-size:14px; line-height:2em;}
.desc a{ color:#666;}
.desc a:hover{ text-decoration:underline;}

.top_bg{ height:100px;}
.logo{ float:left; margin-top:12px;}
.logo:hover{ -moz-transform:translateX(5px); -o-transform:translateX(5px); -webkit-transform:translateX(5px); transform:translateX(5px); -moz-transition:.5s ease; -o-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.nav{ float:right; margin-right:20px;}
.nav li{ float:left;}
.nav a{ position:relative; display:block; font-size:15px; color:#666; line-height:100px; padding:0 20px;}
.nav a:hover{ color:#03a939; -moz-transform:translateX(5px); -o-transform:translateX(5px); -webkit-transform:translateX(5px); transform:translateX(5px); -moz-transition:.5s ease; -o-transition:.5s ease; -webkit-transition:.5s ease; transition:.5s ease;}
.cur a{ color:#03a939;}
.lang{ float:right; font-size:14px; line-height:100px;}
.lang a{ font-size:15px; color:#666; background:url(../img/lang.png) 24px center no-repeat; padding-right:24px;}
.lang a:hover{ color:#03a939;}
.top_bg1{ position:absolute; width:100%; top:0; background:#fff;}
.top_height{ height:100px;}
.nav_fix{ position:fixed; z-index:99999; box-shadow:0 2px 5px #666;}

.banner{ position:relative; width:100%; height:600px; overflow:hidden; zoom:1; -moz-user-select:-moz-none; cursor:default;}
.banner li{ list-style-type:none;}
.banner .slides li{ width:100%; height:100%;}
.flex-direction-nav a{ width:41px; height:59px; display:block; position:absolute; top:50%; margin-top:-29.5px;}
.flex-prev,.flex-next{ -moz-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; -webkit-transition:.3s ease-in-out; transition:.3s ease-in-out;}
.flex-prev{opacity: 0.8; filter: alpha(opacity=25); background:url(../img/ban_left.png) center no-repeat; left:1%;}
.flex-next{opacity: 0.8; filter: alpha(opacity=25); background:url(../img/ban_right.png) center no-repeat; right:1%;}
.flex-next:hover,.flex-prev:hover{opacity: 1; filter: alpha(opacity=50);}
.flex-control-nav { width:100%; position: absolute; bottom: 18px; text-align: center;}
.flex-control-nav li {margin: 0 2px; display:inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a { display:inline-block; height:8px; overflow: hidden; text-indent: -99em; width:8px; cursor: pointer; border-radius:50%; background:none; border:1px solid #ddd;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a { background:#03a939; border-color:#03a939;}
.banner .slides a img {width: 100%; display: block; cursor:default;}

.a1_bg{ text-align:justify; line-height:0; font-size:0; max-width:1920px; margin:0 auto; margin-top:0.4%;}
.a1_bg:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
.a1{ position:relative; display:inline-block; width:33%; height:270px; color:#fff; overflow:hidden;}
.a1:hover .a1_pic{ -moz-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.a1:hover .a1_t{ -moz-transform:translateX(20px); -o-transform:translateX(20px); -webkit-transform:translateX(20px); transform:translateX(20px);}
.a1_pic{ width:100%; height:100%; background:url(../img/a1.jpg) center no-repeat; background-size:cover; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/a1.jpg', sizingMethod='scale'); -moz-transition:2s ease; -o-transition:2s ease; -webkit-transition:2s ease; transition:2s ease;}
.a1_h{ position:absolute; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(Opacity=25); -moz-opacity:0.25; opacity:0.25;}
.a1_t{ position:absolute; left:50px; bottom:50px; -moz-transition:1.2s ease; -o-transition:1.2s ease; -webkit-transition:1.2s ease; transition:1.2s ease;}
.a1_t1{ font-size:24px; line-height:30px;}
.a1_t2{ font-size:14px; line-height:70px;}
.a1_t2::before{ content:''; position:absolute; left:0; bottom:55px; width:70px; height:1px; background:#fff;}
.a2 .a1_pic{ background:url(../img/a2.jpg) center no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/a2.jpg', sizingMethod='scale');}
.a3 .a1_pic{ background:url(../img/a3.jpg) center no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/a3.jpg', sizingMethod='scale');}

.product{ padding:50px 0 0;}
.title{ text-align:center; font-size:30px; color:#03a939; background:url(../img/title.jpg) center no-repeat; margin-bottom:35px;}
.pro1_bg{ width:1113px;}
.pro1{ float:left; display:block; width:265px; color:#666; margin-right:13px; margin-bottom:50px;}
.pro1:hover{ color:#03a939;}
.pro1:hover .pro1_pic{ border-color:#03a939; box-shadow:0 0 1px #03a939;}
.pro1:hover .pro1_more{ background:#03a939; color:#fff;}
.pro1_pic{ width:263px; height:263px; border:1px solid #ddd; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.pro1_t{ text-align:center; font-size:14px; margin:25px 0 15px;}
.pro1_more{ width:100px; height:30px; line-height:30px; text-align:center; border:1px solid #03a939; border-radius:25px; font-size:12px; margin:0 auto; -moz-transition:background .3s ease; -o-transition:background .3s ease; -webkit-transition:background .3s ease; transition:background .3s ease;}

.about{ padding:50px 0; background:url(../img/about_bg.jpg) center no-repeat;}
.title2{ position:relative; text-align:center; font-size:30px; color:#fff;}
.title2::after{ content:''; position:absolute; width:50px; height:1px; background:#fff; left:50%; margin-left:-25px; bottom:-10px;}
.about .desc{ color:#fff; padding:35px 0; max-width:700px; margin:0 auto;}
.about_more{ display:block; width:35px; height:35px; background:url(../img/more.png) center no-repeat; margin:0 auto;}
.about_more:hover{ -moz-transform:translateX(3px); -o-transform:translateX(3px); -webkit-transform:translateX(3px); transform:translateX(3px);}

.news{ padding:50px 0;}
.news .title2{ color:#03a939;}
.news .title2::after{ background:#03a939;}
.news_nav{ text-align:center; margin:35px 0;}
.news_nav li{ display:inline-block; margin:0 5px; outline:none;}
.news_nav a{ display:block; padding:8px 10px; color:#666; border:1px solid #ddd; outline:none;}
.news_nav a:hover{ background:#03a939; border-color:#03a939; color:#fff;}
#tabs ul li.ui-tabs-active a{ background:#03a939; border-color:#03a939; color:#fff;}

.news1_bg{ width:1137px;}
.news1{ float:left; position:relative; display:block; width:342px; overflow:hidden; margin-right:37px;}
.news1:hover .news1_pic{ -moz-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.news1:hover .news1_t{ color:#03a939;}
.news1_pic{ height:210px; overflow:hidden; -moz-transition:1s ease; -o-transition:1s ease; -webkit-transition:1s ease; transition:1s ease; -moz-transform-origin:bottom; -o-transform-origin:bottom; -webkit-transform-origin:bottom; transform-origin:bottom;}
.news1_h{ position:absolute; z-index:2; left:0; top:0; width:78px; height:45px; background:#000; filter:alpha(Opacity=50); -moz-opacity:0.5; opacity:0.5;}
.news1_time{ position:absolute; z-index:2; left:10px; top:10px; font-size:20px; color:#fff;}
.news1_t{ color:#333; margin:10px 0; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.news1 .desc{ line-height:1.5em;}
.news_more{ display:block; width:100px; height:35px; line-height:35px; text-align:center; background:#f0f0f0; color:#666; font-size:14px; border:1px solid #e0e0e0; border-radius:25px; margin:35px auto 0;}
.news_more:hover{ background:#03a939; border-color:#03a939; color:#fff;}

.partner{ border-top:1px solid #ddd; padding:25px 0;}
.par_t{ float:left; font-size:24px; color:#03a939; line-height:60px;}
.mr_frbox{ float:right; width:960px;}
.mr_frUl{ width:872px; margin-left:88px; overflow:hidden;}
#mr_fu{ width:882px;}
.par1{ width:135px; height:60px; border:1px solid #fff; float:left; margin-right:10px;}
.mr_frBtnL,.mr_frBtnR{ position:absolute; width:45px; height:22px; border:1px solid #ddd; background:url(../img/par_left.png) center no-repeat #fff; cursor:pointer; margin-top:18px; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.mr_frBtnL:hover,.mr_frBtnR:hover{ border-color:#03a939;}

.foot{ padding:45px 0; background:#333;}
.foot .width{ text-align:justify; line-height:0; font-size:0;}
.foot .width:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
.f1{ display:inline-block; vertical-align:top;}
.f12{ margin-right:0;}
.f1_t1{ position:relative; font-size:16px; color:#fff; margin-bottom:35px;}
.f1_t1::after{ content:''; position:absolute; left:0; bottom:-22px; width:25px; height:2px; background:#03a939;}
.f1_t1 a{ font-size:15px; color:#fff;}
.f1_t2{ line-height:24px;}
.f1_t2 a{ font-size:14px; color:#aaa;}
.f1_t2 a:hover{ color:#fff;}
.f2{ display:inline-block; vertical-align:top;}
.f2 .desc{ color:#aaa; line-height:28px;}
.f2 .desc a{ color:#aaa;}
.f2 .desc a:hover{ color:#fff; text-decoration:none;}
.code{ display:inline-block; vertical-align:top; width:120px; font-size:12px; color:#aaa;}
.code_p{ text-align:center; line-height:24px;}
.copy{ background:#222; text-align:center; line-height:50px; font-size:14px; color:#aaa;}
.copy a{ color:#aaa;}
.copy a:hover{ color:#fff;}

.ban{ position:relative; height:400px;}
.nav2{ position:absolute; top:0; width:100%; line-height:50px; background:#03a939; text-align:center;}
.nav2 a{ position:relative; display:inline-block; font-size:14px; color:#fff; margin:0 17px;}
.nav2 a::after{ content:''; position:absolute; left:0; bottom:10px; width:0; height:1px; -moz-transition:.8s ease; -o-transition:.8s ease; -webkit-transition:.8s ease; transition:.8s ease;}
.nav2 a:hover{ color:#333;}
.nav2 a:hover::after{ width:100%; background:#333;}
.cur2{ color:#333 !important;}
.cur2::after{ content:''; position:absolute; left:0; bottom:10px; width:100%; height:1px; background:#333;}
.nav_fix2{ position:fixed; z-index:99999; box-shadow:0 2px 5px #666;}

.about1{ padding:50px 0;}
.t1{ text-align:center; font-size:30px; color:#03a939; margin-bottom:30px;}
.t11{ margin-top:50px;}
.t12{ margin-bottom:15px; text-align:left;}

.about2{ padding:50px 0; background:#f0f0f0;}
.about2 .width{ text-align:justify; line-height:0; font-size:0;}
.about2 .width:after{
     display:inline-block;
     overflow:hidden;
     width:100%;
     height:0;
     content:'';
     vertical-align:top;
}
.a4{ display:inline-block; vertical-align:top; width:310px; padding:30px 15px; background:#fff; text-align:center;}
.a4_t{ text-align:center; font-size:18px; font-weight:bold; color:#03a939; line-height:24px; margin:15px 0;}
.a4 .desc{ line-height:30px; min-height:90px;}

.about3{ padding:50px 0 30px;}
.about_t{ margin-bottom:10px;}
.about_t span{ background:#03a939; padding:5px; font-size:16px; color:#fff;}
.about_desc{ margin-bottom:25px;}
.a5_bg{ width:1120px;}
.a5{ width:260px; height:195px; float:left; margin-right:20px; margin-bottom:20px;}
.hon1{ height:350px;}

.de1{ position:relative; float:right; width:558px; background:url(../img/de_r.png) left 20px no-repeat; padding:50px 0;}
.de1::before{ content:''; position:absolute; z-index:-1; left:8px; top:0; width:1px; height:100%; background:#03a939;}
.de1 .desc{ width:464px; padding:20px; min-height:100px; margin-left:54px; background:#f6f6f6; border-radius:5px; margin-top:-100px;}
.de1 .desc span{ font-size:18px; color:#03a939;}
.de2{ float:left; width:559px; background:url(../img/de_l.png) right 20px no-repeat; text-align:right;}
.de2::before{ left:auto; right:8px;}
.de2 .desc{ width:465px; margin-left:0;}
.de_t{ font-size:24px; color:#03a939; padding:10px 0;}

.page{ margin-top:20px;}
.page2{ margin-top:40px;}
.page,.page span,.page p,.page a{ padding:4px; font-size:14px; color:#aaa;}
.page a{ color:#666;}
.page a:hover{ color:#03a939;}

.position{ font-size:14px; color:#888; margin-bottom:30px;}
.position a{ color:#888;}
.position a:hover{ color:#03a939;}
.home{ background:url(../img/home.png) left center no-repeat; padding-left:23px;}

.pro_pic{ float:left; width:550px;}
.pro_pic img{ border:1px solid #ddd;}
.pro_p{ float:right; width:500px;}
.pro_t{ font-size:22px; color:#03a939; padding:15px 0;}
.pro_p .desc{ font-size:16px;}
.pro_more{ float:left; margin-right:15px; display:block; width:140px; height:35px; line-height:35px; text-align:center; font-size:14px; background:#f0f0f0; color:#666; border-radius:25px; margin-top:15px;}
.pro_more:hover{ background:#03a939; color:#fff;}
.pro_t2{ font-size:16px; color:#03a939; border-bottom:1px solid #ddd; padding:10px 0; margin:15px 0;}
.next1{ height:30px; line-height:30px; font-size:14px; margin-top:35px;}
.next2{ float:left; color:#666;}
.next3{ float:right;}
.next2 a{ color:#03a939;}
.next2 a:hover{ text-decoration:underline;}

.nav3{ margin-top:0;}

.news2{ position:relative; margin-bottom:15px;}
.news2:hover .news2_pic2{ -moz-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05); transform:scale(1.05);}
.news2_pic{ float:left; display:block; width:330px; height:210px; overflow:hidden;}
.news2_pic2{ width:100%; height:100%; -moz-transition:1s ease; -o-transition:1s ease; -webkit-transition:1s ease; transition:1s ease;}
.news2_p{ float:right; width:735px;}
.news2_t{ font-size:18px; margin:15px 0;}
.news2_t a{ color:#03a939;}
.news2_t a:hover{ text-decoration:underline;}
.news2 .desc{ margin-bottom:10px;}
.news2_more{ font-size:14px; color:#666;}
.news2_more:hover{ color:#03a939;}

.news3{ position:relative; border-bottom:1px solid #f4f4f4; padding-bottom:20px; margin-bottom:15px;}
.news3_p{ float:left; width:940px;}
.news3 .desc{ margin-bottom:10px;}
.news3_time{ float:right; font-size:18px; color:#03a939; border-left:1px solid #03a939; height:90px; line-height:90px; padding-left:20px; margin-top:30px;}

.news_t1{ text-align:center; font-size:20px; color:#03a939;}
.news_t2{ text-align:center; font-size:14px; color:#666; line-height:50px; border-bottom:1px dashed #ddd;}
.news_pic{ font-size:0; padding:20px 0;}

.desc_con{ border-bottom:1px solid #f4f4f4; padding-bottom:15px; margin-bottom:30px;}
.con_t{ font-size:20px; color:#03a939; padding-bottom:10px;}
.desc_contact{ float:left; margin-top:25px;}
.message{ float:right; width:522px;}
.in1{ width:500px; height:40px; line-height:40px; padding:0 10px; border:1px solid #eee; background:#f6f6f6; color:#666; font-family:"微软雅黑"; font-size:14px; outline:none; margin-bottom:10px;}
.in2{ width:95px; height:40px; line-height:40px; text-align:center; background:#f6f6f6; color:#666; border:1px solid #eee; font-family:"微软雅黑"; font-size:14px; outline:none; cursor:pointer; -moz-transition:.3s ease; -o-transition:.3s ease; -webkit-transition:.3s ease; transition:.3s ease;}
.in2:hover{ background:#03a939; border-color:#03a939; color:#fff;}
.map{ margin-top:50px;}

.hr1{ border-bottom:1px solid #f4f4f4; padding-bottom:20px;}
.hr_t{ font-size:18px; color:#03a939; margin:15px 0;}

.to-top{background: #03a939; color: #fff;padding: 15px;border-radius: 5px; filter:alpha(opacity:50);opacity:0.5; z-index:9999999; font-size:14px;}
.to-top:hover{ filter:alpha(opacity:100);opacity:1;}

.left{ float:left; width:250px; overflow:hidden;}
.left_t{ line-height:80px; background:#03a939; color:#fff; text-align:center; font-size:24px;}
.left_ul{ padding:10px 0 30px; background:#f6f6f6;}
.left_ul li{ border-bottom:1px dotted #ddd;}
.left_ul a{ display:block; line-height:50px; font-size:14px; background:#f6f6f6; color:#666; padding:0 20px;}
.left_ul a:hover{ color:#03a939; -moz-transform:translateX(5px); -o-transform:translateX(5px); -webkit-transform:translateX(5px); transform:translateX(5px);}
.cur3{ color:#03a939 !important;}
.right{ float:right; width:821px;}
.pro_bg{ width:834px;}


/* green #03a939 */