@charset "utf-8";
.banner-inner{overflow:hidden}
.banner-inner img{width:100%;min-height:240px;object-fit:cover;z-index:0;position:relative;animation:img_move 6s linear 0s forwards}
@keyframes img_move{
0%{transform:scale(1)}
50%{transform:scale(1.08)}
100%{transform:scale(1)}}
.banner-inner .banner-content{border-bottom:1px solid #E5E5E5;height:40px;position:relative;z-index:0;background:#FFF}
.banner-inner .banner-content .l-wrap{height:100%;display:flex;justify-content:space-between;align-items:center}
.banner-inner .banner-content .banner-breadcrumbs{text-transform:capitalize;font-size:14px}
.banner-inner .banner-content .banner-breadcrumbs .link-home{color:var(--color);position:relative;margin-right:30px}
.banner-inner .banner-content .banner-breadcrumbs .link-home em{font-size:18px}
.banner-inner .banner-content .banner-breadcrumbs .link-home::after{content:"";position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);width:10px;height:1px;background:var(--color)}
.banner-inner .banner-content .banner-breadcrumbs h1{font-weight:400;font-size:inherit;display:inline-block}
.nobanner{padding-top:140px}
@media(min-width:1025px){
	.nobanner header .head-info{background:#000000d9}
}
.common-main{padding:50px 0px}
.rd-wrap .rd-title{font-size:24px;font-weight:var(--fontbold6);text-align:center;position:relative;padding-bottom:20px;margin-bottom:30px}
.rd-wrap .rd-title::after{content:"";position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:#DCDCDC}
.rd-wrap .rd-img{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:50px}
.rd-wrap .rd-img img{width:49%;border-radius:var(--borderradius)}
.rd-wrap .rd-p{text-align:center}
.contact-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px}
.contact-list .contact-item{width:30%;position:relative;display:flex;flex-direction:column;align-items:center;padding:4% 20px 3%;text-align:center;z-index:1}
.contact-list .contact-item::before{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;border:1px solid var(--color);opacity:.3;z-index:-1;border-radius:5px}
.contact-list .contact-item em{background:var(--color);width:70px;height:70px;position:absolute;left:50%;transform:translateX(-50%);top:-35px;border-radius:var(--borderradius);display:flex;align-items:center;justify-content:center;color:#FFF;font-size:22px;font-weight:var(--fontbold6)}
.contact-list .contact-item .contact-item-title{font-size:22px;margin-bottom:10px;font-weight:var(--fontbold5)}
.contact-box{margin-top:30px}
.product-catelist{display:flex;flex-wrap:wrap;width:100%}
.product-catelist .product-cateitem{width:23%;margin-right:2.6%;box-shadow:0 3px 18px 0 rgba(0,0,0,.16);background:#FFF;margin-bottom:2em;overflow:hidden;border-radius:var(--borderradius)}
.product-catelist .product-cateitem:nth-child(4n){margin-right:0px}
.product-catelist .product-cateitem:hover .cate-img img{transform:scale(1.02)}
.product-catelist .product-cateitem:hover .cate-img .more{width:100%;opacity:1}
.product-catelist .product-cateitem:hover .cate-title{background:var(--color)}
.product-catelist .product-cateitem:hover .cate-title a{color:#FFF}
.product-catelist .product-cateitem .cate-img{max-height:340px;display:flex;align-items:center;justify-content:center}
.product-catelist .product-cateitem .cate-img img{width:100%;height:100%;object-fit:cover}
.product-catelist .product-cateitem .cate-img .more{position:absolute;left:0px;top:50%;transform:translateY(-50%);width:0px;height:100px;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;color:#FFF;background:rgba(39,39,39,.8);text-transform:capitalize;transition:all .2s linear;opacity:0}
.product-catelist .product-cateitem .cate-img .more em{margin-left:5px}
.product-catelist .product-cateitem .cate-title{padding:20px 15px;height:80px;display:flex;align-items:center}
.product-catelist .product-cateitem .cate-title a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:18px;font-weight:var(--fontbold6)}
.page-container{display:flex;align-items:flex-start;width:100%}
.sidebar{width:350px}
.sidebar ul{list-style:none;padding:0px}
.sidebar-item{border:1px solid #E5E5E5;padding:20px 15px;margin-bottom:20px;border-radius:var(--borderradius)}
.sidebar-title{font-size:20px;margin-bottom:20px;color:#333}
.sidebar-search{display:flex;margin-bottom:20px;overflow:hidden;border-radius:var(--borderradius)}
.sidebar-search input{flex:1;border:1px solid #f2f2f2;background:#f2f2f2;outline:0;padding:0px 15px;transition:all .1s linear;border-top-left-radius:var(--borderradius);border-bottom-left-radius:var(--borderradius)}
.sidebar-search input:focus{border-color:var(--color)}
.sidebar-search button{border:1px solid var(--color);width:45px;height:45px;background:var(--color);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear}
.sidebar-search button:hover{opacity:.95}
.sidebar-search button em{font-size:22px;color:#FFF}
.sidebar-cate>li{background:#F3F3F3;margin-bottom:15px;border-radius:3px;position:relative}
.sidebar-cate>li.active>a{color:#FFF;background:var(--color)}
.sidebar-cate>li.active>a:hover{color:#FFF}
.sidebar-cate>li.active em{color:#FFF;transform:rotateX(180deg)}
.sidebar-cate>li>a{font-weight:var(--fontbold6)}
.sidebar-cate>li a{color:#333;display:inline-flex;align-items:center;padding:0px 15px;width:100%;height:40px;line-height:40px;transition:all .1s linear;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.sidebar-cate>li a:hover{color:var(--color)}
.sidebar-cate>li em{position:absolute;right:0px;top:0px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-weight:var(--fontbold6);transition:all .1s linear}
.sidebar-cate>li .sub-menu{display:none}
.sidebar-cate>li .sub-menu li.active a{color:var(--color)}
.sidebar-cate>li .sub-menu a{padding-left:40px}
.sidebarhot-list .sidebarhot-item{width:100%;display:flex;align-items:center;margin-bottom:20px}
.sidebarhot-list .sidebarhot-item:last-child{margin-bottom:0px}
.sidebarhot-list .sidebarhot-item .sidebarhot-img{width:110px;height:80px;display: flex;overflow:hidden;border-radius:var(--borderradius);align-items: center;justify-content: center;border: 1px solid #eee;}
.sidebarhot-list .sidebarhot-item .sidebarhot-img img{
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.sidebarhot-list .sidebarhot-item .sidebarhot-info{flex:1;padding-left:15px}
.sidebarhot-list .sidebarhot-item .sidebarhot-info .title{line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.sidebarhot-list .sidebarhot-item .sidebarhot-info .more{color:var(--color);text-transform:lowercase}
.sidebarhot-list .sidebarhot-item:hover .sidebarhot-img img{transform:scale(1.05)}
.sidebarhot-list .sidebarhot-item:hover .sidebarhot-info .title{color:var(--color)}
.sidebar-item.inquiry{padding:0px}
.page-main{flex:1;margin-right:30px;width:100%}
.page-main .pro-cate-title{font-size:26px;font-weight:var(--fontbold5);margin-bottom:20px}
.pro-list{display:flex;flex-wrap:wrap;list-style:none;padding:0px}
.pro-list li{background:#fbfbfb;margin-bottom:40px;border-radius:var(--borderradius);position:relative;overflow:hidden;border: 1px solid #eee;}
.pro-list li .pro-img{position:relative;overflow:hidden}
.pro-list li .pro-img>a{display:block;width:100%;max-height:360px}
.pro-list li .pro-img img{/* width:100%; *//* height:100%; *//* object-fit:cover; */}
.pro-list li .pro-img .icon{position:absolute;bottom:10px;right:10px;width:40px;height:40px;background:#F3F3F3;color:var(--color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transform:translateY(20px);transition:all .1s linear;opacity:0}
.pro-list li .pro-img .icon.pro-checked{background:var(--color);color:#FFF;transform:translateY(0);opacity:1}
.pro-list li .pro-img .icon-hottitle{position:absolute;left:-50px;top:-40px;width:100px;height:80px;border-radius:50%;background:var(--color);z-index:1;font-size:16px}
.pro-list li .pro-img .icon-hottitle::after{position:absolute;right:15px;bottom:12px;content:"Hot";color:#FFF;z-index:2}
.pro-list li .pro-info{padding:20px 15px;flex:1}
.pro-list li .pro-info .title{font-size:18px;font-weight:var(--fontbold6);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.pro-list li .pro-info .data-price{display:none}
.pro-list li .pro-info .text{font-size:16px;margin:10px 0px;color:#666;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.pro-list li .pro-info .more{font-size:16px;color:var(--color)}
.pro-list li:hover .pro-img img{transform:scale(1.02)}
.pro-list li:hover .pro-img .icon{transform:translateY(0);opacity:1}
.pro-list li:hover .pro-info .title{color:var(--color)}
.pro-list.list1 li{width:31%;margin-right:3.5%}
.pro-list.list1 li:nth-child(3n){margin-right:0px}
.pro-list.list1 li .pro-img{width:100%;aspect-ratio: 1/1;}
.pro-list.list2 li .pro-img{
    aspect-ratio: unset;
}
.pro-list.list1 li .pro-img a{
    width: 100%;
    height: 100%;
    max-height: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}
.pro-list.list1 li .pro-img img{
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
}
.pro-list.list0 li{width:100%;display:flex;align-items:center}
.pro-list.list0 li .pro-img{width:350px}
.pro-list.list0 li .pro-info{padding:20px 5%}
.common-page{width:100%;display:flex;flex-wrap:nowrap;justify-content:center;margin:20px 0 30px}
.common-page>a,.common-page>span{min-width:45px;height:45px;background:#FFF;border:1px solid #999;display:inline-flex;align-items:center;justify-content:center;margin:0px 7px;padding:0px 10px;font-size:18px;transition:all .1s linear;overflow:hidden;border-radius:var(--borderradius)}
.common-page>a.page-num-current,.common-page>span.page-num-current{color:var(--color);border-color:var(--color)}
.common-page a:hover{cursor:pointer;border-color:var(--color);color:var(--color)}
.common-page p{height:45px;display:inline-flex;align-items:center;border:1px solid var(--color);margin:0px 7px;overflow:hidden;border-radius:var(--borderradius)}
.common-page p em{width:45px;height:45px;display:inline-flex;align-items:center;justify-content:center;background:var(--color);color:#FFF;font-weight:var(--fontbold6)}
.common-page p a,.common-page p span{height:100%;display:inline-flex;align-items:center;justify-content:center;padding:0px 20px;transition:all .1s linear}
.pro-bottom{margin-top:50px}
.prodetails-top{display:flex;/* flex-wrap:wrap; */}
.preview-container{display:flex}
.preview-container #media{background:#FAFAFA;width:100%;height:100%;z-index:99;position:relative}
.preview-container .vPlay{display:none;position:absolute;right:0px;top:0px;z-index:99;width:40px;height:40px;text-align:center;line-height:40px;font-size:22px;cursor:pointer}
.thumbnail-box{width:85px;margin-right:30px;position:relative}
.thumbnail-box .list{height:375px;overflow:hidden;margin:10px 0px}
.thumbnail-box .list .item{width:100%;cursor:pointer;border:1px solid #DCDCDC;border-radius:var(--borderradius);display: flex;align-items: center;justify-content: center;}
.thumbnail-box .list .item.item-cur{border-color:var(--color)}
.thumbnail-box .list .item img{max-width: 100%;max-height: 100%;}
#gallerythumbs{display:none}
.imgalt{display:none}
.prodetails-button-next,
.prodetails-button-prev{width:100%;height:28px;background:#FFF;border:1px solid var(--color);display:flex;align-items:center;justify-content:center;color:var(--color);cursor:pointer;border-radius:var(--borderradius)}
.prodetails-button-prev{transform:rotateX(180deg)}
.singglepic{width:450px;height:450px}
.singglepic img{max-width: 100%;max-height: 100%;border:1px solid #DCDCDC;border-radius:var(--borderradius)}
.thumbnail-show{position:relative;width:450px;height:450px}
.thumbnail-show .small-box{width:100%;height:100%;border:1px solid #dfdfdf;border-radius: 10px;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.thumbnail-show .small-box img{max-width: 100%;max-height: 100%;}
.thumbnail-show .small-box .hover{position:absolute;width:180px;height:180px;background-color:rgba(204,204,204,.6);border:1px solid #EEE;display:none;cursor:move;z-index:9}
.thumbnail-show .big-box{display:none;border:1px solid #dfdfdf;border-left:none;width:100%;height:100%;position:absolute;left:100%;top:0px;overflow:hidden;z-index:999;background:#FFF}
.thumbnail-show .big-box img{display:block;max-width:none;max-height:none;width:150%}
.thumbnail-show .big-box.act{display:none!important}
.banner-page{display:none}
.prodetails-info{flex:1;padding-left:50px}
.prodetails-info .prodetails-name{font-size:26px;line-height:1.2;margin-bottom:15px}
.prodetails-info .prodetails-price{margin-bottom:5px}
.prodetails-info .prodetails-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;word-break: break-word;}
.prodetails-info .share-btn-list{margin-top:30px}
.prodetails-info .prodetails-btnlist{display:flex;flex-wrap:wrap;margin-top:50px}
.prodetails-info .prodetails-btnlist>*{width:180px;height:46px;background:#FFF;border:1px solid var(--color);border-radius:var(--borderradius);display:inline-flex;align-items:center;justify-content:center;color:var(--color);cursor:pointer;margin-right:15px;margin-bottom:10px;transition:all .1s linear}
.prodetails-info .prodetails-btnlist .send em{margin-right:5px}
.prodetails-info .prodetails-btnlist .addToCart em{margin-right:5px;font-size:20px}
.prodetails-info .prodetails-btnlist .addToCart.added{background:var(--color);color:#FFF}
.prodetails-content{margin:50px 0px}
.prodetails-content .prodetails-article-title{position:relative;width:100%;padding-bottom:10px;margin-top:50px}
.prodetails-content .prodetails-article-title span{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0px 20px;color:#FFF;background:var(--color);border:3px solid var(--color);border-radius:5px 5px 0 0;font-size:18px;text-transform:capitalize;font-weight:var(--fontbold5)}
.prodetails-content .prodetails-article-title::after{content:"";position:absolute;bottom:0px;left:0px;width:100%;height:1px;background:#E5E5E5}
article a{color:var(--color)}
article a:hover{text-decoration:underline}
.table-wrap{overflow-x:auto;width:100%}
.table-wrap table{border-collapse:collapse;width:100%}
.table-wrap table td,.table-wrap table th{border:1px solid #DDD;padding:4px 10px}
.tagContent{margin:15px 0 25px}
.inquiry-pc{margin-top:20px}
.inquiry-wrap{background:#F7F7F7;padding:20px 15px}
.newslist{display:flex;flex-wrap:wrap;list-style:none}
.newslist li{margin-bottom:2em;border:1px solid #E5E5E5;background:#FFF;transition:all .1s linear;border-radius:var(--borderradius);overflow:hidden}
.newslist li:hover{border-color:var(--color)}
.newslist li:hover .newslist-img img{transform:scale(1.02)}
.newslist li:hover .newslist-info .title{color:var(--color)}
.newslist li:hover .newslist-info .more em{color:var(--color)}
.newslist li .newslist-img a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.newslist li .newslist-img img{width:100%;height:100%;object-fit:cover}
.newslist li .newslist-info{padding:20px 20px 0px}
.newslist li .newslist-info .date{color:var(--color)}
.newslist li .newslist-info .date em{margin-right:5px}
.newslist li .newslist-info .title{color:#272727;font-size:18px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:10px 0 20px;font-weight:var(--fontbold5)}
.newslist li .newslist-info .more{display:flex;align-items:center;justify-content:space-between;color:var(--color);text-transform:lowercase;border-top:1px solid #DCDCDC;padding:15px 0}
.newslist li .newslist-info .more em{color:#666;font-weight:var(--fontbold5)}
.newslist.list1 li{width:31%;margin-right:2.3%}
.newslist.list1 li .newslist-img{width:100%;max-height:300px}
.newslist.list0 li{width:100%;display:flex;align-items:center}
.newslist.list0 li .newslist-img{width:350px}
.newslist.list0 li .newslist-info{flex:1}
.newslist.list0 li .newslist-info .title{margin:20px 0px 40px}
.recentnews-list{padding:20px}
.recentnews-list li{display:flex;align-items:center;margin-bottom:20px}
.recentnews-list li:last-child{margin-bottom:0px}
.recentnews-list li .img{width:110px;height:80px;background:#F3F3F3;border-radius:var(--borderradius)}
.recentnews-list li .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.recentnews-list li .info{flex:1;padding-left:15px}
.recentnews-list li .info .title{font-weight:500;line-height:1.4}
.recentnews-list li .info .date{color:#999;margin-top:5px;font-size:14px}
.recentnews-list li .info .date em{margin-right:5px}
.recentnews-list li:hover .img img{transform:scale(1.05)}
.recentnews-list li:hover .info .title{color:var(--color)}
.newscontent-title{font-size:24px;font-weight:var(--fontbold5)}
.newscontent-details{margin-bottom:20px}
.newscontent-details article{margin-bottom:30px}
.newscontent-date{color:#666;display:flex;flex-wrap:wrap;margin:5px 0px 20px}
.newscontent-date p{margin-right:15px}
.newscontent-date p:last-child{margin-right:0px}
.newscontent-date em{color:var(--color);margin-right:4px}
.newscontent-date .newsendinquiry{cursor:pointer}
.pagelink{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-top:50px}
.pagelink .pagelink-item{width:49%;display:flex;align-items:flex-start;flex-direction:column}
.pagelink .pagelink-item a:hover{color:var(--color)}
.pagelink .pagelink-item .flex{display:inline-flex;align-items:center;width:100%;height:50px;background:#FFF;border:1px solid var(--color);overflow:hidden;border-radius:var(--borderradius)}
.pagelink .pagelink-item .flex em{width:50px;height:100%;background:var(--color);border:1px solid var(--color);display:inline-flex;align-items:center;justify-content:center;color:#FFF;font-weight:var(--fontbold6)}
.pagelink .pagelink-item .flex span{flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;padding:0px 10px;transition:all 0.1s linear}
.pagelink .pagelink-item.next{align-items:flex-end}
.pagelink .pagelink-item.next span{text-align:right}
.inquiry-prolist{margin:20px 0px}
.inquiry-prolist .inquiry-pro-item{display:flex;align-items:center;box-shadow:1px 2px 10px rgba(0,0,0,.1);padding:20px}
.inquiry-prolist .inquiry-pro-item:nth-child(n+2){margin-top:20px}
.inquiry-prolist .inquiry-pro-item .pro-item-img{width:160px}
.inquiry-prolist .inquiry-pro-item .pro-item-img img{border:1px solid #EEE}
.inquiry-prolist .inquiry-pro-item .pro-item-name{flex:1;padding:0px 10px;color:#999}
.inquiry-prolist .inquiry-pro-item .pro-item-name a{color:var(--color);font-size:18px;font-weight:var(--fontbold6)}
.inquiry-prolist .inquiry-pro-item .pro-item-del{background:var(--color);margin-right:30px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#FFF;cursor:pointer;border-radius:4px;transition:all .2s linear}
.inquiry-prolist .inquiry-pro-item .pro-item-del:hover{box-shadow:1px 2px 10px var(--color)}
@media (max-width:1440px){
	.prodetails-info{padding-left:20px}
	.thumbnail-show{width:400px;height:400px}
	.thumbnail-box{width:72px;margin-right:10px}
	.thumbnail-box .list{height:324px}
}
@media (max-width:1366px){
	.pro-list.list0 li .pro-img{width:40%}
}
@media (max-width:1280px){
	.sidebar{width:280px}
	.page-main{margin-right:20px}
	.preview-container{width:100%}
	.prodetails-top{flex-wrap:wrap}
	.prodetails-info{width:100%;padding-left:0px;padding-top:30px}
	.thumbnail-box{width:100px}
}
.prodetails-wrap{margin-top:40px}


.prodetails-wrap{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.prodetails-wrap .view{padding:0;word-wrap:break-word;cursor:text;height:90%;}
.prodetails-wrap{/* margin:8px; *//* font-family:sans-serif; *//* font-size:16px; */}
.prodetails-wrap:after{content:'';display:block;clear:both}
.prodetails-wrap p{margin:5px 0;font-size: 14px;line-height: 1.358;}
.prodetails-wrap a{color:#09f;text-decoration:none}
.prodetails-wrap a:hover,a:focus{color:#09f;text-decoration:none}
.prodetails-wrap blockquote{padding:0 0 0 15px;margin:0 0 18px;border-left:5px solid #EEE}
.prodetails-wrap img + br{display:block;padding:4px 0;content:' '}
.prodetails-wrap p{margin-bottom:1em}
.prodetails-wrap iframe{border:none}
.prodetails-wrap img{max-width:100%}
.prodetails-wrap img[data-word-image]{cursor:pointer}
.prodetails-wrap pre{margin:.5em 0;padding:.4em .6em;border-radius:8px;background:#f8f8f8;line-height:1.5}



.prodetails-img{position:relative}
.prodetails-img img{width:100%}
.prodetails-img .content{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translate(-50%,-50%);width:100%;color:#FFF;text-align:center;font-size:18px}
.prodetails-img .content .span1{font-weight:var(--fontblod5);margin-bottom:15px;font-size:42px}
.prodetails-template-title{width:100%;height:43px;margin-bottom:30px;display:flex;background-color:#EAEAEA;color:#FFF;position:relative}
.prodetails-template-title h5{display:inline-block;background:var(--color);color:#FFF;margin:0px;padding:0px 30px 0px 20px;font-size:18px;position:relative;text-transform:uppercase;position:absolute;left:0px;top:50%;transform:translateY(-50%);height:54px;line-height:54px}
.prodetails-template-title h5::after{content:"";display:block;width:26px;height:104%;background-color:#FFF;position:absolute;right:-15px;top:-1px;transform:skewX(18deg)}
/*faq*/
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:var(--fontbold6)}
ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px}
ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:1.7}
ol.cate-ulli, ol.pro-ulli {clear:both;padding:10px 0px 10px 30px}
ol.cate-ulli li, ol.pro-ulli li {list-style-type:decimal;line-height:1.7}
.prohome-content{clear:both;margin:0px auto 20px;padding:0px 70px;max-width:1700px;line-height:1.6;box-sizing:border-box}
.prolist-bottom{clear:both;margin:0px auto 30px;padding:0px 70px;max-width:1700px;line-height:1.6;box-sizing:border-box}
@media(max-width:1024px){
	.prohome-content{clear:both;margin:0px auto 20px;padding:0px 15px}
	.prolist-bottom{clear:both;margin:0px auto 30px;padding:0px 15px}
}
.prolist-content{clear:both;margin:0px auto 15px;line-height:1.6}

.faq-list .project-info{width:100%;}
.faq-list li{
    margin-bottom: 15px;
    border: 1px solid var(--color);
    border-radius: 10px;
}
.faq-list .project-name{font-size:var(--fontsize18);padding:15px 15px;white-space:normal;cursor:pointer;position:relative;color:var(--color);font-weight: bold;}
.faq-list .project-name:after{content:'+';position:absolute;right:18px;width:30px;height:30px;line-height:30px;border-radius:50%;text-align:center;font-weight:normal;font-size:30px}
.faq-list .project-content{font-size:var(--fontsize16);color:var(--introcolor);overflow:hidden;display:none;padding: 10px 15px;font-family: arial;border-top: 0;}
.faq-list .project-content table,.faq-list .project-content td{border-color: var(--color) !important;}
.faq-list .faq-item-act .project-name{border-bottom:1px solid #EEEEEE;}
.faq-list .faq-item-act .project-name:after{content:'—'}
.faq-list .faq-item-act .project-content{}
.faq-list .faq-item-act .project-content br{display:none}
@media(max-width:1024px){
	.faq-list .project-name{}
	.faq-list .project-content{-webkit-line-clamp:unset;max-height:unset}
}
@media(max-width:768px){
	.faq-list .project-name{}
	.faq-list .project-content{font-size:var(--fontsize14);overflow-x: scroll;}
}
@media(max-width:540px){
	.faq-list .project-name{font-size:var(--fontsize16)}
}

.template1, .template2{display:flex;flex-wrap: wrap;align-items: center;}
.template1 .template1-img,.template2 .template2-img,.template3 .template3-img,.template4 .template4-img{max-width: 50%;}
.template1 .template1-img img,.template2 .template2-img img,.template3 .template3-img img,.template4 .template4-img img{max-width:100%}
.template1 .template1-text,.template2 .template2-text{flex: 1;}
.template1 .template1-text{margin-left:50px;}
.template2 .template2-text{margin-right:50px;}
.template3:after,.template4:after{content:'';display:block;clear:both;}
.template3 .template3-img{float: left;margin-right:50px;}
.template4 .template4-img{float: right;margin-left:50px;}
@media (max-width: 768px) {
    .template1, .template2{align-items: unset}
	.template1 .template1-img,.template1 .template1-text,.template2 .template2-img,.template2 .template2-text,.template3 .template3-img,.template3 .template3-text,.template4 .template4-img,.template4 .template4-text{width:100%;max-width:unset;float:none;margin-top:10px;margin-left:0}
}