@charset "utf-8";
* {
    outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
html {
    font: normal 14px "Microsoft YaHei";
    -webkit-text-size-adjust: 100%
}
body {
    padding: 0;
    margin: 0 auto;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    font-family: "Microsoft YaHei";
    min-width: 320px;
    -webkit-text-size-adjust: none;
    /*取出点击出现半透明的灰色背景*/
    -webkit-tap-highlight: rgba(0, 0, 0, 0);
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
    -webkit-appearance: none;
}
p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
ul, li, form, dl, dt, dd, div, ol, figure, aside {
    padding: 0;
    margin: 0;
}
.ul, .ul li {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
table td {
    border-collapse: collapse;
    font-size: 14px;
}
select, input, textarea {
    font-size: 14px;
    color: #333;
    border-radius: 0;
    -webkit-border-radius: 0;
    font-family: "Microsoft YaHei";
}
img {
    border: none;
    max-width: 100%;
    vertical-align: middle;
}
a {
    color: #333;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /* 去掉链接触摸高亮 */
    cursor: pointer;
}
a:hover {
    color: #ffad00;
    text-decoration: none;
}
a:focus {
    color: #333;
    outline: none;
    -moz-outline: none;
}
a:active {
    color: #333;
}
pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    margin: 0;
    font-family: "Microsoft YaHei";
    text-align: justify;
    text-justify: inter-ideograph;
}
img, object {
    border: none;
    max-width: 100%;
    border: 0;
    overflow: hidden;
    vertical-align: middle;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
    zoom: 0;
}
.clearfix {
    *zoom: 1;
}
/*IE/7/6*/
.clearfix:after {
    content: "\200B";
    display: block;
    height: 0;
    clear: both;
}

.dot {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*2行文本省略号*/
.dot2 {
    display: -webkit-box;
    display: box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
/*3行文本省略号*/
.dot3 {
    display: -webkit-box;
    display: box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ytable {
    display: table;
    width: 100%;
}
.ytable-cell {
    display: table-cell;
    vertical-align: middle;
}



a {
    color: #585858;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 去掉链接触摸高亮 */
a:focus {
    outline: none;
    -moz-outline: none;
}

.hide {
    display: none;
}

.clear_float::after, .clear_float::before {
    content: "";
    display: block;
    clear: both;
}
.tran03s {
    transition: all .3s;
}

.auto_1460 {
    max-width: 1460px;
    margin: auto;
}
.auto_1320 {
    max-width: 1320px;
    margin: auto;
}
.auto_1338 {
    max-width: 1338px;
    margin: auto;
}
.auto_1000 {
    max-width: 1000px;
    margin: auto;
}
@media (max-width: 1460px) {
    .auto_1460 {
        padding: 0 2%;
    }
}
@media (max-width: 1338px) {
    .auto_1338 {
        padding: 0 2%;
    }
}
@media (max-width: 1320px) {
    .auto_1320 {
        padding: 0 2%;
    }
}
@media (max-width: 1000px) {
    .auto_1000 {
        padding: 0 2%;
    }
}



.tit1 {
    font-size: 36px;
    font-family: "SourceHanSansCN";
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1;
}




.top {
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}
.top .header-left {
    width: 100px;
    float: left;
    background-color: #ffad00;
    margin-right: 1.14%;
}
.top .header-left .logo {
    padding: 0 0;
    text-align: center;
    display: block;
}
.height {
    width: 100%;
}




.nav {
    float: left;
}
.nav li {
    float: left;
}
.nav li em a {
    display: block;
    padding: 0 45px;
    font-size: 18px;
    font-family: "Source Han Sans CN";
    color: #fff;
    line-height: 100px;
}
.nav li em a:hover {
    color: #ffad00;
}
.nav li em {
    font-style: normal;
    display: block;
}

.nav .subnav {
    width: 100vw;
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    background-color: #fff;
    z-index: 5;
}
.nav .subnav .auto_1320 {
    padding: 2.085% 3.6% 3.03%;
}
.nav .nav_box1 {
    width: 62.19%;
    float: left;
}
.nav .nav_box1 dl {
    width: 33.3%;
    float: left;
    text-align: left;
    padding-left: 11%;
}
.nav .nav_box1 dl dt a {
    display: block;
    font-size: 16px;
    font-family: "Source Han Sans CN";
    color: rgb(0, 0, 0);
    line-height: 1;
    margin-bottom: 5px;
    position: relative;
    padding-bottom: 20px;
}
.nav .nav_box1 dl dt a::after {
    content: '';
    width: 25px;
    height: 1px;
    background-color: #ffad00;
    position: absolute;
    bottom: 0;
    left: 0;
    /* right: 0; */
    /* margin: auto; */
}
.nav .nav_box1 dl dt a:hover {
    color: #ffad00;
}
.nav .nav_box1 dl dd a {
    display: block;
    font-size: 14px;
    font-family: "Source Han Sans CN";
    color: rgb(0, 0, 0);
    line-height: 30px;
}
.nav .nav_box1 dl dd a:hover {
    color: #ffad00;
}
.nav .pic-box1 {
    width: 37.81%;
    float: left;
}
.nav .pic-box1 a {
    position: relative;
    padding-bottom: 44.76%;
    display: block;
}
.nav .pic-box1 img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.nav .pic-box1 .des {
    text-align: center;
    font-size: 14px;
    font-family: "Arial";
    color: rgb(153, 153, 153);
    margin-top: 10px;
}


.nav .subnav .sub2 {
    padding-left: 13.646%;
}
.nav .subnav .nav_box2 {
    width: 37.37%;
    float: left;
    margin-right: 8.08%
}
.nav .subnav .nav_box2 dd a {
    line-height: 45px;
    border-bottom: 1px solid rgb(223, 223, 223);
    font-size: 16px;
    font-family: "SourceHanSansCN";
    color: rgb(0, 0, 0);
    display: block;
    position: relative;
}
.nav .subnav .nav_box2 dd a::after {
    content: '';
    width: 7px;
    height: 12px;
    background: url(../images/next.png) center center no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.nav .subnav .nav_box2 dd a:hover {
    color: #ffad00;
}
.nav .subnav .nav_box2 dd a:hover::after {
    background: url(../images/next1.png) center center no-repeat;
}

.nav .pic-box2 {
    width: 36.36%;
    float: left;
}
.nav .pic-box2 a {
    position: relative;
    display: block;
    padding-bottom: 54.8%;
}
.nav .pic-box2 a img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}


.language {
    float: right;
    width: 100px;
    text-align: center;
    position: relative;
}
.language .show {
    line-height: 100px;
    font-size: 18px;
    font-family: "Source Han Sans CN";
    color: #fff;
    position: relative;
}
.language .show::after {
    content: '';
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #fff;
    position: absolute;
    right: -20px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.language dl {
    position: absolute;
    top: 100%;
    left: 0;
    text-align: center;
    width: 100%;
    background-color: #000;
    line-height: 30px;
    display: none;
    z-index: 2;
}
.language dl dd {
    border-bottom: 1px solid #555555;
}
.language dl a {
    font-size: 18px;
    font-family: "Source Han Sans CN";
    color: #fff;
}
.language dl a:hover {
    color: #ffad00;
}
.search {
    float: right;
    width: 48px;
    height: 48px;
    position: relative;
    margin: 26px 0;
}
.search .search-btn {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff url(../images/search.png) center center no-repeat;
    display: block;
}
.search .search-btn.on {
    background: #fff url(../images/search.png) center center no-repeat;
}
.search.on .search-btn{background-image: none;}
.search .searbox {
    position: absolute;
    right: 50px;
    top: 0;
    padding-right: 40px;
    border: 1px solid #eee;
    background-color: #fff;
    margin-top: 2px;
    display: none;
}
.search .searbox .btn {
    position: absolute;
    right: 0;
    width: 40px;
    height: 40px;
    top: 0;
    background: url(../images/search.png ) center center no-repeat;
    z-index: 5;
}
.search .search-btn::before,.search .search-btn::after{
    content: '';
    width: 60%;
    height: 1px;
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    display: none;
    transition: rotate 1s;
}
.search.on .search-btn::before{
    display: block;
    transform: translate(-50%,-50%) rotateZ(-45deg);
}
.search.on .search-btn::after{
    display: block;
    transform: translate(-50%,-50%) rotateZ(45deg);
}
.search .searbox .text {
    outline: none;
    border: 0;
    line-height: 40px;
    padding-left: 10px;
}

.bottom {
    background: url(../images/bottom-bg.jpg) center center no-repeat;
    background-size: cover;
}
.bottom .auto_1320 {
    padding-top: 5.21%;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.bottom dl {
    float: left;
}
.bottom dl dt a {
    color: rgb(204, 204, 204);
}
.bottom dl dd a {
    color: rgb(154, 152, 152);
}
.bottom dl dt a:hover {
    color: #ffad00;
}
.bottom dl dd a:hover {
    color: #ffad00;
}
.bottom dt {
    font-size: 18px;
    font-family: "Source Han Sans CN";
    color: rgb(204, 204, 204);
    line-height: 1;
    margin-bottom: 20px;
}
.bottom dd {
    font-size: 14px;
    font-family: "SourceHanSansCN";
    color: rgb(154, 152, 152);
    line-height: 30px;
}
.bottom .bot-nav-item {
    float: left;
    width: 53%;
}
.bottom .daili, .bottom .qrcode {
    float: right;
}
.bottom .bot-nav-item dl {
    margin-right: 8.093%;
}
.bottom .bot-nav-item dl:last-of-type {
    margin-right: 0;
}
.bottom .bot-nav-item .daili1 {
    display: none;
}
.bottom .qrcode {
    width: 41.36%;
}
.bottom .qrcode dl {
    margin-right: 14.656%;
    text-align: center;
}
.bottom .copyright {
    font-size: 14px;
    font-family: "SourceHanSansCN";
    color: rgb(154, 152, 152);
    text-align: center;
    line-height: 1.5;
    padding: 2.27% 0;
    border-top: 1px solid rgba(255, 255, 255, .102);
}
.bottom .copyright a{
    font-size: 14px;
    color: rgb(154, 152, 152);
}
.bottom .copyright a:hover{
    color: #ffad00;
}
.bottom .copyright a:active{
    color: rgb(154, 152, 152);
}
.bottom .bot-nav {
    padding-bottom: 6.82%;
}


@media(max-width:1366px) {
    .nav li em a {
        padding: 0 35px;
    }

}
@media(max-width:1200px) {
    .bottom .bot-nav-item dl {
        margin-right: 6%;
    }
    .bottom .qrcode dl {
        margin-right: 12%;
    }
}
@media(max-width:1024px) {
    .bottom .bot-nav-item dl{
        margin-right: 8%;
    }
    .nav {
        width: 320px;
        height: 100vh;
        overflow: auto;
        position: absolute;
        right: 0;
        top: 0;
        background-color: rgba(0, 0, 0, 0.7);
        padding-top: 70px;
        z-index: 5;
        padding-bottom: 20px;
        display: none;
    }
    .nav a {
        color: #fff !important;
    }
    .nav li {
        float: none;
    }
    .nav li em a {
        line-height: 50px;
        padding-left: 20px;
        display: inline-block;
    }
    .nav-btn {
        float: right;
        cursor: pointer;
        margin-left: 10px;
        position: absolute;
        right: 2%;
        top: 20px;
        padding-top: 9px;
        padding-bottom: 9px;
        z-index: 10;
    }
    .nav-btn i, .nav-btn::before, .nav-btn::after {
        width: 25px;
        height: 3px;
        background-color: #fff;
        display: block;
        transition: all .3s;
        transform-origin: 50% 50%;
    }
    .nav-btn::before, .nav-btn::after {
        content: '';
    }
    .nav-btn::before {
        position: absolute;
        left: 0;
        top: 0;
    }
    .nav-btn::after {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .nav-btn.on i {
        opacity: 0;
    }
    .nav-btn.on::before {
        transform: rotate(45deg);
        top: 9px;
    }
    .nav-btn.on::after {
        transform: rotate(-45deg);
        bottom: 9px;
    }
    .language .show {
        line-height: 60px;
    }
    .top .header-left {
        position: absolute;
        left: 2%;
        width: 10%;
        top: 0;
        bottom: 0%;
        height: 100%;
        display: table;
        margin: auto;
        height: 60px;
    }
    .top .header-left .logo {
        padding: 0 3%;
        display: table-cell;
        vertical-align: middle;
        width: 100%;
    }
    .top .header-left .logo img {
        width: 100%;
    }
    .search {
        margin: 10px 0;
        margin-right: 35px;
        width: 40px;
        height: 40px;
    }


    .nav .pic-box2 {
        display: none;
    }
    .nav .pic-box1 {
        display: none;
    }
    .nav .subnav {
        width: 100%;
        padding: 20px;
        position: static;
        background-color: rgba(0, 0, 0, 0.8);
        display: none;
    }
    .nav .nav_box1 {
        width: 100%;
    }
    .nav .nav_box2 {
        width: 100% !important;
    }
    .nav .nav_box1 dl {
        width: 100%;
        float: none;
        text-align: left;
    }
    .nav .nav_box1 dl dt a::after {
        display: none;
    }
    .nav .subnav .sub2 {
        padding: 0;
    }
    .nav dd a {
        line-height: 50px !important;
        font-size: 16px !important;
        border-bottom: 0 !important;
    }
    .nav dd a::after {
        display: none;
    }

    .bottom .bot-nav-item {
        width: 100%;
        padding-left: 5%;
    }
    .bottom .qrcode {
        float: none;
        padding-top: 2%;
        clear: both;
        width: auto;
        text-align: center;
    }
    .bottom .qrcode dl {
        display: inline-block;
        margin: 0 2%;
        float: none;
        margin-top: 5%;
    }
    .bottom .daili {
        float: left;
        margin-left: 5%;
        display: none;
    }
    .bottom .bot-nav-item .daili1 {
        display: inline-block;
    }

}

@media(max-width:640px) {
    .top .header-left{
        width: 60px;
    }
    .bottom .bot-nav-item {
        width: 100%;
        text-align: left;
    }
    .bottom .daili {
        margin-left: 0;
    }
    .bottom .bot-nav-item dl {
        width: 30%;
        padding-left: 9%;
        display: inline-block;
        float: none;
        text-align: left;
        vertical-align: top;
        margin-right: 2%;
        margin-bottom: 5%;
    }
    .bottom .daili {
        display: none;
    }
    .bottom .bot-nav-item .daili {
        display: inline-block;
        width: 30%;
        margin-right: 2%;
        margin-bottom: 5%;
    }
}
@media(max-width:540px){
    .bottom .bot-nav-item{
        padding-left: 0;
        .bottom .bot-nav-item dl{
            width: 30%;
            padding-left: 10%;
        }
    }
}
.next, .prev {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #000;
    background-position: center center;
    background-repeat: no-repeat;
    transition: all .3s;
    background-image: url(../images/next-btn.png);
    cursor: pointer;
}
.prev {
    transform: rotate(180deg);
}
.next:hover, .prev:hover {
    background-color: #ffad00;
    background-image: url(../images/next-btn-a.png);
}

/* index */
.banner {
    position: relative;
}
.banner .slick-item {
    position: relative;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.banner .slick-item .auto_1320 {
    position: relative;
}
.banner .txt {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}
@media(max-width:1320px) {
    .banner .txt {
        padding-left: 2%;
    }
}

.banner .txt1 {
    font-size: 48px;
    font-family: "Source Han Sans CN";
    color: rgb(255, 255, 255);
    line-height: 1;
    padding-top: 3.79%;
    position: relative;
    margin-bottom: 4.45%;
}
.banner .txt1::before {
    content: '';
    width: 40px;
    height: 4px;
    background-color: #ffad00;
    position: absolute;
    top: 0;
    left: 0;
}
.banner .txt2 {
    font-size: 24px;
    font-family: "SourceHanSansCN";
    color: rgba(255, 255, 255, 0.6);
    line-height: 1;
    margin-bottom: 2.27%;
}
.banner .more-btn1 {
    margin-top: 7.58%;
}
.more-btn1 {
    width: 148px;
    line-height: 48px;
    padding-left: 34px;
    font-size: 14px;
    display: block;
    font-family: "Source Han Sans CN";
    border: 1px solid #000;
    color: #000;
    position: relative;
    transition: all .3s;
}
.more-btn1::after {
    content: '>';

    color: #000;
    margin-left: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 17.85%;
    margin: auto;
}
.orange {
    border-color: #ffad00;
    color: #ffad00;
}
.orange::after {
    color: #ffad00;
}
.more-btn1:hover {
    background-color: #ffad00;
    color: #000;
    border-color: #ffad00;
}
.more-btn1:hover::after {
    color: #000;
}

/* .index-part1.banner .slick-box{height: 100%;} */

.index-part1.banner .slick-item .auto_1320 {
    padding-top: 44.141%;
}
.index-part1.banner .txt {
    top: 48%;
    transform: translateY(100%);
    transition: all ease-in-out 2s;
}
.index-part1.banner .slick-active .txt {
    transform: translateY(0);
}


.arrows {
    position: absolute;
    bottom: 7.57%;
    font-size: 14px;
    font-family: "Bahnschrift";
    color: rgba(255, 255, 255, 0.8);
    z-index: 2;
    width: 260px;
    left: 0%;
    cursor: pointer;
    width: 100%;
}
.arrows .slick-next {
    display: inline-block;
}
.arrows .slick-next:hover, .arrows .slick-prev:hover {
    color: #ffad00;
}
.arrows .slick-prev {
    display: inline-block;
}
.arrows i {
    width: 120px;
    height: 1px;
    background-color: rgb(255, 255, 255);
    opacity: 0.7;
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px;
}


.index-part2 {
    position: relative;
}
.index-part2 .pic {
    padding-top: 44.14%;
}
.play-btn {
    width: 130px;
    height: 130px;
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    right: 0;
    cursor: pointer;
}
.play-btn i {
    width: 23.08%;
    height: 23.08%;
    background-image: url(../images/play.png );
    background-position: center center;
    background-repeat: no-repeat;
    z-index: 2;
    background-size: 70%;
}
.play-btn i, .play-btn::before, .play-btn::after {
    position: absolute;
    top: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    right: 0;
    border-radius: 50%;
    transition: all .3s;
}
.play-btn::before {
    content: '';
    width: 77%;
    height: 77%;
    background-color: #000;
}
.play-btn::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}

.play-btn:hover i {
    background-image: url(../images/play-a.png);
}
.play-btn:hover::before {
    background-color: #ffad00;
}
.play-btn:hover::after {
    background-color: rgba(255, 173, 0, .2);
}

.index-part2 .video-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 5;
    display: none;
}
.index-part2 .video-box .auto_1320 {
    height: 100%;
}
.index-part2 .video-box .auto_1320 iframe{
    width: 100%; 
    height: 100%;
margin-top:100px
}
.index-part2 .video-box video {
    width: 80%;
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 10%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.index-part2 .video-box .close-btn {
    width: 30px;
    height: 30px;
    background: url(../images/mask-close.png) center center no-repeat;
    background-size: cover;
    position: absolute;
    right: 5%;
    top: 13%;
    cursor: pointer;
}
.index-part2 .word {
    font-size: 36px;
    font-family: "SourceHanSansCN";
    color: rgb(0, 0, 0);
    font-weight: bold;
    position: absolute;
    left: 0;
    right: 0;
    top: 60.6%;
    text-align: center;
}

.index-part3 .auto_1460 {
    padding-top: 4.17%;
    text-align: center;
    position: relative;
    padding-bottom: 3.65%;
}
.index-part3 .tit1 {
    margin-bottom: 5%;
}
.index-part3 .part3-slick {
    padding: 0 5.3%;
}
.index-part3 .pic {
    position: relative;
    padding-top: 79%;
    /* overflow: hidden; */
}
.index-part3 .pic img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    display: none;
    transition: transform 1s;
}
.index-part3 .pic:hover img{
    transform: scale(1.2);
}
.index-part3 .pic img.on {
    display: block;
}
.index-part3 .txt {
    transition: all .5s;
}
.index-part3 .line::before {
    content: '';
    width: 1px;
    height: 90px;
    background-color: #ddd;
    display: block;
    margin: 0 auto;
}
.index-part3 .line i {
    width: 5px;
    height: 5px;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: block;
    margin: 10px auto;
}
.index-part3 .line::after {
    content: '';
    width: 5px;
    height: 5px;
    border: 1px solid #ddd;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    box-sizing: border-box;
}
.des {
    padding-top: 6.17%;
}
.tit2 {
    font-size: 20px;
    font-family: "Source Han Sans CN";
    color: rgb(0, 0, 0);
    line-height: 1;
    margin-bottom: 3.1%;
}
.des2 {
    font-size: 14px;
    font-family: "SourceHanSansCN";
    color: rgb(102, 102, 102);
    line-height: 1;
}


.color-pick {
    padding-top: 6.17%;
    opacity: 0;
    min-height: 64px;
}
.color-pick dd {
    display: inline-block;
    width: 36px;
    height: 36px;
    padding: 3px;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
}
.color-pick dd i {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: block;
    border: 1px solid #000;
}
.color-pick dd.on {
    border: 1px solid;
}

.index-part3 .slick-center .color-pick {
    display: block;
    opacity: 1;
}
.index-part3 .slick-center .txt {
    transform: translateY(30px);
}
.index-part3 .slick-center .line::before {
    background-color: #ffad00;
}
.index-part3 .slick-center .line i {
    border-color: #ffad00;
}
.index-part3 .slick-center .line::after {
    border-color: #ffad00;
}
.index-part3 .slick-center .pic img{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.index-part3 .slick-center .pic:hover img{
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}
.index-part3 li {
    position: relative;
    padding-bottom: 30px;
    padding-left: 0.5%;
    padding-right: 0.5%;
    padding-top: 0.5%;
}
.index-part3 li.slick-center::before {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #ddd;
}
.index-part3 li.slick-center::after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ddd;
}

.index-part3 .slick-next {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 3;
}
.index-part3 .slick-prev {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 3;
}

.index-part4 {
    overflow: hidden;
}
.index-part4 .clearfix {
    height: 100%;
}
.index-part4 .more-btn1 {
    margin-top: 40px;
}
.index-part4 .left {
    overflow: hidden;
    float: left;
    width: 64.458%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 44.141%;
}

.index-part4 .right {
    overflow: hidden;
    float: left;
    width: 35.542%;
}
.index-part4 .txt {
    width: 100%;
    padding-left: 10.85%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.index-part4 .item-box {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 62.098%;
}
.index-part4 .item {
    overflow: hidden;
}


.tit3 {
    font-size: 20px;
    font-family: "Source Han Sans CN";
    color: rgb(0, 0, 0);
    line-height: 1;
}
.des3 {
    font-size: 14px;
    font-family: "SourceHanSansCN";
    color: rgb(102, 102, 102);
    line-height: 2;
    text-align: justify;
}

.index-part5 .auto_1320 {
    padding-top: 3.697%;
}
.index-part5 .tit1 {
    text-align: center;
    margin-bottom: 3.03%;
    font-family: "Bahnschrift";
}
.index-part5 .slick-box li {
    width: 33.33%;
    border: 1px solid #e6e6e6;
    position: relative;
    transition: all .3s;
    float: left;
}
.index-part5 .slick-box .item {
    padding: 20.553% 11.42%;
}
.index-part5 .time {
    line-height: 1;
    font-size: 18px;
    color: rgb(102, 102, 102);
    margin-bottom: 14.8%;
}
.index-part5 .tit3 {
    margin-bottom: 5.93%;
}
.index-part5 .des3 {
    height: 180px;
}
.index-part5 .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 1s;
    z-index: -2;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.index-part5 .mask::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 0;
    top: 0;
}


/* .index-part5 .slick-box li:nth-of-type(n) {
    background: url(../images/q.png) center center no-repeat;
    background-size: cover;
}
.index-part5 .slick-box li:nth-of-type(2n) {
    background: url(../images/c.png) center center no-repeat;
    background-size: cover;
}
.index-part5 .slick-box li:nth-of-type(3n) {
    background: url(../images/y.png) center center no-repeat;
    background-size: cover;
} */


.index-part5 .slick-box li:hover {
    background: none;
}
.index-part5 .slick-box li:hover .mask {
    opacity: 1;
}
.index-part5 .slick-box li:hover .tit3,
.index-part5 .slick-box li:hover .des3,
.index-part5 .slick-box li:hover .time {
    color: #fff;
}
/* .index-part5 .slick-box li:hover .dot3{overflow-y: scroll;-webkit-line-clamp:5;} */
.index-part5 .slick-box li.on .dot3 {
    /* overflow-y: scroll;
    -webkit-line-clamp: 5; */
}
/* .index-part5 .slick-box li.on .des3{height: 220px;} */
.index-part5 .slick-box li:hover .more-btn1 {
    background-color: #ffad00;
    color: #000;
    border-color: #ffad00;
}
.index-part5 .slick-box li:hover .more-btn1::after {
    color: #000;
}

.index-part5 .page {
    padding: 3.03% 0;
    text-align: center;
}
.index-part5 .next a, .index-part5 .prev a {
    display: block;
    width: 100%;
    height: 100%;
}
.index-part5 .next, .index-part5 .prev, .index-part5 .pagenum {
    display: inline-block;
    vertical-align: middle;
}
.index-part5 .pagenum {
    padding: 0 4.55%;
}
.index-part5 .pagenum span {
    font-size: 24px;
    font-family: "Bahnschrift";
    color: #e6e6e6;
}
.index-part5 .pagenum .pageon {
    font-size: 36px;
    color: rgb(0, 0, 0);
}

.banner .txt3 {
    font-size: 56px;
    font-family: "Arial";
    color: #fff;
    font-weight: bold;
}
.banner .txt4 {
    font-size: 36px;
    font-family: "SourceHanSansCN";
    color: #fff;
    letter-spacing: 10px;
    padding-bottom: 2.27%;
    position: relative;
}
.banner .txt4::after {
    content: '';
    width: 36px;
    height: 3px;
    background-color: #ffad00;
    position: absolute;
    bottom: 0;
    left: 0;
}
.banner .slick-item .auto_1320 {
    padding-top: 30.479%;
}

.menu {
    padding: 1.5625% 0;
    text-align: center;
    border-bottom: 1px solid #ebebeb;
}
.menu li {
    display: inline-block;
    width: 140px;
    margin: 0 0.5%;
    /* border-radius: 27px; */
    transition: all .5s;
}
.menu li a {
    font-size: 16px;
    color: rgb(0, 0, 0);
    line-height: 45px;
}
.menu li.on {
    background-color: #ffad00;
}
.menu li:hover {
    background-color: #ffad00;
}

.pro-list {
    padding-bottom: 6.77%;
}
.pro-top {
    border-bottom: 1px solid #ebebeb;
}
.pro-list .color-pick {
    opacity: 1;
}
.pro-list .pro-tit1 {
    font-size: 40px;
    font-family: "Arial";
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1;
    margin-bottom: 3.125%;
}
.pro-list .pro-des1 {
    font-size: 18px;
    font-family: "SourceHanSansCN";
    color: rgb(102, 102, 102);
    line-height: 1;
}
.pro-list .right {
    /* vertical-align: top; */
    width: 50%;
    /* padding-top: 13.26%; */
    padding-left: 7%;
}
.pro-list .pro-top .pro-item {
    padding-top: 6.82%;
    padding-bottom: 6.06%;
}
.pro-list .pro-top .pic {
    position: relative;
    padding-top: 109%;
}
.pro-list .pro-top .pic img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
}
.pro-list .pro-top .fl .pic img {
    left: 0;
}
.pro-list .pro-top .fr .pic img {
    right: 0;
}
.pro-list .pro-btn {
    margin-top: 6.06%;
}


.pro-list .pro-bot {
    padding-top: 5.21%;
}


.pro-btn {
    width: 170px;
    line-height: 60px;
    border-radius: 30px;
    background-color: #000;
    display: block;
    padding-left: 38px;
    font-size: 14px;
    font-family: "SourceHanSansCN";
    color: rgb(255, 255, 255);
    position: relative;
    transition: all .5s;
}
.pro-btn::after {
    content: '';
    width: 22px;
    height: 5px;
    background: url(../images/next2.png) center center no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 35px;
    margin: auto;
}
.pro-btn:hover {
    background-color: #ffad00;
    color: #000;
}
.pro-btn:hover::after {
    background: url(../images/next2-a.png) center center no-repeat;
}


.pro-list .pro-bot {
    padding-bottom: 1.945%;
}
.pro-list .pro-bot li {
    width: 32.2%;
    float: left;
    text-align: center;
    margin-right: 1.7%;
    margin-bottom: 1.74%;
    background-color: #f2f2f2;
    padding: 2.5% 3.788% 4.3%;
    transition: all .3s;
}
.pro-list .pro-bot li:nth-of-type(3n) {
    margin-right: 0;
}
.pro-list .pro-bot .pic {
    position: relative;
    padding-top: 109.3%;
}
.pro-list .pro-bot .pic img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    transition: all 1s;
}
.pro-list .des {
    padding-top: 15.385%;
}
.pro-list .tit2 {
    margin-bottom: 4.612%;
}

.pro-list .pro-bot li:hover {
    background-color: #fff;
    box-shadow: 0px 1px 36px 0px rgba(0, 0, 0, 0.08);
}
.pro-list .pro-bot li:hover img {
    transform: scale(1.1);
}

.more-btn2 {
    font-size: 14px;
    font-family: "SourceHanSansCN";
    color: rgb(0, 0, 0);
    line-height: 1;
    position: relative;
    padding-right: 35px;
    transition: all .3s;
    margin-top: 6.158%;
    display: inline-block;
}
.more-btn2::after {
    content: '';
    width: 22px;
    height: 5px;
    background: url(../images/next2-a.png) center center no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: all .3s;
}
.more-btn2:hover::after {
    background: url(../images/next2-o.png) center center no-repeat;
}


/* 产品详情 */
.pro-detail .pro-part1 {
    padding-top: 5.21%;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 4.167%;
}
.pro-detail .pro-part1 .auto_1320 {
    padding-bottom: 4.17%;
}
.pro-detail .pro-part1 .left {
    width: 50%;
    padding-right: 4.55%;
}
.pro-detail .pro-part1 .big-img {
    padding-top: 93.509%;
    position: relative;
    border: 1px solid #f5f5f5;
}
.pro-detail .pro-part1 .big-img img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
}
.pro-detail .pro-part1 .small-img {
    padding: 0 16.67%;
    margin-top: 5.833%;
    position: relative;
}
.pro-detail .pro-part1 .small-img li {
    padding: 0 2.5%;
    width: 25%;
    float: left;
}
.pro-detail .pro-part1 .small-img figure {
    position: relative;
    padding-top: 80%;
    border: 1px solid #000;
    opacity: 0.2;
}
.pro-detail .pro-part1 .small-img figure img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 90%;
    max-height: 90%;
}
.pro-detail .pro-part1 .small-img .slick-on figure {
    opacity: 1;
}
.pro-detail .pro-part1 .slick-arrow {
    width: 16.67%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: url(../images/next-btn-a.png) center center no-repeat;
    opacity: 0.2;
    cursor: pointer;
}
.pro-detail .pro-part1 .slick-arrow:active {
    opacity: 1;
}
.pro-detail .pro-part1 .slick-next {
    right: 0;
}
.pro-detail .pro-part1 .slick-prev {
    left: 0;
    transform: rotateY(180deg);
}


.pro-detail .pro-part1 .right {
    width: 50%;
    background: url(../images/bg1.jpg) no-repeat;
    background-size: cover;
    padding: 6.06% 6.06% 0;
    vertical-align: top;
    padding-bottom: 3.03%;
}
.pro-detail .color-pick {
    opacity: 1;
    padding-top: 10%;
    margin-bottom: 8%;
}
.pro-detail .right-tit {
    font-size: 40px;
    font-family: "Arial";
    color: rgb(0, 0, 0);
    font-weight: bold;
    line-height: 1;
}
.pro-detail .intro-list li {
    font-size: 14px;
    font-family: "SourceHanSansCN";
    color: rgb(0, 0, 0);
    line-height: 1.857;
    text-align: justify;
    padding-left: 4%;
    position: relative;
}
.pro-detail .intro-list li::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #ffad00;
    position: absolute;
    left: 0;
    top: 10px;
}
.pro-detail .price {
    font-size: 30px;
    font-family: "Arial";
    color: rgb(245, 172, 70);
    font-weight: bold;
    line-height: 1;
    padding-top: 6%;
    padding-bottom: 14%;
}
.pro-detail .right-tit2 {
    font-size: 16px;
    font-family: "SourceHanSansCN";
    color: rgb(0, 0, 0);
    line-height: 1;
    padding-bottom: 4%;
    border-bottom: 1px solid #e6e6e6;
    font-weight: normal;
}

.pro-detail .buy-list {
    padding-top: 6%;
}
.pro-detail .buy-list li {
    width: 33.3%;
    float: left;
}
.pro-detail .buy-list li .y-left {
    width: 33.33%;
    position: relative;
    padding-top: 33.3%;
}
.pro-detail .buy-list li .y-left img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.pro-detail .buy-list li .y-right {
    padding-left: 5.56%;
    font-size: 18px;
    font-family: "SourceHanSansCN";
}



.pro-detail .txt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
}

.pro-detail .pro-tit2 {
    font-size: 55px;
    line-height: 1.5;
    font-weight: normal;
    margin-bottom: 2%;
}
.pro-detail .pro-des2 {
    font-size: 26px;
    line-height: 1.5;
}
.det-box {
    position: relative;
    /* padding-top: 55.17%; */
}

/* 关于我们 */
.about .about-part1 {
    padding: 5.21% 0;
}
.about .about-tit {
    font-size: 36px;
    color: #333;
    text-align: center;
    font-weight: bold;
}
.about .about-tit-en {
    width: 33px;
    height: 5px;
    background-color: #f6ba04;
    margin: 28px auto;
}
.about .about-des {
    font-size: 16px;
    font-family: "Adobe Heiti Std";
    color: rgb(51, 51, 51);
    line-height: 2;
    text-align: justify;
    max-width: 1040px;
    margin: 0 auto 5.3%;
}
.about .video-box {
    position: relative;
}
.about .video-box .pic {
    padding-top: 52.27%;
}
.about .video-box video {
    width: 90%;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index: 2;
}
.about .play-btn2 {
    width: 94px;
    height: 94px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.302);
    background: url(../images/play-btn2.png) center center no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 38%;
    margin: auto;
    cursor: pointer;
}
.about .word {
    position: absolute;
    left: 0;
    right: 0;
    top: 55%;
    margin: auto;
    text-align: center;
    font-size: 30px;
    font-family: "SourceHanSansCN";
    color: rgb(255, 255, 255);
}
.about .grey {
    opacity: 0.2;
    font-family: "AkzidenzGroteskBQ";
    font-weight: bold;
    font-size: 37px;
}
.about .video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .7);
    display: none;
}
.about .video iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.about .close-btn {
    width: 30px;
    height: 30px;
    background: url(../images/mask-close.png) center center no-repeat;
    position: absolute;
    top: 2%;
    right: 2%;
    z-index: 3;
    cursor: pointer;
}


