body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
:banner{outline: 0;} 
ol,ul{list-style:none;}
/*base css*/
body { font-size:12px;color:#555;font-family:"宋体",arial; margin:0px; padding:0px; line-height:20px; overflow-x:hidden;}
body,td,th {font-size: 12px;}
hr{ border:0; padding:0; margin:0; display:block}
a{color:#555;text-decoration:none;}
a:hover{text-decoration:none;}
.clear{clear:both;}


/*Message页CSS*/
#message { margin:10px 0px;}
#message table tr td { padding:3px;}
#message table tr td span { color:#FF0000;}
#message table tr td .inbg { border:1px solid #CCCCCC;}
.lycon {padding:5px 10px; line-height:180%;}
.lycon div {color: #FF6600; width:85%; margin:3px;margin-left:50px; padding:3px; border:1px #CCCCCC dotted}

/*orderform页CSS*/
#orderform { margin:10px 0px; overflow:hidden; height:auto; width:100%;}
#orderform table tr td { padding:3px;}
#orderform table tr td span { color:#FF0000; margin-left:5px;}
#orderform table tr td .inbg { border:1px solid #CCCCCC;}
#orderform table tr .submit input { float:none;}

/*reg页CSS*/
#reg { margin:10px 0px; overflow:hidden; height:auto; width:100%;}
#reg table tr td { padding:3px;}
#reg table tr td span { color:#FF0000; margin-left:5px;}
#reg table tr td .inbg { border:1px solid #CCCCCC;}
#reg table tr .submit input { float:none;}

/*login页CSS*/
#login { margin:10px 0px; overflow:hidden; height:auto; width:100%;}
#login table tr td { padding:3px;}
#login table tr td span { color:#FF0000; margin-left:5px;}
#login table tr td .inbg { border:1px solid #CCCCCC;}
#login table tr .submit input { float:none;}

/*case页CSS*/
.case { width:100%; height:auto; overflow:hidden; margin:10px 0px;}
.case ul li { margin-left:15px; width:160px; float:left; margin-top:10px; text-align:center}
.case ul li a { display:block;}
.case ul li .img { width:160px; height:160px; text-align:center;}
.case ul li .title { width:100%; text-align:center; margin-top:8px}

/*video页CSS*/
.video { width:100%; height:auto; overflow:hidden; margin:10px 0px;}
.video ul li { margin-left:50px;_margin-left:30px; width:180px; float:left; text-align:center;}
.video ul li .img { width:168px; height:153px; padding:5px; border:1px solid #FFDE00; display:block;}
.video ul li .img:hover { background:#FFCC33}
.video ul li .title { width:100%; text-align:center; height:25px; line-height:25px; overflow:hidden; display:block;}
.video ul li .title:hover { color:#FFDE00}

/*product页CSS*/
.product { width:100%; height:auto; overflow:hidden; margin:10px 0px;}
.product ul li { margin-left:10px;_margin-left:7px; width:172px; float:left; text-align:center}
.product ul li .img { display:block; width:168px; height:153px; padding:1px; border:1px solid #FFDE00;}
.product ul li .title { display:block; width:100%; text-align:center; height:25px; line-height:25px; overflow:hidden;}

/*news页CSS*/
.news { width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.news ul li { width:100%; float:left; border-bottom:1px solid #D9D9D9; padding-bottom:5px; color:#9B9B9B; margin-top:10px;}
.news ul li a { color:#999999;}
.m_3 .news ul li .title { height:23px; line-height:23px; overflow:hidden; padding:0px; background:none}
.m_3 .news ul li .title a { font-weight:bold; color:#333333;}
.m_3 .news ul li .title a:hover { color:#A2C137;}
.m_3 .news ul li .title img { margin-left:5px}
.news ul li span { color:#FF0000;}
.news ul li .present { margin:5px 0px; text-indent:25px;}
.news ul li .present a { display:block; line-height:180%; }
.news ul li .present a:hover { background:#F9F9F9; color:#333333;}

/*read页CSS*/
.nread { width:100%; height:auto; overflow:hidden; margin:10px 0px;}
.m_3 .nread .title {font-size:16px; font-weight:bold; text-align:center; line-height:30px; background:none; padding:0px;}
.nread .come {border:1px #DDDDDD dotted; font-size:13px; text-align:center; line-height:30px; height:30px}
.nread .pic { padding:10px 0px; text-align:center}
#newscontent { min-height:200px; _height:200px; padding-bottom:10px; border-bottom:#999999 dotted 1px; line-height:180%; margin-top:10px}
#newscontent .b { font-size:14px; display:block; border-bottom:1px solid #CCCCCC}
.nread .close { text-align:center; height:30px; line-height:30px}
.nread dl { width:auto; height:auto; overflow:hidden}
.nread dl dt { height:30px; line-height:30px; font-size:14px; font-weight:bold; border-bottom:#CCCCCC 1px solid; padding:0px; margin:0px;}
.nread dl dd { overflow:hidden; width:100%; height:auto; overflow:hidden;}
.nread dl dd p { line-height:28px; height:28px; overflow:hidden; border-bottom:1px dashed #999999; float:left; width:100%}
.nread dl dd p a { float:left}
.nread dl dd p span { float:right; margin-right:10px}

/*cread页CSS*/
.cread { width:100%; height:auto; overflow:hidden; margin:10px 0px;}
.m_3 .cread .title {font-size:16px; font-weight:bold; text-align:center; line-height:30px; background:none; padding:0px;}
.cread .come {border:1px #DDDDDD dotted; font-size:13px; text-align:center; line-height:30px; height:30px}
.cread .pic { padding:10px 0px; text-align:center}
.cread .close { text-align:center; height:30px; line-height:30px}
.cread .next { line-height:200%}

/*vread页CSS*/
.vread { width:100%; height:auto; overflow:hidden; margin:10px 0px;}
.vread .title {font-size:16px; font-weight:bold; text-align:center; height:30px; line-height:30px}
.vread .come {border:1px #DDDDDD dotted; font-size:13px; text-align:center; line-height:30px; height:30px}
.vread .pic { padding:10px 0px; text-align:center}
.vread .close { text-align:center; height:30px; line-height:30px}
.vread .next { line-height:200%}

/*proread页CSS*/
.pread { width:100%; height:auto; overflow:hidden; margin:10px 0px;}
.pread .title {font-size:16px; font-weight:bold; text-align:center; height:30px; line-height:30px}
.pread .come {border:1px #DDDDDD dotted; font-size:13px; text-align:center; line-height:30px; height:30px}
.pread .pic { padding:10px 0px; text-align:center}
.pread .close { text-align:center; height:30px; line-height:30px}
.pread .next { line-height:200%}

/* nav begin */
.nav { height:62px; width:1000px; position:absolute; bottom:0px; left:0px; background:url(../images/nav.gif) no-repeat center; z-index:2;}
.nav ul li { width:84px; float:left; margin-right:27px;}
.nav ul li a { display:block; height:62px; width:84px; overflow:hidden;}
.nav .home a:hover,.nav .home .on { background:url(../images/nav_hover.gif) no-repeat;}
.nav .about a:hover, .nav .about .on { background:url(../images/nav_hover.gif) no-repeat -111px 0px;}
.nav .service a:hover, .nav .service .on { background:url(../images/nav_hover.gif) no-repeat -222px 0px;}
.nav .showcase a:hover, .nav .showcase .on { background:url(../images/nav_hover.gif) no-repeat -333px 0px;}
.nav .new a:hover, .nav .new .on { background:url(../images/nav_hover.gif) no-repeat -444px 0px;}
.nav .customers a:hover, .nav .customers .on { background:url(../images/nav_hover.gif) no-repeat -555px 0px;}
.nav .recruitment a:hover, .nav .recruitment .on { background:url(../images/nav_hover.gif) no-repeat -666px 0px;}
.nav .contact a:hover, .nav .contact .on { background:url(../images/nav_hover.gif) no-repeat -777px 0px;}
.nav .car{ width:101px; margin-right:0px;}
.nav .car a{ width:101px;}
.nav .car a:hover, .nav .car .on { background:url(../images/nav_hover.gif) no-repeat -888px 0px;}

.nav ul li ul{ position:absolute; top:62px; left:0px; background:#000; opacity:0.4; filter:alpha(opacity=40)!important; width:1000px; display:none; overflow:hidden; }
.nav ul li ul li{ float:left; overflow:hidden; margin-right:0px; text-align:center; }
.nav ul li ul li a{ color:#fff; height:40px; line-height:40px; font-size:14px;}
.nav ul li ul li a:hover{background:none!important;}

.nav ul li ul li { width:auto;}
.nav .about ul{ padding-left:30px; width:970px;}
.nav .service ul{ padding-left:40px; width:960px;}
.nav .showcase ul{ padding-left:300px; width:700px;}
.nav .new ul{ padding-left:300px; width:700px; }
.nav .new ul li{height:40px; border-bottom:0px;}
.nav .customers ul{ padding-left:400px; width:600px; }
.nav .contact ul{ padding-left:750px; width:250px; }
.nav .car ul{ padding-left:570px; width:430px; }
/* nav end */


/* banner focus */
#focus {width:1000px; height:347px; overflow:hidden; position:relative;}
#focus ul {height:347px; position:absolute;}
#focus ul li {float:left; width:1000px; height:347px; overflow:hidden; position:relative; background:#000;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:1000px; height:20px; left:0; bottom:0; background:#000;}
#focus .btn {position:absolute; width:585px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}
#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;}
/* banner focus end */


/* case begin */
*{ margin:0; padding:0; -webkit-text-size-adjust:none;}
.m_case{font:12px/18px Arial, Helvetica, sans-serif;}
.m_case a{text-decoration:none; outline:none;}
i{ font-style:normal;}
.fl,.fr{ float:left; display:inline;}
.fr{ float:right;}
.scroll{ position:relative; overflow:hidden;}
.scroll ul{ position:absolute; width:20000em;}
.scroll ul li{ float:left;}

a.arr_l3,a.arr_r3{ background:url(../images/arr_3.gif) no-repeat; width:31px; height:43px; cursor:pointer; margin:14px 24px 0 0;}
a.arr_r3{ margin:14px 0 0 24px; background-position:right 0;}
a.arr_l3:hover{ background-position:0 bottom;}
a.arr_r3:hover{ background-position:right bottom;}
a.arr_l3,a.arr_r3{ background:url(../images/arr_3.gif) no-repeat; width:34px; height:25px; display:block; margin:0; overflow:hidden; position:absolute; top:56px; left:165px;}
a.arr_r3{ left:199px; background-position:right 0;}
.dwb{ background:url(../images/case_bg.jpg) no-repeat; height:290px;}
.dwb .lb{ width:259px; height:290px; position:relative;}
.wwb{ width:741px; height:290px;}
ul.dwl li,ul.dwl li a{ width:174px; height:290px; position:relative; overflow:hidden;}
ul.dwl li{ margin-right:15px;}
ul.dwl li a{ display:block; color:#000; position:absolute; top:40px;}
ul.dwl li a img{ border:1px solid #d0d1d8; margin-bottom:5px; height:228px; width:172px; }
ul.dwl li a i{ line-height:16px;}
ul.dwl li a i span{ color:#666; font-size:9px;}
ul.dwl li a h3{ background-color:#a2c137; height:35px; text-align:center; font-size:14px; padding-top:4px;}
ul.dwl li a h3 span{ font-size:9px; display:block; line-height:12px;}
ul.dwl li a:hover img{ border-color:#000;}
.dwb .more{ position:absolute; right:35px; top:90px;}
/* case end */


/* links begin */
.main8 {POSITION: relative; PADDING:0 15px; HEIGHT: 58px}
.m81 {WIDTH: 916px; HEIGHT: 58px; OVERFLOW: hidden; float:left; margin:0 10px;}
#SList1, #SList2 {FLOAT: left}
#SList1 ul li, #SList2 ul li{ float:left; overflow:hidden; TEXT-ALIGN: center; WIDTH: 136px; HEIGHT: 43px; padding-top:15px; margin-right:29px; padding-right:29px; background:url(../images/links_border.gif) center right no-repeat;}
.scstm {WIDTH: 100000px}
.lbutton, .rbutton{WIDTH: 7px; FLOAT: left; HEIGHT: 15px; CURSOR: pointer; margin-top:22px;}
.main8 .lbutton {BACKGROUND: url(../images/lbutton.gif) no-repeat; margin-right: 6px}
.main8 .rbutton {BACKGROUND: url(../images/rbutton.gif) no-repeat; margin-left:6px;}
/* links end */


/* xixi begin */
#xixi{ width: 155px;}
.main_head {BACKGROUND: #f1f1f1; font-size:12px; font-weight:bold; color:#666; padding-top:10px; height:29px;}
.info { PADDING-LEFT: 0px; PADDING-RIGHT: 0px; background:#fff; }
.Obtn {MARGIN-TOP: 35px; WIDTH: 30px; BACKGROUND: url(../images/img3-5_1.gif) no-repeat; FLOAT: left; HEIGHT: 89px; }
.qqtable .line1 td{ border-top:solid 1px #eee; background:url(../images/price.gif) no-repeat 12px 5px ; padding-left:20px;}
.qqtable .line2 td{ border-top:solid 1px #eee; background:url(../images/pay.gif) no-repeat 12px 6px ; padding-left:20px;}
.qqtable .line3 td{ border-top:solid 1px #eee; background:url(../images/online.gif) no-repeat 13px 4px ; padding-left:20px;}
.qqtable .line4 td{ border-top:solid 1px #eee; background:url(../images/us.gif) no-repeat 9px 4px ; padding-left:20px;}
.qqtable A {PADDING-BOTTOM: 5px; LINE-HEIGHT: 20px; PADDING-LEFT: 0px; WIDTH: 123px; PADDING-RIGHT: 0px; COLOR: #666;  FONT-SIZE: 12px; PADDING-TOP: 5px}
.qqtable A {TEXT-DECORATION: none}
.qqtable A:hover {TEXT-DECORATION: none}
/* xixi end */


/* index begin */
.main_index{ background: url(../images/bg_index.gif) repeat-x #fff ;}

.header{ height:208px; position:relative; z-index:999999; background:url(../images/bg_main.gif) no-repeat; width:1000px; margin:0 auto;}
.header_links{ height:23px; text-align:right; padding-top:3px;}
.header_links a{ color:#b6b6b6; margin-right:8px;}
.header_links .links_home{ background:url(../images/links_home.gif) no-repeat; padding:1px 0 0 18px;}
.header_links .links_favorites{ background:url(../images/links_favorites.gif) no-repeat; padding:1px 0 0 18px;}
.header_links .links_contact{ background:url(../images/links_contact.gif) no-repeat; padding:1px 0 0 18px;}
.logo{ margin:25px 0 0 0; float:left; overflow:hidden;}
.ewm { float:left; margin:20px 0px 0px 20px;}
.search{ background:url(../images/search.gif) no-repeat; height:32px; width:261px; position:absolute; top:105px; right:0px; }
.search .text{ background:none; width:148px; margin-left:45px; padding:10px 5px 0 0; border:0px; color:#888; font-size:12px; float:left;}
.search .button{ width:63px; padding-right:5px; height:26px; border:0px; background:none; cursor:pointer; float:right;}

.middle{width:1000px; margin:0 auto; }
.m_2{ background:url(../images/m_2_bg.gif) no-repeat; height:245px; margin:20px 0; overflow:hidden; }
.m_2 .left_service{ width:535px; height:245px; float:left; overflow:hidden;}
.m_2 .left_service .title{ position:relative; height:245px;}
.m_2 .left_service .title ul{ padding-top:12px; height:233px;}
.m_2 .left_service .title ul li{ height:42px; line-height:42px;}
.m_2 .left_service .title ul li a{width:132px; background:url(../images/border_s.gif) left bottom no-repeat; text-align:center; font-size:14px; display:block;}
.m_2 .left_service .title ul li a:hover{background:url(../images/hover_s.gif) right center no-repeat; font-weight:bold; color:#fff;}
.m_2 .left_service .title ul .on a{ background:url(../images/hover_s.gif) right center no-repeat; font-weight:bold; color:#fff; }
.m_2 .left_service .title .content{ position:absolute; top:20px; left:150px; display:none; width:385px; height:215px;}
.m_2 .left_service .title .on .content{ display:block;}
.m_2 .left_service .title .content dl{ padding:0px; height:175px;}
.m_2 .left_service .title .content dl.web{ background:url(../images/web_c.gif) no-repeat bottom right;}
.m_2 .left_service .title .content dl.promotion{ background:url(../images/ovs_2.gif) no-repeat bottom right;}
.m_2 .left_service .title .content dl dt{ float:left; width:135px; overflow:hidden; border-bottom:dashed 1px #dadada; margin-right:15px; background:url(../images/dian.gif) 3px no-repeat; padding-left:20px; height:30px; line-height:30px;}
.m_2 .left_service .title .content dl dt a{ background:none!important; color:#555; font-size:12px; font-weight:normal!important; text-align:left;}
.m_2 .left_service .title .content dl dt a:hover{color:#a2c137;}
.m_2 .left_service .title .content dl .last, .m_2 .left_service .title .content dl .last a{ width:185px;}

.m_2 .right_news{ float:right; overflow:hidden; height:245px; width:465px;}
.m_2 .right_news .title{ height:38px; position:relative;}
.m_2 .right_news .title ul{ padding-left:54px; height:38px; line-height:33px;}
.m_2 .right_news .title ul li{ float:left; overflow:hidden; margin-right:12px; padding-top:6px;}
.m_2 .right_news .title ul li a{ font-size:14px; color:#a2c137;  width:77px; height:30px; display:block; text-align:center;}
.m_2 .right_news .title ul li a:hover{background:url(../images/hover_n.gif) bottom no-repeat; font-weight:bold;}
.m_2 .right_news .title ul .on a{background:url(../images/hover_n.gif) bottom no-repeat; font-weight:bold;}
.m_2 .right_news .title .content{position:absolute; left:0px; top:38px; padding:13px 20px; display:none; width:425px; height:219px;}
.m_2 .right_news .title .on .content{ display:block;}
.m_2 .right_news .title .content dl dt{ height:30px;}
.m_2 .right_news .title .content dl dt a{ background:none!important; color:#555; font-size:12px; font-weight:normal!important; text-align:left; width:365px; overflow:hidden; float:left;}
.m_2 .right_news .title .content dl dt a:hover{ color:#a2c137;}
.m_2 .right_news .title .content dl dt span{ color:#999; float:right; overflow:hidden; height:30px;}
.m_2 .right_news .title .content dl dd { line-height:180%;}
.m_2 .right_news .title .content dl dd a { background:none; font-weight:normal; font-size:12px; width:auto; color:#555555; display:inline; height:auto; text-align:left;}

.links{ background:url(../images/links_bg.gif) no-repeat; width:1000px; height:74px; margin-top:20px; margin-bottom:9px;}

.footer{ background:url(../images/footer_bg.gif) repeat-x; height:261px;}
.footer .content{ width:1000px; margin:0 auto; height:211px; padding:25px 0;}
.footer .content .copyright{ float:left; overflow:hidden; width:194px;}
.footer .content .contact{ width:160px; padding-left:75px; float:left; overflow:hidden;  }
.footer .content .contact .img{ display:block; position:relative; height:58px; width:160px;}
.footer .content .contact .img .weibo_s{ position:absolute; top:5px;}
.footer .content .contact .img .weibo_t{ position:absolute; top:7px; left:40px;}
.footer .content .contact .img .qq{ position:absolute; right:0px;}
.footer .content .contact ul li{ border-bottom: dotted 1px #c4c4c4; color:#888;  }
.footer .content .contact span{ color:#799c00; font-size:14px; font-weight:bold;}
.footer .content .foot_links{ float:right; overflow:hidden;}
.footer .content .foot_links dl{ float:left; overflow:hidden; margin-left:20px; text-align:right;}
.footer .content .foot_links dl dt{ background:#a2c137; padding:6px 8px 6px 25px; color:#fff; font-weight:bold;}
.footer .content .foot_links dl dt span, .footer .content .foot_links dl dd span{ font-size:14px;}
.footer .content .foot_links dl dd{padding:8px 8px 0 8px; }
.footer .content .foot_links dl dd a{color:#888;}
.footer .content .foot_links dl dd a:hover{ text-decoration:underline;}
/* index end */


/*inside begin */
.main_inside{ background: url(../images/bg_inside.gif) repeat-x #fff ;}

.m_3{ padding:20px 0;  width:1000px;}
.m_3 .title{ background:url(../images/title_line.gif) bottom no-repeat; padding-bottom:10px; height:28px; }
.m_3 .title ul li{ float:left; overflow:hidden; width:65px; height:28px; line-height:44px;  text-align:center;}
.m_3 .title ul li.first{ width:109px!important; padding-right:8px; line-height:28px;}
.m_3 .title ul li a:hover, .m_3 .title ul li a.on{ color:#799C00; font-weight:bold;}
.m_3 .title ul, .m_3 .content ul{ overflow:hidden;}
.m_3 .content {overflow:hidden;}
.m_3 .content ul li{ width:302px; height:213px; line-height:18px; float:left; overflow:hidden;  margin-left:25px; border-bottom: dotted 1px #d8d8d8; padding-top:15px; display:inline;}
.m_3 .content ul li img{ width:302px; height:171px;}
.m_3 .content ul li a{ font-weight:bold;}
.m_3 .content ul li span{ color:#aaa; padding:0px;}

.m_3 .title span{ color:#83b60f; font-size:24px; font-family: '微软雅黑','黑体',Arial;}
.m_3 .title em{color:#afafaf; font-size:24px; font-style:normal;}
.m_3 .content span{ padding-top:10px; display:block;}

.m_3 .content dl{ padding:15px 0 0 0;}
.m_3 .content dt span{font-weight:bold; color:#b5cd61;}
.m_3 .content .dt_t{ background:url(../images/dt_t.gif) no-repeat; width:1000px; height:28px;}
.m_3 .content .dt_t span{ font-size:14px; text-align:center; line-height:12px; }
.m_3 .content .dt_m{ padding:15px; background:url(../images/dt_m.gif) repeat-y;}
.m_3 .content .dt_b{ background:url(../images/dt_b.gif) no-repeat; height:8px; width:1000px;}
/*inside end */

.middle .m_3 form { text-align:center; overflow:hidden;}
.middle .m_3 form table { margin:0 auto;}