
/* w3018 广告图-start */
.wa-a{width: 100%;position: relative;}
.wa-b{width: 100%;}
.wa-item{width: 100%;}
.wa-link{display: block;cursor: pointer; width: 100%;}
.wa-img{width: 100%;}
.wa-img img{width: 100%;min-height: 170px;object-fit: cover;}
.wa-text{position: absolute;top: 2.45rem;left: 50%;transform: translate(-50%,0); width: 15.2rem;}
.wa-titles{width: 100%;margin-bottom: .35rem; color: #ffffff;line-height: .83;}
.wa-intro{width: 100%;margin-bottom: .6rem; color: #ffffff;line-height: 1.1;}
.wa-more{display: inline-block;vertical-align: middle;padding: 0 .4rem;color: #ffffff;font-weight: bold;line-height: .6rem;background-color: #e6001e;}
.wa-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .1rem; width: .92em;height: 1em;background-image: url('/static/home/images/wm17.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wa-more:hover{background-color: #ffbf27;}

.wa-pagination{position: absolute;bottom: .4rem;left: 0;width: 100%;text-align: center;font-size: 0;}
.wa-pagination .swiper-pagination-bullet{display: inline-block;vertical-align: middle;position: relative; margin: 0 .1rem; opacity:.5;	width: .3rem;height: .3rem;border-radius: 50%;background-color:transparent;border: solid 1px rgba(255,255,255,0);}
.wa-pagination .swiper-pagination-bullet:after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: .1rem;height: .1rem;border-radius: 50%;background-color: #ffffff;}
.wa-pagination .swiper-pagination-bullet-active{opacity: 1; border: solid 1px #ffffff;}

@media (max-width: 900px) {
    .wa-text{top: 50%;transform: translate(-50%,-50%);width: 100%;padding-left: 10px;padding-right: 10px;} 
    .wa-titles{font-size: 22px;margin-bottom: 10px;} 
    .wa-intro{font-size: 14px;margin-bottom: 10px;} 
    .wa-pagination{bottom: 10px;}
}

.wa-video, 
.wa-img{
    position: relative;
    padding-top: calc(820 / 1920 * 100%);
}
.wa-video video,
.wa-img img{
    position: absolute; left: 0; top: 0;
    width: 100%; height: 100%;
    object-fit: cover;
}
/* w3018 广告图-end */

.wb-a{position: relative; width: 100%;padding-top: .96rem;padding-bottom: 1rem;}
.wb-a .bg{position: absolute;top: .5rem;right: 0;width: 6.64rem;height: 7.72rem;background-size: 100% 100%;background-position: center center;background-repeat: no-repeat;}
.wb-main{width: 15.2rem;margin: 0 auto;position: relative;z-index: 18;}
.wb-titles{width: 100%;margin-bottom: .5rem; line-height: 1.14;font-weight: bold; white-space: break-spaces;}
.wb-cont{width: 100%;min-height: 5.8rem;padding-bottom: 2.2rem; position: relative;}
.wb-left{width: 7.6rem;min-height: 3.5rem;padding: 0 1rem .3rem .9rem; position: relative;z-index: 1; background-color: #fff;}
.wb-introbox{width: 100%;margin-bottom: .9rem; position: relative;}
.wb-introbox:before{content: '';position: absolute;top: .4em;left: -.9rem;width: .1rem;height: calc(100% - .8em);background-color: #e6001e;}
.wb-intro{width: 100%;color: #666666;line-height: 1.8; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.wb-more{display: inline-block;vertical-align: middle;cursor: pointer; padding: 0 .4rem;color: #ffffff;font-weight: bold;line-height: .6rem;background-color: #e6001e;}
.wb-more:after{content: '';display: inline-block;vertical-align: middle;margin-left: .1rem; width: .92em;height: 1em;background-image: url('/static/home/images/wm17.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wb-more:hover{background-color: #ffbf27;}

.wb-right{position: absolute;bottom: 0;right: 0;display: block;cursor: pointer; width: 11.2rem;height: 5.8rem;}
.wb-img{position: absolute;top: 0;left: 0;width: 100%;height: 100%; overflow: hidden;}
.wb-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.wb-play{position: absolute;bottom: .5rem;left: -4rem;width: 4rem;height: 1.2rem;display: flex;align-items: center;flex-wrap: wrap;}
.wb-tip{width: 100%;color: #222222;line-height: 1.5;}
.wb-tip:after{content: '';display: inline-block;vertical-align: middle;margin-left: .4rem; width: 1.18rem;height: 1px;background-color: #000000;opacity: 0.1;}
.wb-icon{position: absolute;top: 50%;right: -.6rem;transform: translate(0,-50%); width: 1.2rem;}
.wb-icon img{width: 100%;}
.wb-a:after{
    display: none;
}

@media (max-width: 900px) {
    .wb-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .wb-cont{padding-bottom: 0;}
    .wb-left{width: 100%;padding: 0 0 25px;background-color: transparent;}
    .wb-introbox:before{display: none;}
    .wb-right{position: relative; width: 100%;height: auto;padding-top: calc(580/1120*100%);} 
    .wb-play{left: 0;top: 50%;bottom: auto;transform: translate(0,-50%); width: 100%;text-align: center;}
    .wb-tip{color: #fff;}
    .wb-tip:after{display: none;}
    .wb-icon{position: relative;top: 0;right: 0;transform: translate(0,0);margin: 0 auto;}
    .wb-more{line-height: 32px;}
}

/* w3018 产品列表 start */
.wc-a{width: 100%;padding-top: .97rem;padding-bottom: .95rem; background-size: cover;background-position: center center;background-repeat: no-repeat; background-image: url(/static/home/images/wm13.jpg); }
.wc-main{width: 15.4rem;margin: 0 auto;}
.wc-top{width: 100%;padding: 0 .1rem;margin-bottom: .2rem;}
.wc-item{width: 100%;}
.wc-item .wc-link{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;cursor: pointer; width: 100%;}
.wc-item .wc-lt{width: 7.5rem;}
.wc-item .wc-img{width: 100%;position: relative;overflow: hidden; padding-top: calc(480/750*100%);}
.wc-item .wc-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wc-item .wc-rt{width: calc(100% - 8.5rem);}
.wc-item .wc-name{width: 100%;margin-bottom: .3rem; color: #222222;line-height: 1.14;font-weight: bold; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.wc-item .wc-intro{width: 100%;max-width: 37em; margin-bottom: .7rem; color: #666666;line-height: 1.8;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.wc-item .wc-more{display: inline-block;cursor: pointer;padding: 0 .4rem;color: #ffffff;font-weight: bold;line-height: .6rem;background-color: #e6001e;}
.wc-item .wc-more:after{transform: rotate(-180deg);margin-left: .1rem; content: '';display: inline-block;vertical-align: middle;width: 1em;height: 1em;background-image: url('/static/home/images/wm23.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.wc-item:hover .wc-img img{transform: scale(1.05);}
.wc-item:hover .wc-name{ color: #000;}
.wc-item:hover .wc-more{background-color: #000;}

.wc-bottom{width: 100%;position: relative;}
.wc-nav{display: block;width: 25%;padding: 0 .1rem;}
.wc-nav .wc-link{display: block;width: 100%;cursor: pointer;}
.wc-nav .wc-img{width: 100%;position: relative;overflow: hidden; padding-top: calc(285/365*100%);}
.wc-nav .wc-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;transform: scale(1.00);transition: all ease .5s;}
.wc-nav .wc-text{padding-top: .35rem;}
.wc-nav .wc-name{width: 100%;color: #222222;font-weight: bold;line-height: 1.45;}
.wc-nav .wc-intro{width: 100%;color: #999999;line-height: 1.7;}

.wc-nav:hover .wc-img img{transform: scale(1.05);}
.wc-nav:hover .wc-name{color: #e6001e;}
.wc-nav.active .wc-name{color: #e6001e;}

.wc-prev{left: -.9rem;top: 1.2rem;margin-top: 0; width: .6rem;height: .6rem;background-color: rgba(0,0,0,.1);border-radius: .3rem;background-image: url('/static/home/images/wm23.png'); background-size: .13rem auto;background-position: center center;background-repeat: no-repeat;}
.wc-prev:hover{	background-color: #e6001e;}
.wc-next{transform: rotate(180deg);right: -.9rem;top: 1.2rem;margin-top: 0;width: .6rem;height: .6rem;background-color: rgba(0,0,0,.1);border-radius: .3rem;background-image: url('/static/home/images/wm23.png'); background-size: .13rem auto;background-position: center center;background-repeat: no-repeat;}
.wc-next:hover{	background-color: #e6001e;}

@media (max-width: 900px) {
    .wc-main{width: 100%;max-width: 500px;padding-left: 5px;padding-right: 5px;}
    .wc-top{padding: 0 5px;}
    .wc-item .wc-lt{width: 100%;margin-bottom: 15px;}
    .wc-item .wc-rt{width: 100%;}
    .wc-bottom{padding-bottom: 1rem;}
    .wc-nav{width: 50%;padding: 0 10px;}
    .wc-prev{bottom: 0;top: auto;left: calc(50% - .8rem);}
    .wc-next{bottom: 0;top: auto;right: calc(50% - .8rem);}
}
/* w3018 产品列表 end */

/* w3018 服务 start */
.wd-a{width: 100%;padding-top: 1.05rem;padding-bottom: 1.2rem; background-size: cover;background-position: center center;background-repeat: no-repeat;  background-color: #e6001e;}
.wd-main{width: 15.4rem;margin: 0 auto;}
.wd-top{width: 100%;text-align: center; margin-bottom: .5rem;}
.wd-titles{width: 100%;max-width: 25em;margin: 0 auto; line-height: 1.14;color: #333;font-weight: bold;}
.wd-bottom{width: 100%;position: relative;}
.wd-b{width: 100%;}
.wd-item{width: 25%;padding: 0 .1rem;height: auto;}
.wd-link{display: block;cursor: pointer;position: relative; width: 100%;height: 100%;padding: .5rem .4rem .55rem;background-color: #ffffff;}
.wd-link:after{content: '';position: absolute;top: 0;left: 0;width:  0;overflow: hidden;transition: all ease .5s; height: .03rem;background-color: #000;}
.wd-icon{margin-bottom: .75rem; width: 100%;height: .7rem;line-height: .7rem;}
.wd-icon img{max-width: 100%;max-height: 100%;}
.wd-text{width: 100%;}
.wd-name{width: 100%;margin-bottom: .12rem; color: #222222;font-weight: bold;line-height: 1.45;display: block; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wd-intro{width: 100%;margin-bottom: .92rem; color: #999999;line-height: 1.4;height: 5.6em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.wd-more{width: 100%;color: #e6001e;line-height: 1.7;font-weight: bold;}
.wd-more:after{transform: rotate(0);margin-left: .1rem; content: '';display: inline-block;vertical-align: middle;width: 1em;height: 1em;background-image: url('/static/home/images/wm23-b.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wd-link:hover:after{width: 100%;}
.wd-link:hover .wd-more{color: #000;}
.wd-link:hover .wd-more:after{background-image: url('/static/home/images/wm23-c.png');}

.wd-prev{left: -.9rem;margin-top: -.3rem; width: .6rem;height: .6rem;border-radius: 50%; background-color: rgba(255,255,255,.3);border-radius: .3rem;background-image: url('/static/home/images/wm23.png'); background-size: .13rem auto;background-position: center center;background-repeat: no-repeat;}
.wd-prev:hover{	background-color: #000;}
.wd-next{transform: rotate(180deg); right: -.9rem;margin-top: -.3rem;width: .6rem;height: .6rem;border-radius: 50%; background-color: rgba(255,255,255,.3);border-radius: .3rem;background-image: url('/static/home/images/wm23.png'); background-size: .13rem auto;background-position: center center;background-repeat: no-repeat;}
.wd-next:hover{	background-color: #000;}


@media (max-width: 900px) {
    .wd-main{width: 100%;max-width: 500px;padding-left: 5px;padding-right: 5px;}
    .wd-bottom{padding-bottom: 1rem;}
    .wd-item{width: 50%;padding: 0 5px;}
    .wd-link{padding: 25px 10px;}
    .wd-prev{bottom: 0;top: auto;margin-top: 0; left: calc(50% - .8rem);}
    .wd-next{bottom: 0;top: auto;margin-top: 0; right: calc(50% - .8rem);}
}
/* w3018 服务 end */

/* w3018 新闻 start */
.wg-a{width: 100%;padding-top: 1rem;padding-bottom: 1rem;background-size: cover;background-position: center center;background-repeat: no-repeat; }
.wg-main{width: 15.4rem;margin: 0 auto;}
.wg-top{width: 100%;text-align: center; margin-bottom: .5rem;}
.wg-titles{width: 100%;max-width: 24em;margin: 0 auto; line-height: 1.14;color: #fff;font-weight: bold;}
.wg-bottom{width: 100%;position: relative;}
.wg-b{width: 100%;}
.wg-item{display: block;width: 25%;padding: 0 .1rem;}
.wg-link{display: block;cursor: pointer; width: 100%;}
.wg-img{width: 100%;position: relative;overflow: hidden; padding-top: calc(219/365*100%);}
.wg-img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transform: scale(1.00);transition: all ease .5s;}
.wg-text{width: 100%;padding-top: .28rem;}
.wg-name{width: 100%;margin-bottom: .15rem; color: #fff;font-weight: bold;line-height: 1.2;height: 2.4em; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.wg-intro{width: 100%;margin-bottom: .3rem;color: #fff;line-height: 1.4;height: 5.6em;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.wg-more{width: 100%;color: #fff;line-height: 1.7;font-weight: bold;}
.wg-more:after{transform: rotate(-180deg);margin-left: .1rem; content: '';display: inline-block;vertical-align: middle;width: 1em;height: 1em;background-image: url('/static/home/images/wm23-d.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}

.wg-link:hover .wg-img img{transform: scale(1.05);}
.wg-link:hover .wg-name{color: #e6001e;}
.wg-link:hover .wg-more{color: #e6001e;}
.wg-link:hover .wg-more:after{background-image: url('/static/home/images/wm23-b.png');}

.wg-prev{left: -.9rem;top: .8rem;margin-top: 0; width: .6rem;height: .6rem;background-color: rgba(0,0,0,.1);border-radius: .3rem;background-image: url('/static/home/images/wm23.png'); background-size: .13rem auto;background-position: center center;background-repeat: no-repeat;}
.wg-prev:hover{	background-color: #e6001e;}
.wg-next{transform: rotate(180deg);right: -.9rem;top: .8rem;margin-top: 0;width: .6rem;height: .6rem;background-color: rgba(0,0,0,.1);border-radius: .3rem;background-image: url('/static/home/images/wm23.png'); background-size: .13rem auto;background-position: center center;background-repeat: no-repeat;}
.wg-next:hover{	background-color: #e6001e;}

.wg-buttom{width: 100%;text-align: center;padding-top: .5rem;}
.wg-mores{display: inline-block;cursor: pointer;padding: 0 .4rem;color: #ffffff;font-weight: bold;line-height: .6rem;background-color: #e6001e;}
.wg-mores:after{transform: rotate(-180deg);margin-left: .1rem; content: '';display: inline-block;vertical-align: middle;width: 1em;height: 1em;background-image: url('/static/home/images/wm23.png'); background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.wg-mores:hover{background-color: #000;}

@media (max-width: 900px) {
    .wg-main{width: 100%;max-width: 500px;padding-left: 5px;padding-right: 5px;}
    .wg-item{width: 50%;padding: 0 5px;}
    .wg-text{padding:  10px;}
    .wg-bottom{padding-bottom: 1rem;}
    .wg-prev{bottom: 0;top: auto;left: calc(50% - .8rem);}
    .wg-next{bottom: 0;top: auto;right: calc(50% - .8rem);}
    .wg-mores{line-height: 32px;}
}
/* w3018 新闻 end */
