@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; background:url(../images/dw2.gif); font-family:"微软雅黑"}
a{ color:#333333; text-decoration:none}
a:hover{ color:#FF6600}
dl,dd,dt,h1,h3,h4,h5,ul{ margin:0px; padding:0px;}
ul{ list-style-type:none}

.top{ width:100%; height:30px; background:url(../images/tip-bj.jpg) repeat-x}
.top .top_txt{ width:1000px; height:30px; margin:auto}
.top .top_txt .welcome{ width:600px; font-size:12px; line-height:30px; color:#666666; float:left; margin-left:5px;}
.top .top_txt .toplink{ width:388px; height:30px; float:left;}
.top .top_txt .toplink li{ float:right; font-size:12px; line-height:30px; width:50px; text-align:right}

h1{ font-size:18px; line-height:40px; text-align:center; color:#666666}
.banner{ width:100%; height:90px; background:#FFFFFF}
.banner .bann_txt{ width:1000px; height:90px; margin:auto}
.banner .bann_txt .logo{ width:570px; float:left; height:90px;}
.banner .bann_txt .toptel{ width:430px; float:left; height:90px; font-size:14px; line-height:90px; background:url(../images/toptel.png) no-repeat}

.banner .bann_txt .toplink li{ float:right; margin-right:10px;}

.menuall{ width:100%; height:50px; background:#333}
.menu{ width:1030px; height:50px; margin:auto}
.menu li{ float:left; width:96px; height:50px; font-size:14px; line-height:50px; text-align:center; background:url(../images/menuline.png) no-repeat right center}
.menu li a{ color:#FFFFFF; text-decoration:none; display:block}
.menu li a:hover{ color:#FF6600}
.menu .search{ width:250px; height:50px; float:left}
.menu .search .ser{ width:200px; height:24px; background:#FFFFFF; border-radius:2px; margin-top:13px; float:right}
.menu .search .ser input.sbox{ width:168px; height:24px; border:none; font-size:12px; line-height:24px; float:left; margin:0px; padding:0px; margin-left:5px;}


.bigflash{ height:400px;margin:auto;overflow:hidden; position:relative;  z-index:99;+z-index:9; overflow:hidden; box-shadow: 1px 1px 1px #ccc;}
.bigflash .flash_pic{ height:400px;position:relative;overflow-x: hidden; overflow:hidden; }
.bigflash .flash_pic .f_p_box{position:absolute; left:50%; margin-left:-840px;}
.bigflash .flash_pic .f_p_box .picshow { z-index:444; position:relative; background-color:#e4f2fa; width: 100%; height: 580px;}

.bigflash .flash_pic .f_p_box .picshow .scrollpic{width:1680px; height:400px;position:relative;overflow-x: hidden; overflow:hidden;z-index:999}
.bigflash .flash_pic .f_p_box .picshow .scrollpic .wrapper{width:1680px;overflow:auto;height:400px;position:absolute;top:0;}
.bigflash .flash_pic .f_p_box .picshow .scrollpic .wrapper ul.s2{width:auto;list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position:absolute;top:0;}
.bigflash .flash_pic .f_p_box .picshow .scrollpic .wrapper ul.s2 li{display:block;float:left;padding:0;height:330px;width:1680px;}
.bigflash .flash_pic .f_p_box .picshow .scrollpic .wrapper ul.s2 li img{-webkit-transition:800ms;}
.bigflash .flash_pic .f_p_box .picshow .scrollpic .wrapper ul.s2:hover li img{}
.bigflash .flash_pic .f_p_box .picshow .scrollpic .wrapper ul.s2:hover li:hover img{}
.bigflash .flash_pic .f_p_box .picshow .scrollpic .wrapper ul.s2 li a img{display:block;}

.bigflash .flash_pic .f_p_box .picshow .scrollpic .arrow{display:block;height:310px;width:630px;background:url(../images/arrow.gif) no-repeat 0 0;text-indent:999999px;position:absolute;top:60px;cursor:pointer;outline:0; z-index:99999999999}
.bigflash .flash_pic .f_p_box .picshow .scrollpic .forward{background-position:0 0;right:0;}
.bigflash .flash_pic .f_p_box .picshow .scrollpic .back{background-position:0 -640px;left:0;}
.bigflash .flash_pic .f_p_box .picshow .scrollpic .forward:hover{background:url(../images/arrow_2.png) no-repeat; background-position:240px -50px;}
.bigflash .flash_pic .f_p_box .picshow .scrollpic .back:hover{background:url(../images/arrow_1.png) no-repeat; background-position:200px -50px;}

.clear{ clear:both}
.topad{ width:1000px; height:60px;  background:#333; font-size:18px; line-height:50px; margin:auto;margin-top:15px;}
.topad .adflash{ width:870px; height:60px; float:left}

.topad .iclass{ width:130px; height:60px; float:left; background:url(../images/iclass.png) no-repeat; position:relative}
.topad .iclass .submenu{display:none;}
.topad .iclass:hover{ cursor:pointer;background:url(../images/iclass.png) no-repeat 0px -60px;}
.topad .iclass:hover .submenu {display:block;  left:-870px; top:60px; width:996px; height:auto;z-index:99999; position:absolute;   border:2px #CCCCCC solid; background:#FFFFFF; padding-bottom:10px;}
.topad .iclass:hover .submenu .classli{ width:239px; height:auto; float:left; margin-left:8px;}
.topad .iclass:hover .submenu .classli .clsbox{ width:239px; height:auto}
.topad .iclass:hover .submenu .classli .clsbox .cls_tit{ width:221px; height:28px; border:1px #CCCCCC solid; font-size:14px; line-height:28px; background:#eee; border-bottom:2px #ccc solid; margin-top:10px; padding-left:10px; float:left}
.topad .iclass:hover .submenu .classli .clsbox .cls_tit a{ display:block}
.topad .iclass:hover .submenu .classli .clsbox .cls_tit a:hover{ color:#FF3300}
.topad .iclass:hover .submenu .classli .clsbox .cls_li{ width:211px; height:26px; border:1px #EFEFEF solid; font-size:12px; line-height:26px; margin-top:3px; background:url(../images/ico.png) no-repeat 8px center; padding-left:20px;}
.topad .iclass:hover .submenu .classli .clsbox .cls_li a{ display:block}
.topad .iclass:hover .submenu .classli .clsbox .cls_li a:hover{ color:#FF3300}


.topad .iclass:hover .submenu .cls_tit1{ width:221px; height:28px; border:1px #CCCCCC solid; font-size:14px; line-height:28px; background:#eee; border-bottom:2px #ccc solid; margin-top:10px; padding-left:10px; float:left; margin-left:12px;}
.topad .iclass:hover .submenu .cls_tit1 a{ display:block}
.topad .iclass:hover .submenu .cls_tit1 a:hover{ color:#FF3300}



.iproduct{ width:1000px; height:908px; margin:auto; margin-top:15px;}
.enp_tab{ width:1000px; height:38px; background:url(../images/tab_bg.jpg) repeat-x;border-left:1px #dedede solid;border-right:1px #dedede solid;}
.enp_tab li{ width:196px; float:left; font-size:15px; line-height:36px; text-align:center;display:block;cursor:pointer;  border-right:1px #ddd solid; font-weight:bold; height:36px; color:#666666}
.enp_tab li.hover{  float:left; font-size:15px; line-height:34px; text-align:center; background:#fff;border-left:2px #FF0000 solid;border-top:2px #FF0000 solid;border-right:2px #FF0000 solid; color:#FF0000; height:36px;}
.enp_txt{ width:1000px; height:870px; background:url(../images/probg.jpg) repeat-y; border-left:1px #dedede solid}
#con_tab_1,#con_tab_2,#con_tab_3,#con_tab_4,#con_tab_5,#con_tab_6,#con_tab_7{ width:1000px; height:auto;}
#con_tab_1 dl{ width:250px; height:290px; float:left; background:url(../images/prolibg.jpg) no-repeat}
#con_tab_1 dl dd{ width:210px; height:210px; padding:20px;}
#con_tab_1 dl dt{ width:210px; height:30px;font-size:14px;  overflow:hidden; padding-left:20px;}
#con_tab_1 dl dt a{ color:#333; text-decoration:none}
#con_tab_1 dl dt a:hover{ color:#FF6600}
#con_tab_2 dl{ width:250px; height:290px; float:left; background:url(../images/prolibg.jpg) no-repeat}
#con_tab_2 dl dd{ width:210px; height:210px; padding:20px;}
#con_tab_2 dl dt{ width:210px; height:30px;font-size:14px;  overflow:hidden; padding-left:20px;}
#con_tab_2 dl dt a{ color:#333; text-decoration:none}
#con_tab_2 dl dt a:hover{ color:#FF6600}
#con_tab_3 dl{ width:250px; height:290px; float:left; background:url(../images/prolibg.jpg) no-repeat}
#con_tab_3 dl dd{ width:210px; height:210px; padding:20px;}
#con_tab_3 dl dt{ width:210px; height:30px;font-size:14px;  overflow:hidden; padding-left:20px;}
#con_tab_3 dl dt a{ color:#333; text-decoration:none}
#con_tab_3 dl dt a:hover{ color:#FF6600}
#con_tab_4 dl{ width:250px; height:290px; float:left; background:url(../images/prolibg.jpg) no-repeat}
#con_tab_4 dl dd{ width:210px; height:210px; padding:20px;}
#con_tab_4 dl dt{ width:210px; height:30px;font-size:14px;  overflow:hidden; padding-left:20px;}
#con_tab_4 dl dt a{ color:#333; text-decoration:none}
#con_tab_4 dl dt a:hover{ color:#FF6600}
#con_tab_5 dl{ width:250px; height:290px; float:left; background:url(../images/prolibg.jpg) no-repeat}
#con_tab_5 dl dd{ width:210px; height:210px; padding:20px;}
#con_tab_5 dl dt{ width:210px; height:30px;font-size:14px;  overflow:hidden; padding-left:20px;}
#con_tab_5 dl dt a{ color:#333; text-decoration:none}
#con_tab_5 dl dt a:hover{ color:#FF6600}
#con_tab_6 dl{ width:250px; height:290px; float:left; background:url(../images/prolibg.jpg) no-repeat}
#con_tab_6 dl dd{ width:210px; height:210px; padding:20px;}
#con_tab_6 dl dt{ width:210px; height:30px;font-size:14px;  overflow:hidden; padding-left:20px;}
#con_tab_6 dl dt a{ color:#333; text-decoration:none}
#con_tab_6 dl dt a:hover{ color:#FF6600}
#con_tab_7 dl{ width:250px; height:290px; float:left; background:url(../images/prolibg.jpg) no-repeat}
#con_tab_7 dl dd{ width:210px; height:210px; padding:20px;}
#con_tab_7 dl dt{ width:210px; height:30px;font-size:14px;  overflow:hidden; padding-left:20px;}
#con_tab_7 dl dt a{ color:#333; text-decoration:none}
#con_tab_7 dl dt a:hover{ color:#FF6600}

.fangan{ width:1000px; height:100px; background:#0066CC; margin:auto; margin-top:15px;}

.main{ width:1040px; height:auto; margin:auto}
.left{ width:275px; height:auto; float:left}
.left .classtit{ width:265px; height:50px; background:#333; font-size:16px; line-height:50px; padding-left:10px; color:#FFFFFF}
.left .classbox{ width:253px; height:auto; background:#efefef; padding:10px; border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid; border-bottom:1px #CCCCCC solid}
.left .classbox .class{ width:233px; height:auto; background:#FFFFFF; padding:10px; padding-top:1px;}
.left .classbox .class .cls_tit{ width:221px; height:28px; border:1px #CCCCCC solid; font-size:14px; line-height:28px; background:#eee; border-bottom:2px #ccc solid; margin-top:10px; padding-left:10px;}
.left .classbox .class .cls_tit a:hover{ color:#FF3300}
.left .classbox .class .cls_li{ width:211px; height:26px; border:1px #EFEFEF solid; font-size:12px; line-height:26px; margin-top:3px; background:url(../images/ico.png) no-repeat 8px center; padding-left:20px;}
.left .classbox .class .cls_li a:hover{ color:#FF3300}
.left .classbox .class a{ display:block}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;}
.right{ width:751px; height:auto; float:left; margin-left:14px;}
.right .righttit{ width:741px; height:50px;background:#333; font-size:16px; line-height:50px; padding-left:10px; color:#FFFFFF}
.right .rightbox{ width:750px; height:auto; background:url(../images/probg.jpg) repeat-y; border-left:1px #dedede solid}
.right .rightbox dl{ width:250px; height:290px; float:left; background:url(../images/prolibg.jpg) no-repeat}
.right .rightbox dl dd{ width:210px; height:210px; padding:20px;}
.right .rightbox dl dt{ width:210px; height:30px;font-size:14px;  overflow:hidden; padding-left:20px;}
.right .rightbox dl dt a{ color:#333; text-decoration:none}
.right .rightbox dl dt a:hover{ color:#FF6600}
.page{ width:733px; height:45px; margin-top:15px; font-size:12px; line-height:50px; color:#666666;border:1px #ddd solid; background:#FFFFFF; padding-left:15px; padding-top:10px;}

.page span{ border:1px #ccc solid; font-size:14px; line-height:32px; padding:0px 10px;  color:#666666; text-align:center; float:left; margin-left:5px;}
.page a{ border:1px #666666 solid; font-size:14px; line-height:32px; padding:0px 10px;  display:block; text-align:center; text-decoration:none; float:left; margin-left:5px;}
.page a:hover{ border:1px #ccc solid; font-size:14px; line-height:32px; padding:0px 10px;  color:#666666; text-align:center; float:left; margin-left:5px; background:#0099FF; color:#FFFFFF}


.righttit .iclass{ width:130px; height:50px; float:right; background:url(../images/aclass.png) no-repeat; position:relative}
.righttit .iclass .submenu{display:none;}
.righttit .iclass:hover{ cursor:pointer;background:url(../images/aclass.png) no-repeat 0px -50px;}
.righttit .iclass:hover .submenu {display:block;  left:-910px; top:50px; width:1026px; height:auto;z-index:99999; position:absolute;   border:2px #CCCCCC solid; background:#FFFFFF; padding-bottom:10px; padding-left:10px;}
.righttit .iclass:hover .submenu .classli{ width:239px; height:auto; float:left; margin-left:13px;}
.righttit .iclass:hover .submenu .classli .clsbox{ width:239px; height:auto}
.righttit .iclass:hover .submenu .classli .clsbox .cls_tit{ width:221px; height:28px; border:1px #CCCCCC solid; font-size:14px; line-height:28px; background:#eee; border-bottom:2px #ccc solid; margin-top:10px; padding-left:10px;}
.righttit .iclass:hover .submenu .classli .clsbox .cls_tit a{ display:block}
.righttit .iclass:hover .submenu .classli .clsbox .cls_tit a:hover{ color:#FF3300}
.righttit .iclass:hover .submenu .classli .clsbox .cls_li{ width:211px; height:26px; border:1px #EFEFEF solid; font-size:12px; line-height:26px; margin-top:3px; background:url(../images/ico.png) no-repeat 8px center; padding-left:20px;}
.righttit .iclass:hover .submenu .classli .clsbox .cls_li a{ display:block}
.righttit .iclass:hover .submenu .classli .clsbox .cls_li a:hover{ color:#FF3300}


.righttit .iclass:hover .submenu .cls_tit2{ width:221px; height:28px; border:1px #CCCCCC solid; font-size:14px; line-height:28px; background:#eee; border-bottom:2px #ccc solid; margin-top:10px; padding-left:10px; float:left; margin-left:12px;}
.righttit .iclass:hover .submenu .cls_tit2 a{ display:block}
.righttit .iclass:hover .submenu .cls_tit2 a:hover{ color:#FF3300}



.right .art_art{ width:719px; height:auto; font-size:14px; line-height:26px; color:#666666; padding:15px; border:1px #ddd solid; background:#FFFFFF; border-top:none}
.pv{ width:733px; height:50px; margin-top:15px; font-size:12px; line-height:50px; color:#666666; background:#FFFFFF; padding-left:15px; border:1px #CCCCCC solid}


.right .art_art .newsli{ width:719px; height:120px; border-bottom:1px #CCCCCC dotted}
.right .art_art .newsli .tit{ width:719px; height:30px; font-size:14px; line-height:30px;}
.right .art_art .newsli .desc{ width:719px; height:48px; font-size:12px; line-height:24px;} 
.right .art_art .newsli .info{ width:719px; height:22px; font-size:12px; line-height:22px; color:#999999}

.right .art_art .brand{ width:716px; height:200px; border-bottom:1px #CCCCCC dotted; margin-top:10px;}
.right .art_art .brand .brand_pic{ width:180px; height:180px; padding:5px; border:1px #CCCCCC solid; float:left}
.right .art_art .brand .brand_info{ width:500px; height:200px; float:left ; margin-left:10px;}
.right .art_art .brand .brand_info .brand_name{ width:500px; height:30px; border-bottom:3px solid #CCCCCC; font-size:16px; line-height:30px; font-weight:bold}
.right .art_art .brand .brand_info .brand_txt{ width:500px; height:160px; color:#666666; font-size:14px; line-height:22px;}
.right .art_art .brand .brand_info .brand_txt a{ width:100px; height:30px; font-size:12px; line-height:30px; text-align:center; display:block; border:1px #bbb solid; background:#CCCCCC; margin-top:8px;}
.right .art_art .brand .brand_info .brand_txt a:hover{ background:#FF0000; color:#FFFFFF}


.right_pro{ width:748px; height:auto; float:left; margin-left:14px; border:1px #CCCCCC solid; background:#FFFFFF}

.right_pro .propic{ width:745px; height:330px; }
.right_pro .propic .arclist_list_list{ width:742px; height:330px; margin-top:5px; font-size:14px; line-height:24px; margin-left:5px;}
.right_pro .propic .arclist_list_list .smallpic{ width:260px; height:310px; float:left}
.right_pro .propic .arclist_list_list .projj{ width:460px; height:310px; float:left; margin-left:15px;}
.right_pro .propic .arclist_list_list .projj h1{ width:450px; height:30px; font-size:16px; line-height:30px; color:#333; text-align:left}
.right_pro .propic .arclist_list_list .projj .jj{ width:450px; height:200px; font-size:12px; line-height:24px; color:#666; border-top:1px #ccc solid;border-bottom:1px #ccc solid; padding-top:8px;}
.right_pro .propic .arclist_list_list .projj .kf{ width:450px; height:50px; font-size:12px; line-height:26px;}
.right_pro .artmtit{ width:748px; height:34px; border-bottom:1px #ccc solid; background:#FFFFFF}
.right_pro .artmtit .artmmt{ width:200px; height:34px; float:left; font-size:16px; line-height:34px; margin-left:10px; color:#0066CC; font-weight:bold}
.right_pro .artmtit .current{ float:right; font-size:12px; line-height:34px; text-align:right; color:#666666; margin-right:10px;}
.right_pro .artmtit .current a{ color:#666; text-decoration:none}
.right_pro .artmtit .current a:hover{ color:#0066CC}

.right_pro .artbox{ width:718px; height:auto; background-color:#FFFFFF; background-image:url(artbg.png); background-repeat:repeat-x; padding:15px; font-size:12px; line-height:26px; color:#333}
.right_pro .artbox h1{ font-size:16px; line-height:30px; text-align:center; width:683px; color:#333}
.right_pro .artbox .info{ width:683px; height:14px; font-size:12px; text-align:center; color:#999999}


/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:250px;height:250px;background:#CC3300;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:250px;height:250px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin-top:5px;width:252px;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:54px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:222px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:64px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:50px;height:50px; }
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}


.footer{ width:100%; height:auto; margin-top:15px; background:#efefef; padding-top:10px; border-top:2px #CCCCCC solid}
.footer .foot_menu{ width:1000px; height:auto; border-top:3px #656B6E solid; margin:auto; border-bottom:2px #656B6E solid;  padding-bottom:20px;}
.footer .foot_menu .f_menu{ width:238px; height:auto; border-right:1px #CCCCCC solid; float:left; margin-right:9px; margin-top:30px}
.footer .foot_menu .f_menu .f_m_li{ width:238px; height:auto;}
.footer .foot_menu .f_menu .f_m_li .f_tit{ width:218px; height:28px; font-weight:bold; font-size:14px; margin-top:10px; margin-left:10px;}
.footer .foot_menu .f_menu .f_m_li .f_li{ width:218px; height:auto; margin-left:10px;}
.footer .foot_menu .f_menu .f_m_li .f_li li{ width:218px; height:24px; border-bottom:1px #efefef dotted; font-size:12px}
.footer .foot_menu .f_menu .f_m_li .f_li li a{ display:block}

.footer .foot_txt{ width:1000px; height:120px; font-size:12px; line-height:24px; text-align:center; color:#666666; margin:auto; padding-top:10px;}
.clear{ clear:both}

.art_tit{ width:1030px; height:50px; margin:auto; margin-top:15px;}
.art_tit .articla_tit{ width:400px; height:50px; float:left; font-size:22px; line-height:50px; color:#222}
.art_tit .current{ width:630px; font-size:12px; line-height:50px; color:#222; text-align:right; float:left}
.art_tit .current a{ color:#222; text-decoration:none}
.art_tit .current a:hover{ color:#FF3300}

.question{ width:1000px; height:630px; margin:auto; margin-top:10px; background:url(../images/question.jpg) no-repeat; border:1px #CCCCCC solid; background-color:#FFFFFF;}
.question .ques_li{ width:900px; height:310px; font-size:16px; line-height:30px; color:#333333 ; margin-top:100px; margin-left:26px;}
.question .choose{ width:1000px; height:200px; background:url(../images/choose.png) no-repeat}
.question .choose .ch{ width:660px; height:140px;  margin-left:196px; padding-top:40px; margin-top:15px;}
.question .choose .ch li{ width:150px; height:50px; float:left; margin-left:10px; font-size:12px; line-height:46px; text-align:center; margin-top:6px; background-color:#FFFFFF}
.question .choose .ch li a{ background:url(../images/button.png) no-repeat; color:#FFFFFF; text-decoration:none; display:block}
.question .choose .ch li a:hover{background:url(../images/button.png) no-repeat 0px -51px;}

.youshibox{ width:1000px; height:auto; font-size:14px; line-height:28px; color:#666666; margin:auto; margin-top:10px; border:1px #CCCCCC solid}
.youshibox .ys1{ width:1000px; height:365px; background:url(../images/youshi.jpg) no-repeat}
.youshibox .ys1 .ystxt{ width:400px; height:180px; padding-top:200px; padding-left:30px;}
.youshibox .yf{ width:1000px; height:266px;background:url(../images/yanfa.jpg) no-repeat }
.youshibox .yf .yftxt{ width:380px; height:166px; padding-top:80px; float:right; padding-top:100px; padding-right:60px;}
.youshibox .sc{ width:1000px; height:250px;background:url(../images/shengcan.jpg) no-repeat }
.youshibox .sc .sctxt{ width:380px; height:160px; padding-left:30px; padding-top:80px;}
.youshibox .sale{ width:1000px; height:250px;background:url(../images/sale.jpg) no-repeat }
.youshibox .sale .saletxt{ width:500px; height:150px; float:right; padding-top:80px; padding-right:100px;}
.youshibox .zizhi{ width:1000px; height:300px;background:url(../images/zizhi.jpg) no-repeat }
.youshibox .zizhi .zztxt{ width:400px; height:190px; padding-left:30px; padding-top:60px; }
.youshibox .huanjie{ width:1000px; height:370px;background:url(../images/huanjie.jpg) no-repeat }
.youshibox .huanjie .hjtxt{ width:480px; height:180px; padding-top:110px; padding-right:50px; float:right}

.case{ width:1000px; height:555px; margin:auto; margin-top:10px; border:1px #CCCCCC solid; background:#FFFFFF}
.case .casetit{ width:990px; height:36px; font-size:16px; line-height:36px; padding-left:10px; color:#FF0000; border-bottom:1px #CCCCCC solid}
.case .casetit span{ float:right; font-size:12px; line-height:36px; margin-right:10px;}
.case .casebox{ width:1000px; height:519px; background:url(../images/brand.jpg) repeat-x; padding-top:10px;}
.case .casebox .caseli{ width:315px; height:130px; float:left; margin-left:15px; margin-top:15px;}
.case .casebox .caseli .casepic{ width:120px; height:120px; border:1px #efefef solid; padding:3px; float:left}
.case .casebox .caseli .caseinfo{ width:175px; height:130px; float:left; margin-left:10px;}
.case .casebox .caseli .caseinfo .ctit{ width:175px; height:28px; font-size:16px; line-height:28px;}
.case .casebox .caseli .caseinfo .ctit a{ color:#006699; text-decoration:none}
.case .casebox .caseli .caseinfo .cinfo{ width:175px; height:100px; font-size:12px; line-height:22px; color:#999999}

.company{ width:1000px; height:402px; margin:auto; margin-top:10px; }
.company .com{ width:720px; height:400px; float:left; border:1px #CCCCCC solid; background:#FFFFFF}
.company .com .comtit{ width:710px; height:36px; font-size:16px; line-height:36px; padding-left:10px; color:#FF0000;}
.company .com .comtit span{ float:right; font-size:12px; line-height:36px; margin-right:10px;}
.company .com .combox{ width:700px; height:340px; background:url(../images/casebg.jpg) repeat-x; padding:20px 10px 10px 10px; font-size:14px; line-height:24px; color:#333}
.company .com .combox img{ border:1px #ddd solid; padding:5px; float:left; margin-right:10px;}

.company .conn{ width:266px; height:400px; float:left; border:1px #CCCCCC solid; background:#FFFFFF; margin-left:10px;}
.company .conn .conntit{ width:256px; height:36px; font-size:16px; line-height:36px; padding-left:10px; color:#FF0000; }
.company .conn .conntit span{ float:right; font-size:12px; line-height:36px; margin-right:10px;}
.company .conn .connbox{ width:246px; height:340px; background:url(../images/casebg.jpg) repeat-x;  padding:20px 10px 10px 10px; font-size:14px; line-height:23px; color:#FF3300}
.company .conn .connbox strong{ color:#666}
.news{ width:1000px; height:400px; background:url(../images/news-bj.jpg) no-repeat; margin:auto; margin-top:10px; border:1px #CCCCCC solid}
.news .ask{ width:220px; height:400px; float:left; margin-left:14px;}
.news .ask .asktit{ width:220px; height:30px; margin-top:25px; font-size:16px; line-height:30px; color:#FF0000}
.news .ask .asktit span{ float:right; font-size:12px; line-height:30px; margin-right:10px;}

.news .ask .askli{ width:220px; height:345px;}
.news .ask .askli .askt{ width:220px; height:24px; font-size:12px; line-height:24px; margin-top:8px;}
.news .ask .askli .askt a{ color:#FF0000; text-decoration:none}
.news .ask .askli .asktxt{ width:220px; height:48px; font-size:12px; color:#999999; line-height:20px; border-bottom:1px #eee dotted}

.news .cnews{ width:450px; height:400px; float:left; margin-left:30px; padding:0px 10px;}
.news .cnews .cnewstit{ width:450px; height:30px; margin-top:25px; font-size:16px; line-height:30px; color:#FF0000}
.news .cnews .cnewstit span{ float:right; font-size:12px; line-height:36px; margin-right:10px;}
.news .cnews .cnewsa{ width:450px; height:120px; padding-top:10px;}
.news .cnews .cnewsa .cpic{ width:100px; height:100px; padding:5px; border:1px #eee solid; float:left}
.news .cnews .cnewsa .cinfo{ width:320px; height:110px; float:left; margin-left:10px;}
.news .cnews .cnewsa .cinfo .citit{ width:320px; height:30px; font-size:14px; line-height:30px; font-weight:bold}
.news .cnews .cnewsa .cinfo .citit a{ color:#FF0000; text-decoration:none}
.news .cnews .cnewsa .cinfo .citit a:hover{ color:#FF6600}
.news .cnews .cnewsa .cinfo .ciinfo{ width:320ppx; height:70px; font-size:12px; line-height:22px; color:#666666}
.news .cnews .cnewsli{ width:420px; height:150px; margin-top:30px; margin-left:15px;}
.news .cnews .cnewsli li{ font-size:12px; line-height:28px; background:url(../images/ico.png) no-repeat left center; padding-left:14px; border-bottom:1px #eee dotted}
.news .cnews .cnewsli li span{ float:right; font-size:12px; line-height:28px; color:#999999}

.news .jishu{ width:220px; height:400px; float:left; margin-left:33px;}
.news .jishu .jishutit{ width:220px; height:30px; margin-top:25px; font-size:16px; line-height:30px; color:#FF0000}
.news .jishu .jishutit span{ float:right; font-size:12px; line-height:30px; margin-right:10px;}
.news .jishu .jishuli{ width:220px; height:335px; padding-top:10px;}
.news .jishu .jishuli li{ font-size:12px; line-height:28px; background:url(../images/ico.png) no-repeat left center; padding-left:14px; border-bottom:1px #eee dotted}


.ipro{ width:1000px; height:auto;margin:auto; margin-top:10px; border:1px #CCCCCC solid; background:#FFFFFF}
.ipro .iprotit{ width:990px; height:36px; font-size:16px; line-height:36px; padding-left:10px; color:#FF0000}
.ipro .iprotit span{ float:right; font-size:12px; line-height:36px; margin-right:10px;}
.ipro .iprobox{ width:1000px; height:750px; background:url(../images/casebg.jpg) repeat-x; padding-top:10px;}
.ipro .iprobox .proli{ width:315px; height:130px; float:left; margin-left:15px; margin-top:15px;}
.ipro .iprobox .proli .propic{ width:120px; height:120px; border:1px #ddd solid; padding:3px; float:left}
.ipro .iprobox .proli .proinfo{ width:175px; height:130px; float:left; margin-left:10px;}
.ipro .iprobox .proli .proinfo .ptit{ width:175px; height:28px; font-size:14px; line-height:28px;}
.ipro .iprobox .proli .proinfo .ptit a{ color:#018FD7; text-decoration:none}
.ipro .iprobox .proli .proinfo .ptit a:hover{ color:#FF0000}
.ipro .iprobox .proli .proinfo .pinfo{ width:175px; height:100px; font-size:12px; line-height:22px; color:#999999}

.dhbox{ width:118px; height:315px; background:url(../images/dhbg.jpg) no-repeat; padding:0px 6px 0px 6px; position:fixed; z-index:99999; left:12px ; bottom:30%; display:block;}.dhbox .dhtit{ with:114px; height:30px;}
.dhbox .dhtit .close{ float:right; width:22px; height:30px;}
.dhbox .dhtel{ width:114px; height:62px; margin-top:120px;}
.dhbox em {
 background: url(hover.png) no-repeat;
 width: 180px;
 height: 55px;
 position: absolute;
 top: -85px;
 left: -5px;
 text-align: center;
 padding: 10px 12px 10px;
 font-style: normal;
 z-index: 9999;
 font-size:12px; line-height:16px; color:#333333;
 display: none;
}


.input.dht{ width:50px; height:22px; margin-top:7px; border:1px #CCCCCC solid; background:url(../images/inputbg.jpg) repeat-x; font-size:12px; line-height:22px; padding-left:6px; color:#999; border-radius:3px;}


.topbox{ position:fixed; right:5px; bottom:180px; width:50px; height:260px; z-index:999; }
.topbox a{ display:block; width:50px; height:50px; background:url(../images/gotop.jpg) no-repeat; display:block}
.topbox a:hover{width:50px; height:50px; background:url(../images/gotop.jpg) no-repeat 0px -50px; display:block}

.tjpro{ width:747px; height:auto; background:#FFFFFF ; border:1px #CCCCCC solid; margin-top:15px;}
.tjpro .tjtit{ width:737px; height:36px;font-size:16px; line-height:36px; padding-left:10px; color:#ff0000}
.tjpro .tjbox{ width:747px; height:750px; background:url(../images/casebg.jpg) repeat-x; padding-top:10px;}
.tjpro .tjbox .proli{ width:335px; height:130px; float:left; margin-left:25px; margin-top:15px;}
.tjpro .tjbox .proli .propic{ width:120px; height:120px; border:1px #ddd solid; padding:3px; float:left}
.tjpro .tjbox .proli .proinfo{ width:195px; height:130px; float:left; margin-left:10px;}
.tjpro .tjbox .proli .proinfo .ptit{ width:195px; height:28px; font-size:14px; line-height:28px;}
.tjpro .tjbox .proli .proinfo .ptit a{ color:#018FD7; text-decoration:none}
.tjpro .tjbox .proli .proinfo .ptit a:hover{ color:#FF3333}
.tjpro .tjbox .proli .proinfo .pinfo{ width:195px; height:100px; font-size:12px; line-height:22px; color:#999999}


.flaconn{ width:100%; height:40px; background:#222; position:fixed; bottom:0px; border-top:2px #666 solid; z-index:999; filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity: 0.9;opacity: 0.9;}
.flaconn .conn{ width:1010px; height:40px; margin:auto; font-size:14px; color:#FFFFFF; line-height:40px;}
.flaconn .conn span{ color:#FFCC99}
.float0831 {
	POSITION: fixed; TOP: 180px; RIGHT: 1px; _position: absolute;font-size:12px;
}
.float0831 A {
	COLOR: #00a0e9
}
.float0831 A:hover {
	COLOR: #ff8100; TEXT-DECORATION: none
}
.float0831 .floatL {
	POSITION: relative; WIDTH: 28px; FLOAT: left
}
.float0831 .floatL A {
	TEXT-INDENT: -9999px; DISPLAY: block; FONT-SIZE: 0px
}
.float0831 .floatR {
	BACKGROUND: url(../images/float_bg.gif)
}
.float0831 .tp {
	BACKGROUND: url(../images/float_bg.gif)
}
.float0831 .cn {
	BACKGROUND: url(../images/float_bg.gif)
}
.float0831 .floatR {
	PADDING-BOTTOM: 15px; WIDTH: 130px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: -131px bottom; FLOAT: left; OVERFLOW: hidden
}
.float0831 .tp {
	BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: 0% 0%; HEIGHT: 10px
}
.float0831 .cn {
	BACKGROUND-REPEAT: repeat-y; BACKGROUND-POSITION: -262px 0px
}
.float0831 .cn H3 {
	TEXT-INDENT: -9999px; HEIGHT: 36px; FONT-SIZE: 0px
}
.float0831 .cn UL {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 14px; PADDING-TOP: 0px
}
.float0831 .cn UL LI {
	BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 36px; WORD-WRAP: break-word; HEIGHT: 36px; OVERFLOW: hidden; WORD-BREAK: normal
}
.float0831 .titZx {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .titDh {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .titDc {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoZx {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoTc {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoFf {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .icoTl {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .btnOpen {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .btnOpen_n {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .btnCtn {
	BACKGROUND: url(../images/float_s.gif) no-repeat
}
.float0831 .titZx {
	BACKGROUND-POSITION: 5px -10px
}
.float0831 .titDh {
	BACKGROUND-POSITION: 5px -66px
}
.float0831 .titDc {
	BACKGROUND-POSITION: 5px -124px
}
.float0831 .icoZx {
	BACKGROUND-POSITION: 2px -154px
}
.float0831 .icoTc {
	BACKGROUND-POSITION: 0px -323px
}
.float0831 .icoFf {
	BACKGROUND-POSITION: 2px -213px
}
.float0831 .icoTl {
	PADDING-LEFT: 20px; DISPLAY: block; FONT-FAMILY: "微软雅黑"; BACKGROUND-POSITION: 2px -266px; FLOAT: left
}
.float0831 .btnOpen {
	BACKGROUND-POSITION: -30px -396px
}
.float0831 .btnOpen_n {
	BACKGROUND-POSITION: 0px -530px
}
.float0831 .btnCtn {
	BACKGROUND-POSITION: 0px -396px
}
.float0831 .icoZx {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoTc {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .icoFf {
	PADDING-LEFT: 28px; DISPLAY: block; FLOAT: left
}
.float0831 .btnOpen {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen_n {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnCtn {
	POSITION: relative; WIDTH: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px
}
.float0831 .btnOpen {
	TOP: 118px; LEFT: 1px
}
.float0831 .btnOpen_n {
	TOP: 118px; LEFT: 1px
}
.float0831 .btnCtn {
	TOP: 118px; LEFT: 2px
}
.float0831 UL LI H3.titDc A {
	WIDTH: 80px; DISPLAY: block; HEIGHT: 36px
}
.float0831 UL LI.top {
	BORDER-BOTTOM: #ace5f9 1px solid
}
.float0831 UL LI.bot {
	BORDER-BOTTOM-STYLE: none
}
.float0831 UL.webZx {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 164px; PADDING-RIGHT: 0px; BACKGROUND: url(../images/webZx_bg.jpg) no-repeat; HEIGHT: 65px; PADDING-TOP: 0px
}
.float0831 UL LI.webZx-in {
	BORDER-BOTTOM-STYLE: none; PADDING-LEFT: 5px; HEIGHT: 50px; PADDING-TOP: 8px
}