@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  font-size: 14px;
  font-family: "微软雅黑";
  font-style: normal; }

a {
  text-decoration: none; }

a,
a:hover {
  transition: background 0.5s linear;
  -webkit-transition: background 0.5s linear;
  -moz-transition: background 0.5s linear;
  -o-transition: background 0.5s linear; }

em,
i {
  font-style: normal; }

ul,
ol,
li {
  list-style: none; }

img {
  border: none;
  vertical-align: middle; }

input,
select,
textarea {
  outline: none;
  background: none; }

.productCenter {
  margin-top: 40px; }
  .productCenter .product_left dl {
    text-align: center; }
    .productCenter .product_left dl dt {
      padding: 30px 0;
      background: #0067dc;
      color: #fff;
      margin-bottom: 10px; }
    .productCenter .product_left dl dd {
      background: #eee;
      padding: 5px 5px 10px;
      text-align: left;
      font-size: 16px;
      }
      .productCenter .product_left dl dd a {
        display: inline-block;
        width: 100%;
        padding: 10px 5px;
        background: #fff;
        text-decoration: none;
        color: #999; }
        .productCenter .product_left dl dd a > i {
          display: inline-block;
          width: 0;
          height: 0;
          border: 6px solid transparent;
          border-left-color: #eee;
          position: relative;
          top: 3px; }
      .productCenter .product_left dl dd a:hover {
        color: #fff;
        background: #0067dc; }
        .productCenter .product_left dl dd a:hover i {
          border-left-color: #fff; }
    .productCenter .product_left dl dd:last-child {
      padding-bottom: 5px; }
  .productCenter .product_right h2 {
    padding: 14px 0;
    color: #666;
    font-weight: bold; }
  .productCenter .product_right ul {
    text-align: center;
    border: 1px solid #999;
    color: #666;
    transition: all 0.6s;
    overflow: hidden;
    }
    .productCenter .product_right ul img {
      width: auto;
      }
      @media (min-width: 768px) {
   .productCenter .product_right ul:hover{
  -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
}
    .productCenter .product_right ul p {
      padding: 15px 0;
      font-size: 18px;
      height: 60px;
      }
      .productCenter .product_right ul p span {
        margin: 0 10px; }

.advantage {
  margin-bottom: 20px; }
  .advantage .advantage_top {
    margin-bottom: 50px;
    margin-top: 30px; }
    .advantage .advantage_top .one {
      font-size: 50px;
      color: #0067cb;
      font-weight: bold;
      position: relative;
      top: -15px; }
    .advantage .advantage_top .tow {
      display: inline-block; }
      .advantage .advantage_top .tow i {
        display: inline-block;
        width: 100%;
        color: #fff;
        background-position: center;
        background-image: url("../img/bg.jpg");
        background-repeat: no-repeat;
        padding: 8px 0; }
      .advantage .advantage_top .tow em {
        font-size: 24px;
        color: #333; }
  .advantage .list {
    margin-bottom: 60px; }
  .advantage .left {
    margin-right: 10px; }
    .advantage .left p {
      width: 80px;
      height: 80px;
      line-height: 80px;
      display: inline-block;
      text-align: center;
      font-size: 40px;
      border: 1px solid #ccc;
      margin: 0;
      font-weight: bold;
      color: #c90400; }
  .advantage .right {
    width: 440px; }
    .advantage .right h3, .advantage .right h4, .advantage .right p {
      margin: 0;
      padding: 0; }
    .advantage .right h3 {
      width: 340px;
      font-size: 20px;
      color: #004fb2;
      margin-bottom: 10px;
      padding-bottom: 10px;
      border-bottom: 4px double #ccc; }
    .advantage .right h4 {
      color: #333;
      font-size: 20px;
      padding: 10px 0;
      }
    .advantage .right p {
      white-space: pre-line;
      word-wrap: break-word;
      color: #666;
      width: 100%;
      font-size: 20px;
      }

.top {
  font-size: 35px;
  font-weight: bold;
  color: #666;
  text-align: center; }
  .top i {
    display: block;
    width: 40px;
    height: 2px;
    background: #666;
    margin: 20px auto; }

.case {
  margin-bottom: 20px; }
  .case .case_ul p {
    text-align: center;
    padding: 20px 0;
    font-size: 18px;
    }
    .case .case_ul p span {
      margin: 0 10px; }

.Reason {
  padding: 90px 0;
  background: #f6f6f6; }
  .Reason .ReasonBox {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-flow: wrap; }
    .Reason .ReasonBox .ReasonBox_list:nth-child(2), .Reason .ReasonBox .ReasonBox_list:nth-child(5), .Reason .ReasonBox .ReasonBox_list:nth-child(8), .Reason .ReasonBox .ReasonBox_list:nth-child(11) {
      margin: 0 20px 30px; }
    .Reason .ReasonBox .ReasonBox_list {
      /*width: 360px;*/
	width: 280px;
      background: #fff;
      margin-bottom: 30px;
      float: left; }
      .Reason .ReasonBox .ReasonBox_list .left {
        color: #007AFF;
        font-weight: bold;
        font-size: 30px;
        width: 70px;
        text-align: center;
        }
        .Reason .ReasonBox .ReasonBox_list .left p {
          margin: 0;
          padding: 0; }
        .Reason .ReasonBox .ReasonBox_list .left span {
          width: 100%;
          font-size: 16px;
          display: inline-block;
          text-align: left;
          padding-left: 26px;
          position: relative;
          top: -10px; }
      .Reason .ReasonBox .ReasonBox_list .right .p {
        height: 100px;
        overflow: hidden;
        margin: 0;
        padding: 0; }
      .Reason .ReasonBox .ReasonBox_list .right > div {
        padding: 1px 0;
        background: #0067DC;
        color: #fff;
        text-align: center;
        }
.enterprise>div>div{
  margin: 60px auto; }
  .enterprise ul li{
	line-height: 40px;
	font-size: 20px;
}
  .enterprise p {
    white-space: pre-line;
    word-wrap: break-word;
    line-height: 25px;
    font-size: 16px;
    color: #666; }
.PCbanner{
	display: block;
}
.Mbanner{
	display: none;
	font-size:0
}
@media (max-width: 768px) {
	.product_left{
		display: none;
	}
	.productCenter{
		margin: 0;
	}
.PCbanner{
	display: none;
}

.Mbanner{
	display: block;
	font-size:0
}
  .Reason .ReasonBox .ReasonBox_list:nth-child(2), .Reason .ReasonBox .ReasonBox_list:nth-child(5), .Reason .ReasonBox .ReasonBox_list:nth-child(8), .Reason .ReasonBox .ReasonBox_list:nth-child(11) {
    margin:0; }

  .advantage .right {
    width: 100%; } 
    #left .MaskHover{
    	text-align: center;
    }
    .productCenter .product_right h2{
    	text-align: center;
    	margin: 0;
    	font-size: 24px;
    }
    .productCenter .product_right ul {
		    text-align: center;
		    border: 1px solid #ccc;
		    color: #999;
		    font-size: 16px;
		    padding-top: 15px;
		    margin-bottom: 10px;
		}
		.advantage .advantage_top .one {
		    font-size: 40px;
		    color: #0067cb;
		    font-weight: bold;
		    position: relative;
		    top: -15px;
		}
		.ReasonBox_list:nth-child(3){
			margin-top: 25px;
		}
		.Reason .ReasonBox{
			padding-bottom: 20px;
		}
		.enterprise>div>div{
			margin: 0;
			margin-top: 20px;
		}
		.advantage .list .left{
			position: relative;
	    left: 50%;
	    margin-left: -45px;
		}
		.advantage .advantage_top {
		    margin-bottom: 40px;
		    margin-top: 45px;
		}
		.advantage .right h3{
			width: 100%;
			text-align: center;
			margin-top: 20px;
		}
		.advantage .right h4{
			text-align: center;
		}
		.advantage .right p{
			text-align: center;
		}
		.advantage .list {
    margin-bottom: 40px;
}
		.advantage .MaskHover{
			margin-bottom: 40px;
		}
		.abt1:nth-child(1){
			margin-top: -20px;
		}
		.chanpinList{
			text-align: LEFT;
			margin-bottom: 20px;
		}
		.top {
    font-size:30px;
    font-weight: bold;
    color: #666;
    text-align: center;
    margin: 45px 0 25px;
}
.top i{
	    margin: 14px auto;
}
.Reason{
	padding: 0;
}
.Reason .ReasonBox .ReasonBox_list .left {
    color: #007AFF;
    font-weight: bold;
    font-size: 30px;
    width: 55px;
    text-align: center;
}
.Reason .ReasonBox .ReasonBox_list {
    /*width: 360px;*/
	width: 300px;
    background: #fff;
    margin-bottom: 30px;
    float: left;
    padding: 10px 10px 10px 0px;
}
.top h1{
	font-size:30px;
}
		.advantage .advantage_top .tow {
			margin-top: -10px;
		}
		.advantage .advantage_top .tow em {
    font-size: 22px;
    color: #333;
    display: block;
    margin-top: 10px;
}
		.productCenter .product_right ul li a{display: block !important; }
    }
@media (min-width: 768px) {
  #left {
    padding: 0; } }
.banner{font-size: 0;}
	.banner a{font-size: 0px;} 
.banner div{font-size: 0;}
/*# sourceMappingURL=module5.css.map */
.case_ul img{
  transition: all 0.6s;
  width: auto;
  display: block;
  margin: auto;
}
@media (min-width: 768px){
  .case_ul:hover img {
  -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}
}