@charset "UTF-8";
/***********************
  home
************************/
/*常用代码段*/
section {
  margin-top: 20px; }

.sect-newsr {
  margin-top: 40px; }

.display_video {
  width: 550px;
  height: 300px;
  float: left;
  margin-right: 20px;
  overflow: hidden; }

.modules {
  overflow: hidden;
  float: left;
  margin-bottom: 0px; }

.case-tools {
  overflow: hidden;
  float: left; }

/***********************
  sub-unit
************************/
/*-----------------------
  title-bar
------------------------*/
.title-bar {
  text-align: left;
  font-size: 22px; }

.title-bar h4 {
  background: url(../images/ibg.jpg) left bottom no-repeat;
  text-align: left;
  font-size: 22px;
  margin-bottom: 10px;
  margin-top: 0;
  margin-right: 0;
  margin-left: 0;
  padding-top: 0px;
  padding-right: 0;
  padding-bottom: 10px;
  padding-left: 0; }

.title-bar a {
  float: right;
  margin: 5px 0 0 10px; }

.title-bar a.m-next {
  display: block;
  width: 26px;
  height: 26px;
  overflow: hidden;
  background: url("../images/arrow_right.gif");
  background-position: 0 0; }

.title-bar a.m-pre {
  display: block;
  width: 26px;
  height: 26px;
  overflow: hidden;
  background: url("../images/arrow_left.gif");
  background-position: 0 0; }

.title-bar a.m-over {
  background-position: -26px 0; }

/*-----------------------
  list-date
------------------------*/
.list-date {
  overflow: hidden;
  float: left;
  margin-bottom: 0px; }

.list-date {
  padding: 0; }

