@import url('/css/community.css');

#content { position: relative; background: #1e1e1e; padding-bottom: 80px; }

#sub-banner img { width: 100%; }

.inside { width: 90%; overflow: hidden; margin: 100px auto; }

.main-article { float: left; width: calc(100% - 370px); }

#side-nav { float: right; width: 290px; }

.waylink ol { margin: 0 auto; padding: 30px 0; width: 90%; text-align: right; border-bottom: 1px solid #363636; }
.waylink ol li { display: inline-block; color: #a5a5a5; vertical-align: top; font-size: 12px; position: relative; padding-left: 13px; }
.waylink ol li:after { content: '>'; position: absolute; color: #d3d3d3; top: 0; left: 0; }
.waylink ol li:first-child { padding-left: 0; }
.waylink ol li:first-child:after { display: none; }
.waylink ol li a { color: #a3a3a3; font-weight: 400; font-size: 12px; }
.waylink ol li:last-child a { color: #989898; }

.main-article .pagetitle { line-height: 100%; color: #4f4f4f; margin-bottom: 50px; font-weight: 400; }
.main-article #describe { color: #d3d3d3; font-size: 15px; }

#ssbanner-list .bxslider { overflow: hidden; }

#side-nav .side-title h2, #contact-nav>h3, #ssbanner-list>h3, #category-nav>h3, #contact-extra>h3 { font-size: 16px; line-height: 110%; color: #605e5e; margin-bottom: 20px; }
#side-nav .side-title h2 b, #contact-nav h3 strong, #ssbanner-list h3 strong, #category-nav h3 strong, #contact-extra h3 strong { color: #959595; }
#side-nav .side-title h2 b { margin-left: 10px; }
#side-nav .Cate>li h3, #side-nav .Cate>li .subUL li .subULHead, #contact-nav ul li, #contact-extra ul li { overflow: hidden; position: relative; border-bottom: 1px solid #353535; }
#contact-extra ul li { padding: 15px 0; color: #6e6e6e; text-align: left; }
#side-nav .Cate>li h3, #side-nav .Cate>li .subUL li .subULHead p { width: calc(100% - 25px); }
#side-nav .Cate>li>h3 { width: 100%; }
#side-nav .Cate>li h3 span { color: #727272; margin-right: 8px; vertical-align: bottom; font-weight: 700; font-size: 20px; }
#side-nav .Cate>li h3 b, #side-nav .Cate>li .subUL li .subULHead b { color: #6e6e6e; font-weight: 700; font-size: 20px; position: absolute; right: 0; top: 0; cursor: pointer; display: block; width: 50px; height: 53px; text-align: center; line-height: 53px; }
#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: 15px 0; }
#side-nav .Cate li a, #contact-nav ul li a, #contact-extra ul li a { font-size: 15px; display: block; color: #6e6e6e; transition: all linear .2s; }
#contact-extra ul li a { display: inline-block; }
#side-nav .Cate li a:hover, #side-nav .Cate li.action a, #contact-nav ul li a:hover, #contact-extra ul li a:hover { color: #ffffff; }
#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: #c5c5c5; }
#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 #353535; color: #6e6e6e; }
#side-nav .Cate>li .subUL li .sub2UL li.action .sub2ULHead p a { background: #ededed; }

#ssbanner .bxslider div { position: relative; overflow: hidden; }
#ssbanner .bxslider a { height: 100%; display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: 2; }
#ssbanner .bxslider img { width: 100%; }
#ssbanner .bxslider .infot { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; overflow: hidden; }
#ssbanner .bxslider .infot h4 { position: absolute; color: #fff; font-size: 20px; line-height: 110%; bottom: 20px; left: 20px; width: calc(100% - 40px); z-index: 5; }
#ssbanner, #side-nav #contact-nav, #category-nav, #contact-extra { margin-top: 50px; text-align: center; }

#side-nav #fb-wrap, #side-nav #g-map, #side-nav #youtube { margin-top: 10px; text-align: center; }
#side-nav #contact-nav ul li a { text-align: left; }
#side-nav #contact-nav ul li a i { margin-right: 5px; }

#community { margin: 50px 0; }
#community li { float: left; margin: 0 5px 5px 0; line-height: 0; }

#ssbanner .bxslider a:after, #ssbanner .bxslider a:before { background: rgba(0, 0, 0, 0.65); content: ''; width: 100%; height: 100%; display: block; position: absolute; z-index: 2; top: 0; left: 0; }

@media screen and (min-width: 1025px) {
	#ssbanner .bxslider .slick-slide:hover a:after { animation-name: rush; animation-iteration-count: 1; animation-delay: .2s; animation-duration: .8s; animation-timing-function: cubic-bezier(.215, .61, .355, 1); }
	#ssbanner .bxslider .slick-slide:hover a:before { animation-delay: 0; animation-direction: normal; animation-duration: .3s; animation-fill-mode: both; animation-iteration-count: 1; animation-name: rush2; animation-timing-function: cubic-bezier(.215, .61, .355, 1); }
}
@media screen and (max-width: 1366px) {
	.inside { width: 90%; }
}
@media screen and (min-width: 1025px) {
	#ssbanner-list .bxslider>div:nth-child(2n) a { background-color: #f7f4f8; }
}
@media screen and (max-width: 1024px) {
	.main-article { width: 100%; }
	#side-nav { width: 100%; margin-top: 80px; }
	#ssbanner .bxslider .infot h4 { font-size: 22px; bottom: 20px; left: 20px; }
	#ssbanner .bxslider a:after { display: none; }
}
@media screen and (max-width: 640px) {
	.inside { margin: 20px auto; }
	.waylink ol li, .waylink ol li a, .waylink ol li .h3, .waylink ol li:after { font-size: 6pt; }
	.waylink ol { padding: 10px 0; }
}