@charset "utf-8";

/* base 公共部分 */
body { font: 14px/22px "思源宋体"; color:#555; margin: 0px; padding:0;text-align:left;}
*{ padding:0; margin:0; font-family:"思源宋体" !important;}
a { color:#555; text-decoration:none;}
a:hover{ color:#d30000; text-decoration:none;}
ul,li{ list-style:none;}
img { border:none; }
.clearboth { clear:both; }
.page{ text-align:center; margin:10px 0; width:100%; float:left;}
.page a{ background:#b3b3b3; color:#fff; margin:0 2px; padding:2px 8px;}
.page a.dq,.page a:hover{ background:#d30000;}

.container{ width:1030px; margin:0 auto; text-align:left;}
.main{width:1030px; margin:30px auto;}

/*头部*/
.header{width:100%; height:115px; background:url(../images/top_02.jpg) repeat-x left;}
.header .top{ width:1030px; margin:0 auto;}
.header .top .logo{ float:left; width:560px; background:url(../images/logo.png) no-repeat center; height:115px;}
.header .top .logo span{ color:#dddad6; font-size:21px; font-weight:bold; margin-top:50px; padding-left:175px; display:block;}
.header .top .logo span a{color:#dddad6; }
.header .top .tel{float:right; height:115px;}


/*菜单*/
/* 本例子css */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ padding:0 20px;  height:44px; line-height:44px; width:1030px;  position:relative; z-index:1; margin:0 auto;}
.nav a{ color:#fff;  }
.nav .nLi{ float:left;  position:relative; display:inline; background:url(../images/line_07.jpg) no-repeat left;}
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 36px; font-size:14px; font-weight:200;  }
.nav .nLi h3 a:hover{color:#f00;}
.nav .sub{ display:none; width:100px; left:0; top:34px;  position:absolute; background:#4E4E4E;  line-height:26px; padding:5px 0;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:0 10px; }
.nav .sub a:hover{ background:#6d6d6d; color:#fff;  }
.nav .on h3 a{color:#f00;}

/*banner*/

.slideBox{ width:100%;  overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute;  bottom:10px; z-index:1; left:45%;  }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:50px; height:8px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%;  display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:51px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }
		
		
/*主体*/
.content{ width:100%; float:left; margin:15px 0;}
.content-sy{ width:100%; float:left;  background:#e1e1e1;}


/* 本例子css */
.box_1{width:100%; margin:0 auto;background:#e7e5e5; min-height:375px; margin-bottom:35px; padding:30px 0;}
.box{ width:1030px; margin:0 auto; margin-top:22px; margin-bottom:20px;}
.box .title{ font-weight:bold; color:#555459; text-align:center; padding-bottom:25px;}
.box .fl{ width:1030px;margin:0 auto; height:70px; margin-bottom:20px;}
.box .fl ul li{ float:left; width:245px; margin-right:16px; background:#4a4a4a; padding:10px 0; text-align:center;}
.box .fl ul li:hover{ background:#c71500;}
.box .fl ul li a{ font-size:16px; color:#fff; font-weight:bold;}
.box .pro{ width:1030px;margin:0 auto;}
.box .pro ul li{ float:left; width:195px; height:230px; margin-right:12px; margin-bottom:20px;text-align:center;}
.box .pro ul li img{ width:195px; height:193px;}
.box .pro ul li span{width:195px; height:38px; line-height:38px; background:url(../images/span.jpg) no-repeat center; display:block;}
.box .pro ul li span a{ text-align:center; color:#fff;}
.box .pro .last{ margin-right:0;}

.xxtj{width:1030px; margin:0 auto; margin-top:20px; margin-bottom:20px; background:url(../images/xxtj.jpg) no-repeat center; height:380px;}
.xxtj .title{ font-weight:bold; color:#555459; text-align:center; padding-bottom:25px;}
.xxtj .nr{ padding-left:10px; padding-top:170px;}
.xxtj .nr ul li{background: #fff;padding: 10px 0;text-align: center; margin-bottom:15px; float:left; margin-right: 10px;width: 117px; color:#555;}
.xxtj .nr ul li a{ padding:10px 15px; color:#000; text-align:left;}
.xxtj .nr ul li:hover{background: #c71500;}
.xxtj .nr ul li a:hover{ color:#fff;}

.box1{width:100%; margin:0 auto; /*background:#e7e5e5;*/ height:350px; margin-bottom:35px;}
.box1 .box11{ width:1030px; margin:0 auto; padding-top:35px;}
.box1 .box11 .title{ color:#c71500; font-size:22px; font-weight:bold; text-align:center; padding-bottom:20px;}
.box1 .box11 .title span{ color:#555459; font-size:14px; padding-top:10px; display:block;}
.box1 .box11 .left{ float:left; width:520px; margin-right:20px;height:215px;}
.box1 .box11 .left img{ width:520px; height:215px;}
.box1 .box11 .right{float:right; width:490px;height:215px;}
.box1 .box11 .right p{ line-height:26px; font-size:14px; text-align:left;}
.box1 .box11 .right ul{ padding-top:18px;}
.box1 .box11 .right ul li{ float:left; width:70px; margin:0 10px; margin-right:42px;text-align:center;}
.box1 .box11 .right ul li a{ color:#c71500;}
.box1 .box11 .right .a1 a{background:url(../images/a1.png) no-repeat center top; width:70px; height:68px; display:block; padding-top:65px;}
.box1 .box11 .right .a1  a:hover{ background:url(../images/a1-h.png) no-repeat center top; }
.box1 .box11 .right .a2 a{background:url(../images/a2.png) no-repeat center top; width:70px; height:68px; display:block; padding-top:65px;}
.box1 .box11 .right .a2  a:hover{ background:url(../images/a2-h.png) no-repeat center top; }
.box1 .box11 .right .a3 a{background:url(../images/a3.png) no-repeat center top; width:70px; height:68px; display:block; padding-top:65px;}
.box1 .box11 .right .a3  a:hover{ background:url(../images/a3-h.png) no-repeat center top; }
.box1 .box11 .right .a4 a{background:url(../images/a4.png) no-repeat center top; width:70px; height:68px; display:block; padding-top:65px;}
.box1 .box11 .right .a4  a:hover{ background:url(../images/a4-h.png) no-repeat center top; }

.box2{ width:1030px; margin:30px auto;}
.box2 .left{ float:left;width:330px; height:260px;}
.box2 .left .title{ height:35px; line-height:35px; font-size:18px; font-weight:bold; color:#555459; background:url(../images/line_29.jpg) no-repeat left bottom; margin-bottom:15px; text-align:left;}
.box2 .left .title a{ font-size:14px; font-weight:200;color:#555459;}
.box2 .left .title span{ float:right; font-size:14px;font-weight:200;color:#555459;}
.box2 .left .title span a{color:#555459}
.box2 .left ul li{ height:30px; line-height:30px; border-bottom:1px dashed #ccc;}
.box2 .left ul li a{ color:#555555;}
.box2 .left ul li span{ float:right;}

.box2 .center{float:left;width:330px; height:260px; margin:0 20px;}
.box2 .center .title{ height:35px; line-height:35px; font-size:18px; font-weight:bold; color:#555459; background:url(../images/line_29.jpg) no-repeat left bottom; margin-bottom:15px; text-align:left;}
.box2 .center .title a{ font-size:14px; font-weight:200;color:#555459;}
.box2 .center .title span{ float:right; font-size:14px;font-weight:200;color:#555459;}
.box2 .center .title span a{color:#555459}
.box2 .center ul li{ height:30px; line-height:30px; border-bottom:1px dashed #ccc;}
.box2 .center ul li a{ color:#555555;}
.box2 .center ul li span{ float:right;}

.box2 .right{float:left;width:330px; height:260px;}
.box2 .right{float:left;width:330px; height:260px;}
.box2 .right .title{ height:35px; line-height:35px; font-size:18px; font-weight:bold; color:#555459; background:url(../images/line_29.jpg) no-repeat left bottom; text-align:left;}
.box2 .right .title a{ font-size:14px; font-weight:200;color:#555459;}
.box2 .right .title span{ float:right; font-size:14px;font-weight:200;color:#555459;}
.box2 .right .title span a{color:#555459}
.box2 .right .nr{ width:330px; height:225px; background:url(../images/lxwm.jpg) no-repeat center;}
.box2 .right .nr p{height:26px; line-height:26px;}

.box3{ width:1030px; margin:30px auto;}
.box3 .title{ text-align:center; margin-bottom:5px;}
.multipleColumn{ overflow:hidden; position:relative; width:1030px;  }
.multipleColumn .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.multipleColumn .hd .prev,.multipleColumn .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("images/icoLeft.gif") no-repeat;}
.multipleColumn .hd .next{ background:url("images/icoRight.gif") no-repeat;  }
.multipleColumn .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.multipleColumn .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.multipleColumn .hd ul li.on{ background-position:0 0; }
.multipleColumn .bd{ overflow:hidden;  }
.multipleColumn .bd ul{ overflow:hidden; zoom:1; width:284px;  float:left; _display:inline;  }
.multipleColumn .bd ul li{ margin:8px 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.multipleColumn .bd ul li .pic{ text-align:center; }
.multipleColumn .bd ul li .pic img{ width:120px; height:60px; display:block;  padding:2px; border:1px solid #ccc; }
.multipleColumn .bd ul li .pic a:hover img{ border-color:#999;  }
.multipleColumn .bd ul li .title{ line-height:24px;   }

.box4{ width:100%; background:#545454; /*height:74px;*/}
.box4 .yqlj{ width:1030px; margin:0 auto; padding:20px 0;}
.box4 .yqlj span{ font-size:16px; font-weight:bold; color:#fff; padding-right:30px;}
.box4 .yqlj a{ font-size:14px; color:#fff; padding:0 10px;}

.cpzq{ margin:30px 0; float:left;}
.cpzq .title{ font-size:16px; text-align:center; color:#666;}
.cpzq .box{ width:1040px; margin-top:20px;}
.cpzq .box ul li{ float:left; width:248px; margin-right:16px; text-align:center;}
.cpzq .box ul li img{ width:248px; height:179px;}
.cpzq .box ul li span{ font-size:16px; color:#000; text-align:center; font-weight:bold;}
.cpzq .box ul li span a{ color:#000; background:none;}
.cpzq .box ul li p{ font-size:12px; color:#666; text-align:left;}
.cpzq .box ul li a{ color:#d30000; text-align:center; background:url(../images/gd_32.jpg) no-repeat center; line-height:31px; height:31px; padding:10px 35px;}




.gywm{ width:400px; float:left;}
.gywm .title{ margin:20px 0;}
.gywm p a{ color:#FF0004;}
.gywm p a:hover{ color:#ccc;}

.yy{ width:100%; margin-top:10px;}
.yy img{ width:100%;}

.xwzx{width:580px; float:right;}
.xwzx .title{ margin:20px 0; float:left;}
.xwzx img{ float:left; margin-right:20px;}
.xwzx p a{ color:#FF0004;}
.xwzx p a:hover{ color:#ccc;}


.ksdh{ margin:30px 0; float:left;}
.ksdh .box-d{ margin:20px 0;}
.ksdh .box-d h3 { background:url(../images/bbb.jpg) no-repeat 0px center; padding-left:20px;  float:left;  width:80px;}
.ksdh .box-d ul{ float:left; width:880px; }
.ksdh .box-d ul li{ float:left; }
.ksdh .box-d ul li a{ padding:0 10px; border-right: dashed 1px #ccc;}

.ksdh .yqlj .title {font-size:16px; padding-bottom:10px; padding-top:20px; background:url(../images/yq.jpg) no-repeat center; height:20px; line-height:20px;}
.ksdh .yqlj ul{ padding:10px 0;}

.yw{background:url(../images/blyx_03.jpg) center; height:584px;   }
.blyx{background:#f1f1f1;height:612px;}
.blyx .title{ padding-top:40px; width:1040px; margin:0 auto;}
.blyx .title p{ text-align:center; color:#666; font-size:16px; padding-bottom:20px;}


.jianju{ margin-bottom:20px;}
/*内页左边菜单*/
.sidebar{ width:200px; float:left;}
.side_menu{}
.side_menu .title{background:url(../images/hd_n_c.jpg) no-repeat left; overflow:hidden; height:74px; line-height:74px; padding:0 10px;}
.side_menu .title .wz01{ color:#fff; font-size:12px; }
.side_menu .title span{ color:#fff; font-size:24px;  }
.side_menu .title  span a{ font-size:12px;color:#fff;}
.sideMenu{  border:1px solid #ddd;  }
.sideMenu h3{ height:32px; line-height:32px; padding-left:10px;  border-top:1px solid #e3e3e3; background:url(../images/btbj-2.jpg) no-repeat left; cursor:pointer;font:normal 14px/32px "Microsoft YaHei"; color:#fff;;
		}
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px;   background:url(images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.sideMenu h3.on em{ background-position:16px -57px; }
.sideMenu ul{ padding:8px 8px; color:#999; display:none; /* 默认都隐藏 */ }

.side_menu ul{}
.side_menu ul li{ font-size:14px; position:relative; background:url(../images/btbj-1.jpg) repeat-x; height:36px; }
.side_menu ul li span{ float:left; line-height:29px; }
.side_menu ul li a{ display:block; border-bottom:1px solid #ccc; line-height:36px; padding-left:33px;}
.side_menu ul li a:hover,.side_menu ul li a.active,.side_menu ul li:hover{ background:url(../images/btbj-2.jpg) repeat-x; height:36px;  color:#fff;}
.side_lxwm{ width:200px;  margin-top:20px; border:1px solid #ccc;}
.side_lxwm img{ width:200px; height:86px;}
.side_lxwm p{ padding:0 10px; line-height:26px;}
.side_menu .intro ul li{ background:url(../images/btbj-1.jpg) repeat-x; height:36px; font-size:14px; position:relative;}
.side_menu .intro ul li a{ display:block; border-bottom:1px solid #ccc; line-height:36px; padding-left:33px;}
.side_menu .intro ul li a:hover,.side_menu .intro ul li a.active,.side_menu .intro ul li:hover{ background:url(../images/btbj-2.jpg) repeat-x; height:36px;  color:#fff;}
#menu2 ul ul{ display:none;  position:absolute; top:0;  left:200px; width:200px; border-left:solid 1px #fff; z-index:10;}


/*======内页右边内容=====*/
/*内页右边标题*/
.side_right{ width:790px; float:right; background:#fff;  padding:15px; min-height:400px;}
.side_right .yemei{ border-bottom:solid 1px #e3e3e3; padding-bottom:5px;}
.side_right .yemei h2{ font-size:18px; float:left; background:url(../images/xtb-1.png) 0 5px no-repeat; padding-left:20px; font-weight:normal;}
.side_right .yemei span{ float:right; color:#ccc;}
.side_right .yemei span a{color:#ccc;}
.side_right .yemei span a:hover{color:#666;}

.side_right .box{padding:20px 0;}
.side_right .box ul li{ float:left; width:185px; margin-right:16px; text-align:center;}
.side_right .box ul li img{ width:185px; height:150px;}
.side_right .box ul li span{ font-size:16px; color:#000; text-align:center; font-weight:bold;}
.side_right .box ul li span a{ color:#000; background:none;}
.side_right .box ul li p{ font-size:12px; color:#666; text-align:left;}
.side_right .box ul li a{ color:#d30000; text-align:center; background:url(../images/gd_32.jpg) no-repeat center; line-height:31px; height:31px; padding:10px 34px;}

/*内页右边单页及表格、表单样式*/
.side_right .intro{ line-height:26px; padding-top:5px;}
.side_right .intro table{ background:#dadada; margin:20px 0;}
.side_right .intro table tr td{ padding:4px; background:#fff;}
.side_right .intro table tr td a:hover{ color:#c30;}
.side_right .intro table input, .side_right .intro table textarea{ border:solid 1px #ccc; padding:4px; font-family:"思源宋体"; border-radius:3px;}
.side_right .intro table input.button{background:#555; color:#fff; cursor:pointer; padding:2px 10px; border:none;}


/*首页新闻列表*/
.sy_news_list{ padding:20px 0; width:283px; float:left;}
.sy_news_list ul li{background:url(../images/fh_03.jpg) no-repeat 6px; padding-left:30px; line-height:31px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; width:253px; }
.sy_news_list ul li a:hover{ text-decoration:underline;}
.sy_news_list ul li span{ float:right;}



/*新闻列表*/
.news_list{ padding:20px 0;}
.news_list ul li{ border-bottom:dotted 1px #dbdbdb; background:url(../images/iocn02.jpg) no-repeat 6px; padding-left:30px; line-height:24px; margin-bottom:10px;}
.news_list ul li a:hover{ text-decoration:underline;}
.news_list ul li span{ float:right;}

.news_list1{ padding:20px 0;}
.news_list1 ul li{margin-bottom:32px; height:200px;}
.news_list1 .left{ width:200px; float:left;}
.news_list1 .left img{ width:200px; height:200px; padding:5px; border:1px solid #ebebeb;}
.news_list1 .right{ width:550px; float:right;}
.news_list1 .right h5{height: 30px;line-height: 30px;overflow: hidden;font-size: 16px;}
.news_list1 .right h5 a{ color:#333;}
.news_list1 .right h6{font-weight: normal;height: 30px;line-height: 30px;overflow: hidden;font-size: 12px;margin-bottom: 18px;color: #999;}
.news_list1 .right p{color: #666;font-size: 14px;line-height: 26px;height: 78px;overflow: hidden;margin-bottom: 20px}
.news_list1 .right .cs_more {color: #fff;display: inline-block;font-size: 14px; background: url(../images/c_btn.gif) no-repeat;text-align: center;line-height: 28px;height: 28px;width: 92px;}

/*新闻详细页*/
.news_show{ padding:20px 0;}
.news_show .name{ font-size:20px; text-align:center; line-height:40px;}
.news_show .date{ text-align:center; margin-bottom:10px; border-bottom:dashed 1px #dadada; padding-bottom:10px; color:#ccc;}
.news_show .nr{ padding:8px 18px; }
.news_show .nr p{ margin-bottom:10px; line-height:26px;}
.news_show  .mct3 {text-indent: 0;line-height: 39px;height: 39px;border: 1px #cacaca dashed; border-left: none;border-right: none;}
.news_show  .fr{ float:right;}
.news_show .back{ text-align:center;}
.news_show .back a:hover{ color:#ec6100;}

/*产品列表*/
.product_list{ padding:20px 0;}
.product_list ul li{ float:left; margin:0 17px 20px; width:162px; text-align:center; overflow:hidden;}
.product_list ul li img{ border:solid 1px #dadada; width:160px; height:156px;}

/*案例列表*/
.product_list1{ padding:20px 0;}
.product_list1 ul li{ float:left; margin:0 25px 20px; width:212px; text-align:center; overflow:hidden;}
.product_list1 ul li img{ border:solid 1px #dadada; width:210px; height:156px;}

/*合作列表*/
.product_list2{ padding:20px 0;}
.product_list2 ul li{ float:left; margin:0 20px 20px; width:157px; text-align:center; overflow:hidden;}
.product_list2 ul li img{ border:solid 1px #dadada; width:155px; height:58px;}

/*产品详细*/
.product_show{ padding:20px 0;}
.product_show .pic{ float:left; width:500px;}
.product_show .pic img{ width:500px; border:solid 1px #dadada; padding:2px;}
.product_show .guige{ float:right; width:250px;}
.product_show .guige ul li{ border-bottom:dotted 1px #ccc; line-height:24px; padding-left:10px; margin-bottom:10px;}
.product_show .guige ul li .font1{ color:#b81c22;}
.product_show .sm{ width:100%; float:left; margin-top:20px;}
.product_show .sm .smbt{ border-bottom:solid 1px #dadada; width:100%; float:left;}
.product_show .sm .smbt span{ background:#d30000; color:#fff; padding:5px 10px; border-radius:4px 4px 0 0; font-size:14px; float:left;}
.product_show .sm .neirong{ padding:10px; line-height:24px; float:left;}
.product_show .sm ul{border-bottom: 1px dashed #ccc;margin: 10px 0; height:30px; line-height:30px;}
.product_show .sm ul li a{ float:left; padding:0px 10px; border-right: 1px solid #ccc;}
.product_show .title{ height:30px; line-height:30px; font-size:16px; font-weight:bold; border-bottom: 1px solid #ccc; margin-bottom:20px; text-align:center;}
.product_show .pic1{ width:500px; margin:0 auto; text-align:center;}
.product_show .pic1 img{ width:500px; border:solid 1px #dadada; padding:2px;text-align:center;}

/*视频列表*/
.video_list{ padding:20px 0;}
.video_list ul li{ float:left; margin:0 25px 20px; width:325px; text-align:center; overflow:hidden;}
.video_list ul li img{ border:solid 1px #dadada; width:323px; height:270px;}



/*footer*/
.footer{ width:100%; background:#464646; padding:20px 0; }
.footer p{ color:#d1cccb; text-align:center; line-height:26px; font-size:14px;}
.footer p a{ color:#d1cccb;}

#pop{background:#fff;width:300px; height:282px;font-size:12px;position:fixed;right:0;bottom:0;}
#popHead{line-height:32px;background:#f6f0f3;border-bottom:1px solid #e0e0e0;font-size:12px;padding:0 0 0 10px;}
#popHead h2{font-size:14px;color:#666;line-height:32px;height:32px;}
#popHead #popClose{position:absolute;right:10px;top:1px;}
#popHead a#popClose:hover{color:#f00;cursor:pointer;}