@charset "utf-8";
/* pages */
.page_banner{background: url(../images/banner.jpg) no-repeat center 0; background-size: cover; height: 260px; text-align: center; color: #FFF; display: flex; align-items:center;}
.page_banner .container{background: url(../images/banner_bg.png) repeat; padding: 25px 0;}
.page_banner .banner_title{font-size: var(--f30); line-height: var(--f32);}
.page_banner .banner_path{padding-top: 30px; line-height: var(--f18); font-size: var(--f16);}
.page_banner .banner_path span{padding: 0 5px;}
.page_banner .banner_path img{vertical-align: text-bottom; margin:1px 5px 3px 0;}
.page_banner .banner_path a{color: var(--fcolor-a0); text-decoration: none;}

.pages{padding:45px 0 15px 0;}
.pages_box_hd{ background: url(../images/line_full.png) no-repeat center bottom; background-size:100% 2px; padding: 10px 15px; line-height: 1.567;}
.pages_box_hd .p3{line-height: 2.345; color: var(--bgwhite-5);}
.pages_box_bd{padding:45px 0;}
.pages_box_bd img{max-width: 100%; height: auto;}
.pages_bd_content{line-height: 1.678; padding: 25px 0 45px 0}
.pages_bd_content p{padding: 2px 0 8px 0;}
.pages_bd_content img{max-width: 100%; height:auto;}
.pages_bd_content p a{text-decoration: underline;}
.pages_bd_content table tr td{padding:5px 10px;}

.blog_list{padding:5px 0 55px 0;}
.blog_list_ul{display: flex; flex-wrap: wrap;}
.blog_list_ul li{width: 48%; box-sizing: border-box; padding: 20px 22px;}
.blog_list_ul li:nth-child(2n){margin:0 0 0 auto;}
.blog_list_ul li a{display: block; border-radius: 10px 10px 0 0; text-decoration: none;box-shadow: 0 0 20px rgba(0,0,0,0.02);}
.blog_list_ul li a:hover{ border-bottom: 5px solid var(--bgcolor-b1); box-shadow: 0 0 25px rgba(0,0,0,0.2);}
.blog_list_ul li a:hover dl dd h3{text-decoration: underline;}
.blog_list_ul li dl{display: block; padding:0 0 30px 0; background: url(../images/line_full.png) no-repeat center 0; background-size:100% 2px;}
.blog_list_ul li dl dt h3{padding: 10px 5px; line-height: calc(var(--f14) + 6px); font-size:var(--f14); color: var(--bgwhite-3); font-weight: normal;}
.blog_list_ul li dl dd{padding:10px 5px 15px 5px;}
.blog_list_ul li dl dd h3{font-weight: normal; font-family: Ubuntu-Bold;overflow-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.blog_list_ul li dl dd p{line-height:1.456; color: var(--bgwhite-5); padding-top:15px;overflow-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden; text-indent: 2em;}

.pagination{display: block; width: 100%; padding:25px 5px 0 5px; text-align: center;}
.pagination li{display: inline-block; text-align: center; font-size: var(--f18); padding: 0 10px;}
.pagination li a{display: block; padding: 5px 9px; border: 1px solid var(--fcolor-a1);}
.pagination li.active a{background: var(--bgwhite-2);}

.content_prev_next{display: flex; flex-wrap: wrap; width:100%; padding: 0 0 10px 0;}
.content_prev_next > div{width:49%; margin:1px 0; padding: 13px 10px 10px 10px; box-sizing: border-box; background: var(--bgwhite-1); font-size: var(--f14);}
.content_prev_next > div:first-child{text-align: left;}
.content_prev_next > div:last-child{text-align: right; margin:1px 0 1px auto;}

@media only screen and (max-width: 1600px) {

}
@media only screen and (max-width: 1440px) {
	.products_bg1 .container .a_l{width:82%;}
	.service_list ul li .a_img_box{height:394px;}
}
@media only screen and (max-width: 1280px) {
	.products_bg1 .container .a_l{width:80%;}
	.service_list ul li .a_img_box{height:332px;}
	.contact_map .a_r{padding:10% 50px 0 50px;}

	.contact_a_ul li::before{width:32px; height:32px; top:19px; right:13px; background-size: 100% 100%;}
}
@media only screen and (max-width: 1024px) {
	.page_banner{height: 200px; overflow: hidden;}
	.page_banner .banner_title{font-size: var(--f24); line-height: var(--f28); padding: 0 20px;}
	.page_banner .banner_path{padding-top: 25px; line-height: 2rem; font-size: 1.4rem;}
	.page_banner .banner_path span{padding: 0 5px;}
	.page_banner .banner_path img{vertical-align: text-bottom; margin:1px 5px 2px 0; height:16px;}
	.page_banner .banner_path a{color: var(--fcolor-a0); text-decoration: none;}

	.blog_list{padding: 5px 0;}
	.blog_list_ul li{width: 100%; float: none; box-sizing: border-box; padding: 15px 2.5%;}
	.blog_list_ul li dl dd{}
	.pages_box_bd{padding:30px 20px; box-sizing:border-box;}
	.pages{padding: 35px 0 20px 0;}

	.content_prev_next > div{width:100%;}
	.content_prev_next > div:first-child,.content_prev_next > div:last-child{text-align: left;}
}