﻿

.demark-product .tit{text-align:center;}
.demark-product .tit h3{font-size:30px;line-height:1.6;color:#0271b7;border-bottom:2px solid #0271b7;font-weight:700;display:inline-block;}
.demark-product .view{margin:40px 0 0;padding:70px 0;background:url(../image/ibg1.jpg) no-repeat center top;}
.demark-product .view .swiper-slide{display:flex;align-items:center;}
.demark-product .view .swiper-slide .pic{display:block;width:350px;border:3px solid #0271b7;background:#fff;padding:15px;}
.demark-product .view .swiper-slide .pic img{width:100%;}
.demark-product .view .swiper-slide .t{flex:1;margin:0 0 0 50px;overflow:hidden;}
.demark-product .view .swiper-slide .t h5{font-size:30px;color:#fff;line-height:1.6;font-weight:700;}
.demark-product .view .swiper-slide .t h5::after{content:"";background:#fff;width:120px;height:2px;display:block;margin:15px auto 0 0;}
.demark-product .view .swiper-slide .t p{font-size:17px;color:#fff;line-height:26px;margin:30px 0 0;}
.demark-product .view .swiper-slide .t .more{width:150px;height:40px;line-height:40px;background:#005BAC;border-radius:6px;font-size:16px;color:#fff;text-align:center;display:block;margin:30px 0 0;}


.demark-product .preview{padding:40px 0;position:relative;}
.demark-product .preview .list{margin:0 -15px;position:relative;}
.demark-product .preview .swiper-slide{cursor:pointer;padding:15px;}
.demark-product .preview .swiper-slide .pic{box-shadow:0 0 15px rgba(1,1,1,0.18);padding:10px;background:#fff;}
.demark-product .preview .swiper-slide .pic::after{display:none;content:'';width:0;height:0;line-height:0;border-width:20px 30px;border-style:dashed;border-bottom-style:dashed;border-color:transparent;border-bottom-color:transparent;vertical-align: middle;border-bottom-style:solid;border-bottom-color:#1A64BE;position:absolute;top:-20px;left:50%;margin:0 0 0 -30px;}
.demark-product .preview .swiper-slide .pic img{width:100%;}
.demark-product .preview .active-nav .pic{background:#1A64BE;}

.demark-product .preview .swiper-slide.active-nav .pic::after{display:inline-block;}

.demark-product .preview .arrow-left,.demark-product .preview .arrow-right{background:none;color:#ccc;position:absolute;top:50%;margin-top:-20px;width:44px;height:44px;line-height:40px;border:2px solid #ccc;border-radius:50%;z-index:10;text-align:center;cursor:pointer;}
.demark-product .preview .arrow-left{left:-50px;}
.demark-product .preview .arrow-right{right:-50px;}
.demark-product .preview .arrow-left i,.demark-product .preview .arrow-right i{color:inherit;font-size:25px;}
.demark-product .preview .arrow-left:hover,.demark-product .preview .arrow-right:hover{border-color:#1A64BE;color:#1A64BE;}



@media screen and (max-width:1441px) {

.demark-product .tit h3{font-size:29px;}
.demark-product .view .swiper-slide .t h5{font-size:29px;}

}

@media screen and (max-width:1367px) {

.demark-product .tit h3{font-size:28px;}
.demark-product .view .swiper-slide .t h5{font-size:28px;}

.demark-product .view{padding:65px 0;}

.demark-product .view .swiper-slide .pic{width:330px;}

.demark-product .preview .arrow-left,.demark-product .preview .arrow-right{margin-top:-20px;width:40px;height:40px;line-height:36px;}
.demark-product .preview .arrow-left{left:-45px;}
.demark-product .preview .arrow-right{right:-45px;}
.demark-product .preview .arrow-left i,.demark-product .preview .arrow-right i{font-size:22px;}

}

@media screen and (max-width:1281px){


.demark-product .tit h3{font-size:27px;}
.demark-product .view{padding:60px 0;}
.demark-product .view .swiper-slide .pic{width:310px;}
.demark-product .view .swiper-slide .t{margin:0 0 0 40px;}
.demark-product .view .swiper-slide .t h5{font-size:26px;line-height:1.2;}
.demark-product .view .swiper-slide .t p{font-size:16px;line-height:24px;margin:20px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.demark-product .view .swiper-slide .t .more{width:140px;height:36px;line-height:36px;font-size:15px;margin:20px 0 0;}

.demark-product .preview .list{margin:0 -10px;}
.demark-product .preview .swiper-slide{padding:10px;}
.demark-product .preview .swiper-slide .pic{box-shadow:0 0 10px rgba(1,1,1,0.18);}

}

@media screen and (max-width:1171px){

.demark-product .view{padding:50px 0;}
.demark-product .view .swiper-slide .pic{width:290px;}
.demark-product .view .swiper-slide .t{margin:0 0 0 35px;}
.demark-product .view .swiper-slide .t h5{font-size:24px;}

.demark-product .preview .list{margin:0;padding:0 50px;}
.demark-product .preview .arrow-left{left:0;}
.demark-product .preview .arrow-right{right:0;}

.demark-product .preview .swiper-slide .pic{padding:5px;}
.demark-product .preview .swiper-slide .pic::after{border-width:10px 15px;top:-10px;margin:0 0 0 -15px;}

}

@media screen and (max-width:992px){

.demark-product .view .swiper-slide .pic{width:270px;border:2px solid #0271b7;padding:10px;}
.demark-product .view .swiper-slide .t h5{font-size:23px;}
}

@media screen and (max-width:768px){

.demark-product .view{padding:30px 0;}
.demark-product .view .swiper-slide .pic{width:220px;padding:5px;}	
.demark-product .view .swiper-slide .t h5{font-size:22px;}
.demark-product .view .swiper-slide .t .more{width:120px;height:32px;line-height:32px;font-size:14px;margin:15px 0 0;}

.demark-product .preview{padding:20px 0;}
.demark-product .preview .list{padding:0 40px;}
.demark-product .preview .arrow-left,.demark-product .preview .arrow-right{margin-top:-15px;width:30px;height:30px;line-height:28px;}
.demark-product .preview .arrow-left i,.demark-product .preview .arrow-right i{font-size:20px;}

.demark-product .preview .swiper-slide .pic::after{border-width:6px 10px;top:-2px;margin:0 0 0 -10px;}

}

@media screen and (max-width:576px) {

.demark-product .view .swiper-slide{display:block;}
.demark-product .view .swiper-slide .pic{width:300px;margin:0 auto;}
.demark-product .view .swiper-slide .t{margin:20px 0 0;overflow:hidden;}
.demark-product .view .swiper-slide .t h5{font-size:20px;text-align:center;}
.demark-product .view .swiper-slide .t h5::after{width:80px;margin:15px auto 0;}
.demark-product .view .swiper-slide .t .more{display:none;}
}

@media screen and (max-width:480px) {

.demark-product .view .swiper-slide .t h5{font-size:18px;}
  
}	


@media screen and (max-width:420px) {


}
