﻿
html,body {font-size:12px;font-family:"宋体","ArialNarrow";background:#fff;}
html,body {margin:0 auto;width:100%;height:100%;margin:0 auto;z-index:1}
div, form, ul, dl, li, p, span, h1, h2, h3, h4, h5, h6, img, dl , dt , dd {border:0;padding:0;margin:0;}
ul, dl, li, ol ,input {list-style:none}
a{ text-decoration:none;}
a:link,a:visited,a:active {color: #000; text-decoration: none;}
/* 常用的一些标签I */
 
.clear{clear:both;}
 
h1{ font-size:22px;}
 
.w100w{width:100%;}
.w1200{width:1200px;}
 
.auto{margin:0 auto;}
.auto5{margin:5px auto;}
.fb{font-weight:bold;} 
.fl{ float:left;}  
 

.header , .content , .footer , .container{margin-left:auto; margin-right:auto; width:1180px; font-family:microsoft yahei;}

/*页眉*/
.header{width:100%;background-color:#fff;  position:relative; z-index:2}
.header .header_top{ overflow:hidden; width:100%; padding:10px; background-color:#333}
.header .header_top p{ float:left; color:#fff;}
.header .header_top ul{ float:right;}
.header .header_top li{ width:74px; float:left; text-align:center; border-left:1px dotted #5c5c5c;}
.header .header_top .first{ border:none}
.header .header_top li a{ color:#fff;}
.header .header_center{ overflow:hidden}
 
.header .header_nav { width:100%; height:64px; border-top:1px solid #ccc; background:url(nav_bg.jpg);}
.header .header_nav li{ float:left; font-size:14px; line-height:64px; position:relative}
.header .header_nav li>a{ color:#fff; display:block; padding:0 27px; text-decoration:none; font-weight:bold;font-size:16px;background:url(nav_li.jpg) no-repeat left center;}
.header .header_nav .cur,.header .header_nav li:hover{ background:url(nav_bg_in.jpg) repeat left top}
.header .header_nav .cur>a,.header .header_nav li:hover>a{ color:#fff;}

/*二级下拉*/
.header .nav_erji { overflow:hidden; position:absolute; left:0; top:62px; background-color:#fff; padding:20px; display:none;}
.header .nav_erji a{ width:110px; padding-left:10px; font-size:12px; line-height:45px; border-bottom:1px solid #dadada; display:block}
.header .nav_erji a:hover{ background:url(nav.png) repeat left top;color:#fff;}
.header .header_nav li:hover .nav_erji{ display:block;}

/*首页风貌横幅*/

.index_brand{height:460px;margin:auto;position: relative; background:#c5cde4;}
.banner li{width: 100%;height:460px;position: absolute;left:0; top:0; display: none;}
.banner li a{display: inline-block;width: 100%;height: 100%;}
.banner .number{height:6px;position: absolute;left:50%;bottom:20px;}
.banner .number span{display: inline-block;width: 50px;height: 10px;background: #fff;cursor: pointer;margin-left: 3px;position: relative;overflow: hidden;}
.banner .number span.on{background: #d40000;}

/*边框标题%*/
.bk{ width:1178px; margin:5px auto; border:solid 2px #e00109; border-top:0; }
.leftbk{width:238px; float:left;height:auto; }
.bk2{ width:236px; border:solid 2px #e00109;}
.bk3{ width:948px; margin:0 auto; border:solid 1px #e7e7e7;float:left;height:auto; margin-left:10px; }
.bt{float:left;width:1180px;height:45px; background:url(title_bg.jpg); line-height:45px;}
.bt2{float:left;width:238px;height:33px;background:#e7e7e7;}
.bt22{width:238px;height:60px; line-height:60px;background:#d40000;}
.bt22 .h1{float:left;padding:0px 20px;line-height:60px;color:#fff;font-size:22px;text-decoration:none;font-family: "Microsoft YaHei";}
.bt3{float:left;width:948px;height:33px;background:#e7e7e7;}
.bt2 .h1{float:left;padding:0px 20px;line-height:33px;color:#202020;font-size:16px;text-decoration:none;font-family: "Microsoft YaHei";}
.bt3 .h1{float:left;padding:0px 20px;line-height:33px;color:#202020;font-size:16px;text-decoration:none;font-family: "Microsoft YaHei";}
.bt .h1{float:left;padding:0px 20px;line-height:40px;color:#fff;font-size:16px;text-decoration:none;font-family: "Microsoft YaHei";}
/*首页案例样式%*/

.proa{width:230px; padding:5px 0;}
.proa li{width:230px;height:45px;line-height:45px; text-align:center; margin:0 3px; border-bottom: solid 1px #f3f3f3;} 
.proa li a{font-family:"微软雅黑";font-size:14px;color: #333333; }
.proa li a:hover{width:230px;height:45px;background: #00479a;color:#fff; display:block; text-decoration:none;}
.proa.li.curr a{color:#fff;}

 .prolist1{ min-height:520px;}
.prolist1 ul li{ width:270px; height:220px; padding:6px; margin:10px 15px;; float:left; border:1px solid #F4F4F4; background-color:#f4f4f4;}
.prolist1 ul li img{ width:270px; height:190px;}
.prolist1 ul li span{ width:270px; display:block; height:30px; line-height:30px; overflow:hidden; font-size:14px; text-align:center;}
 

.prolist{ min-height:520px;}
.prolist ul li{ width:270px; height:220px; padding:6px; margin:5px; float:left; border:1px solid #F4F4F4; background-color:#f4f4f4;}
.prolist ul li img{ width:270px; height:190px;}
.prolist ul li span{ width:270px; display:block; height:30px; line-height:30px; overflow:hidden; font-size:14px; text-align:center;}
 
.lxwm{ width:218px; overflow: hidden; height:auto; line-height:28px; font-size:14px;padding:10px;}
 
.m10{ margin-top:10px;}
 

.index-bg{ width:100%; background-color:#333; height:45px; line-height:45px;}

/*优势*/
.ysBox{height:2300px; background:url(ysBox.jpg) no-repeat center;}
.ysBox .container{position:relative; width:1000px;}
.ysBox h4{position:relative; top:66px; margin:0 auto; width:562px; height:64px; line-height:62px; text-align:center; font-size:36px; font-weight:normal; color:#fff; background-color:#f10000;}
.ysBox h4 b{color:#ff0;}
.ysBox dl{position:absolute;}
.ysBox dt{padding-bottom:26px; margin-bottom:10px; line-height:30px; font-size:24px; color:#de0000; background:url(ysDt.png) no-repeat left bottom;}
.ysBox dd{line-height:28px; font-size:14px;}
.ysBox dd b{display:block; margin-bottom:14px; font-size:16px; color:#141414;}
.ysBox dd p{line-height:26px; font-size:14px; color:#333;}
.ysBox .ys_01{left:84px; top:178px;}
.ysBox .ys_02{left:512px; top:490px;}
.ysBox .ys_03{left:84px; top:850px;}
.ysBox .ys_04{left:512px; top:1200px;}
.ysBox .ys_05{left:84px; top:1642px;}
.ysBox .ys_06{left:512px; top:2000px;}


 

.gonggao{width:900px; line-height:45px; padding-left:10px;  float:left; color:#fff;}
.gonggao span{ margin-left:20px; overflow:hidden; float:left;}
.search{ width:200px; float:right; line-height:45px;height:45px;color:#fff;}




.zjcp{ margin-top:20px;}
.zjcp .zj_left{width:831px; height:349px; background:#4c4848; color:#fff; overflow:hidden; position:relative; float:left;}
.zj_left .zj_top{ margin-top:20px; margin-left:40px;}
.zj_top h4 a{ font-size:20px; color:#fff;}
.zj_top p{ margin-top:9px; font-size:16px; color:#8e8787; font-family:"Arial"; text-transform:uppercase;}
.zj_top i{ display:block; width:47px; height:2px; background:#fff; margin-top:9px;}
.zj_left dl{  margin:20px 38px 0 43px;}
.zj_left dl dt{ font-size:16px;}
.zj_left dl dd{ margin-top:22px; line-height:25px;}
.zj_left .ckgd{ position:absolute; width:125px; height:33px; line-height:33px; text-align:center; font-size:14px; color:#fff; border:1px solid #fff; right:29px; top:285px; text-decoration:none;}
.zjcp .zj_right{ float:left; }

.ryzs{ float:right; width:349px; height:349px; background-color:#e2e2e2;}
.ryzs .ry_tle{ text-align:center; padding:10px 0;}
.ryzs .ry_tle a{  font-size:20px; color:#000; text-decoration:none;}
.ryzs .ry_tle span{font-size:12px; color:#999; font-family:"Arial"; margin-left:12px;}
.zstp{ margin-top:0px; position:relative;}
.zstp .zs_bot1,.zstp .zs_bot2{ width:27px; height:53px; display:block; position:absolute; top:78px;}
.zstp .zs_bot1{ background:url(gyBtnLeft.png) no-repeat center; left:17px;}
.zstp .zs_bot2{ background:url(gyBtnRight.png) no-repeat center; right:17px;}
.zstp ul{ overflow:hidden; margin:0 auto; width:220px; height:310px;}
.zstp ul li{ width:220px; float:left;}
.zstp ul li img{ width:220px; height:270px;}
.zstp ul li h5{ margin-top:10px; text-align:center;}
.zstp ul li h5 a{ font-size:12px; color:#4c4848; font-weight:normal;}
  

 
 .dongtai{ background-color:#f7f7f7; height:508px;border-bottom:2px solid #333333; margin-top:25px;} 
.dongtai .container{ position:relative; height:494px;}
.zx_left{ width:834px;}
.zx_left .zx_top{ overflow:hidden;border-bottom:2px solid #e00109;}
.zx_top h4{ padding:21px 0 18px 0; float:left;}
.zx_top h4 a{ font-size:20px; color:#4c4848; text-decoration:none;}
.zx_top h4 span{ font-size:12px; color:#999; margin-left:5px;}
.zx_left .dt{ margin-top:22px; display:block; overflow:hidden;}

 
.zx_left dl{ margin-top:24px; overflow:hidden;border-bottom:1px solid #e2e2e2;}
.zx_left dl dt{ padding:12px; background:#fff; float:left;}
.zx_left dl dd{ margin-left:285px; width:492px;}
.zx_left dl dd h5{padding-top:10px;}
.zx_left dl dd h5 a{ font-size:14px; color:#4c4848;}
.zx_left dl dd p{ margin-top:18px; line-height:20px;height: 82px;overflow: hidden;}
.zx_left dl dd .mor{ font-size:12px; color:#d87f34;margin-top:21px; padding-left:231px; display:block;text-transform:uppercase;}
.zx_left ul{ overflow:hidden; margin-top:44px;}
.zx_left ul li{ float:left; width:47%; height:32px; line-height:32px; background:url(jImg.png) no-repeat left center; padding-left:14px;}
.zx_left ul li span{ float:right; margin-right:10px;}
.zx_left ul li a{ font-size:12px; color:#4c4848;}
/*zx_left*/
.zx_right{ width:345px;position: absolute;right:0;top:-24px;}
.zx_right h4{ height:90px; background: url(tbg.png) no-repeat center; position:relative;}
.zx_right h4 a{ font-size:20px; color:#fff; margin-top:45px; padding-left:21px; display:inline-block;}
.zx_right h4 span{ font-size:12px; color:#fff; margin-left:5px;}
.zx_right h4 i{ position:absolute; background:url(wtibg.png) no-repeat center; top:0; left:-12px; width:12px; height:24px;}
.wtzx{ background:#4c4848; overflow:hidden;}
.wtzx dl{ margin:15px 32px 0 24px; background:url(wtdlbg.png) no-repeat left bottom;}
.wtzx dl dt{ background:url(wenImg.png) no-repeat left center; padding-left:32px;}
.wtzx dl dt a{ font-size:14px; color:#fff; padding:6px 0; display:block;}
.wtzx dl dd{ margin-top:14px; background:url(daImg.png) no-repeat left 5px; padding-left:32px; font-size:12px; line-height:20px; color:#999; padding-bottom:15px;}



/*页尾*/
.footWrap{background-color:#333333; color:#fff;}
.footWrap a{color:#fff;}
.footer{position:relative; padding-bottom:10px; overflow:hidden; }
.fotNav{height:54px; line-height:54px; text-align:center; background-color:#e00109;}
.fotNav a{padding:0 28px 0 20px; color:#fff; font-size:14px; background:url(fotNavLi.png) no-repeat left center;}
.fotNav a.noBg{background-image:none;}
.fotTxt{margin-top:20px;}
.fotTxt dt{margin-left:50px;}
.fotTxt dd{margin-left:210px; padding-left:28px; border-left:1px solid #dfdfdf; line-height:26px; font-size:13px;}
 
 
 
 

/*内页样式%*/
.nbox_rtit{ height:60px; line-height:60px; width:940px; border-bottom:#d40000 solid 2px;}
.nbox_rtit .rtit_left{ height:32px; width:300px; float:left; color:#c00; font-size:18px; font-weight:bold; text-indent:30px;}
.nbox_rtit .rtit_right{height:32px; width:500px; float:right; text-align:right; color:#666; }
.nbox_rtit .rtit_right a{color:#666;}

.nbox_cont{ line-height:30px; font-size:14px; width:900px; padding:15px; min-height:780px;}
.nbox_cont img{max-width:900px;}
.nbox_cont .bt5{ line-height:40px; height:40px; text-align:center; font-size:16px; font-weight:bold; color:#000;}
.nbox_cont .bt6{ line-height:30px; height:30px; text-align:center; font-size:14px; color: #666666; border-bottom:#CCCCCC solid 1px;}
.nbox_cont p{ padding:15px;}

.MenuNews{width:100%;height:30px;line-height:30px;background:#E7E7E7;}
.Newsleft{width:700px;height:30px;padding-left:40px;background:url(newsl.png) no-repeat;}
.Newsright{width:180px;height:30px;}
.Newsrightl{width:150px;padding:5px 0px;overflow:hidden;position:relative;display:block;}
.Newsrightr{width:30px;height:30px;overflow:hidden;position:relative;display:block;}

/*分页样式*/
.page {text-align:center; width:100%;margin:20px 0 30px 0;}
.page a{display:inline-block;padding:5px 8px 4px 8px;border:#E4E4E4 1px solid;margin:2px 4px;color:#666;text-decoration:none;cursor:pointer;}
.page a:hover{border:#000 1px solid;color:#FFF;background:#333;}
.page span.current{display:inline-block;padding:5px 8px 4px 8px;color:#FFF;background: #F60;border:#000 1px solid;margin:2px 4px;}
.page span.no{border:1px #000 solid;margin:2px;color:#FFF;background:#333;text-decoration:none;}

/*内页新闻列表*/
.news_list{ height:auto;}
.news_list ul li{margin-bottom:15px; padding-bottom:15px;border-bottom:#E8E8E8 1px dotted; line-height:25px; height:100px; overflow:hidden; color:#666; }
.news_list ul li img{ width:150px; height:150px;margin:0 15px 0 0; float:left;}



.gsdt{ background: #f5f5f5; *margin-top:-1px;}
.gsdt .container{ overflow: hidden; padding-top: 28px; padding-bottom: 32px;}
.gsdt .gsdt_l{ width: 740px; padding: 15px 15px; background: #fff; float: left; border: 2px solid #e00109;}
.gsdt_l .topst{ height: 32px; border-bottom: 1px solid #dcdcdc; margin-bottom:22px;}
.gsdt_l .topst ul{ height: 32px; float: left;}
.gsdt_l .topst ul li{ float: left; height: 32px; margin-right: 40px; position: relative;}
.gsdt_l .topst ul li i{ position: absolute; font-style: normal; right: -26px; top: -5px; height: 32px; line-height: 32px; font-size: 18px; color: #e00109; font-weight: bold;}
.gsdt_l .topst ul li a{ display:inline-block; padding: 1px 1px; text-decoration: none; font-size: 16px; color: #e00109;}
.gsdt_l .topst ul li.cur,.gsdt_l .topst ul li:hover{ border-bottom: 2px solid #e00109;}
.gsdt_l .topst ul li.cur a,.gsdt_l .topst ul li:hover a{ color: #e00109; font-weight: bold;}

#more_span{ float:right; *margin-left:305px;}
.gsdt_l .topst .smore{ display: inline-block; text-transform: uppercase; color: #434343; font-size: 13px; float:left;}
.gsdt_l .dtchbox{ margin-top: 23px;}
.gsdt_l .chtext{ overflow: hidden;}
.gsdt_l .chtext dl{ overflow: hidden;}
.gsdt_l .chtext dl dt{ float: left;}
.gsdt_l .chtext dl dt img{ display: block;}
.gsdt_l .chtext dl dd{ padding-left: 220px;}
.gsdt_l .chtext dl dd h5{ height: 23px; line-height: 23px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gsdt_l .chtext dl dd h5 a{ font-size: 14px; color: #000000;}
.gsdt_l .chtext dl dd p{ line-height: 26px; color: #000000; font-size: 13px; height: 104px; overflow: hidden;}
.gsdt_l .chtext dl dd p a{ font-weight: bold; font-size: 14px; color: #2c9390;}
.gsdt_l .chtext .dtnews{ overflow: hidden; width: 760px; margin-top: 8px;}
.gsdt_l .chtext .dtnews li{ float: left; height: 40px; margin-left: 20px; margin-top: 6px; margin-bottom: 6px; background: #eeeeee; width: 342px;}
.gsdt_l .chtext .dtnews li h5{ float: left; width: 51px; background: #999999; font-weight: normal; padding-top: 2px; height: 38px; float: left; text-align: center;}
.gsdt_l .chtext .dtnews li h5 span{ display: block; font-size: 18px; color: #fff; font-family: "Impact";}
.gsdt_l .chtext .dtnews li h5 em{ font-size: 12px; color: #fff; font-family: "Arial";}
.gsdt_l .chtext .dtnews li:hover h5{background: #e00109;}
 
.gsdt_l .chtext .dtnews li>div{ padding-left: 54px;}
.gsdt_l .chtext .dtnews li>div p{ height: 40px; line-height: 40px;}
.gsdt_l .chtext .dtnews li>div p a{ font-size: 13px; color:#404040;}
/*-- gsdt_l_end --*/

.gsdt_r{ width: 350px; float: right; padding: 15px 15px; background: #fff; border: 2px solid #e00109;}
.gsdt_r h5{ overflow: hidden; width: 100%; border-bottom: 1px solid #e00109;  height: 32px; line-height: 32px; margin-bottom:5px;}
.gsdt_r h5 *{ display: inline-block;}
.gsdt_r h5 em{ float: left;}
.gsdt_r h5 em .btwz{ float: left; font-size: 16px; color: #000000; font-weight: bold;}
.gsdt_r h5 em span{ font-size: 16px; color: #d6d6d6; margin-left: 3px; font-family: "Arial"; font-weight: normal; text-transform: uppercase;}
.gsdt_r h5 .smore{ font-size: 28px; color: #000; float: right; text-decoration: none; margin-right: 5px;}

.dis {display:none;}
#plistc li {margin:3px;margin-top:10px;margin-bottom:5px; float:left;width:110px;height:32px;border:none; padding:0;}
#plistc li a {width:110px;line-height:32px;text-align:center;display:block; background:#D40000;color:#FFF;}
#plistc li a.in {background:#0059B7;color:#FFF;}

/*在线客服*/

#floatDivBoxs{width:120px;background:#fff;position:fixed;top:220px;right:0px;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#e00109;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:12px;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 5px 10px;font-weight:bold;font-size:13px;color:#e00109;height:25px;line-height:25px;width:110px;height:60px;}
#floatDivBoxs .floatImg{text-align:center;padding:10px;background:#EBEBEB;}
#floatDivBoxs .floatImg img{ margin-bottom:5px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(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(online_arrow.jpg) no-repeat;position:fixed;top:100px;right:0;z-index:999;}
#rightArrow a{display:block;height:45px;}