@import url('../product.css');

.banner .text-box .video-link {text-decoration:none;color:#4EB1F4}
.banner .text-box .video-link:hover {color:#23A1F6}
.banner .text-box .title {line-height:1.4;margin:0;margin-bottom:10px}
.banner .text-box .sub-title {margin:0}
.section .text-wrap h1 {line-height:1.4;margin-bottom:20px}
.function img {margin-bottom:10px !important}
.contact {background-color:rgb(7, 168, 236);color:#fff}
.contact .row {margin:0 auto}
.contact .item {border:1px solid rgba(255, 255, 255, 0.6);padding:10px;border-radius:35px}
.contact h3 {margin-bottom:30px}
.contact p {color:#fff;margin-bottom:0}
@media (max-width:767px) {
    .banner .text-box {margin-top:40px}
    .banner .text-box .iconfont {font-size:30px}
    .section img {margin:40px auto 40px auto;display:block}
    .section h1 {font-size:20px}
    .function .item {margin-top:50px}
    .contact .item {margin-bottom:20px}
}
@media (min-width:768px) {
    .banner .text-box {margin-top:70px}
    .banner .text-box .iconfont {font-size:40px}
    .multimedia img {margin-top:70px}
    .section h1 {font-size:26px}
    .section p {font-size:14px;line-height:1.6}
    .function .item {margin-top:50px}
    .collaboration .text-wrap {margin-top:10px}
    .custom .text-wrap {margin-top:70px}
    .contact .row {width:700px}
}
@media (min-width:991px) {
    .banner .text-box {margin-top:100px}
    .banner .text-box .iconfont {font-size:50px}
    .section h1 {font-size:30px}
    .section p {font-size:16px}
    .collaboration .text-wrap {margin-top:70px}
    .function .item {margin-top:100px}
    .custom .image-wrap {text-align:center}
    .custom .text-wrap {margin-top:90px}
}
@media (min-width:1200px){
    .banner .text-box {margin-top:140px}
    .banner .text-box .iconfont {font-size:60px}
    .banner .text-box .title {font-size:30px}
    .banner .text-box .sub-title {font-size:26px}
    .section h1 {font-size:36px}
    .function .item {margin:80px 20px 0 20px}
}