@charset "utf-8";
/*
	MBTXW.COM Copyright (C)2008-2099 www.mbtxw.com
	Author: mbtxw.com, QQ:536205792.
    Special note: do not modify this document without permission.
*/
/*幻灯广告*/
.info-banner {margin:20px auto;width:98%;height:600px;border-radius:15px;overflow:hidden;position:relative;}
.info-banner .banner-block {width:100%;height:600px;z-index:0;position:absolute;left:0px;top:0px;}
.info-banner .banner-block .span-arrow {display:block;position:relative;}
.info-banner .banner-block .swiper-button-prev {background:url(../images/prev_arrow.png) no-repeat center;left:30px;top:-330px;width:45px;height:80px;border-radius:6px;}
.info-banner .banner-block .swiper-button-next {background:url(../images/next_arrow.png) no-repeat center;right:30px;top:-330px;width:45px;height:80px;border-radius:6px;}
.info-banner .banner-block .swiper-button-prev:hover {background:rgb(0 0 0 / 32%) url(../images/prev_arrow.png) no-repeat center;}
.info-banner .banner-block .swiper-button-next:hover {background:rgb(0 0 0 / 32%) url(../images/next_arrow.png) no-repeat center;}
.info-banner .banner-block:hover i {background-color:rgba(225, 225, 225, 0.3);}

.info-banner .swiper-slide {display:flex;justify-content:center;align-items:center;height:600px;}
.info-banner .swiper-slide img{width:100%;height:auto;min-height:100%;transition:1s linear 2s;transform:scale(1.1,1.1);}
.info-banner .swiper-slide-active img, .info-banner .swiper-slide-duplicate-active img {transition:6s linear;transform:scale(1,1);} 


