﻿@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1000px){
		body{ width:1024px !important; margin:0 auto;}
	}

*{ margin:0; padding:0;}
.width{ width:1000px; margin:0 auto;}
.clear{ clear:both; height:0;}
a{ text-decoration:none;}
li{ list-style-type:none;}
img{ border:0;}
.imgs{ position:absolute; left:0; top:0; width:100%; height:100%; filter:alpha(Opacity=0); -moz-opacity:0; opacity:0;}
.p1{ font-family:Arial;}
.p2{ font-family:Arial;}
.p3{ font-family:Arial;}
.p12{ font-size:12px;}
.p14{ font-size:14px;}
.p15{ font-size:15px;}
.p16{ font-size:16px;}
.p18{ font-size:18px;}
.p20{ font-size:20px;}
.p24{ font-size:24px;}
.p30{ font-size:30px;}
.p36{ font-size:36px;}

.top_bg{ background:#e3e3e3; height:30px; line-height:30px; color:#666;}
.top{ cursor:default;}
.top a{ color:#666;}
.top a:hover{ color:#199b18;}
.top1{ float:left; margin-left:5px;}
.top2{ float:right; margin-right:2px;}

.logo{ height:104px;}
.logo1{ float:left; margin-top:13px;}
.logo2{ float:right; text-align:right; margin-top:23px; margin-right:2px; width:225px;}
.phone{ float:right; width:26px; height:28px; background:url(../img/phone.png);}
.logo21{ float:right; color:#666; line-height:28px; margin-left:2px; cursor:default;}
.logo22{ float:right; color:#199b18; font-weight:bold;}

.nav_bg{ background:#424242; height:50px; line-height:50px;}
.nav li{ float:left; text-align:center;}
.nav a{ color:#fff; width:125px; display:block;}
.nav a:hover{ background:#148c13;}
.cur{ background:#199b18;}

.banner{ position:relative; width:100%; height:450px; overflow:hidden; zoom:1; -moz-user-select:-moz-none; cursor:default;}
.banner2{ position:relative; width:100%; height:300px; overflow:hidden; zoom:1; -moz-user-select:-moz-none; cursor:default;}
.banner .slides li{ width:100%; height:100%;}
.banner2 .slides li{ width:100%; height:100%;}
.flex-direction-nav a{ width:50px; height:50px; display:block; line-height:99em; overflow:hidden; margin:-25px 0 0; background:url(../img/ad_ctr.png) no-repeat; position:absolute; top:50%; z-index:10; cursor:pointer; opacity:0; filter:alpha(opacity=0); -webkit-transition:all .3s ease; border-radius:25px;}
.flex-direction-nav .flex-next{ background-position:0 -50px; right:0;}
.flex-direction-nav .flex-prev{ left:0;}
.banner:hover .flex-next {opacity: 0.8; filter: alpha(opacity=25);}
.banner:hover .flex-prev {opacity: 0.8; filter: alpha(opacity=25);}
.banner:hover .flex-next:hover,.banner:hover .flex-prev:hover {opacity: 1; filter: alpha(opacity=50);}
.banner2:hover .flex-next {opacity: 0.8; filter: alpha(opacity=25);}
.banner2:hover .flex-prev {opacity: 0.8; filter: alpha(opacity=25);}
.banner2:hover .flex-next:hover,.banner:hover .flex-prev:hover {opacity: 1; filter: alpha(opacity=50);}
.flex-control-nav {width: 100%; position: absolute; bottom: 15px; text-align: center;}
.flex-control-nav li {margin: 0 -2px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {background: url(../img/dot.png) no-repeat 0 -14px; display: block; height: 14px; overflow: hidden; text-indent: -99em; width: 14px; cursor: pointer;}
.flex-control-paging li a.flex-active,.flex-control-paging li.active a {background-position: 0 0;}
.banner .slides a img {width: 100%; display: block; cursor:default;}
.banner2 .slides a img {width: 100%; display: block; cursor:default;}

.center1{ width:16px; height:12px; background:#424244; margin:0 auto;}
.center2{ width:16px; height:12px; background:#199b17; margin:0 auto;}
.title{ width:800px; margin:0 auto; border-bottom:1px solid #ddd; text-align:center; height:47px; margin-bottom:30px; cursor:default;}
.title .p24{ color:#333; font-weight:bold; line-height:35px; margin-top:28px;}
.title span{ color:#199b17;}
.title .p14{ color:#a9a9a9; line-height:24px; width:170px; margin:0 auto; background:#fff;}

.partner{ padding-bottom:40px;}
.par1{ width:185px; height:143px; display:block; border-bottom:2px solid #ddd; color:#666; float:left; margin-right:18px;}
.par1:hover{ border-bottom-color:#199b17; color:#199b17;}
.par1_pic{ width:185px; height:100px;}
.par1_p{ text-align:center; height:43px; overflow:hidden; line-height:45px;}
.par1_line{ width:25px; display:inline-block; cursor:default; color:#666;}
.par1_p p{ display:inline-block;}
.part_bg{ width:1015px;}

.mr_frbox{overflow:hidden;width:997px;}
.mr_frbox .mr_frUl{ float:left;width:997px;}

.product_bg{ background:#f2f2f2; padding-bottom:40px;}
.tabs_pro{ min-height:524px;}
.pro_left_t{ position:absolute; width:185px; height:47px; line-height:47px; text-align:center; background:#414141; color:#f2f2f2; cursor:default;}
.tab_menu{ float:left; margin-top:47px; width:183px; border:1px solid #ddd; border-top:none; padding-bottom:20px; background:#fff;}
.tab_menu li{ background:#fff; color:#666;}
.tab_menu li:hover{ background:#199b17; color:#fff;}
.tab_menu a{ display:block; text-align:center; height:36px; line-height:36px; border-bottom:1px solid #ddd; color:#666;}
.tab_menu a:hover{ background:#199b17; color:#fff;}
.current{ background:#ddd !important; color:#fff !important;}
.cur3{ background:#199b17; color:#fff !important;}

.product_right{ float:right; width:795px;}
.pro1_bg{ width:813px;}
.pro1{ width:243px; height:243px; padding:4px; display:block; border:1px solid #ddd; background:#fff; color:#666; float:left; margin-right:18px; margin-bottom:56px;}
.pro1:hover{ background:#199b17; color:#199b17;}
.pro1_pic{ width:243px; height:243px;}
.pro1 p{ text-align:center; line-height:18px; margin-top:15px;}
.tab_box .hide{ display:none;}

.choose{ padding-bottom:25px;}
.choose_p{ color:#666; line-height:26px; text-align:center;}
.c1{ width:976px; height:283px; margin:0 auto; padding-left:12px; padding-right:12px; padding-bottom:17px; margin-top:15px; background:url(../img/bg.png);}
.c2{ width:976px; height:283px; margin:0 auto; padding-left:12px; padding-right:12px; padding-bottom:17px; margin-top:15px; background:url(../img/bg2.png);}
.c1_p{ width:520px;}
.c1_p1{ height:67px; background:url(../img/c11.png) left center no-repeat; padding-left:70px;}
.c1_p1 .p36{ position:absolute; line-height:67px; margin-left:-65px; color:#fff; cursor:default;}
.c1_p1 .p24{ color:#414141; line-height:40px;}
.c1_p1 span{ color:#199b17;}
.c1_p1 .p14{ color:#c2c2c2; font-weight:bold;}
.c1_p2{ height:22px; line-height:22px; color:#333; margin-left:5px;}
.c1_p2 p{ background:url(../img/c12.png) left center no-repeat; padding-left:30px; margin-top:12px;}
.c1_pic{ width:450px;}

.c1 .c1_p{ float:left; margin-left:50px; margin-top:50px;}
.c2 .c1_p{ float:right; margin-left:50px; margin-top:70px;}
.pic1{ width:375px; height:266px; background:url(../img/c1.png); position:absolute; margin-left:570px;}
.pic2{ width:218px; height:191px; background:url(../img/c2.png); position:absolute; margin-left:70px; margin-top:45px;}
.pic3{ width:270px; height:270px; background:url(../img/c3.png); position:absolute; margin-left:635px;}
.pic4{ width:347px; height:226px; background:url(../img/c4.png); position:absolute; margin-left:40px; margin-top:30px;}
.pic5{ width:234px; height:234px; background:url(../img/c5.png); position:absolute; margin-left:655px; margin-top:15px;}

.quality_bg{ background:#414141; padding-bottom:25px;}
.q1_bg{ width:1016px;}
.q1_bg2{ width:1016px;}
.q1{ width:234px; height:176px; display:block; border:1px solid #ddd; color:#fff; margin-bottom:30px; float:left; margin-right:18px; margin-top:10px;}
.q1:hover{ border-color:#148c13; color:#148c13;}
.q1_pic{ width:234px; height:176px;}
.q1_p{ text-align:center; line-height:30px; height:30px; overflow:hidden;}
.q1_left{ position:absolute; z-index:2; width:50px; height:70px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#148c13; text-align:center;}
.q1_left p{ color:#fff;}
.q1_bg2 .q1{ color:#666;}
.q1_bg2 .q1:hover{ border-color:#148c13; color:#148c13;}

.about{ margin-bottom:40px;}
.about1{ width:350px; float:left; height:230px; display:block; border:5px solid #e8e8e8;}
.about1:hover{ border-color:#199b17;}
.about2{ width:620px; float:right;}
.about2 .p24{ color:#199b17; line-height:45px;}
.about_p{ font-family:Arial !important; font-size:14px !important; color:#666 !important; line-height:21px !important; height:144px; overflow:hidden; margin-top:5px;}
.more{ text-align:center; width:100px; height:30px; line-height:30px; color:#fff; background:#199b17; display:block; position:absolute; margin-top:165px;}
.more:hover{ background:#148c13;}

.mr_frbox2{overflow:hidden;width:960px; margin-top:20px;}
.mr_frbox2 .mr_frUl{ float:left;width:910px; padding-left:40px;}
.mr_frBtnL{ position:absolute; width:25px; height:30px; background:#414141; text-align:center; line-height:30px; color:#fff; cursor:pointer; margin-top:58px;}
.mr_frBtnL:hover{ background:#199b17;}
.mr_frBtnR{ position:absolute; width:25px; height:30px; background:#414141; text-align:center; line-height:30px; color:#fff; cursor:pointer; margin-top:58px; margin-left:23px;}
.mr_frBtnR:hover{ background:#199b17;}
.a1{ width:218px; height:144px; display:block; border:1px solid #ddd; float:left; margin-left:5px; margin-right:5px;}
.a1:hover{ border-color:#199b17;}

.title2{ height:45px; line-height:45px; border-bottom:1px solid #ddd; cursor:default;}
.title2 .p24{ float:left; color:#414141; margin-left:2px;}
.title2 .p24 span{ color:#199b17;}
.title2 .p24 .span{ font-family:Arial; font-size:14px; color:#414141;}
.title2 .p12{ float:right; color:#666; margin-right:2px;}
.title2 .p12:hover{ color:#199b17;}

.service_bg{ background:#f2f2f2; padding-top:32px; padding-bottom:45px;}
.service{ width:405px; float:left;}
.service_pic{ width:405px; height:260px; margin-top:15px;}
.service_p{ width:385px; padding-left:10px; padding-right:10px; padding-top:6px; background:#fff; font-family:Arial !important; font-size:14px !important; color:#666 !important; line-height:24px !important; height:72px; overflow:hidden;}
.tel{ width:385px; padding-left:10px; padding-right:10px; padding-bottom:8px; padding-top:5px; background:#fff; line-height:24px; color:#666;}
.tel span{ color:#199b17;}

.news{ width:570px; float:right;}
.news1{ margin-top:15px;}
.news1_pic{ float:left; width:178px; height:120px; display:block; border:1px solid #ddd;}
.news1_pic:hover{ border-color:#199b17;}
.news1_p{ float:right; width:375px;}
.news1_t{ height:40px; line-height:40px; overflow:hidden;}
.news1_t a{ color:#333;}
.news1_t a:hover{ color:#199b17;}
.news1_desc{ font-family:Arial !important; font-size:12px !important; color:#666 !important; line-height:20px !important; height:40px; overflow:hidden;}
.more2{ line-height:24px; color:#666; position:absolute; margin-top:95px;}
.more2 a{ color:#199b17;}
.more2 a:hover{ color:#148c13;}

.news2_bg{ background:#fff; margin-top:13px;}
.news2{ background:url(../img/li.jpg) 8px center no-repeat; height:30px; line-height:30px;}
.news2_t{ float:left; margin-left:18px; width:460px; height:30px; overflow:hidden;}
.news2_t a{ color:#333;}
.news2_t a:hover{ color:#199b17;}
.news2_date{ float:right; margin-right:10px; color:#666;}

.links{ padding-top:35px; padding-bottom:35px;}
.links1{ width:145px; float:left; margin-left:20px; cursor:default;}
.links1 .p24{ color:#199b17;}
.links1 .p14{ color:#666;}
.links2{ width:810px; float:right; border-left:1px solid #ddd; height:48px; line-height:24px; overflow:hidden; margin-top:3px; padding-left:20px;}
.links2 a{ color:#666; margin-right:20px;}
.links2 a:hover{ color:#199b17; margin-right:20px;}

.nav2_bg{ background:#313131; height:50px; line-height:50px;}
.nav2{ float:left; width:820px; color:#fff; padding-left:10px; cursor:default;}
.nav2 a{ padding-left:8px; padding-right:8px; color:#fff;}
.nav2 a:hover{ color:#199b17;}

.totop{ float:right; width:170px; height:50px; display:block; background:#199b17; cursor:pointer; color:#fff; text-align:center;}
.totop:hover{ background:#148c13;}

.foot_bg{ background:#414141;}
.foot1{ float:left; margin-left:2px; border-right:1px solid #636363; color:#fff; width:225px; height:157px; padding-right:15px; padding-top:5px; padding-bottom:5px; line-height:24px; margin-top:30px; margin-bottom:30px;}
.foot_logo{ width:168px; height:71px; background:url(../img/logo2.png);}
.foot1 .p18{ line-height:30px; margin-top:8px;}
.foot2{ float:left; color:#d0d0d0; line-height:24px; border-right:1px solid #636363; width:355px; padding-right:15px; margin-left:18px; margin-top:30px; margin-bottom:30px;}
.foot2 a{ color:#d0d0d0;}
.foot2 a:hover{ color:#fafafa;}
.foot3{ float:left; width:198px; text-align:center;}
.foot3 .p24{ color:#64fa62; font-weight:bold; margin-top:82px;}
.foot3 .p14{ color:#d0d0d0; line-height:24px;}
.foot4{ float:right; width:170px; height:228px; background:#545454; display:block; color:#d0d0d0; text-align:center; line-height:24px;}
.code{ width:140px; height:140px; margin:0 auto; margin-top:33px;}


.position_bg{ height:50px; background:#f3f3f3; line-height:50px; color:#666;}
.position{ float:left; margin-left:6px;}
.position a{ color:#666;}
.position a:hover{ color:#199b17;}
.nav3{ float:right;}
.nav3 a{ min-width:60px; padding:0 15px; height:49px; display:block; text-align:center; color:#666; border-bottom:1px solid #f3f3f3; background:#f3f3f3; float:left;}
.nav3 a:hover{ background:#f8f8f8; color:#199b17; border-bottom-color:#148c13;}
.cur2{ background:#fff !important; color:#199b17 !important; border-bottom-color:#199b17 !important;}

.content{ font-family:Arial; font-size:14px; color:#666; line-height:2em; padding-top:25px; margin-left:2px; margin-right:2px;}
.content img{ max-width:1000px;}
.content a{ color:#333;}
.content a:hover{ color:#000; text-decoration:underline;}
.content2{ padding-top:25px;}
.content2 img{ max-width:1000px;}

.tec1{ color:#666; height:40px; overflow:hidden; display:block; line-height:40px; border-bottom:1px solid #ddd; background:url(../img/li1.jpg) 5px center no-repeat;}
.tec1:hover{ color:#199b17; background:url(../img/li2.jpg) 5px center no-repeat #f5f5f5;}
.tec1 .span1{ float:left; margin-left:20px; width:860px; overflow:hidden;}
.tec1 .span2{ float:right; font-size:12px; margin-right:5px;}

.page{ margin-top:30px;}
.page,.page a,.page p,.page span{ padding:4px; font-family:Arial; font-size:14px; color:#666; line-height:24px;}
.page a:hover{ color:#199b17;}
.page-num-current{ color:red !important;}

.news_t1{ text-align:center; color:#333;}
.news_t2{ text-align:center; color:#666; line-height:45px; border-bottom:1px dashed #ddd;}
.news_desc{ font-family:Arial; font-size:14px; color:#666; line-height:2em; margin-left:2px; margin-right:2px; margin-top:20px;}
.news_desc a{ color:#333;}
.news_desc a:hover{ color:#000; text-decoration:underline;}

.search{ float:right; margin-top:10px;}
.search1{ float:left; width:268px; height:28px; line-height:28px; font-family:Arial; font-size:12px; color:#c7c7c7; border:1px solid #ddd;; outline:none; padding:0 5px 0 5px; background:#fff;}
.search2{ float:left; width:52px; height:30px; background:#199b17; color:#fff; border:none; text-align:center; cursor:pointer;}
.search2:hover{ background-color:#148c13;}

.pro_desc_bg{ width:410px; float:left; margin-left:20px;}
.pro_t{ line-height:50px;}
.pro_desc{ font-family:Arial !important; font-size:14px !important; color:#666 !important; line-height:30px !important;}
.pro_desc a{ color:#333;}
.pro_desc a:hover{ color:#000; text-decoration:underline;}
.pro_desc2_t{ color:#666; background:#f3f3f3; height:45px; line-height:45px; margin-top:15px; padding-left:10px; cursor:default;}
.pro_desc2{ font-family:Arial; font-size:14px; color:#666; line-height:2em; margin-left:2px; margin-right:2px; margin-top:15px;}