.about .txt1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.about .txt1 .auto_1320 {
    width: 100%;
    height: 100%;
    position: relative;
}
.about .txt1 img {
    margin-bottom: 8%;
    width: 46.94%;
}
.about .txt1 .l {
    width: 52.65%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    font-size: 16px;
    font-family: "SourceHanSansCN";
    color: rgb(255, 255, 255);
    line-height: 2;
    text-align: justify;
}
.about .txt1 .l p:first-of-type {
    margin-bottom: 11%;
}
.about .txt1 .l p:last-of-type {
    font-size: 24px;
}
.about .txt1 .r {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.about .txt1 .r p {
    font-size: 45px;
    font-family: "Source Han Sans CN";
    color: rgb(255, 255, 255);
}
.about .txt1 .r p:first-of-type {
    float: left;
    width: 50px;
    line-height: 1;
    text-align: center;
}
.about .txt1 .r p:last-of-type {
    float: left;
    transform: rotateZ(90deg);
    transform-origin: 25% 60%;
    line-height: 1.5;
    font-style: oblique;
}

.about .txt1 .txt-box {
    font-size: 123px;
    font-family: "Arial";
    color: rgba(255, 255, 255, 0.102);
    line-height: 2;
    vertical-align: top;
    width: 37%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}
.about .txt1 p {
    font-size: 16px;
    font-family: "Adobe Heiti Std";
    color: rgb(255, 255, 255);
    line-height: 2;
    text-align: center;
}
.about .part2 .txt1 p {
    text-align: left;
}

.about .count-num ul {
    text-align: center;
}
.about .count-num li {
    display: inline-block;
    margin: 0 3.03%;
}
.about .big {
    font-size: 26px;
    color: rgb(51, 51, 51);
    font-family: "Bahnschrift";
    display: inline-block;
    vertical-align: middle;
}
.about .count {
    font-size: 56px;
    font-family: "AkzidenzGroteskBQ";
    color: rgb(51, 51, 51);
    font-weight: bold;
}
.about .words {
    font-size: 16px;
    font-family: "SourceHanSansCN";
    color: rgb(51, 51, 51);
    line-height: 2;
}

.about .slick-box {
    position: relative;
    overflow: hidden;
}
.about .about-part2 {
    background-color: #fff;
}
.about .part {
    padding: 5.21% 0;
}
.about .time {
    padding: 4.17% 0%;
    position: relative;
    max-width: 1220px;
    margin: 0 auto;
    overflow: hidden;
}

.about .slick-list {
    overflow: visible;
}
.about .time::before {
    content: '';
    width: 100vw;
    height: 1px;
    background-color: #e6e6e6;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    margin: auto;
    transform: translateX(-50%);
}
.about .time li {
    position: relative;
    float: left;
}
.about .time li .year {
    position: absolute;
    /* top: -350%; */
    top: -50px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 36px;
    font-family: "Bahnschrift";
    color: rgb(153, 153, 153);
    text-align: center;
}
.about .time li .spot i {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #999999;
    display: block;
    margin: 0 auto;
}
.about .time li.on .spot i {
    background-color: #ffad00;
    transition: all 3s;
}
.about .time li .spot::after {
    content: '';
    width: 0%;
    height: 1px;
    background-color: #ffad00;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: -1;
    left: -50%;
    transition: all 3s;
    transform-origin: 0% 0%;
}
.about .time li.on .spot::after {
    width: 100%;
}
.about .time li.on .year {
    color: #ffad00;
    transition: all 1s;
}
/* .about .time li:first-of-type .spot::after{display: none;} */
.about .about-part2 .slick-arrow {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #e6e6e6 url(../images/about-next.png) center center no-repeat;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    transition: all .3s;
}
.about .about-part2 .slick-next {
    right: 1.37%;
}
.about .about-part2 .slick-prev {
    left: 1.37%;
    transform: rotateY(180deg);
}
.about .about-part2 .slick-arrow:hover {
    background-color: #ffad00;
}


.about .list li {
    /* padding: 4.11% 4.79% 6.85%; */
    display: none;
    table-layout: fixed;
	width:100%;
}
.about .list .left {
    width: 43%;
    height: 409px;
}
.about .list .left .pic {
    position: relative;
    padding-top: 57.69%;
    width: 100%;
    height: 409px;
}
.about .list .left .pic img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    /* max-width: 100%;
    max-height: 100%; */
    width: 100%;
    height: 409px;
}
.about .list .right {
    width: 57%;
    height: 409px;
    padding: 80px 7%;
    vertical-align: top;
}
.about .list .right p {
    font-size: 18px;
    font-family: "SourceHanSansCN";
    color: rgb(51, 51, 51);
    line-height: 2;
    text-align: justify;
    padding-top: 4.94%;
    position: relative;
}
.about .list .right p:first-of-type::before {
    content: '';
    width: 30px;
    height: 3px;
    background-color: #ffad00;
    position: absolute;
    top: 0;
    left: 0;
}

