.section .icon {width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden}
.section .title {margin-bottom:80px;line-height:1.5;color:#313B53;text-align:center}
.section .sub-title {margin-top:-60px;margin-bottom:80px;color:#313B53;text-align:center}
.section .head {color:#313B53}
.section .sub-head {color:#313B53}
.section p {color:#576e91}
.section ul li {color:#576e91}

.transition {transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s}

.comment .owl-carousel .owl-item img {transform-style:unset;-webkit-transform-style:unset;display:inline-block;position:absolute}
.comment .item {position:relative}
.comment .item .text-wrap {position:relative}
.comment .item .text-wrap::before {content:"“";position:absolute;line-height:0;display:block;color:#f2f2f2}
.comment .item .text-wrap::after {content:"”";position:absolute;line-height:0;display:block;color:#f2f2f2}
.comment .item .text-wrap p {line-height:1.6;margin:0;padding:30px 0}
.comment .owl-nav [class*=owl-] {position:absolute;top:25%;height:60px;font-size:42px;line-height:62px;width:60px;border-radius:30px;font-family:iconfont;font-weight:bold;color:#c3cdda;padding:0;text-align:center;background-color:transparent}
.comment .owl-nav [class*=owl-]:hover {background:transparent;color:#fff;text-decoration:none}
.comment .owl-nav .disabled[class*=owl-]:hover {background:transparent;color:#c3cdda;text-decoration:none}
.comment .owl-nav .disabled {opacity:.3}
.comment .owl-prev {left:-80px}
.comment .owl-next {right:-80px}

.case .item {text-align:center}
.case .item img {width:64px;height:64px;border-radius:64px}
.case .item p {margin-top:10px;margin-bottom:40px}
.case .action {text-align:center}
@media (max-width:767px){
    .banner {height:auto;padding:60px 20px}
    .banner .accordian {margin:0 auto}
    .banner .accordian ul {padding:0}
    .banner .accordian ul li {background-color:rgba(255, 255, 255, 0.9);overflow:hidden;position:relative;display:block;margin-bottom:20px}
    .banner .accordian ul li .image {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.12}
    .banner .accordian ul li .wrap {padding:20px;background-color:#fff)}
    .banner .accordian ul li .icon {width:80px;height:80px;border-radius:40px;opacity:0.7}
    .banner .accordian ul li .title {display:inline-block;color:rgba(63, 63, 63, 0.85);font-size:16px;font-weight:bold;position:relative;margin-left:30px;top:-10px}
    .banner .accordian ul li .tag {position:absolute;left:130px;top:60px;color:rgba(51, 51, 51, 1)}
    .banner .accordian ul li .text {margin-top:20px;color:rgba(63, 63, 63, 0.8);line-height:1.8}
    .banner .accordian ul li .btn {margin-top:15px}
    .banner .accordian ul li .side-title {display:none}

    .comment .owl-carousel .owl-item img {width:80px;border-radius:80px;left:-130px;margin:0}
    .comment .item {margin-left:130px;margin-right:30px}
    .comment .item .text-wrap {height:80px;padding:0}
    .comment .item .text-wrap::before {font-size:80px;left:-40px;top:40px}
    .comment .item .text-wrap::after {font-size:80px;right:-30px;bottom:0}
    .comment .item .text-wrap p {font-size:12px;padding:10px 0}
    .comment .owl-nav {display:none}

    .case .row > div:last-child {display:none}
}
@media (min-width: 768px) {
    /* 以大屏作为默认值 */
    .banner .accordian {width:960px;height:360px;overflow:hidden;margin:0 auto}
    .banner .accordian ul {width:1760px;padding:0}
    .banner .accordian ul li {background-color:rgba(255, 255, 255, 0.9);overflow:hidden;height:360px;position:relative;display:block;width:160px;float:left;box-shadow:-5px 0px 20px 1px rgba(0, 0, 0, 0.5);-webkit-box-shadow:-5px 0px 20px 1px rgba(0, 0, 0, 0.5);-moz-box-shadow:-5px 0px 20px 1px rgba(0, 0, 0, 0.5)}
    .banner .accordian ul li:last-child {overflow:visible;width:560px!important}
    .banner .accordian ul li .image {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.7}
    .banner .accordian ul li .wrap {position:absolute;left:0;top:0;width:560px;height:100%;padding:30px 40px;background-color:rgba(33, 85, 207, 0.4)}
    .banner .accordian ul li .icon {position:relative;top:40px;left:0;width:80px;height:80px;display:inline-block;border-radius:40px;opacity:0.7}
    .banner .accordian ul li .title {display:inline-block;color:rgba(255, 255, 255, 0);font-size:16px;font-weight:bold;position:relative;margin-left:40px}
    .banner .accordian ul li .tag {position:absolute;right:50px;top:65px;color:rgba(51, 51, 51, 0)}
    .banner .accordian ul li .text {margin-top:20px;margin-left:120px;height:150px;width:480px;color:rgba(255, 255, 255, 0);line-height:1.8}
    .banner .accordian ul li .btn {margin-top:15px;margin-left:120px;opacity:0}
    .banner .accordian ul li .side-title {position:absolute;color:rgba(255, 255, 255, 0.8);font-size:16px;font-weight:bold;left:60px;top:200px;padding:13px;width:40px;opacity:1}
    .banner .accordian ul li .side-tag {position:absolute;color:#fff;font-size:14px;left:0;top:200px;margin:8px;padding:6px;border-radius:5px;background-color:rgba(0,0,0,0.4);width:25px;opacity:0}
    .banner .accordian ul:hover li,
    .banner .accordian ul.hover li {width:80px}
    .banner .accordian ul:hover li .side-title,
    .banner .accordian ul.hover li .side-title {top:120px;opacity:0}
    .banner .accordian ul:hover li .side-tag,
    .banner .accordian ul.hover li .side-tag {opacity:1}
    .banner .accordian ul li:hover,
    .banner .accordian ul li.hover {width:560px;background-color:#fff}
    .banner .accordian ul li:hover .image,
    .banner .accordian ul li.hover .image {opacity:0.1}
    .banner .accordian ul li:hover .wrap,
    .banner .accordian ul li.hover .wrap {background-color:rgba(0,0,0,0)}
    .banner .accordian ul li:hover .icon,
    .banner .accordian ul li.hover .icon {top:0;left:0;opacity:1;transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg)}
    .banner .accordian ul li:hover .title,
    .banner .accordian ul li.hover .title {color:rgba(63, 63, 63, 0.85)}
    .banner .accordian ul li:hover .tag,
    .banner .accordian ul li.hover .tag {color:rgba(51, 51, 51, 0.75)}
    .banner .accordian ul li:hover .text,
    .banner .accordian ul li.hover .text {color:rgba(63, 63, 63, 0.8);margin-left:0}
    .banner .accordian ul li:hover .btn,
    .banner .accordian ul li.hover .btn {opacity:1;margin-left:0}
    .banner .accordian ul li:hover .side-title,
    .banner .accordian ul li.hover .side-title {opacity:0}
    .banner .accordian ul li:hover .side-tag,
    .banner .accordian ul li.hover .side-tag {display:none}

    .banner {height:580px;padding:100px 0}
    .banner .accordian {width:720px;height:370px}
    .banner .accordian ul li {height:370px;width:120px}
    .banner .accordian ul li:last-child {width:320px!important}
    .banner .accordian ul li .wrap {width:320px;padding:25px}
    .banner .accordian ul li .icon {top:40px;width:70px;height:70px;border-radius:35px}
    .banner .accordian ul li .title {font-size:16px;margin-left:20px;top:-10px}
    .banner .accordian ul li .tag {left:115px;top:65px}
    .banner .accordian ul li .text {margin-top:20px;margin-left:120px;height:185px;width:270px;line-height:1.8;font-size:12px}
    .banner .accordian ul li .btn {margin-top:15px;margin-left:120px}
    .banner .accordian ul li .side-title {font-size:16px;left:40px;top:200px;padding:13px;width:40px}
    .banner .accordian ul li .side-tag {font-size:14px;top:200px;margin:8px;padding:6px;border-radius:5px;width:25px}
    .banner .accordian ul:hover li,
    .banner .accordian ul.hover li {width:80px}
    .banner .accordian ul:hover li .side-title,
    .banner .accordian ul.hover li .side-title {top:120px}
    .banner .accordian ul li:hover,
    .banner .accordian ul li.hover {width:320px}

    .comment .container {width:620px}
    .comment .owl-carousel .owl-item img {width:120px;border-radius:120px;left:-200px;margin:30px 10px}
    .comment .item {margin-left:200px;margin-right:60px}
    .comment .item .text-wrap {height:180px;padding:30px 0;position:relative}
    .comment .item .text-wrap::before {font-size:100px;left:-50px;top:90px}
    .comment .item .text-wrap::after {font-size:100px;right:-50px;bottom:40px}
    .comment .item .text-wrap p {font-size:14px}
}
@media (min-width: 992px) {
    .banner {height:600px;padding:120px 0}
    .banner .accordian {width:960px;height:360px}
    .banner .accordian ul li {height:360px;width:160px}
    .banner .accordian ul li:last-child {width:560px!important}
    .banner .accordian ul li .wrap {width:560px;padding:30px 40px}
    .banner .accordian ul li .icon {top:40px;width:80px;height:80px;border-radius:40px}
    .banner .accordian ul li .title {font-size:16px;margin-left:40px;top:0}
    .banner .accordian ul li .tag {left:unset;right:50px;top:60px}
    .banner .accordian ul li .text {margin-top:20px;margin-left:120px;height:150px;width:480px;line-height:1.8;font-size:14px}
    .banner .accordian ul li .btn {margin-top:15px;margin-left:120px}
    .banner .accordian ul li .side-title {font-size:16px;left:60px;top:200px;padding:13px;width:40px}
    .banner .accordian ul li .side-tag {font-size:14px;top:200px;margin:8px;padding:6px;border-radius:5px;width:25px}
    .banner .accordian ul:hover li,
    .banner .accordian ul.hover li {width:80px}
    .banner .accordian ul:hover li .side-title,
    .banner .accordian ul.hover li .side-title {top:120px}
    .banner .accordian ul li:hover,
    .banner .accordian ul li.hover {width:560px}

    .comment .container {width:860px}
    .comment .owl-carousel .owl-item img {width:130px;border-radius:150px;left:-260px;margin:25px 10px}
    .comment .item {margin-left:260px;margin-right:80px}
    .comment .item .text-wrap {height:180px;padding:30px 0;position:relative}
    .comment .item .text-wrap::before {font-size:160px;left:-70px;top:100px}
    .comment .item .text-wrap::after {font-size:160px;right:-70px;bottom:20px}
    .comment .item .text-wrap p {font-size:18px}
    .case .row > div {width:12.5%}
}
@media (min-width: 1200px) {
    .banner {height:650px;padding:140px 0}
    .comment .container {width:970px}
    .case .container {width:1010px}
}