@charset "utf-8";
body{font-size:12px; font-family: "宋体"; color:#333; background:#fff url(../images/bg.gif) repeat-x 0 0;}
*{margin:0px;padding:0px;}
form{margin:0px;padding:0px;}
img{border:none;}
a:link,a:visited,a:active{text-decoration:none; color:#333;}
a:hover{color:#ff6600;}
ul li{ list-style:none;}

#flash{ width:100%; text-align:center; position:relative; height:690px; margin:0 auto -690px auto;background:url(../images/ff.jpg) no-repeat 50% 0;overflow:hidden}
.wrapper {
	POSITION: relative; WIDTH: 1920px; MARGIN: auto; HEIGHT: 690px
}
.focus {
	POSITION: relative; WIDTH: 1920px; HEIGHT: 690px;margin:auto; FONT-SIZE: 14px; OVERFLOW: hidden; TOP: 0px; LEFT: 0px
}
.focus .focus-box {
	POSITION: relative; WIDTH: 1920px; HEIGHT: 690px; OVERFLOW: hidden; TOP: 0px; LEFT: 0px
}
.focus .focus-pics {
	POSITION: absolute; WIDTH: 100000px; DISPLAY: block; HEIGHT: 200px; TOP: 0px; LEFT: 0px
}
.focus .focus-box A {
	ZOOM: 1; DISPLAY: block
}
.focus .focus-box A IMG {
	BORDER-RIGHT-WIDTH: 0px; MARGIN: 0px auto; WIDTH: 1920px; DISPLAY: block; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px
}
.focus .controls {
	POSITION: absolute; WIDTH: 1920px; BOTTOM: 0px; LEFT: 0px
}
.focus .controls UL {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.focus .controls LI {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
.focus .controls .bg {
	FILTER: alpha(opacity=30); BACKGROUND-COLOR: #000000; WIDTH: 1920px; HEIGHT: 45px; opacity: 0.3; -moz-opacity: 0.3
}
.focus .controls .info {
	Z-INDEX: 1; POSITION: absolute; PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; PADDING-RIGHT: 0px; COLOR: #fff; TOP: 0px; PADDING-TOP: 3px; LEFT: 0px
}
.focus .controls .info B {
	DISPLAY: block; FONT-SIZE: 14px
}
.focus .controls .l-btn {
	 Z-INDEX: 2; POSITION: absolute;MARGIN: 0px auto; BOTTOM: 500px; HEIGHT: 20px; COLOR: #fff; left:55%; FONT-SIZE: 0px; OVERFLOW: hidden;
}
.focus .controls .l-btn LI {
	TEXT-ALIGN: center; LINE-HEIGHT: 14px; MARGIN: 0px 5px 0px 0px; WIDTH: 48px; FLOAT: left; HEIGHT: 20px;BACKGROUND: url(../images/radius1.png) no-repeat 0px 0px; FONT-SIZE: 0px; CURSOR: pointer
}
.focus .controls .l-btn LI.selected {
	WIDTH: 48px;  HEIGHT: 20px;BACKGROUND: url(../images/radius2.png) no-repeat 0px 0px; COLOR: #fff; FONT-SIZE: 0px; FONT-WEIGHT: bold
}

#content{ width:100%; height:480px; text-align:center; height:480px; margin:0 auto; background:url(../images/ff1.jpg) no-repeat 50% 0;overflow:hidden}

#header{ width:1100px; margin:0 auto;position:relative; overflow:hidden}
#header .top{ width:1100px; height:100px; overflow:hidden}
#header .logo{ float:left; width:284px; padding:19px 400px 0 15px; overflow:hidden}
#header .yuyan{ float:right; padding:0 10px 0 0; height:60px; line-height:60px; font-size:14px; overflow:hidden}
#header .yuyan a{ float:left; display:block; padding:0 10px 0 46px; font-weight:bold; background:url(../images/china.gif) no-repeat 0 50%; overflow:hidden}
#header .yuyan a.japan{ background:url(../images/japan.gif) no-repeat 0 50%;}
#header .yuyan a.korea{ background:url(../images/korea.gif) no-repeat 0 50%;}

#header .contact{ float:right; width:270px; height:28px; padding:0 10px 0 0; overflow:hidden}

.menu{ width:1100px; height:36px; font-size:14px; margin:0 auto; overflow:hidden}
.menu .m_l{ float:left; width:8px; height:36px; background:url(../images/m_l.png) no-repeat 0 0; overflow:hidden}
.menu .m_m{ float:left; width:1072px; padding:0 5px; height:36px; line-height:36px; background:url(../images/m_m.gif) repeat-x 0 0; overflow:hidden}
.menu .m_r{ float:left; width:8px; height:36px; background:url(../images/m_r.png) no-repeat 0 0; overflow:hidden}
.menu a{ float:left; height:36px; padding:0 32px 0 32px; color:#fff; background:url(../images/lia.gif) no-repeat right top; overflow:hidden}
.menu a.bian{ background:none;}
.menu a:hover{ color:#ffcc00;}
.menu a.curr{ color:#ffcc00;}

.flash1{ width:1100px;position:relative; height:410px; margin:0 auto; overflow:hidden}
.flash2{ width:1100px;position:relative; height:284px; margin:0 auto; overflow:hidden}
.indexblock{ width:1098px;position:relative; z-index:888; margin:0 auto; overflow:hidden}
.indexblock img{position:relative; width:320px; height:144px; padding:0 23px; overflow:hidden}

.content{ width:1100px; margin:-20px auto 10px auto; overflow:hidden}
.content .leftside{ float:left; width:230px; margin:0 25px 0 0; overflow:hidden}
.content .rightside{ float:left; width:845px; overflow:hidden}
.index{ width:100%;position:relative; margin:-200px auto 0 auto;z-index:999; padding:260px 0 20px 0; background:url(../images/partbg.png) no-repeat 50% 0; overflow:hidden }
.index1{ width:1100px;position:relative;  margin:-260px auto 0 auto; overflow:hidden }
.index2{ width:1100px;position:relative; margin:0 auto; overflow:hidden }

.tit1{ width:230px; text-align:center; height:55px; line-height:40px; font-size:18px; font-family:"微软雅黑"; color:#fff; background:url(../images/tit1.gif) no-repeat 0 0; overflow:hidden}
.tit2{ width:300px; padding:0 0 0 30px; height:25px; line-height:25px; font-size:14px; font-family:"微软雅黑"; background:url(../images/icon3.gif) no-repeat 8px 6px; overflow:hidden}
.tit3{ width:710px; padding:0 0 0 30px; height:25px; line-height:25px; font-size:14px; font-family:"微软雅黑"; background:url(../images/icon3.gif) no-repeat 8px 6px; overflow:hidden}
.tit4{ width:835px; padding:0 0 0 10px; height:40px; font-family:"微软雅黑"; font-size:24px; border-bottom:1px solid #008a4c; color:#008a4c; overflow:hidden}

.t_l{ float:left;}
.t_r{ float:right; font-size:12px; padding:0 5px 0 0;}


.prolist{ width:216px; margin:0 6px; background-color:#f4f4f4; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; overflow:hidden}
.prolist a{ display: block; width:190px; padding:0 0 0 26px; height:35px; line-height:35px; border-bottom:1px solid #e1e1e1; font-size:14px; overflow:hidden}
.listbot{ width:218px; margin:0 6px; margin-bottom:20px; height:18px; background:url(../images/bot.gif) no-repeat 0 0; overflow:hidden}
.leftimg{ width:230px; margin-bottom:8px; overflow:hidden}

.tel{ width:214px; padding:6px 7px 80px 7px; line-height:25px;border:1px solid #ccc; border-top:none;  background:#fff url(../images/telbg.gif) no-repeat left bottom; overflow:hidden}

.shili{ float:left; width:300px; height:260px; overflow:hidden}
.shili .shimg{ width:300px; padding:8px 0; overflow:hidden}
.jj{ float:left; width:460px; height:260px; padding:0 20px; overflow:hidden}
.jj .jjcont{ width:450px; line-height:25px; padding:8px 5px; overflow:hidden}
.jj .jjcont img{ float:left; padding:0 10px 0 0;}
.jj .jjcont a{ color:#ff0000;}
.jj .jjcont a:hover{ color:#ff6600;}

.new{ float:left; width:330px; overflow:hidden}
.new ul{ width:320px; padding:5px; overflow:hidden}
.new ul li{ float:left; width:308px; padding:0 0 0 12px; height:27px; line-height:27px; background:url(../images/icon2.gif) no-repeat 0 10px; overflow:hidden}
.new ul li a{ float:left;}
.new ul li span{ float:right;}

.pro{ width:845px; padding:15px 0 0 0; overflow:hidden}
.pro .show{ float:left; width:184px; padding:0 14px 0 13px; overflow:hidden}
.pro .show .img{ width:180px; height:135px; padding:1px; border:1px solid #aaa; overflow:hidden}
.pro .show .img img{ display:inline-block;text-align: center;vertical-align:middle;}
.edge {
         width:0;
	 height:100%;
	 display:inline-block;
	 vertical-align:middle;
}
.pro .show p{ width:184px; height:35px; line-height:35px; text-align:center; overflow:hidden}

.case{ float:left; width:740px; padding:0 0 0 30px; overflow:hidden}
.case .proico{ float:left; width:24px; height:42px; padding:66px 0 0 0; overflow:hidden}
.case .casecont{ float:left; width:670px; padding:20px 11px 0 11px; overflow:hidden}
.case .show{ float:left;  padding:0 15px 0 0; overflow:hidden}
.case .show img{ height:135px; padding:1px; border:1px solid #aaa; overflow:hidden}
.case .show p{ height:35px; line-height:35px; text-align:center; overflow:hidden}


.infro{ width:833px; padding:6px; overflow:hidden}
.infro ul li{ float:left; width:810px; padding:0 5px 0 18px; height:30px; line-height:30px; border-bottom:1px dotted #ccc; background:url(../images/icon2.gif) no-repeat 5px 10px; overflow:hidden}
.infro ul li a{ float:left;}
.infro ul li span{ float:right;}

.page{ width:860px; padding:15px 0; text-align:center; font-size:14px; overflow:hidden}
.page a{ padding:0 5px;}

h2{ width:845px; font-size:14px; text-align:center; height:40px; line-height:40px; padding:5px 0 0 0; overflow:hidden}
.img{ width:745px; text-align:center; padding:0 50px; overflow:hidden}
.xx{ width:833px; line-height:25px; padding:5px 6px; overflow:hidden}


#footer{ width:100%; margin:0 auto; background:#f2f0f0 url(../images/footbg.gif) repeat-x 0 0; padding:20px 0 0 0; overflow:hidden}
#footer .foot{ width:1100px; margin:0 auto; height:25px; line-height:25px; text-align:center; overflow:hidden}
#footer .foot a{ padding:0 10px;}
#footer .text{ width:1100px; margin:0 auto; text-align:center; padding:8px 0; line-height:25px; overflow:hidden}