.about .list li .left1{width: 100%;overflow: hidden;text-align: center;}
.about .list li .left1 img{width: 100%;}


.about .list li .right1{
    padding: 20px 0px;
    font-size: 14px;
    color: #666;
    line-height: 25px;
    margin-top: 10px;
}


.about .about-part3 .about-tit-en {
    margin-bottom: 1.52%;
}
.about .about-part3 li {
    padding: 3.03% 0;
    position: relative;
}
.about .about-part3 li::after {
    content: '';
    width: 100vw;
    height: 1px;
    background-color: #ededed;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.about .about-part3 li:last-of-type::after {
    width: 0;
}
.about .about-part3 li .left {
    width: 27.27%;
}
.about .about-part3 li .left .pic {
    position: relative;
    padding-top: 61.11%;
    overflow: hidden;
}

.about .about-part3 li .left .pic img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: all 1s;
    max-width: 100%;
    max-height: 100%;
}
.about .about-part3 li .left .pic img:hover {
    transform: scale(1.1);
}
.about .about-part3 li .left .pic-tit {
    font-size: 24px;
    font-family: "Source Han Sans CN";
    color: #ffad00;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.about .about-part3 li .right {
    width: 77.73%;
    padding-left: 8.33%;
    font-size: 16px;
    font-family: "SourceHanSansCN";
    color: rgb(51, 51, 51);
    line-height: 2;
}
.about .about-part3 li .right p {
    padding-left: 3.125%;
    position: relative;
    margin-bottom: 3.75%;
}
.about .about-part3 li .right p::before {
    content: '';
    width: 3px;
    height: 14px;
    background-color: #ffad00;
    position: absolute;
    left: 0;
    top: 10px;
}

