.mysection{margin-top:10px;}
	#nextS .imgbox{
		width:45%;margin:0 auto;margin-bottom:-50px;position: relative
	}
	#nextS .imgbox::after{content:'';position: absolute;left:0;right:0;top:0;bottom:0;background:none;z-index:11}
	#nextS .imgbox img{width:100%}
	 .danshu{color:white;padding:6px 15px }.danshu em{display: inline-block;height:5px;margin-right:5px}
	 .d65{width:65%;background:#2de3fe}
	 .d25{width:26%;background:#2de3fe}
	 .d14{width:14%;background:#1ea5d5}
	 .d12{width:12%;background:#8a8bfd}
		.sbanner .txt_block .descp {
			font-size: 16px;
			color: rgba(255, 255, 255, 0.8)
		}
		
		#dowebok .section{
			 background: none
		}
		.sbanner{
			position: relative
		}
		 
		 
		#dowebok .row{display: flex;justify-content: space-between}
		#dowebok  .box{
			 
			min-height:200px;
		}
		#dowebok  .box1{background: rgba(0,0,0,0.2);}
		#dowebok  .box p,#dowebok  .box1 p{color:white;text-align: center;font-size:14px;padding:1em}
		#dowebok .row .col-md-7th{width:70%;padding:0px;box-sizing: border-box}
		#dowebok .row .col-md-3th{width:33.33%;padding:0 10px;box-sizing: border-box}
		#dowebok .row .col-md-5th{width:50%;padding:0 10px;box-sizing: border-box}
		#dowebok .row .col-md-25th{width:25%;padding:0 10px;box-sizing: border-box}
		.dashuju .section .common_title h3{
			color:#017eff
		}
		#dowebok .section .box h4,#dowebok .section .box1 h4{background: rgba(1,126,255,0.5);color:white;text-align: center;padding:1em;position: relative;
    z-index: 1;}
	 
		.container .progress {
  margin:auto;
  width: 80%;
  margin-top: 40px
}

.progress {
 
  background: rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
}

.progress-bar {
  position: relative;
  height: 16px;
  border-radius: 4px;
  -webkit-transition: 0.4s linear;
  -moz-transition: 0.4s linear;
  -o-transition: 0.4s linear;
  transition: 0.4s linear;
  -webkit-transition-property: width, background-color;
  -moz-transition-property: width, background-color;
  -o-transition-property: width, background-color;
  transition-property: width, background-color;
  -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);
}
.progress-bar:before, .progress-bar:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.progress-bar:before {
  bottom: 0;
  background: url("../images/stripes.png") 0 0 repeat;
  border-radius: 4px 4px 0 0;
}
.progress-bar:after {
  z-index: 2;
  bottom: 45%;
  border-radius: 4px;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
}

/*
 * Note: using adjacent or general sibling selectors combined with
 *       pseudo classes doesn't work in Safari 5.0 and Chrome 12.
 *       See this article for more info and a potential fix:
 *       http://css-tricks.com/webkit-sibling-bug/
 */
 
#twentyfive:checked ~ .progress > .progress-bar {
  width:46.53%;
  background-color: #017eff;
}
 
.radio {
  display: none;
}

.label {
  display: inline-block;
  margin: 0 5px 20px;
  padding: 3px 8px;
  color: #aaa;
  text-shadow: 0 1px black;
  border-radius: 3px;
  cursor: pointer;
}
.radio:checked + .label {
  color: white;
  background: rgba(0, 0, 0, 0.25);
}

@media (max-width: 1280px){
   #ydapp{margin-top:300px !important; }
   #dowebok .row .col-md-25th{
       width:50%
   }
   #dowebok #ydapp .row .col-md-25th{
       width:40%
   }
   .rowwrap{
       flex-wrap: wrap
   }
   
  
}

@media (max-width: 1600px){
  #nextS{
       height: auto !important;
       margin-top: -250px;
   }
   #dowebok .section{
    height: auto !important;
   }

    #dowebok .section .container{margin-top:0 !important;}
}