﻿@import url(comm.css);
@import url(diy.css);
@import url(/e/css/focus.css);
/*网站基础样式*/

html{-webkit-text-size-adjust:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,th,td,p,blockquote,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0px;padding:0px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display: inline;*zoom:1;}
body{word-wrap:break-word;text-align:center;font:14px/1.8 "microsoft yahei",Tahoma,Verdana,Arial,\5b8b\4f53;color:#333333;overflow-x:hidden;}

input,select,textarea,button{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
li{list-style:none;*margin-left:-1px}
.left{float:left}
.right{float:right}
.clear{display:block;clear:both;font-size:0px;height:0px;line-height:0px;width:0px;margin:0px;padding:0px;overflow:hidden;position:}
a{color:#333333;text-decoration:none;}
a:hover{text-decoration:none;}
.page_style{text-align:center;background-color:#ffffff;}

/*顶部及主菜单样式*/
.top_box{clear:both;border:0 solid #cccccc;height:178px; background:#fff url(images/topbg.jpg) repeat-x bottom center;width:100%;}
.top_box_inner{width:1200px;margin:0px auto; position:relative;}
.top_box .logo{text-align:left;margin-top:0px; padding-top:30px; padding-left:70px;}
.top_box .topcontent{clear:both;height:35px;/*width:100%;*/position:absolute; right:88px; top:55px; font-size:25px; color:#0082c8;}
.top-l{float:left;width:50%;line-height:35px;text-align:left;color:white;}
.top-l a{color:white;}
.top-r{float:right;width:50%;height:35px;text-align:right;}
.top-r a{float:right;color:white;background:url(images/l.jpg) no-repeat right center;padding:0px 10px 0px 10px;line-height:35px;}
.top_box .topcontent a:hover{color:#ef3b2d;text-decoration:none;}

.menu_box{text-align:left;height:38px;margin-top:23px;}

.menu_style_homepage{float:left;/*width:120px;*/text-align:center;margin-left:60px;}
.menu_style{float:left;/*width:120px;*/text-align:center;}

a.menu{display:block;color:#fff;text-decoration:none;font-weight:bold;font-size:16px;line-height:44px; margin:0 18px;padding:0 18px;}
a.menu span{ display:block; position:absolute; top:30px; text-align:center; width:180px; font-size:14px; color:#a5a2a2;}
a.menu:hover{color:white;text-decoration:none;background:#0566a8;}
a.menu:hover span{color:white;}

.menu_current a.menu{background:#0566a8;color:#FFF}
.menu_current a.menu span{color:white;}

/*banner样式*/
.banner{clear:both;padding-bottom:5px;position:relative;z-index:5;}
.smallbanner{clear:both;padding: 0 0 0 0;margin:0 0 0px 0;text-align:left}


/*网站主体框架样式*/
.main_box_style{clear:both;background:white;overflow:hidden;}
.main_box_style .main_box_inner{width:1200px;margin:0 auto;}

.main_box_style1{clear:both;margin:5px 0 0 0;paddnoverflow:hidden;}
.main_box_style1 .main_box_inner{width:1220px;margin:0px auto;padding-top:20px;}
.main_box_style1 .main_box_inner_left{float:left;width:100%;margin:0 10px 0 0;text-align:left;}
.main_box_style1 .main_box_inner_right{float:right;width:100%;margin:0 0 0 0;overflow:hidden;text-align:left;}

.main_box_style2{clear:both;margin:5px 0 0 0;overflow:hidden;overflow:hidden;background:url(images/lanmu_nav_bg.gif) repeat-y right top;}
.main_box_style2 .main_box_inner_left{float:left;width:680px;margin:0 10px 0 0;overflow:hidden;text-align:left;}
.main_box_style2 .main_box_inner_right{float:right;width:210px;margin:0 0 0 0;padding:0 0 0 0;overflow:hidden;text-align:left;border:0 solid #cccccc;border-width:1px 0 0 0;}


.main_box_style3{clear:both;margin:5px 0 0 0;overflow:hidden;background:url(images/lanmu_nav_bg.gif) repeat-y left top;}
.main_box_style3 .main_box_inner_left{float:left;width:210px;margin:0 10px 0 0;overflow:hidden;text-align:left;border:0 solid #cccccc;border-width:1px 0 0 0;}
.main_box_style3 .main_box_inner_middle{float:left;width:460px;margin:0 0 0 0;overflow:hidden;text-align:left;}
.main_box_style3 .main_box_inner_right{float:right;width:210px;margin:0 0 0 10px;overflow:hidden;text-align:left;}


/*导航样式*/
.nav_box{clear:both;width:100%;margin:0 0 10px 0;/*padding-bottom:15px;*/}
.nav_title{clear:both;height:80px;text-align:left;color:#333333;overflow:hidden;}
.nav_sign{float:left;text-align:center;font-size:40px;height:45px;line-height:45px;background:white;padding-right:10px;width:100%;}
.nav_more{float:right;font-weight:normal;padding:8px 10px 0 10px;}
.nav_more a{font-size:10px;line-height:15px}

.nav_content{text-align:left;}

.nav_menu{padding:0px;text-align:center;width:100%;/*margin-top:20px;*/}
.nav_menu ul{position:relative;left:50%;margin:0 auto;}
.nav_menu ul li{float:left;text-align:center;width:200px;padding:0px 0px;position:relative;right:50%;margin:0 5px;display:inline-block;}
.nav_menu ul li a{display:block;line-height:35px;text-align:center;font-size:18px;color:#333;width:200px;}
.nav_menu ul li a:hover{color:#fff;background:#3598db;text-decoration:none;}
.nav_menu ul li a.current{color:#fff;background:#3598db}
.nav_menu ul li a.current:hover{color:#fff;background:#3598db}
.nav_menu ul li ul{position:relative;/*top:-40px;*/left:50%;z-index:10;}
.nav_menu ul li ul li{text-align:left;/*background:#fff;*/padding:8px 0px 0px 0px;}
.nav_menu ul li ul li a{line-height:35px;font-size:16px;background:none;border-bottom:#CCC 1px dotted;color:#333;}
.nav_menu ul li ul li a:hover{color:#0566a8;background:none;}


.nav_menu ul li ul li ul{padding:0 0 0 0px;}
.nav_menu ul li ul li span.node{float:left;height:20px;width:15px;cursor:pointer;background:url(images/node_open.gif) no-repeat 0 center;}
.nav_menu ul li ul li span.node_close{float:left;height:20px;width:15px;cursor:pointer;background:url(images/node_close.gif) no-repeat 0 center;}
.nav_menu ul li ul li span{float:left;height:20px;width:15px;background:url(images/subnav.gif) no-repeat 0 center;display:none;}

/*模块样式*/
.module_box{clear:both;margin:0 0 5px 0;border:0 solid #cccccc;overflow:hidden;}                 /*模块整行布局样式*/
.module_box_layout_left{float:left;margin:0 20px 5px 0;border:0 solid #cccccc;overflow:hidden;}  /*模块左布局样式*/
.module_box_layout_right{float:right;margin:0 0 5px 0;border:0 solid #cccccc;overflow:hidden;}   /*模块右布局样式*/

.module_box_inner{clear:both;text-align:left;padding:5px 0 5px 0;border:0px solid #cccccc;overflow:hidden;}/*模块内层容器样式*/
.module_box_layout_left .module_box_inner{clear:both;text-align:left;margin:0 10px 0 0;padding:0px 0 5px 0;} /*模块居左时重写内层样式*/

.module_title{height:45px;text-align:left;width:100%;position:relative;background:#0082c8;}

.module_sign{float:left;text-align:left;padding-left:20px;font-size:16px;color:#fff;line-height:45px;padding-right:10px;width:100%;font-weight: bold;}
.module_sign .a1{font-family:"Courier New"}
.module_more{font-weight:normal;padding:8px 10px 0 10px;position:absolute;top:10px;right:10px;z-index:5;}
.module_more a{font-size:14px;line-height:15px}
.module_more a:hover{text-decoration:none;}


.module_sign .mkbtcx{background:url(images/mkbtcx.jpg) repeat-x 0 center; text-align:center;height:55px;}
.module_sign .mkbtcx .biaoti{width:310px;background:#FFF;margin:0 auto;clear:both;overflow:hidden;}
.module_sign .mkbtcx .biaoti .mkt1{font-size:50px;float:left;height:45px;line-height:45px;display:inline-block;width:150px;font-family:"Courier";text-align:right;padding:10px 10px 0 0;color:#434343}
.module_sign .mkbtcx .biaoti .mkt2{font-size:16px;float:left;display:inline-block;height:20px;line-height:20px;width:150px;text-align:left;font-family:"Bodoni Bk BT";}
.module_sign .mkbtcx .biaoti .mkt3{font-size:24px;float:left;display:inline-block;height:25px;line-height:25px;width:150px;text-align:left;color:#000;}



.module_sign .mkbiaoti{border-bottom:1px solid #cccccc;text-align:left;}
.module_sign .mkbiaoti .te1{font-size:20px;display:block;width:100%;line-height:20px;color:#000000;}
.module_sign .mkbiaoti .te2{font-size:14px;display:block;width:100%;line-height:20px;}


.module_content{padding:5px 0px;text-align:left;}

.module_footer{clear:both;height:1px;overflow:hidden;background-color:#cccccc;display:none}
.module_footer .l{float:left;}
.module_footer .r{float:right}

/*子栏目样式*/
.lanmupage .current_location{display:none}
.current_location{clear:both;text-align:left;height:45px;line-height:45px;border-bottom:1px solid #eee;overflow:hidden;display:none;}
.current_location_1{float:left;padding:5px 0 0 5px;}
.current_location_2{float:right;background:#fff;padding-right:10px;display:none}

.sublanmu_box{text-align:left;padding-bottom:10px;}
.sublanmu_content{text-align:left;padding:10px 0 0 0;}
.sublanmu_content_introduct{line-height:2.0;font-size:1.1em}
.sublanmu_content_introduct p{margin-bottom:10px;min-height:10px}

.sublanmu_page{clear:both;text-align:center;margin:15px 0 10px 0;font-size:12px;font-family:宋体;}
.sublanmu_page a{vertical-align:middle;zoom:1;height:15px;line-height:15px;padding:2px 8px 2px 8px;border:1px solid #cccccc;}
.sublanmu_page span.c{border:0px solid #cccccc;border-color:#999999;font-weight:bold;padding:0 2px 0 2px;}

.sublanmu_pn{font-size:13px;margin:15px 0 5px 0}
.sublanmu_pn li{color:#D33506}

/*评论*/
.comments_box{text-align:left;border:1px solid #cccccc;margin:10px 5px 10px 10px;}
.comments_box .title{padding:2px 0 0 10px;height:20px;font-weight:bold;background-color:#ececec}
.comments_box ul li{padding:5px 0 5px 25px;}
.comments_box .textarea{width:520px;height:100px;border:1px solid #cccccc;border-color:#000000 #cccccc #cccccc #000000;}

.comments_list{padding:5px 5px 0 10px;border:0px solid #cccccc;overflow:hidden}
.comments_list .title{display:block;padding:2px 0 3px 5px;height:18px;width:100%;font-weight:bold;}
.comments_list .item{clear:both;margin:0 0 10px 0;overflow:hidden}
.comments_list .header{padding:3px 0 0 10px;height:22px;background-color:#eeeeee}
.comments_list .header .floornum{font-size:12px;font-style:Italic;font-weight:bold}
.comments_list .header .left{float:left}
.comments_list .header .right{float:right;padding-right:10px}
.comments_list .quote{display:block;color:#999999;padding:5px 5px 5px 10px;border:1px solid #ececec}
.comments_list .content{padding:5px 5px 5px 15px}
.comments_list .reply{background:url(public/reply.gif) no-repeat 5px 5px;border:1px dashed #cccccc;padding:2px 5px 2px 25px;margin:2px 0 5px 0;color:#D33506}

.comments_page{clear:both;vertical-align:middle;text-align:right;background-color:#ffffff;margin:10px 0 10px 0;font-family:宋体;}
.comments_page a{height:15px;line-height:15px;vertical-align:middle;zoom:1;padding:2px 8px 2px 8px;border:1px solid #cccccc;font-size:12px}
.comments_page span{vertical-align:middle;padding:2px 3px 2px 3px;font-weight:bold;font-size:12px}

/*bottom样式*/
.bottom_box{clear:both;text-align:center;padding:0px 0 20px 0; height:340px;line-height:30px;color:#555;background:#D8D8D8;border-bottom:10px solid #333;}
.bottom_box2{ height:340px; overflow:hidden;}
.dbcom{padding:30px 0;}
.db_com{width:1200px;margin:0 auto;}
.db_com .db_nr_1{clear:both;overflow:hidden;}
.db_com .db_nr_1 .nr_c1{float:left;width:100%;text-align:center;}
.db_com .db_nr_1 .nr_c1 ul li{ line-height:28px;float:left;margin:0 5px;}
.db_com .db_nr_1 .nr_c1 .c1_tit{font-size:18px;margin-bottom:20px;color:#FFF;}
.db_com .db_nr_1 .nr_c1 ul .dh{font-size:24px;font-weight:bold;color:#FFF;}
.db_com .db_nr_1 .nr_c1 ul .ewm img{width:100px;height:100px;}
.bottom_box a{color:#555}
.bottom_box a:hover{color:#555;text-decoration:none;}

/*登陆界面*/
.loginbox_item{height:20px;padding:0 0 0 0;padding:0 5px 5px 0;text-align:left;font-size:9pt;}
.loginbox_textbox{width:100px;height:15px;border:0 solid #CCCCCC;border-width:1px 1px 1px 1px}
.loginbox_textbox_yzm{width:40px;height:15px;border:0 solid #CCCCCC;border-width:1px 1px 1px 1px}
.loginbox_submit{width:60px;height:20px;border:0 solid #333333;border-width:0 1px 1px 0;background-color:#dddddd;cursor:pointer;}
a.logined_href:link{font-size:9pt;color:#FF0000;text-decoration:underline}
a.logined_href:visited{font-size:9pt;color:#FF0000;;text-decoration:underline}
a.logined_href:hover{font-size:9pt;color:#FF0000;text-decoration:underline}

.wid1200{ width:1200px; margin:0 auto;}
.cm{background:url(/e/images/b1.jpg) no-repeat center center; width:100%; margin:0 auto; height:708px;}
.how{background:url(/e/images/how.jpg) no-repeat center center; width:100%; margin:0 auto; height:308px;}
.pro{background:url(/e/images/problem.jpg) no-repeat center center; width:100%; margin:0 auto; height:705px;}
.weis{background:url(/e/images/weis.jpg) no-repeat center center; width:100%; margin:0 auto; height:693px;}
.chanp{background:url(/e/images/product.jpg) no-repeat center center; width:100%; margin:0 auto; height:703px;}
.ruhe{background:url(/e/images/inter.jpg) no-repeat center center; width:100%; margin:0 auto; height:700px;}
.ruhe2{background:url(/e/images/800.jpg) no-repeat center center; width:100%; margin:0 auto; height:610px;}
.wss{background:url(/e/images/wss.jpg) no-repeat center center; width:100%; margin:0 auto; height:777px;}
.cont{background:url(/e/images/cont.jpg) no-repeat center center; width:100%; margin:0 auto; height:700px;}
#module_218{ margin-top:20px;}
.cont_le{ float:left; width:580px; padding:95px 10px 10px 5px;}
.cont_ri{ float:left; /*width:560px;*/ margin-left:90px;padding:95px 10px 10px 5px;}
.cont_ri p{ margin-top:40px; font-size:16px;}

.zhongj{width:1100px; margin:0 auto; height:auto;}
.zhongj ul{ list-style:none; margin:30px 0px;}
.zhongj ul li{ float:left; width:245px; height:340px; margin:0px 15px;}
.zhongj ul li.t1{ width:245px; height:340px;background:url(/e/images/zl.jpg) no-repeat center center;}
.zhongj ul li.t1:hover{ width:245px; height:340px;background:url(/e/images/zlh.jpg) no-repeat center center;}
.zhongj ul li.t2{ width:245px; height:340px;background:url(/e/images/js.jpg) no-repeat center center;}
.zhongj ul li.t2:hover{ width:245px; height:340px;background:url(/e/images/jsh.jpg) no-repeat center center;}
.zhongj ul li.t3{ width:245px; height:340px;background:url(/e/images/gh.jpg) no-repeat center center;}
.zhongj ul li.t3:hover{ width:245px; height:340px;background:url(/e/images/ghh.jpg) no-repeat center center;}
.zhongj ul li.t4{ width:245px; height:340px;background:url(/e/images/sh.jpg) no-repeat center center; margin-right:0px;}
.zhongj ul li.t4:hover{ width:245px; height:340px;background:url(/e/images/shh.jpg) no-repeat center center;}
.zhongj ul li a{ text-align:center; display:block; font-size:18px; padding-top:100px; text-decoration:none;}
.zhongj ul li a:hover{ color:#fff;}
.zhongj ul li p{ text-align:center; font-size:14px; line-height:22px; padding-top:80px; width:220px; margin:0 auto;}
.fenx a{ display:block; float:right; padding-right:5px; padding-top:5px;}
.fenx a img{ width:26px; height:26px;}
.zhongj ul li:hover a,.zhongj ul li:hover p{ color:#FFF;}



/*选项卡样式*/
.tabheadstyle{clear:both;height:125px;overflow:hidden;border:0px solid #252d7d;border-width:0 0 0px 0;color:#333333; }
.tabheadstyle dd{float:left;width:230px;height:125px;border:0px solid #787878;text-align:center;margin-right:0px; line-height:29px; color:#161e8c; font-size:12px;color:#333333; font-size:13px;padding-top:8px; margin:0 30px;/*background:url(/e/images/tp.png) no-repeat 0 0; */}
.tabheadstyle dd.current{/*background-color:#d10b10;*/border:0px solid #252d7d;height:125px;font-weight:bold;color:#FB6700; font-size:15px; z-index:999;/*background:url(/e/images/tp3.png) no-repeat 69px 8px;*/} /* 当前选项卡标题样式，默认名：current */
.tabcontentstyle dd{border:0px solid #DFDFDF; /*border-width:0 1px 1px 1px;*/padding-top:10px;display:none;}

.jt{ width:230px; height:230px; background:url(/e/images/jt.jpg) no-repeat top center; float:left; margin-right:20px; padding:0 20px;}
.jth{width:200px;}
#module_217{  margin:0 auto; width:1200px;}



/*选项卡样式2*/
.paddtop{ padding-top:50px;}
.tabheadstyle2{clear:both;height:40px;overflow:hidden;border:0px solid #252d7d;border-width:0 0 0px 0;color:#333333; padding-left:180px; }
.tabheadstyle2 dd{float:left;width:142px;height:40px;border:0px solid #787878;text-align:center;margin-right:0px; line-height:29px; color:#161e8c; font-size:14px;color:#fff; font-size:16px;padding-top:3px; margin:0 10px;/*background:url(/e/images/red.png) no-repeat 0 0;*/ }
.tabheadstyle2 dd.current{/*background-color:#ffffff;*/border:0px solid #252d7d;height:40px;color:#fff; font-size:16px;background:url(/e/images/blue.png) no-repeat 0 0;} /* 当前选项卡标题样式，默认名：current */
.tabcontentstyle2 dd{border:0px solid #DFDFDF; /*border-width:0 1px 1px 1px;*/padding-top:10px;display:none;}
.tabcontentstyle2{margin-top:30px;}

/*产品介绍图片间隙*/
#tab_c img{vertical-align:bottom;}

/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:20px;left:-170px;z-index:999;font-size:12px;font-family:"微软雅黑";outline:none;color:#666;background:#fff;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#2a95e5;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; text-align:right}
#floatDivBoxs .floatDqq li img{ float:left; margin-top:7px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:5px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 2px 10px;}
#floatDivBoxs .floatImg{text-align:center;padding:10px;background:#EBEBEB;}
#floatDivBoxs .floatImg img{ margin-bottom:5px;}
#floatDivBoxs .floatDtel img{display:block;}
.floatShadow{ background:#fff;box-shadow:2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:172px;background:url(/e/images/online_arrow.png) no-repeat;position:fixed;top:20px;left:0;z-index:999;}
#rightArrow a{display:block;height:45px;}