.about .about-part4 .about-tit-en {
    margin-bottom: 3.788%;
}
.about .about-part4 {
    background-color: #f2f2f2;
}
.about .about-part4 li {
    padding: 0 0.67%;
}
.about .about-part4 li a {
    display: block;
    position: relative;
    padding: 48% 12% 0;
    background-color: #fff;
    transition: all .3s;
}
.about .about-part4 li a img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 80%;
    max-height: 80%;
}

.about .about-part4 li a:hover {
    box-shadow: 0px 1px 36px 0px rgba(0, 0, 0, 0.08);
}


/* 企业动态 */
.news-list {
    padding-top: 2.6%;
    padding-bottom: 6.82%;
}
.news-list ul {
    margin-bottom: 4.54%;
}
.news-list li {
    padding: 3.79% 0;
    position: relative;
    table-layout: fixed;
}
.news-list li::after {
    content: '';
    width: 83.33vw;
    height: 1px;
    background-color: #f5f5ff;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.news-list .pic, .news-list .txt {
    width: 50%;
}
.news-list .txt {
    vertical-align: top;
    padding-top: 2.273%;
    padding-left: 1.97%;
}
.news-list .pic .img {
    width: 72.73%;
    float: left;
    position: relative;
    padding-top: 48.48%;
    overflow: hidden;
}
.news-list .pic .img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    transition: all 1.5s;
}
.news-list .pic .img img:hover {
    transform: scale(1.1);
}
.news-list .time2{display: none;}
.news-list .pic .time {
    width: 27.27%;
    float: left;
    padding-left: 9.09%;
    padding-top: 4.55%;
}
.news-list .mon-day {
    font-size: 36px;
    font-family: "Bahnschrift";
    color: rgb(51, 51, 51);
    line-height: 1.3;
}
.news-list .year {
    font-size: 16px;
    font-family: "Bahnschrift";
    color: rgb(102, 102, 102);
}
.news-list .news-tit a {
    font-size: 24px;
    font-family: "Source Han Sans CN";
    color: rgb(0, 0, 0);
    line-height: 1;
    margin-bottom: 3.64%;
    display: block;
}
.news-list .news-tit a:hover {
    color: #ffad00;
}
.news-list .news-des {
    font-size: 14px;
    font-size: 14px;
    color: rgb(102, 102, 102);
    line-height: 2;
    text-align: justify;
    margin-bottom: 11.21%;
}
.news-list .news-btn {
    width: 50px;
    height: 50px;
    /* border-radius: 50%; */
    background: #000 url(../images/next2.png) center center no-repeat;
    display: block;
    transition: all .3s;
}
.news-list .news-btn:hover {
    background: #ffad00 url(../images/next2.png) center center no-repeat;
}





