.section-box-content{clear: both;overflow: hidden;}

.t_advantage{width: 100%}
.t_advantage h2{font-weight: normal;background: #f5f5f7;text-align: center;}
.youshi{width: 100%;background: #fff;}
.ys_con{padding-top: 30px}
.ys_con:nth-child(1){padding-top: 15px;}
.ys_conname{border-bottom: 1px solid #ebebeb;height: 30px;width: 100%;text-align: center;}
.ys_conname p{font-size: 18px;line-height: 28px;color: #c00;border-bottom: 2px solid #c00;width: 78px;}
.ys_con ul{width: 100%;display: flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;margin-top: 5px;}
.ys_con li{width: 49%;height: 98px;border: 1px solid #ebebeb;margin-top: 20px;}
.ys_boximg{width: 58px;height: 58px;float: left;margin: 3% 3% 0 3%;}
.tedian_img{width: 61px;height: 61px;float: left;margin: 6% 6% 0 6%;}
.ys_tit{text-align: left;float: left;margin-top: 20px;}
.ys_p1{font-size: 18px;color: #333333;line-height: 30px}
.ys_p2{font-size: 14px;color: #666666;line-height: 30px;}
.tedian{background: #f5f5f7;}
.tedian ul{width: 100%;display:flex;flex-direction: row;justify-content: space-between;flex-wrap: wrap;}
.tedian li{width: 32%;height: 138px;background: #fff;}
.tedian .tedian_tit{margin: 6% 6% 6% 0;float: left;width: 63.5%;text-align: left;}
.tedian .tedian_tit .ys_p2{line-height: 25px;margin-right: 20px;}

.ys_boximg11{background: url(/multisite/images/advantage/ys_boximg11.png) no-repeat;}
.ys_boximg12{background: url(/multisite/images/advantage/ys_boximg12.png) no-repeat;}
.ys_boximg13{background: url(/multisite/images/advantage/ys_boximg13.png) no-repeat;}
.ys_boximg14{background: url(/multisite/images/advantage/ys_boximg14.png) no-repeat;}
.ys_boximg21{background: url(/multisite/images/advantage/ys_boximg21.png) no-repeat;}
.ys_boximg31{background: url(/multisite/images/advantage/ys_boximg31.png) no-repeat;}
.ys_boximg32{background: url(/multisite/images/advantage/ys_boximg32.png) no-repeat;}
.ys_boximg33{background: url(/multisite/images/advantage/ys_boximg33.png) no-repeat;}
.ys_boximg34{background: url(/multisite/images/advantage/ys_boximg34.png) no-repeat;}
.tedian_img1{background: url(/multisite/images/index/trait01.png) no-repeat;}
.tedian_img2{background: url(/multisite/images/index/trait02.png) no-repeat;}
.tedian_img3{background: url(/multisite/images/index/trait03.png) no-repeat;}

.tedian li:hover .tedian_img1{background: url(/multisite/images/index/trait01b.png) no-repeat;}
.tedian li:hover .tedian_img2{background: url(/multisite/images/index/trait02b.png) no-repeat;}
.tedian li:hover .tedian_img3{background: url(/multisite/images/index/trait03b.png) no-repeat;}

.ys_box11:hover{border:1px solid #c00;}
.ys_box11:hover .ys_p1{color: #c00;}

.ys_box12:hover{border:1px solid #c00;}
.ys_box12:hover .ys_p1{color: #c00;}

.ys_box13:hover{border:1px solid #c00;}
.ys_box13:hover .ys_p1{color: #c00;}

.ys_box14:hover{border:1px solid #c00;}
.ys_box14:hover .ys_p1{color: #c00;}

.ys_box21:hover{border:1px solid #c00;}
.ys_box21:hover .ys_p1{color: #c00;}

.ys_box31:hover{border:1px solid #c00;}
.ys_box31:hover .ys_p1{color: #c00;}

.ys_box32:hover{border:1px solid #c00;}
.ys_box32:hover .ys_p1{color: #c00;}

.ys_box33:hover{border:1px solid #c00;}
.ys_box33:hover .ys_p1{color: #c00;}

.ys_box34:hover{border:1px solid #c00;}
.ys_box34:hover .ys_p1{color: #c00;}

.tedian_box1:hover{box-shadow: 5px 5px 5px #e2e2e4;}
.tedian_box1:hover .ys_p1{color: #c00;}

.tedian_box2:hover{box-shadow: 5px 5px 5px #e2e2e4}
.tedian_box2:hover .ys_p1{color: #c00;}

.tedian_box3:hover{box-shadow: 5px 5px 5px #e2e2e4}
.tedian_box3:hover .ys_p1{color: #c00;}

.boxer {
    position: relative;
  }
  .col-left,
  .col-center,
  .col-right {
    float: left;
  }
  .col-left,
  .col-right {
    width: 42%;
  }
  .col-center {
    width: 14%;
  }
  .col-left {
  	background-color: #cc0000;
    border: 3px solid #cc0000;
  }
  .col-right {
  	background-color: #666;
    border: 3px solid #666;
  }
  .col-row {
  	display: table;
  	background-color: #fff;
    border-bottom: 1px solid #ccc;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    height: 50px;
  }
  .col-tit {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    text-align: center;
    color: #666;
    padding-left: 15px;
    padding-right: 15px;
  }
  .tit-key {
    color: #cc0000;
    font-size: 16px;
  }
  .col-left > .col-row:nth-last-child(1),
  .col-right > .col-row:nth-last-child(1) {
    border-bottom: 0;
  }
  .col-left > .col-head {
    background-color: #cc0000;
    border-color: #cc0000;
  }
  .col-left > .col-head > .col-tit,
  .col-right > .col-head > .col-tit {
    color: #fff;
    font-size: 18px;
  }
  .col-center > .col-row > .col-tit {
    color: #333;
    font-size: 14px;
  }
  .col-center > .col-row:nth-last-child(1) {
    height: 52px;
  }
  .col-center > .col-head {
    border-top: 1px solid #ccc;
    background-color: #ebebeb;
  }
  .col-center > .col-head > .col-tit {
    font-size: 18px;
  }
  .col-center > .col-head {
  	height: 52px;
  }
  .col-right > .col-head {
    background-color: #666;
    border-color: #666;
  }

@media screen and (max-width:1182px){
	.ys_con li{display: flex;justify-content: center;align-items: center;}
	.ys_boximg{width:100px;height:100%;margin:0;background-position:50% 50%;}
	.ys_tit{padding-right:20px;width: calc(100% - 100px);width: -webkit-calc(100% - 100px);width: -moz-calc(100% - 100px);margin-top:0;}
	.ys_p2{line-height: 24px;}
	.tedian_img{margin: 6% 4% 0 6%;}
	.tedian .maxwidth{width:100%;}
}

@media screen and (max-width:1024px){
	.tedian_img{height:100%;margin:0;background-position:50% 50%;width: 80px;}
	.tedian .tedian_tit{width:-moz-calc(100% - 80px);width:-webkit-calc(100% - 80px);width:calc(100% - 80px);}
	.tedian li:hover .tedian_img{background-position:50% 50%;}
	.tedian .tedian_tit{margin: 10px 0 0 0;}
	.ys_p1{margin-bottom: 10px;}
}

@media screen and (max-width:768px){
	.ys_p2{font-size: 12px;}
	.ys_p1{font-size: 16px;}
	.ys_con li{width:49%;margin-right:2%;margin-top:2%;box-sizing:border-box;}
	.ys_con li:nth-of-type(2n){margin-right:0;}

	.tedian_img{width:100%;height:80px;}
	.tedian .tedian_tit{width:100%;}
	.tedian_tit p{text-align:center;}
	.tedian li{height: 230px;padding: 10px;box-sizing: border-box;}


}

  @media (min-width:768px) and (max-width:1024px) {
  	.boxer {
  	  width: auto;
  	}
    .col-left,
    .col-right {
      width: 42%;
    }
    .col-center {
      width: 14%;
    }
    .col-left > .col-head > .col-tit,
    .col-right > .col-head > .col-tit,
    .col-center > .col-head > .col-tit {
      font-size: 16px;
    }
    .col-center > .col-row > .col-tit {
      padding-left: 5px;
      padding-right: 5px;
    }
  }

@media screen and (max-width:640px){
	.ys_boximg{width:70px;}
	.ys_tit{padding-right:10px;width: calc(100% - 70px);width: -webkit-calc(100% - 70px);width: -moz-calc(100% - 70px);}
	.ys_con li {height: 130px;}
	.ys_p2 {line-height: 20px;}

	.tedian .tedian_tit .ys_p2{width: 100%;}
}

  @media (min-width: 320px) and (max-width: 767px) {
  	.boxer {
  	  width: 1200px;
  	}
  	.section-box > .position-scroll {
  	  overflow-y: visible;
  	  overflow-x: scroll;
  	}
  	.section-box > .position-scroll::-webkit-scrollbar {
  	  display: none;
  	}
  	.section-box > .position-scroll::-moz-scrollbar {
  	  display: none;
  	}
  	.section-box > .position-scroll::-ms-scrollbar {
  	  display: none;
  	}
  	.section-box > .position-scroll::-o-scrollbar {
  	  display: none;
  	}
  }

@media screen and (max-width:414px){
	.ys_con li{display:block;padding:10px 10px;height: 190px;}
	.ys_boximg{width:100%;height:60px;}
	.ys_tit{padding-right: 0;width:100%;text-align:center;}
	.ys_p1{margin: 5px 0;}
	.ys_con:nth-child(1){padding-top: 0;}
	.ys_conname{margin-bottom: 15px;}

	.tedian li{width:100%;margin-bottom:2%;height: 120px;}
	.tedian li:last-child{margin-bottom:0;}
	.tedian_img{width:30%;height:100%;}
	.tedian .tedian_tit{width:70%;}
	.tedian_tit p {text-align: left;}
	.tedian .tedian_tit{margin:0;}
	.tedian .tedian_tit .ys_p2{font-size: 14px;}
}

/*banner*/
	.banner_div .banner_item_01{ color: #fff;}
	.banner_div .banner_item_01 .title{ font-size: 40px; line-height: 1;}
	.banner_div .banner_item_01 .content{ font-size: 24px; line-height: 1; margin: 20px 0;}
	.banner_div .banner_item_01 .btn{ font-size: 14px; border: 1px solid #fff; line-height: 3; width: 145px; text-align: center; }


	.tb_tit3{top: 100px;left: 18%;text-align: left; position: absolute;}    
	.newbanner-title{font-size: 58px;line-height: 65px;color: #fff;text-align: left;}
	.newbanner-subtitle{font-size: 30px;line-height: 35px;color: #fff;text-align: left;margin-top: 25px;}
	.newbanner-button{display: inline-block;padding: 0 65px;border: 1px solid #fff;font-size: 18px;color: #fff;line-height: 50px;margin-top: 55px;}				 
	
	@media screen and (max-width:768px){
		.banner_div .banner_item_01 .title{ font-size: 20px;}
		.banner_div .banner_item_01 .content{ font-size: 12px;}
		.banner_div .banner_item_01 .btn{ font-size: 12px; width: 100px; line-height: 2.2;}
	} 
	@media screen and (max-width:1680px){
		.tb_tit3{left: 16%;}
	}
	@media screen and (max-width:1440px){
		.tb_tit3{left: 7%;}
	}
	@media screen and (max-width:1280px){
		.tb_tit3{left: 4%;}
	}
	@media screen and (max-width:1024px){
		.newbanner-subtitle{font-size: 25px;}
	}
	@media screen and (max-width:768px){
		.banner_div{background-position-x: 0;}
	}
	@media screen and (max-width:414px){
		.banner_div{height: 250px;}
		.tb_tit3{top: 10px;}
		.newbanner-title{font-size: 40px;}
		.newbanner-subtitle{font-size: 22px;margin-top: 5px;}
		.newbanner-button{padding: 0 30px;line-height: 40px;margin-top: 15px;}
	}
	@media screen and (max-width:320px){
		.newbanner-title{font-size: 34px;}
		.newbanner-subtitle{font-size: 19px;}
		.newbanner-button{padding: 0 30px;line-height: 40px;margin-top: 15px;}
	}