/* inner-menu */
.inner-menu{position:relative;z-index:9;margin:-5px auto 0;width:1440px;overflow:hidden;}
.inner-menu .list{margin:5px; display: flex; flex-wrap: wrap; justify-items: self-start; align-items: center; overflow:hidden;}
.inner-menu .list a{ display: inline-flex; padding: 0 30px; margin: 5px; height: 46px; line-height: 46px; font-size:18px; color:#626262; /*border:#ff6400 solid 1px;*/ border-radius: 5px; background:#e6e6e6;}
.inner-menu .list a.active, .inner-menu .list a:hover{ color:#fff; background:#08c; }
@media(max-width:1440px){
    .inner-menu{width:1200px;}
}
@media(max-width:1200px){
    .inner-menu{margin:0; width:100%; height:50px;line-height:50px; text-align:center; border-top:none; background:#fff;}
    .inner-menu:after{display:block;position:absolute;z-index:2;left:0;bottom:0;width:100%;height:1px;content:"";background:#f0f0f0;}
    .inner-menu .list{margin:0;}
    .inner-menu[data-drop="true"] .list{margin-right:50px;}
    .inner-menu .list a{padding:0 15px;height:50px;border:none;}
    .inner-menu .list a.active, .cx-menu-01 .list a:hover {color:#08c;background:none;}
}
/* end inner-menu */

/* category-news */
.category-news{padding:60px 0;padding:30px 0;overflow:hidden;}
.category-news .right-wrap{padding:0;overflow:hidden;}
.category-news .list .item{display:flex;flex-wrap:wrap;justify-content:space-between;padding:40px;overflow:hidden;background:#fff;border-bottom:#f0f0f0 solid 1px;}
.category-news .list .item:hover{background:#08c;}
.category-news .list .item:hover .pic img{transform:scale(1.1);}
.category-news .list .item:hover .hd h3, .category-news .list .item:hover .hd h3 *{color:#fff;}
.category-news .list .item:hover .hd em{color:#fefefe;}
.category-news .list .item:hover .hd p{color:#fefefe;}
.category-news .list .item:hover .btnBox a{ background:#fff; color:#08c; transition:all .5s;}
.category-news .list .pic{width:300px;overflow:hidden;border:#f0f0f0 solid 1px;}
.category-news .list .pic img{display:block;width:100%;transition:all 1s;}
.category-news .list .pic:hover img{transform:scale(1.1);}
.category-news .list .text{position:relative;width:calc(100% - 330px);overflow:hidden;}
.category-news .list .hd{line-height:30px;overflow:hidden;}
.category-news .list .hd h3{line-height:30px;font-size:18px;color: #626262;overflow:hidden;text-overflow:ellipsis;/*white-space:nowrap;*/}
.category-news .list .hd h3 a{color:#626262;}
.category-news .list .hd h3 a:hover{color:#08c;}
.category-news .list .hd em{display:block;float:right;font-size:14px;font-family:"DIN Medium";color:#999;}
.category-news .list .hd p{margin-top:30px; /*height: 75px;*/ line-height: 25px; font-size: 14px; color: #999; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.category-news .list .bd{padding-top:10px;overflow:hidden;}
.category-news .list .bd p{height:75px;line-height:25px;font-size:14px;color:#999;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.category-news .list .btnBox{position:absolute;right:0;bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.category-news .list .btnBox a{display:inline-block;margin-right:10px;padding:0 10px;line-height:30px;text-align:center;font-size:14px;color:#fff;border:1px solid #08c; background:#08c; border-radius: 3px; transition:all .5s;}
.category-news .list .btnBox a:hover{color:#fff;background:#08c;border-color:#ff6400;}
@media(max-width:1440px){
    .category-news{padding:50px 0;}
}
@media(max-width:1200px){
    .category-news{padding:30px 10px;}
    .category-news .list .item{padding:15px;}
    .category-news .list .pic,.category-news .list .text{width:100%;}
    .category-news .list .text{padding:10px 0 40px;}
    .category-news .list .hd h3{font-size:16px;}
    .category-news .list .hd em{display:none;}
    .category-news .list .bd{padding-top:6px;}
    .category-news .list .bd p{height:44px;line-height:22px;-webkit-line-clamp:2;}
}
/* end category-news */



/* blog-faq */
.blog-faq{padding:60px 0;padding:30px 0;overflow:hidden;}
.blog-faq .splite-wrap {position: relative; margin-bottom: 50px; height: 50px; text-align: left; line-height: 50px; /* transform: translate(-50%, 0); */ border-bottom: 0.5px solid #e0e0e0; z-index: 10;}
.blog-faq .head-list {display:flex; flex-wrap:nowrap;}
.blog-faq .head-list .item{width: 100%; display:block;padding:5px; border-radius: 5px; margin-bottom: 20px; overflow:hidden;background:#fff;border-bottom:#f0f0f0 solid 0px;}
.blog-faq .head-list .item >a{width: 100%; display:flex;flex-wrap:wrap;justify-content:space-between; overflow:hidden;}
.blog-faq .head-list .item >a >div {width: 50%;}
.blog-faq .head-list .item:hover{}
.blog-faq .head-list .item:hover .pic img{transform:scale(1.1);}
.blog-faq .head-list .pic{width:100%; overflow:hidden; border:#f0f0f0 solid 0px; border-radius: 0px 5px 5px 0; position: relative;}
.blog-faq .head-list .pic img{transition:all 1s;}
.blog-faq .head-list .pic .video{display: flex; width: 30%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #e5e5e5; transition: all ease-in-out 0.5s;}
.blog-faq .head-list .pic .video .video-img{background-color: rgba(255, 255, 255, 0.9); width: 100%; height: 100%;}
.blog-faq .head-list .pic .video:hover {color: #fff;}
.blog-faq .head-list .item .text {display:flex;flex-wrap:wrap;justify-content:center; align-items: center; overflow:hidden; border-radius: 5px 0 0 5px; background: #000;}
.blog-faq .head-list .item .text .hd {width: 70%; color: #fff;}
.blog-faq .head-list .item .text .hd h3{line-height:30px; font-size:22px;color: #ffffff; overflow:hidden;text-overflow:ellipsis; margin: 20px 0px;/*white-space:nowrap;*/}
.blog-faq .head-list .item .text .hd h3 a{color:#ffffff;}
.blog-faq .head-list .item .text .hd p{line-height:30px; font-size:14px;color: #ffffff; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}


.blog-faq .top-list {display:flex; flex-wrap:nowrap; /*justify-content:space-between;*/ flex-direction: row;}
.blog-faq .top-list .item{ width: 32%; display:flex;flex-wrap:wrap;justify-content:space-between;padding:5px; border-radius: 5px; margin-right: 2%; margin-bottom: 20px; overflow:hidden;background:#fff;border-bottom:#f0f0f0 solid 0px;}
.blog-faq .top-list .item:nth-child(3n) {margin-right: 0;}
.blog-faq .top-list .item:hover{background:rgb(250, 250, 250); cursor: pointer;}
.blog-faq .top-list .item:hover .pic img{transform:scale(1.1);}
.blog-faq .top-list .item:hover .btnBox a{ background:#fff; color:#08c; transition:all .5s;}
.blog-faq .top-list .pic{width:100%;overflow:hidden;border:#f0f0f0 solid 1px; border-radius: 5px; position: relative;}
.blog-faq .top-list .pic img{display:block;width:100%;height: 100%;transition:all 1s;}
.blog-faq .top-list .pic .date{display:inline; padding: 1px 3px; border-radius: 2px; transition:all 1s; font-size: 12px; background: rgba(255, 255, 255, 0.9); color: #666; bottom: 5px; right: 5px; position: absolute; }
.blog-faq .top-list .pic:hover img{transform:scale(1.1);}
.blog-faq .top-list .pic .video{display: flex; width: 30%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #e5e5e5; transition: all ease-in-out 0.5s;}
.blog-faq .top-list .pic .video .video-img{background-color: rgba(255, 255, 255, 0.9); width: 100%; height: 100%;}
.blog-faq .top-list .pic .video:hover {color: #fff;}
.blog-faq .top-list .text{position:relative;width:calc(100% - 0px); padding: 0 5px 20px; overflow:hidden;}
.blog-faq .top-list .hd{line-height:30px;overflow:hidden;}
.blog-faq .top-list .hd h3{line-height:30px;font-size:16px;color: #626262;overflow:hidden;text-overflow:ellipsis;/*white-space:nowrap;*/}
.blog-faq .top-list .hd h3 a{color:#626262;}
.blog-faq .top-list .hd h3 a:hover{color:#08c;}
.blog-faq .top-list .hd em{display:block;display:none;float:right;font-size:14px;font-family:"DIN Medium";color:#999;}
.blog-faq .top-list .hd p{margin-top:30px; margin-top:15px; /*height: 75px;*/ line-height: 25px; font-size: 14px; color: #999; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.blog-faq .top-list .bd{padding-top:10px;overflow:hidden;}
.blog-faq .top-list .bd p{height:75px;line-height:25px;font-size:14px;color:#999;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.blog-faq .right-wrap {padding:0;overflow:hidden;}
.blog-faq .right-wrap .subBox {display: none;}
.blog-faq .right-wrap .subBox.active {display: block;}
.blog-faq .right-wrap .newsBox li{line-height: inherit; padding: 10px 0 5px;}
.blog-faq .right-wrap .newsBox li .tips {position: relative; height: 28px; line-height: 28px;}
.blog-faq .right-wrap .newsBox li .tips span{padding: 0 5px; border-radius: 100px; background: rgb(250, 250, 250); color: #666; font-size: 12px; line-height: 24px; text-align: center;}
.blog-faq .right-wrap .newsBox li .tips span:first-child{position: absolute; left: 0; top: 50%; transform: translate(0%, -50%);}
.blog-faq .right-wrap .newsBox li .tips span:last-child{position: absolute; right: 0; top: 50%; transform: translate(0%, -50%);}
.blog-faq .right-wrap .newsBox li a {color: #000; line-height: 30px; font-size: 16px; padding: 5px 0; margin: 10px 0; display: inline-block; white-space: wrap; width: 100%;}
.blog-faq .right-wrap .newsBox li p {color: #999; height: 50px; line-height: 25px; overflow:hidden;display:-webkit-box; white-space: wrap; -webkit-box-orient:vertical;-webkit-line-clamp:2;}

.blog-faq .left-wrap{}
.blog-faq .left-wrap .list{display:flex;flex-wrap:wrap;justify-content:space-between; flex-direction: row; }
.blog-faq .list .item{ width: 32%; display:flex;flex-wrap:wrap;justify-content:space-between;padding:5px; border-radius: 5px; margin-bottom: 20px; overflow:hidden;background:#fff;border-bottom:#f0f0f0 solid 0px;}
.blog-faq .list .item:hover{background:rgb(250, 250, 250); cursor: pointer;}
.blog-faq .list .item:hover .pic img{transform:scale(1.1);}
.blog-faq .list .item:hover .btnBox a{ background:#fff; color:#08c; transition:all .5s;}
.blog-faq .list .pic{width:100%;overflow:hidden;border:#f0f0f0 solid 1px; border-radius: 5px; position: relative;}
.blog-faq .list .pic img{display:block;width:100%;height: 100%;transition:all 1s;}
.blog-faq .list .pic .date{display:inline; padding: 1px 3px; border-radius: 2px; transition:all 1s; font-size: 12px; background: rgba(255, 255, 255, 0.9); color: #666; bottom: 5px; right: 5px; position: absolute; }
.blog-faq .list .pic:hover img{transform:scale(1.1);}
.blog-faq .list .pic .video{display: flex; width: 30%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #e5e5e5; transition: all ease-in-out 0.5s;}
.blog-faq .list .pic .video .video-img{background-color: rgba(255, 255, 255, 0.9); width: 100%; height: 100%;}
.blog-faq .list .pic .video:hover {color: #fff;}
.blog-faq .list .text{position:relative;width:calc(100% - 0px); padding: 0 5px 20px; overflow:hidden;}
.blog-faq .list .hd{line-height:30px;overflow:hidden;}
.blog-faq .list .hd h3{line-height:30px;font-size:16px;color: #626262;overflow:hidden;text-overflow:ellipsis;/*white-space:nowrap;*/}
.blog-faq .list .hd h3 a{color:#626262;}
.blog-faq .list .hd h3 a:hover{color:#08c;}
.blog-faq .list .hd em{display:block;display:none;float:right;font-size:14px;font-family:"DIN Medium";color:#999;}
.blog-faq .list .hd p{margin-top:30px; margin-top:15px; /*height: 75px;*/ line-height: 25px; font-size: 14px; color: #999; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.blog-faq .list .bd{padding-top:10px;overflow:hidden;}
.blog-faq .list .bd p{height:75px;line-height:25px;font-size:14px;color:#999;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.blog-faq .list .btnBox{display: none; position:absolute;right:0;bottom:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.blog-faq .list .btnBox a{display:inline-block;margin-right:10px;padding:0 10px;line-height:30px;text-align:center;font-size:14px;color:#fff;border:1px solid #08c; background:#08c; border-radius: 3px; transition:all .5s;}
.blog-faq .list .btnBox a:hover{color:#fff;background:#08c;border-color:#ff6400;}
@media(max-width:1440px){
    .blog-faq{padding:50px 0;}
}
@media(max-width:1200px){
    .blog-faq{padding:30px 10px;}
    .blog-faq .list .item{padding:15px;}
    .blog-faq .list .pic,.blog-faq .list .text{width:100%;}
    .blog-faq .list .text{padding:10px 0 40px;}
    .blog-faq .list .hd h3{font-size:16px;}
    .blog-faq .list .hd em{display:none;}
    .blog-faq .list .bd{padding-top:6px;}
    .blog-faq .list .bd p{height:44px;line-height:22px;-webkit-line-clamp:2;}
}
@media(max-width:1000px){
    .blog-faq .list .item{padding:5px;}
}
@media(max-width:768px){
    .blog-faq .head-list .item .text .hd h3{font-size:18px;}
    .blog-faq .head-list .item .text .hd p{line-height: 25px; -webkit-line-clamp:3;}
}
@media(max-width:640px){

    .blog-faq{padding:30px 10px;}
    .blog-faq .s2{display: none;}
    .blog-faq .splite-wrap{margin-bottom: 20px; height: 20px;}

    .blog-faq .head-list .item {flex-direction: column-reverse;}
    .blog-faq .head-list .item {margin-bottom: 0;}
    .blog-faq .head-list .item > div {width: 100%;}
    .blog-faq .head-list .pic {border-radius: 5px 5px 0 0;}
    .blog-faq .head-list .item .text {border-radius: 0 0 5px 5px;}    
    .blog-faq .head-list .item .text .hd{width: 90%; padding: 20px 0;}
    .blog-faq .head-list .item .text .hd p{line-height: 25px; font-size:14px;}

    .blog-faq .top-list .hd h3{font-size:14px;}
    .blog-faq .top-list .hd p{line-height: 25px; font-size:12px;}

    .blog-faq .list .item{padding:2px;}
    .blog-faq .list .pic,.blog-faq .list .text{width:100%;}
    .blog-faq .list .text{padding:10px 0 20px;}
    .blog-faq .list .hd h3{font-size:14px;}
    .blog-faq .list .bd{padding-top:6px;}
    .blog-faq .list .bd p{height:44px;line-height:22px;-webkit-line-clamp:2; font-size: 12px;}
    .blog-faq .list .hd p{font-size:12px;}
}
@media(max-width:480px){
    .blog-faq .top-list{display: none;}
    .blog-faq .list .item{width: 49%;}
    .blog-faq .list .text{padding:5px 0 10px;}
    .blog-faq .list .hd h3{ line-height: 24px;}
    .blog-faq .list .bd p{font-size:14px; height:44px;line-height:22px;-webkit-line-clamp:2;}
}

/* end blog-faq */





/* faq-lists */
.faq-lists{padding:60px 0;padding:30px 0;overflow:hidden;}
.faq-lists .right-wrap{padding:0;overflow:hidden; margin-top: 0px;}


.faq-lists .right-wrap .subBox {}
.faq-lists .right-wrap .subBox.active {display: block;}
.faq-lists .right-wrap .navBox li{line-height: inherit; padding: 5px 0; position: relative;}
.faq-lists .right-wrap .navBox li:hover::before, .faq-lists .right-wrap .navBox li.active::before{content: '⁘'; background:rgba(246, 1, 1, 0); color: #08c; cursor: pointer;}
.faq-lists .right-wrap .navBox li:hover a, .faq-lists .right-wrap .navBox li.active a {color: #08c;}


.faq-lists .right-wrap .subBox .bd { padding: 0 30px 30px;}
.faq-lists .right-wrap .subBox .hd:before { background: #08c;}
.faq-lists .right-wrap .subBox .hd h3 { padding-left: 10px;}

.faq-lists .right-wrap .navBox li a {color: #000; line-height: 30px; font-size: 16px; padding: 0 5px;  display: inline-block; white-space: wrap; }
.faq-lists .right-wrap .navBox li p {color: #999; height: 50px; line-height: 25px; overflow:hidden;display:-webkit-box; white-space: wrap; -webkit-box-orient:vertical;-webkit-line-clamp:2;}

.faq-lists .left-wrap {display: none;}
.faq-lists .left-wrap.active {display: block;}
.faq-lists .list .item{display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px;overflow:hidden;background:#fff;border-bottom:#f0f0f0 solid 1px;}
.faq-lists .list .item:hover{background:#08c;}
.faq-lists .list .item:hover .pic img{transform:scale(1.1);}
.faq-lists .list .item:hover .hd h3, .faq-lists .list .item:hover .hd h3 *{color:#fff;}
.faq-lists .list .item:hover .hd em{color:#fefefe;}
.faq-lists .list .item:hover .hd p{color:#fefefe;}
.faq-lists .list .item:hover .hd p strong{color:#fefefe;}
.faq-lists .list .item:hover .btnBox a{ background:#fff; color:#08c; transition:all .5s;}
.faq-lists .list .pic{width:300px;overflow:hidden;border:#f0f0f0 solid 1px;}
.faq-lists .list .pic img{display:block;width:100%;transition:all 1s;}
.faq-lists .list .pic:hover img{transform:scale(1.1);}

.faq-lists .list .text{position:relative;width:calc(100% - 0px);overflow:hidden;}
.faq-lists .list .hd{line-height:30px;overflow:hidden;}
.faq-lists .list .item .hd .title {padding: 10px 20px; background: rgba(240, 240, 240, 0.35);}
.faq-lists .list .hd h3{line-height:30px;font-size:18px;color: #626262;overflow:hidden;text-overflow:ellipsis;/*white-space:nowrap;*/}
.faq-lists .list .hd h3 a{color:#626262;}
.faq-lists .list .hd h3 a:hover{color:#08c;}
.faq-lists .list .hd em{display:block;float:right;font-size:14px;font-family:"DIN Medium";color:#999;}
.faq-lists .list .hd p{ width: calc(100% - 100px); margin-top:30px; padding: 10px 20px; /*height: 75px;*/ line-height: 25px; font-size: 14px; color: #999; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.faq-lists .list .hd p strong {font-size: 18px; color: #626262;}
.faq-lists .list .bd{padding-top:10px;overflow:hidden;}
.faq-lists .list .bd p{height:75px;line-height:25px;font-size:14px;color:#999;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.faq-lists .list .btnBox{position:absolute;right:0;bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.faq-lists .list .btnBox a{display:inline-block;margin-right:0px;padding:0 10px;line-height:30px;text-align:center;font-size:14px;color:#fff;border:1px solid #08c; background:#08c; border-radius: 3px; transition:all .5s;}
.faq-lists .list .btnBox a:hover{color:#fff;background:#08c;border-color:#ff6400;}
@media(max-width:1440px){
    .faq-lists{padding:50px 0;}
}
@media(max-width:1200px){
    .faq-lists{padding:30px 10px;}
    .faq-lists .list .item{padding:15px;}
    .faq-lists .list .pic,.faq-lists .list .text{width:100%;}
    .faq-lists .list .text{padding:10px 0 40px;}
    .faq-lists .list .hd h3{font-size:16px;}
    .faq-lists .list .hd em{display:none;}
    .faq-lists .list .bd{padding-top:6px;}
    .faq-lists .list .bd p{height:44px;line-height:22px;-webkit-line-clamp:2;}
}
@media (max-width: 992px){
    .faq-lists .right-wrap { margin-top: 0px; }
    .faq-lists .right-wrap .navBox {}
    .faq-lists .right-wrap .navBox li{line-height: inherit; padding: 5px 0; position: relative; border: 1px solid #f0f0f0; margin: 5px 20px 5px 0;}
    .faq-lists .right-wrap .navBox li:hover, .faq-lists .right-wrap .navBox li.active {border: 1px solid #08c;}
    .faq-lists .right-wrap .navBox li:hover::before,
    .faq-lists .right-wrap .navBox li.active::before{content: '⁘'; background:rgba(95, 95, 95, 0); color: #08c; cursor: pointer;}
    .faq-lists .right-wrap .navBox li:hover a,
    .faq-lists .right-wrap .navBox li.active a {color: #08c;}

    .faq-lists .right-wrap .navBox .bd { padding: 0 20px 30px;}
    .faq-lists .right-wrap .navBox .bd ul {display: flex; flex-wrap: wrap; justify-content: flex-start; flex-direction: row; padding: 10px 0;}
    .faq-lists .right-wrap .navBox .bd ul li { padding: 2px 10px; border-radius: 20px;}

    .faq-lists .right-wrap .navBox li a {color: #000; line-height: 30px; font-size: 16px; padding: 0 5px;  display: inline-block; white-space: wrap; }
    .faq-lists .right-wrap .navBox li p {color: #999; height: 50px; line-height: 25px; overflow:hidden;display:-webkit-box; white-space: wrap; -webkit-box-orient:vertical;-webkit-line-clamp:2;}

}
/* end faq-lists */


/* product-category */
.product-category{padding:60px 0;padding:30px 0;overflow:hidden;}
.product-category .list{margin:-12px;overflow:hidden;}
.product-category .list .item{float:left;margin:12px;overflow:hidden;background:#fff;}
.product-category .list[data-grid="2"] .item{width:calc(50% - 24px);}
.product-category .list[data-grid="3"] .item{width:calc(33.3333% - 24px);}
.product-category .list[data-grid="4"] .item{width:calc(25% - 24px);}
.product-category .list .item:hover{color: #08c;}
.product-category .list .item:hover .text h3{color: #08c;}
.product-category .list .item:hover .pic img{transform:scale(1.1);}
.product-category .list .pic{width: calc(100% - 0px); height: calc(((100% - 0px) * 89) / 114); overflow:hidden;}
.product-category .list .pic img{display:block;width:100%;transition:all 1s;}
.product-category .list .text{padding:10px 10px;overflow:hidden;}
.product-category .list .text h3{height:30px;line-height:30px;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-category .list .text p{margin-top:5px;height:44px;line-height:22px;font-size:14px;color:#626262;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;}
.product-category .list .read{padding:10px 10px;overflow:hidden;border-top:#f0f0f0 solid 1px; display: flex; justify-content: space-between;}
.product-category .list .read a{display:block; color:#999;}
.product-category .list .read a:before{display:block;float:right;font-family:"iconfont";content:"\e639";}
.product-category .list .read a:hover{color:#08c !important;}
@media(max-width:1440px){
    .product-category{padding:50px 0;}
}
@media(max-width:1200px){
    .product-category{padding:30px 10px;}
    .product-category .list{margin:-6px;}
    .product-category .list .item{margin:6px;width:calc(50% - 12px) !important;}
    .product-category .list .text,.product-category .list .read{padding:10px 15px;}
    .product-category .list .text h3{font-size:16px;}
    .product-category .list .text p{display:none;}
    .product-category .list .read a{font-size:14px;}
}
/* end product-category */

/* category-contact */
.category-contact{padding:60px 0;padding:30px 0;overflow:hidden;}
.category-contact .inner{padding:40px;overflow:hidden;background-color:#fff;}
.category-contact .text{float:left;width:600px;overflow:hidden;}
.category-contact .text h3{display: flex;align-items: center;position:relative;padding-bottom:20px;font-weight:bold;font-size:24px;color:#626262;}
.category-contact .text h3:after{display:block;position:absolute;left:0;bottom:0;width:30px;height:1px;content:"";background:#08c;}
.category-contact .text h3:before{display:block;position:absolute;left:0;bottom:0;width:100%;height:1px;content:"";background:#f0f0f0;}
.category-contact .text h3 i{cursor: pointer; border:1px solid #666; border-radius: 100%; padding:4px;}
.category-contact .text .infos{padding:20px 0;overflow:hidden;}
.category-contact .text .infos p{margin-bottom:10px;line-height:30px;font-size:16px;color:#666;}
.category-contact .text .btns{overflow:hidden;}
.category-contact .text .btns a{display:block;width:120px;height:45px;line-height:45px;text-align:center;font-size:14px;color:#fff;background:#08c;}
.category-contact .text .btns a:after{display:inline-block;margin-left:10px;font-family:"iconfont";content:"\e65a"}
.category-contact .map{float:right;width:700px;height:300px;overflow:hidden;border:#f0f0f0 solid 1px;}
.category-contact .map .mapBox{position:relative;top:50%;left:50%;width:700px;height:300px;transform:translate(-50%,-50%);}
.category-contact .map .mapBox img, .category-contact .map .mapBox iframe{display:block;width:700px;height:300px;}
@media(max-width:1440px){
    .category-contact{padding:50px 0;}
    .category-contact .text{width:500px;}
    .category-contact .map{width:560px;}
}
@media(max-width:1200px){
    .category-contact{padding:30px 10px;}
    .category-contact .inner{padding:20px;}
    .category-contact .text{float:none;width:100%;}
    .category-contact .text h3{font-size:18px;}
    .category-contact .text .infos p{margin-bottom:4px;font-size:14px;}
    .category-contact .map{float:none;margin-top:20px;width:100%;height:300px;}
}
/* end category-contact */

/* category-media */
.category-media{padding:60px 0;overflow:hidden;background:#ebebeb;}
.category-media .list{margin:-20px;overflow:hidden;}
.category-media .list .item{float:left;margin:20px;padding:50px;width:calc(25% - 40px);text-align:center;overflow:hidden;background:#fff;}
.category-media .list .item em{display:block;margin:0 auto;width:120px;height:120px;overflow:hidden;}
.category-media .list .item h3{margin-top:20px;font-size:22px;color:#333;line-height:1.5; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 1; -moz-box-orient: vertical; overflow-wrap: break-word; word-break: break-all; white-space: normal; overflow: hidden;}
.category-media .list .item p{margin-top:10px;font-size:16px;color:#666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp: 2; -moz-box-orient: vertical; overflow-wrap: break-word; word-break: break-all; white-space: normal; overflow: hidden; /*display: none;*/}
@media(max-width:1440px){
    .category-media{padding:50px 0;}
}
@media(max-width:1200px){
    .category-media{padding:30px 10px;}
    .category-media .list{margin:0; margin:0; display: flex; justify-content: space-around; flex-wrap: wrap;}
    .category-media .list .item{float:none;margin:10px;padding:30px; width:calc(50% - 20px);}
    .category-media .list .item h3{font-size:18px;}
    .category-media .list .item p{margin-top:6px; height: 50px; font-size:14px;}
}
@media(max-width:480px){
    .category-media{padding:30px 10px;}
    .category-media .list{margin:0;}
    .category-media .list .item{float:left;margin:10px 5px;padding:30px 5px; width:calc(50% - 10px);}
    .category-media .list .item h3{font-size:18px;}
    .category-media .list .item p{margin-top:6px;font-size:14px;}
}
/* end category-media */

/* category-form */
.category-form{padding:60px 0;clear:both;overflow:hidden;background:#fff;}
.category-form .pic{float:left;width:700px;}
.category-form .form{padding-left:50px;overflow:hidden;}
.category-form .form ul{overflow:hidden;}
.category-form .form li{position:relative;margin-bottom:14px;}
.category-form .form li:last-child{margin-bottom:0;}
.category-form .form li i{display:block;position:absolute;right:20px;top:10px;font-size:20px;color:#ccc;}
.category-form .form li input{display:block;padding:15px;width:100%;height:50px;font-family:inherit;font-size:14px;outline:none;border:#ddd solid 1px;transition:all 0.5s;}
.category-form .form li textarea{display:block;padding:15px;width:100%;height:144px;font-family:inherit;font-size:14px;outline:none;resize:none;border:#ddd solid 1px;transition:all 0.5s;}
.category-form .form li.verCodeBox input{width:calc(100% - 140px);}
.category-form .form li.verCodeBox span{display:block;position:absolute;right:0;top:0;width:120px;height:100%;cursor:pointer;text-align:center;background:#f0f0f0;}
.category-form .form li.verCodeBox span img{display:inline-block;max-width:100%;height:100%;}
.category-form .form li button{display:block; width:100%; border:0; cursor:pointer; position:relative; z-index:1; height:50px; line-height:50px;font-size:14px;color:#fff;text-align:center;overflow:hidden;background:#08c;}
@media(max-width:1440px){
    .category-form{padding:50px 0;}
}
@media(max-width:1200px){
    .category-form{padding:30px 10px;}
    .category-form .pic{display:none;}
    .category-form .form{padding:10px;background:none;}
    .category-form .form li input{padding:10px;height:45px;}
    .category-form .form li a{height:45px;line-height:45px;}
}
/* end category-form */