@font-face { font-family: 'SourceHanSansSC-ExtraLight'; src: url('../fonts/SourceHanSansSC-ExtraLight.ttf'); }
@font-face { font-family: 'SourceHanSansSC-Heavy'; src: url('../fonts/SourceHanSansSC-Heavy.ttf'); }
@font-face { font-family: 'SourceHanSansSC-Light'; src: url('../fonts/SourceHanSansSC-Light.ttf'); }
@font-face { font-family: 'SourceHanSansSC-Medium'; src: url('../fonts/SourceHanSansSC-Medium.ttf'); }
@font-face { font-family: 'SourceHanSansSC-Normal'; src: url('../fonts/SourceHanSansSC-Normal.ttf'); }
@font-face { font-family: 'SourceHanSansSC-Regular'; src: url('../fonts/SourceHanSansSC-Regular.ttf'); }
@font-face { font-family: 'SourceHanSansSC-Bold'; src: url('../fonts/SourceHanSansSC-Bold.ttf'); }

@font-face { font-family: 'Alibaba-Regular'; src: url(../fonts/Alibaba-Regular.ttf); }

@font-face { font-family: 'Alibaba-Light'; src: url(../fonts/Alibaba-Light.ttf); }

@font-face { font-family: 'Alibaba-Heavy'; src: url(../fonts/Alibaba-Heavy.ttf); }

@font-face { font-family: 'Alibaba-Medium'; src: url(../fonts/Alibaba-Medium.ttf); }

@font-face { font-family: 'Alibaba-Bold'; src: url(../fonts/Alibaba-Bold.ttf); }

 

/*owl*/

.img-scale{overflow:hidden;}

.img-scale img{transition:all 0.5s;}

.img-scale:hover img{transform:scale(1.1);}

.bg-scale{overflow:hidden;}

.bg-scale .img-bg{transition:all 0.5s ease;}

.bg-scale:hover .img-bg{transform:translate(-50%,-50%) scale(1.1) !important;}

.dot4{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:4;}

.dot5{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:5;}

.dot6{display:-webkit-box;display:box;overflow:hidden;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:6;}

.auto_1440{width:100%;max-width:1440px; margin: 0 auto;}

@media (max-width:1440px){

  .auto_1440{padding:0 2%;}

}





