﻿@import url("system.css");
/*内容页中的分页样式，可以通过覆盖CSS的方法改写*/
#CMS_ConGoPage{height:50px;line-height:50px; width:100%; text-align:center; clear: both; padding: 10px 0; font-family: cursive;font-size: 14px;}#CMS_ConGoPage span{display:inline-block; height:30px; line-height:30px; text-align:center;  width:30px; border: solid #ccc 1px;margin: 10px 3px; color:#ccc;}#CMS_ConGoPage span:hover{background-color: aliceblue;}#CMS_ConGoPage span a,#CMS_ConGoPage span a:hover{text-decoration: none;display:inline-block;color:#000;font-size: 14px;width: 100%;}
html {overflow-x:hidden; width:100%; height:100%;}
body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0;color:#333;font-family:"微软雅黑";}
td, th { word-wrap:break-word; word-break:break-all; }
ul{ font-size:12px;}
li{list-style:none; font-size:12px;}
img { border:0; }
.clear { clear:both; }
a {text-decoration:none;color:#333;font-family:"微软雅黑";font-size: 20px;}
a:hover { text-decoration:none; color:#e51e01;font-family:"微软雅黑";}
body { font-family:"微软雅黑";height:100%;width:100%; font-size:12px;}
.z{ float:left;}
.y{ float:right;}
.imga{display:block;}

.clear{clear:both; width:auto;}


.headbg{width:100%; height:38px; background:#f8f8f8;}
.head{ width:1200px; height:38px; margin:0 auto;}
.headl{font-size:13px; color:#666; line-height:38px; }
.headr{ float:right;font-size:13px; color:#666; line-height:38px;}
.headr a{color:#666;font-size:13px;}
.headr a:hover{color:#ef8201;}

.top{width:1200px; height:88px; margin:0 auto;}
.logo{margin-top:12px;}
.menu{ width:600px;height:88px;}
#nav {width:600px;height:88px; display:block;}
#nav .mainlevel { float:left; width:100px; text-align:center; position:relative;z-index:999999; }
#nav .mainlevel a {color:#333; text-decoration:none; line-height:88px; display:block; width:100px; font-size:15px;}
#nav .mainlevel a:hover {color:#fff; background:#ef8201;}
#nav .mainlevel ul {display:none; position:absolute;z-index:9999999; left:0px;  }
#nav .mainlevel li {border-top:1px solid #fff; background:#ef8201; width:100px; height:35px;filter: alpha(opacity=90);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); opacity:0.80;/*IE6 only*/}
#nav .mainlevel li a{line-height:35px; font-size:14px; color:#fff;}
#nav .mainlevel li a:hover{color:#ef8201; text-decoration:none; background:#fff;}

.banner{width:100%; height:492px; margin:0 auto;}
#full-screen-slider { width:100%; height:568px; float:left; position:relative; margin:0 auto;z-index:99;}
#slides { display:block; width:100%; height:568px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px;}
#pagination { display:block; list-style:none; position:absolute; left:28%; top:450px; z-index:999;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:27px; height:7px; float:left; margin-left:15px; border-radius:15px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#ef8201;}

.tbzz{width:1200px;height:138px; position:absolute;top:-10px; left:0px; z-index:999999;}
.tbzb{width:240px;height:138px;background:#ef8201;color:#fff;}
.tbp{width:50px;height:50px; margin-top:26px; margin-left:97px;}
.tbm{font-size:13px; color:#fff; margin-top:14px; text-align:center;}
.tbdw{width:960px; margin:0 auto; height:138px;}
.tbdw ul li{width:240px;height:138px; background:#e0dfdf; float:left; text-align:center;}
.tbdw ul li img{width:50px;height:50px; margin-top:26px;}
.tbdw ul li p{width:240px; font-size:13px; color:#333; margin-top:14px; text-align:center;}
.tbdw ul li:nth-child(even){ background:#f5f5f5;}

.cpbg{width:100%; background:#fff;}
.cpz{width:1200px; margin:0 auto; padding-top:48px; position:relative;}
.cptitle{width:1200px; height:48px; background:url(img/tb.png) no-repeat center; margin:120px auto 0; font-size:24px; color:#000; text-align:center; padding-top:2px;}
.cptitle p{font-size:12px; color:#999; text-align:center; margin-top:2px;}
.cptitle3{width:1200px; height:48px; background:url(img/tb.png) no-repeat center; margin:0 auto; font-size:24px; color:#000; text-align:center; padding-top:2px;}
.cptitle3 p{font-size:12px; color:#999; text-align:center; margin-top:2px;}
.cppic{width:1216px; margin:52px auto 0; overflow:hidden;}
.cppic ul li{width:288px; height:260px; margin:0px 7px 34px;float:left;border:1px solid #eee;}
.cppic ul li a img{width:288px; height:219px;}
.cppic ul li p{width:288px; height:41px; background:#fff; font-size:14px; color:#666; line-height:41px; text-align:center;}
.cppic ul li:hover p{background:#ef8201; color:#fff;}

.albg{width:100%; background:#f6f7fb; overflow:hidden;}
.cptitle2{width:1200px; height:48px; background:url(img/tb2.png) no-repeat center; margin:48px auto 0; font-size:24px; color:#fff; text-align:center; padding-top:2px;}
.cptitle2 p{font-size:12px; color:#fff; text-align:center; margin-top:2px;}
.alzs{width:1224px; margin:56px auto 60px; overflow:hidden;}
.alzs ul li{width:384px; height:390px; margin:0px 12px; float:left;}
.alzs ul li a img{width:384px; height:247px;}
.alzs ul li img:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.alzs ul li p{width:335px; height:98px; padding:15px 34px 30px 15px; background:#fff;}
.alzs ul li p.e{ font-size:16px; color:#333;}
.alzs ul li p.t{ font-size:12px; color:#666; margin-top:-116px; line-height:26px;}
.alzs ul li p.f a img{width:42px; height:55px; float:right; margin-right:-34px; margin-top:-98px;}

.xwz{width:1200px; margin:48px auto 0;padding-bottom:60px; overflow:hidden;}
.xwgd{width:598px; height:330px;}
#slideUl{ width:528px; height:330px; overflow:hidden; float:left;}
#slideUl ul{ width:528px; height:330px; list-style:none;overflow:hidden;}
#slideUl ul li{ float:left; width:485px;height:330px; margin:0px 25px;overflow:hidden;}
#slideUl ul li img{ width:485px; height:330px; }
#slideUl ul li img:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
#sildeLeft{ float:left;display:block;cursor:pointer;padding-top:114px;}
#sildeRight{float:right;display:block;cursor:pointer;padding-top:114px;}
.xinwen{width:580px; float:right;}
/* demo */
.demo1 {width:580px;position:relative;}
/* tabbtn */
.tabbtn1 {width:580px;height:42px;border-bottom:1px solid #e7e7e7;}
.tabbtn1 li {float:left;position:relative;margin:0 0 0 -1px;}
.tabbtn1 li a {display:block;float:left;height:42px;line-height:42px;overflow:hidden; padding-left:25px; padding-right:25px;text-align:center;font-size:16px;cursor:pointer; color:#ef8201;}
.tabbtn1 li.current { background:#ef8201; height:42px;}
.tabbtn1 li.current a {height:42px;line-height:42px; color:#fff;}
/* tabcon */
.tabcon1 {position:relative;overflow:hidden;}
.tabcon1 .sublist {overflow:hidden;}
/* sublist */
.sublist {width:580px;overflow:hidden;}
/*.sublist ul li{width:551px; margin-top:22px; }
.sublist ul li a{color:#d50808; font-size:18px;}
.sublist ul li p{color:#333; font-size:14px; margin-top:10px;}*/
.sublist{width:580px; height:291px; float:right; margin-left:44px;}
.newslist{width:580px; margin-top:17px; overflow:hidden;}
.newslist ul li{width:580px; border-bottom:1px dashed #bababa;}
.newslist ul li a{font-size:14px; color:#333; line-height:30px;}
.newslist ul li a:hover{color:#ef8201;}
.newslist ul li span{font-size:14px; color:#999; float:right; margin-top:-40px;}
.newslist ul li p{font-size:12px; color:#666; line-height:36px;}

.gybg{width:100%; background:#f6f7fb; overflow:hidden;}
.gytb{width:229px; height:382px; }
.gyth{width:229px; height:60px; background:#ef8201; padding-top:20px;}
.gyt{font-size:18px; color:#fff; text-align:center;}
.gyt p{font-size:14px; color:#fff;}
.gytl{width:189px; height:224px; background:#ef8201; padding:20px; font-size:12px; color:#fff; line-height:30px;}
.more{width:229px; height:38px; background:#ef9801;font-size:12px; color:#fff; line-height:38px; text-align:center;}
.more a{font-size:12px; color:#fff;}
.more:hover{background:#ef8201;}
.gypic{width:565px; height:382px;}
.lxbg{width:352px; height:350px; background:#fff; padding:16px; position:relative;}
.lxtm{font-size:16px; color:#ef8201; background:url(img/shu.jpg) no-repeat left; padding-left:15px;}
.lxhm{font-size:32px; color:#ccc; line-height:55px; background:url(http://oldfile.4e8.com/skin/dzkj4626/img/bh.jpg) no-repeat left; padding-left:88px; font-weight:bold; margin-top:16px;}
.lxfs{width:352px; margin-top:10px;font-size:12px; color:#999; line-height:34px;}
.lxfs span{font-size:14px; color:#333;}
.me{width:68px; height:104px; position:absolute; top:278px; right:0px; z-index:1;}

.linkbg{width:100%; background:#5c5c5c; overflow:hidden;}
.linkz{width:1200px; margin:26px auto 26px; overflow:hidden;}
.link{font-size:12px; color:#fff;}
.link a{font-size:12px; color:#fff; margin-left:5px; margin-right:5px; line-height:30px;}
.link a:hover{color:#ef8201;}
.link span{font-size:14px; color:#fff;}

.footbg{width:100%; background:#5c5c5c; overflow:hidden;}
.footz{width:1200px; margin:0 auto;padding-bottom:35px; overflow:hidden; border-top:1px solid #eee;padding-top:40px;}
.fmenul{width:800px; overflow:hidden;}
.fmenulc{ padding-right:60px; }
.fmenulct{ color:#fff; font-size:14px; text-align:left;}
.fmenulct a{color:#fff; font-size:14px;padding-right:28px;}
.fmenulct a:hover{color:#ef8201;}
.fmenulcf{ margin-top:14px;padding-right:26px;}
.fmenulcf ul li a{color:#fff; line-height:26px; font-size:12px;}
.fmenulcf ul li a:hover{color:#f8b600;}
.f_y{width:260px;margin-top:10px; overflow:hidden;}
.f_yy{font-size:12px; color:#999; text-align:center; line-height:22px;}
.f_yy span{font-size:14px; color:#fff; text-align:center; line-height:22px;}

.dbbg{width:100%; background:#424242; overflow:hidden;}
.db{width:1200px; margin:30px auto 0; overflow:hidden;}
.dbz{font-size:12px; color:#fff; text-align:center; margin-bottom:10px;}
.dbz a{font-size:12px; color:#fff; text-align:center; line-height:36px;}
.dbz a:hover{color:#ef8201;}



.nybanner{width:100%;position: relative;width:1920px;height:234px;left:50%;margin-left:-960px;margin-top:1px;}

.nmainbg{width:100%; overflow:hidden;background:#f6f6f6; }
.nmainbg1{width:35%; overflow:hidden; background:#f6f6f6; float:left;}
.nmainzb{width:203px; overflow:hidden;float:right; margin-right:60px; margin-bottom:40px;}
#navv {width:203px;line-height: 39px; list-style-type: none;text-align:left;/*定义整个ul菜单的行高和背景色*/ padding-top:40px;}
/*==================一级目录===================*/
#navv a {width: 183px; display: block;padding-left:20px; background:url(http://oldfile.4e8.com/skin/dzkj4626/img/yxt.png) no-repeat center right 33px; /*Width(一定要)，否则下面的Li会变形*/}
#navv li {background:#ef8201; /*一级目录的背景色*/border-bottom:#f6f6f6 10px solid; /*下面的一条白边*/float:left;/*float：left,本不应该设置，但由于在Firefox不能正常显示继承Nav的width,限制宽度，li自动向下延伸*/
}
#navv li a:hover{background:url(http://oldfile.4e8.com/skin/dzkj4626/img/xjt.png) no-repeat center right 33px; /*一级目录onMouseOver显示的背景色*/ }
#navv a:link{color:#fff; text-decoration:none; font-size:14px;}
#navv a:visited{color:#fff;text-decoration:none;}
#navv a:hover{color:#FFF;text-decoration:none;font-weight:bold;}
/*==================二级目录===================*/
#navv li ul {list-style:none;text-align:left;line-height: 32px; ;}
#navv li ul li{ background: #fcfcfc;/*二级目录的背景色*/}
#navv li ul a{padding-left:20px;width:183px;/* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/}
/*下面是二级目录的链接样式*/
#navv li ul a:link {color:#777; text-decoration:none; font-size:12px;}
#navv li ul a:visited {color:#777;text-decoration:none;}
#navv li ul a:hover {color:#fff;text-decoration:none;font-weight:normal;background:#d91529;/* 二级onmouseover的字体颜色、背景色*/}
/*==============================*/
#navv li:hover ul {left: auto;}
#navv li.sfhover ul {left: auto;}
#content {clear: left; }
#navv ul.collapsed {display: none;}
-->
#PARENT{width:203px; overflow:hidden;}

.ewmbg{width:201px; height:250px; background:#fff; border:1px solid #e6e6e6; margin:26px auto 0;}
.ewm{width:145px; height:145px; margin-top:34px; margin-left:24px;}
.ewm p{ font-size:12px; color:#999; margin-top:12px; text-align:center; line-height:20px;}
.ewmm{width:110px; height:110px; margin-top:12px; margin-left:18px;}
.ewmm p{ font-size:12px; color:#999; margin-top:12px; text-align:center; line-height:20px;}

.nmainbg2{width:65%; overflow:hidden; background:#fff; float:right;}
.nmainyb{width:844px;overflow:hidden; float:left; margin-left:63px;}
.nybnr{width:774px; padding-top:40px; padding-bottom:50px;} 
.nymtitle{ width:774px;  height:43px; border-bottom:1px solid #ef8201; line-height:43px; font-size:14px;}
.nymtitle a{font-size:14px; color:#333;}
.nymtitle a:hover{color:#ef8201;}
.nymbody{ width:774px; overflow:hidden; margin-top:40px; line-height:24px; padding-bottom:40px; font-size:13px;}

.nynews_center{  float:left;width:774px; margin-top:30px; color:#666;overflow:hidden;}
.nynews_center ul{}
.nynews_center ul li{ float:left; line-height:35px; padding-left:30px; background: url(http://oldfile.4e8.com/skin/dzkj4626/img/index12.jpg) no-repeat 1% 50%; width:759px;}
.nynews_center ul li a{ color:#666; font-size:14px;}
.nynews_center ul li a span{ float:right; color:#999; font-family:Arial; padding-right:15px;}
.nynews_center ul li a:hover{color:#ef8201; }
.nypage{ float:left;width:774px; margin-top:30px; color:#666;margin-bottom:50px; text-align:center; font-size:12px;}
.nypage a{font-size:12px; color:#666;}
.nypage a:hover{color:#ef8201;}

/*新闻详细页*/
.shownews{width:774px; margin-top:21px;}
.shownews_t{line-height:33px;color:#ef8201;text-align:center;font-size:14px;}
.shownews_b{line-height:33px;text-align:center;border-bottom:1px dotted #cccccc;}
.shownews_c{line-height:23px;padding-top:20px; font-size:13px;}
.aboutusmtrd_down{ width:774px; line-height:60px; border-top:1px #cdcdcd dashed;margin-top:32px;}
.aboutusmtrd_down a{color:#ef8201;font-size:13px;}
.aboutusmtrdd_left{ float:left;color:#666;}
.aboutusmtrdd_left a:hover{ text-decoration:underline;}
.aboutsumtrdd_right{ float:right;color:#ef8201;font-size:13px;}
.aboutsumtrdd_right a:hover{text-decoration:underline;}


/*产品介绍页*/
.nyproducts{width:774px;margin-top:30px;}
.nyproducts ul{width:774px;margin:0 auto;}
.nyproducts ul li{ float:left; width:240px; height:251px;  background:#fff; margin-left:9px;margin-right:9px;font-size:14px;}
.nyproducts ul li a{ float:left;font-size:14px;}
.nyproducts ul li p{ line-height:40px;width:240px; height:40px; text-align:center; font-family:"微软雅黑"; color:#333333; padding:10px 0;margin-bottom:10px;}
.nyproducts ul li p a{width:240px;color:#333;text-align:center; font-size:14px;}
.nyproducts ul li p a:hover{color:#ef8201;background:none;}
.nyproducts ul li a img{ width:222px; height:169px;padding:9px;border:1px #c9c9c9 solid; }
.nyproducts ul li a:hover{ background:#f5f3f3; float:left;}


/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#0657b2;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; padding:0 0 0 50px;}
#floatDivBoxs .floatDqq li a{font-size:13px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background: url(http://oldfile.4e8.com/skin/dzkj4626/img/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background: url(img/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}