@charset "utf-8";
/* pages */
.page_banner{background: #FFF url(../images/banner_bg.jpg) no-repeat center 0; background-size: cover; height: 350px; text-align: center; color: #FFF; display: flex; align-items:center;}
.page_banner .container{padding-top:80px;}
.page_banner .banner_title{font-size: var(--f28); line-height: var(--f32); text-shadow: 1px 2px 2px var(--bgblack-4);}
.page_banner .banner_path{padding-top: 30px; line-height: var(--f18); font-size: var(--f16); text-shadow: 1px 2px 2px var(--bgblack-4);}
.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;}
.page_banner .banner_search{padding: 15px 0 0 0;}

.pages{padding:45px 0 35px 0; box-sizing: border-box;}
.pages_box{padding: 25px 50px 45px 50px; box-sizing: border-box;}
.pages_box_bd{}
.pages_box_bg{padding:45px 0; box-sizing: border-box; box-sizing: border-box; border-top: 1px solid var(--bgcolor-b1); background: var(--bgwhite-10); box-shadow: 1px 2px 5px var(--bgblack-2); padding: 5px 35px;}
.pages_box_bg img{max-width: 100%; height: auto;}
.pages_bd_content{line-height: 1.65; padding: 20px 0 15px 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; color: #0078D4;}
.pages_bd_content p strong{border-bottom:1px solid var(--bgcolor-b1); padding: 3px 2px;}
.pages_bd_content table tr td{padding:5px 10px; box-sizing: border-box; word-break: break-all;}
.pages_bd_desc{background:#efefef; padding:19px 25px; text-align: left; line-height: 1.65; margin-top:15px; border-radius: 5px; text-indent: 2em; box-sizing: border-box;}
.pages_bd_content > h4{display:block; width:100%; height:87px; text-align:left; text-indent:3.1em; overflow: hidden; line-height: 70px; font-weight: bold; color: #0078D4; font-size: var(--f28); background: url(../images/content_hd_bg0.png) no-repeat 0 0; margin-top:6px;}

/*news*/
.news_category{display: block;}
.news_category_ul{display: flex; flex-wrap: wrap; align-items: center; padding:5px 25%;}
.news_category_ul li{width: 23%; text-align: center; font-size: var(--f20); margin-right: 2.666%; padding: 5px 0;}
.news_category_ul li:last-child{margin: 0 0 0 auto;}
.news_category_ul li a{background: var(--bgwhite-10); display: block; padding: 10px 0; text-decoration: none;}
.news_category_ul li a:hover,.news_category_ul li.nactive a{background:var(--fcolor-a2); color: var(--bgwhite-10);}

.news_list{padding:20px 0;}
.news_list_ul{display: block;}
.news_list_ul li{width: 100%; box-sizing: border-box; padding: 10px 0;}
.news_list_ul li a{display: block; background: #FFF; padding: 15px 50px; box-sizing:border-box; border-bottom: 1px solid #e0ded8; text-decoration: none;box-shadow: 0 0 20px rgba(0,0,0,0.05);}
.news_list_ul li a:hover{ border-bottom: 1px solid var(--bgcolor-b1); box-shadow: 0 0 25px rgba(0,0,0,0.125);}
.news_list_ul li dl{display: block;}
.news_list_ul li dl dt h6{padding: 10px 0; line-height: calc(var(--f16) + 6px); font-size:var(--f16); color: #afaeab;}
.news_list_ul li dl dd{padding:5px 0 10px 0;}
.news_list_ul li dl dd h3{font-weight: 500; font-size: var(--f20); overflow-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.news_list_ul li dl dd p{color: rgba(0,0,0,0.6); padding-top:15px;overflow-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}


/*products*/
.pages_products_bd{display: flex; flex-wrap: wrap; padding:0 0 25px 0; box-sizing: border-box;}
.pages_products_bd .p_l{width:260px; margin: 0;}
.pages_products_bd .p_r{width: calc(100% - 300px); margin: 0 0 0 auto;}
.products_side .phd{background:var(--fcolor-a2); padding:10px 15px; color: var(--bgwhite-10);}
.products_side_ul{display: block; width:100%;}
.products_side_ul li{border-bottom: 1px solid #CCC; background:url('../images/slide_icon_next1.png') no-repeat right center;}
.products_side_ul li:hover,.products_side_ul li.pactive{background:url('../images/slide_icon_next2.png') no-repeat right center;}
.products_side_ul li a{display:block; padding:15px 0; text-decoration:none; text-indent:15px;}
.products_side_ul li.pactive a{color: var(--fcolor-a2);}

.products_list_ul_diy{display: flex; flex-wrap:wrap;}
.products_list_ul_diy li{width: 100%; box-sizing: border-box; margin:0 0 35px 0;}
.products_list_ul_diy li a{text-decoration: none;display: block; background: #F3F3F3;box-shadow: 2px 2px 5px var(--bgblack-1); border-radius: 2px;}
.products_list_ul_diy li a:hover{background: var(--fcolor-a2); color: #FFF;}
.products_list_ul_diy li a dl{padding:20px; display: flex; flex-wrap: wrap;}
.products_list_ul_diy li a dl dt{width:280px;}
.products_list_ul_diy li a dl dt img{display: block; width:100%; transition: all 0.6s; margin:0 auto; background: #FFF; border-radius: 2px; border:5px solid var(--bgwhite-5); box-sizing: border-box;}
.products_list_ul_diy li a:hover dl dt img:hover{transform: scale(1.05);}
.products_list_ul_diy li a dl dd{width:calc(100% - 320px); text-align: left; padding: 5px 0; margin: 0 0 0 auto;}
.products_list_ul_diy li a dl dd > h3{font-size:var(--f20); overflow-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; margin:10px 0 5px 0;}
.products_list_ul_diy li a dl dd > p{font-size: var(--f16); padding: 15px 0; line-height: 1.567;}
.products_list_ul_diy li a dl dd > div{text-align: right; padding-top: 20px;}
.products_list_ul_diy li a dl dd > div span{border:1px solid var(--fcolor-a2); color: var(--fcolor-a2); font-size:var(--f14); padding: 6px 26px;}
.products_list_ul_diy li a:hover dl dd > div span{border:1px solid var(--bgwhite-9); color: var(--bgwhite-9);}

.pd_box_hd{padding:0 20px; text-align: left;}
.pd_box_hd h3{font-weight: normal; font-size: var(--f24); line-height:calc(var(--f24) + 4px); color:var(--fcolor-b2); font-family: IBMPlexSans-Bold; padding: 15px 0; display: flex; align-items: center;}
.pd_box_hd h3 img{margin-left:15px; vertical-align: middle;}
.pd_box_hd p{font-size: var(--f16); line-height:calc(var(--f16) + 4px); color:var(--fcolor-b3);padding: 9px 0;}
.pd_box_bd{padding:35px 20px 0 20px;}
.ctext_title{display: block; width:100%;text-align: center; color: var(--fcolor-a2); border-bottom: 1px solid var(--bgblack-1); margin-bottom: 15px; padding: 0 0 5px 0;}

.downloads_list_ul{display: flex; flex-wrap:wrap;}
.downloads_list_ul li{width: 100%; box-sizing: border-box; margin:0 0 8px 0;}
.downloads_list_ul li a{text-decoration: none;display: block; background: #F3F3F3;box-shadow: 2px 2px 5px var(--bgblack-1); border-radius: 2px; display:flex; flex-wrap: wrap; align-items:center; padding:25px 30px;}
.downloads_list_ul li a:hover{background: var(--fcolor-a2); color: #FFF;}
.downloads_list_ul li a h3{font-size:var(--f16); overflow-wrap: break-word;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden; margin:0;}
.downloads_list_ul li a div{text-align: right; margin:0 0 0 auto;}
.downloads_list_ul li a div span{border:1px solid var(--fcolor-a2); color: var(--fcolor-a2); font-size:var(--f14); padding: 6px 26px;}
.downloads_list_ul li a:hover div span{border:1px solid var(--bgwhite-9); color: var(--bgwhite-9);}

#solution_nav{display: none;}

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

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

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

}
@media only screen and (max-width: 1024px) {
    .page_banner{background-size: auto 100%; height: 240px;}
    .page_banner .container{padding-top:60px;}

    .pages{padding:20px 10px;}

    .pages_products_bd{padding:0 0 25px 0;}
    .pages_products_bd .p_l,.pages_products_bd .p_r{width:100%; margin: 0 auto;}

    .products_list_ul_diy{display: flex; flex-wrap:wrap;}
    .products_list_ul_diy li{margin:10px 0;}
    .products_list_ul_diy li a dl{padding:25px; display: flex; flex-wrap: wrap;}
    .products_list_ul_diy li a dl dt{width:100%;}
    .products_list_ul_diy li a dl dd{width:100%; margin: 0 auto;}

	.pages_box {padding: 10px 15px;}
	
	.news_category_ul{padding:5px 0;}
	.news_category_ul li{width: 48%; font-size: var(--f18);}
	.news_category_ul li:nth-child(2n){margin: 0 0 0 auto;}
	.news_category_ul li a{background: var(--bgwhite-10); display: block; padding: 10px 0; text-decoration: none;}
	.news_category_ul li a:hover,.news_category_ul li.nactive a{background:var(--fcolor-a2); color: var(--bgwhite-10);}
	
	.news_list{padding:10px 0 20px 0;}
	.news_list_ul li{padding: 5px 0;}
	.news_list_ul li a{padding: 10px 20px;}
	.news_list_ul li dl dt h6{padding: 5px 0; line-height: calc(var(--f14) + 6px); font-size:var(--f14);}
	.news_list_ul li dl dd h3{font-size: var(--f18); line-height: 1.345;}
	.news_list_ul li dl dd p{padding-top:10px;}


	.downloads_list_ul{padding-top: 15px;}
	.downloads_list_ul li{width: 100%; box-sizing: border-box; margin:0 0 8px 0;}
	.downloads_list_ul li a{padding:20px 15px 15px 15px;}
	.downloads_list_ul li a h3{width:100%;}
	.downloads_list_ul li a div{width:100%; text-align: right; margin:0; padding: 20px 0 10px 0;}
	.downloads_list_ul li a div span{font-size:var(--f12); padding: 6px 26px;}

	.pages_box_bg{padding:5px 15px;

}