.box_scroll{
padding: 60px 0 80px;
}

.box_scroll .divTitle{
margin-bottom: 22px;
}

.div_scroll{box-sizing:border-box;max-width:100%;width:1470px;padding:0 15px;margin:0 auto;}
.carouselDiv{max-width:100%;box-sizing:border-box;margin:50px auto 0 auto;position:relative;}
.carouselDiv .arrow{
width: 250px;
height: 100%;
position: absolute;
z-index: 1;
left: 0;
cursor: pointer;
}

.carouselDiv .arrow:before{
content: "";
width: 70px;
height: 70px;
position: absolute;
bottom: 0;
top:0;
margin: auto;
transition: transform 0.5s ease-out 0s;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3MCIgaGVpZ2h0PSI3MCIgdmlld0JveD0iMCAwIDcwIDcwIj4NCiAgPGcgaWQ9ImFyb3ciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTc5IC01NjQ3KSI+DQogICAgPGcgaWQ9IkVsbGlwc2VfNzUiIGRhdGEtbmFtZT0iRWxsaXBzZSA3NSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTU3OSA1NjQ3KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjYjM5YTY4IiBzdHJva2Utd2lkdGg9IjEiPg0KICAgICAgPGNpcmNsZSBjeD0iMzUiIGN5PSIzNSIgcj0iMzUiIHN0cm9rZT0ibm9uZSIvPg0KICAgICAgPGNpcmNsZSBjeD0iMzUiIGN5PSIzNSIgcj0iMzQuNSIgZmlsbD0ibm9uZSIvPg0KICAgIDwvZz4NCiAgICA8ZyBpZD0iQ29tcG9uZW50XzNfNjIiIGRhdGEtbmFtZT0iQ29tcG9uZW50IDMg4oCTIDYyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNjA0IDU2NzEpIj4NCiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTMiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDEzIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiLz4NCiAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGVfMTQiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDE0IiB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiIGZpbGw9Im5vbmUiLz4NCiAgICAgIDxwYXRoIGlkPSJhcnJvd19yaWdodF9hbHRfMjRkcF8xRjFGMUZfRklMTDBfd2dodDQwMF9HUkFEMF9vcHN6MjQiIGQ9Ik0xNzEuMjUtNzA2LjVsLTEuNTc1LTEuNjMxLDMuOTk0LTMuOTk0SDE2MHYtMi4yNWgxMy42NjlsLTMuOTk0LTMuOTk0TDE3MS4yNS03MjBsNi43NSw2Ljc1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTE1OSA3MjMuMTM5KSIgZmlsbD0iI2IzOWE2OCIvPg0KICAgIDwvZz4NCiAgPC9nPg0KPC9zdmc+DQo=') 50% 50% no-repeat;
}

.carouselDiv .arrow:hover:before{
transform: scale(1.1);
}

.carouselDiv .arrow.nextA:before{
right: 0;
}
.carouselDiv .arrow.prevA:before{
transform: rotate(180deg);
}
.carouselDiv .arrow.prevA:hover:before{
transform: rotate(180deg) scale(1.1);
}

.carouselDiv .arrow.nextA{
right: 0;
left: auto;
background: linear-gradient(to right, rgba(252,249,242,0) 0%,rgba(252,249,242,1) 80%,rgba(252,249,242,1) 100%);
}


.carouselDiv .arrow.prevA {
background: linear-gradient(to left, rgba(252, 249, 242, 0) 0%, rgba(252, 249, 242, 1) 80%, rgba(252, 249, 242, 1) 100%);
}

.carouselDiv .arrow.dis{
display: none;
}

.div_scroll .carousel ul li a{
padding: 0 16px;
box-sizing: border-box;
display: block;
}
.div_scroll .carousel ul li a .divimg{
border-radius: 20px;
overflow: hidden;
}





@media screen and (max-width:1260px){
.div_scroll .carousel ul li a{padding: 0 10px}
/*.carousel ul li {width: 33.333% !important;}*/
}

@media screen and (max-width:1100px) {
.carouselDiv .arrow::before{
width: 50px;
height: 50px;
background-size: 100% auto;
}
}
@media screen and (max-width:1030px){
.carousel ul li {width: 33.333% !important;}
}
@media screen and (max-width:740px){
.carousel ul li {width: 50% !important;}
}
@media screen and (max-width:500px){
.carouselDiv .arrow{width: 85px}
.carousel ul li {width: 100% !important;}
}