@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;width:100%;height:400px;background-position:center top;background-repeat:no-repeat}
.banner .title{position:absolute;top:50%;left:50%;z-index:99;color:#fff;text-align:center;font-weight:700;font-size:2.5rem;line-height:3rem;transform:translate(-50%,-50%)}
.banner .title p{display:block;margin:0;text-transform:uppercase;font-size:1.2rem}
@media screen and (max-width:1280px){
	.banner{height:450px;background-size:auto 100%}
}
@media screen and (max-width:1024px){
	.banner{height:400px}
}
@media screen and (max-width:960px){
	.banner{height:350px}
}
@media screen and (max-width:576px){
	.banner{height:200px}
    .banner .title{font-size:1.2rem;line-height:1.8rem}
    .banner .title p{font-size:.8rem}
}

/*location*/
.location{background:#eee;color:rgba(51,51,51,.8);font-size:.85rem;line-height:50px}
.location .fa{margin:0 10px}
.location .fa:first-child{margin:0 10px 0 0}
@media screen and (max-width:768px){.location{font-size:.75rem;line-height:20px;padding:10px 15px}.location .fa{margin:0 5px}.location .fa:first-child{margin:0 5px 0 0}}

/*pages*/
.pages{margin:50px 0 0;width:100%;text-align:center}
.pages a{display:inline-block;margin:0 2px;padding:8px 15px;border:1px solid #ccc;border-radius:2px;background:#fff;color:#333;font-weight:700;font-size:.9rem}
.pages a{float:none}
.pages .current,.pages a:hover{border:1px solid #0086c9;background:#0086c9;color:#fff}

/*next_prev*/
.next_prev{margin-bottom:10px;padding:10px 15px;border-radius:3px;background-color:rgba(51,51,51,.05);font-size:.9rem}
.next_prev .fa{margin-right:.5rem;color:rgba(128,128,128,.8);font-size:.75rem}

/*wrapper*/
.wrapper{padding-top:80px;padding-bottom:80px}
.wrapper .left{padding-right:50px}
.wrapper .catelist{padding:0 15px;height:auto;border:1px solid rgba(0,134,201,.5);border-radius:3px;background:#fff;box-shadow:0 2px 10px rgba(128,128,128,.2);position: relative;}
.wrapper .catelist .subtitle{margin-top:15px;margin-bottom:15px;padding:15px;border-radius:3px;background-color:#0086c9;color:#fff;font-weight:700;font-size:1.1rem}
.wrapper .catelist .subtitle .fa{margin-right:.5rem}
.wrapper .catelist ul{margin-bottom:15px;padding:0;list-style:none;transition:all .5s ease 0s}
.wrapper .catelist ul li a{display:block;margin-bottom:5px;padding:10px 15px;border-radius:3px;background-color:rgba(51,51,51,.05);font-weight:700;font-size:.95rem}
.wrapper .catelist ul li .fa{margin-right:.5rem;color:rgba(128,128,128,.8);font-size:.75rem}
.wrapper .catelist ul .current,.wrapper .catelist ul a:hover{background-color:rgba(0,134,201,.3)}
/*汉堡展开效果*/
.wrapper .nav__trigger__pro{display:none}
.wrapper .nav__trigger__pro span::after{content:"点击展开分类 +"}
.wrapper .nav--active--pro .nav__trigger__pro span::after{content:"点击收起分类 -"}
@media screen and (max-width:1280px){
    .wrapper .left{padding-right:15px}
    .wrapper .catelist{margin: 0;}
}
@media screen and (max-width:1024px){
    .wrapper{padding-top:50px;padding-bottom:50px}
    .wrapper .left{margin-bottom:25px}
}
@media screen and (max-width:768px){
    .wrapper .nav__trigger__pro{position:absolute;top:32px;right:20px;z-index:9998;display:block;color:#fff;font-size: .9rem;font-weight: 700;}
    .wrapper .catelist ul{overflow:hidden;height:0}
    .wrapper .nav--active--pro ul{height:auto}
}
@media screen and (max-width:576px){
    .wrapper{padding-top:25px}
    .wrapper .catelist .subtitle{font-size:.95rem;padding:10px 15px;}
    .wrapper .nav__trigger__pro{top:25px}
    .wrapper .catelist ul li a{padding:8px 15px;font-size:.85rem}
}

/*products_list*/
.products_list{width:100%}
.products_list ul{padding:0}
.products_list li{margin-bottom:30px;list-style:none}
.products_list li img{width:100%;border-radius:6px 6px 0 0}
.products_list li .title{display:block;padding:1rem;border-radius:0 0 6px 6px;background:#0086c9;color:#fff;text-align:center;font-size:.95rem;line-height:1rem;transition:all .3s ease 0s}
.products_list li:hover .title{background:#006699}
@media screen and (max-width:576px){
    .products_list ul{margin-right:-5px;margin-left:-5px}
    .products_list li{padding-right:5px;padding-left:5px}
    .products_list li .title{padding:.5rem;font-size:.85rem}
}

/*products_content*/
.products_content .propoto img{width:100%}
.products_content h1{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #ddd;font-size:1.5rem}
.products_content .note{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #ddd;color:#555;font-size:.95rem;line-height:1.5rem}
.products_content .note span{display:block;margin-bottom:1rem;font-weight:700}
.products_content .data{color:#999}
.products_content .data span{display:inline-block;margin-right:20px;font-size:13px}
.products_content .online_service{margin-top:2rem}
.products_content .online_service a{display:inline-block;padding:0 50px;height:50px;background:#0086c9;color:#fff;font-size:1rem;line-height:50px;transition:all .5s ease 0s}
.products_content .online_service .fa{margin-left:1rem;padding-left:1rem;border-left:1px solid #fff}
.products_content .online_service a:hover{background:#0086c9;color:#fff}
.products_content .content{margin-top:50px}
.products_content .content .item-title{margin-bottom:2rem;padding:10px 15px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:#eee;font-weight:700;font-size:1.2rem}
.products_content .content .item-title .fa{color:rgba(51,51,51,.8)}
.products_content .content .item-title span{float:right;display:block;line-height:30px}
.products_content .content .item-content{width:100%}
.products_content .content .item-content p{margin-top:25px;margin-bottom:25px}
.products_content .content .item-content img{max-width:100%;width:750px}

@media screen and (max-width:768px){
    .products_content h1{margin-top:2rem}
}
@media screen and (max-width:576px){
    .products_content .data,.products_content .online_service,.products_content h1{text-align:center}
}

/*case_content*/
.case_content h1{padding-bottom:25px;text-align:center;font-size:1.5rem}
.case_content .data{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #ddd;color:#999;text-align:center}
.case_content .data span{display:inline-block;margin-right:20px;font-size:13px}
.case_content .item-content{margin:0 auto 25px;padding-bottom:25px;width:96%;border-bottom:1px solid #ddd}
@media screen and (max-width:576px){
    .case_content h1{font-size:1.1rem}
    .case_content .item-content{font-size:.85rem}
}

/*news_list*/
.news_list ul{margin:0 auto;padding:0;list-style-type:none}
.news_list ul li{margin-bottom:25px;padding:0 0 25px 0;width:100%;border-bottom:1px solid #ddd;transition:all .5s ease 0s}
.news_list ul li span{display:block}
.news_list ul li .title{margin-bottom:1.5rem;font-weight:700;font-size:1.2rem}
.news_list ul li .title a{color:#333}
.news_list ul li .title a:hover{color:#0086c9}
.news_list ul li img{float:left;margin-right:2%;width:20%;height:auto}
.news_list ul li .note{margin-bottom:10px;color:#666;font-size:.95rem}
.news_list ul li .time{margin-bottom:10px;color:#888;font-size:.85rem}
.news_list .more{float:right;display:block;width:120px;height:40px;border-radius:2px;background:#0086c9;color:#fff;text-align:center;font-size:.85rem;line-height:40px;transition:all .5s ease 0s;padding:0 15px}
.news_list .more .fa{margin-left:5px}
.news_list .more:hover{background:#006699}
@media screen and (max-width:576px){
    .news_list ul li .title{margin-bottom:1rem;font-weight:700;font-size:.95rem}
    .news_list ul li img{margin-right:5%;width:35%}
    .news_list ul li .note{font-size:.85rem}
    .news_list .more{width:100px;height:30px;font-size:.75rem;line-height:30px}
}

/*news_content*/
.news_content h1{padding-bottom:25px;text-align:center;font-size:1.8rem}
.news_content .data{margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #ddd;color:#999;text-align:center}
.news_content .data span{display:inline-block;margin-right:20px;font-size:13px}
.news_content .item-content{margin:0 auto 25px;padding-bottom:25px;border-bottom:1px solid #ddd}
.news_content .item-content img{max-width:100%}
@media screen and (max-width:576px){
    .news_content h1{font-size:1.1rem}
    .news_content .item-content{font-size:.85rem}
}

/*about_us*/
.about_us h1{margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid #eee;font-size:1.2rem;}
@media screen and (max-width:576px){
    .about_us h1{text-align: center;font-size:1rem;}
    .about_us p{font-size:.85rem}
}

/*honors_list*/
.honors_list{margin-top:25px;text-align: center;}
.honors_list img{width: 100%;border:5px solid rgba(0,134,201,.3);box-shadow: 0 2px 10px rgba(128,128,128,.2);}
.honors_list .title{font-size: .9rem;margin-top: .5rem;display: block;}

/*book*/
.book_cate{padding-top:4rem;padding-bottom:3rem;text-align:center;font-size:1.5rem}
@media screen and (max-width:576px){
    .book_cate{padding-top:2rem;padding-bottom:2rem;font-size:1rem}
}
.book{padding-bottom:5rem}
.book .input1,.book .input2,.book .submit{display:block;box-sizing:border-box;margin-bottom:15px;padding:.8rem;width:100%;outline:0;border:2px solid #ccc;background:rgba(255,255,255,.95);color:#333;font-size:.9rem;line-height:1em}
.book .input1{float:left;margin-right:1%;margin-left:1%;width:31.333333333333333%}
.book .input2{margin-right:1%;margin-left:1%;width:98%;height:80px;resize:none}
.book .code{width:30%}
.book .submit{float:right;width:30%;border:0;background:#0086c9;color:#fff;text-align:center;font-size:1.2rem;line-height:1.5rem;cursor:pointer;transition:all .3s ease-in-out}
.book .submit:hover{background:#fe0000;color:#fff}
.book img{margin-top:15px}
@media screen and (max-width:576px){
    .book .input1{width:48%}
    .book .submit{width:98%}
}