.Pages {
    text-align: center;
}
.Pages em {
    font-style: normal;
}
.Pages .p_page {
    display: inline-block;
    vertical-align: middle;
}
.Pages .p_cur, .Pages .p_count, .Pages .p_total, .Pages .a_first, .Pages .a_end, .Pages .p_jump {
    display: none;
}
.Pages .p_page .a_prev, .Pages .p_page .a_cur, .Pages .p_page .num a, .Pages .p_page .a_next {
    width: 50px;
    height: 50px;
    border: 1px solid #000;
    line-height: 50px;
    float: left;
    transition: all .3s;
}
.Pages .p_page .a_prev, .Pages .p_page .a_next {
    background-image: url(../images/next2-a.png);
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 0;
    margin: 0 30px;
}
.Pages .p_page .a_prev {
    transform: rotateZ(180deg);
}
.Pages .p_page .num a {
    font-size: 14px;
    font-family: "Arial";
    color: rgb(0, 0, 0);
    margin: 0 10px;
}
.Pages .p_page .a_cur {
    border: 0;
    background-color: #ffad00;
}
.Pages .p_page .a_prev:hover, .Pages .p_page .a_next:hover {
    background-color: #ffad00;
    border: 0;
    background-image: url(../images/next2.png);
}

.news-det {
    padding-top: 5.21%;
    padding-bottom: 5.21%;
}
.news-det .txt-box {
    width: 65.15%;
    float: left;
}
.news-det .txt {
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 5.815%;
}
.news-det .det-tit {
    font-size: 30px;
    font-family: "Source Han Sans CN";
    color: rgb(0, 0, 0);
    line-height: 1;
    margin-bottom: 3.26%;
}
.news-det .time {
    font-size: 18px;
    font-family: "Bahnschrift";
    color: rgb(102, 102, 102);
    line-height: 1;
    margin-bottom: 6.98%;
}
.news-det .txt p {
    font-size: 16px;
    font-family: "SourceHanSansCN";
    line-height: 2;
    text-align: justify;
}
.news-det .txt img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.news-det .btn-box {
    padding-top: 6.98%;
}

.news-det .recom {
    width: 30%;
    float: left;
    margin-left: 4.58%;
    background-color: #f2f2f2;
    padding: 3.03% 0 0.76%;
    position: sticky;
    top:110px;
    right: 0;
}
.news-det .recom-tit {
    padding-left: 10%;
    position: relative;
    font-size: 20px;
    font-family: "SourceHanSansCN";
    color: rgb(0, 0, 0);
    line-height: 1;
    font-weight: normal;
    margin-bottom: 0.25%;
}
.news-det .recom-tit::before {
    content: '';
    width: 3px;
    height: 100%;
    background-color: #ffad00;
    position: absolute;
    left: 0;
    top: 0;
}
.news-det .recom li {
    padding: 7.5% 10%;
    border-bottom: 1px solid #ebebeb;
}
.news-det .recom li:last-of-type {
    border-bottom: 0;
}
.news-det .recom li .pic {
    position: relative;
    padding-top: 57.5%;
    overflow: hidden;
}
.news-det .recom li .pic img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    transition: all 1.5s;
}

.news-det .recom li .pic img:hover {
    transform: scale(1.1);
}
.news-det .recom li .txt a {
    font-size: 16px;
    font-family: "SourceHanSansCN";
    color: rgb(0, 0, 0);
    line-height: 1;
    padding-top: 7.5%;
    display: block;
}
.news-det .recom li .txt a:hover {
    color: #ffad00;
}




.back-btn {
    width: 170px;
    line-height: 60px;
    /* border-radius: 30px; */
    background-color: #000;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-family: "Source Han Sans CN";
    display: block;
    margin: 0 auto;
    transition: all .3s;
}
.back-btn:hover {
    background-color: #ffad00;
    color: #000;
}


.film-list {
    padding-top: 5.21%;
    padding-bottom: 6.82%;
}
.film-list .film-top {
    margin-bottom: 6.06%;
    position: relative;

}
.film-list .film-top .item .pic{
    padding-top: 69%;
    width: 100%;
}
.film-list .film-top .item:nth-of-type(1){
    /* display: table-cell; */
    margin-right: 34.09%;
}
.film-list .film-top .item:nth-of-type(2){
    width: 31.82%;
    position: absolute;
    right: 0;
    top: 0;
}
.film-list .film-top .item:nth-of-type(3) .pic,
.film-list .film-top .item:nth-of-type(2) .pic{
    padding-top: 69%;
}
.film-list .film-top .item:nth-of-type(3){
    width: 31.82%;
    position: absolute;
    right: 0;
    bottom: 0;
}
.film-list .film-top .item:nth-of-type(1) .film-tit1{
    /* width: 65.91%; */
    padding: 2.349% 10.75% 2.348% 3.04%;
}
.film-list .film-top::after {
    content: '';
    width: 100vw;
    height: 1px;
    background-color: #ebebeb;
    position: absolute;
    bottom: -13.3%;
    left: 50%;
    transform: translateX(-50%);
}

.film-list .item {
    overflow: hidden;
    position: relative;
}
.film-list .left {
    width: 65.91%;
    position: relative;
}
.film-list .item .pic {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    padding-top: 68.888%;
    transition: all 1.5s;
}
.film-list .item .pic:hover {
    transform: scale(1.1);
}
.film-list .film-tit1 {
    padding: 4.02% 13.75% 4.02% 4.6%;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-weight: normal;
    transition: all 1s;

}
.film-list .film-tit1 a {
    font-size: 30px;
    font-family: "Arial";
    color: rgb(255, 255, 255);
    line-height: 1;

}
.film-list .film-top .item:nth-of-type(1) .film-btn2::after {
    content: '';
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #ffad00 url(../images/play-btn2.png) center center no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5.75%;
    margin: auto;
    opacity: 0;
    transition: all 1s;
}
.film-btn2::after {
    content: '';
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #ffad00 url(../images/play-btn2.png) center center no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 5.75%;
    margin: auto;
    opacity: 0;
    transition: all 1s;
}
.film-list .film-top .item:nth-of-type(1):hover .film-btn2::after {
    opacity: 1;
}
.film-list .item:hover .film-btn2::after {
    opacity: 1;
}
.film-list .item:hover .film-tit1 {
    background-color: #000;
}


.film-list .right {
    width: 34.09%;
    padding-left: 2.27%;
}
.film-list .right .item:first-of-type {
    margin-bottom: 5.8%;
}

.film-list .right .film-tit1 {
    padding: 4.55% 9.09%;
}
.film-list .right .film-tit1 a {
    font-size: 24px;
}

