.auto {
	margin: 0 auto;
	min-width: 1380px;
	max-width: 1380px;
}
.w {
	margin: 0 auto;
	min-width: 1200px;
	max-width: 1200px;
}
.gangyun-content {
  padding: 130px 0px 220px 0px;
  position: relative;
}
.gangyun-pro-bg {
  background-color: #F5F9FF;
  margin-top: 0px;
  margin-bottom: 0px;
  background-size: cover;
  background-attachment: fixed;
}
.gangyun-title {
  margin-bottom: 60px;
}
.gangyun-title h5 {
  font-size: 48px;
  line-height: 56px;
  z-index: 9;
  position: relative;
  margin-bottom: 15px;
  font-weight: 300;
  color: black;
  text-align: center;
}
.layui-container{position:relative;margin:0 auto;padding:0 15px;box-sizing:border-box}
.container{width:1200px}
.info-banner {
	background: url("images/weiduan/weiduan-banner.png") no-repeat center top;
}
a.info-btn4 {
margin:0 auto;
	background: #015bfe;
	color: #ffffff;
	width: 120px;
	border: 1px solid #015bfe;
	line-height: 35px;
	display: flex;
}
.jiage {
display: inline-block;
font-weight:bolder;
font-size: 28px; 
 background-image: -webkit-linear-gradient(bottom, red, #fd8403, yellow); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent; 

}
.f_t_anniu{ width:150px; height:35px; background:#0080ff; border-radius:4px; margin-left:50px;}
.f_t_anniu a{ color:#FFF; height: 35px;  line-height: 35px; font-size:15px; display:block}
.row{margin-right:-15px;margin-left:-15px}
.info-banner {
	position: relative;
	padding-top: 75px;
	width: 100%;
	height: 480px;
}
.col-md-3{width:25%}
.info-box {
	height: 100%;
}

.info-nav {
	position: relative;
	padding-top: 90px;
}

.product-info-title {
	margin-bottom: 22px;
	height: 46px;
	line-height: 46px;
	font-size: 46px;
	color: #fff;
}

.product-info-detail {
	margin-bottom: 42px;
	width: 524px;
	font-size: 14px;
	color: #fff;
	line-height: 25px;
}

.product-info-btn {
	margin: 10px 0 18px;
}


.product-info-btn a.btn {
	display: inline-block;
	margin-right: 10px;
	width: 120px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 14px;
	color: #fff;
	border-radius: 1px;
}

.product-info-btn a {
	display: inline-block;
	width: 150px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	font-size: 16px;
	color: #fff;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.info-btn1 {
	background: #015bfe;
	margin-right: 20px;
}
.info-btn1:hover {
	background-color: #015bfe;
}

.info-btn2 {
	background: transparent;
	border: solid 1px #ffffff;
}
.info-btn2:hover {
	background-color: transparent;
}

a.info-btn3 {
	margin-left: 20px;
	background: #fff;
	color: #059fff;
	border: 1px solid #059fff;
	line-height: 35px;
}

.product-info-stand {
	/* margin-top: 25px; */
	/* padding-left: 30px; */
	/* background: url(img/introduce_tip.png) no-repeat left center; */
	font-size: 14px;
	margin-bottom: 14px;
	font-weight: normal;
	font-stretch: normal;
	/* line-height: 48px; */
	letter-spacing: 0px;
	color: #fff;
}

.product-info-stand a {
	margin: 0px 2px;
	display: inline-block;
	color: #FF3333;
}


  .product-advance{
	width: 100%;
	height: 552px;

}
.virtue-list {
	/* margin-top: 38px; */
	width: 1200px;
	margin: 0 auto;
}
.virtue-list li {
	float: left;
	width:278px;
	height: 260px;
	background: white;	
		box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.12);
}
.virtue-list li:not(:first-child){
	margin-left: 24px;
}
.virtue-list li:hover {
	box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.12);
}
.virtue-list li:first-child {
	margin-left: 0px;
}
.virtue-info {
	margin: 36px 20px;
}
.virtue-info-title {
	margin: 34px 0px 10px 0px;
	font-size: 18px;
	color: #333333;
	text-align: center;
}
.virtue-info-stand {
	font-size: 14px;
	color: #999999;
	line-height: 22px;
	width:100%;
  	word-break:break-all;
  	display:-webkit-box;
  	-webkit-line-clamp:2;
  	-webkit-box-orient:vertical;
	text-align: center;
  	overflow:hidden;
}
.virtue-bg {
	display: block;
	margin: 0 auto;
	height: 36px;
	width: 36px;
	
}

.virtue-bg1 {
	background: url(img/20191223/product-adv-1.png) no-repeat;
	background-size:contain ;
}
.virtue-bg2 {
	background: url(img/20191223/product-adv-2.png) no-repeat;
	background-size:contain ;
}

.virtue-bg3 {
	background: url(img/20191223/product-adv-3.png) no-repeat;
	background-size:contain ;
}

.virtue-bg4 {
	background: url(img/20191223/product-adv-4.png) no-repeat;
	background-size:contain ;
}

.module-title{
	line-height:200px; 
	height: auto;
}
.module-title .module-title-name{
	font-family: MicrosoftYaHei;
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 26px;
	letter-spacing: 0px;
	color: #333333;
	padding: 120px 0 150px 0;
	text-align: center;
}
  
  .clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: '';
}
.clearfix:after {
  clear: both;
}
  
