#banner { height:200px; border-bottom:solid 1px #fff; }

#main { background: url(../image/main_bg.jpg) repeat-y center 200px; }
#aside { border-bottom: solid 1px #e2e2e2; padding-top: 5px; padding-bottom:40px; }
#category { width:100%; margin: 0 auto; padding-top: 40px; text-align:center;}
#category ul li { float: none; display: inline-block; width:200px; height: 41px; margin: 10px 7px; }
#category ul li a { display: block; background-color: #dfdfdf; border:solid 1px #d3d3d3; height: 39px; line-height: 39px; text-align: center; color: #111; font-size: 16px; border-radius:30px; }
#category ul li a:hover { border:solid 1px #ffa800; text-decoration: none; background-color:#ffa800; color: #fff; }
#category ul li.current a { border:solid 1px #ffa800;  background-color:#ffa800; color: #fff; }
#aside .big { text-align:center; font-size:26px; line-height:50px; padding-top:50px; color:#4a4544; }
#aside .small { text-align:center; font-size:12px; line-height:32px; color:#888888; }

#paper { width:1130px; margin: 0 auto; line-height: 180%; padding:35px 0px; }
#paper p {  margin: 10px 0; }
#newslist { padding-top: 32px; }
#newslist .item { width: 578px; height: 120px; float: left; display: inline; border:solid 1px #e0e0e0; background-color: #f6f6f6; margin-top: 10px; margin-bottom:10px; }
#newslist .odd { margin-left:40px; }
#newslist .time { width:12.5%; height:120px; background-color:#dadada; border-right:solid 1px #fff; float:left; text-align:center; padding:0 1%; min-width:100px; }
#newslist .time .p1 { font-size:30px; border-bottom:solid 1px #b7b7b7; color:#838383; line-height:45px; padding-top:20px; }
#newslist .time .p2 { font-size:26px; color:#838383; line-height:45px; }
#newslist .list { width:76%; float: right; display: inline; margin-right:2%; }
#newslist .list h4 { font-size:16px; height:34px; line-height:34px; }
#newslist .list h4 a { color:#d9210e; font-weight:normal; font-size:16px; }
#newslist .list p { line-height: 180%; color: #757575; font-size:14px; height:85px; }
#newslist .list time { display: block; background: url(../image/time_bg.jpg) no-repeat left center; padding-left: 20px; font-size:0.75em; color: #828282; height: 3.33em; line-height: 3.33em; }

#article { padding: 43px; width:1114px; margin:0 auto; position:relative; }
#article h1 { height: 33px; line-height: 33px; color: #666666; font-size: 24px; }
#article .attr { font-size: 12px; height: 40px; line-height: 40px; }
#article .attr time { background: url(../image/time_bg.jpg) no-repeat left center; padding-left: 20px;  }
#article .bdsharebuttonbox { display: inline; width: 100px; }
#article .art_content { line-height: 180%; width: 1115px; margin:0 auto; }
#article .art_content p { margin: 10px 0;  }

#article .art_next { height:51px; position:absolute; right:43px; top:43px;}
#article .art_next ul li { float:left; display:inline; width:51px; height:51px; }
#article .art_next ul li a { display:block; height:51px; background-image:url(../image/n_bg.png); background-repeat:no-repeat; }
#article .art_next ul li.n_1 a { background-position:left top;}
#article .art_next ul li.n_1 a:hover { background-position:left bottom; }
#article .art_next ul li.n_2 a { background-position:-52px 0px;}
#article .art_next ul li.n_2 a:hover { background-position:-52px -52px;}
#article .art_next ul li.n_3 a { background-position:right top;}
#article .art_next ul li.n_3 a:hover { background-position:right bottom;}
.art_back { width: 130px; height: 45px; display: block; z-index: 100; background: url(../image/back_bg.jpg) no-repeat left top; position:absolute; right:0; top:17px; }