.film-list .film-bot {
    padding-top: 6.06%;
    padding-bottom: 2.27%;
}
.film-list .film-bot .item {
    width: 31.82%;
    margin-right: 2.27%;
    margin-bottom: 2.27%;
    float: left;
}
.film-list .film-bot .item:nth-of-type(3n) {
    margin-right: 0;
}
.film-list .film-bot .film-tit1 a {
    font-size: 24px;

}

/* 20201209 */
.video-dialog {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 11;
}
.video-dialog .video {
    width: 80%;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 15%;
    padding-bottom: 40%;
    max-width: 80%;
    max-height: 80%;
}
.video-dialog .video video {
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.video-dialog .video .close-btn {
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(../images/mask-close.png) center center no-repeat;
    position: absolute;
    right: -30px;
    top: -30px;
}
.video-dialog iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.licensing-con {
    padding-top: 5.21%;
    padding-bottom: 6.82%;
}
.licensing-con .search-box {
    padding-bottom: 7.58%;
}
.licensing-con .auto_1000 {
    position: relative;
}

.licensing-con .lince-input {
    width: 100%;
    line-height: 60px;
    height: 60px;
    border-radius: 30px;
    border: 1px solid #000;
    padding-left: 2%;
    font-size: 16px;
    font-family: "Adobe Heiti Std";
    color: rgb(191, 191, 191);

}
.licensing-con .lince-input::placeholder {
    color: rgb(191, 191, 191);
}
.licensing-con .lince-btn {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #000 url(../images/search2.png) center center no-repeat;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.licensing-con .img-box img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}


.tutorial {
    padding-top: 0;
}
.tutorial .item {
    position: relative;
}
.tutorial-tit1 {
    padding: 0 7.14%;
    text-align: center;
    font-weight: normal;
    background-color: #fff;
    position: relative;
    z-index: 1;
}
.tutorial-tit1 a {
    font-size: 24px;
    font-family: "Arial";
    color: rgb(0, 0, 0);
    line-height: 1;
}
.video-btn {
    content: '';
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #ffad00 url(../images/play-btn2.png) center center no-repeat;
    display: block;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 2;
    transition: all .3s;
}
.tutorial .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(4, 4, 4, 0);
    transition: all .8s;
    cursor: pointer;
}
.tutorial .item:hover .mask {
    background-color: rgba(4, 4, 4, .6);
}
.tutorial .item:hover .pic {
    transform: scale(1.1);
}
.tutorial .item:hover .video-btn {
    opacity: 1;
}

.guide {
    padding-bottom: 0;
}
.guide .guide-tit {
    font-size: 24px;
    font-family: "Source Han Sans CN";
    color: rgb(51, 51, 51);
    line-height: 1;
    text-align: center;
    margin-bottom: 4.55%;
}
.guide .way {
    padding: 0 0 6.06%;
    max-width: 1200px;
    margin: 0 auto;
}
.guide .way li {
    width: 26.67%;
    margin: 0 3.33% 1.515%;
    padding: 6.06%;
    border: 1px solid #f2f2f2;
    transition: all .5s;
    float: left;
}
.guide .way li:hover {
    box-shadow: 0px 1px 36px 0px rgba(0, 0, 0, 0.08);
}
.guide .way .pic {
    position: relative;
    padding-top: 79.08%;
}
.guide .way .pic img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
}
.guide .way p a {
    font-size: 14px;
    font-family: "SourceHanSansCN";
    color: rgb(102, 102, 102);
    line-height: 1;
}
.guide .way p {
    padding-top: 9.375%;
    text-align: center;
}
.guide .way p a:hover {
    color: #ffad00;
}

.agent {
    background-color: #f2f2f2;
    padding-bottom: 5.38%;
}
.agent .guide-tit {
    padding-top: 6.06%;
    padding-bottom: 4.55%;
}
.agent .select-box {
    padding-bottom: 4.55%;
}
.agent .select-box select::-ms-expand { display: none; }
.agent .select-box select {
    width: 100%;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance: none;
    padding-left: 4.76%;
    line-height: 60px;
    height: 60px;
    border: 0;
    font-size: 16px;
    font-family: "SourceHanSansCN";
    color: rgb(51, 51, 51);
    padding-right: 60px;
    position: relative;
    display: block;
    background: url(../images/select.png) right center no-repeat;
}
.agent .select-box .select-item {
    width: 31.82%;
    float: left;
    margin-right: 2.27%;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}
.agent .select-box .select-item:last-of-type {
    margin-right: 0;
}