.gangyun-weiduan dl{margin-right: 36px;text-align: center; margin-top: 25px; float: left; background: #fff; width: 290px; height: 480px;}
.gangyun-weiduan dl:last-child{margin-right: 0}
.gangyun-weiduan dt{color: #fff; font-size: 18px; font-weight: bold; height: 86px;line-height: 86px;background: url("img/weiduan/title.jpg") center top no-repeat;}
.gangyun-weiduan dd{padding:16px 30px 0;overflow: hidden}
.gangyun-weiduan ul{border-bottom: 1px dashed #ddd;padding: 0 0 16px; overflow: hidden}
.gangyun-weiduan ul li{line-height: 34px;color: #666666;}
.gangyun-weiduan ul li:before{content: "";width: 7px;height: 34px;display: inline-block; vertical-align: top; margin-right: 12px;background: url("img/weiduan/ico1.png") center no-repeat;}
.gangyun-weiduan .price{padding: 20px 10px 30px; overflow: hidden}
.gangyun-weiduan .price p{float: left;color:#666666;font-size:16px; }
.gangyun-weiduan .price p:last-child{float: right}
.gangyun-weiduan .price span{color: #ff8a00; font-weight: bold; margin-right: 5px;}
.gangyun-weiduan .btn{height: 38px;line-height: 38px; border: 1px solid #015bfe; color: #015bfe; font-size: 16px;}
.gangyun-weiduan .btn:hover{background: #015bfe;color: #fff;}

.gangyun-weiduan-vs .main{position: relative;margin:80px 0 0; padding:20px 0 0; height: 480px;}
.gangyun-weiduan-vs li{float: left; text-align: center; border: 1px solid #ddd;}
.gangyun-weiduan-vs li h4{background: #dce2eb; line-height:80px; font-size: 18px;}
.gangyun-weiduan-vs li p{border-bottom: 1px solid #ddd; line-height:69px; color: #666666;}
.gangyun-weiduan-vs li p:last-child{border-bottom: none}
.gangyun-weiduan-vs .left{width: 360px;}
.gangyun-weiduan-vs .left p{background: #ebeff6;}
.gangyun-weiduan-vs .right{float: right; width:360px; background: #fff;}
.gangyun-weiduan-vs .center{width: 558px; border: 1px solid #015bfe; background: #fff; position: absolute; left: 360px; top: 0; z-index: 1;}
.gangyun-weiduan-vs .center h4{line-height:101px; color: #fff; font-size: 30px; background: #015bfe;}
.gangyun-weiduan-vs .center p{text-align: left; font-size: 16px; color: #333333; padding-left:110px; background: url("img/weiduan/gangyun.png") 78px center no-repeat;}
.gangyun-weiduan-vs .center p:last-child{line-height: 96px;}
.gangyun-weiduan-vs .center:before{content: ""; position: absolute;right:-6px; top:-6px; width: 76px; height: 76px; background: url("img/weiduan/ico4.png")  right top no-repeat;}

.gangyun-weiduan-good ul{ margin: 75px 0 0 -30px;overflow: hidden}
.gangyun-weiduan-good li{ float: left; background: #fff; text-align: center; margin-left: 30px; width: 400px; overflow: hidden}
.gangyun-weiduan-good li:before{content: ""; display: block; margin:40px auto 30px; width: 65px; height: 74px; background: url("img/weiduan/icons.png") no-repeat;}
.gangyun-weiduan-good li h4{ font-size: 22px; margin: 0 0 15px;}
.gangyun-weiduan-good li p{ color: #666666; line-height:28px; margin: 0 50px;}

.gangyun-weiduan-good{padding: 95px 0 60px; min-width: 1280px; background: #f2f5fa; overflow: hidden}
.gangyun-weiduan-good li{ margin: 0 0 40px 30px; height: 380px;}
.gangyun-weiduan-good li p{text-align: justify; margin: 0 27px;}
.gangyun-weiduan-good .item1:before{background-position: -549px -84px;}
.gangyun-weiduan-good .item2:before{background-position: -471px -84px;}
.gangyun-weiduan-good .item3:before{background-position: -471px -169px;}
.gangyun-weiduan-good .item4:before{background-position: -386px -508px;}
.gangyun-weiduan-good .item5:before{background-position: -471px -253px;}
.gangyun-weiduan-good .item6:before{background: url("img/weiduan/ico3.png") center no-repeat;}
  
.info-btn666 { padding:10px 20px;line-height:69px;
	background: transparent;
	border: solid 1px #000000;
}
.info-btn666:hover {
	background-color: transparent;
}
  
  
  @media screen and (max-width: 1540px) {
    .strength-box {
      padding: 30px 0;
    }
    .strength-name {
      float: none;
      margin-top: 0;
      padding-bottom: 20px;
      text-align: center;
    }
    .strength-section {
      width: 100%;
      text-align: center;
      margin-left: 0%;
    }
    .strength-section1 {
      width: 35%;
      margin-bottom: 15px;
    }
    .strength-section1 .detail {
      text-align: left;
    }
  }
  @media screen and (max-width: 1400px) {
    .banner.h480{height: 480px;}
  }
  @media screen and (max-width: 1260px) and (min-width: 769px) {
    .framework {
      width: 560px !important;
    }
    .animate-div {
      transform: scale(0.7) !important;
    }
    .application {
      width: 400px !important;
    }
  }

  @media screen and (max-width: 1024px) and (min-width: 769px) {
    .framework {
      width: 50% !important;
    }
    .animate-div {
      transform: scale(0.6) !important;
      margin-left: -320px;
    }
    .application {
      width: 40% !important;
    }
  }

  @media screen and (max-width: 769px) {
    .buy-detail {
      width: 43% !important;
    }
    .top40 {
      margin-top: 20px !important;
    }
    .section-cq {
      padding: 30px 0 !important;
    }
    .section-cq .section-header,
    .section-zs .section-title {
      margin-bottom: 30px;
    }
  }
  @media screen and (max-width: 650px) {
    .buy-sale {
      padding-bottom: 0 !important;
    }
    .buy-detail {
      width: 100% !important;
      margin-bottom: 5%;
      float: none !important;
    }
    .buy-detail .buy-des {
      padding-right: 30px;
    }
  }
  
  
  @media screen and (max-width:767px) {
  .auto {
	margin: 0 auto;
	min-width: 100%;
	max-width: 100%;
}
.w {
	margin: 0 auto;
	min-width: 100%;
	max-width: 100%;
}
.container{width:100%;}    
 }