.list-date li {
  height: 69px;
  list-style-type: none;
  overflow: hidden;
  clear: both;
  margin: 0 0 5px 0;
  padding: 0px 0 8px 0;
  border-bottom: 1px dashed #d9d9d9; }

.list-date li .date {
  float: left;
  width: 59px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  border-right: 1px solid #cccccc;
  padding: 5px 15px 5px 0; }

.list-date li .date span {
  display: block;
  line-height: 25px;
  font-size: 16px; }

.list-date li a {
  float: left;
  width: 290px;
  height: 65px;
  display: block;
  padding-left: 25px;
  overflow: hidden; }

.span32 .list-date li a {
  width: 220px; }

.list-date li a:hover h3, .m-lsdt .list li a:hover p {
  color: #005ca2; }

.list-date li h3 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0;
  padding: 0;
  color: #4d4d4d;
  font-size: 16px;
  font-family: Microsoft YaHei;
  text-align: left; }

.list-date li p {
  color: #999999;
  font-size: 12px;
  line-height: 21px;
  margin-top: 0px; }

/*-----------------------
  form-mes
------------------------*/
.form-mes .mestel {
  line-height: 10px; }

.form-mes .mescontent a {
  color: #333;
  float: left;
  margin-right: 20px; }

.form-mes .mescontent form {
  margin-bottom: 0; }

.form-mes .mestitle {
  background: #176492;
  line-height: 30px;
  text-align: center;
  color: #fff; }

.form-mes .mescontent {
  background: #94dafb;
  text-align: left;
  color: #333;
  padding: 15px 0 15px 20px; }

.form-mes .mescontent input {
  border: 1px solid #ccc;
  padding-left: 10px;
  width: 200px;
  margin: 3px 0;
  line-height: 20px;
  height: 20px; }

.form-mes .mescontent textarea {
  border: 1px solid #ccc;
  padding-left: 10px;
  width: 200px;
  margin: 5px 0; }

.form-mes input.messubmit {
  background: #fd8314;
  color: #fff;
  font-size: 16px;
  width: 120px;
  text-align: center;
  padding: 5px 0;
  font-weight: bolder;
  margin-left: 35px;
  float: left;
  margin-right: 10px;
  line-height: 20px;
  height: 30px; }

.form-mes .mescontent a {
  color: #333;
  float: left;
  margin-right: 20px; }

.form-mes .mescontent form {
  margin-bottom: 0; }

/*-----------------------
  m-service
------------------------*/
.m-service .m-service-list {
  margin: 20px 0;
  width: 990px;
  height: 200px;
  overflow: hidden;
  position: relative;
  z-index: 99; }

.m-service ul {
  padding: 0;
  list-style: none;
  background-color: #ffffff;
  position: relative;
  left: 0;
  display: block;
  width: auto;
  height: auto;
  overflow: hidden; }

.m-service ul li {
  float: left;
  width: 217px;
  padding: 35px 15px 35px 15px;
  text-align: center;
  height: 100px;
  overflow: hidden;
  display: block; }

.m-service ul li:hover {
  background-color: #005ca2; }

.m-service ul li:hover p {
  color: #ffffff; }

.m-service ul li:hover h4 {
  color: #ffffff; }

.m-service ul li h4 {
  font-size: 16px;
  font-weight: bold;
  margin: 10px; }

.m-service ul li a p {
  color: #666666; }

.m-service ul li.A {
  background-image: url("../images/grey_yw1.jpg");
  background-repeat: no-repeat;
  background-position: center 40px; }

.m-service ul li.A:hover {
  background-image: url("../images/blue_yw1.jpg");
  background-repeat: no-repeat;
  background-position: center 40px; }

.m-service ul li.B {
  background-image: url("../images/grey_yw2.jpg");
  background-repeat: no-repeat;
  background-position: center 40px; }

.m-service ul li.B:hover {
  background-image: url("../images/blue_yw2.jpg");
  background-repeat: no-repeat;
  background-position: center 40px; }

.m-service ul li.C {
  background-image: url("../images/grey_yw3.jpg");
  background-repeat: no-repeat;
  background-position: center 40px; }

.m-service ul li.C:hover {
  background-image: url("../images/blue_yw3.jpg");
  background-repeat: no-repeat;
  background-position: center 40px; }

.m-service ul li.D {
  background-image: url("../images/grey_yw4.jpg");
  background-repeat: no-repeat;
  background-position: center 40px; }

.m-service ul li.D:hover {
  background-image: url("../images/blue_yw4.jpg");
  background-repeat: no-repeat;
  background-position: center 40px; }

.m-service ul li.E {
  background-image: url("../images/grey_yw5.jpg");
  background-repeat: no-repeat;
  background-position: center 40px; }

.m-service ul li.E:hover {
  background-image: url("../images/blue_yw5.jpg");
  background-repeat: no-repeat;
  background-position: center 40px; }

.m-service ul li.F {
  background-image: url("../images/grey_yw6.jpg");
  background-repeat: no-repeat;
  background-position: center 40px; }

.m-service ul li.F:hover {
  background-image: url("../images/blue_yw6.jpg");
  background-repeat: no-repeat;
  background-position: center 40px; }

.m-service ul li.G {
  background-image: url("../images/grey_yw7.jpg");
  background-repeat: no-repeat;
  background-position: center 40px; }

.m-service ul li.G:hover {
  background-image: url("../images/blue_yw7.jpg");
  background-repeat: no-repeat;
  background-position: center 40px; }

.m-service ul li.H {
  background-image: url("../images/grey_yw8.jpg");
  background-repeat: no-repeat;
  background-position: center 40px; }

.m-service ul li.H:hover {
  background-image: url("../images/blue_yw8.jpg");
  background-repeat: no-repeat;
  background-position: center 40px; }

.m-service ul li.I {
  background-image: url("../images/grey_yw9.jpg");
  background-repeat: no-repeat;
  background-position: center 40px; }

.m-service ul li.I:hover {
  background-image: url("../images/blue_yw9.jpg");
  background-repeat: no-repeat;
  background-position: center 40px; }

.m-service ul li.J {
  background-image: url("../images/grey_yw10.jpg");
  background-repeat: no-repeat;
  background-position: center 40px; }

.m-service ul li.J:hover {
  background-image: url("../images/blue_yw10.jpg");
  background-repeat: no-repeat;
  background-position: center 40px; }
  
/*-----------------------
  m-list
------------------------*/
.m-list {
  float: left; }

.m-list-title {
  padding: 30px 0 10px 0;
  margin: 0;
  background: url(../images/ibg.jpg) left bottom no-repeat;
  font-size: 22px;
  margin-bottom: 10px; }

.m-list-title a {
  float: right;
  margin: 5px 0 0 10px; }

.m-list-title a.m-next {
  display: block;
  width: 26px;
  height: 26px;
  overflow: hidden;
  background: url("../images/arrow_right.gif");
  background-position: 0 0; }

.m-list-title a.m-pre {
  display: block;
  width: 26px;
  height: 26px;
  overflow: hidden;
  background: url("../images/arrow_left.gif");
  background-position: 0 0; }

.m-list-title a.m-over {
  background-position: -26px 0; }

.m-list {
  float: left; }

.m-list ul {
  margin-left: 15px;
  list-style-type: disc; }

.m-list li {
  line-height: 24px; }

/*# sourceMappingURL=home201608.css.map */
