@charset "utf-8";
/***********************************************************
	Filename: page.css
	Note	: 内页CSS样式
	Version : szphp v2.0.0
	Author  : 优尚设计 <www.szphp.cn>
	Web		: www.szphp.cn
	Update  : 2021.06.19
***********************************************************/

/* banner******************************************************************************/
.banner{position:relative;width:100%;height:300px;background-position:50%;background-size:cover;background-repeat:no-repeat}
.banner .overlay{position:absolute;top:0;left:0;z-index:99;width:100%;height:100%;background-image:linear-gradient(180deg,rgba(27,26,26,.5) 0,rgba(27,26,26,.1) 80%);display: none;}
.banner .title{position:absolute;top:50%;left:50%;z-index:100;color:#fff;text-align:center;font-size:2.2rem;transform:translate(-50%,-50%)}
.banner .title p{margin-bottom:0;color:#fff;text-transform:uppercase;font-weight:normal;font-size:1rem}
@media screen and (max-width:960px){
    .banner{height:250px}
}
@media screen and (max-width:576px){
    .banner{height:150px}
    .banner .title{font-size:1.2rem;line-height:1.8rem}
    .banner .title p{font-size:.8rem}
}

/* 位置导航******************************************************************************/
.path{width:100%;background:#f5f5f5}
.path .breadcrumb{margin-bottom:0;background:#f5f5f5;padding:.85rem 0}

/* wrapper 内页综合样式******************************************************************************/
.wrapper{padding-top:50px;padding-bottom:50px;width:100%}
/* 左侧分类 */
.wrapper .category{border:1px solid rgba(211,211,211,.5);border-radius:3px;background:#fafafa}
.wrapper .category h2{border-bottom:1px solid rgba(211,211,211,.5);margin-bottom:0;padding:25px 15px;background:#f5f5f5;color:#333}
.wrapper .category h2 a{float:right;display:none;color:#333}
.wrapper .category h2 a:hover{color:#000}
.wrapper .category-list{width:100%}
.wrapper .category-list a{display:block;padding:10px 15px;border-bottom:1px solid rgba(211,211,211,.5);transition:all .3s ease 0s}
.wrapper .category-list a:after{float:right;display:block;color:#ccc;content:"\f0da";font-family:FontAwesome}
.wrapper .category-list a:last-child{border-bottom:0;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.wrapper .category-list a:hover,.wrapper .category-list .current{background:#2669c2;color:#fff}
.wrapper .category .collapse:not(.show){display:block}
@media screen and (max-width:768px){
    .wrapper{padding-top:25px;padding-bottom:25px}
    .wrapper .category .collapse:not(.show){display:none}
    .wrapper .category h2{padding:15px}
    .wrapper .category h2 a{display:block}
}

/*分页*/
.pages{margin:25px 0;width:100%;text-align:center}
.pages span{display:inline-block;margin:0 2.5px;padding:2.5px 12px;border:1px solid #eaeaea;border-radius:3px;background:#fafafa;color:#333;font-size:.9rem}
.pages a{display:inline-block;margin:0 2.5px;padding:2.5px 12px;border:1px solid #eaeaea;border-radius:3px;background:#fff;color:#333;font-size:.9rem}
.pages a{float:none}
.pages .current,.pages a:hover{border:1px solid #2669c2;background:#2669c2;color:#fff}
@media screen and (max-width:576px){
    .pages a{margin:0 1.5px;padding:2.5px 12px;font-size:.85rem}
}

/* product 产品中心 ******************************************************************************/
/* product 产品中心 ******************************************************************************/
/* 产品列表 */
.product-list{overflow:hidden}
.product-list .product-list-header{position:relative;padding:25px;width:100%;height:auto;border-radius:3px;background-image:url(../images/product-list-bg.jpg);background-position:70% 100%;background-repeat:repeat;margin-bottom: 25px;}
.product-list .product-list-header .logo img{width:auto;height:40px}
.product-list .product-list-header h1{margin:1rem 0;color:#2669c2}
.product-list .product-list-header p{margin-bottom:.5rem;color:#666}
.product-list .product-list-content{overflow:hidden;margin:0 0 25px}
.product-list .product-list-content ul{margin:0 -10px;padding:0;list-style:none}
.product-list .product-list-content li{position:relative;float:left;display:flex;margin-bottom:20px;padding:0 10px;width:calc(100% / 3)}
.product-list .product-list-content li .list-box{display:table-cell;padding:15px;border:1px solid rgba(0,0,0,.1);border-radius:3px;background:#fff;transition:all .3s ease 0s}
.product-list .product-list-content span{display:block}
.product-list .product-list-content .poto{width:100%;position: relative;}
.product-list .product-list-content .poto img{width:100%}
.product-list .product-list-content .poto .series{position:absolute;top:50%;left:50%;z-index:100;color:#bfd8f9;text-align:center;font-size:1rem;transform:translate(-50%,-50%);line-height: 1.3;font-weight: 600;}
.product-list .product-list-content .title{margin:15px auto;font-weight:600;line-height:1.5}
.product-list .product-list-content .note{color:rgba(51,51,51,.8)}
.product-list .product-list-content .note p{display:-webkit-box;overflow:hidden;margin-bottom:1rem;height:65px;text-overflow:ellipsis;line-height:1.5;transition:all .3s ease 0s;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.product-list .product-list-content .time{color:rgba(51,51,51,.4);text-align:right}
.product-list .product-list-content .time a{display: block;float: left;color:rgba(51,51,51,.5);}
.product-list .product-list-content .time a:hover{color:rgba(51,51,51,1)}
.product-list .product-list-content .list-box:hover{box-shadow:0 4px 5px 2px rgba(0,0,0,.05)}
.product-list .product-list-content .list-box:hover .title a{color:#2669c2}
/* 产品搜索 */
.search-list .product-list-content li{width:calc(100% / 4)}
@media screen and (max-width:768px){
    .product-list .product-list-header{margin-top:15px}
}
@media screen and (max-width:576px){
    .product-list .product-list-header{margin-bottom: 10px;padding:15px}
    .product-list .product-list-header .logo img{height:30px}
    .product-list .product-list-content ul{margin:0 -5px}
    .product-list .product-list-content li{margin-bottom:10px;padding:0 5px;width:calc(100% / 2)}
    .product-list .product-list-content li .list-box{padding:10px}
    .product-list .product-list-content .note p{height:55px}
}
/* 产品内容 */
.product-content{overflow:hidden}
.product-content h1{margin-bottom:15px;text-align:center}
.product-content .data{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #eaeaea;color:#999;text-align:center}
.product-content .data span{display:inline-block;margin-right:20px}
.product-content .product-content-box{width:100%;margin: 0 auto;}
.product-content .product-content-box .poto{margin-bottom:1rem;width:100%;text-align:center;position: relative;}
.product-content .product-content-box .poto img{max-width:100%}
.product-content .product-content-box .poto .series{position:absolute;top:50%;left:50%;z-index:100;color:#bfd8f9;text-align:center;font-size:1.5rem;transform:translate(-50%,-50%);line-height: 1.3;font-weight: 600;}
.product-content .product-content-box .pdf{margin-bottom:2rem;padding-bottom:2rem;width:100%;border-bottom:1px solid #eaeaea;text-align:center}
.product-content .product-content-box .pdf a{text-decoration: underline;color:#2669c2}
.product-content .product-content-box .pdf .file{display:inline-block;margin:0 .5rem;width:180px;height:45px;border:1px solid #ddd;border-radius:2px;background:#fafafa;text-align:center;line-height:45px;transition:all .3s ease 0s}
.product-content .product-content-box .pdf .file .fa{margin-right:5px}
.product-content .product-content-box .pdf .file:hover{background:#fff;color:#2669c2}
.product-content .product-content-box .content{width:100%;padding-bottom: 1rem;}
.product-content .product-content-box .content .title{margin:25px 0;border:1px solid rgba(211,211,211,.5);border-radius:3px;line-height: 3rem;background:#f2f7fd;color: #2669c2;font-weight: 600;}
.product-content .product-content-box .content .title .fa{margin:0 15px}
.product-content .product-content-box .content .neirong{width:95%;margin:0 auto}
.product-content .product-content-box .content img{max-width:100%}
.product-content .product-content-box .content ul{margin:0;padding:0 0 0 1.2rem}
.product-content .product-content-box .content p{margin-bottom: 1rem;}
.product-content .product-content-box .content li p{margin-bottom: .5rem;}
.product-content .product-content-box .content p .download{text-decoration:underline;color:#2669c2}
.product-content .product-content-box .content p .download::before{content:"\f019";font-family:FontAwesome;margin-right: 5px;}

.product-content .product-content-box .content table{width:100%;border:10px solid #f5f5f5;border-collapse:collapse;border-bottom-width:15px;margin-bottom: 1rem;}
.product-content .product-content-box .content table p{margin:0;width:100%;line-height:1.5;font-size: 12px;}
.product-content .product-content-box .content th{padding:10px;background:#f5f5f5;color:#15549a;font-weight:700}
.product-content .product-content-box .content td{padding:10px;border:1px solid #eee}
.product-content .product-content-box .content tr:nth-child(odd){background:#fafafa}
.product-content .product-content-box .content tr:hover{background:rgba(38,105,194,.03)}

@media screen and (max-width:768px){
    .product-content .category{display: none;}
    .product-content .product-content-box .content .neirong{width:100%}
    .product-content .product-content-box .content ul{margin:0;padding:0 0 0 1rem}
}
@media screen and (max-width:576px){
    .product-content .product-content-box{width:100%;}
    .product-content .product-content-box .pdf .file{width:calc(50% - 2rem)}
}
/* 上下文链接 */
.prev-next{margin-top:15px;padding:15px;border:1px solid #eaeaea;border-radius:3px;background:#fafafa}
.prev-next a{display:block;box-sizing:border-box}
.prev-next .back-to-list{display:inline-block;margin:0 3%;width:10%;border-right:1px solid #eaeaea;border-left:1px solid #eaeaea;text-align:center}
.prev-next .back-to-list .fa{padding:15px;color:rgba(0,0,0,.5);font-size:1.2rem;transition:all .3s ease 0s}
.prev-next .previous{float:left;width:42%}
.prev-next .next{float:right;width:42%;text-align:right}
.prev-next span{display:block;color:rgba(0,0,0,.3);font-size:.9rem;transition:all .3s ease 0s}
.prev-next .previous .fa{margin-right:10px}
.prev-next .next .fa{margin-left:10px}
.prev-next p{margin-top:.5rem;margin-bottom:0;width:100%;color:#333;font-size:.9rem;line-height:18px}
.prev-next a:hover span{color:rgba(0,0,0,.6)}
.prev-next a:hover p{color:#2669c2}
.prev-next .back-to-list:hover .fa{color:#2669c2}
@media screen and (max-width:768px){
    .prev-next{margin-bottom:15px;padding:15px}
}
@media screen and (max-width:576px){
    .prev-next span{font-size:.75rem}
    .prev-next .back-to-list .fa{margin-top:1.5rem;margin-bottom:1.5rem;padding:0;font-size:1.2rem}
    .prev-next p{margin-top:.5rem;margin-bottom:0;font-size:.75rem;line-height:18px}
}
/* 您可能感兴趣的类似产品 */
.related{overflow:hidden;margin-top:25px;border:1px solid rgba(211,211,211,.5);border-radius:3px}
.related h2{margin-bottom:0;padding:15px;border-bottom:1px solid rgba(211,211,211,.5);background:#fafafa;color:#333}
.related-list{width:100%}
.related-list a{float:left;display:block;margin:0 2%;padding:10px 15px;width:46%;border-bottom:1px dashed rgba(211,211,211,.5);transition:all .3s ease 0s}
.related-list a::before{margin-right:5px;color:#ccc;content:"\f105";font-family:FontAwesome}
.related-list a:nth-last-of-type(-n+2){border-bottom:0}
@media screen and (max-width:576px){
    .related-list a{margin:0%;width:50%}
}

/* solution 解决方案 ******************************************************************************/
/* solution 解决方案 ******************************************************************************/
/* 方案列表 */
.solution-list .product-list-content li .list-box{padding:0;padding-bottom: 15px;}
.solution-list .product-list-content .poto img{width:100%;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.solution-list .product-list-content .title{padding-left: 15px;padding-right: 15px;}
.solution-list .product-list-content .note{padding-left: 15px;padding-right: 15px;}
.solution-list .product-list-content .time{padding-left: 15px;padding-right: 15px;}
@media screen and (max-width:768px){
    .solution-list .product-list-content{margin-top:15px}
}

/* news 新闻中心 ******************************************************************************/
/* news 新闻中心 ******************************************************************************/
/* 新闻列表 */
.news-list .product-list-content li .list-box{padding:0;padding-bottom: 15px;}
.news-list .product-list-content .poto img{width:100%;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.news-list .product-list-content .title{padding-left: 15px;padding-right: 15px;}
.news-list .product-list-content .note{padding-left: 15px;padding-right: 15px;}
.news-list .product-list-content .time{padding-left: 15px;padding-right: 15px;}
@media screen and (max-width:768px){
    .news-list .product-list-content{margin-top:15px}
}

/* download 下载中心 ******************************************************************************/
/* download 下载中心 ******************************************************************************/
.download-list{overflow:hidden}
.download-list .download-list-content{overflow:hidden;margin:0 0 25px}
.download-list table{width:100%;border:10px solid #f5f5f5;border-collapse:collapse;border-bottom-width:15px}
.download-list table p{margin:0;width:100%;line-height:1.5}
.download-list th{padding:10px 15px;background:#f5f5f5;color:#15549a;font-weight:700}
.download-list th:last-child{text-align:center}
.download-list td{padding:15px;border:1px solid #eee}
.download-list td:last-child{text-align:center}
.download-list tr:nth-child(odd){background:#fafafa}
.download-list tr:hover{background:rgba(38,105,194,.03)}
.download-list .text-1{color:#666}
.download-list .fa{color:#f34043;font-size:1.2rem}
@media screen and (max-width:768px){
    .download-list .download-list-content{margin-top:15px}
}
@media screen and (max-width:576px){
    .download-list .download-list-content{overflow:auto}
    .download-list table{border:5px solid #f5f5f5}
}

/* faq 常见问题 ******************************************************************************/
/* faq 常见问题 ******************************************************************************/
.faq{overflow:hidden}
.faq .card{margin-bottom:25px;border:2px solid #f5f5f5;border-radius:3px;background:#fff;cursor:pointer}
.faq .card:first-of-type{border-bottom:2px solid #f5f5f5;border-radius:3px}
.faq .card:last-of-type{border-radius:3px}
.faq .card:not(:first-of-type):not(:last-of-type){border-bottom:2px solid #f5f5f5;border-radius:3px}
.faq .card .problem{width:100%}
.faq .card .problem a{position:relative;display:block;padding:15px 45px;width:100%;color:#2669c2;cursor:pointer}
.faq .card .problem a p{margin-bottom:0;width:100%}
.faq .card .problem a::after{position:absolute;top:20px;left:15px;width:18px;height:18px;border-radius:3px;background:#2669c2;color:#fff;content:"Q";text-align:center;line-height:18px}
.faq .card .problem a::before{position:absolute;top:15px;right:15px;color:#d8371f;content:"\f068";font-family:FontAwesome}
.faq .card .problem .collapsed{color:#222}
.faq .card .problem .collapsed::before{position:absolute;top:15px;right:15px;color:#d8371f;content:"\f067";font-family:FontAwesome}
.faq .card-body{position:relative;padding:0 25px 0 45px;color:#666}
.faq .card-body::after{position:absolute;top:4px;left:15px;width:18px;height:18px;border-radius:3px;background:#666;color:#fff;content:"A";text-align:center;line-height:18px}
@media screen and (max-width:768px){
    .faq .accordion{margin-top:15px}
}
@media screen and (max-width:576px){
    .faq .card{margin-bottom:15px}
    .faq .card .problem a{padding:15px 30px}
    .faq .card .problem a p{line-height: 1.4;}
    .faq .card .problem a::after{top:18px;left:5px}
    .faq .card .problem a::before{right:10px}
    .faq .card .problem .collapsed::before{right:10px}
    .faq .card-body{padding:0 15px 0 30px;}
    .faq .card-body::after{left:5px}
}

/* join 加入我们 ******************************************************************************/
/* join 加入我们 ******************************************************************************/
.join{overflow:hidden}
.join .describe{margin-bottom:45px;width:100%}
.join .describe h2{color:#2669c2;font-weight:600;font-size:1rem}
.join .describe h2::before{margin-right:10px;content:"\f192";font-family:FontAwesome}
.join .segmentation{border-top-right-radius:3px;border-top-left-radius:3px;background:#2669c2}
.join .segmentation span{display:inline-block;padding-left:2%;width:20%;color:#fff;text-align:left;line-height:50px}
.join .segmentation span:last-child{text-align:center}
.join .card{border:0;border-radius:0;box-shadow:0 2px 1px hsla(0,0%,50%,.25)}
.join .card-header{padding:.8rem 0;border-bottom:1px solid #eee;background:#fff}
.join .accordion>.card .card-header{margin-bottom:0}
.join .card-header:last-child{border-bottom:0}
.join .card-header span{display:inline-block;padding-left:2%;width:20%;text-align:left;line-height:30px}
.join .card-header span:last-child{text-align:center}
.join .collapse{background:#fafafa}
.join .title{padding:10px 20px;color:#315276;font-weight:600}
.join .content{padding:0 20px}
.join .content p{margin-bottom:0}
@media screen and (max-width:768px){
    .join .category{display: none;}
}
@media screen and (max-width:576px){
    .join .card-header span{line-height:1.4}
}

/* about 关于我们 ******************************************************************************/
/* about 关于我们 ******************************************************************************/
.about{overflow:hidden}
.about .poto{margin-bottom: 25px;}
.about .poto img{max-width:100%}
@media screen and (max-width:768px){
    .about .category{display: none;}
}
@media screen and (max-width:576px){
    
}

/* contact_us 联系我们 ******************************************************************************/
/* contact_us 联系我们 ******************************************************************************/
.contact_us{overflow:hidden}
.contact_us .contact-list{position:relative;margin-bottom:25px;padding:25px;width:100%;border:1px solid #eee;border-radius:3px;background-color:#fafafa;box-shadow:0 5px 5px rgba(51,51,51,.01);text-align:center;transition:all .5s ease 0s}
.contact_us .contact-list:hover{box-shadow:0 5px 5px rgba(51,51,51,.05);color:#2669c2}
.contact_us .contact-list span{display:block}
.contact_us .contact-list .title{margin-bottom:.5em;color:#666}
.contact_us .contact-list .text{font-weight:600}
.contact_us .map{box-sizing:border-box;margin:0 auto;padding:10px;width:100%;border:1px solid #eee;border-radius:3px;background-color:hsla(0,0%,20%,.03)}
.contact_us #allmap{width:100%;height:350px}
@media screen and (max-width:576px){
    .contact_us .contact-list{padding:15px;margin-bottom:10px;}
}


/* 搜索主页 */
.search-index{padding-top:150px;padding-bottom:150px}
.search-index .s-input{display:inline-block;box-sizing:border-box;padding:1em;width:75%;outline:0;border:none;border:1px solid rgba(0,0,0,.07);border-radius:2px;background:rgba(2,62,235,.03);color:#333;line-height:1em}
.search-index .s-submit{display:inline-block;box-sizing:border-box;padding:1em;width:23%;outline:0;border:none;border-radius:2px;background:#2669c2;color:#fff;text-align:center;line-height:1.3em;cursor:pointer;transition:all .3s ease-in-out}
.search-index .s-submit:hover{background:#333;color:#fff}
@media screen and (max-width:576px){
    .search-index{padding-top:50px;padding-bottom:50px}
    .search-index .s-input{width:65%}
    .search-index .s-submit{width:33%}
}