.agent .search-result .num {
    font-size: 14px;
    font-family: "SourceHanSansCN";
    color: rgb(102, 102, 102);
    line-height: 1;
    margin-bottom: 2.27%;
}
.agent .result li {
    width: 31.82%;
    float: left;
    margin-right: 2.27%;
    padding: 3.788%;
    background-color: #fff;
    transition: all .5s;
    margin-bottom: 2%;
}
.agent .result li:nth-of-type(3n) {
    margin-right: 0;
}
.agent .addr {
    font-size: 18px;
    font-family: "Source Han Sans CN";
    color: rgb(51, 51, 51);
    /* line-height: 1; */
    margin-bottom: 7.14%;
}
.agent .phone, .agent .email {
    font-size: 16px;
    font-family: "Bahnschrift";
    color: rgb(102, 102, 102);
    line-height: 2;
}
.map-btn {
    width: 140px;
    line-height: 45px;
    border-radius: 22px;
    background-color: #ffad00;
    color: #000;
    padding-left: 60px;
    font-size: 14px;
    display: block;
    position: relative;
    margin-top: 9.52%;
}
.map-btn::before {
    content: '';
    width: 14px;
    height: 22px;
    background: url(../images/site.png) center center no-repeat;
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.agent .result li:hover {
    box-shadow: 0px 1px 36px 0px rgba(0, 0, 0, 0.08);
}
.map-btn:hover {
    color: #000;
}


.contact {
    padding-top: 7.29%;
    padding-bottom: 3.65%;
}
.contact li {
    width: 47.725%;
    margin-right: 4.55%;
    margin-bottom: 4.54%;
    float: left;
    transition: all .3s;
}
.contact li:nth-of-type(2n) {
    margin-right: 0;
}
.contact li .pic {
    position: relative;
    overflow: hidden;
}
.contact li .pic .bg {
    position: relative;
    display: block;
    padding-top: 60.317%;
    background-color: #ffad00;
    transition: all 1.5s;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.contact li:hover .pic .bg {
    transform: scale(1.1);
}
.contact li .pic .txt {
    font-size: 24px;
    font-family: "Source Han Sans CN";
    color: rgb(255, 255, 255);
    line-height: 2.5;
    position: absolute;
    left: 6.35%;
    bottom: 7.89%;
    padding-left: 80px;
}
.contact li:hover {
    box-shadow: 0px 1px 36px 0px rgba(0, 0, 0, 0.08);
}
.contact li .txt .icon {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: beige;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-position: center center;
    background-repeat: no-repeat;
}
.contact li.addr .txt::before {
    background-color: #ffad00;
    background-image: url(../images/site1.png);
}
.contact li.phone .txt::before {
    background-color: #f5834e;
    background-image: url(../images/kefu.png);
}
.contact li.team .txt::before {
    background-color: #7773d5;
    background-image: url(../images/team.png);
}
.contact li.email .txt::before {
    background-color: #65a7e6;
    background-image: url(../images/email.png);
}

.contact li .des {
    min-height: 100px;
    width: 100%;
    background: url(../images/contact-bg.jpg) center center no-repeat;
    background-size: cover;
    padding-top: 2.4%;
}
.contact li .des p {
    font-size: 16px;
    font-family: "Adobe Heiti Std";
    color: rgb(77, 77, 77);
    line-height: 2;
    float: left;
    padding-left: 6.35%;
}
.contact li .des p.w100 {
    width: 100%;
}
.contact li .des p.w50 {
    width: 50%;
}
.contact li .des p.grey {
    font-size: 14px;
    font-family: "SourceHanSansCN";
    color: rgb(153, 153, 153);
}




@media(max-width:1600px) {
    .banner .txt1 {
        font-size: 44px;
        padding-top: 1.79%;
        margin-bottom: 3%;
    }
    .banner .txt2 {
        margin-bottom: 1.27%;
    }



}
@media(max-width:1366px) {
    .next, .prev {
        width: 50px;
        height: 50px;
    }
    .more-btn1 {
        width: 120px;
        line-height: 35px;
        padding-left: 18px;
    }
    .tit1 {
        font-size: 30px;
    }
    .index-part3 .part3-slick {
        padding: 0;
    }
    .index-part3 .color-pick dd {
        margin: 0;
    }

    .pro-list .pro-tit1 {
        font-size: 35px;
    }

    /* 联系我们 */
    .contact li .des p {
        padding-left: 3%;
    }
    /* 产品详情 */
    .pro-detail .right-tit {
        font-size: 30px;
    }

}
@media(max-width:1320px){
    .news-list li::after{width: 96vw;}
}
@media(max-width:1200px) {
    .contact li .des p {
        padding-left: 2%;
        font-size: 14px;
    }

}
@media(min-width:1024px) {

    .index-part1.banner .slick-box {
        height: 100%;
    }
    .index-part1.banner .slick-item {
        height: 100%;
    }
    .index-part1.banner .slick-item .auto_1320 {
        padding-top: 0;
        height: 100%;
    }
    .index-part2 .pic {
        padding-top: 0;
        height: 100%;
    }
    .index-part3 .auto_1460 {
        padding-top: 9.17%;
    }
    .index-part4 .left {
        height:calc(100% - 100px);
        padding-top: 0;
    }
    .index-part4 .right {
        height: calc(100% - 100px);
    }
    .index-part4 .right .item {
        height: 50%;
    }
    .index-part4 .item-box {
        height: 100%;
    }
    .index-part5 .auto_1320 {
        padding-top: 7.5%;
    }
    .index-part1 .slick-list {
        height: 100%;
    }
    .index-part1 .slick-track {
        height: 100%;
    }
}
@media(max-width:1024px) {

    .about .time li .year {
        position: absolute;
        top: -350%;
        left: 0;
        right: 0;
        margin: auto;
        font-size: 36px;
        font-family: "Bahnschrift";
        color: rgb(153, 153, 153);
        text-align: center;
    }


    .index-part1.banner .slick-item .auto_1320{
        padding-top: 50%;
    }
    .tit1 {
        font-size: 20px;
    }
    .play-btn {
        width: 80px;
        height: 80px;
    }
    .tit2 {
        font-size: 18px;
    }
    .des2 {
        font-size: 12px;
    }
    .index-part2 .word {
        font-size: 20px;
    }
    .pro-btn {
        width: 120px;
        line-height: 35px;
        padding-left: 15px;
    }

    .pro-btn::after {
        right: 18px;
    }
    /* 分页 */
    .Pages .p_page .a_prev, .Pages .p_page .num a, .Pages .p_page .a_next {
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin: 0 5px;
    }
    .Pages .p_page .a_prev, .Pages .p_page .a_next {
        margin: 0 5px;
    }

    .about .time {
        padding: 30px 30px;
    }
    .about .time li .year {
        font-size: 20px;
    }
    .about .about-part2 .slick-arrow {
        width: 30px;
        height: 30px;
    }

    .about .list .right p {
        font-size: 14px;
    }
    .about .list .left {
        width: 40%;
    }
    .about .list .right {
        width: 60%;
        padding-left: 10%;
    }

    .pro-list .pro-tit1 {
        font-size: 28px;
    }
    .pro-list .pro-des1 {
        font-size: 14px;
    }
    .pro-list .pro-bot li {
        width: 49.13%;
        margin-right: 1.74%;
    }
    .pro-list .pro-bot li:nth-of-type(3n) {
        margin-right: 1.74%;
    }
    .pro-list .pro-bot li:nth-of-type(2n) {
        margin-right: 0;
    }
    /* 产品详情 */
    .pro-detail .pro-part1 .auto_1320 {
        display: block;
    }
    .pro-detail .pro-part1 .left {
        display: block;
        width: 100%;
        padding-right: 0;
        margin-bottom: 5%;
    }
    .pro-detail .pro-part1 .left .item {
        display: none;
    }
    .pro-detail .color-pick {
        padding-top: 5%;
        margin-bottom: 5%;
    }
    .pro-detail .price {
        padding-bottom: 6%;
        font-size: 24px;
    }
    .pro-detail .buy-list li .y-right {
        font-size: 14px;
    }
    .pro-detail .pro-tit2 {
        font-size: 30px;
        /* right: 8%; */
    }
    .pro-detail .pro-des2 {
        font-size: 20px;
    }

    /* 关于QCY */
    .about .play-btn2 {
        width: 80px;
        height: 80px;
    }
    .about .word {
        font-size: 20px;
        top: 60%;
    }
    .about .grey {
        font-size: 20px;
    }
    .about .txt1 .r p {
        font-size: 40px;
    }
    .about .txt1 p {
        font-size: 14px;
    }
    .about .txt1 .l p:last-of-type {
        font-size: 20px;
    }
    .about .txt1 .txt-box {
        width: 50%;
    }
    .about .txt1 .txt-box {
        font-size: 80px;
    }

    /* 企业介绍 */
    .about .about-tit {
        font-size: 24px;
    }
    .about .about-tit-en {
        font-size: 35px;
    }
    .about .about-des {
        font-size: 14px;
    }
    .about .big {
        font-size: 20px;
    }
    .about .count {
        font-size: 40px;
    }
    .about .words {
        font-size: 14px;
    }
    .about .about-part3 li .right {
        font-size: 14px;
    }

    /* 企业动态 */
    .news-det .txt-box {
        width: 100%;
    }
    .news-det .det-tit {
        font-size: 24px;
        line-height: 1.5;
    }
    .news-det .time {
        font-size: 14px;
    }
    .news-det .txt p {
        font-size: 14px;
    }
    .back-btn {
        width: 120px;
        line-height: 35px;
    }
    .news-det .recom {
        width: 100%;
        position: static;
        margin-left: 0;
        margin-top: 5%;
    }
    .news-det .recom-tit {
        font-size: 16px;
    }
    .news-det .recom li {
        width: 33.3%;
        float: left;
        padding: 2% 1%;
    }
    .news-det .recom li .txt a {
        font-size: 14px;
    }
    .news-list .news-btn {
        width: 40px;
        height: 40px;
        display: none;
    }
    .news-list .pic {
        width: 40%;
        padding-left: 0;
    }
    .news-list .txt{
        width: 60%;
        padding-top: 0;
        vertical-align: middle;
    }
    .news-list .pic .img {
        width: 90%;
        padding-top: 57%;
    }
    .news-list .time2{
        display: block;
    }
    .news-list li {
        /* display: block; */
    }
    .news-list .mon-day {
        font-size: 30px;
    }
    .news-list .pic .time {
        width: 40%;
        display: none;
    }
    .news-list .news-tit a {
        font-size: 20px;
    }
    .news-list li::after {
        width: 100%;
    }
    .news-list .news-des {
        margin-bottom: 4%;
    }

    /* 宣传影片 */
    .film-list .film-tit1 a {
        font-size: 24px;
    }
    .film-list .right .film-tit1 a {
        font-size: 20px;
    }
    .film-list .film-bot .film-tit1 a {
        font-size: 20px;
    }
    .film-list .item .film-tit1 {
        background-color: #000;
        padding: 2%;
        padding-right: 10%;
    }
    .film-btn2::after {
        width: 40px;
        height: 40px;
        opacity: 1;
    }
    .film-list .film-top .item:nth-of-type(1) .film-btn2::after {
        width: 50px;
        height: 50px;
        opacity: 1;
    }

    /* 视频教程 */
    .tutorial-tit1 a {
        font-size: 16px;
    }

    /* 品牌授权 */
    .licensing-con .lince-input {
        line-height: 50px;
        height: 50px;
        font-size: 12px;
    }
    .licensing-con .lince-btn {
        width: 60px;
        height: 60px;
    }

    /* 购买指南 */
    .menu li {
        width: 120px;
    }
    .menu li a {
        line-height: 35px;
        font-size: 14px;
    }
    .guide .guide-tit {
        font-size: 20px;
    }
    .guide .way li {
        width: 30%;
        margin: 0 1.25% 1.515%;
    }
    .map-btn {
        width: 120px;
        line-height: 35px;
        padding-left: 45px;
    }
    .map-btn::before {
        left: 20px;
    }

    /* 联系我们 */
    .banner .txt3 {
        font-size: 45px;
    }
    .banner .txt4 {
        font-size: 28px;
    }
    .contact li {
        float: none;
        width: 67.731%;
        margin: 0 auto 4.5% !important;
    }

}

@media(max-width:768px){
    .news-list .news-tit a{font-size: 18px; margin-bottom: 2%;}
    .news-list .news-des{margin-bottom: 2%;}
}
@media(max-width:750px) {
    .pro-list .tit2 {
        font-size: 14px;
    }
    .nav li em a {
        font-size: 16px;
    }
    .nav .nav_box1 dl dt a {
        font-size: 14px;
    }
    .nav dd a {
        font-size: 12px !important;
    }
    .bottom dt {
        font-size: 14px;
    }
    .bottom dd {
        font-size: 12px;
    }
    .bottom .copyright {
        font-size: 12px;
    }
    /* index */
    .banner .txt1 {
        font-size: 0.44rem;
    }
    .banner .txt2 {
        font-size: 0.24rem;
    }
    .more-btn1 {
        width: 80px;
        padding-left: 5px;
        font-size: 12px;
        line-height: 25px;
    }
    .more-btn1::after {
        margin-left: 7px;
    }
    .banner .more-btn1 {
        margin-top: 2.68%
    }
    .play-btn {
        width: 0.8rem;
        height: 0.8rem;
    }
    .index-part3 .part3-slick {
        padding: 0;
    }
    .banner .txt1::before {
        height: 2px;
    }
    .arrows {
        bottom:2%;
    }
    /* part4 */
    .index-part4 .left {
        display: block;
        width: 100%;
    }
    .index-part4 .right {
        display: block;
        width: 100%;
    }


    .pro-detail .right-tit {
        font-size: 20px;
    }
    .color-pick dd {
        width: 30px;
        height: 30px;
    }
    .color-pick{
        min-height: 51.48px;
    }
    .pro-detail .pro-tit2 {
        font-size: 0.3rem;
    }
    .pro-detail .pro-des2 {
        font-size: 0.2rem;
    }
    .pro-list .pro-tit1 {
        font-size: 16px;
        line-height: 1.5;
    }
    .pro-list .pro-des1 {
        font-size: 12px;
        line-height: 1.5;
    }
    .pro-list .color-pick dd {
        margin: 0;
    }


    /* 关于QCY */
    .about .play-btn2 {
        width: 0.8rem;
        height: 0.8rem;
    }
    .about .close-btn {
        width: 0.3rem;
        height: 0.3rem;
    }
    .about .txt1 img {
        width: 1.1rem;
        margin-bottom: 0.1rem;
    }
    .about .txt1 .l {
        width: 65%;
    }
    .about .txt1 p {
        font-size: 12px;
        line-height: 1.5;
    }
    .about .txt1 .l p:first-of-type {
        margin-bottom: 0.2rem;
    }
    .about .txt1 .l p:last-of-type {
        font-size: 16px;
    }
    .about .txt1 .r {
        right: -10%;
    }
    .about .txt1 .r p {
        font-size: 20px;
    }
    .about .txt1 .r p:first-of-type {
        width: 35px;
    }

    /* 企业介绍 */
    .about .about-tit {
        font-size: 20px;
    }
    .about .about-tit-en {
        font-size: 20px;
    }
    .about .count {
        font-size: 30px;
    }
    .about .count-num li {
        width: 45%;
        margin: 0 2%;
    }
    .about .words {
        font-size: 12px;
    }

    .about .auto_1320 h2{
        font-size: 20px;
        color: #f6ba04;
        font-weight: bold;
    }

    .about .auto_1320 .hr{
        width: 25px;
    height: 3px;
    background-color: #fcc800;
    margin-top: 10px;
    }




    /* 宣传影片 */
    .film-list .item .film-tit1 {
        padding: 0;
        padding-left: 2%;
        padding-right: 15%;
    }
    .film-list .film-tit1 a {
        font-size: 18px;
    }
    .film-list .right .film-tit1 a {
        font-size: 12px;
    }
    .film-list .film-bot .film-tit1 a {
        font-size: 12px;
    }
    .film-btn2::after {
        width: 30px;
        height: 30px;
        right: 1%;
    }
    .film-list .film-top .item:nth-of-type(1) .film-btn2::after {
        width: 30px;
        height: 30px;
        right: 2%;
    }

    /* 视频教程 */
    .film-list .film-bot .item {
        width: 48%;
        margin-right: 4%;
    }
    .film-list .film-bot .item:nth-of-type(3n) {
        margin-right: 4%;
    }
    .film-list .film-bot .item:nth-of-type(2n) {
        margin-right: 0;
    }



    /* 购买指南 */
    .guide .way li {
        width: 310px;
        margin: 0 auto 1.515%;
        float: none;
    }
    .agent .result li {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 5%;
    }
    .agent .result li:nth-of-type(2n) {
        margin-right: 0;
    }
    .agent .result li:nth-of-type(3n) {
        margin-right: 10%;
    }
    .agent .select-box select {
        line-height: 40px;
        height: 40px;
        font-size: 14px;
        padding-right: 0;
        background-size: 40px;
    }

    /* 联系我们 */
    .banner .txt3 {
        font-size: 0.45rem;
    }
    .banner .txt4 {
        font-size: 0.28rem;
    }
    .contact li {
        width: 90%;
    }
    .contact li .des p {
        font-size: 12px;
    }
    .contact li .des {
        min-height: 70px;
    }
    .contact li .txt::before {
        width: 40px;
        height: 40px;
    }
    .contact li .pic .txt {
        padding-left: 45px;
        font-size: 16px;
    }
    .banner .txt4::after {
        height: 2px;
    }
}
@media(max-width:640px) {
    /* .index-part1.banner .txt{
        top: 15.62%;
    } */
    .news-list .pic{width: 30%;}
    .news-list .txt{width: 70%;}
    .news-list .news-tit a{font-size: 16px;}
    .news-list .time2{font-size: 12px;}
    .news-list .news-des.dot3{-webkit-line-clamp:2}
    .news-list .pic .img{padding-top: 75%; width: 100%;}
    .index-part3 li {
        padding-left: 2%;
        padding-right: 2%;
    }

    .menu {
        text-align: left;
    }
    .menu .ul {
        width: 300px;
        margin: 0 auto;
    }
    .menu .ul li {
        text-align: center;
        margin-bottom: 10px;
    }

    .about .list .left {
        display: block;
        width: 100%;
        margin-bottom: 5%;
    }
    .about .list .right {
        display: block;
        width: 100%;
        padding-left: 0;
    }


    .pro-detail .pro-part1 .right {
        padding: 6.06% 4% 6.06%;
    }
    .pro-list .right {
        vertical-align: middle;
        padding-top: 0;
    }

    .about .txt1 .r {
        right: -18%;
    }
    .about .txt1 p {
        line-height: 1.3;
    }
    .about .txt1 .txt-box {
        width: 100%;
        font-size: 44px;
    }
    .news-det .det-tit {
        font-size: 20px;
    }



    .film-list .left {
        display: block;
        width: 100%;
        margin-bottom: 5.8%;
    }
    .film-list .right {
        display: block;
        width: 100%;
        padding-left: 0;
    }
    .film-list .film-top .item:nth-of-type(1),
    .film-list .film-top .item:nth-of-type(2),
    .film-list .film-top .item:nth-of-type(3){
        width: 100%;
        padding: 0;
        position: relative;
        margin-bottom: 5%;
    }
    .film-list .film-top .item:nth-of-type(1) .film-tit1{
        padding: 0;
        padding-left: 2%;
        width: 100%;
        padding-right: 10%;
    }
    /* 企业介绍 */
    .about .about-part3 li {
        display: block;
    }
    .about .about-part3 li .left, .about .about-part3 li .right {
        width: 100%;
        display: block;
        padding-left: 0;
    }
    .about .about-part3 li .left .pic {
        padding-top: 38.11%;
        margin-bottom: 5%;
    }

    /* 品牌授权 */
    .licensing-con .lince-input {
        line-height: 40px;
        height: 40px;
    }
    .licensing-con .lince-btn {
        width: 45px;
        height: 45px;
    }

    /* 购买指南 */
    .agent .result li {
        width: 95%;
        margin: 0 auto 5% !important;
        float: none;
    }
}

@media(max-width:500px) {
    .news-list .news-des{line-height: 1.5;}
}
@media(max-width:550px) {
    .pro-list .pro-bot li {
        width: 95%;
        margin: 0 auto 1.7% !important;
        float: none;
    }
}
@media(max-width:400px){
    .news-list .news-des{line-height: 1.3;}
}


.picurl {
    display: none !important;
}


/* PicList000589 */
.PicList000589 {
    padding: 2% 0;
    max-width: 1200px;
    margin: 0 auto;
}
.PicList000589 ul {
    padding: 2%;
    border: 1px solid #d1d1d1;
    background-color: #fff;
    margin-bottom: 5%;
}
.PicList000589 li {
    border-bottom: 1px solid #d1d1d1;
    line-height: 47px;
    list-style: none;
}
.PicList000589 li time {
    float: right;
    padding-right: 25px;
    font-size: 12px;
    margin-left: 10px;
}
.PicList000589 li:last-child {
    border-bottom: 0;
}

@media(min-width:1024px){
    .index-part2 .height2{width: 100%; height: 100px;}
    .index-part4 .height2{width: 100%; height: 100px;}
}

.licensing-con .img-box .img{
    width: 540px;
}


 .open_map{position:fixed;left:0;top:0;width:100%;height:100%;z-index:200;background:rgba(0,0,0,.7);display:none}
 .map_area{position:fixed;width:80%;left:10%;top:25%;height:50%;background:#fff;font-size:12px}
.map_area #allmap{position:absolute;left:15px;top:15px;right:15px;bottom:15px}
 .map_area #allmap *{box-sizing:content-box}
.map_area #allmap img{max-width:none}
 .map_area .close{position:absolute;right:0;width:31px;height:31px;top:-32px;background:#fff;cursor:pointer}
 .map_area .close::after, .map_area .close::before{position:absolute;content:'';width:25px;height:2px;background:#0033a0;top:15px;left:3px}
 .map_area .close::before{transform:rotate(45deg)}
 .map_area .close::after{transform:rotate(-45deg)}
.map_area #allmap .bottom{background: #fff;}

.film-list{overflow: hidden;}
.index-part1 .fp-tableCell{padding-top: 90px}
.index-part1 .slick-item .link{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 5;}
.index-part1 .arrows{width: 100%;max-width: 100%;top: 0;bottom: 0;height: 0;margin: auto;}
@font-face{font-family:svg-iconfont;
    src:url(../fonts/svg-iconfont.eot);
    src:url(../fonts/svg-iconfont.eot#iefix) format("embedded-opentype"),
    url(../fonts/svg-iconfont.woff) format("woff"),
    url(../fonts/svg-iconfont.ttf) format("truetype"),
    url(data:image/svg+xml;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICJmb250cy9ndWNjaS1zdmctaWNvbmV5ZS9zdmctaWNvbmZvbnQuc3ZnIjs=#svg-iconfont) format("svg");
    font-display:swap}
.index-part1  .slick-arrow{
    font-family: svg-iconfont!important;
    font-size: 0px;
    display: inline-block;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;top: 0;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);left: 35px;z-index: 10;}
.index-part1  .slick-arrow::before{content:"";font-size: 60px;color: #fff;}
.index-part1 .slick-next::before{content:"";}
.index-part1 .slick-next{left: auto;right: 35px;}
.index-part2 .auto_1320{height: 100%;max-height: 650px;margin-top: 45px;}
@media  (max-width: 1024px){
    .index-part1{padding-top: 0;}
    .index-part1  .slick-arrow::before{font-size: 30px;}
    .index-part1  .slick-arrow{left: 0;}
    .index-part1  .slick-next{right: 0;left: auto;}
    .index-part2 .auto_1320{height: auto;padding: 0;margin-top: 0;}
}
@media(max-width:768px){.

    .Map002779 .map_area{width:96%;left:2%}
    .Map002779 .map_area #allmap{left:5px;top:5px;right:5px;bottom:5px}

}






.Prodse .container {
    width: 100%;
    min-height: 100vh;
/*    background: url(../images/bg.png) no-repeat;*/
    background-size: 100%;

}



.Prodse .bg { padding:7% 0; background: url(../images/bg.png) no-repeat;background-size: cover;box-sizing: border-box;}


.Prodse .card {width: 395px;/* min-height: 5.65rem;*/background: #FFFFFF;  box-shadow: 0px .03rem .18rem 0px rgba(209, 207, 207, 0.35);border-radius: .10rem;margin: 3% auto 0; padding: 0 .36rem;
    box-sizing: border-box;padding-bottom: .4rem;}
.Prodse .title {height: 85px;font-size: 27px; font-weight: bold; color: #1A1A1A; line-height: 85px;text-align: center;border-bottom: 1px solid rgba(219, 219, 219, 1);}
.Prodse .title.en {font-size: .32rem;}
.Prodse .tip {font-size: 14px;font-weight: 400;color: #666666; margin-top:20px;  line-height:25px;}
.Prodse .row { overflow: hidden; width: 100%;height:45px; border: 1px solid #999999; border-radius:5px;display: flex;align-items: center;margin-top:30px;}
.Prodse .row input { border: 0; border-radius: 0;font-size:18px; font-weight: 400; padding: 0 .2rem;width: 100%;height:45px;}
.Prodse .row input:focus {outline: none;}
.Prodse .row input::-webkit-input-placeholder { line-height: 1.4; color: #999999;}
.Prodse .success {/* width: 6.29rem; */height: 42px;background: #1A1A1A;border-radius: 5px;font-size: 18px;font-weight: bold;color: rgba(255, 173, 0, 1);margin: 0 auto;margin-top: .3rem;text-align: center;line-height: 42px;}

.Prodse .title2 {height: 50px;font-size: 17px;font-weight: bold;color: #30190E;line-height:50px; border-bottom: 1px solid rgba(219, 219, 219, 1);}
.Prodse .result {margin-top: .37rem;text-align: center;}

.Prodse .simg {width: 45px; height:45px;margin: 0 auto;}
.Prodse .info {font-size: 16px;font-weight: bold;color: #666666;line-height: 30px;margin-top: 6px;text-align: left;}

input.btn_submit,input.btn{ cursor: pointer}