.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}
.swiper-pagination-bullet-active{opacity:1;}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
.loop-wrapper{width:1200px;height:342px;background:#fff;overflow:hidden}
.loop-wrapper .item{height:342px;text-align:center;border:1px solid #ddd;display:flex;align-items:center;justify-content:center;}
.loop-wrapper .item img{width:100%;height:100%;object-fit:cover}
.section{padding:50px 0;background:#fff;overflow:hidden}
.section .intro-list{float:left}
.section .intro-list li{overflow:hidden;margin-bottom:20px}
.section .intro-list .icon{display:inline-block;width:50px;height:50px;border-radius:50%;vertical-align:middle;margin-left:20px}
.section .intro-list .icon-list-1{background:url(images/icon-list-1.png) 50% 50% no-repeat}
.section .intro-list .icon-list-2{background:url(images/icon-list-2.png) 50% 50% no-repeat}
.section .intro-list .icon-list-3{background:url(images/icon-list-3.png) 50% 50% no-repeat}
.section .intro-list .icon-list-4{background:url(images/icon-list-4.png) 50% 50% no-repeat}
.section .intro-list .icon-list-5{background:url(images/icon-list-5.png) 50% 50% no-repeat}
.section .intro-list .icon-list-6{background:url(images/icon-list-6.png) 50% 50% no-repeat}
.section .intro-list .text{display:inline-block;margin-left:15px;vertical-align:middle}
.section .intro-list .text .intro-title{color:#666}
.section .intro-list .text .intro-desc{font-weight:700;color:#333;width:380px}
.section .video-wrap{position:relative;width:600px;height:400px;float:left;border-radius:20px;background:#000;margin-left:50px}
.section .video-wrap::before{content:"";display:block;width:87px;height:87px;background-size:100%;position:absolute;left:50%;top:50%;margin-left:-44px;margin-top:-44px;cursor:pointer}
.box{background:#f5f5f5}
.box .title{height:50px;padding:0 50px;font-size:18px;line-height:50px;font-weight:700}
.box .wrap{padding:20px 0;background:#fff}
.box .wrap .sub-title{height:50px;line-height:50px;padding:0 20px;font-size:16px;font-weight:700}
.box .wrap .video-box{width:450px;height:450px;line-height:450px;border:1px solid #dedede;margin-top:30px;margin-left:30px;margin-bottom:30px;float:left;text-align:center;padding:8px}
.box .wrap .video-box img{max-width:100%;max-height:100%;vertical-align:middle}
.box .wrap .content{border:1px solid #dedede;border-top:none;overflow:hidden;margin-bottom:50px;padding-bottom:20px}
.box .wrap .content .intro{float:left;width:570px;margin-top:50px;margin-left:20px}
.content .intro .intro-title{font-weight:700;font-size:18px}
.content .intro .line{margin-top:25px}
.intro .line .line-tip{color:#585858}
.detail-btn{display:inline-block;width:200px;height:40px;border-radius:5px;margin-top:20px;text-align:center;line-height:40px;font-weight:700}
.contact-wrapper{margin:30px 0;background:#fff;padding:30px 0;overflow:hidden;display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between;width:100%}
.contact-wrapper .contact-box{width:49%;min-height:306px;background:#fff;border:1px solid #e5e5e5}
.contact-wrapper .contact-box+.contact-box{margin-left:20px}
.contact-wrapper .contact-box .title{height:40px;line-height:40px;font-weight:700;color:#fff;padding:0 20px}
.contact-wrapper .contact-box .contact-content{padding:20px}
.contact-wrapper .contact-box .contact-name{font-weight:700;font-size:16px;padding-bottom:15px;border-bottom:1px solid #dedede}
.contact-wrapper .contact-box .contact-table{width:100%;margin-top:10px;border-bottom:1px solid #dedede}
.contact-wrapper .contact-box .contact-table td{padding:5px 0}
.contact-wrapper .contact-box .contact-col-1{width:115px;text-align:left;color:#585858}
.extral{margin-top:10px}
.extral .icon-tag{display:inline-block;vertical-align:middle;margin-right:10px;width:16px;height:16px;background:url(images/icon-tag.png) 0 0 no-repeat}
.extral .link{float:left}
.extral .link a{vertical-align:middle}
.extral .link a:hover{text-decoration:underline;}
.extral .collect{float:right;vertical-align:middle}
.extral .icon-star{display:inline-block;margin-right:10px;width:15px;height:14px;vertical-align:middle;background:url(images/icon-star.png) 0 0 no-repeat;background-size:100%}
.extral .icon-star.active{background:url(images/icon-star-active.png) 0 0 no-repeat;background-size:100%}
.extral .collect a{vertical-align:middle;}
.btn-self{color:#fff;outline:none}
.contact-content .form-item{display:flex;margin-bottom:20px;}
.textarea-label{width:80%;}
.form-control {
    display: block;
    width: 100%;
    height: 150px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-left: 20px;
}
    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    }
.textareainfo {
    height: auto;
}
@media screen and (max-width:1024px) {
    .loop-wrapper{width:1024px}
    .loop-wrapper .item img{max-width:100%;max-height:100%}
    .section>div{width:480px!important}
}