﻿body{ margin:0 auto; font-size:12px;font-family: "微软雅黑",Arial,sans-serif;}
A {COLOR: #707070; TEXT-DECORATION: none}
A:hover{COLOR: #FF6600; TEXT-DECORATION: none}
A:active {COLOR: #FF6600; TEXT-DECORATION: none}
.cls{ clear:both;}
h1,h2,h3,h4,h5,ul,li,form,input,p{margin:0px; padding:0px;list-style-type:none;font-size:12px;}
img{ border:0px;}
/*top*/
#head{width:1003px; height:105px; margin:auto; position:relative; z-index:10;}
#logo{width:474px; height:44px; background:url(../images/logo.png) no-repeat left top; float:left; margin-top:32px; position:relative; cursor:pointer;}
#logo span{display:block; text-align:center; position:absolute; bottom:0; left:-1px; width:100%; color:#464646;}
#top{width:300px; height:58px; float:right; margin-top:25px; text-align:right; position:relative;}
#top p img{margin-top:-2px; margin-right:6px;}
#top p a{color:#464646;}
#top p a:hover,#top p a:active{color:#008A45;}
#search{margin-top:11px; background:#FFF; width:200px; height:25px; position:absolute; right:0;font-size:12px;}
#search #keyword{width:160px; border:0px none; background:none; vertical-align:middle; position:absolute; left:3px; margin-right:3px; margin-top:1px; padding:3px; color:#008A45;font-family: "微软雅黑",Arial,sans-serif;}
#search #searbtn{width:25px; height:25px; background:#008A45; border:0px none; vertical-align:middle; position:absolute; right:0; display:block; text-align:center;}
#search #searbtn img{margin-top:4px;cursor: pointer;height:15px;}
/*menuC*/
#menuC{width:100%; height:42px; position:relative; z-index:10; background:url(../images/menubg.png) repeat-x left top;}
#menu_shadow{width:100%; height:5px; position:absolute; bottom:-5px; left:0; background:url(../images/menushadow.png) repeat-x;}
#menu{width:1088px; height:42px; margin:auto; background:url(../images/menusplit.png) no-repeat left top;}
#menu li{display:inline-block; float:left;}
#menu li a{display:block; height:42px; line-height:36px; padding-left:50px; padding-right:50px; color:#FFF; font-size:14px; text-shadow:1px 1px 3px rgba(0,0,0,0.1); background:url(../images/menusplit.png) no-repeat right top; margin-right:-2px;}
#menu li.A a{color:#FFCC00 !important;}
#menu li a.A{background:url(../images/menuA.png) repeat-x left top; color:#FFF;}
#menuSonC{width:100%; height:0px; overflow:hidden; position:absolute; top:147px; left:0;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="../images/menuson_bg.png");/*只对IE6有效*/
background:url(../images/menuson_bg.png) !important;_background:none; z-index:11;}
#menuSon{width:1000px; height:186px; margin:auto;}
#menuSon div{float:left; padding-top:16px; height:257px;}
#menuSon .d1{margin-left:-18px;}
#menuSon .d2{margin-left:51px;}
#menuSon .d3{margin-left:20px;}
#menuSon .d4{margin-left:24px;}
#menuSon .d5{margin-left:50px;}
#menuSon .d6{margin-left:25px;}
#menuSon .d7{margin-left:54px;}
#menuSon a{color:#FFF; display:block; padding:5px 27px; text-align:center; font-size:12px;}
#menuSon a:hover,#menuSon a:active{color:#FFCC00;}
/*banner*/
#banner{width:100%; background:#FFF; overflow:hidden;height:620px; position: absolute; z-index:1; left:0; top:0; }
#banner1{background:url(../images/banner1.jpg) no-repeat center top;}
#banner2{background:url(../images/banner2.jpg) no-repeat center top;}
#banner3{background:url(../images/banner3.jpg) no-repeat center top;}
#banner4{background:url(../images/banner4.jpg) no-repeat center top;}
#banner div{width:3000px; height:620px; position:absolute; left:50%; margin-left:-1500px; z-index:2; display:none;}
#farther{width:1000px; height:30px; margin:auto; position:relative; z-index:8;}
#fL{width:300px; bottom:-450px; position:absolute;  right:0px; text-align:right;height: 30px;}
#fL img{margin-left:10px; cursor:pointer;}
#bannerM{width:100%; height:420px; position:absolute; z-index:1; left:0; top:0; background:#FFF; overflow:hidden;}
#bannerM div{width:2000px; height:420px; position:absolute; left:50%; top:0; margin-left:-1000px; z-index:3;background-position:center top;background-repeat:no-repeat;}
/*main*/
.main{ width:1003px; margin:470px auto auto auto;height:275px; overflow:hidden}
.news_c{float:left; width:380px;}
.title{color:#006400; font-size:16px;}
.title span{color:#999; font-size:11px; font-family:Arial;}
.title label{ float:right; font-size:12px; font-weight:normal; margin-top:6px;}
.title label a{color:#999;}
.title label a:hover{color:#006400;}

.p1{border-top:1px dotted #CCC; margin-top:10px; padding-top:15px;}
.p1 img{ width:120px; height:87px;float:left; margin-right:10px;}
.p1 .span1{display:block; margin-top:2px;}
.p1 .span2{display:block; color:#999; line-height:170%; margin-top:6px;}
.video{float:left; width:260px; margin-left:30px;}
.wh{width:260px; height:130px; background:#00984c; position:relative; z-index:1; cursor:pointer;}
.wh img{ height:80px;position:absolute; right:22px; top:24px;}
.p2{padding-top:40px; padding-left:22px; color:#FFF; font-size:16px;}
.p3{padding-top:4px; padding-left:22px; color:#A8CBE3; font-size:11px;}
.p4{padding-top:40px; padding-left:22px; font-size:16px; color:#666666}
.p5{padding-top:4px; padding-left:22px; color:#AAA; font-size:11px;}
.Dataload{width:260px; height:130px; margin-top:10px; background:#DDD; position:relative; z-index:1; cursor:pointer;}
.Dataload img{position:absolute; right:22px; top:25px; height:76px;}
/*procatalog*/
.pro_c{float:left; width:300px; margin-left:30px;height:275px; overflow:hidden}
.pro_c p{color:#006400; font-size:16px;border-bottom:1px dotted #CCC; padding-bottom:15px;}
.pro_c span{color:#999; font-size:11px; font-family:Arial;}
.pro_c label{ float:right;  font-weight:normal; margin-top:6px; font-size:12px;}
.pro_c label a{color:#999;}
.pro_c label a:hover{color:#006400;}

#procatalog li{float:left; width:150px;}
#procatalog li a{display:block; padding:0px 6px 0px 10px; background:url(../images/arr1.gif) no-repeat left 13px;height:30px;line-height:30px;overflow:hidden;}
#procatalog li a:hover,#procatalog li a:active{color:#006400; background-position:left -27px;}
/*newslist*/
#newslist{clear:both; padding-top:10px;}
#newslist a{display:block; padding:5px 0px 5px 10px; background:url(../images/arr1.gif) no-repeat left 11px;}
#newslist a:hover,#newslist a:active{color:#006400; background-position:left -29px;}

* A {POSITION: relative}
#featureContainer {BORDER: #999 0px dotted; MARGIN: 30px auto auto auto; WIDTH: 1000px; height:190px;}
#feature {POSITION: relative; BORDER: #999 0px dotted; }
#feature .button{BORDER: #999 0px dotted; POSITION: absolute; WIDTH: 917px;TOP: 72px;LEFT: 0px}
#feature .prev{BORDER: #999 0px dotted; TEXT-INDENT: -9999px; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(../images/feature_left.gif) center top; FLOAT: left; HEIGHT: 48px; TOP: -110px;}
#feature .next{BORDER: #999 0px dotted;TEXT-INDENT: -9999px; WIDTH: 30px; DISPLAY: block; BACKGROUND: url(../images/feature_right.gif) center top; FLOAT: right; HEIGHT: 48px;TOP: -110px;}
#feature .prev:hover{BACKGROUND-POSITION: center bottom}
#feature .next:hover{BACKGROUND-POSITION: center bottom}
#botton-scroll{Z-INDEX: 0; BORDER: #999 0px dotted;MARGIN: 0px auto; WIDTH: 917px;FLOAT: left; HEIGHT: 195px; margin-left:15px; display: inline;}
#block {Z-INDEX: 0; BORDER: #999 0px dotted; POSITION: relative; PADDING:0px 0px 0px 0px; MARGIN: 0px auto;WIDTH: 917px; FONT-SIZE: 70%; OVERFLOW: hidden; }
#block .box {BORDER: #e6e6e6 2px solid;WIDTH: 166px; FLOAT: left; HEIGHT: 195px;}
#block .box a{ color:#474747}
.box img{ width:166px; height:160px; }
.featureUL{BORDER: #e6e6e6 0px dotted; POSITION: relative;LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING: 0px; WIDTH: 2800px;FLOAT: left;LEFT: 0px}
.featureBox{ background:#e6e6e6;BORDER: #999 0px dotted;WIDTH: 170px; BACKGROUND-REPEAT: no-repeat;FLOAT: left;margin-right:10px; text-align:center; line-height:35px; }

/*quick_nav */
.quick_nav_bg{ width:100%; height:220px;font-family: "MICROSOFT YAHEI","Arial Narrow"; background:#f4f4f4; margin-top:40px;}
.quick_nav{ width:1003px; margin:0 auto; height:220px;}
.quick {height: 190px; width:510px; float:left}
.quick LI {display: block;float: left;}
.quick .site {width: 510px;padding-top: 25px;height: 130px;line-height: 25px;text-align: center;}
.quick .site .title {color: #010100!important;text-decoration: none!important;font-size: 14px;_width:100px;height: 30px;line-height: 30px;font-family: "MICROSOFT YAHEI"; margin-bottom:10px; overflow:hidden}
.quick .site a {display: block;color: #676568;font-size: 12px; }
.quick .site a:hover {color: #ef353d;text-decoration: none;}
.quick .site P {display: block;float: left;width:100px;}
.quick .site P a{ height:30px; overflow:hidden}
/*Contact */
.Contact{ width:290px; float:right;padding-top: 25px;height:130px}
.Contact h3{ line-height:30px;font-size: 14px;color: #606060; font-weight:normal}
.Contact li{ line-height:24px; color:#2f2f2f;font-family: "微软雅黑";}
.two{ width:152px; float:left; height:146px; margin-top:20px; margin-left:15px; display:inline }
/*QQ*/
.fr490{float: right; width: 490px;}
#boot img{width:35px;height:35px;border:0;}
#boot #qq1 {background: url(../images/qq.png) no-repeat;_background: url(../images/qq.jpg) no-repeat;background-position: 0px 0px !important;}
#boot #qq2 {background: url(../images/qq.png) no-repeat;_background: url(../images/qq.jpg) no-repeat;background-position: -33px 0px !important;}
#boot #qq3 {background: url(../images/qq.png) no-repeat;_background: url(../images/qq.jpg) no-repeat;background-position: -66px 0px !important;}
#boot #qq4 {background: url(../images/qq.png) no-repeat;_background: url(../images/qq.jpg) no-repeat;background-position: -99px 0px !important;}
#boot #qq5 {background: url(../images/qq.png) no-repeat;_background: url(../images/qq.jpg) no-repeat;background-position: -132px 0px !important;}
#boot a span {display: none;background: url(../images/qq_title.png) no-repeat;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/web/qq_title.png");_background: none;width: 78px;color: #ed0000;position: absolute;line-height: 38px;text-align: center;_left: -9999px;_display: block;}
#boot a span b {display: block;font-weight: normal;margin: 0px auto;overflow: hidden;width: 70px;white-space: nowrap;}
#boot a:hover span {display: block;left: -20px;position: absolute;top: -50px;_top: -25px;float: left;}
#boot a:hover {_border: 0px;position: relative;}
/*footerbg*/
.footerbg{ background: url(../images/footerbg.jpg) repeat-x left top; height:55px;}
#fC{width:1000px; height:55px; margin:auto;padding-top:13px;}
#footL{width:600px; height:55px; float:left; color:#888; line-height:36px;}
#footR{width:186px; height:55px; float:right; text-align:right;}

.content{width:1003px; margin:300px auto auto auto}
#siderleft{width:223px; float:left;}
#leftbt{position:relative; margin-top:-5px; z-index:10}
#leftmenu{width:216px; margin:auto; margin-top:15px;}
#leftmenu a{display:block;border-bottom:1px solid #E7E7E7;height:32px; line-height:32px;font-family:"微软雅黑", Tahoma, Arial;padding-left:14px; width:202px; background:url(../images/arr2.png) no-repeat 192px 12px;}
#leftmenu a:hover,#leftmenu a:active{color:#FF6600; border-bottom:1px solid #DDD; background:url(../images/arr2.png) no-repeat 192px -46px;}
#leftmenu a.A{background:url(../images/left_a_bg.png) no-repeat !important; border-bottom:0px none !important; height:33px; line-height:30px; color:#FFF; padding-left:130px; width:86px;}
#leftmenu a.leftC{border-bottom:1px dotted #DDD; background:url(../images/arr5.png) no-repeat 1px 12px;}
#leftmenu a.leftC:hover,#leftmenu a.leftc:active{color:#00538E; border-bottom:1px dotted #CCC; background:url(../images/arr5.png) no-repeat 1px -46px;}
.sidelink{ width:211px; float:left; margin-top:15px;}
.sidelink a{ display:block; margin:0px;}
.sidelink img{ display:block;border:0px; padding-left:15px;}
/*sideright*/
.sideright{ width:750px; float:right; }
.subMenu{ font-size:12px;line-height:32px; height:32px; border-bottom: dotted 1px #cccccc; margin-bottom:10px; color:#999798; background:url(../images/i.jpg) no-repeat 5px center; padding-left:25px;}
.subMenu span{font-weight:normal; color:#666666;}

/*pro*/
.pro{ width:745px; float:right}
.pro li{ width:220px; float:left; height:240px; background:url(../images/probg.jpg) no-repeat left top; margin-left:20px; margin-bottom:30px; text-align:center}
.pro li img{ width:196px; height:190px; margin:5px;}
.pro li span{ margin-top:30px; float:left; text-align:center; width:220px; vertical-align:middle;}

.newslist{margin:10px auto 8px auto;}
.newslist li{ line-height:28px; background:url(../image/arr.gif) no-repeat 10px center; padding-left:25px; font-size:12px;}
.newslist span{ float:right; padding-right:15px;FONT-FAMILY: Tahoma, Arial, Verdana; color:#696969; }
.newslist li a{ color:#484848; text-decoration:none;}
.newslist li a:hover{ color:#ff6600; text-decoration:underline;}

.newsContent{margin:0 30px 10px 30px;}
.newsContent .newsTitle{text-align:center;font-size:16px;line-height:30px;height:30px;color:#666666;margin:15px 0 10px 0;}
.newsContent .newsNav{text-align:center;line-height:30px;height:30px;color:#666666;margin:10px 0;font-weight:normal;border-bottom:dotted 1px #e8e8e8;}
.newsContent .newsNav span{padding:0 20px;}
.newsContent .newsCont{line-height:28px;text-indent:2em;color:#666666;margin:0px;padding:0px;}
.newsMore{padding:10px;border:solid 1px #c9c9c9;height:50px;margin:10px 30px;}
.newsMore div{float:right;margin-top:15px;}
.newsMore a{color:#666666;text-decoration:none;}
.newsMore a:hover{color:#fa0000;text-decoration:none;}
.newsNext{float:left;line-height:25px;padding:0px;margin:0px;}
.newsNext a{text-decoration:none;color:#666666;}
.newsNext a:hover{color:#fa0000;text-decoration:underline;}

.page{margin:0px auto;text-align:center;padding:20px;width:650px; clear:both;}
.page a{ margin-left:5px; margin-right:5px;}
.page span{ margin-left:5px; margin-right:5px;}
.page a:hover{ color:#666666}
.page .page-cur{border-bottom:#666666 1px solid;color:#666666;}

.honorList{ padding:15px 0px 0px 15px;}
.honorList li{float:left;overflow:hidden;width:322px; height:256px;margin-bottom:6px;text-align:center; vertical-align:middle; color:#68666b; display:inline;}
.honorList li img{width:300px; height:230px; margin-bottom:5px; padding:2px;border:1px solid #cccccc;}
.positionInfo{height:600px;}
.udiyblock{width:100%;height:100%}