.banner img,.spmp img {
    width: 100%;
    height: auto;
    margin: 0 auto;
   
}
body{
	overflow-x: hidden;
}
.adv img,.banner img,.spmp img{
   -webkit-user-drag: none;
    -moz-user-drag: none;
    -ms-user-drag: none;
    user-drag: none;
}
.gotop {
    height: 6px;
    background-color: #c81528;
    margin-top: 90px;
    cursor: pointer;}
 .gotop img {
    position: relative;
    top: -25px;
    display: block;
    margin: 0 auto;
    width: 55px;
    height: 55px;
}

.mat{background: url(/static/images/special/vsmill//mat-bg.png) center center no-repeat;}
.mat h2,.adv h2,.spec h2,.spmp h2,.proi_a h2,.lmsl h2,.liuyan h2{
	display: flex;
	justify-content: center;
	padding:50px 0;
    margin:0 auto;
}
.mat h2::before,.mat h2::after,.adv h2::after,.adv h2::before,.spec h2::after,.spec h2::before,.spmp h2::after,.spmp h2::before,.proi_a h2::after,.proi_a h2::before,.lmsl h2::after,.lmsl h2::before,.liuyan h2::before,.liuyan h2::after{
	content: '';
	background: url(/static/images/special/vsmill//mat-h2.png) no-repeat center center;
	display: inline-block;
	width: 40px;
	height: 40px;
}
.mat h2::after,.adv h2::after,.spec h2::after,.spmp h2::after,.proi_a h2::after,.lmsl h2::after,.liuyan h2::after{
	transform: rotate(180deg);
}
.matCon{
	display: flex;
	align-items: center;
	gap: 50px;
}
.matCon .text{
	width: 44%;
}
.mat .kzha-yt{
	flex:1;
}

.mat-last-p{
	display: none;
}
.mat p{line-height: 1.7;}
.mat p span{font-size: 24px; font-weight: bold; color:#2a63d7;}
.mat .kzha-yt .kzha-a {
    padding: 10px;
	box-shadow: 0 0 10px 1px #ccc;
}
.mat  .kzha-yt .kzha-a .kzha-a-1 {
	display: flex;
	align-items: center;
	justify-content: center;
}
.mat .kzha-yt .kzha-a-1 li{
    list-style: none;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    border-right: 1px solid #fff;
	padding: 10px 0;
}
.mat .kzha-yt .kzha-b{background: #94b5fc;}
.mat .kzha-yt .index_tab_active{background-color: #2a63d7}
.mat #index_tab_pro2 {
  overflow: hidden;
}
.mat #index_tab_pro2 li{float:left; margin-top:30px;}
.mat .kzha-yt .kzha-c-1 {
    display: block;
}
.mat #index_tab_pro2 h4 {
    font-weight: bold;
}
.mat .kzha-yt h4 {
    color: #333333;
    font-size: 16px;
  
}
.mat .kzha-yt h4::after{
content: '';
display: block;
margin-top:5px;
height: 4px;
width: 90px;
background-color: #2a63d7;
}
.mat .kzha-yt p {
    font-size: 14px;
    line-height: 28px;
    text-align: left;
}
.mat img{width: 100%}

.mtg{background: url(/static/images/special/vsmill//mtg-bg.png); padding-top:25px; color:#fff;}
.mtg h2{text-align: center;margin-bottom: 15px}
.mtg span,.epc h2 span,.lmsl p span{color: #faca25}

.adv{background: url(/static/images/special/vsmill//adv_bg.png) center bottom no-repeat;}
.advCon{
	display: flex;
	align-items: center;
}
.adv-l{
	width: 36%;
}
.adv-m{
	width: 22%;
}
.adv-r{
	width: 42%;
}

.adv li h4{ display: flex;
  align-items: center;
  }
  .adv p{
	  font-size: 14px;
  }
.adv li h4::before{
    content: '';
    
    margin-right:5px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #358ae2 }
.adv-l li:last-child{margin-right:100px;}
.adv-m img{margin-left:-100px;}
.adv-m a{display: block; 
    background: #358ae2;
    height: 60px; 
    font-size: 32px; 
    color: #fff; 
    text-align: center;
    border-radius: 30px;
    line-height: 60px;
    text-decoration: none;
    margin-top: 50px;
}

.adv-r li,.adv-l li {list-style: none;}
.adv-l li h4,.adv-r li h4{color: #358ae2;font-size:22px;font-weight: bold;}
.adv-l li h4::after,.adv-r li h4::after{

}
.adv-r{margin-left: 40px;}
.adv-r li:last-child{margin-left: 140px;}
 .adv-r li:nth-last-child(2) {margin-left: 100px;}
.spec .tr1{background: #358ae2}
 .biaoge {overflow-x: auto;}
table {
        width: 100%;
        text-align: center;
        line-height: 25px;
        font-size: 14px;
        border-collapse: collapse;
        }

.biaoge table tbody tr td {
     font-size: 14px;
     text-align: center;
     padding: 0.5rem;
     border: 1px solid #cccccc;
     }

.biaoge table .tr1{background-color: #358ae2; color:#fff;font-weight: bold;}   
.biaoge table .tr2{background: #ebf3ff}

.spmp{background: url(/static/images/special/vsmill//spmp_bg1.png)center center no-repeat;}
.spmp .row{padding:20px 0 30px; line-height: 28px;}
/*.spmp li{list-style: none; float: left; text-align: center} 
.spmp h4{width: 100%}
.spmp li img{margin-top:-10px;}
.spmp .li-b li:first-child{padding-left:300px;}
.spmp .li-b li:last-child{padding-right:200px;}
.spmp .li-c li{padding-left: 220px}
*/
.proi_a {
  font-family: ArialMT;
  padding-bottom: 50px;
}
.proi_a img{border-radius: 60px;}

.proi_a .carousel-control-next,
.proi_a .carousel-control-prev {
  height: 40px;
  width: 40px !important;
  border-radius: 50%;
  background-color: #000000;
  top: 45%;
  border: none;
}

.proi_a .carousel-control-next:hover,
.proi_a .carousel-control-prev:hover {
  background-color: #c81528;
}

.proi_a .carousel-control-next:focus,
.proi_a .carousel-control-prev:focus {
  background-color: #000000;
  opacity: 0.5;
}

.proi_a .carousel-indicators li {
  height: 5px;
  width: 40px;
  background-color: #000;
}

.proi_a .carousel-indicators .active {
  background-color: #c81528;
}

.proi_a .proi_mat h2 {
  font-size: 24px;
  line-height: 24px;
  color: #333333;
  padding-left: 10px;
  margin-bottom: 20px;
}

.proi_a .proi_mat ul li {
  list-style: none;
  float: left;
  width: 50%;
  padding: 0 10px;
}

.proi_a .proi_mat ul li img {
  display: block;
  width: 100%;
}
.proi_a .carousel-inner {padding-bottom: 80px;}
.proi_a .proi_mat ul li p {
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  margin-top: -30px;
  position: relative;
  z-index: 1;
  padding: 3px;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
}

.proi_a .proi_mat ul li p:hover {
  background-color: #c81528;
}

.proi_a .proi_appli h2 {
  font-size: 24px;
  line-height: 24px;
  color: #333333;
  padding-left: 10px;
  margin-bottom: 10px;
  margin-top: 20px;
}

.proi_a .proi_appli p {
  font-size: 14px;
  line-height: 24px;
  color: #555555;
  padding-left: 10px;
}

.proi_a .cap {
  margin-right: 60px;
  margin-left: 10px;
}

.proi_a .cap,
.proi_a .input {
  font-size: 16px;
  line-height: 24px;
  color: #333333;
  font-weight: bold;
  float: left;
}

.proi_a .cap span,
.proi_a .input span {
  font-size: 16px;
  line-height: 24px;
  color: #555555;
  font-weight: normal;
}
.proi_a .carousel-item div,.proi_a .carousel-item img{float:left;}
.proi_a .carousel-item div{
    background: #fff;
    margin:50px 0 0 -40px;
    border-radius: 20px;
    padding:40px;
    box-shadow: 0 0 5px 1px #e0e2e4;
}
.proi_a .carousel-item div h4{padding:20px 0;}
.proi_a .lx-a {width: 300px;margin:0 auto; position: relative;padding-top:50px;}
.proi_a .lx-a a{
    display: inline-block;
    background: #3d7ed2;
    width: 300px;
     height: 70px;
     color: #fff;
     border-radius: 50px;
     position: absolute;
     text-indent: 20px;
     line-height: 70px;
     font-size: 32px;
     font-weight: bold;
 }
.proi_a .lx-a img{
    position: absolute;
    bottom: 0;
    width: 100px;
    right:10px;
}
.epc{
    background: url(/static/images/special/vsmill//epc_bg.png) no-repeat;
    padding:30px 0;
    color:#fff;
    text-align: center;
}
.epc .icon {margin:35px 0 30px;}
.epc .icon p{margin-top:15px;}
.epc a{
    display: block;
    width: 300px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin:0 auto;
    background: #ff9d09;
    border-radius: 50px;

    box-shadow: 0 0 3px 1px #ff9d09;

}
.epc .epc_h{padding-top:55px;}


.lmsl .carousel-control-prev,.lmsl .carousel-control-next{ 
    height: 100px;
    width: 40px !important;
     opacity: .2;
    background-color: #000000;
    top: 45%;
    border: none;}
.lmsl .carousel-control-prev:hover,.lmsl .carousel-control-next:hover {
    
    opacity: .9;
}
.lmsl .col-xl-6{padding:0; color:#fff;}
.lmsl .lmsl_a{padding:60px 50px;background: #3c65bd;}
.lmsl .lmsl_a p{font-size: 24px;padding-bottom:60px;}
.lmsl .lmsl_a .col-md-4 div{display: inline-block; text-align: center; border:3px solid #fff; border-radius: 50%; width: 200px; height: 200px;  font-size: 16px;padding-top:60px;}
.lmsl .lmsl_a .lmsl_ica{display: flex;justify-content: center;}
.lmsl .lmsl_a .lmsl_icb div{float: right;}
.lmsl .lmsl_a div span{display: block; font-size: 32px;font-weight: bold;}

.liuyan h2{    font-size: 2rem;}
@media (max-width:1659px) {
	.matCon{
		flex-direction: column;
	}
	.matCon .text{
		width: 100%;
	}
	.mat .kzha-yt .kzha-a-1 li{
		padding: 10px 10px;
	}
}
@media (min-width: 1200px) and (max-width: 1699px){
  .adv-m img {width: 450px;margin-top:50px; margin-left: -60px;}
  .adv-m a{
	  margin-top: 30px;
  }
  .adv-r{padding-left: 20px;}
  .adv-l li h4, .adv-r li h4 {font-size: 18px;}

.adv-l li:last-child,.adv-r li:last-child{
	display: none;
}
}


@media (min-width:992px) and (max-width:1199px){
  .adv-m img {width: 480px;margin-top:100px;}
  .adv p{font-size:14px;}
  .adv-r{padding-left: 20px;}
  .adv-l li h4, .adv-r li h4 {font-size: 18px;}
  .adv-r li:nth-last-child(2) {margin-left: 80px;}
  .adv-m a {font-size: 22px;}
  .adv-l li:last-child {margin-right: 70px;}
  .adv-r li:last-child {margin-left: 90px;}
}

@media (min-width: 1400px) and (max-width: 1699px){
  .epc .icon {margin: 25px 0 10px;}
  .epc .icon img{width:70%;}

}

}
@media (min-width:1200px) and (max-width:1399px){
 
  .epc .icon {margin: 25px 0 10px;}

}
@media (min-width:1200px) and (max-width:1299px){
  .lmsl .lmsl_a {padding: 35px 30px;}
  .lmsl .lmsl_a p {font-size: 20px;padding-bottom: 30px;} 
  .lmsl .lmsl_a .col-md-4 div {width: 160px;height: 160px;font-size: 14px;padding-top: 45px;}
  .lmsl .lmsl_a div span {display: block;font-size: 22px;font-weight: bold;}


}
@media (min-width:1300px) and (max-width:1399px){
   .lmsl .lmsl_a {padding: 20px 30px;}
  .lmsl .lmsl_a p {font-size: 20px;padding-bottom: 10px;} 
   .lmsl .lmsl_a .col-md-4 div {width: 170px;height: 170px;font-size: 14px;padding-top: 60px;}
  .lmsl .lmsl_a div span {display: block;font-size: 22px;font-weight: bold;}
}
@media (min-width:1400px) and (max-width:1499px){
   .lmsl .lmsl_a {padding: 40px 30px;}
  .lmsl .lmsl_a p {font-size: 20px;padding-bottom: 30px;} 
   .lmsl .lmsl_a .col-md-4 div {width: 180px;height: 180px;font-size: 14px;padding-top: 60px;}
  .lmsl .lmsl_a div span {display: block;font-size: 22px;font-weight: bold;}
}
@media (min-width:1500px) and (max-width:1659px){
   .lmsl .lmsl_a {padding: 40px 30px;}
  .lmsl .lmsl_a p {font-size: 20px;padding-bottom: 30px;} 
   .lmsl .lmsl_a .col-md-4 div {width: 200px;height: 200px;font-size: 14px;padding-top: 60px;}
}
@media (min-width:1660px) and (max-width:1759px){
   .lmsl .lmsl_a {padding: 40px 30px;}
  .lmsl .lmsl_a p {font-size: 24px;padding-bottom: 50px;} 
   .lmsl .lmsl_a .col-md-4 div {width: 200px;height: 200px;font-size: 14px;padding-top: 60px;}
}
@media (max-width:1199px){
  .proi_a .carousel-item div {margin-top:0px; padding-top:0;}
  .proi_a .carousel-inner {padding-bottom: 80px;}
  .advCon{
	  flex-direction: column;
  }
  .adv-r{
	  padding: 40px 0 0 0;
	  margin: 0;
  }
  .adv-m{
	  text-align: center;
  }
.adv-l,.adv-m,.adv-r{
	width: 100%;
}
.adv-r li:nth-last-child(2),.adv-r li:last-child{
	padding: 0;
	margin: 0;
}
.proi_a .carousel-item div h4{
	font-size: 20px;
}
}
@media (max-width:991px){
  .adv-m{text-align: center;padding-bottom: 50px;}
  .adv-m img {margin:0; width: 100%}
  .adv-l li:last-child,.adv-r li:nth-last-child(2),.adv-r li:last-child{margin:0;}
  .proi_a .carousel-item div {margin-top:50px; margin-left: 0; }
  .mat .kzha-yt .kzha-a-1 li{
	  height: 95px;
	  display: flex;
	  align-items: center;
  }
}

@media (min-width:1024px) and (max-width:1199px){
  .epc .icon {margin: 15px 0 2px;}
  .proi_a .lx-a {padding-top: 10px;}
}

@media (min-width:768px) and (max-width:1023px){
  .epc .epc_h{display: none;}
  .epc .icon img{max-width: 100%;}
  .epc .icon {margin: 10px 0 2px;}
}


@media (max-width: 767px){
  .lmsl .lmsl_a .col-md-4{display: flex;justify-content: center; margin-bottom:20px;}
  .lmsl .lmsl_a .col-md-4 div {width: 250px;height: 250px;padding-top:80px;font-size:20px;}
  .lmsl .lmsl_a div span{display: block; font-size: 40px;font-weight: bold;}
  .epc .epc_h{display: none;}
  .epc .icon img{width:120%;}
  .mat h2,.adv h2,.spec h2,.spmp h2,.proi_a h2,.lmsl h2,.liuyan h2{font-size: 20px;}
  .mat h2::before, .mat h2::after, .adv h2::after, .adv h2::before, .spec h2::after, .spec h2::before, .spmp h2::after, .spmp h2::before, .proi_a h2::after, .proi_a h2::before, .lmsl h2::after, .lmsl h2::before, .liuyan h2::before, .liuyan h2::after {
    
    height: 25px;
}
  .mat #index_tab_pro2 {height: 420px; }
  .adv-r li:first-child, .adv-l li:first-child,.adv li{height:auto;}
  .epc .icon p {display: none;}
  .lmsl .lmsl_a {padding: 50px 10px;}
  .lmsl .carousel-control-prev, .lmsl .carousel-control-next {top: 25%;}
  .lmsl .row{margin:0;}
  .lmsl .lmsl_a p {font-size: 20px;padding-bottom: 20px;}
}
@media (max-width:510px) {
	
	.mat .kzha-yt .kzha-a .kzha-a-1{
		flex-direction: column;
		
	}
	.mat .kzha-yt .kzha-a .kzha-a-1 li{
		width: 100%;
	}
	.mat h2::before, .mat h2::after, .adv h2::after, .adv h2::before, .spec h2::after, .spec h2::before, .spmp h2::after, .spmp h2::before, .proi_a h2::after, .proi_a h2::before, .lmsl h2::after, .lmsl h2::before, .liuyan h2::before, .liuyan h2::after{
		content: none;
	}
	.mat h2, .adv h2, .spec h2, .spmp h2, .proi_a h2, .lmsl h2, .liuyan h2{
		text-align: center;
	}
}