.waylink{background:#ffffff;padding:7px 0}
.waylink ol{text-align:right}
.waylink li{display:inline-block;vertical-align:top;position:relative;padding-left:20px;font-size:12pt;color:#000;font-weight:500}
li{}
.waylink li a{display:block;font-size:12pt;color:#000;font-weight:500}
.waylink li:after{content:'>';position:absolute;left:4px;top:0px;font-size:9pt;color:#bfbfbf}
.waylink li:first-child:after{display:none}
#content{padding:40px 0}
.inside{}
.inside .main-article{}
.inside #side-nav{}
.pagetitle{line-height:120%;padding:5px 0;font-size:20pt;margin-bottom:40px;text-align:center;position:relative;color: #3f3f3f;}
.pagetitle:after{content:'';width:40px;height:2px;background: #d7d7d7;display: block;margin: 30px auto 0;}
.main-article #describe{}
#side-nav{width:100%;margin:30px 0}
#side-nav .side-title{margin-bottom:20px}
#side-nav .side-title h2{font-size:18pt;line-height:110%;margin:0;padding:0;color:#484848}
#side-nav .side-title h2 b{font-weight:400;margin-right:10px;display:inline-block;background:#ffdf57;width:45px;height:42px;text-align:center;line-height:37px;vertical-align:super}
#side-nav .Cate >li h3,#side-nav .Cate >li .subUL li .subULHead{overflow:hidden;position:relative}
#side-nav .Cate >li h3,#side-nav .Cate >li .subUL li .subULHead p{}
#side-nav .Cate{display:flex;flex-wrap:wrap;}
#product-nav >li{width: calc((100%/7) - 25px);border: 2px solid #f1f1f1;line-height:220%;transition:all linear .2s;cursor:pointer;color:#666;text-align:center;letter-spacing:3px;font-size:18px;margin: 10px;position:relative;border-radius: 50px;overflow: hidden;}
.Cate >li{width: calc((100%/5) - 25px);line-height:220%;transition:all linear .2s;cursor:pointer;color:#666;text-align:center;letter-spacing:3px;font-size:18px;margin: 10px;position:relative;border-radius: 50px;border: 2px solid #f1f1f1;overflow: hidden;}
.Cate >li:hover{border: 2px solid #ecbf85;}
#side-nav .Cate >li >h3 a{font-size: 16px;text-align:center;letter-spacing:1.5px}
#side-nav .Cate >li:hover a, #side-nav .Cate li.action a{background-color: #ecbf85;}
#product-nav >li:hover, #product-nav >li.action{border: 2px solid #ecbf85;}
#side-nav .Cate >li >h3 .CityIcon{display:none;}
#side-nav .Cate >li h3 span{color:#d3d3d3;margin-right:14px;vertical-align:bottom;font-weight:700;font-size:15px;display: none;}
#side-nav .Cate >li:hover h3 span{color:#232323}
#side-nav .Cate >li h3 a:hover span{margin-right:10px}
#side-nav .Cate >li h3 b,#side-nav .Cate >li .subUL li .subULHead b{color:#f4c921;font-weight:700;font-size:20px;position:absolute;right:5px;top:calc(50% - 13px);cursor:pointer}
#side-nav .Cate >li h3 a,#side-nav .Cate >li .subUL li .subULHead p a,#side-nav .Cate >li .subUL li .sub2UL li .sub2ULHead p a,#contact-nav ul li a{padding:5px 5px;}
#side-nav .Cate li a,#contact-nav ul li a{font-size:13px;font-weight:bolder;display:block;color:#232323;transition:all linear .2s}
#side-nav .Cate li a:hover,#side-nav .Cate li.action a,#contact-nav ul li a:hover{}
#side-nav .Cate li ul{overflow:hidden;display:none}
#side-nav .Cate li.action >ul{display:block}
#side-nav .Cate >li .subUL li .subULHead p a{padding-left:20px;color:#6e6e6e}
#side-nav .Cate >li .subUL li.action .subULHead p a{color:#c7b51d}
#side-nav .Cate >li .subUL li .subULHead b{color:#d3d3d3}
#side-nav .Cate >li .subUL li .sub2UL li .sub2ULHead p a{padding-left:35px;border-bottom:1px solid #efefef;color:#6e6e6e}
#side-nav .Cate >li .subUL li .sub2UL li.action .sub2ULHead p a{background:#ededed}
#ssbanner-list .bxslider div{margin-bottom:10px}
#ssbanner-list .bxslider div a{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;background-color:#f8f8f8;display:block;transition:all ease-in-out .3s;width:100%;height:100%}
#ssbanner-list .bxslider div a img{width:100%}
#ssbanner-list,#side-nav #fb-wrap,#side-nav #g-map,#side-nav #youtube,#side-nav #contact-nav{margin-top:20px;text-align:center}
#side-nav #contact-nav{display:none}
#side-nav #contact-nav ul li a{text-align:left}
#side-nav #contact-nav ul li a img{margin-right:6px}
#community{margin:50px 0}
#community li{float:left;margin:0 5px 5px 0;line-height:0}
#sub-banner{position:relative}
#sub-banner a{display:block;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;padding:130px}
#sub-banner .info{margin:0 auto}
#sub-banner .info h4{overflow:hidden;position:relative;margin:auto;padding:15px 25px;background:rgb(233 194 127);width:35%}
#sub-banner .info h4,#sub-banner .info p{text-align:center;color:#fff;font-size:20px;line-height:140%;letter-spacing:1.5px;border-radius:50px}
#sub-banner .info p{font-size: 20pt;text-shadow:0 0 5px rgba(0,0,0,0.71);margin-bottom:10px}
#messageList-reply{margin-top:40px}
#messageList-reply >h3{border-bottom:2px solid #979797;padding:10px}
#messageList-reply p{padding: 10px;}
#messageList-reply .reply-content{margin-top:20px}
#messageList-reply .reply-content p{}
#messageList-reply .reply-content textarea{font-size:12pt;border:2px solid #dcdcdc;width:calc(100% - 24px);border-radius:10px;padding:10px;height:64px}
#messageList-reply .reply-content .btn{text-align:right;margin-top:20px}
#messageList-reply .reply-content .btn .r-btn{display:inline-block;border: 2px solid #6f5091;background: #6f5091;color:#fff;font-size:12pt;padding: 9px 50px;border-radius: 50px;}
#undergroundBanks-mobile{display:none}

@media screen and (max-width:1024px){
	#sub-banner .info h4{width:50%;}
	.inside .main-article{width:100%;margin:0 0 50px}
	#side-nav #product-nav{width:100%;display:none}
	.pagetitle{margin-top:25px}
	#sub-banner{margin-top: 60px;}
	#undergroundBanks-mobile{display:block;margin:40px 0 20px 0}
	#undergroundBanks-mobile .slider-nav .list b{display:block;font-size:16px;line-height:150%;padding: 15px;background:#f3f3f3;text-align:center}
	#undergroundBanks-mobile .slider-nav .slick-current .list b,#undergroundBanks-mobile .slider-nav .list a.action b{background: #6f5091;color:#fff}
	.Cate >li{width: calc((100%/3) - 25px);}
}
@media screen and (max-width:768px){
	#sub-banner .info h4{font-size:15pt;width:70%}
	#sub-banner a{padding:80px 50px}
	.waylink li a,.waylink li:after,.waylink li{font-size:8pt}
	.waylink li:after{top:0px}
	.pagetitle{margin:15px 0 25px 0;padding:2px 0 12px 0px;font-size:18pt}
}
@media screen and (max-width:480px){
	#sub-banner .info h4{font-size: 10pt;text-shadow:0 0 4px rgba(0,0,0,0.71);width:80%;padding:10px 15px}
	#sub-banner .info p{font-size: 14pt;}
	#sub-banner a{padding: 70px 25px;}
	.Cate >li{width:calc((100%/1) - 0px)}
}