.bdshare { border-top:solid 1px #e2e2e2; padding:27px 0; }
.bdshare .bd { width:1114px; margin:0 auto; }
.bdshare .backlist { float:right; width:136px; height:40px; }
.bdshare .backlist a { display:block; font-size:16px; text-align:center; height:40px; line-height:40px; background-color:#cd1a12; color:#fff;}
.bdshare .backlist a:hover { text-decoration:none; }

#caseview { padding:30px 0; }
#caseview h1 { text-align:center; height: 33px; line-height: 33px; color: #666666; font-size: 24px; }
#caseview .attr { text-align:center; font-size: 18px; height: 40px; line-height: 40px; }
#caseview .attr a { font-size: 18px; }
#caseview .art_content { line-height: 180%; margin-top:40px; }
.art_1 { height:800px; position:relative; margin-top:40px; }
.art_1 .c_prev { width:54px; height:101px; background:url(../image/c_prev.png) no-repeat left top; cursor:pointer; position:absolute; left:0; top:200px; }
.art_1 .c_prev:hover { background-position:left bottom; }
.art_1 .c_next { width:54px; height:101px; background:url(../image/c_next.png) no-repeat left top; cursor:pointer; position:absolute; right:0; top:200px; }
.art_1 .c_next:hover { background-position:left bottom; }
#art_2 { width:901px; height:760px; background:url(../image/c_bg1.png) no-repeat left top; margin:0 auto; padding-top:41px }
#art_3 { width:821px; height:515px; margin:0 auto; }
#art_3 ul li { width:703px; float:left; display:inline; }
#art_3 ul li img { display:block; }
#art_4 { width:831px; margin:0 auto; padding-top:35px; }
#art_4 ul li { width:255px; border:solid 1px #d6d6d6; float:left; display:inline; margin:0 10px; }
#art_4 ul li img { display:block; }
#art_4 ul li.current { border:solid 1px #cd1a12; }
.art_order { width:155px; height:45px; margin:0 auto; background-color:#cd1a12; border-radius:5px; }
.art_order a { display:block; line-height:45px; text-align:center; color:#fff; font-size:16px; }
.art_order a:hover { text-decoration:none; }

#solulist { padding: 37px 0; }
#solulist .item { width:578px; float: left; display: inline; background: url(../image/solu_bg.jpg) no-repeat left top; border:solid 1px #e0e0e0; margin-top: 18px; margin-bottom: 18px; }
#solulist .i1 {  background:url(../image/serv_1.png) no-repeat 30px 30px;  height:311px; padding-left: 176px; }
#solulist .i2 {  background:url(../image/serv_2.png) no-repeat 30px 30px;  height:311px; padding-left: 176px; }
#solulist .i3 {  background:url(../image/serv_3.png) no-repeat 30px 30px;  height:311px; padding-left: 176px; }
#solulist .i4 {  background:url(../image/serv_4.png) no-repeat 30px 30px;  height:311px; padding-left: 176px; }
#solulist .i5 {  background:url(../image/serv_5.png) no-repeat 30px 30px;  height:311px; padding-left: 176px; }
#solulist .i6 {  background:url(../image/serv_6.png) no-repeat 30px 30px;  height:311px; padding-left: 176px; }
#solulist h4 { height: 37px; line-height: 37px; font-size:20px; color:#696d82; padding-top: 30px; background: url(../image/solu_t.jpg) no-repeat right 45px; display: inline-block; padding-right: 25px; }
#solulist .bd { width: 365px; line-height:25px; }
#solulist .odd { margin-left: 36px; }

.m_pro_list { padding-top:20px; }
.m_pro_list .p1 { width:380px; float:left; display:inline; margin:25px 10px 0; position:relative; }
.m_pro_list .p1 img { display:block; }
.m_pro_list .p1 figcaption { display:block; height:45px; line-height:45px; text-align:center; background-color:#fff; }
.m_pro_list .info-mask { background:url(../image/mask_bg.png) no-repeat left top; width:380px; height:240px; transition: all 0.5s ease-in 0s; visibility: hidden; position:absolute; left:0; top:0; z-index:100; opacity: 0; }
.m_pro_list .info-mask i { background-image:url(../image/icon.png); background-position: -687px -78px; display: block; height: 52px; margin: 80px auto 10px; transform: translateY(50px); transition: all 0.5s ease-in 0s; width: 56px; }
.m_pro_list .info-mask .cn { font-size: 14px; text-align: center; transform: translateY(50px); transition: all 0.5s ease-in 0.2s; color:#fff; }
.m_pro_list a:hover .info-mask { opacity: 1; visibility: visible;}
.m_pro_list a:hover { text-decoration:none; }

.m_jobs { padding-top:20px; }
.job_1 { float:left; width:276px; display:inline; height:80px; margin:15px 0; }
.job_1 .pic { float:left; width:80px; display:inline; }
.job_1 .item { float:left; margin-left:10px; width:186px; display:inline; padding-top:7px; }
.job_1 .item h4 { height:28px; line-height:28px; font-size:16px; }
.job_1 .item h5 { color:#818181; }
.nofirst { margin:15px 180px;}

.cot a { font-size: 14px; }
.cot a:hover { color:#da251d;}


.right_main{margin:25px auto 0; width:100%; background-color:#fff;}

.news_list { width: 1180px; margin:auto;}
.news_list li {
  border: 1px solid #e8e8e8;
  padding-right: 24px;
  margin-bottom: 20px;
  display: inline-block;
  width: 1130px;
}
.news_list li .img {
  width: 266px;
  height: 206px;
  float: left;
  border-right: 1px solid #e8e8e8;
}
.news_list li .img img {
  width: 266px;
  height: 206px;
}
.news_list li .time {
  width: 80px;
  height: 104px;
  float: left;
  background: #acacac;
  line-height: 68px;
  margin: 32px 0 0 27px;
  text-align: center;
  font-size: 41px;
  color: #fff;
  position: relative;
}
.news_list li .time span {
  display: block;
  height: 36px;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #818181;
  line-height: 36px;
  font-size: 14px;
}
.news_list li .text {
  float: left;
  width: 740px;
  margin-left: 15px;
  padding-top: 24px;
}
.news_list li .text h3 a{font-size: 24px; color:#535353;}
.news_list li .text .info {
  font-size: 14px;
  line-height: 24px;
  padding-top: 10px;
  color: #999;
  height: 99px;
  overflow: hidden;
}
.news_list li .text .more {
  color: #eb8710;
  float: right;
  font-size: 14px;
  padding-bottom: 5px;
  border-bottom: 2px solid #ccc;
  margin-top:0px;
  margin-right: 10px;
}