@charset "utf-8";
/* CSS Document */




.language{ z-index:9999; position:absolute; right:-5px;}
.language p{float:right; height:20px;line-height:20px; margin-top:8px;}
.language p a{ width:50px; padding:0 6px; color:#979797;display:inline;font-size:12px; -webkit-text-size-adjust:none; }
.language p a:link,.language p a:visited{color:#979797}
.language p a:hover,.language p a:active{ color:#5f5f5f}


.warp{ width:1003px; margin:0 auto;}

.header{ width:1003px; height:95px;}
.logo{ margin:10px 0 7px 100px; display:block}
.nav{width:707px; margin-top:4px;}
.nav li{ width:101px; height:87px; float:left; text-align:center;background:url(../images/nav_line.jpg) no-repeat right 55px; 
                          font-size:14px; position:relative; z-index:99;display:inline;}						 
.nav a,.nav a:link,.nav a:visited{ display:block; white-space:nowrap;}
.nav ul li a.top{padding:50px 0 18px 0; color:#505050; font-weight:bold;}
.nav ul li a.yellow{background:url(../images/nav_hover.png) center top no-repeat; color:#fff}
.nav ul li a.top:hover,.nav ul li a.top:active{background:url(../images/nav_hover.png) center top no-repeat; color:#fff; }
.nav a#active{background:url(../images/nav_hover.png) center top no-repeat; color:#fff; }
.nav li.n3{background:none}

.menu{width:87px; position:absolute;left:7px; top:85px; display:none; font-size:12px; }
                              
.menu a{color:#f7e9da; font-size:13px;} 
.menu a:link,.menu a:visited{color:#f5e0e1}
.menu a:hover,.menu a:active{ background:url(../images/nav_hover2.jpg) repeat; font-weight:bold; color:#fff}

.menu dt,.sub-menu dd{height:30px;line-height:30px;position:relative;}
.menu dt{background:url(../images/nav_bg.jpg) repeat;}
.menu dd{height:5px; background:url(../images/menu_dd_bg.png) no-repeat; }

.sub-menu{ width:100%; position:absolute; left:100%; top:0;display:none;}
.sub-menu a{ font-size:12px;}
.sub-menu dd{height:30px; width:105px; line-height:30px;background:url(../images/nav_bg.jpg) repeat; white-space:nowrap; text-overflow:ellipsis;
                          padding:0 5px;overflow:hidden;display:block; }
.sub-menu dd a:hover{ font-weight:bold; background:none}
.sub-menu dt{ width:115px; height:5px; background:url(../images/menu_dt_bg.png) no-repeat;}



.banner { width:100%; clear:both; height:474px;position:relative; z-index:1; overflow:hidden;}
.ban_top{ position:absolute; top:95px; right:0px; z-index:82;}
.banner ul{position:relative; width:100%; height:474px;}
.banner li{ list-style-type:none; text-align:center; height:474px; width:100%; }

.ban_button{ width:1000px; margin:0 auto; position:relative; z-index:80}

.botton { width:103px; height:21px; padding-left:10px; background:url(../images/banner_btn_bg.png) no-repeat; z-index:10; position:absolute; top:-70px; right:10px; overflow:hidden}
.botton span{ width:11px; height:11px; margin:6px 3px 0 4px; text-align:center; float:left; background:url(../images/banner_btn.png) no-repeat;
                        cursor:pointer; display:inline-block;}                    

.botton span.current{background:url(../images/banner_btn_hover.png) no-repeat;}


.center{ width:1003px; height:240px; margin:20px 0;}
.cen_left{ width:374px;float:left; overflow:hidden;}
.title{ width:374; height:36px; background:url(../images/center_img1.jpg) no-repeat; text-indent:18px; margin-bottom:8px; overflow:hidden}
                                  
.title b{ width:150px; height:25px; line-height:25px;font-size:14px; font-weight:bold; float:left; color:#ff7300; display:block; overflow:hidden}								 
.title a,
.title a:link,
.title a:visited{ width:17px; height:17px;float:right; background:url(../images/index_more.png) no-repeat; margin-top:7px; overflow:hidden; display:block}								 
.title a:hover,
.title a:active{ background:url(../images/index_more_hover.png) no-repeat;}									 
								 
.left_img{ width:374px; height:70px; overflow:hidden; display:block}
.left_img table{ width:132px; height:63px;float:left; overflow:hidden}
.left_img table img{border:1px solid #c9c9c9;}
.left_img a{color:#3064a0; font-size:12px;}
.left_img a:link,.left_img a:visited{color:#3064a0; font-size:12px;}
.left_img a:hover,.left_img a:active{ text-decoration:underline}
.left_img p{ width:220px; float:left; margin-left:10px; color:#878787; overflow:hidden; display:block; }
.left_img p.in_p1 b a{ height:20px; line-height:20px; color:#6b6b6b; margin-bottom:8px; font-size:14px; white-space:nowrap;
                                  text-overflow:ellipsis; overflow:hidden; display:block}
.left_img p.in_p1 b a:link,.left_img p.in_p1 b a:visited{color:#6b6b6b;}							  
.left_img p.in_p1 b a:hover,.left_img p.in_p1 b a:active{color:#ff7300; text-decoration:none}

.left_img p.in_p2{ height:38px; line-height:19px; overflow:hidden}
.left_img p.in_p2 a{ color:#ff4e00;} 


.newlists{ width:374px; margin-top:7px; display:block; overflow:hidden; clear:both}
.newlists li{ height:22px; background:url(../images/center_img2.gif) no-repeat 0px 8px; display:block; }
.newlists li a{ width:270px;float:left; line-height:22px; display:block; text-indent:1em;
                          white-space:nowrap; text-overflow:ellipsis;overflow:hidden;}
.newlists li i{ width:100px;float:right;font-family:Arial;line-height:22px;text-align:right;font-style:normal; display:block;overflow:hidden;color:#bdbdbd; }


.cen_con{ width:289px; float:left; margin-left:42px; position:relative;}
.product{width:287px; height:175px; overflow:hidden; clear:both;  position:relative}
.product ul{width:10000px; height:175px; overflow:hidden}
.product li{ width:287px; height:175px; float:left; overflow:hidden; }

.product span{width:282px;height:125px; padding:3px 2px 9px 3px; background:url(../images/in_pro_bg.png) no-repeat; overflow:hidden; display:block}

.product table{width:282px;height:125px;}
.des{width:200px; height:35px; line-height:35px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden; display:block;}
.des a,
.des a:link,
.des a:visited{height:35px; line-height:35px; color:#ff4e00; font-size:13px; font-family:Arial; font-weight:bold; display:block}
.des a:hover,.des p a:active{ text-decoration:underline}

.btn2{ width:72px; height:8px; z-index:11; position:absolute; top:197px; right:-3px; }

.btn2 span{width:8px; height:8px; margin:0px 1px 0 9px; float:left; background:url(../images/in_case_btn2.jpg) no-repeat; cursor:pointer; display:inline-block;}
.btn2 .select{background:url(../images/in_case_btn1.png) no-repeat;}





.cen_right{width:252px; height:223px; padding-left:8px; margin-left:33px; float:left; position:relative; overflow:hidden }
.cen_right table{ width:244px; height:201px; overflow:hidden}
.btn{ width:202px; height:41px; position:absolute; top:175px; right:1px;}


.friend_link{ width:100%; background:url(../images/link_rep.jpg) repeat; color:#848484; clear:both}
.link{ width:1003px;overflow:hidden}
.link span{ width:80px; height:25px; line-height:25px; background:url(../images/link.jpg) no-repeat; float:left; font-size:13px; font-weight:bold;
                                          color:#626262; overflow:hidden; display:block}
.link a,.link a:link,.link a:visited{height:25px; line-height:25px; margin:0 2px; color:#848484;}
.link a:hover,.link a:active{ text-decoration:underline}

.footer{width:100%; background:#ebebeb; color:#666666; font-size:12px; font-family:瀹嬩綋; clear:both}
.foot{ width:1003px; overflow:hidden}
.foot a,.foot a:link,.foot a:visited{color:#666666}
.foot a:hover,.foot a:active{color:#555555}
.foot span{ width:700px; float:left; margin:15px 0; display:block}
.foot p{ line-height:22px;}
.foot p i{ font-family:Arial; font-style:normal}
.logo2{ width:60px; height:27px; margin-top:10px;}

/*about*/
.a_banner{ width:100%;height:244px; overflow:hidden; clear:both;}
.a_banner span{width:100%;height:244px;}
.a_banner span p{width:100%;height:244px;}

.container{ width:1003px;clear:both; position:relative; }

.con_left{ width:224px;float:left; min-height:500px; position:absolute; top:-79px; left:0px; background:url(../images/about_left_bg3.png) no-repeat left 50px; z-index:9999; }
.con_left span{ width:174px; height:40px; padding:10px 0 0 40px;line-height:40px; margin-left:10px;  background:url(../images/about_leftbg1.png) no-repeat; color:#ff7300;font-size:14px; font-weight:bold; overflow:hidden; display:block}
                                                 
.con_left ul{ width:214px; min-height:400px; background:#ffffff; margin-left:10px;}
.con_left ul li{ width:185px;  height:31px; padding:8px 0; line-height:31px;margin-left:14px; font-size:12px; text-indent:28px; border-bottom:1px solid #dbdbdb; overflow:hidden; 
display:block} 
                 
.con_left ul li a,.con_left ul li a:link,.con_left ul li a:visited{ width:221px;height:31px; display:block}
.con_left ul li a:hover,.con_left ul li a:active{ color:#ffffff; font-weight:bold; background:url(../images/about_leftbg.png) no-repeat}

.con_left li a.first{background:url(../images/about_leftbg.png) no-repeat; color:#ffffff; font-weight:bold;}


.ding{ width:1003px; margin:0 auto; position:relative}
.a_title{ width:788px; height:28px; padding-top:50px; position:absolute; top:-78px; left:224px; background:url(../images/about_right_titbg.png) no-repeat; 
                  overflow:hidden; display:block}
.a_title p{ width:680px;height:26px;line-height:26px; padding:2px 0 0 42px; overflow:hidden; color:#dbdbdb; display:block}
.a_title i{ font-style:normal; padding-right:5px; color:#dbdbdb}
.a_title a,.a_title a:link,.a_title a:visited{color:#dbdbdb;}
.a_title a:hover,.a_title a:active{ text-decoration:underline}
.a_title b{color:#ffffff}

.con_right{ width:785px; float:right; min-height:400px; background:url(../images/about_right_bg2.png) no-repeat 7px top;overflow:hidden}
                                      

.about{ width:749px; margin:20px 0 40px 32px; line-height:24px; overflow:hidden; font-size:12px; }
.jieshao{ width:708px; height:30px; line-height:30px; overflow:hidden; color:#333;
               font-size:18px; font-weight:normal; margin:25px 0 0 0; display:block}
.about h1 b{ color:#ff7300; font-weight:normal;}



/*products*/
.se_left{width:221px; clear:both; display:inline;}
.menu_head{width:221px; height:42px;line-height:42px; font-size:14px; text-indent:28px;border-bottom:1px solid #e7e7e7;
                background:url(../images/about_img.jpg) no-repeat 8px 17px; overflow:hidden;}                   
.menu_head a,.menu_head a:link,.menu_head a:visited{width:221px;height:42px; color:#878787; display:block}
.menu_head a:hover,.menu_head a:active{ color:#525252; font-weight:bold; background:url(../images/about_leftbg.jpg) no-repeat}
.menu_head a.blue{background:url(../images/about_leftbg.jpg) no-repeat;color:#525252; font-weight:bold;}

.menu_body{width:191px; padding:0 5px 0 25px;display:none; text-indent:12px; background:#e6eef6}
.menu_body a,
.menu_body a:link,
.menu_body a:visited{ height:30px;color:#878787;line-height:30px; font-size:12px; position:relative;
                               background:url(../images/pro_img1.png) no-repeat 0px 14px;display: block; overflow:hidden}               
.menu_body a:hover,.menu_body a:active{color:#525252; font-weight:bold;}

.products{width:729px; margin-top:10px; clear:both; overflow:hidden;}
.products ul{ overflow:hidden;  *padding-bottom:45px;}
.products li{ width:190px; float:left; margin:0 25px 45px 25px; overflow:hidden; display:block;}
.products li span{width:180px; height:91px; border:1px solid #e2e2e2; padding:2px; overflow:hidden; display:block}
.products li span:hover{ border:1px solid #0075ff}
.products li table{ width:180px; height:91px; overflow:hidden;}
.pro{ width:180px; height:25px; line-height:25px; margin:8px 0 0 1px; padding-left:5px; color:#5b5b5b; background:url(../images/pro.png) no-repeat;
              white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block}
.pro:hover{background:url(../images/pro_hover.png) no-repeat; color:#fff;}


.produ_list{ width:740px; margin:20px 0 0 0; *padding-bottom:22px; font-size:12px; overflow:hidden; position:relative}
.produ_list li{width:208px; height:136px; margin:10px 19px 22px 19px; float:left;list-style:none; background:url(../images/pro_bg.png) no-repeat;
                     position:relative; overflow:hidden; display:inline }     
.produ_list li:hover{ background:url(../images/pro_imgbg.png) no-repeat}
.produ_list li table{ width:208px; height:92px;}

.produ_list li span{ width:198px;height:50px; padding:0 5px 0 5px;overflow:hidden; display:block }
.produ_list li span a,
.produ_list li span a:link,
.produ_list li span a:visited{ width:198px; height:20px;line-height:20px; color:#ff4e00;font-size:13px;font-weight:bold; margin-top:4px; overflow:hidden; display:block }
.produ_list li span a:hover,.produ_list li span a:active{ text-decoration:underline}
.produ_list li span p{height:20px; line-height:20px; color:#696969; white-space:nowrap;text-overflow:ellipsis; overflow:hidden; display:block}

.pro-description{width:208px; position:absolute; top:5px;left:4px; overflow:hidden; display:none}
.produ_list li:hover .pro-description{display:block;}

.page{width:700px; height:25px; line-height:25px;text-align:right;margin-bottom:20px; clear:both; }
.page a,.page a:link,
.page a:visited{ width:20px; height:25px; line-height:25px; padding:0 5px; text-align:center; border:1px solid #c2d1df; font-family:Arial; color:#666;}
.page a:hover,.page a:active{border:1px solid #c2d1df;color:#3874b6}

/*products_show*/
.pro_sh{ width:730px; margin-top:30px; margin-left:10px; font-size:12px; overflow:hidden} 

.pic_sh{ width:709px; height:150px; margin:0 0 40px 0; overflow:hidden}
.pic_sh table{ width:350px; height:148px; float:left}
.pic_sh span{ height:150px; overflow:hidden}
.pic_sh span p{line-height:22px;}

.pro_tit{ width:710px; height:20px; line-height:20px; color:#fff; font-weight:bold; font-size:14px; padding-left:9px; margin-bottom:25px;
                                   border-bottom:1px solid #d83740; background:url(../images/pro_show_img3.jpg) no-repeat; overflow:hidden; display:block}

.text_sh{width:709px; margin-bottom:25px; display:block}
.text_sh table tr{height:30px;}
.text_sh table td{border-bottom:1px #ececec solid;}
.text_sh th{ color:#666;}


.src2{ width:709px; height:90px; margin-bottom:15px; clear:both;}
.src2 ul{width:707px;height:90px; border:1px solid #ececec; overflow:hidden;}
.gdd{ width:665px; height:90px; overflow:hidden; margin:6px 5px 0 6px; position:relative; float:left;}
.gdd ul{ width:99999px; height:67px; margin-top:5px; overflow:hidden; position:absolute; border:none}
.gdd ul li{ width:160px; height:67px; float:left; display:inline; margin:0 3px; overflow:hidden;}
.gdd ul li table{width:160px; height:67px; margin:0 auto; }

.lt a{ width:15px; height:45px; float:left; background:url(../images/pro_leftbtn.png) no-repeat; margin-top:17px; display:block;}
.nt a{width:15px; height:45px; float:right; background:url(../images/pro_rightbtn.png) no-repeat;margin-top:17px; display:block;}


.back{height:23px;float:right; margin:20px 0; display:block}


.de_bg{ width:709px; min-height:500px; display:block}
.dev_left,.dev_right{ width:330px}

.cases{ width:740px; font-size:12px; overflow:hidden;}
.cases ul{ margin-top:20px;*padding-bottom:30px; overflow:hidden}
.cases li{ width:210px; margin:10px 18px 30px 18px; float:left; overflow:hidden}
.cases li img{ padding:2px; display:block;}
.cases li img:hover{}
.cases li span{ width:200px; text-align:center; height:25px; line-height:25px; overflow:hidden; display:block}


.case_show{width:719px; margin-left:10px; overflow:hidden}
.hh{ line-height:30px; text-align:center; font-size:15px; font-weight:bold; color:#ff7300; margin-bottom:20px; display:block}
.case_img {height:250px; margin-bottom:20px; padding-left:120px;}
.case_img span{ width:500px; height:250px; border:1px solid #d4d2d2; padding:2px; overflow:hidden; display:block}
.case_img table{width:500px; height:250px;}

.ca_xiang{ width:709px; height:100px; margin-left:10px; overflow:hidden}
.ca_xiang li{ width:130px; margin:10px 3px 0 8px; float:left; display:block; overflow:hidden}
.ca_xiang li table{width:130px; height:68px;}
.ca_xiang li img{ padding:1px; display:block}

.cas1{ width:120px; height:20px; line-height:20px; text-align:center; padding-left:3px; overflow:hidden; display:block}



/*news*/
.news{ width:729px; clear:both; margin:20px 0 30px 0; font-size:12px; display:block}
.news dl{ width:725px; height:110px; margin-left:4px;  border-bottom:1px solid #eeeeee;overflow:hidden; display:block}
.news dl dt{ width:150px; height:73px; float:left; margin-top:18px; border:1px solid #ccc; overflow:hidden;display:block}
.news dl dt table{width:150px; height:73px;}
.news dl dd{ width:553px; margin-left:20px; float:left;overflow:hidden; display:block}
.mt{ margin:17px 0 10px 0;}
.new_tit,
.new_tit:link,
.new_tit:visited{ width:400px; height:25px; line-height:25px; float:left; color:#333; font-size:13px; font-weight:bold; overflow:hidden; display:block}
.new_tit:hover,.new_tit:active{color:#ff7300; }
.more{ width:80px;height:25px; line-height:25px;float:right;background:url(../images/new_more.png) no-repeat 0px 6px; text-indent:20px;
                                          color:#666; display:block}
.news dl dd p{ height:40px; line-height:20px;overflow:hidden}



.news_nr{ width:720px; margin:20px 0 0 10px; overflow:hidden; font-size:12px;}
.news_nr h1{line-height:25px;text-align:center; color:#ff7300;font-size:15px;display:block; overflow:hidden}
.news_nr span{height:25px; line-height:25px; margin-bottom:20px; text-align:center; border-bottom:1px dotted #ccc; overflow:hidden; display:block}

.new_pic{ width:690px; margin:10px 0;}

.ny_new_lis{width:690px; height:60px;font-size:12px;margin-top:20px;overflow:hidden}
.ny_new_lis p{ height:30px;line-height:30px;width:690px; padding-left:10px; overflow:hidden}
.ny_new_lis p b{ color:#ff7300}
.ny_new_lis a,.ny_new_lis a:link,.ny_new_lis a:visited{line-height:30px; color:#666;}
.ny_new_lis a:hover,.ny_new_lis a:active{color:#ff7300;}



.ny_new_lists{ width:685px; margin:10px 0 20px 10px; font-size:12px;}
.ny_new_lists p{ width:685px; height:25px; background:url(../images/center_img2.gif) no-repeat 0px 9px; border-bottom:1px dotted #ccc;overflow:hidden}
.ny_new_lists p a,
.ny_new_lists p a:link,
.ny_new_lists p a:visited{ width:500px; line-height:25px;color:#878787;float:left; padding-left:10px; display:block}
.ny_new_lists p a:hover,.ny_new_lists p a:active{ color:#ff7300}
.ny_new_lists p i{ width:100px; line-height:25px; color:#CCC; text-align:right; float:right; font-style:normal}

/*job*/
.job{width:700px;margin-bottom:20px}
.job a{ color:#878787}
.job ul{width:700px;margin-top:20px; margin-left:3px; border:1px solid #eeeeee}
.job_t{height:30px;font-size:18px;font-weight:bold; color:666; padding:20px 0 20px 17px;overflow:hidden;
                               background:url(../images/job_line.jpg) no-repeat bottom center;display:block }
.job li.job_tit{ font-size:13px; font-weight:bold; color:#ff7300;}
.job li.job_tit:hover{ background:none;}
.job li{width:655px; height:40px; line-height:40px; margin-left:20px; border-bottom:1px dashed #eeeeee;overflow:hidden; display:block}
.job li p{ line-height:40px}
.job li:hover a{ color:#ff7300}
.job li:hover{ background:#e6eef6}
.w1,.w2,.w3{height:40px;float:left; overflow:hidden;display:block}
 
.j1,.j2,.j3{height:40px;float:left;overflow:hidden; font-size:12px;display:block}
.w1{width:420px;text-align:left; text-indent:25px;}
.w2{width:130px;text-align:center;}
.w3{width:90px;text-align:center;}
.j1{width:420px; height:40px; text-align:left;color:#666;text-indent:25px;background:url(../images/job_img1.png) no-repeat 5px 15px; }
.j1 a{ color:#666}
.j2{width:130px; text-align:center; color:#999}
.j3{width:90px; text-align:center; color:#ccc}


.job_show{width:709px;color:#666; margin-top:20px; font-size:12px;}
.job_show a,.job_show a:link,.job_show a:visited{ color:#467fb0;}
.job_show a:hover,.job_show a:active{ text-decoration:underline}
.job_show p{width:709px;font-size:12px;line-height:24px; color:#878787; padding-left:15px;} 
.job_show p.p1{height:30px; font-size:15px; color:#333; line-height:30px; font-weight:bold; background:url(../images/job_show.png) no-repeat;
                             margin-bottom:20px; padding-left:8px; overflow:hidden; display:block}
.job_show p.p2{height:20px;font-size:13px; padding-left:8px;font-weight:bold;overflow:hidden;display:block }
.job_show span{ height:30px;display:block}


.contact{width:709px;margin:20px 0 0 0;font-size:12px; background:url(../images/) no-repeat top right; overflow:hidden}
.address{ width:400px; overflow:hidden; color:#666; margin-bottom:60px;}
.address a,.address a:link,.address a:visited{color:#878787}
.address a:hover,.address a:active{color:#3874b6}
.address h2{ height:30px;line-height:30px;text-indent:20px; color:#333; font-size:14px; margin-bottom:10px; overflow:hidden; display:block}                  
.address p{width:400px;line-height:20px; overflow:hidden; margin-bottom:6px; padding-left:25px; display:block}

.contact span.liuyan{ width:650px; height:30px; line-height:30px; margin:0 0 0 23px;font-size:14px; color:#333; font-weight:bold; 
                        background:url(../images/job_line.jpg) no-repeat center bottom;overflow:hidden; display:block}
.online { width:650px; margin:25px 0 0 0;overflow:hidden}
.online i{ font-style:normal; color:#ccc; line-height:40px;}
.online table tr{ margin-bottom:5px; display:block}
.t1{ width:200px;height:20px;line-height:20px; padding:5px 5px; border:1px solid #ccc; overflow:hidden}
.t2{ width:300px;height:20px;line-height:20px; padding:5px 5px; border:1px solid #ccc; overflow:hidden}
.t3{ width:370px;height:20px;line-height:20px; padding:5px 5px; border:1px solid #ccc; overflow:hidden}
.txt2{width:440px; height:140px; border:1px solid #ccc; padding:5px 5px; margin-top:7px;overflow:hidden}


.culture{ width:719px; margin-top:20px; font-size:12px; line-height:22px;}
.organization{width:719px; margin-top:20px; font-size:12px; line-height:22px;}



.four{ width:1003px; height:500px; margin-top:100px; background:url(../images/404.jpg) no-repeat top center; overflow:hidden}
.error{ width:390px; height:190px;line-height:24px;color:#0e54a2; margin:200px 60px 0 0}
.err1{ font-weight:bold; font-size:13px; margin-bottom:10px; color:#878787; display:block}
.err2{ width:700px; height:30px; margin:40px 0 0 40px; line-height:30px;font-size:13px;}
.err2 a{ color:#333; font-size:14px; margin:0 8px 0 8px;}
.err2 a:hover{ color:#3874b6}