@charset "utf-8";

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

@font-face
{font-family: PoppinsBold;
src: url('Poppins-Bold.ttf')}


*{box-sizing:border-box;color:#000;line-height: 1.4;}
body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,td,th,em,span,i,button,code{margin:0;padding:0;color:inherit;line-height: inherit; font-family:'Poppins',"PingFang SC", "PingFang TC",'PingFangMedium',"microsoft yahei";/* font-size: inherit; */}
img{border:0;display: inline-block;max-width:100%;vertical-align: middle;height: auto;}
.fl{float:left;}
.fr{float:right;}
ul,li{ list-style:none; }
a,p,span,i,em{ text-decoration:none; color:inherit;font-size: inherit;font-family: inherit;}
pre{word-break: break-word;}
:focus{outline:none!important;border-color:inherit;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after
{display: table;line-height: 0;content: "";}
.clearfix:after{clear: both;}
table{border-collapse:collapse;border-spacing:0;width:100%}
h3,h4,h5,h6{font-weight: normal;}
em,i{font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;}
input[type="button"]{border:none;}
textarea {  -webkit-appearance: none;}  
.auto{margin:0 auto;max-width: 1125px;width: 90%;}
:hover{transition: all .2s;}
.img_hover_wrap{overflow: hidden;}
.img_hover{transition: all .3s;}
.img_hover:hover{transform: scale(1.05,1.05);}
.img_traslate{transition: all .3s;}
.img_traslate:hover{transform: translateY(-10px);}
.img_rotate{transition: all .3s;}
.img_rotate:hover{transform:rotate(-360deg);}
.bold{font-weight: bold;}
.normal{font-weight: normal!important;}
.center{text-align: center!important;}
.img{/* width: 100%; */display: block;    height: auto;}
.ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.ele{position:relative;}
.ele:before,.ele:after{content:'';display: inline-block;vertical-align: middle;}
.ipt{display: block;border:none;}
.ipt_button{cursor: pointer;}
.item_scale .icon{transition: all .3s;}
.item_scale:hover .icon{transform: scale(1.08,1.08);}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important;/* display: -ms-flexbox; */-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/}	
.clamp1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.clamp2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.clamp3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box!important; -webkit-box-orient: vertical;-webkit-line-clamp: 3;}
body{background: #fff;overflow-x: hidden;}
.item{}
.item .imgbox{display: block;overflow: hidden;}
.item .img{transition: all 1s;width: 100%;display: block;}
.item:hover .imgbox .img{transform: scale(1.1,1.1);}

.zoomimg{position:relative;overflow: hidden;height: 0;display: block;}
.zoomimg .img{display: block;position:absolute;width: 100%;height: 100%;left: 0;top: 0;}

.flipx .icon{transition: all .3s;}
.flipx:hover .icon{transform:scaleX(-1);}
.scale .icon{transition: all .3s;}
.scale:hover .icon{transform: scale(1.1,1.1);}

.underline:hover{text-decoration: underline;}
label{-webkit-tap-highlight-color: rgba(255,0,0,0);} 
.img_full{width: 100%;height: 100%;display: block;object-fit: cover;}

.flex{display: -webkit-box; display: -moz-box;display: -ms-flexbox; display: -webkit-flex; display: flex;}
.flex-align-start{align-items: flex-start;}
.flex-align-center {-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}
.flex-align-end{align-items: flex-end;}
.flex-pack-center {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}
.flex-pack-justify {-webkit-box-pack: justify;-webkit-justify-content: pace-between;-ms-flex-pack: justify;justify-content: space-between;}
.flex-pack-start{justify-content: flex-start;}
.flex-pack-end{justify-content: flex-end;}
.flex-v {-webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
.flex-w{flex-wrap:wrap;}
.flex-1{flex:1;overflow: hidden;}
.flex-11{flex:1;}
.flex-center{display: flex;align-items: center;justify-content: center;}


.hide { display:none; }

/* body{max-width: 1920px;width: 100%;margin:0 auto;} */

/* ::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;} */


@font-face {
  font-family: 'iconfont';
  src: url('iconfont/iconfont.woff2?t=1705108683799') format('woff2'),
       url('iconfont/iconfont.woff?t=1705108683799') format('woff'),
       url('iconfont/iconfont.ttf?t=1705108683799') format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



/* 公共部分 */
.head{background:#fff;position: sticky;width: 100%;left: 0;top: 0;z-index:100;/* padding:20px 0 0; */transition: all 0.3s;}

.head .wrap{display: flex;align-items: center;justify-content: flex-start;max-width: 100%;height: 120px;}

.hd-logo{}
/* .hd-logo .img{height: 140px;transition: all 0.3s;} */
.hd-logo .img{height: 60px;transition: all 0.3s;}


.hd-nav{margin: 0 0 0 15%;}


.hd-nav{margin-top: 20px;}
.hd-nav li{display: inline-block;vertical-align: middle;margin:0 60px 0 0;position: relative;}
.hd-nav li>a{font-size: 22px;display: block;line-height: 60px;}
.hd-nav li.cur>a,.hd-nav li:hover>a{color:#f7ba70!important;}
.hd-nav li.has>a::after{content:'\e695';font-family: 'iconfont';display: inline-block;vertical-align: middle;transform: rotate(90deg);font-size: 14px;color:#888;margin-left: 7px;}
.hd-nav li.has.cur>a::after,.hd-nav li.has:hover>a::after{color:#f7ba70;}



.hd-nav li:hover .drop{opacity: 1;visibility: visible;transform: scaleY(1);} 

.hd-nav .drop{transform:scaleY(0);visibility: hidden;opacity: 0;transition: all .4s ease 0s;transform-origin: center top;width: 220px;background-color: #fff;position: absolute;left: -20px;box-shadow:0 5px 10px rgba(51,51,51,.1);border-top:1px solid #efefef;margin-top:-2px;}
.hd-nav .drop .row{position: relative;border-bottom:1px solid #efefef;}
.hd-nav .drop .tit,.hd-nav .drop .lk{color:#000;padding:14px 20px;line-height: 22px;cursor: pointer;}
.hd-nav .drop .tit{font-size: 14px;display: flex;justify-content: space-between;position: relative;}


.hd-nav .drop .arrow{width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;font-size: 15px;color:#888;position: absolute;right: 15px;top: 15px;}
.hd-nav .drop .arrow::after{content:'\e695';font-family: 'iconfont';}


.hd-nav .drop .subdrop{position: absolute;width: 240px;left: 0;top: 0;background-color: #fff;transform: translate(97.8%,0);display: none;box-shadow:5px 0 10px rgba(51,51,51,.1);}
.hd-nav .drop .lk{display: block;border-bottom:1px solid #efefef;text-transform: capitalize;font-size: 14px;}
.hd-nav .drop .row:hover .subdrop{display: block;}
.hd-nav .drop .row:hover .tit{color:#f7ba70;}
.hd-nav .drop .lk:hover{color:#f7ba70;}



.head.scroll{box-shadow:0 0 10px rgba(51,51,51,.1);position: fixed; }


/* .head.scroll{box-shadow:0 0 10px rgba(51,51,51,.1);position: fixed; }
.head.scroll .hd-logo .img{height: 60px;}
.head.scroll .hd-nav{margin-top: 10px;} */






.foot{}
.ft-t{padding:10px 0;}
.ft-t .wrap{display: flex;align-items: center;justify-content: space-between;}
.ft-t .smlogo{height: 120px;width: auto;}
.ft-t .menu{}
.ft-t .menu .lk{font-size: 16px;margin:0 20px;display: inline-block;vertical-align: middle;}
.ft-t .menu .lk:hover{color: #74ccf9;}

.ft-t .social{display: flex;}
.ft-t .social .icon{width: 40px;height: 40px;background-color: #f1f1f1;border-radius:50%;margin-left: 10px;font-size: 21px;color:#969696;display: flex;align-items: center;justify-content: center;}
.ft-t .social .icon::after{font-family: 'iconfont';transition: all 0s;}
.ft-t .social .icon:hover{color:#fff;background-color: #74ccf9;}

.ft-t .social .facebook::after{content:'\e71a';}
.ft-t .social .instagram::after{content:'\e87f';}
.ft-t .social .youtube::after{content:'\e62d';}
.ft-t .social .douyin::after{content:'\e61e';}


.ft-b{padding:20px 0;border-top:1px solid #e5e5e5;text-align: center;}
.ft-b .txt{line-height: 26px;font-size: 14px;color:#777;}



/* 视频 */
.banner{height: 250px;position: relative;}
.banner .box{text-align: center;position: absolute;width: 100%;left: 0;top: 50%;transform: translate(0,-50%);}
.banner .bt{font-size: 54px;color:#fff;font-weight: bold;}


.main{padding:40px 0 60px;}
.main .wrap{display: flex;align-items: flex-start;}
.main-l{flex:1;max-width: 740px;overflow: hidden;margin:0 auto;}
.main-r{width: 360px;margin-left: 20px;}

.sp-tit{font-size: 22px;margin-bottom: 30px;}

.tab-menu{display: flex;}
.tab-menu .lk{line-height: 55px;padding:0 17px;font-size: 17px;color:#666;border:1px solid transparent;border-bottom-color:transparent;cursor: pointer;position: relative;}
.tab-menu .lk::after{content:'';position: absolute;left: 0;bottom: -2px;height: 2px;background-color: #fff;width: 100%;z-index:3;}
.tab-menu .lk.cur{color:#333;border-color:#e5e5e5;border-bottom-color:transparent;}
.tab-menu .lk.cur::after{z-index:5;}
.tab-menu .lk:hover{color:#333;}




.playicon{width: 60px;height: 60px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);display: flex;align-items: center;justify-content: center;font-size: 28px;color:#fff;background-color: rgba(0,0,0,.5);border-radius:50%;}
.playicon::after{content:'\e650';font-family: 'iconfont';}
.playicon.big{width: 100px;height: 100px;font-size: 42px;}

.videobox{position:relative;overflow: hidden;}
.videobox .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;cursor: pointer;}
.videobox .posterimg{width: 100%;display: block;height: 100%;object-fit: cover;}
.videobox .video{width: 100%;height: 100%;object-fit: contain;background:#000;}


.sp-video .box{padding:20px 20px 30px;border:1px solid #e5e5e5;position: relative;z-index:4;width: 100%;}

.sp-video .videobox{height: 390px;}
.sp-video .title{margin-top: 25px;font-size: 16px;}
.sp-video .btns{display: flex;flex-direction: column;justify-content: flex-end;align-items: end;}
.sp-video .btns .anniu{display: inline-block;min-width: 138px;line-height: 48px;height: 48px;border-radius:30px;background-color: #f7ba70;margin-top: 20px;padding:0 30px;font-size: 18px;color:#fff;border:0;cursor: pointer;font-weight: bold;}
.sp-video .btns .anniu:hover{background-color: #74ccf9;}


.sp-list{}
.sp-list .item{margin-bottom: 25px;}
.sp-list .item:last-child{margin-bottom: 0;}
.sp-list .item .imgbox{height: 200px;position: relative;}
.sp-list .item .title{font-size: 16px;margin-top: 15px;}



.hot-list{display: flex;margin:-90px 0 0 -90px;padding:40px 0 0;flex-wrap: wrap;}
.hot-list .item{margin:90px 0 0 90px;}
.hot-list .item .imgbox{width: 165px;height: 115px;display: block;}


/* 相关问题 */



.pub-tt{margin-bottom: 50px;}
.pub-tt .bt{font-size: 50px;font-family: 'PoppinsBold';}
.pub-tt .smwz{font-size: 16px;margin-top: 20px;}
.pub-tt.small{margin-bottom: 30px;}
.pub-tt.small .bt{font-size: 34px;}

/* 教程内容 */
.jc-main{padding:50px 0 130px;background-color: #f0f0f0;}
.jc-main .auto{max-width: 100%;}


.jc-video .videobox{height: 80vh;border-radius:20px;}


.jc-slide{margin:70px 0 120px;}
.jc-slide .item{display: flex;align-items: flex-start;justify-content: space-between;}
.jc-slide .item .imgbox{max-width: 670px;height: 440px;width: 40%;border-radius:10px;}
.jc-slide .item .info{width: 50%;}
.jc-slide .item .num{width: 40px;height: 40px;font-size: 24px;color:#000;font-family: 'PoppinsBold';border-radius:50%;border:4px solid #000;display: flex;align-items: center;justify-content: center;}
.jc-slide .item .title{font-size: 34px;font-weight: bold;font-family: 'PoppinsBold';margin-top: 25px;max-width: 560px;}

.jc-slide .di-box{margin-top: 55px;display: flex;align-items: center;}
.jc-slide .di-box .swiper-button{margin-top:-25px;}
.jc-slide .swiper-pagination{position: static;display: flex;position: relative;flex:1;}
.jc-slide .swiper-pagination:before{content:'';position: absolute;left: 8px;right:0;top: 9px;height: 2px;background-color: #d5d5d5;}

.jc-slide .swiper-pagination-bullet{background:transparent;opacity: 1;flex:1;width: 0;position: relative;z-index:5;height: auto;}
.jc-slide .swiper-pagination-bullet:before{content:'';width: 18px;height: 18px;border:2px solid #d5d5d5;border-radius:50%;display: block;background-color: #f0f0f0;}

.jc-slide .swiper-pagination-bullet em{width: 16px;height: 16px;font-size: 12px;color:#888;border:1px solid #d5d5d5;display: block;border-radius:50%;display: flex;align-items: center;justify-content: center;margin-top: 15px;padding-top: 2px;}

.jc-slide .swiper-pagination-bullet-active:before{background-color: #000;border-color:#000;}
.jc-slide .swiper-pagination-bullet-active em{color:#000;border-color:#000;}

.di-box .arrs{display: flex;padding-left:25px;}
.di-box .swiper-button{position: static;margin:0 0 0 12px;border:1px solid #d5d5d5;}
.di-box .swiper-button:hover{color:#fff;background-color: #f7ba70;border-color:#f7ba70;}


.swiper-button{width: 50px;height: 50px;background:none;display: flex;align-items: center;justify-content: center;border-radius:50%;font-size: 22px;}
.swiper-button:before{content:'\e695';font-family: 'iconfont';}
.swiper-button-prev{transform: rotate(180deg);}




.jc-list{display: flex;flex-wrap: wrap;margin:0 0 0 -1%;}
.jc-list .item{width: 15.66%;margin:0 0 0 1%;}
.jc-list .imgbox{width: 100%;padding-top: 100%;overflow: hidden;height: 0;position: relative;border-radius:10px;}
.jc-list .imgbox .img{position: absolute;top: 0;left: 0;}



/* 教程三级 */
.jc-ban .item{height: 75vh;}

.jc-ban .swiper-pagination-bullet{width: 14px;height: 14px;background-color: #000;margin:0 8px!important;}
.jc-ban .swiper-button{font-size: 38px;color:#fff;}

.jc-xq{padding:80px 0;background-color: #f0f0f0;}
.jc-xq .module{margin-bottom: 50px;}
.jc-xq .module:last-child{margin-bottom: 0;}
.jc-xq .list{display: flex;flex-wrap: wrap;justify-content: center;}
.jc-xq .list .item{width: 47%;display: flex;align-items: center;background-color: #edf6fb;border-radius:20px;padding:30px 25px;margin:0 1.5% 3%;box-shadow:0 5px 15px #ddd;}
.jc-xq .list .imgbox{width: 160px;height: 160px;border-radius:50%;background-color: #fff;padding:5px;margin-right: 25px;box-shadow:5px 5px 10px #ddd;}
.jc-xq .list .pic{width: 100%;height: 100%;border-radius:50%;}
.jc-xq .list .info{flex:1;overflow: hidden;}
.jc-xq .list .title{font-size: 22px;font-family: 'PoppinsBold';}
.jc-xq .list .txt{font-size: 16px;color:#666;margin-top: 8px;}


/* 产品列表 */
.cp-faq{padding:50px 0;}
.cp-faq .auto{max-width: 960px;}
.cp-faq .list{background-color: #f3f3f3;border-radius:26px;padding:0 40px;}
.cp-faq .list .item{border-bottom:1px solid #e5e5e5;padding:10px 0;}
.cp-faq .list .item:last-child{border:0;}
.cp-faq .list .title{height: 50px;display: flex;align-items: center;justify-content: space-between;font-size: 18px;font-family: 'PoppinsBold';cursor: pointer;}
.cp-faq .list .arrow{width: 24px;height: 24px;background-color: #dddddd;border-radius:50%;display: flex;align-items: center;justify-content: center;font-size: 11px;color:#000;transform: rotate(90deg);font-weight: bold;}
.cp-faq .list .arrow::after{content:'\e695';font-family: 'iconfont';}
.cp-faq .list .drop{padding:0 0 10px;display: none;}
.cp-faq .list .txt{font-size: 16px;line-height: 1.5;font-weight: bold;}
.cp-faq .list .item.show .drop{display: block;}
.cp-faq .list .item.show .arrow{color:#fff;background-color: #000;}
.cp-faq .list .item.show .arrow::after{transform: rotate(-180deg);}


.cp-sec{padding:0 0 35px;}
.cp-sec .auto{max-width: 1280px;}

.crumb{font-size: 16px;color:#999;}
.crumb a{color:#000;}

.cp-top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 20px;}
.cp-top .select{width: 215px;height: 42px;line-height:42px;padding:0 15px;border:0;font-size: 16px;color:#888;margin-left:25px;appearance: none;-webkit-appearance: none;background:url(../images/arrow.png) no-repeat 95% center #f4f4f4;background-size:12px;}

.cp-top .slt{display: flex;margin-left: 30px;}
.cp-top .slt .icon{width: 24px;height: 24px;display: block;margin-left: 13px;cursor: pointer;}

.cp-top .slt .icon1{background:url(../images/icon_03.png) no-repeat center;background-size:contain;}
.cp-top .slt .icon2{background:url(../images/icon_04.png) no-repeat center;background-size:contain;}
.cp-top .slt .icon3{background:url(../images/icon_05.png) no-repeat center;background-size:contain;}
.cp-top .slt .icon1.cur{background:url(../images/icon_03-1.png) no-repeat center;background-size:contain;}
.cp-top .slt .icon2.cur{background:url(../images/icon_04-1.png) no-repeat center;background-size:contain;}
.cp-top .slt .icon3.cur{background:url(../images/icon_05-1.png) no-repeat center;background-size:contain;}


.cp-top .showz{font-size: 18px;color:#888;}
.cp-top .showz em{color:#333;}
.cp-top .showz .lk{cursor: pointer;}
.cp-top .showz .lk.cur{color:#333;}


.cp-list{display: flex;flex-wrap: wrap;margin:-3% 0 0 -2%;}
.cp-list .item{margin:3% 0 0 2%;}
.cp-list .imgbox{display: flex;align-items: center;justify-content: center;position: relative;padding-top: 100%;overflow: hidden;}
.cp-list .pic{width: 100%;height: 100%;object-fit: contain;position: absolute;left: 0;top: 0;transition: all 0.5s;}
.cp-list .pic2{opacity: 0;}
.cp-list .hot{width: 50px;line-height: 25px;height: 25px;text-align: center;background-color: #d21c29;position: absolute;left: 10px;top: 10px;font-size: 14px;color:#fff;}
.cp-list .title{font-size: 20px;margin-top: 15px;text-align: center;text-align: center;display: block;}

.cp-list .item .imgbox:hover .pic1{opacity: 0;}
.cp-list .item .imgbox:hover .pic2{opacity: 1;}
.cp-list .title:hover{color:#f7ba70;}

.cp-list.style1 .item{width: 48%;}
.cp-list.style2 .item{width: 31.3%;}
.cp-list.style3 .item{width: 23%;}


.pagination{text-align: center;margin-top: 70px;}
.pagination li{display: inline-block;vertical-align: middle;margin:0 3px;}
.pagination li span,.pagination li a{font-size: 16px;color:#333;width: 36px;height: 36px;line-height:36px;display: block;transition: all 0s;}
.pagination li.active a,.pagination li.active span,.pagination li a:hover,.pagination li span:hover{color:#fff;background-color: #f7ba70;border-color:#f7ba70;}


/* 产品详情 */

.cp-intro{margin-bottom: 55px;}
.cp-intro .top-bar{margin-bottom: 30px;display: flex;justify-content: flex-end;}
.cp-intro .top-bar .smb{width: 48%;display: flex;align-items: center;justify-content: space-between;}
.cp-intro .top-bar .arrs{display: flex;}
.cp-intro .top-bar .arr{width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;font-size: 16px;color:#777;margin-left: 10px;}
.cp-intro .top-bar .arr:before{content:'\e695';font-family: 'iconfont';display: block;}
.cp-intro .top-bar .prev{transform: rotate(180deg);margin-top:-1px;}
.cp-intro .top-bar .arr:hover{color:#000;}

.cp-intro .detail{display: flex;align-items: flex-start;justify-content: space-between;}
.cp-intro .slide{width: 48%;position: relative;margin-top:-40px;}
.cp-intro .slide .item{padding-top:100%;overflow: hidden;}
.cp-intro .slide .item .img{position: absolute;width: 99%;height: 99%;left: 0;top: 0;object-fit: contain;} 

.cp-intro .swiper1{position: relative;margin-top: 10px;}
.cp-intro .swiper1 .swiper-slide-thumb-active{border:1px solid #efefef;}

.cp-intro .swiper2{position: relative;}
.cp-intro .swiper-button{background:#fdbb6f;color:#fff;width: 40px;height: 40px;font-size: 16px;opacity: 0;}
.cp-intro .swiper2:hover .swiper-button{opacity: 1;}


.cp-intro .info{width: 48%;}
.cp-intro .title{font-size: 22px;font-weight: bold;margin-bottom: 40px;}
.cp-intro .anniu{margin-bottom: 20px;height: 60px;font-size: 18px;border:1px solid #000;border-radius:50px;width: 100%;background-color: #fff;cursor: pointer;}
.cp-intro .anniu:hover{color:#fff;background-color: #fdbb6f;border-color:#fdbb6f;}
 .txt{font-size: 16px;line-height: 1.6;color:#888;padding:35px 0 0;}
.txt p{margin-bottom: 18px;}
.cp-intro .txt .ico{width: 24px;display: inline-block;vertical-align: middle;margin-right: 3px;}

.cp-intro .tags{font-size: 16px;line-height: 1.6;color:#888;padding:40px 0 0;}
.cp-intro .tags span{color:#000;font-weight: bold;}

.cp-rela{margin-bottom: 60px;}


.pop{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0,0,0,.3);z-index:110;}
.pop .wrapbox{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #fff;border-radius:20px;}

.pop-psd .wrapbox{width:94%;max-width: 1000px;padding:3.5% 5% 5%;}
.pop-psd .close{font-size: 22px;color:#666;position: absolute;right: 30px;top: 20px;cursor: pointer;}
.pop-psd .close::after{content:'\e607';font-family: 'iconfont';}
.pop-psd .title{font-size: 38px;}
.pop-psd .box{max-width: 600px;margin:0 auto;}
.pop-psd .ipt{height: 90px;line-height: 90px;text-align: center;font-size: 30px;border:0;border-radius:20px;margin-top: 60px;width: 100%;}
.pop-psd .ipt-txt{background-color: #f0f0f0;}
.pop-psd .submit{background-color: #f7ba70;cursor: pointer;color:#fff;}




/* index */

.idx-head{background: linear-gradient(to right, #528585 , #a8c5c6);padding:1px 0;}
/* .idx-head .wrap{display: flex;align-items: center;justify-content: flex-start;max-width: 100%;height: 120px;} */
/* .idx-head .hd-nav{margin: 0 0 0 15%;} */
.idx-head .hd-nav li>a{color:#fff;}
.idx-head .hd-nav li>a::after{color:#fff;}

/* .idx-head .hd-logo .img{height: 60px;} */
.idx-head.scroll .hd-nav{margin-top: 0;}


.idx-ban{padding-bottom: 55px;background: linear-gradient(to right, #528585 , #a8c5c6);}
.idx-ban .auto{max-width: 100%;}
.idx-ban .item{height: 560px;border-radius:20px;overflow: hidden;}
.idx-ban .shade{position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50%,-50%);text-align: center;}
.idx-ban .shade *{color:#fff;font-family: 'PoppinsBold';}
.idx-ban .smtit{font-size: 22px;}
.idx-ban .title{font-size: 48px;margin-top: 30px;}
.idx-ban .anniu{font-size: 16px;color:#000;background-color: #e2411e;width: 155px;height: 60px;margin:33px auto 0;border:0;cursor: pointer;text-transform: uppercase;border-radius:30px;}


.idx-ban .swiper-button{background-color: #fff;color:#000;font-size: 14px;}
.idx-ban .swiper-button-prev{left:50px;}
.idx-ban .swiper-button-next{right: 50px;}
.idx-ban .swiper-button:hover{color:#fff;background-color: #fdbb6f;}

.idx-ban .swiper-pagination{bottom: 25px;display: none;}
.idx-ban .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #fdbb6f;margin:0 8px!important;}




.idx-top{padding:60px 0;}
.idx-top .auto{max-width: 100%;}


.idx-tu{height: 100vh;position: relative;}
.idx-tu .auto{max-width: 800px;}
.idx-tu .box{position: absolute;left: 0;top: 50%;transform: translate(0,-50%);width: 100%;text-align: center;}
.idx-tu .title{font-size: 50px;color:#fff;font-family: 'PoppinsBold';line-height: 1.3;}
.idx-tu .txt{font-size: 16px;color:#fff;margin:35px auto 0;line-height: 1.6;}


.idx-cp{background-color: #f0f0f0;padding:50px 0;}
.idx-cp .auto{max-width: 1500px;width: 100%;padding:0 20px; margin: 0 auto;}
.idx-cp .item{display: flex;align-items: center;justify-content: space-between;margin-bottom: 50px; position: relative;}
.idx-cp .item .info{padding-right: 4%; height: 725px;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
.idx-cp .item .num{display: flex;align-items: center;font-size: 18px;font-family: 'Arial';}
.idx-cp .item .num:before{content:'';width: 40px;height: 2px;background-color: #333;margin-right: 15px;}
.idx-cp .item .title{font-size: 54px;font-family: 'PoppinsBold';line-height: 1.3;margin-top: 25px;}
.idx-cp .item .txt{font-size: 16px;margin-top: 30px;}
.idx-cp .item .imgbox{width: 50%;height: 725px;top: 10px;right: 0px;z-index:10; position:absolute; }
.idx-cp .item .imgbox.fixed{position: fixed;z-index:30;right: 20px;}

.idx-cp .item:last-child{margin-bottom: 0;}
.idx-cp .item .imgbox {display: none;}
.idx-cp .item .imgbox .img{opacity: 0; position: absolute; top: 0px; left: 0px;}
.idx-cp .item1 .imgbox .img{opacity: 1;}


.idx-cp .auto {display: flex;}
.idx-cp .left-section {flex: 1;}
.idx-cp .right-section {flex: 1; position: relative;}
.idx-cp .image-container {position: absolute;top: 100px;width: 500px; height: 700px;margin: 0 auto;/* right: 0;left: 0;*/border-radius: 15px;overflow: hidden;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);transition: opacity 0.5s ease;}
        
.idx-cp .image-container.fixed {position: fixed;top: 130px;}
        
.idx-cp .image-container.absolute {position: absolute;bottom: 100px;top: auto !important;}
.idx-cp .image-container img {width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;opacity: 0;transition: opacity 0.8s ease-in-out;  filter: brightness(0.9);}
.idx-cp .image-container img.active {opacity: 1;filter: brightness(1);}



.idx-test{padding:0 0 70px;background-color: #f0f0f0;}
.idx-test .auto{max-width: 100%;width: 100%;}

.idx-test .item{background-color: #e4e4e4;padding:30px 40px;}
.idx-test .item .star{font-size: 20px;color:#ffb74a;display: flex;letter-spacing: 4px;line-height: 1.2;}
.idx-test .item .name{font-size: 16px;color:#888;margin-top: 12px;}
.idx-test .item .title{font-size: 18px;font-weight: bold;margin-top: 25px;}
.idx-test .item .txt{font-size: 16px;line-height: 26px;-webkit-line-clamp: 5;/* height: 130px; */margin-top: 15px;}

.idx-test .pub-tt{padding:0 0 0 5%;}
.idx-test .swiper-container{padding:0 0 0 5%;}

.idx-test .di-box{margin-top: 50px;display: flex;align-items: center;padding:0 5% 0 0;}
.idx-test .swiper-pagination{position: static;display: flex;position: relative;flex:1;height: 2px;background-color: #dadada;}
.idx-test .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background-color: #000;}

.idx-test .swiper-slide{width: 515px;}


@media (max-width:1125px) {
	.head{border-bottom:1px solid #e5e5e5;}
	.hd-logo .img{height: 70px;}
	.hd-nav li{margin:0 50px 0 0;}
	.hd-nav li>a{font-size: 20px;}
	
	
	
	/* 视频 */
	.banner .bt{font-size: 40px;}
	
	.tab-menu .lk{padding:0 22px;}
	
	.main .wrap{display: block;}
	.main-l{max-width: 100%;}
	.main-r{width: 100%;margin:50px 0 0;}
	
	.sp-video .videobox{height: 440px;}
	
	.hot-list{margin:-50px 0 0 -50px;justify-content: flex-start;}
	.hot-list .item{width: 165px;margin:50px 0 0 50px;}
	
	.sp-list{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.sp-list .item{width: 47%;}
	
	.playicon{width: 50px;height: 50px;font-size: 22px;}
	
	/* 相关问题 */
	
	
	/* 教程内容 */
	
	/* 教程三级 */
	
	/* 产品列表 */
	
	/* 产品详情 */
	.cp-intro{padding:80px 0 0;}
	
	
	
	.pop-psd .wrapbox{max-width: 600px;border-radius:16px;}
	.pop-psd .title{font-size: 24px;}
	.pop-psd .ipt{height: 60px;line-height: 60px;font-size: 22px;margin-top: 30px;border-radius:10px;}
	.pop-psd .box{max-width: 400px;}
	
	
	
	/* index */
	.idx-head{border:0;padding:25px 0;}
	/* .idx-head .wrap{height: auto;} */
	
	.idx-cp .auto{padding: 0 5%;}
	.idx-cp .item .title{font-size: 42px;}
	.idx-cp .item .info {width: 90%;}
	.idx-cp .item .imgbox{height: 500px;}
	.idx-cp .item .imgbox .img{opacity: 1;}
	.idx-cp .item .info{height: 500px;}
	
	.idx-cp .image-container{height: 600px;}
	
}

@media (max-width:991px) {
	
	.sj-menu{position:absolute;right: 2%;top: 50%;width: 40px;height: 40px;margin-top: -20px;display: flex;align-items: center;justify-content: center;font-size: 30px;color:#333;}
	.sj-menu::after{content:'\e6ac';font-family: 'iconfont';}
	.sj-menu.close::after{content:'\e607';}
	
	
	
	.head{padding:20px 0;height: 100px; box-shadow: none;border-bottom:1px solid #e5e5e5;}
	.head .wrap{display: flex;align-items: center;justify-content: space-between;height: 100%;}
	.hd-logo .img{height: 60px;}
	
	.hd-nav{position: fixed;width: 100%;left: 0;top: 100px;bottom: 0;overflow-y: scroll;background-color: #fff;display: none;overflow-x: hidden;margin: 0;}
	.hd-nav li{display: block;margin: 0;border-bottom:1px solid #efefef;position: relative;}
	.hd-nav li>a{padding:0 4%;line-height: 70px;}
	.hd-nav li>a::after{display: none;}
	.hd-nav li.has>a::after{display: none;}
	.hd-nav li:hover>a{color:#000!important;}
	.hd-nav li.cur>a{color:#f7ba70!important;}
	.hd-nav .drop .row:hover .tit{color:#000;}
	.hd-nav .drop .lk:hover{color:#000;}
	
	
	.hd-nav .arrow{position: absolute;right: 0;top: 0;width: 70px;height: 70px;display: flex;align-items: center;justify-content: center;font-size: 24px;color:#333;transform: rotate(90deg);}
	.hd-nav .arrow::after{content:'\e695';font-family: 'iconfont';}
	.hd-nav .arrow.this::after{transform: rotate(180deg);}
	
	.hd-nav .drop{opacity: 1;visibility: visible;transform: scaleY(1);width: 100%;position: static;background-color: transparent;padding: 0;display: none;margin-left: 0;padding-left: 5%;box-shadow:none;}
	.hd-nav .drop .tit, .hd-nav .drop .lk{padding:0;line-height: 70px;}
	.hd-nav .drop .tit.this::after{transform: rotate(90deg);}
	.hd-nav .drop .row{padding-left: 15px;}
	.hd-nav .drop .row:last-child{border:0;}
	.hd-nav .drop .row:hover .subdrop{display: none;}
	
	.hd-nav .drop .arrow{position: absolute;right: 0;top: 0;width: 70px;height: 70px;font-size: 20px;transform: rotate(0);}
	.hd-nav .drop .row.cur .arrow{transform: rotate(90deg);}
	.hd-nav .drop .subdrop{position: static;width: 100%;transform: translate(0,0);box-shadow:none;}
	.hd-nav .drop .lk{border:0;border-top:1px solid #efefef;padding:0 0 0 25px;line-height: 60px;color:#555;}

	.ft-t .menu .lk{margin:0 0 0 40px;}
	.ft-t .wrap{flex-wrap: wrap;}
	.ft-t .social{width: 100%;justify-content: flex-end;}
	
	
	/* 视频 */
	.tab-menu .lk{padding:0 15px;}
	
	/* 相关问题 */
	
	.pub-tt .bt{font-size: 40px;}
	.pub-tt .smwz{margin-top: 10px;}
	
	
	/* 教程内容 */
	.jc-video .videobox{height: 60vh;}
	
	.jc-slide{margin:60px 0;}
	.jc-slide .item .imgbox{width: 48%;height: 380px;}
	.jc-slide .item .info{width: 47%;}
	.jc-slide .item .title{font-size: 24px;}
	
	.swiper-button{width: 40px;height: 40px;font-size: 16px;}
	
	.jc-list{margin:-3% 0 0 -3%;}
	.jc-list .item{width: 30.3%;margin:3% 0 0 3%;}
	
	/* 教程三级 */
	.jc-ban .item{height: 400px;}
	
	.jc-xq .list .item{width: 100%;}
	
	
	/* 产品列表 */
	.cp-top{flex-wrap: wrap;}
	.cp-top .r{width: 100%;justify-content: space-between;}
	.crumb{width: 100%;}
	
	
	/* 产品详情 */
	.cp-intro{padding:40px 0 0;}
	.cp-intro .top-bar{display: block;}
	.cp-intro .top-bar .smb{width: 100%;}

	.cp-intro .detail{display: block;}
	.cp-intro .slide{margin:0 auto 50px;width: 60%;}
	.cp-intro .info{width: 100%;}
	.cp-intro .btns{display: flex;justify-content: space-between;}
	.cp-intro .anniu{width: 30%;}
	

	/* index */
	.idx-head{background:#fff;}
	.idx-head .hd-nav{margin: 0;}
	.idx-head .hd-nav li>a{color:#000;}
	
	.idx-ban{padding:0;background:none;}
	.idx-ban .auto{width: 100%;}
	.idx-ban .item{border-radius:0;height: 400px;}
	.idx-ban .shade{width: 80%;}
	.idx-ban .title{font-size: 40px;line-height: 1.2;margin-top: 20px;}
	.idx-ban .anniu{width: 170px;height: 50px;margin-top: 25px;}
	.idx-ban .swiper-button{display: none;}
	.idx-ban .swiper-pagination{display: block;bottom: 20px;}
	
	
	.idx-tu{height: 500px;}
	.idx-tu .title{font-size: 40px;}
	
	
	.idx-test .pub-tt{margin-bottom: 30px;}
	
	.idx-cp{padding:80px 0;}
	
	.idx-cp .item{display: block;}
	.idx-cp .item .title{font-size: 33px;line-height: 1;}
	.idx-cp .item .imgbox{height: 300px; display: block; overflow: hidden;position: static;}
	
	.idx-cp .item .info{height: 300px;width: 45%;}
	
	.idx-cp .right-section{ display: none;}

	
	
}

@media (max-width:767px) {
	.sj-menu.close{font-size: 26px;}
	
	
	.head{padding:15px 0;height: 80px;}
	.hd-logo .img{height: 50px;}
	
	.hd-nav{top: 80px;}
	.hd-nav li>a{font-size: 18px;}
	.hd-nav .arrow{font-size: 20px;}
	
	.foot{border-top:1px solid #e5e5e5;}
	.ft-t{padding:30px 0 10px;}
	.ft-t .smlogo{height: 100px;margin:0 auto 20px;}
	.ft-t .menu{text-align: center;}
	.ft-t .menu .lk{margin:0 15px 5px;font-size: 17px;line-height: 1.6;}
	.ft-t .social{margin-top: 20px;justify-content: center;}
	.ft-t .social .icon{margin:0 10px;font-size: 19px;}
	
	.ft-b{padding:20px 0;border-color:#fff;}
	
	
	/* 视频 */
	.banner{height: 180px;}
	.banner .bt{font-size: 28px;}
	
	.tab-menu{flex-wrap: wrap;}
	.tab-menu .lk{border:0!important;padding:0;line-height: 22px;text-align: center;width: 50%;background-color: #eee;border:1px solid #fff!important;height: 60px;display: flex;align-items: center;justify-content: center;}
	.tab-menu .lk.cur{font-weight: bold;}
	.tab-menu .lk::after{display: none;}
	
	
	.sp-video .box{padding: 0;border:0;}
	.sp-video .videobox{height: 240px;}
	
	.sp-video .title{font-size: 18px;}
	.sp-video .btns .anniu{font-weight: normal;}
	
	
	.hot-list{margin:-6% 0 0;justify-content: space-between;}
	.hot-list .item{width: 47%;margin:6% 0 0;}
	.hot-list .item .imgbox{width: 100%;max-width: 165px;}
	
	.sp-tit{margin-bottom: 20px;}
	.sp-list{display: block;}
	.sp-list .item{width: 100%;}
	.sp-list .item .title{font-size: 18px;}
	
	
	/* 相关问题 */
	
	.pub-tt{margin-bottom: 30px;}
	.pub-tt .bt{font-size: 28px;}
	.pub-tt.small{margin-bottom: 20px;}
	.pub-tt.small .bt{font-size: 24px;}
	
	
	/* 教程内容 */
	.jc-main{padding:50px 0;}
	.jc-video .videobox{height: 300px;border-radius: 16px;}
	
	.jc-slide .item{display: block;}
	.jc-slide .item .imgbox{width: 100%;height: 300px;margin:0 0 30px;}
	.jc-slide .item .info{width: 100%;}
	.jc-slide .item .num{width: 32px;height: 32px;font-size: 18px;}
	.jc-slide .item .title{font-size: 22px;margin-top: 18px;}
	
	.jc-slide .di-box{justify-content: center;}
	.jc-slide .swiper-pagination{display: none;}
	
	.di-box .arrs{padding-left: 0;}
	.di-box .swiper-button{margin:0 15px;}
	
	.jc-list{margin:0;justify-content: space-between;}
	.jc-list .item{width: 48%;margin:0 0 4%;}
	
	
	/* 教程三级 */
	.jc-ban .item{height: 220px;}
	.jc-ban .swiper-pagination-bullet{width: 10px;height: 10px;margin:0 4px!important;}
	.jc-ban .swiper-button{display: none;}
	
	.jc-xq{padding:50px 0;}
	.jc-xq .list{margin:-5% 0 0;}
	.jc-xq .list .item{width: 100%;display: block;margin:5% 0 0;}
	.jc-xq .list .imgbox{width: 120px;height: 120px;margin:0 auto 25px;}
	.jc-xq .list .title{font-size: 20px;}
	
	
	/* 产品列表 */
	.cp-faq .list{padding: 0;background:none;}
	
	.cp-sec{padding:0 0 60px;}
	.cp-top{flex-wrap: wrap;}
	.cp-top .r{width: 100%;margin-top: 15px;flex-wrap: wrap;}
	.crumb{width: 100%;}
	.cp-top .showz{margin-bottom: 10px;width: 100%;}
	.cp-top .slt .icon3{display: none;}
	.cp-top .slt{margin:0 30px 0 0;}
	.cp-top .slt .icon{margin:0 15px 0 0;}
	
	.cp-list{margin:-5% 0 0;justify-content: space-between;}
	.cp-list .item{margin: 5% 0 0;}
	.cp-list .title{font-size: 18px;}
	.cp-list .hot{width: 40px;height: 20px;line-height: 22px;font-size: 12px;overflow: hidden;}
	
	.cp-list.style1 .item{width: 100%;}
	.cp-list.style2 .item{width: 48%;}
	.cp-list.style3 .item{width: 48%;}
	
	
	.pagination{margin-top: 60px;}
	.pagination li span, .pagination li a{width: 32px;height: 32px;line-height: 32px;}
	
	
	/* 产品详情 */
	.cp-intro{padding:20px 0 0;}
	.cp-intro .slide{margin:0 auto 40px;width: 100%;}
	.cp-intro .swiper-button{opacity: 1;width: 24px;height: 24px;font-size: 10px;}
	.cp-intro .title{margin-bottom: 20px;}
	.cp-intro .btns{display: block;}
	.cp-intro .anniu{width: 100%;height: 50px;margin-bottom: 15px;}
	.cp-intro .tags{padding-top: 20px;}
	
	
	/* index */
	.idx-head .hd-logo .img{height: 50px;}

	
	.idx-ban .item{height: 350px;}
	.idx-ban .smtit{font-size: 20px;}
	.idx-ban .title{font-size: 34px;}
	.idx-ban .anniu{width: 160px;height: 46px;margin-top: 20px;}
	.idx-ban .swiper-button{display: none;}
	.idx-ban .swiper-pagination{display: block;bottom: 20px;}
	.idx-ban .swiper-pagination-bullet{margin:0 5px!important;}
	
	.idx-top{padding:50px 0 35px;}
	
	.idx-tu{height: 450px;}
	.idx-tu .title{font-size: 32px;line-height: 1.2;}
	.idx-tu .txt{margin-top: 20px;line-height: 1.4;}
	
	.idx-cp{padding:50px 0;}
	.idx-cp .auto{display: block;}
	.idx-cp .item{display: block;}
	.idx-cp .item .imgbox{width: 100%;height: 270px;margin:25px 0 0; }
	.idx-cp .item .imgbox .img{position: static;}
	.idx-cp .item .info{width: 100%;max-width: 100%;height: auto;display: block;padding:0;}
	.idx-cp .item .num:before{width: 20px;}
	.idx-cp .item .title{font-size: 24px;line-height: 1.2;margin-top: 10px;}
	.idx-cp .item .txt{margin-top: 10px;}
	
	
	
	
	
	.idx-test{padding:0 0 50px;}
	.idx-test .pub-tt{margin-bottom: 30px;padding:0 5%;}
	.idx-test .item{padding:30px 25px;}
	.idx-test .swiper-slide{width: auto;}
	.idx-test .swiper-container{padding: 0 5%;}
	.idx-test .swiper-pagination{display: none;}
	.idx-test .di-box{justify-content: center;margin-top: 35px;}
	
	
	
	
}