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

/* Banner ******************************************************************************/
.banner{position:relative;overflow:hidden;width:100%;height:350px;background-position:center;background-size:cover;background-repeat:no-repeat}
.banner .overlay{position:absolute;top:0;left:0;z-index:98;width:100%;height:100%;background-image:linear-gradient(-65deg,hsl(30deg 4% 20% / 10%) 20%,hsl(33deg 5% 10% / 50%) 90%)}
.banner .title{position:relative;z-index:100;margin-top:110px;width:100%;height:auto;color:#fff}
.banner .title span{display:block;margin-top:-.5rem;text-transform:capitalize;font-size:40%}
.banner .title span::before{margin-right:.5rem;content:"-"}
.banner .title ul{margin:0;padding:0;text-shadow:1px 1px 2px #000;font-size:45%}
.banner .title ul li{float:left;margin-right:25px;list-style:none}
.banner .title ul li::before{margin-right:5px;content:'\f05d';font-weight:normal;font-family:FontAwesome}
/* 内容页Banner */
.view{height:200px}
.view .overlay{background-image:linear-gradient(-65deg,hsl(30deg 4% 20% / 95%) 20%,rgba(26,25,24,.8) 90%)}
.view .title{margin-top:20px}
/* Location */
.location{position:absolute;bottom:0;z-index:100;padding-top:15px;padding-bottom:15px;width:100%}
.location .fa{margin-right:5px;color:#fff}
.location a{color:#fff}
.location a:hover{color:#111}
.location a::after{margin-right:5px;margin-left:5px;content:'\f105';font-family:FontAwesome}
.location a:first-child::after{content:''}
.location a:last-child::after{display:none}
.view .location a:last-child{display:none}
.view .location a:nth-last-child(2)::after{display:none}
@media screen and (max-width:576px){
    .banner{height:170px;background-size:cover;background-attachment:local}
    .banner .title{margin-top:30px}
    .banner .title span{margin-top:-5px;margin-left:0;font-size:30%}
    .view{height:120px}
    .view .title{margin-top:15px}
    .location .fa{margin-right:2.5px}
    .location a::after{margin-right:2.5px;margin-left:2.5px}
    .banner .title ul{display:none}
}

/* 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}
}

/* 标题 */
.listpage .pagetitle{margin-bottom:25px;width:100%}
.listpage .pagetitle h3{display:inline-block;margin-bottom:0;padding:10px 25px;color:#fff;font-weight:normal;background-color: #003279;}
.listpage .pagetitle h3::after{display:none}
.listpage .pagetitle h3 span::after{margin-right:5px;margin-left:5px;color:#fff;content:"\f105";font-weight:normal;font-family:FontAwesome}
.listpage .pagetitle .line{width:100%;height:2px;background-color: #003279;}
.listpage .pagetitle h3 em{display:inline-block;margin-left:5px;width:25px;height:25px;border-radius:50%;background-color:#fff;color:#b55805;text-align:center;font-weight:600;font-style:normal;font-size:60%;line-height:25px;vertical-align:text-top}

/* 左侧分类 */
.wrapper .category{margin-bottom:15px;padding:15px;width:85%;border:1px solid rgba(0,51,122,.5);background:#fff;box-shadow:0 2px 10px rgba(128,128,128,.2)}
.wrapper .category h2{margin-bottom:0;padding:15px 15px;background:#003279;color:#fff;font-weight:600}
.wrapper .category h2 span{display:block;margin-top:.5rem;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;margin-top:5px;padding:10px 15px;border-top:0;background-color:#f1f1f1;font-weight:normal;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 a:hover{background-color:#8ec21e1a;color:#0752bd}
.wrapper .category-list .current:after{color:#0752bd}
.wrapper .category-list .bigcate{padding:15px 15px;background-color:#5f8a04;color:#fff;font-weight:600}
.wrapper .category-list .bigcate::after{color:#fff}
.wrapper .collapse:not(.show){display:block}
@media screen and (max-width:768px){
    .wrapper .collapse:not(.show){display:none}
    .wrapper .category{margin-right:0;margin-bottom:5px;margin-left:0;padding:0;width:100%;border:0}
    .wrapper .category h2{padding:10px 15px 10px;font-size:100%}
    .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{padding-bottom:1rem;color:#003279;font-weight:normal}
.about h3 p{text-align: center;}
.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 .content{line-height: 1.4;}
.Profile .picture{position:relative;padding-left:100px}
.Profile .picture .images{width:100%}
.Profile .picture img{max-width:100%;border-radius: 8px;}
@media screen and (max-width:768px){
    .Profile .picture{padding-left:15px}
    .Profile .picture .images{text-align:center}
}

/* 企业文化 */
.culture{position:relative;padding-top:50px;padding-bottom:50px;width:100%;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,.5)}
.culture .pagetitle{text-align:center}
.culture h3{position:relative;z-index:11;color:#fff}
.culture h3 span{color:#fff}
.culture h3 span::before{background-color:#fff}
.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:6px;background-color:rgba(35,35,35,.8);list-style:none;text-align:center;transition:all .3s ease 0s}
.culture ul li:hover{background-color:rgba(35,35,35,.6)}
.culture ul li span{display:block}
.culture ul li .fa{margin:1rem 0;color:#8ec31f;font-size:4rem}
.culture ul li .title{font-weight:normal}
.culture ul li .note{margin-top:.5rem;padding:0 15px;color:#fff}
.culture ul li p{text-align:center;line-height:1.4}
@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 .fa{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:#003279;cursor:pointer;transition:all .3s ease 0s}
.certificate-list .next,.certificate-list .prev{width:40px;height:40px;border-radius:2px;color:#fff;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-main{width:100%;background-color:#fff}
.contact-main h3{display:block;font-size:1.4rem}
.contact-main h3 p{text-align:center}
.contact-main-box{margin:25px 0 0;padding:50px;border:2px solid #a9c4ea;border-radius:5px;background-color:#fff;box-shadow:0 0 6px 0 rgba(31,31,31,.1);transition:all .3s ease 0s}
.contact-main-box h3{margin-bottom:30px;font-weight:normal}
.contact-main-box h3 span{margin-left:10px;color:#999;text-transform:uppercase;font-size:90%}
.contact-main-box .tel400 span{display:block}
.contact-main-box .tel400 .tel{color:#f78a28}
.contact-main-box .tel400 .time{color:#666}
.contact-main-box .wechat{border-right:1px solid #eee;border-left:1px solid #eee;text-align:center}
.contact-main-box .wechat img{padding:5px;width:150px;height:150px;border:2px solid #efebeb;border-radius:3px;background-color:#fff}
.contact-main-box .wechat span{display:block;margin-top:1rem;color:#666;font-size:85%}
.contact-main-box .guangzhou{padding-left:80px}
.contact-main-box .guangzhou p{margin-bottom:.5rem}
.contact-main-box .navigation{display:block;margin-top:1rem;border-radius:2px;background:#0752bd;color:#fff;text-align:center;padding:15px 25px;transition:all .3s ease 0s}
.contact-main-box .navigation .fa{margin-right:5px;color:#fff;transition:all .5s ease 0s}
.contact-main-box .navigation:hover{background:#003279}
@media screen and (max-width:768px){
    .contact-main-box{margin:25px 0 0;padding:25px;border:1px solid #f3d8c0}
    .contact-main-box h3{margin-bottom:15px}
    .contact-main-box .wechat{margin:15px 0;padding:15px;border-top:1px solid #eee;border-right:0 solid #eee;border-bottom:1px solid #eee;border-left:0 solid #eee;text-align:left}
    .contact-main-box .wechat span{margin-top:.5rem;}
    .contact-main-box .wechat img{width:100px;height:100px}
    .contact-main-box .guangzhou{padding-left:15px;font-size: 90%;}
}
.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 #00337a33;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}
}

/* news-list 新闻中心 **************************************************************/
/* news-list 新闻中心 **************************************************************/
/* 列表 */
.news-list{width:100%}
.news-list ul{margin:0 -15px;padding:0;list-style:none}
.news-list li{position:relative;float:left;display:flex;margin-bottom:20px;padding:0 15px}
.news-list li .list-box{position:relative;display:table-cell;padding:0 0 25px;width:100%;border-bottom:1px solid rgba(0,0,0,.1);transition:all .3s ease 0s}
.news-list li .list-box span{display:block}
.news-list .title{margin:0 0 15px;line-height:1.5}
.news-list .note{color:rgba(51,51,51,.8)}
.news-list .note p{margin-bottom:1.5rem;line-height:1.5}
.news-list .time{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 .title a{color:#0752bd}
@media screen and (max-width:576px){
    .news-list li .list-box{margin-top:15px}
}
.news-list-box{background-color: #fff;padding-top: 25px;border:1px solid rgba(0,51,122,.5);background:#fff;box-shadow:0 2px 10px rgba(128,128,128,.2)}
/* 内容 */
.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 h2{margin:25px 0 15px;padding:25px 0 15px;border-bottom:2px solid #eee;color:#003279;font-weight:normal;font-size:1.5rem}
.news-content .content h2:first-child{margin-top:0;padding-top:0}
.news-content .content h2::before{position:relative;z-index:1;display:inline-block;margin-right:10px;margin-left:5px;width:12px;height:12px;background:#003279;content:""}
.news-content .content ol,.news-content .content ul{padding:15px;padding-left:35px;border-radius:5px;background-color:#f8fbf3}
.news-content .content ol li,.news-content .content ul li{margin-bottom:0;color:#555}
.news-content .content ol li::marker,.news-content .content ul li::marker{color:#555}
.news-content .content img{max-width:100%;border:1px solid #eee}
.news-content .content p{margin-top:25px;margin-bottom:5px}
.news-content .content p:first-child{margin-top:0}

.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{margin-bottom:15px;padding:15px;border:1px solid rgba(0,51,122,.5);background:#fff;box-shadow:0 2px 10px rgba(128,128,128,.2)}
.news-content .related h2{margin-bottom:0;padding:15px 15px;background:#003279;color:#fff;font-weight:normal}
.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}


/* product 产品中心 ******************************************************************************/
/* product 产品中心 ******************************************************************************/
/* 列表 */
.product-list{width:100%}
.product-list ul{margin:0 -10px;padding:0;list-style:none}
.product-list li{position:relative;float:left;display:flex;margin-bottom:20px;padding:0 10px}
.product-list li .list-box{position:relative;display:table-cell;padding:10px 10px 25px;border:1px solid rgba(0,0,0,.1);border-radius:2px;background:#fff;transition:all .3s ease 0s}
.product-list li .list-box span{display:block}
.product-list .poto{position:relative;width:100%}
.product-list .poto img{width:100%}
.product-list .title{margin:15px 0 15px;line-height:1.3;text-align: center;}
.product-list .note{color:rgba(51,51,51,.9)}
.product-list .note p{display:-webkit-box;overflow:hidden;margin-bottom:1.5rem;height:65px;text-overflow:ellipsis;line-height:1.5;transition:all .3s ease 0s;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.product-list .time{position:absolute;bottom:10px;width:calc(100% - 20px);color:rgba(51,51,51,.4);text-align:right}
.product-list .time a{float:left;display:block;color:rgba(51,51,51,.5)}
.product-list .time a:hover{color:#333}
.product-list .list-box:hover{box-shadow:0 4px 5px 2px rgba(0,0,0,.05)}
.product-list .list-box:hover .title a{color:#0752bd}
@media screen and (max-width:576px){
    .product-list li .list-box{margin-top:15px}
}

/* 产品内容 */
.bg{background-color:#fafafa}
.product{border-radius:8px;background-color:#fff;box-shadow:0 5px 15px 0 rgb(192 92 2 / .05)}
.products_content{padding-top:25px;padding-bottom:25px}
.products_content .poto{width:100%;text-align:center}
.products_content .poto img{max-width:80%}
.products_content h1{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eee;color:#003279;font-weight:normal}
.products_content .note{margin-bottom:1rem}
.products_content .range{margin-bottom:1.5rem}
.products_content .range span{display:block}
.products_content .range .title{color:#003279}
.products_content .data{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee}
.products_content .data span{display:block;color:#999}
/* 正式内容 */
.item_content{margin-top:2rem}
.item_content h2{margin:25px 0 15px;padding:25px 0 15px;border-bottom:2px solid #eee;color:#003279;font-weight:normal;font-size:1.5rem}
.item_content h2:first-child{margin-top:0;padding-top:0}
.item_content h2::before{position:relative;z-index:1;display:inline-block;margin-right:10px;margin-left:5px;width:12px;height:12px;background:#003279;content:""}
.item_content ol,.item_content ul{padding:15px;padding-left:35px;border-radius:5px;background-color:#f8fbf3}
.item_content ol li,.item_content ul li{margin-bottom:0;color:#555}
.item_content ol li::marker,.item_content ul li::marker{color:#555}
.item_content img{max-width:100%;border:1px solid #eee}
.item_content p{margin-top:25px;margin-bottom:5px}
.item_content p:first-child{margin-top:0}
@media screen and (max-width:768px){
    .item_content ol,.item_content ul{padding-left:30px}
}

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