.index .sec3{background:#fff;}









/* ¹«¹²Ñùʽ */

.carousel{position:relative;margin:0 auto;}

.carousel .owl-carousel .owl-nav button{position:absolute;top:50%;font-size:24px;transform:translate(0,-50%);}

.carousel .owl-carousel .owl-nav button.owl-prev{left:0;margin-left:10px;}

.carousel .owl-carousel .owl-nav button.owl-next{right:0;margin-right:10px;}

.carousel .owl-carousel .owl-dots{position:absolute;bottom:3%;left:0;width:100%;text-align:center;}

.carousel .owl-carousel button.owl-dot{margin:0 5px;width:22px;height:22px;background:url(../images/wap-dots.png) no-repeat;background-size: contain;opacity:1;}

.carousel .owl-carousel button.owl-dot.active{background-image:url(../images/wap-dots-on.png);}

@media(max-width:640px){

.carousel .owl-carousel button.owl-dot{width: 12px; height: 12px;}

}



.section4 { background: #9cbf27; }





@media(min-width:751px){

.index .carousel .owl-carousel button.owl-dot{position:relative;z-index:2;margin:0;width:40px;height:34px;border-radius:0;background:#fff url(../images/ico_rhombus2.png) no-repeat center center;vertical-align:middle;}

.index .carousel .owl-carousel button.owl-dot::after{display:none;color:#333;content:"";font-size:12px;}

.index .carousel .owl-carousel button.owl-dot:nth-child(1)::after{content:"01";}

.index .carousel .owl-carousel button.owl-dot:nth-child(2)::after{content:"02";}

.index .carousel .owl-carousel button.owl-dot:nth-child(3)::after{content:"03";}

.index .carousel .owl-carousel button.owl-dot:nth-child(4)::after{content:"04";}

.index .carousel .owl-carousel button.owl-dot:nth-child(5)::after{content:"05";}

.index .carousel .owl-carousel button.owl-dot:nth-child(6)::after{content:"06";}

.index .carousel .owl-carousel button.owl-dot:nth-child(7)::after{content:"07";}

.index .carousel .owl-carousel button.owl-dot:nth-child(8)::after{content:"08";}

.index .carousel .owl-carousel button.owl-dot:nth-child(9)::after{content:"09";}

.index .carousel .owl-carousel button.owl-dot:nth-child(10)::after{content:"10";}

.index .carousel .owl-carousel button.owl-dot:nth-child(11)::after{content:"11";}

.index .carousel .owl-carousel button.owl-dot:nth-child(12)::after{content:"12";}

.index .carousel .owl-carousel button.owl-dot:nth-child(13)::after{content:"13";}

.index .carousel .owl-carousel button.owl-dot:nth-child(14)::after{content:"14";}

.index .carousel .owl-carousel button.owl-dot:nth-child(15)::after{content:"15";}

.index .carousel .owl-carousel button.owl-dot:nth-child(16)::after{content:"16";}

.index .carousel .owl-carousel button.owl-dot.active{background-image:url(../images/ico_rhombus3.png);}

.index .carousel .owl-carousel button.owl-dot.active::after{display:block;}



}





.index .sec3{overflow: hidden;}

.index .sec3 .carousel{position:relative;}

.index .sec3 .carousel .owl-carousel .owl-nav button{width: 50vw;height: 100%;opacity: 0;}

.index .sec3 .carousel .owl-carousel .owl-nav button.owl-prev{left:auto;right:100%;margin: 0;}

.index .sec3 .carousel .owl-carousel .owl-nav button.owl-next{right:auto;left:100%;margin: 0;}

.index .sec3 .carousel .owl-carousel .owl-stage-outer{overflow:initial;}

.index .sec3 .carousel .owl-carousel .owl-item{opacity:0.6;}

.index .sec3 .carousel .owl-carousel .owl-item .info,.index .sec3 .carousel .owl-carousel .owl-item .img-pro{opacity:0;}

.index .sec3 .carousel .owl-carousel .owl-item.active{opacity:1!important;}

.index .sec3 .carousel .owl-carousel .owl-item.active .info,.index .sec3 .carousel .owl-carousel .owl-item.active .img-pro{opacity:1;}

.index .sec3 .carousel .owl-carousel .owl-dots::before{position:absolute;top:50%;left:0;display:block;width:100%;height:1px;background:#b4afa8;content:"";opacity:0.5;}

.index .sec3 .carousel .owl-carousel .owl-dot:first-child::before,.index .sec3 .carousel .owl-carousel .owl-dot:last-child::before{position:absolute;top:0;right:100%;display:block;width:20px;height:100%;background:#fff;content:"";}

.index .sec3 .carousel .owl-carousel .owl-dot:last-child::before{left:100%;}

.index .sec3 .back{width:100%;}

.index .sec3 .back .img{position:relative;display:block;width:100%;}

.index .sec3 .back .img .img-bg{padding-bottom:66%;width:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;}

.index .sec3 .back .img .img-pro{position:absolute;top:100%;right:0;width:40%;transform:translate(0,-50%);}

.index .sec3 .back .img .img-pro img{transition:all 0.3s ease;}

.index .sec3 .back .img:hover .img-pro img{transform:scale(1.1);}

.index .sec3 .back .info{padding-bottom:73px;padding-right:50%; }

.index .sec3 .back .info .h3{margin-top:35px;color:#3b393a;font-size:28px;}

.index .sec3 .back .info .h5{margin-top:10px;color:#969a9e;}

.index .sec3 .back .info .btn-group{margin-top:20px;width: 200%;}

.index .sec3 .back .info .btn{ display:inline-block; margin-right:40px;height:30px;color:#000;font-size:16px;line-height:30px;transition: all 0.3s ease;position: relative;font-weight: bold;}

.index .sec3 .back .info .btn::after{position:relative;top:-1px;display:inline-block;margin-left:6px;width:8px;height:14px;background:url(../images/ico_arrow_right.png) no-repeat center center;content:"";vertical-align:middle;}

.index .sec3 .back .info .btn:before{ z-index:-1;position: absolute;content: ''; left:-5%; top: 0; width: 110%; height: 100%; transform: skewX(-15deg);-webkit-transform: skewX(-15deg);-ms-transform: skewX(-15deg);transition: 0.3s;}

.index .sec3 .back .info .btn:hover:before{background: #d70039;}

.index .sec3 .back .info .btn:hover{color: #fff;}

.index .sec3 .back .info .btn:hover::after{background-image: url(../images/ico_arrow_right3.png);}



.index .sec3 .back .info .btn-buy{display: inline-block;}

.index .sec3 .back .info .btn-buy figure{width: 130px; text-align: center; left: 50%; margin-left: -65px;padding-left: 0; padding-right: 0;}

.index .sec3 .back .info .btn-buy figure.Yigea{ width:65px; left:85%; }

.index .sec3 .carousel .owl-carousel .owl-dots{position: relative; bottom: auto;}

@media(max-width:750px){

.index .sec3 .back .img .img-pro{width: 35%;}

.index .sec3 .back .info{padding-right: 40%;font-size: 100px;padding-bottom: 10%;}

.index .sec3 .back .info .h3{font-size: 0.28em; margin-top: 1em;}

.index .sec3 .back .info .h5{font-size: 0.2em;}

.index .sec3 .back .info .btn-group{margin-top:0.28em;}

.index .sec3 .back .info .btn{margin-right:1.5em;height:1.5em;line-height: 1.5em; font-size: 0.2em;float: left;font-weight: normal;}

.index .sec3 .back .info .btn::after{width: 0.4em; height: 0.75em;background-image: url(../images/ico_arrow_right11.png);background-size: contain;font-size: 1em;}

.index .sec3 .carousel .owl-carousel .owl-dots button{background: #fff; padding: 0 10px; z-index: 10;position: relative; margin: 0;width: 42px;}

.index .sec3 .carousel .owl-carousel .owl-dots button span{display: block;height: 20px;background: url(../images/wap-dots2.png) no-repeat;background-size: contain; margin: 0 auto; width: 22px;}

.index .sec3 .carousel .owl-carousel .owl-dots button.active span{background-image: url(../images/wap-dots-on.png);}

}

@media(max-width:640px){

.index .sec3 .back .info{font-size: 80px;}

.index .sec3 .carousel .owl-carousel .owl-dots button{ padding: 0 5px; width:26px;height: 16px;}

.index .sec3 .carousel .owl-carousel .owl-dots button span{height: 16px;width: 16px;}

}

@media(max-width:400px){

.index .sec3 .back .info{font-size: 70px;}

}