@charset "utf-8";
*{ margin:0; padding:0; text-decoration:none; list-style:none;}

body{background: #f7f7f7 url(../images/bg.png) repeat-x scroll 0% 0%; width:1000px; margin:0 auto; font-family:'microsoft yahei',Verdana,Arial;}

.top{width:1000px;}

.logo{ float:left; height:75px; margin:45px 0 0 20px;}

.name{ float:right; color:#FFF;}

.name .language{ font-size:12px; color:#FFF; margin:10px 0;}

.name .language a{ color:#FFF; margin:0px 5px; letter-spacing:1px; background-color:#488d47; padding:0px 10px; border-radius:15px;}

.name div{ margin-right:20px; text-align:right; width:500px; height:100px;}

.nav .nav_now{background: url(../images/menunow.png) no-repeat;}

.nav {width:973px; margin:0 14px;height:64px; margin-top:32px; position:relative; z-index:222}
.nav li{float: left;font:14px/64px 'microsoft yahei',Verdana,Arial; position:relative;}
.nav li a{ display:block; text-align:center; width:139px; color:#fff; font: 14px/64px 'microsoft yahei',Verdana,Arial; background: url(../images/menu.png) no-repeat;}
.nav li a:hover{color: #fff;background: url(../images/menunow.png) no-repeat;}	
.nav li:hover ul{ display:block}
.nav li ul{display:none; margin-top:1px; padding: 10px 0; width:138px; position: absolute;/* background: #e53b88;*/ background-color:#f0788c}		
.nav li ul li{float:none;}			
.nav li ul li a{width:138px;text-align:center;color: #fff;font: 12px/36px Arial;/*background: #e53b88;*/ background:#f0788c}
.nav li ul li a:hover{	color: #fff;/* background: #56568b;*/ background-color:#f08ca0}


.banner{ position:relative; z-index:111}

/* 大图 */
#focus {width:1000px; height:345px; overflow:hidden; position:relative; margin-top:1px;}
#focus ul {height:330px; position:absolute;}
#focus ul li {float:left; width:1000px; height:330px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1000px; height:15px; left:0; bottom:0; background:#77b676 /* background:#8ca028background:#7f7fa9;*/}
#focus .btn {position:absolute; width:1000px; height:15px; overflow:hidden; right:0; bottom:0; text-align:right;}
#focus .btn span { display: inline-block;width:120px; height:17px; margin:0 0 0 1px; padding:0 0 0 0;/* background:#6ecdc9;background:#c8dc78*/ background:#b1ddb1}
#focus .btn span.on {/*background:#e53b88;background-color:#647800*/ background-color:#488d47}
#focus .preNext {width:45px; height:100px; position:absolute; top:120px; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
#focus .pre {left:0;}
#focus .next {right:0; background-position:right top;}



.foot{ background:url(../images/bbg.png) top center no-repeat; height:83px; font-size:12px; color:#FFF; font-family:"宋体"; line-height:18px; text-align:center; padding:15px 0 70px 0; overflow:hidden;}

.main{ background-color:#FFF; padding:20px 10px 20px 10px;}

.m_l{ width:725px; float:left;}
.m_r{ width:240px; float:right;}
.m_r img{ max-width:200px; float:left;}

.m_r dt{ font-size:14px;/* background-color:#7f7fa9;  background-color:#8ca028;*/ background-color:#77b676;border-radius:10px; padding:0 10px; line-height:30px; color:#fff; border-bottom:0px solid #666; margin-bottom:10px;}

.m_r3{ width:240px; margin-bottom:10px;}
.m_r3 dt{ font-size:14px; background-color:#77b676;border-radius:10px; padding:0 10px; line-height:30px; color:#fff; border-bottom:0px solid #666; margin-bottom:10px;}
.m_r3 dl{background-color:#f7f7f7; padding:10px 0; }
.m_r3 dl dd{ font-size:12px; line-height:30px;}
.m_r3 div{ padding:10px; width:220px; overflow:hidden;}

.kefu{ background: url(../images/kf.png) left center no-repeat; font-size:12px; padding-left:20px; color:#333; margin-left:45px;}


/*产品滚动*/

/*.m_l div{ padding:10px; width:230px; overflow:hidden;}
*/#featureContainer dt{font-size:14px; line-height:30px;/* background-color:#7f7fa9; background-color:#8ca028;*/ background-color:#77b676; border-radius:10px; padding:0 10px; line-height:30px; color:#fff; border-bottom:0px solid #666; margin-bottom:5px }

#featureContainer {	MARGIN:0px 0px 0 0;WIDTH:720px; float:left}
#wrap {OVERFLOW: hidden}
#feature {POSITION: relative;}
#feature .button {POSITION: absolute;WIDTH:535px;TOP:0px;LEFT: 0px}
#feature .prev {POSITION: absolute;TEXT-INDENT: -9999px;WIDTH: 10px;DISPLAY: block;BACKGROUND: url(../images/arrow.png) right top;HEIGHT:70px;TOP:55px; left:0px;}
#feature .next {POSITION: absolute;TEXT-INDENT: -9999px;WIDTH: 10px;DISPLAY: block;BACKGROUND: url(../images/arrow.png) left top;HEIGHT:70px;TOP:55px; right:0px;}
.featureUL {POSITION: relative;WIDTH: 2800px;FLOAT: left; LEFT: 0px}
.featureBox {FLOAT: left; margin:0px; /*OVERFLOW: hidden;*/}
#botton-scroll {Z-INDEX:0;	WIDTH:535px; margin-left:12px;FLOAT: left;HEIGHT:180px;}
#block {Z-INDEX: 0;	POSITION: relative;	MARGIN: 0px auto;WIDTH:720px;HEIGHT:180px;OVERFLOW: hidden;}
#block .box {PADDING:15px 12px;MARGIN: 0px 0px; background:url(../images/bj1.jpg) center no-repeat;	WIDTH: 150px;FLOAT: left;HEIGHT: 150px;}
#block .box .feature-thumb {WIDTH: 150px;MARGIN-BOTTOM: 5px;FLOAT: left;HEIGHT: 150px}


#botton-scroll2 {Z-INDEX:0;	WIDTH:535px; margin-left:12px;FLOAT: left;HEIGHT:180px;}
#feature .prev2 {POSITION: absolute;TEXT-INDENT: -9999px;WIDTH: 10px;DISPLAY: block;BACKGROUND: url(../images/arrow.png) right top;HEIGHT:70px;TOP:55px; left:0px;}
#feature .next2 {POSITION: absolute;TEXT-INDENT: -9999px;WIDTH: 10px;DISPLAY: block;BACKGROUND: url(../images/arrow.png) left top;HEIGHT:70px;TOP:55px; right:0px;}


/*产品分类*/
.container{	width:220px; background-color: #77b676; padding:10px;border-radius:10px;}
.menu{	width:220px; background:url(../images/class.png) no-repeat;}
.menu ul li{font-size:12px;	line-height:29px; overflow:hidden;}
.button2{ padding:0 0 0 15px; background:url(../images/class.png) no-repeat;}
.button2 a{display:block; color:#fff;	font-size:12px;	height:30px; line-height:28px;overflow:hidden; position:relative;	width:200px;}
.button a{	display:block; color:#fff;	font-size:12px;	height:30px; line-height:28px;overflow:hidden; position:relative;	width:200px;}
.dropdown{	display:none; width:100%;}
.dropdown ul{ padding:5px 0;}
.dropdown li{ line-height:28px; font-size:12px; background:rgba(0,0,0,0.1) url(../images/class.png) 10px 0 no-repeat; padding-left:25px;}
.dropdown li a{ color:#fff}
.clear{	clear:both;}

#main{	margin:0 auto 10px auto;	width:240px;	position:relative;}

/* about */

.title{font-size:14px; background-color:#77b676;border-radius:10px; padding:0 10px; line-height:30px; color:#fff; border-bottom:0px solid #666; margin-bottom:10px;}

.title span{ float:right; line-height:30px; font-family:"宋体"; font-size:12px; }
.title span a{ color:#FFF; margin:0 5px;}

.about{ width:705px; padding:10px; overflow:hidden; min-height:400px; }
.about img{ max-width:705px;}

/* new */

.new{ width:705px; padding:10px;}
.new dd{ background: url(../images/line.png) no-repeat; font-size:12px; height:35px; line-height:28px;}
.new dd .p1{ padding-left:20px; float:left;}
.new dd .p1 a{ color:#333;}
.new dd .p1 a:hover{ color:#77b676;}
.new dd .p2{ float:right; padding-right:10px; color:#555}

.page{ text-align:center; font-size:12px; height:25px; margin:20px 0;}
.page a{ background-color:#eee; color:#333; padding:3px 10px; margin:0 5px;}
.page a:hover{background-color:#77b676; color:#FFF}

/*pro*/

.pro{ width:720px; margin:0 auto; padding-bottom:10px;}
.pro dd{ background:url(../images/bj1.jpg) top center no-repeat; width:150px; float:left; padding:22px 15px 0 15px;}
.pro dd img{}
.pro dd p{ font-size:12px; margin-top:15px; text-align:center; height:25px; line-height:25px; overflow:hidden}
.pro dd a{ color:#333}






