
.brand_series_product{padding-bottom: 110px;}
.brand_series_product .b_top{display: flex;align-items: center;justify-content: space-between;margin-bottom: .6rem;}
.brand_series_product .tit_box{flex: 1;}
.brand_series_product .tit_box .tit{font-size: .3rem;margin-bottom: .2rem;}
.brand_series_product .slick_info{font-size: .16rem;color: #555555; min-height: 20px; position: relative}
.brand_series_product .slick_info li{cursor: default;}
.brand_series_product .slick_info li .phone{display:none;}
.brand_series_product .slick_info li:not(.slick-active){display: none}
.brand_series_product .series_nav{ width: 45%; overflow: hidden; position: relative; padding: 0 30px; max-width: 620px;}
.brand_series_product .slick_title .slick_item{font-size: .16rem;color: #555555;cursor: pointer; background: none; border-radius: 0; opacity: .7; display: inline-block; width: auto; padding: 0px 20px}
.brand_series_product .slick_title .slick_item.slick-current,
.brand_series_product .slick_title .slick_item:hover{color: #000000;font-weight: 600;}
.brand_series_product .slick_title .txt{display: none}

.brand_series_product .slick_item{position: relative}

.brand_series_product .s_box {position: relative;}
.brand_series_product .slick_main{margin-bottom: 5%}
.brand_series_product .slick_main .slick_item{ display: grid; grid-template-columns: 50% 25% 25%; grid-gap: 0.04rem;}

.brand_series_product .img_box:first-child{grid-row: 1 / span 2;}
.brand_series_product .img_box{height: 100%;background-position: center;background-size: cover;position: relative;padding-bottom: 100%; }
.brand_series_product .img_box .pic{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.brand_series_product .img_box .text_box{color: #fff;position: absolute;right: 7%;bottom: 7%;text-align: right;}
.brand_series_product .img_box .text_box p{font-size: .24rem;margin-bottom: .3rem;}
.brand_series_product .img_box .text_box a{font-size: .16rem;color: #fff;border-bottom: 1px solid #fff;padding-bottom: 5px;}
.brand_series_product .img_box .text_box a:hover{color: #c3d6ee;}
.brand_series_product .img_box .xl_text {position: absolute;bottom: 7%;display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 0 7%;}
.brand_series_product .img_box .xl_text .sc_btn{width: .17rem;height: .15rem; background: url(../images/icon05.png) no-repeat center; background-size: cover;cursor: pointer;flex: 0 0 auto;}
.brand_series_product .img_box .xl_text p{font-size: .16rem;}
.brand_series_product .slick_main .slick-dots{display: none!important}
.brand_series_product .slick_main .slick-prev{ left: -0.8rem;}
.brand_series_product .slick_main .slick-next{ right: -0.8rem;}

@media(max-width:1400px){
.brand_series_product .slick_main .slick-prev{ left: -0.5rem;}
.brand_series_product .slick_main .slick-next{ right: -0.5rem;}
}
@media(max-width:1320px){
.brand_series_product .slick_main .slick-prev{ left: -0.2rem;}
.brand_series_product .slick_main .slick-next{ right: -0.2rem;}
}
@media(max-width:900px){
.brand_series_product .b_top{display: block;margin-bottom: 0.2rem;}
.brand_series_product .b_top .tit_box{text-align: center;margin-bottom: 0.2rem;}

.brand_series_product .s_box{padding-bottom: .4rem;}
.brand_series_product .img_box .xl_text{padding: 0 3%;}
.brand_series_product .img_box .xl_text .sc_btn{text-align: right;}


.brand_series_product .series_nav{ width: 100%; max-width: 100%;}
.brand_series_product .series_nav .item{white-space: nowrap;}
.brand_series_product .slick_main .slick-arrow{display: none!important}
.brand_series_product .slick_info li .web{display:none}
.brand_series_product .slick_info li .phone{display:block}
}
@media(max-width:640px){
.brand_series_product .slick_main .slick_item{grid-template-columns: repeat(2,auto);}
.brand_series_product .slick_main .slick_item .img_box:first-child{grid-column: 1 / span 2;}
.brand_series_product .tit_box .tit {font-size: 0.36rem;}
.brand_series_product .slick_info{ line-height:1.8; margin:2% 0 7%; font-size: 0.22rem;}
.brand_series_product .img_box .xl_text p{font-size: 0.18rem;}
.brand_series_product .slick_title .slick_item{ font-size:.24rem; padding:0 10px;}
}



/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-list,
.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:after,
.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir=rtl] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}


.slick-loading .slick-list{background:#fff url(../images/ajax-loader.gif) center center no-repeat;}
@font-face{font-weight:400;font-style:normal;font-family:slick;src:url(../fonts/slick.eot);src:url(../fonts/slick.eot) format('embedded-opentype'),url(../fonts/slick.woff) format('woff'),url(../fonts/slick.ttf) format('truetype'),url(../fonts/slick.svg) format('svg');}
.slick-arrow{width:41px;height:41px;position:absolute;top:50%;display:block;outline:0;border:none;background:0 0;color:transparent;font-size:0;line-height:0;cursor:pointer;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);-ms-transform:translate(0,-50%); z-index: 10; background: none}
.slick-arrow:focus:before,
.slick-arrow:hover:before{opacity:1;}
.slick-arrow.slick-disabled:before{opacity:.25;}
.slick-arrow:before{ content: ''; position: absolute; margin:auto; width:41px; height:41px; left: 0; right: 0; top: 0; bottom: 0; background: no-repeat center center; transition: 0.5s}
.slick-prev{left:0;}
.slick-prev:before{background-image: url(../images/arrow1-l.png)}
.slick-next{right:0px;}
.slick-next:before{background-image: url(../images/arrow1-r.png)}

.slick-dots{display:none !important;margin:0;padding:0;width:100%;list-style:none;}
.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0;height:20px;min-width:20px;cursor:pointer;}
.slick-dots li button{display:block;padding:5px;width:20px;height:20px;outline:0;border:0;background:0 0;color:transparent;font-size:0;line-height:0;cursor:pointer;}
.slick-dots li button:focus,
.slick-dots li button:hover{outline:0;}
.slick-dots li button:focus:before,
.slick-dots li button:hover:before{opacity:1;}
.slick-dots li button:before{position:absolute;top:0;left:0;width:20px;height:20px;color:#000;content:'•';text-align:center;font-size:6px;font-family:slick;line-height:20px;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.slick-dots li.slick-active button:before{color:#000;opacity:.75;}

.line_slick{position: relative; width: 100%; height: 4px; background: #e6e6e6;}
.line_slick i{ position: absolute; width: 0;height: 100%; background: #f6f0e2; transition: width 0.5s}
