@charset "gb2312";
/* CSS Document */
/*È«¾ÖÑùʽ begin*/
body { font-family: "ËÎÌå"; font-size: 12px;  color:#000;margin:0;padding:0;}
div,ul,li,h1,h2,h3,h4,h5,h6,img,p,dl,dt,dd,ol,th,td{margin: 0px;padding: 0px;}
li {list-style-type: none;}
form,input,button,option,textarea,select{ margin: 0px;padding: 0px;}
input,button,textarea,select{font:100% Tahoma,Helvetica,Arial,sans-serif;}
a {text-decoration: none;}
a:link,a:visited {text-decoration: none;}

table {font-size:inherit;font:100%;}
th { font-weight:normal;}
img{ border: 0;}
h3{ font-size:14px; color:#fff; font-weight:bold;}
h4 { font-size: 12px;}
.clear { clear: both; height: 0px; overflow: hidden;}
.copy{ font-family:Arial, Helvetica, sans-serif;}
/*header*/
#header { width:100%; position:relative; height:446px; z-index:1;}
.her_top{ width:1002px; margin: 0 auto; position:relative; z-index:2;}
.header_p { float:left; background: url(../images/headerr_left.png) no-repeat ; width:6px; height:132px;}
.header_top{ float:left; width:990px; height:128px; background:#fff;}
.header_a{ float:left; background:url(../images/headerr_right.png) no-repeat -1px 0px; width:6px; height:132px;}
.header_logo { width:990px; overflow:hidden; height:94px;}
.header_logo h2 { float:left;}
.header_logo p { float:right;}
.header_top ul { width:990px; height:33px;}
.header_top ul li { line-height:33px; text-align:center; float:left; width:122px; height:33px; overflow:hidden; margin-right:2px;}
.header_top ul li a { font-family:"΢ÈíÑźÚ"; font-size:14px; font-weight:bold; color:#fff;}
.nav_1 { background: url(../images/nav.png) no-repeat;}
.nav_2 { background: url(../images/nav.png) no-repeat 0 -35px;}
.nav_3 { background: url(../images/nav.png) no-repeat 0 -70px;}
.nav_4 { background: url(../images/nav.png) no-repeat 0 -105px;}
.nav_5 { background: url(../images/nav.png) no-repeat 0 -140px;}
.nav_6 { background: url(../images/nav.png) no-repeat 0 -175px;}
.nav_7 { background: url(../images/nav.png) no-repeat 0 -210px;}
.header_top ul .nav_8 { margin-right:0px; background: url(../images/nav.png) no-repeat 0 -245px;}
.header_top ul li span a:hover{ background:url(../images/jb.png) no-repeat 1px 1px;}
.header_top ul li span .ahover{background:url(../images/jb.png) no-repeat 1px 1px;}
.header_top ul li span a{ width:122px; height:33px; display:block; font-size:14px;}

/*»ÃµÆƬ*/
.banner { position:absolute; z-index:1; left:0px;}
#header .banner { width:100%;}
/*»ÃµÆƬ end*/
/*header end*/
/*content*/
#content { width:1002px; margin: 0 auto; overflow:hidden; z-index:2; position:relative;}

.content_left{ float:left; width:188px; margin-right:10px;}
.content_left h3 strong{font-weight:normal; }
.content_left h3{ background:url(../images/product_h3.gif) no-repeat; padding-left:20px; width:168px;height:29px; line-height:22px; font-family:"΢ÈíÑźÚ"; font-size:14px; overflow:hidden;}
.content_left h3 a { padding-top:10px; padding-right:10px;float:right;}
.content_left ul { overflow:hidden; padding-left:19px; background:url(../images/content_left.gif) no-repeat; width:169px;  margin-bottom:12px; padding-top:6px; padding-bottom:5px;}
.content_left ul li{ float:left; width:150px; line-height:27px;height:27px; border-bottom:1px dashed #bebebe;}
.content_left ul li a { float:left; color:#333333; background:url(../images/content_left_li.gif) no-repeat 6px 9px; padding-left:18px;}
.content_left ul li a:hover{ color:#258900; font-weight:bold;}
.contact{ border:1px solid #a7e16c; width:184px; height:104px;}
.contact a { width:184px; height:104px; float:left; overflow:hidden;}



.content_right{ float:left; width:804px; padding-top:40px;}
.case{ width:804px; margin-bottom:38px;}
.case h3 { background:url(../images/show.gif) no-repeat; height:32px; padding-left:128px; font-size:12px;  color:#b2b2b2; font-weight:normal; overflow: hidden;}
.case h3 strong{ font-weight:normal; float:left;font-size:10px;font-family:Arial, Helvetica, sans-serif; top:-5px; position:relative; color:#333;}
.case h3 strong span { font-family:"΢ÈíÑźÚ"; font-size:14px; font-weight:normal;} 
.case h3 a { float:right; padding-right:15px;}

.h3 { background:url(../images/show.gif) no-repeat;padding-left:128px; font-size:12px;  color:#b2b2b2; font-weight:normal; overflow: hidden; width:468px; margin: 0 auto 10px;}
.h3 strong{ font-weight:normal; float:left;font-size:10px;font-family:Arial, Helvetica, sans-serif; color:#333;}
.h3 strong span { font-family:"΢ÈíÑźÚ"; font-size:14px; font-weight:normal;} 
.h3 a { float:right; padding-right:15px;}
.more { padding-top:15px;}
/*content end*/

/*¹ö¶¯*/
.mantle {position: relative; zoom:1; width: 785px; margin-top:5px; height: 155px; background:url(../images/mantle.gif) no-repeat; padding-left:3px;}
.mantle .leftbotton ,.mantle .rightbotton{ width: 24px; height: 22px; position: absolute; top: 74px; cursor: pointer;}
.mantle .leftbotton { left: -10px;background: url(../images/down.png) no-repeat;} 
.mantle .rightbotton{ right: -10px; background: url(../images/down.png) no-repeat 0 -23px;}
.mantle .cont { width: 736px; margin: 0 auto; overflow: hidden; padding-top:18px;}
.mantle .imgul { float: left;}
.mantle .imgul li { width: 162px; margin-right:26px; text-align: center; height: 135px; overflow: hidden; float: left; border:1px solid #299800; display: inline; }
.mantle .imgul li a{ width:162px; height:130px; display:block; padding-top:5px; color:#333;}
.mantle .imgul li a:hover{ background:#299800; color:#FFFFFF;}
.mantle .imgul li img{ display: block; margin: 0 auto; width:153px; height:106px;}
.mantle .imgul li span { width:153px; height:26px; line-height:26px; display:block; line-height:26px; text-align:center;}
.fl{float:left;}


.about_left{ float:left; width:434px;}
.about_left h3 { background: url(../images/about.gif) no-repeat; padding-left:100px; height:35px;}
.about_left h3 strong{ float:left; font-size:16px; color:#333; font-family:"΢ÈíÑźÚ"; font-weight:normal;} 
.about_left h3 a { float:right; padding-top:6px;}
.about_js{ width:434px; overflow:hidden;}
.about_js span{ float:left; background:url(../images/about_js.gif) no-repeat; width:152px;height:130px; padding-left:12px; padding-top:15px;}
.about_js span img { width:148px; height:114px;}
.about_js p { float:right; font-size:12px; text-indent:2em; line-height:24px; width:251px; position:relative; height:auto!important; min-height:160px; height:160px;}
.about_js p a { background:#5d9c02; height:23px; width:73px;  line-height:23px; position:absolute; text-indent:0em; text-align:center;color:#FFFFFF; right:20px; bottom:0;}
.about_right { float:right; width:316px;}
.about_right ul li .img { float:left; width:111px; height:60px; overflow:hidden;}  
.about_right h3{ background:url(../images/ser.gif) no-repeat right 12px; height:20px; width:316px; overflow:hidden;}
.about_right h3 a { float:right; color:#333;}
.about_right p { color:#333; font-family:"΢ÈíÑźÚ"; font-size:14px; float:left;}
.about_right ul{ width:316px; overflow:hidden; }
.about_right ul li { float:left; margin-top:13px; width:316px;}
.about_right ul .ul_li { padding-bottom:0px;}
.about_right li p strong { color:#087800; display:block; font-size:16px; font-family:"΢ÈíÑźÚ"; margin-bottom:4px;}
.about_right li p span { display:block; color:#333333; font-size:12px; font-family:"ËÎÌå"; color:#333; margin-bottom:4px;}
.about_right li p a { color:#666666; border-bottom:1px solid #666666; padding-bottom:1px; background:url(../images/about_right.gif) no-repeat; padding-left:12px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.img { float:left; width:111px; height:60px; border:3px solid #f5a373; margin-right:16px;}

.show { width:804px; overflow:hidden;}
.show h3,.pro_h3{ background:url(../images/show_h3.gif) no-repeat; height:47px; margin-bottom:8px;}
.show h3  span ,.pro_h3 span,.about_us span,.contact_h3 span{ padding-left:30px; padding-top:13px; font-size:14px; font-family:"΢ÈíÑźÚ"; font-weight:normal; color:#333; float:left;}
.content_right .pro_case { background:url(../images/show_case.gif) no-repeat;}
.content_right .about_service{ background: url(../images/service.gif) no-repeat;}
.content_right  .about_join{ background: url(../images/join.gif) no-repeat;}
.show h3 a ,.pro_h3 a{float:right; padding-right:15px; padding-top:18px;}
.show ul{ width:804px;}
.show li { float:left; text-align:center; width:134px; height:117px;}
#footer p{ width:1002px; line-height:24px; margin:0 auto ; text-align:center; color:#333; background:#fff; border-top:1px solid #f3f3f3; height:80px; padding-top:6px;}
#footer a { color:#333;}
#footer { background:url(../images/footer.gif) repeat-x; height:82px; margin-top:10px;}
/*Ò³Ãæ Ò³Âë*/
.page{ width:100%; text-align:center; padding:30px 0;  color:#333; float:left; }
.page a{ padding:1px 3px;margin:2px 1px; color:#333; }
.page a.cur{ color:red;}

/*pro*/
.pro_ul{  width: 804px; overflow:hidden;}
.pro_ul li {float:left; text-align:center; width:134px; margin-bottom:32px; overflow:hidden; height:140px;}
.pro_ul li p { padding-top:5px;}
.pro_ul li p a { color:#333;}
/*pro end*/
.ny_msg { width: 650px; margin: 0 auto;}
.ny_msg .cont { padding: 0 20px; height:500px; overflow:hidden;}
.ny_msg .cont .bridge { line-height: 50px; text-align: right;}
.bridge  a { color:#333;}
.ny_msg .cont .welcome { width: 100%; border-bottom: 1px dashed #ccc; height: 45px; line-height: 45px; text-align: center;}
.ny_msg .cont .msg_form { width: 480px; margin: 0 auto; padding-top: 25px;}
.ny_msg .cont .msg_form li { width: 100%; float: left; padding: 2px 0;}
.ny_msg .cont .msg_form li .type{width: 100px; text-align:right; float: left; line-height: 21px;}
.ny_msg .cont .msg_form li input { height: 14px; padding:2px 0; line-height: 14px; }
.ny_msg .cont  .msglist { width: 100%; }
.ny_msg .cont  .msglist ul {}
.ny_msg .cont  .msglist li { line-height: 24px; border: 1px solid #ccc; margin-top:10px;}
.ny_msg .cont  .msglist li .msg_name{ border-bottom: 1px solid #ccc;}
/*about */
.about_us{ background:url(../images/about_us.gif) no-repeat; height:47px; margin-bottom:8px;}
.service .about_us{background:url(../images/service.gif) no-repeat}
.join .about_us{background:url(../images/join.gif) no-repeat}
.message .about_us{background:url(../images/message.gif) no-repeat}
.about_us a  span{ float:right; color:#046d00; font-size:12px; font-family:"ËÎÌå"; padding-right:15px;}
.txt { line-height:28px;  padding-left:20px; padding-right:20px; width:764px; text-indent:2em;}
.txt img { margin-top:15px;<!-- width:764px; height:348px;-->}
/*about end*/

.contact_h3 {background:url(../images/contact.gif) no-repeat; height:47px; margin-bottom:8px;}

.contact_h3  a  span{ float:right; color:#046d00; font-size:12px; font-family:"ËÎÌå"; padding-right:15px;}

.dt{ display:block; width:750px; height:348px; margin: 0 auto;}
.cont1 .text_cont { float:left; width:340px; line-height:26px; font-family:"΢ÈíÑźÚ"; font-size:14px; color:#333; height:146px;}
.cont1 .text_cont1 { float:left; width:340px; line-height:26px; font-family:"΢ÈíÑźÚ"; font-size:14px; color:#333; height:65px;}
.cont1 { position:relative; width:694px; border:1px solid #eeeeee; margin: 0 auto; padding:20px 28px 10px; margin-bottom:15px; }
.cont1 span { width:133px; height:71px; background:url(../images/jh.png) no-repeat; right:-8px; top:-20px; position:absolute;}
.cont1 strong { font-size:18px; color:#046d00; font-family:"΢ÈíÑźÚ"; text-align:left; display:block; margin-bottom:20px;}

.input { width:188px; height:200px; margin-bottom:10px; background:url(../images/contact_us.gif) no-repeat;}
.input input { width:145px; height:26px; line-height:26px; padding-left:30px; font-size:12px; font-family: "΢ÈíÑźÚ"; color:#333; background:none; margin-top:68px; border:none;}

.pro_h3 a span {
    color: #046D00; padding-top:0px;
    font-family: "ËÎÌå";
    font-size: 12px;
   
}
.pro_h3 a{ padding-top:12px;}


.resourcecont ul li{height:120px; overflow:hidden; border-bottom:2px solid #A9A9A9; padding:0px 6px; margin-bottom:10px;}
.resourcecont ul li .position{height:28px; overflow:hidden; line-height:28px;}
.resourcecont ul li .position .repo{float:left; font-weight:bold; padding-right:43px;}
.resourcecont ul li .position .repo span{font-weight:normal;}
.resourcecont ul li .position a{display:block; background:url(../images/bot6.jpg) no-repeat; width:56px; height:21px; overflow:hidden; text-align:center; float:right; line-height:24px; color:#fff; margin:4px 8px 0 0;}
.resourcecont ul li .required{line-height:24px;}


.text{ width:400px; color:#333; font-size:14px; height:30px; line-height:28px; margin-bottom:10px;}
.btn { width:70px; height:28px;  background:url(../images/btn_submit_post_69622fa8.gif) no-repeat; display:block;}
.btn:hover{background:url(../images/btn_submit_post_69622fa8.gif) no-repeat 0 -28px; }
.btn input { background:none; border:none; width:70px; height:28px;text-align:center; line-height:28px; color:#fff; cursor:pointer;}
.textarea { width:400px; color:#333; font-size:14px;height:auto!important; min-height:160px;margin-bottom:10px;height:160px;}


/*ÄÚÒ³ Ïêϸҳ*/
.detail { width: 730px; margin: 0 auto; }
.detail .tit {height: 40px; line-height: 40px; text-align: center; font-size:14px; font-weight: bold; border-bottom: 1px solid #ccc; overflow:hidden}
.detail .related { padding:6px 0; text-align: center;}
.detail .related span { padding: 0 10px;}
.detail .text12 { padding: 10px; line-height: 23px;}
.detail .text12 .photo { text-align: center;}
.detail .other { padding: 8px 0 ; width: 100%;}
.detail .other li {line-height: 24px;}
.detail .other li a{ color:#000;}
.detail .print { padding: 8px 0; text-align: right; clear: both;}
.detail .print a{ margin-right:20px; color:#333;}

.about_ul { margin-bottom:10px; width:188px; font-family:Arial, Helvetica, sans-serif;}
.about_ul h2 { width:178px; overflow:hidden; height:59px; background:url(../images/about_bg1.gif) no-repeat; padding-left:10px;}
.about_a { font-size:42px; color:#067300; height:30px; float:left; padding-top:4px;}
.about_js p .about_arc{ right:120px; bottom:10px;}
.bout{ float:left; height:30px; padding-top:10px;}
.gy { display:block; font-size:16px; font-weight:normal; font-family:"΢ÈíÑźÚ"; color:#5ea127; height:19px; overflow:hidden;}
.wm{ display:block;color:#067300; font-weight:normal; }
.about_ul ol { background:url(../images/about_bg3.gif) repeat-y; padding-left:8px; overflow:hidden; padding-bottom:10px; width:180px;}
.about_ul ol li {width:174px; float:left; height:34px; line-height:30px;}
.about_ul ol  li a { float:left; width:154px; height:34px; color:#666; padding-left:20px; cursor:pointer;}
.about_ul ol  li a:hover,.about_ul ol  li a.on { background:url(../images/about_ul_li.gif) no-repeat; }
.about_ul ol  li a span { padding-left:12px; width:106px; border-bottom:1px solid 	#d7d7d7; height:29px; float:left;}
.about_ul ol  li a:hover span {  border-bottom:none;}

.width { width:595px; margin: 0 auto; margin-bottom:10px;}





#play {  height: 505px; width:100%; }
.packet {  height: 505px; position: relative; width:100%; }
#play ol { position: absolute; right: 15%; bottom: 55px; z-index: 2; }
#play ol li { float: left; margin-right: 3px; display: inline; cursor: pointer; background: #fcf2cf; border: 1px solid #f47500; padding: 2px 6px; color: #d94b01; font-family: arial; font-size: 12px; }
.active { padding: 3px 8px; font-weight: bold; color: #ffffff; background: #ffb442; position: relative; bottom: 2px; }

#play ul { position: relative; top: 0; left: 0; z-index: 1; background:white; width: 470px; height: 150px; }
#play ul li { position:absolute; width: 470px; height: 150px; top:0px; left:0px; display:none; }
#play ul img { float: left; height: 505px;}

.pro_img { width:760px; padding-left:20px; margin:0 auto; overflow:hidden;}
.pro_img li {
    border: 1px solid #299800;
    display: inline;
    float: left;
    height: 135px;
    margin-right: 26px;
    overflow: hidden;
    text-align: center;
    width: 162px;
	margin-bottom:10px;
}
.pro_img li a {
    color: #333333;
    display: block;
    height: 130px;
    padding-top: 5px;
    width: 162px;
}
.pro_img  li img {
    display: block;
    height: 106px;
    margin: 0 auto;
    width: 153px;
}
.pro_img li span {
    display: block;
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 153px;
}.pro_img li a:hover{ background:#299800; color:#FFFFFF;}
.join table{ margin: 0 auto;}