.info-banner .swiper-slide .text-left {z-index:99;position:absolute;color:#FAFAFA;top:28%;left:6%;}
.info-banner .swiper-slide .text-left h2 {font-size:86px;font-family:"aliFangYuan";}
.info-banner .swiper-slide .text-left p {font-size:36px;padding-top:30px;font-family:"aliFangYuan";}

.info-banner .swiper-slide .text-right {z-index:99;position:absolute;color:#FAFAFA;top:28%;right:6%;text-align:right;}
.info-banner .swiper-slide .text-right h2 {font-size:80px;font-family:"aliFangYuan";}
.info-banner .swiper-slide .text-right p {font-size:36px;padding-top:30px;font-family:"aliFangYuan";}

.info-banner .swiper-slide .text-center {z-index:99;position:absolute;color:#FAFAFA;top:28%;text-align:center;width:100%;}
.info-banner .swiper-slide .text-center h2 {font-size:86px;font-family:"aliFangYuan";}
.info-banner .swiper-slide .text-center p {font-size:36px;padding-top:30px;font-family:"aliFangYuan";}

.info-banner .swiper-slide.swiper-slide-active .text-left h2 {-moz-animation:opacity-anmi ease-in-out .3s;-webkit-animation:bounceInRight ease-in-out 1s 1;animation:bounceInRight ease-in-out 1s 1;}
.info-banner .swiper-slide.swiper-slide-active .text-left p {-webkit-animation:bounceInLeft ease-in-out 1.2s 1;animation:bounceInLeft ease-in-out 1.2s 1;}

.info-banner .swiper-slide.swiper-slide-active .text-right h2 {-moz-animation:opacity-anmi ease-in-out .3s;-webkit-animation:bounceInDown ease-in-out 1s 1;animation:bounceInDown ease-in-out 1s 1;}
.info-banner .swiper-slide.swiper-slide-active .text-right p {-webkit-animation:bounceInRight ease-in-out 1.3s 1;animation:bounceInRight ease-in-out 1.3s 1;}

.info-banner .swiper-slide.swiper-slide-active .text-center h2 {-moz-animation:opacity-anmi ease-in-out .3s;-webkit-animation:bounceInRight ease-in-out 1s 1;animation:bounceInRight ease-in-out 1s 1;}
.info-banner .swiper-slide.swiper-slide-active .text-center p {-webkit-animation:bounceInLeft ease-in-out 1.2s 1;animation:bounceInLeft ease-in-out 1.2s 1;}



.swiper-pagination-bullet-active {padding:2px 20px!important;border-radius:10px !important;background:#f20 !important;}
.swiper-pagination-bullet {padding:2px 8px;border-radius:10px !important;background:#fff;opacity:.8}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:25px !important;}

.swiper-side-box .swiper-button-next,.swiper-side-box .swiper-button-prev {width:40px;height:68px;font-size:50px;color:#ffffff;font-family:simsun;font-style:normal;border:none !important;outline:none !important;}
.swiper-side-box .swiper-button-next:hover,.swiper-side-box .swiper-button-prev:hover {background:rgb(0 0 0 / 32%);border-radius:5px}
.swiper-side-box .swiper-button-prev {left:30px;transform:rotate(-180deg);}
.swiper-side-box .swiper-button-next {right:30px;}
.swiper-pagination {padding-bottom:10px;}
/**/
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{content: '' !important;}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {content: '' !important;}



/*产品信息标签*/
.info-img-tag {margin-left:-20px;}
.info-img-tag ul {width:274px;float:left;margin-left:20px;margin-bottom:20px;padding:15px 0;background:#FFFFFF;border-radius:8px;}
.info-img-tag li {margin:0 15px;font-size:14px;}
.info-img-tag ul:hover {box-shadow:0 1px 6px rgba(0,0,0,.35);}
.info-img-tag .li-img {width:245px;height:245px;overflow:hidden;border-radius:5px;}
.info-img-tag .li-img img {-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;}
.info-img-tag .li-img:hover img {-webkit-transform:scale(1.03);-ms-transform:scale(1.03);-moz-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03);}
.info-img-tag .li-title {margin-top:15px;height:50px;line-height:23px;overflow:hidden;font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;}






/*详情图片介绍部分*/
.info-show {background:#FFF;margin:auto;width:1450px;clear:both;overflow:hidden;border-radius:8px;padding-bottom:20px;}
.info-show .show-left {float:left;width:500px;margin:20px 0 0 20px;}

#mid_pos {position:absolute;}
#mid_div {position:relative;width:500px;height:500px;cursor:crosshair;border:#EEEEEE 1px solid;background:#F2F2F2;border-radius:8px;}
#mid_div img {border-radius:8px;}
#zoomer {width:200px;height:200px;background:#FFFFFF url('../ab-zoom-bg.gif');position:absolute;z-index:6;opacity:0.5;filter:alpha(opacity=50);margin-top:-1px;margin-left:-1px;border-radius:8px;}
#big_div {width:600px;height:500px;border:#EEEEEE 1px solid;background:#FFFFFF;position:absolute;overflow:hidden;z-index:6;border-radius:8px;margin-top:-4px;}
#big_div img {border-radius:8px;}
#big_pic {position:absolute;}

.info-show .show-left .tbs {width:514px;height:76px;margin:20px 0;}
.info-show .show-left .tbs img {cursor:pointer;}
.info-show .show-left .tbsl {width:32px;height:76px;float:left;}
.info-show .show-left .tbsr {width:20px;height:76px;float:left;}
.info-show .show-left .tbsm {width:450px;height:76px;float:left;overflow:hidden;}
.info-show .show-left .ab_zoom {width:30px;height:30px;background:url('../ab-zoom.png') no-repeat center center;position:absolute;z-index:5;margin:470px 0 0 -30px;}
.info-show .show-left .ab_play {width:48px;height:48px;border-radius:50%;background:#FFFFFF url('../ab-play.png') no-repeat center center;position:absolute;z-index:7;margin:-275px 0 0 227px;}
.info-show .show-left .ab_play:hover {background:#FFFFFF url('../ab-play-on.png') no-repeat center center;cursor:pointer;}
.info-show .show-left .ab_hide {width:30px;height:30px;background:url('../ab-hide.png') no-repeat center center;position:absolute;z-index:12;margin:-495px 0 0 465px;display:none;}
.info-show .show-left .ab_hide:hover {background:url('../ab-hide-on.png') no-repeat center center;cursor:pointer;}
.info-show .show-left .ab_video {width:500px;height:500px;position:absolute;z-index:10;margin:-500px 0 0 0;display:none;border-radius:8px;}
.info-show .show-left .ab_video video {border-radius:8px;width:500px;height:500px;}
.info-show .show-left .ab_im {padding:2px;margin:0 14px 0 0;border:#C0C0C0 1px solid;float:left;width:70px;height:70px;border-radius:8px;}
.info-show .show-left .ab_on {padding:2px;margin:0 14px 0 0;border:#FF6600 1px solid;float:left;width:70px;height:70px;background:#FFF;border-radius:8px;}
.info-show .show-left .video-btn{width:90px;height:35px;line-height:35px;color:#fff !important;position:absolute;background:rgba(0,0,0,.6);font-size:12px;opacity:.8;z-index:7;border-radius:20px;text-align:center;vertical-align:middle;margin:-480px 0 0 390px;cursor:pointer;}
.info-show .show-left .video-btn i.icon-shipin {display:inline-block;width:20px;height:20px;margin-right:5px;vertical-align:middle;background:url('../images/icon/iocn-shipin.png') no-repeat 0 -2px;}



.info-show .show-right {float:right;margin:25px 25px 0 25px;width:calc(100% - 570px);}
.info-show .show-right .show-title {line-height:38px;font-size:28px;margin-top:3px;margin-bottom:20px}
.info-show .show-right .show-price {min-height:90px;background:url("../images/price.png") no-repeat;padding:18px 15px 10px 15px;background-size:100%;margin-top:16px;margin-bottom:16px;border-radius:6px;}
.info-show .show-right .show-price .price-left {float:left;}
.info-show .show-right .show-price .price-left li {height:86px;line-height:86px;overflow:hidden;}
.info-show .show-right .show-price .price-left li b {display:inline-block;color:#000;font-weight:500;font-size:16px;margin-right:15px;}
.info-show .show-right .show-price .price-left .popup-kefua {color:#f00;cursor:pointer;font-size:16px;font-weight:500;}

/*基本信息*/
.info-show .show-right .show-basic {}
.info-show .show-right .show-basic li {height:20px;line-height:20px;overflow:hidden;padding:10px 0;font-size:14px;color:#666;}
.info-show .show-right .show-basic li b {float:left;display:inline-block;width:60px;margin:0 20px 0 15px;color:#000;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.info-show .show-right .show-basic li em {font-style:normal;padding:0 5px;color:#e4393c;}
.info-show .show-right .show-basic li i {font-style:normal;padding:0 5px;color:#f00;}

/*详情价格右侧*/
.info-show .show-right .show-price .price-right {float:right;margin-top:20px;}
.info-show .show-right .show-price .price-right li {float:left;margin-left:28px;cursor:pointer;}
.info-show .show-right .show-price .price-right li p {padding-top:28px;font-size:14px;height:39px;}
.info-show .show-right .show-price .price-right .li_qrcode {position:relative;z-index:288;text-align:center;}
.info-show .show-right .show-price .price-right .li_qrcode a.da {line-height:20px;z-index:99;height:20px;}
.info-show .show-right .show-price .price-right .li_qrcode:hover .span-unfold {display:block;}
.info-show .show-right .show-price .price-right .li_qrcode .span-unfold {z-index:98;display:none;position:absolute;top:60px;border-radius:5px;box-shadow: 0 0 15px rgb(0 0 0/50%);}
.info-show .show-right .show-price .price-right .li_qrcode span {background:#FFFFFF;padding:10px;margin-left:-43px;}
.info-show .show-right .show-price .price-right .li_qrcode span::after {content:'';border:10px solid transparent;position:absolute;border-left-color:#FFF;left:45%;margin-top:-132px;transform:rotate(-90deg);z-index:198;}
.info-show .show-right .show-price .price-right .li_qrcode a {display:block;height:20px;background:url("../images/icon/icon-scan.png") no-repeat center center;background-size:17px;}
.info-show .show-right .show-price .price-right .li_qrcode a:hover {background:url("../images/icon/icon-scan-red.png") no-repeat center center;background-size:17px;}

.info-show .show-right .show-price .price-right .li_share a {display:block;height:20px;background:url("../images/icon/icon-share.png") no-repeat center center;background-size:20px;}
.info-show .show-right .show-price .price-right .li_share a:hover {background:url("../images/icon/icon-share-red.png") no-repeat center center;background-size:20px;}

.info-show .show-right .show-price .price-right .li_poster a {display:block;height:20px;background:url("../images/icon/icon-poster.png") no-repeat center center;background-size:20px;}
.info-show .show-right .show-price .price-right .li_poster a:hover {background:url("../images/icon/icon-poster-red.png") no-repeat center center;background-size:20px;}

/*上下产品*/
.info-show .show-np {margin:30px 0 0 13px;}
.info-show .show-np ul {width:43%;border-radius:5px;padding:13px 20px;background-color:#FFF;box-shadow:0 8px 16px rgb(0 0 0 / 10%);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.info-show .show-np span {float:left;color:#888;}
.info-show .show-np ul:first-child {float:left;}
.info-show .show-np ul:last-child {float:right;}
.info-show .show-np ul:hover {background:#F2F2F2;box-shadow:0 0 15px rgb(0 0 0/20%);color:#f20;}



/*详情介绍*/
.info-show-info {margin:auto;width:1450px;clear:both;}
.info-show-info .show-info-left {float:left;width:270px;margin-right:20px}
.info-show-info .show-info-right {float:right;width:1160px;}
.info-show-info .show-info-right .show-info-box {background:#FFFFFF;border-radius:8px;padding:6px 0;}
.info-show-info .show-info-right .show-info-box h2 {position:relative;border-bottom:1px solid hsla(0,0%,59.2%,.1);padding-bottom:16px;padding-left:22px;font-size:26px;margin:16px 26px 20px 26px;font-family:'aliFangYuan',sans-serif;}
.info-show-info .show-info-right .show-info-box h2::after {content:'';position:absolute;width:6px;height:22px;background:#f20000;left:0;box-shadow:3px 0px 10px -1px #f20000;border-radius:3px;margin-top:4px;}
.info-show-info .show-info-right .show-info-box .content img {display:block;width:90% !important;height:auto !important;object-fit:cover;text-align:center;margin:0 auto;}



