@charset "utf-8";
/* CSS Document */
body{margin:0px; padding:0px; font-size:13px;  font-family:"宋体", "微软雅黑", Verdana, Tahoma; background-color:#CCC; }
ul,li,dl,dd,dt,p,input{margin:0px; padding:0px; }
h1,h2,h3,h4,h5{margin:0px; padding:0px;font-weight:normal; }
li{list-style:none; }
.fl{float:left; }
.fr{float:right; }
.cr{display:block;margin:0 auto;}




.top-link{width:850px; padding:0 25px; height:30px; line-height:30px; text-align:right; background-color:#FFF; margin:0 auto;}
.top-link a:link{ color:#333; text-decoration:none;}
.top-link a:visited{ color:#333; text-decoration:none;}
.top-link a:hover{ color:#FC7500; text-decoration:underline;}
.top-link a:active{ color:#333; text-decoration:none;}

.top{width:850px; padding:0 25px 15px 25px; height:64px; margin:0 auto; background-color:#FFF; }
.top .logo{width:152px; height:64px; background:url(../images/logo.gif) no-repeat; cursor:pointer; float:left; }
.top .logo img{border:0px;float:left;}
.top .main-menu{width:698px; height:32px; float:left;}
.top .main-menu .space{width:2px; height:32px; background:url(../images/topmenu_space.gif) no-repeat -12px 0; font-size:1px; float:left; }
.top .main-menu .border{width:12px; height:32px; background:url(../images/topmenu_space.gif) no-repeat 0 0; font-size:1px; float:left; }
.top .main-menu li{width:96px; height:32px; background:url(../images/topmenu.gif) no-repeat 0 0; float:left; }
.top .main-menu .hover{width:96px; height:32px; background:url(../images/topmenu.gif) no-repeat 0 -32px; float:left; }
.top .main-menu li .news{width:64px; height:32px; cursor:pointer; background:url(../images/menu_news.gif) no-repeat 0 0; margin:0 16px;}
.top .main-menu .hover .news{width:64px; height:32px; cursor:pointer; background:url(../images/menu_news.gif) no-repeat 0 -32px; margin:0 16px;}
.top .main-menu li .about{width:64px; height:32px; cursor:pointer; background:url(../images/menu_about.gif) no-repeat 0 0; margin:0 16px;}
.top .main-menu .hover .about{width:64px; height:32px; cursor:pointer; background:url(../images/menu_about.gif) no-repeat 0 -32px; margin:0 16px;}
.top .main-menu li .pro{width:64px; height:32px; cursor:pointer; background:url(../images/menu_pro.gif) no-repeat 0 0; margin:0 16px;}
.top .main-menu .hover .pro{width:64px; height:32px; cursor:pointer; background:url(../images/menu_pro.gif) no-repeat 0 -32px; margin:0 16px;}
.top .main-menu li .case{width:64px; height:32px; cursor:pointer; background:url(../images/menu_case.gif) no-repeat 0 0; margin:0 16px;}
.top .main-menu .hover .case{width:64px; height:32px; cursor:pointer; background:url(../images/menu_case.gif) no-repeat 0 -32px; margin:0 16px;}
.top .main-menu li .service{width:64px; height:32px; cursor:pointer; background:url(../images/menu_service.gif) no-repeat 0 0; margin:0 16px;}
.top .main-menu .hover .service{width:64px; height:32px; cursor:pointer; background:url(../images/menu_service.gif) no-repeat 0 -32px; margin:0 16px;}
.top .main-menu li .cooperation{width:64px; height:32px; cursor:pointer; background:url(../images/menu_cooperation.gif) no-repeat 0 0; margin:0 16px;}
.top .main-menu .hover .cooperation{width:64px; height:32px; cursor:pointer; background:url(../images/menu_cooperation.gif) no-repeat 0 -32px; margin:0 16px;}
.top .main-menu li .contact{width:64px; height:32px; cursor:pointer; background:url(../images/menu_contact.gif) no-repeat 0 0; margin:0 16px;}
.top .main-menu .hover .contact{width:64px; height:32px; cursor:pointer; background:url(../images/menu_contact.gif) no-repeat 0 -32px; margin:0 16px;}

.top .sub-menu{width:698px; height:32px; float:left; background:url(../images/submenu_bg.gif) repeat-x;}
.top .sub-menu .border{width:12px; height:32px; background:url(../images/topmenu_space.gif) no-repeat 0 -32px; font-size:1px; float:left; }
.top .sub-menu a{ display:block; padding:0 8px;height:32px; line-height:32px; text-align:center; float:left;}
.top .sub-menu a:link{ color:#333; text-decoration:none;}
.top .sub-menu a:visited{ color:#333; text-decoration:none;}
.top .sub-menu a:hover{ color:#FC7500; text-decoration:underline;}
.top .sub-menu a:active{ color:#333; text-decoration:none;}



.pro-img{width:850px; height:224px; padding:0 25px 15px 25px; margin:0 auto; background-color:#FFF; }
.pro-img img{border:0px; float:left;}
.case-img{width:850px; height:90px; padding:0 25px 15px 25px; margin:0 auto; background-color:#FFF; }
.case-img img{border:0px; float:left;}


.layout{width:857px; padding:0 25px 0 18px; margin:0 auto; overflow:auto; background-color:#FFF;}
.layout .left{width:190px; overflow:auto;margin-right:30px; background:url(../images/left_img.gif) repeat-y -380px 0; float:left;}
.layout .left .title{width:190px;}
.layout .left .left-menu{width:190px; overflow:auto;}
.layout .left .left-menu dt{width:190px; height:56px; background:url(../images/left_img.gif) no-repeat 0 0; margin-bottom:18px;}
.layout .left .left-menu .bt{width:190px;height:19px;background:url(../images/left_img.gif) no-repeat 0 -88px;}
.layout .left .left-menu dd{width:190px; overflow:auto; background:url(../images/leftmenu_space.gif) no-repeat bottom;}
.layout .left .left-menu dd h1{width:157px; padding-left:33px; height:25px; line-height:25px;color:#666;font-size:13px; font-weight:normal;}
.layout .left .left-menu dd h1 a:link{color:#666; text-decoration:none;}
.layout .left .left-menu dd h1 a:visited{color:#666; text-decoration:none;}
.layout .left .left-menu dd h1 a:hover{color:#FC7500; text-decoration:underline;}
.layout .left .left-menu dd h1 a:active{color:#666; text-decoration:none;}
.layout .left .left-menu dd .hover{width:157px; padding-left:33px; height:32px; line-height:30px;background:url(../images/left_img.gif) no-repeat 0 -56px; color:#FFF; font-size:13px; font-weight:normal;}
.layout .left .left-menu dd .hover a:focus{outline:none}
.layout .left .left-menu dd .hover a:link{ color:#FFF; text-decoration:none;}
.layout .left .left-menu dd .hover a:visited{ color:#FFF; text-decoration:none;}
.layout .left .left-menu dd .hover a:hover{ color:#FFF; text-decoration:none;}
.layout .left .left-menu dd .hover a:active{ color:#FFF; text-decoration:none;}

.layout .left .left-menu dd p{width:150px; overflow:auto; padding:5px 0 10px 40px; line-height:20px;}
.layout .left .left-menu dd p a:link{ color:#0659C7; text-decoration:none;}
.layout .left .left-menu dd p a:visited{ color:#0659C7; text-decoration:none;}
.layout .left .left-menu dd p a:hover{ color:#FC7500; text-decoration:underline;}
.layout .left .left-menu dd p a:active{ color:#0659C7; text-decoration:none;}

.layout .left .contact{width:183px; height:160px; padding:15px 0 0 7px;background:url(../images/contact_bg.gif) repeat-y;}
.layout .left .contact img{border:0px;float:left;}
.layout .left .contact a{display:block; height:66px; padding:6px 0; float:left;}
.layout .left .space{width:190px;height:190px;background:url(../images/left_img.gif) no-repeat -190px 0; background-color:#FFF;}
.layout .right{width:630px; overflow:auto; background-color:#FFF; float:left;}
.layout .right .path{width:615px;height:29px; padding-left:15px; background:url(../images/path_img.gif) no-repeat left; float:left;}
.layout .right .path li{height:29px; line-height:29px; color:#666; float:left;}
.layout .right .path li a{display:block; padding-right:20px; background:url(../images/path_space.gif) no-repeat right; float:left;}
.layout .right .path a:link{ color:#0659C7; text-decoration:none;}
.layout .right .path a:visited{ color:#0659C7; text-decoration:none;}
.layout .right .path a:hover{ color:#FC7500; text-decoration:underline;}
.layout .right .path a:active{ color:#0659C7; text-decoration:none;}

.layout .right .title{width:630px; height:65px; background:url(../images/con_title_bg1.gif) repeat-x top; float:left;}
.layout .right .title .img{width:75px; height:64px; margin-top:1px; background:url(../images/con_title_left.gif) no-repeat top left; float:left;}
.layout .right .title .txt{height:64px; line-height:64px; margin-top:1px; padding:0 105px 0 15px; font-size:16px; font-weight:bold; font-family:"微软雅黑", "黑体", "宋体"; color:#0659C7; background:url(../images/con_title_right.gif) no-repeat top right; background-color:#FFF; float:left;}
.layout .right .content{width:580px; overflow:auto; padding:0 25px 25px 25px; line-height:20px; float:left;}
.layout .right .content h1{font-size:16px; font-weight:bold; color:#0659C7; text-align:center; padding-bottom:15px; font-family:"微软雅黑", "黑体", "宋体"; clear:both;}
.layout .right .content h2{font-size:14px; font-weight:bold; color:#0659C7; margin-top:10px;}
.layout .right .content h3{font-size:13px; font-weight:bold; color:#666; margin-top:5px;}
.layout .right .content h4{font-size:14px; font-weight:bold; margin:45px 0; color:#666;}
.layout .right .content h5{font-size:16px; font-weight:bold; color:#FF9900; text-align:center; padding-bottom:15px; font-family:"微软雅黑", "黑体", "宋体"; clear:both;}
.layout .right .content p{font-size:13px; font-weight:normal; color:#666; text-align:left; text-indent:25px;}/* clear:both;只允许图片在一个段落内浮动*/
.layout .right .content p img{border:0px;vertical-align:middle;padding:5px;}
.layout .right .content dl{width:580px;height:120px;background:url(../images/img_newsbg.gif) repeat-x bottom; margin-bottom:10px;}
.layout .right .content dt{width:580px;font-size:13px;color:#0659C7;height:30px;line-height:30px;float:left;}
.layout .right .content dl .line{width:10px;height:90px;background:url(../images/news_line.gif) no-repeat center; font-size:1px;float:left;}
.layout .right .content dl .img-news{width:285px; height:90px; float:left;}
.layout .right .content dl .img-news img{border:0px;margin:5px;float:left;}
.layout .right .content dl .img-news .news-title{width:160px;font-size:13px; font-weight:bold; float:left;}
.layout .right .content dl .img-news .news-con{width:160px;font-size:13px; font-weight:normal; float:left;}
.layout .right .content dl .img-news .news-con a:link{ color:#0659C7; text-decoration:none;}
.layout .right .content dl .img-news .news-con a:visited{ color:#0659C7; text-decoration:none;}
.layout .right .content dl .img-news .news-con a:hover{ color:#FC7500; text-decoration:underline;}
.layout .right .content dl .img-news .news-con a:active{ color:#0659C7; text-decoration:none;}

.layout .right .content .mien{width:580px;overflow:auto;}
.layout .right .content .mien img{border:#CCC 1px solid;padding:6px;margin:9px;float:left;}

.layout .right .content #list{width:100%; border-collapse:collapse;}
.layout .right .content #list .title1{height:30px; background:url(../images/td_title.gif) repeat-x;padding:0px;margin:0px;border-bottom:0px;}
.layout .right .content #list .title2{height:30px; background:url(../images/title2_zfnews_bg.gif) repeat-x;padding:0px;margin:0px;border-bottom:0px;}
.layout .right .content #list td{border-bottom:#E0E0E0 1px solid; padding:4px; color:#666; }


.layout-index{width:850px; padding:0 25px; margin:0 auto; overflow:auto; background-color:#FFF;}
.layout-index .part1{width:330px; height:195px; border:#DDD 1px solid; margin:0 10px 10px 0; float:left; }
.layout-index .part1 dt{width:330px; height:25px; line-height:25px;background:url(../images/title_bg.gif) repeat-x;}
.layout-index .part1 dt .tab{width:200px; height:24px; float:left;}
.layout-index .part1 dt .tab li{width:98px; height:24px; border-right:#DDD 1px solid; border-bottom:#DDD 1px solid; color:#999; background-color:#F8F8F5; text-align:center; cursor:pointer; float:left;}
.layout-index .part1 dt .tab li .case{width:98px; height:24px; text-align:center; background:url(../images/title_case.gif) no-repeat center -24px;}
.layout-index .part1 dt .tab li .project{width:98px; height:24px; text-align:center; background:url(../images/title_case.gif) no-repeat center -72px;}
.layout-index .part1 dt .tab .hover{width:98px; height:24px; border-right:#DDD 1px solid; border-bottom:#FFF 1px solid;color:#999; background:url(../images/hover_pointer.gif) no-repeat left; background-color:#FFF; text-align:center; cursor:pointer; float:left;}
.layout-index .part1 dt .tab .hover .case{width:98px; height:24px; text-align:center; background:url(../images/title_case.gif) no-repeat center 0;}
.layout-index .part1 dt .tab .hover .project{width:98px; height:24px; text-align:center; background:url(../images/title_case.gif) no-repeat center -48px;}
.layout-index .part1 dd .tab-con1{width:300px; height:145px; padding:10px 15px 0 15px;}
.layout-index .part1 dd .tab-con1 li{width:300px; overflow:auto;}
.layout-index .part1 dd .tab-con1 li p{width:292px; height:25px; line-height:25px; padding-left:8px; background:url(../images/index_space1.gif) no-repeat left bottom; float:left;}
.layout-index .part1 dd .tab-con1 li p a{float:left;}
.layout-index .part1 dd .tab-con1 li p span{float:right;}
.layout-index .part1 dd .tab-con1 li p a:link{color:#666; text-decoration:none;}
.layout-index .part1 dd .tab-con1 li p a:visited{color:#666; text-decoration:none;}
.layout-index .part1 dd .tab-con1 li p a:hover{color:#FC7500; text-decoration:underline;}
.layout-index .part1 dd .tab-con1 li p a:active{color:#666; text-decoration:none;}

.layout-index .part1 dt img{border:0px;}
.layout-index .part1 .com{width:310px; height:158px; color:#666666; padding:12px 10px 0 10px; line-height:19px;}
.layout-index .part1 dd img{border:#DDD 1px solid; padding:3px; margin-right:8px; float:left;}
.layout-index .part1 .com a:link{color:#666; text-decoration:none;}
.layout-index .part1 .com a:visited{color:#666; text-decoration:none;}
.layout-index .part1 .com a:hover{color:#FC7500; text-decoration:underline;}
.layout-index .part1 .com a:active{color:#666; text-decoration:none;}


.layout-index .part2{width:359px; height:195px; border:#DDD 1px solid; margin:0 10px 10px 0; float:left; }
.layout-index .part2 dt{width:100%; height:25px; line-height:25px; background:url(../images/title_tab_bg.gif) repeat-x;}
.layout-index .part2 dt ul{width:200px; height:24px;}
.layout-index .part2 dt ul li{width:98px; height:24px; border-right:#DDD 1px solid; border-bottom:#DDD 1px solid; color:#999; background-color:#F8F8F5; text-align:center; cursor:pointer; float:left;}
.layout-index .part2 dt ul li .dyn{width:98px; height:24px; text-align:center; background:url(../images/title_news.gif) no-repeat center -24px;}
.layout-index .part2 dt ul li .voc{width:98px; height:24px; text-align:center; background:url(../images/title_news.gif) no-repeat center -72px;}
.layout-index .part2 dt ul .hover{width:98px; height:24px; border-right:#DDD 1px solid; border-bottom:#FFF 1px solid;color:#999; background:url(../images/hover_pointer.gif) no-repeat left; background-color:#FFF; text-align:center; cursor:pointer; float:left;}
.layout-index .part2 dt ul .hover .dyn{width:98px; height:24px; text-align:center; background:url(../images/title_news.gif) no-repeat center 0;}
.layout-index .part2 dt ul .hover .voc{width:98px; height:24px; text-align:center; background:url(../images/title_news.gif) no-repeat center -48px;}
.layout-index .part2 dd .tab-con2{width:329px; height:150px; padding:10px 15px 0 15px;}
.layout-index .part2 dd .tab-con2 li{width:329px; overflow:auto;}
.layout-index .part2 dd .tab-con2 li p{width:321px; height:25px; line-height:25px; padding-left:8px; background:url(../images/index_space1.gif) no-repeat left bottom; float:left;}
.layout-index .part2 dd .tab-con2 li p a{float:left;}
.layout-index .part2 dd .tab-con2 li p span{color:#999; float:right;}
.layout-index .part2 dd .tab-con2 li p a:link{ color:#666; text-decoration:none;}
.layout-index .part2 dd .tab-con2 li p a:visited{ color:#666; text-decoration:none;}
.layout-index .part2 dd .tab-con2 li p a:hover{ color:#FC7500; text-decoration:underline;}
.layout-index .part2 dd .tab-con2 li p a:active{ color:#666; text-decoration:none;}

.layout-index .part2 .hot-sell{width:331px; overflow:auto; padding:10px 13px 0 15px;}
.layout-index .part2 .hot-sell p{width:212px;height:65px;color:#666; line-height:18px; float:left;}
.layout-index .part2 .hot-sell img{border:#ddd 1px solid; padding:2px; float:right;}
.layout-index .part2 .space{background:url(../images/hot_space.gif) no-repeat bottom;}
.layout-index .part2 .hot-sell p a{display:block;padding:2px 0;}
.layout-index .part2 .hot-sell p a.title:link{font-weight:bold; color:#0659C7; text-decoration:none;}
.layout-index .part2 .hot-sell p a.title:visited{font-weight:bold; color:#0659C7; text-decoration:none;}
.layout-index .part2 .hot-sell p a.title:hover{font-weight:bold; color:#FC7500; text-decoration:underline;}
.layout-index .part2 .hot-sell p a.title:active{font-weight:bold; color:#0659C7; text-decoration:none;}
.layout-index .part2 .hot-sell p a.con:link{ color:#666; text-decoration:none;}
.layout-index .part2 .hot-sell p a.con:visited{ color:#666; text-decoration:none;}
.layout-index .part2 .hot-sell p a.con:hover{ color:#FC7500; text-decoration:underline;}
.layout-index .part2 .hot-sell p a.con:active{ color:#666; text-decoration:none;}

.layout-index .part3{width:135px; height:195px; border:#DDD 1px solid; margin-bottom:10px; float:left; }
.layout-index .part3 img{border:0px; float:left;}

.layout-index .customer{width:135px; height:47px; border:#DDD 1px solid; margin-bottom:5px; float:left; }
.layout-index .customer img{border:0px; float:left;}
.layout-index .demo-login{width:135px; height:141px; border:#DDD 1px solid; margin-bottom:10px; float:left; }
.layout-index .demo-login dt{width:135px;height:24px; background:url(../images/title_demo.gif) no-repeat left; border-bottom:#DDD 1px solid; background-color:#F8F8F5; margin-bottom:10px;}
.layout-index .demo-login dd{width:115px;height:25px;padding:0 10px;margin-top:5px; color:#333;}
.layout-index .demo-login dd input{width:80px;height:18px;line-height:18px; border:#AAA 1px solid; margin-left:5px; vertical-align:middle;}
.layout-index .demo-login dd img{border:0px;float:left;}

.partnership{width:775px; height:30px; line-height:30px; padding:0 25px 0 100px; margin:0 auto; background:url(../images/img_partner.gif) no-repeat left; background-color:#FFF;}
.partnership a:link{ color:#0659C7; text-decoration:none;}
.partnership a:visited{ color:#0659C7; text-decoration:none;}
.partnership a:hover{ color:#FC7500; text-decoration:underline;}
.partnership a:active{ color:#0659C7; text-decoration:none;}

.footer{width:850px; height:120px; padding-top:15px; border-left:#FFF 25px solid; border-right:#FFF 25px solid; line-height:20px; color:#666; text-align:center;
 background:url(../images/footer_bg.gif) repeat-x top; background-color:#FFF; margin:0 auto;}
.footer a:link{ color:#666; text-decoration:none;}
.footer a:visited{ color:#666; text-decoration:none;}
.footer a:hover{ color:#FC7500; text-decoration:underline;}
.footer a:active{ color:#666; text-decoration:none;}

.content a{color:#666; text-decoration:none;} 
.content a:hover{color:#0659C7; text-decoration:underline;}

