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

/* banner+location ******************************************************************************/
.banner{position:relative;overflow:hidden;width:100%;height:360px;background-position:50%;background-size:cover;background-repeat:no-repeat}
/* 遮罩效果 */
.banner .overlay1,.banner .overlay2,.banner .overlay3{position:absolute;top:-20%;left:-10%;height:135%;border-radius:0}
.banner .overlay1{z-index:99;width:40%;background-image:linear-gradient(90deg,#cfe6b8 0,#deedce 100%);transform:rotate(10deg)}
.banner .overlay2{z-index:98;width:calc(40% + 10px);background-color:#8ec31f;transform:rotate(10deg)}
.banner .overlay3{z-index:97;width:calc(40% + 20px);background-color:#003279;transform:rotate(10deg)}
/* 内容 */
.banner .row{position:relative;height:100%}
.banner h2{position:absolute;top:40%;left:30px;z-index:99;display:block;width:50%;color:#0f3163;font-weight:normal;font-size:2.5rem}
.banner h2 span{display:block;margin-top:.5rem;color:#8ec31f;font-weight:normal;font-size:.95rem}
.banner h2 span::before{display:inline-block;margin-right:10px;margin-bottom:4px;width:10px;height:2px;background-color:#8ec31f;content:""}
.banner .location{position:absolute;bottom:5%;left:30px;z-index:99;color:#444}
.banner .location .fa{margin:0 5px}
@media screen and (max-width:1024px){
    .banner{height:300px}
    .banner h2{font-size:2rem}
}
@media screen and (max-width:576px){
    .banner{height:180px}
    .banner .overlay1,.banner .overlay2,.banner .overlay3{position:absolute;top:-20%;left:-25%;height:135%;border-radius:0}
    .banner h2{top:35%;left:0;width:100%;color:#fff;text-align:center}
    .banner h2 span{color:#fff}
    .banner h2 span::before{display:none;margin-right:0}
    .banner .location{right:25px;left:0;color:#fff;text-align:right}
    .banner .location a{color:#fff}
}

/* 分类（横向版本） ******************************************************************************/
.pro-category{position:relative;z-index:999;background:#f5f9fb}
.pro-category .collapse:not(.show){display:block}
.pro-category .title{display:none;color:#0752bd;font-weight:600}
.pro-category .title a{float:right;}
.pro-category .title a:after{color:#fff;content:"\f0c9";font-family:FontAwesome}
.pro-category .link a{float:left;margin-right:1px;padding:0 25px;height:50px;text-align:center;font-weight:600;line-height:50px;transition:all .3s ease 0s}
.pro-category .link a:before{margin-right:5px;content:"\f0da";font-family:FontAwesome}
.pro-category .link .current,.pro-category .link a:hover{height:50px;background:#0752bd;color:#fff}
.pro-category .link .current:before{content:"\f0d7"}
@media screen and (max-width:768px){
    .pro-category{margin-top: 15px;background:none;}
    .pro-category .collapse:not(.show){display:none}
    .pro-category .title{display:block;padding:10px 15px;border-top-right-radius:4px;border-top-left-radius:4px;background:#0752bd;color:#fff}
    .pro-category .link a{float:none;display:block;margin-right:0;padding-left:15px;width:100%;height:35px;border-top:1px solid #cdd7e1;text-align:left;line-height:35px}
    .pro-category .link a:last-child{margin-bottom:.5rem}
    .pro-category .link .current,.pro-category .link a:hover{height:35px;background:0 0;color:#315276}
    .pro-category .link .current:before{content:"\f0da"}
    .pro-category .show{overflow:hidden}
}

/* wrapper 内页综合样式******************************************************************************/
/* wrapper 内页综合样式******************************************************************************/
.wrapper{position:relative;padding-top:80px;padding-bottom:80px}
@media screen and (max-width:1024px){
    .wrapper{padding-top:50px;padding-bottom:50px}
}
@media screen and (max-width:576px){
    .wrapper{padding-top:15px;padding-bottom:25px}
}
/* 左侧分类 */
.wrapper .category{margin-right:10px;margin-bottom:25px;border-bottom:3px solid #0752bd;background:#fafafa;border-bottom-right-radius:4px;border-bottom-left-radius:4px;}
.wrapper .category:last-child{border-bottom:3px solid #7cb310}
.wrapper .category h2{margin-bottom:0;padding:10px 15px;border-top-right-radius:4px;border-top-left-radius:4px;background:#0752bd;color:#fff}
.wrapper .category:last-child h2{background:#7cb310}
.wrapper .category h2 span{display:block;margin-top:.2rem;color:#f5f5f5}
.wrapper .category h2 a{float:right;display:none}
.wrapper .category h2 a:after{color:#fff;content:"\f0c9";font-family:FontAwesome}
.wrapper .category-list{width:100%}
.wrapper .category-list a{display:block;padding:10px 15px;border:1px solid rgba(211,211,211,.5);border-top:0;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}
.wrapper .category-list .current,.wrapper .category-list .current:after,.wrapper .category-list a:hover{color:#0752bd;font-weight:600}
.wrapper .collapse:not(.show){display:block}
@media screen and (max-width:768px){
    .wrapper .collapse:not(.show){display:none}
    .wrapper .category{margin-left:0;margin-right:0}
    .wrapper .category:last-child{display:none}
    .wrapper .category h2{padding:15px 15px 10px}
    .wrapper .category h2 span{display:none}
    .wrapper .category h2 a{display:block;}
}
/* 列表分页 */
.pages{margin:25px 0;width:100%;text-align:center}
.pages span{display:inline-block;margin:0 1px;padding:5px 15px;border:1px solid #eaeaea;border-radius:2px;background:#fafafa;color:#333;font-size:.9rem}
.pages a{display:inline-block;margin:0 1px;padding:5px 15px;border:1px solid #eaeaea;border-radius:2px;background:#fff;color:#333;font-size:.9rem}
.pages a{float:none}
.pages .current,.pages a:hover{border:1px solid #003279;background:#003279;color:#fff}
@media screen and (max-width:576px){
    .pages a{margin:0 1.5px;padding:2.5px 12px;font-size:.85rem}
}

/* 关于我们 ***************************************************************************/
/* 关于我们 ***************************************************************************/
.about,.about .pagetitle{width:100%}
.about h3{display:inline-block;padding-bottom:1rem;color:#003279;font-weight:normal;font-size:2rem}
.about h3 span{display:block;margin-top:.5rem;color:#999}
.about h3 span::before{display:inline-block;margin-right:5px;margin-bottom:4px;width:6px;height:2px;background-color:#999;content:""}
.about .line{margin:0 0 25px;width:100%;height:1px;background-color:#eee}
.about p{text-align:justify}
@media screen and (max-width:768px){
    .about .pagetitle{text-align:center}
    .about h3 span::after{display:inline-block;margin-left:5px;margin-bottom:4px;width:6px;height:2px;background-color:#999;content:""}
}
@media screen and (max-width:576px){
    .about h3{font-size:1.6rem}
    .about p{font-size: .9rem;}
}

/* 公司简介 */
.Profile{width:100%;background:#fff url(../images/index-about-bg.png);background-position:bottom right;background-repeat:no-repeat}
.Profile .picture{position:relative;padding-left:50px}
.Profile .picture .images{width:100%}
.Profile .picture img{max-width:100%}
@media screen and (max-width:768px){
    .Profile .picture{padding-left:15px}
    .Profile .picture .images{text-align: center;}
}

/* 企业文化 */
.culture{position:relative;padding-top:60px;padding-bottom:60px;width:100%;background-image:url(../images/case-bg.jpg);background-position:50%;background-size:cover}
.culture .mask{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background:rgba(0,51,122,.95)}
.culture .pagetitle{text-align:center}
.culture h3{position:relative;z-index:11;color:#fff}
.culture h3 span{color:#ddd}
.culture h3 span::before{background-color:#ddd}
.culture ul{position:relative;z-index:11;margin:25px -25px;padding:0;color:#fff}
.culture ul li{position:relative;float:left;overflow:hidden;margin:0 25px;padding:0 20px;width:calc(100% / 3 - 50px);min-height:200px;border-radius:20px;background-color:rgba(255,255,255,.1);list-style:none;text-align:center;transition:all .3s ease 0s}
.culture ul li:hover{background-color:rgba(133,192,7,.2)}
.culture ul li span{display:block}
.culture ul li .title{margin-top:-1rem;font-weight:600}
.culture ul li .note{margin-top:.5rem;color:#f1f1f1}
.culture ul li p{text-align:center;line-height:1.8}
.culture ul li .iconfont{margin-top:-.5rem;font-size:4rem}
.culture ul li .icon-jiazhiguan{margin-top:.7rem;font-size:3.2rem}
@media screen and (max-width:768px){
    .culture h3 span::after{background-color:#ddd}
    .culture ul{margin:25px -10px}
    .culture ul li{margin:0 10px;width:calc(100% / 3 - 20px);min-height:240px;}
}
@media screen and (max-width:576px){
    .culture{padding-top:25px;padding-bottom:25px}
    .culture ul{margin:10px -10px}
    .culture ul li{margin:0 10px;width:calc(100% - 20px);min-height:auto;margin-bottom: 15px;border-radius:10px;padding:0 10px;}
    .culture ul li p{line-height:1.4}
    .culture ul li .iconfont{margin-top:.5rem;font-size:2.5rem}
    .culture ul li .title{margin-top:0}
}

/* 企业环境 */
.environment{width:100%}
.environment-list{position:relative;overflow:hidden;margin:0 auto;padding-top:25px;padding-bottom:25px;width:100%}
.environment-list .swiper-slide{position:relative;overflow:hidden;height:fit-content;border-radius:3px}
.environment-list .swiper-slide span{display:block}
.environment-list .swiper-slide .poto{width:100%}
.environment-list .swiper-slide .poto img{width:100%;transition:all .5s ease 0s}
.environment-list .swiper-slide .overlay{position:absolute;top:0;left:0;z-index:99;width:100%;height:100%;background-image:linear-gradient(180deg,rgba(142,194,30,.1) 0,rgba(0,0,0,.1) 100%)}
.environment-list .swiper-slide .title{position:absolute;top:0;left:0;z-index:100;display:flex;width:100%;height:100%;color:#fff;text-align:center;line-height:1.5;transition:all .3s ease 0s;justify-content:center;align-items:center}
.environment-list .swiper-slide:hover .poto img{transform:scale(1.08,1.08)}
.environment-list .swiper-slide:hover .overlay{background-image:linear-gradient(180deg,rgba(0,51,122,.2) 0,rgba(0,0,0,.2) 100%)}
.environment-list .swiper-slide:hover .title{top:-15px}
/*分页*/
.environment-list .swiper-pagination-environment-list{margin-top:-.5rem;text-align:center}
.environment-list .swiper-pagination-bullet{width:15px;height:8px;border-radius:10px;background:#eee;vertical-align:middle;opacity:1;transition:all .5s ease 0s}
.environment-list .swiper-pagination-bullet-active{width:35px;background:#003279}

/* 发展历程 */
.path{overflow:hidden;width:100%;background:#f5f9fb;background-image:url(../images/svg/process-bg.svg);background-position:100%;background-size:cover}
.path-list{position:relative;margin:0 auto;padding-top:25px;padding-bottom:25px;width:100%;text-align:center}
.path-list .swiper-slide{position:relative;padding:15px 25px;height:fit-content;border-radius:6px;background-color:rgba(255,255,255,.5)}
.path-list .swiper-slide span{display:block}
.path-list .swiper-slide .time{margin-bottom:1rem;color:#003279;text-align:center}
.path-list .swiper-slide .time .fa{margin-right:10px}
.path-list .swiper-slide .note{width:100%}
.path-list .swiper-slide .note p{text-align:center;line-height:1.5}
/*分页*/
.path-list .swiper-pagination-path-list{display:none}
/*左右切换*/
.path-list .swiper-button-next-path-list,.path-list .swiper-button-prev-path-list{display:inline-block;background:rgba(255,255,255,.95);cursor:pointer;transition:all .3s ease 0s}
.path-list .next,.path-list .prev{width:40px;height:40px;border-radius:2px;color:#003279;text-align:center;font-size:1.2rem;line-height:40px}
.path-list .next:after,.path-list .prev:after{font-size:inherit}
.path-list .next:after{content:"\f178";font-family:FontAwesome}
.path-list .prev:after{content:"\f177";font-family:FontAwesome}
.path-list .next:hover,.path-list .prev:hover{background:#fff;color:#333}
.path-list .swiper-button-disabled,.path-list .swiper-button-disabled:hover{background:rgba(255,255,255,.6);color:#eee}

/* 资质荣誉 */
.certificate{width:100%;background-color:#fafafa}
.certificate-list{position:relative;overflow:hidden;margin:0 auto;padding-top:25px;padding-bottom:50px;width:100%;text-align:center}
.certificate-list .swiper-slide{position:relative;overflow:hidden;height:fit-content;border-radius:6px;background:#fff;box-shadow:0 2px 10px rgba(128,128,128,.2);cursor:pointer;transition:all .3s ease 0s;transform:scale(.8)}
.certificate-list .swiper-slide img{width:100%;border:6px solid #fff}
.certificate-list .swiper-slide .honor_name{position:absolute;bottom:6px;left:6px;display:block;padding:5px 0;width:calc(100% - 12px);background-color:rgba(7,82,189,.8);color:#fff;text-align:center;font-size:14px;display:none}
.certificate-list .swiper-slide-active,.certificate-list .swiper-slide-duplicate-active{transform:scale(1)}
/*分页*/
.certificate-list .swiper-pagination-certificate-list{display:none}
/*左右切换*/
.certificate-list .swiper-button-next-certificate-list,.certificate-list .swiper-button-prev-certificate-list{display:inline-block;background:rgba(255,255,255,.95);cursor:pointer;transition:all .3s ease 0s}
.certificate-list .next,.certificate-list .prev{width:40px;height:40px;border-radius:2px;color:#003279;text-align:center;font-size:1.2rem;line-height:40px}
.certificate-list .next:after,.certificate-list .prev:after{font-size:inherit}
.certificate-list .next:after{content:"\f178";font-family:FontAwesome}
.certificate-list .prev:after{content:"\f177";font-family:FontAwesome}
.certificate-list .next:hover,.certificate-list .prev:hover{background:#fff;color:#333}
.certificate-list .swiper-button-disabled,.certificate-list .swiper-button-disabled:hover{background:rgba(255,255,255,.6);color:#eee}

/* 联系我们 */
.contact{width:100%}
.contact h3{display:block;font-size:1.4rem}
.contact h3 p{text-align:center}
.contact .contact-list{position:relative;padding:15px 35px;border-radius:8px;background-color:#f5f9fb}
.contact .contact-list .title{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eee;color:#003279}
.contact .contact-list .title .fa{margin-right:.5rem}
.contact .contact-list .text{width:100%}
.contact .contact-list .text span{display:block;margin-bottom:.5rem}
.contact .contact-list .text small{display:block;color:#666;letter-spacing:0;font-size:.85rem}
.book{background-color:#fafafa}
.book .input1,.book .input2,.book .submit{display:block;box-sizing:border-box;margin-bottom:15px;padding:.8rem;width:100%;outline:0;border:2px solid #eee;border-radius:3px;background:#fff;color:#333;font-size:.9rem;line-height:1em}
.book .input1{float:left;margin-right:1%;margin-left:1%;width:48%}
.book .input2{margin-right:1%;margin-left:1%;width:98%;height:80px;resize:none}
.book .code{width:20%}
.book .submit{float:right;width:150px;height:45px;border:0;border-radius:3px;background:#0752bd;color:#fff;text-align:center;font-size:1rem;cursor:pointer;transition:all .3s ease-in-out}
.book .submit:hover{background:#003279;color:#fff}
.book img{margin-top:10px}
@media screen and (max-width:576px){
    .contact .contact-list{margin-bottom: .5rem;padding:15px 15px;}
    .book .code{width:40%}
    .book .submit{width:80px}
}

/* 人才招聘 */
.join{width:100%}
.join .segmentation{border-top-right-radius:4px;border-top-left-radius:4px;background:#0752bd}
.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}
.join .card-header{padding:.8rem 0;border-bottom:2px 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 .card-header a{display:block;margin:0 auto;width:80px;height:35px;border-radius:2px;background:#0752bd;color:#fff;text-align:center;line-height:25px;transition:all .3s ease 0s}
.join .card-header a:hover{background:#003279;color:#fff}
.join .collapse{padding-bottom:1rem;border-bottom:2px solid #eee;background:#fafafa}
.join .collapse:not(.show){display:none}
.join .title{padding:10px 20px;color:#0752bd;font-weight:600}
.join .content{padding:0 20px}
.join .content p{margin-bottom:0}
@media screen and (max-width:576px){
    .join .segmentation span{width:31.3333333333%}
    .join .segmentation .mobile{display:none}
    .join .card-header span{width:31.3333333333%}
    .join .card-header .mobile{display:none}
    .join .title{padding:10px 10px}
    .join .content{padding:0 10px}
}

/* news-list 新闻中心+技术文章+解决方案 **************************************************************/
/* news-list 新闻中心+技术文章+解决方案 **************************************************************/
/* 列表 */
.news-list{width:100%}
.news-list ul{margin:0 -10px;padding:0;list-style:none}
.news-list li{position:relative;float:left;display:flex;margin-bottom:20px;padding:0 10px}
.news-list li .list-box{position:relative;display:table-cell;padding:10px 10px 25px;border:1px solid rgba(0,0,0,.1);border-radius:5px;background:#fff;transition:all .3s ease 0s}
.news-list li .list-box span{display:block}
.news-list .poto{position:relative;width:100%}
.news-list .poto img{width:100%}
.news-list .title{margin:15px 0 20px;font-weight:600;line-height:1.5}
.news-list .note{color:rgba(51,51,51,.8)}
.news-list .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}
.news-list .time{position:absolute;bottom:10px;width:calc(100% - 20px);color:rgba(51,51,51,.4);text-align:right}
.news-list .time a{float:left;display:block;color:rgba(51,51,51,.5)}
.news-list .time a:hover{color:#333}
.news-list .list-box:hover{box-shadow:0 4px 5px 2px rgba(0,0,0,.05)}
.news-list .list-box:hover .title a{color:#0752bd}
@media screen and (max-width:576px){
    .news-list .note p{height:55px;}
}
/* 内容 */
.news-content{width:100%}
.news-content .left{padding-right:50px}
.news-content h1{margin-bottom:15px;line-height:1.5}
.news-content .data{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #eee;color:#999}
.news-content .data span{display:inline-block;margin-right:20px}
.news-content .content{margin-bottom:25px;padding-bottom:25px;width:100%;border-bottom:1px solid #eee}
.news-content .content img{max-width:100%}
.news-content .content p .download{color:#2669c2;text-decoration:underline}
.news-content .content p .download::before{margin-right:5px;content:"\f019";font-family:FontAwesome}
.news-content .content ul{margin:0;padding:0 0 0 1.2rem}
.news-content .content li p{margin-bottom:.5rem}
.news-content .content table{margin-bottom:1rem;width:100%;border:10px solid #f5f5f5;border-collapse:collapse;border-bottom-width:15px}
.news-content .content table p{margin:0;width:100%;font-size:12px;line-height:1.5}
.news-content .content th{padding:10px;background:#f5f5f5;color:#15549a;font-weight:700}
.news-content .content td{padding:10px;border:1px solid #eee}
.news-content .content tr:nth-child(odd){background:#fafafa}
.news-content .content tr:hover{background:rgba(38,105,194,.03)}
@media screen and (max-width:1024px){
    .news-content .left{padding-right:15px}
}
/* 上下文链接 */
.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}
}
/* 相关内容 */
.news-content .related{padding:15px 15px 0;border:1px solid #eee;box-shadow:0 0 4px 0 rgba(0,0,0,.1)}
.news-content .related h2{margin-bottom:15px;padding:5px 0 15px;border-bottom:1px solid #eee;font-weight:600;font-size:16px}
.news-content .related .related-list{list-style:none}
.news-content .related .related-list a{position:relative;display:block;margin-bottom:5px;padding:10px 0 10px 20px;border-bottom:1px dashed #eee;line-height:1.4}
.news-content .related .related-list a:last-child{border-bottom:0}
.news-content .related .related-list a::after{position:absolute;top:11px;left:0;color:#666;content:"\f10c";font-size:8px;font-family:FontAwesome}
.news-content .related .related-list a span{display:block;margin-top:.1rem;color:#ccc}

/* download 下载中心 ******************************************************************************/
/* download 下载中心 ******************************************************************************/
.download-list{overflow:hidden}
.download-list table{width:100%;border:5px solid #f5f5f5;border-collapse:collapse;border-bottom-width:10px}
.download-list table p{margin:0;width:100%;line-height:1.5}
.download-list th{padding:10px 15px;background:#f5f5f5;color:#0752bd;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:576px){
    .download-list table{border:5px solid #f5f5f5}
}

/* product 产品中心 ******************************************************************************/
/* product 产品中心 ******************************************************************************/
.product-list{width:100%}
/* 遮罩效果 */
.product-list .overlay1,.product-list .overlay2,.product-list .overlay3{position:absolute;top:-8%;right:-10%;border-radius:20%}
.product-list .overlay1{z-index:99;width:60%;height:125%;background-image:linear-gradient(180deg,#cfe6b8 0,#deedce 100%);transform:rotate(10deg)}
.product-list .overlay2{z-index:98;width:calc(60% + 10px);height:125%;background-color:#8ec31f;transform:rotate(10deg)}
.product-list .overlay3{z-index:97;width:calc(60% + 20px);height:125%;background-color:#003279;transform:rotate(10deg)}
/* 列表 */
.product-list .product-list-box{position:relative;overflow:hidden;margin-bottom:25px;width:100%;height:300px;border-radius:8px;background:#fafafa;background-position:100%;background-size:cover}
.product-list .product-list-box .product-img{position:absolute;top:0;right:0;z-index:100;padding:20px 5px 5px;height:100%;height:100%;text-align:right}
.product-list .product-list-box .product-img img{height:100%}
.product-list .product-list-box .product-text{position:absolute;top:0;left:0;padding:25px;width:60%;height:100%}
.product-list .product-list-box .title{position:relative;z-index:101;color:#fff;text-shadow:5px 5px 5px #333;font-weight:600}
.product-list .product-list-box .overlay{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%;background-color:rgba(31,31,31,0);transition:all .3s ease 0s}
.product-list a:hover .product-list-box .overlay{background-color:rgba(31,31,31,.6)}
.product-list .product-list-box .more{position:absolute;top:50%;left:50%;z-index:101;width:150px;height:45px;border-radius:2px;background:#8ec31f;color:#fff;text-align:center;font-size:.9rem;line-height:45px;opacity:0;transition:all .3s ease 0s;transform:translate(-50%,50%)}
.product-list a:hover .product-list-box .more{opacity:1;transform:translate(-50%,-50%)}
@media screen and (max-width:1280px){
    .product-list .product-list-box{height:250px}
}
@media screen and (max-width:768px){
    .product-list .product-list-box{margin-bottom:15px;height:200px;border-radius:4px}
}
@media screen and (max-width:576px){
    .product-list .product-list-box .product-text{padding:15px}
}

/* 产品内容 */
.product-content{width:100%;padding-bottom:25px}
/* 图集 */
.product-poto-list,.product-poto-thumb{overflow:hidden;margin:0 auto}
.product-poto-list .swiper-wrapper,.product-poto-thumb .swiper-wrapper{margin:0 auto}
.product-poto-list .swiper-wrapper{margin-bottom:10px}
.product-poto-list .swiper-slide{width:100%;height:auto}
.product-poto-list .swiper-slide img{width:100%;border-radius:3px}
.product-poto-thumb .swiper-slide{padding:1px;width:80px;height:auto;border:1px solid #ddd;opacity:.7;cursor:pointer}
.product-poto-thumb .swiper-slide-thumb-active{border:1px solid #666;opacity:1}
.product-poto-thumb .swiper-slide img{width:100%}
@media screen and (max-width:768px){
    .product-poto-thumb .swiper-wrapper{text-align: center;}
    .product-poto-thumb .swiper-slide{display: inline-block;}
}
/* 参数 */
.product-parameter{width:100%}
.product-parameter h1{margin-bottom:.5rem;font-weight:600}
.product-parameter .number{color:#666}
.product-parameter .size{margin-top:1rem;padding-top:.5rem;border-top:1px #eee solid}
.product-parameter .size .tit{display:block;margin-bottom:.5rem;color:#003279;font-weight:600}
.product-parameter .size .tit:before{margin-right:5px;content:"\f192";font-family:FontAwesome}
.product-parameter .size span{display:inline-block;margin-right:10px;margin-bottom:5px;padding:0 10px;border-radius:2px;background-color:#f5f9fb;line-height:30px}
.product-parameter .note{margin-top:1rem;padding-top:.5rem;border-top:1px #eee solid}
.product-parameter .note .tit{display:block;margin-bottom:.5rem;color:#003279;font-weight:600}
.product-parameter .note .tit:before{margin-right:5px;content:"\f192";font-family:FontAwesome}
.product-parameter .note p{margin-bottom:.5rem;line-height:1.3}
@media screen and (max-width:768px){
    .product-parameter{margin-top: 1.5rem;}
}
@media screen and (max-width:576px){
    .product-parameter .size span{margin-right:2px;padding:0 5px;}
}

/* 产品附加内容 */
.product-content-append{padding-top:15px;padding-bottom:35px;background-color:#fafafa}
/* 选项卡 */
.tab-tit{border-bottom:1px solid #ddd}
.product-tab-content,.product-tab-title{overflow:hidden;margin:0 auto}
.product-tab-content .swiper-wrapper,.product-tab-title .swiper-wrapper{margin:0 auto}
.product-tab-title{font-weight:600;line-height:50px}
.product-tab-title .swiper-slide{color:#666;width:auto;cursor:pointer}
.product-tab-title .swiper-slide-thumb-active{border-bottom:3px solid #003279;color:#003279}
.product-tab-content .swiper-wrapper{padding-top:25px;padding-bottom:25px}
.product-tab-content .swiper-slide{width:100%;height:0;background-color:#fafafa}
.product-tab-content .swiper-slide-active{height:auto}
/* 应用范围图片列表 */
.waterfall{column-count:5;column-gap:1.5em;-moz-column-count:5;-webkit-column-count:5;-moz-column-gap:1.5em;-webkit-column-gap:1.5em}
.application-list{position:relative;overflow:hidden;margin-bottom:1.5rem;border-radius:5px;break-inside:avoid;-moz-page-break-inside:avoid;-webkit-column-break-inside:avoid}
.application-list span{display:block}
.application-list .poto{width:100%}
.application-list .poto img{width:100%;transition:all .5s ease 0s}
.application-list .overlay{position:absolute;top:0;left:0;z-index:99;width:100%;height:100%;background-image:linear-gradient(180deg,rgba(142,194,30,0) 0,rgba(0,0,0,0) 100%)}
.application-list .title{position:absolute;top:0;left:0;z-index:100;display:flex;display:none;width:100%;height:100%;color:#fff;text-align:center;line-height:1.5;transition:all .3s ease 0s;justify-content:center;align-items:center}
.application-list:hover .poto img{transform:scale(1.08,1.08)}
.application-list:hover .overlay{background-image:linear-gradient(180deg,rgba(0,51,122,0) 0,rgba(0,0,0,0) 100%)}
.application-list:hover .title{top:-15px}
@media screen and (max-width:768px){
    .waterfall{column-count:3;column-gap:1em;-moz-column-count:3;-webkit-column-count:3;-moz-column-gap:1em;-webkit-column-gap:1em}
    .application-list{margin-bottom:1rem}
}
@media screen and (max-width:576px){
    .waterfall{column-gap:.5em;-moz-column-gap:.5em;-webkit-column-gap:.5em}
    .application-list{margin-bottom:.5rem}
}
/* 技术规格 */
.specification{width:100%;overflow-x: scroll;}
.specification table{margin-bottom:1rem;width:100%;border:1px solid #ddd;border-collapse:collapse}
.specification table p{margin:0;line-height:1.5}
.specification th{padding:5px 10px;background:#fff;color:#15549a;font-weight:700}
.specification td{padding:5px 10px;border:1px solid #ddd}
.specification tr:nth-child(odd){background:rgba(38,105,194,.05)}
.specification tr:hover{background:rgba(38,105,194,.1)}
/* 视频展示 */
.video_list{margin-bottom:5rem;text-align:center}
.video_name{display:block;font-weight:600}
@media screen and (max-width:576px){
    .video_list{margin-bottom:2rem}
}

/* 搜索主页 */
.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:#003279;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%}
}