@import url('https://fonts.googleapis.com/css?family=Lusitana'); 
.wow { animation-duration: 2s; animation-name: fadeInUp; }
#content {position: relative;padding: 0px 0 60px 0;z-index: 2;}
#content .flowerB.float{
    display: none;
}
.content-wrraper { position: relative; }
#sub-banner img { width: 100%; }
.inside {width: 1360px;overflow: hidden;margin: 0px auto;}

.content-wrraper .titleBox {padding-top: 10px;margin-bottom: 70px;position: static;text-align: left;display: none;}
.content-wrraper .titleBox > .title {font-size: 26px;font-weight: 400;letter-spacing: .05em;color: #224885;}

/* waylink */
.waylink ol {margin: 10px auto;padding: 0;width: 94%;text-align: right;}
.waylink ol li { display: inline-block; color: #000; 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 */
.main-article {float: right;width: calc(100% - 370px);padding: 0 0 0 50px;border-left: solid 1px #E5EAEE;}
.main-article .pagetitle {line-height: 100%;margin-bottom: 30px;padding-bottom: 0px;font-size: 24px;font-weight: 400;letter-spacing: 0;color: #192150;line-height: 160%;}
.main-article .pagetitle img {margin-right: 10px;vertical-align: bottom;display: none;}
.main-article #describe {color: #535353;font-size: 15px;padding: 30px 0;}
#ssbanner-list .bxslider { overflow: hidden; }

/* side-nav */
#side-nav { float: left; width: 290px; }
#side-nav .side-title h2 , #contact-nav h3 , #ssbanner-list h3 , #category-nav >h3 , #contact-extra >h3 {font-size: 20px;line-height: 110%;margin-bottom: 20px;}
#side-nav .sideSpan {display: inline-block;width: 30px;height: 2px;background: #192150;margin-right: 15px;}
#side-nav .side-title h2 b { font-weight: 400; margin-left: 10px; color: #96979f; }
#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 #efefef; }
#contact-extra ul li { padding: 15px 0; }
#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: #353535;margin-right: 8px;vertical-align: bottom;font-weight: 700;font-size: 12px;display: none;}
#side-nav .Cate >li h3 b , #side-nav .Cate >li .subUL li .subULHead b {color: #385a90;font-weight: 300;font-size: 17px;position: absolute;right: 0;top: 0;cursor: pointer;display: block;width: 50px;height: 45px;text-align: center;line-height: 47px;}
#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 , #contact-extra 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 { padding: 0; 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: #2353a2;}
#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: #000000;}
#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 a { background: #f6fcfd no-repeat 50% / contain; 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 , #category-nav , #contact-extra { margin-top: 50px; text-align: center; }
#side-nav #contact-nav ul li a , #side-nav #contact-extra ul li { text-align: left; }
#side-nav #contact-nav ul li a i { margin-right: 5px; }

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


.list.last {position: relative;padding-bottom: 0;border-bottom: none;text-align: center;z-index: 1;}
.list.last p { display: inline-block; }
.list.last p a {position: relative;padding: 11px 0;width: 280px;background: none;border: none;display: inline-block;text-align: center;color: #fff;cursor: pointer;}
.list.last p:after , .list.last p:before {position: absolute;width: 250px;height: 47px;background: #234d9b;z-index: -2;transition: all ease-in-out 0.3s;left: calc(50% - 125px);bottom: 0;content:'';}
.list.last p:before {width: 0;height: 47px;background: #3a7ae2;z-index: -1;}
.list.last p:hover:before { width: 250px; }
.list.last p:hover:after { width: 0; }


@media screen and (min-width: 1025px) {
	#ssbanner-list .bxslider >div:nth-child(2n) a { background-color: #f7f4f8; }
	#album li:nth-child(2n) , #prolay .pro-list >div:nth-child(3n-1) .p-box , #newslist li:nth-child(2n) { animation-duration: .5s; }
	#side-nav .outside-set { position: relative; overflow: hidden; }
	#side-nav .outside-set .side-title { position: relative; }
	#side-nav .outside-set .side-title h2 {position: relative;font-size: 26px;font-weight: 400;color: #333;}
	#side-nav .outside-set .side-title h2 b {width: 40px;color: #192150;font-size: 24px;font-family: 'Oswald', sans-serif;}
	#side-nav .outside-set .Cate {}
	#side-nav .outside-set .Cate {max-width: 250px;}
	#side-nav .Cate >li {border-bottom: solid 1px #e5eaee;-webkit-box-sizing: border-box;box-sizing: border-box;}
	#side-nav .Cate >li h3 a {position: relative;display: block;font-size: 16px;font-weight: 500;letter-spacing: 0px;padding: 10px 15px;overflow: hidden;color: #192150;}
	#side-nav .Cate >li h3 a:hover {color: #FFF;}
	#side-nav .Cate >li h3 a:before, #side-nav .Cate >li h3 a:hover:before {left: -40px;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
	#side-nav .Cate >li h3 a:before {content: '';position: absolute;bottom: 0;left: -100px;top: 0;display: block;width: 250px;background: url(/images/21/bg-sidemenu.png) no-repeat center;z-index: -1;opacity: 0;}
}
@media screen and (max-width: 1366px) {
	.inside {width: 90%;margin: 20px auto;}
	#content:after { left: -550px; top: -850px; }
}
@media screen and (max-width: 1024px) {
	#sub-banner { margin-top: 77px; }
	.main-article {width: 100%;padding: 30px 0 0 0px;}
	#side-nav { width: 100%; margin-top: 80px; }
	#ssbanner-list .bxslider div { width: 50%; float: left; }
	#ssbanner-list .bxslider >div:nth-child(2) a , #ssbanner-list .bxslider >div:nth-child(3) a { background-color: #f0f0f0; }
	#content {z-index: 1;padding: 0px 0 30px 0;}
.content-wrraper .titleBox{
    display: none;
}
#sbanner{
    margin: 60px 0 0;
}
#sbanner img{height: 250px;}
}
@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; }
}
@media screen and (max-width: 480px) {
	.main-article .pagetitle {margin-bottom: 20px;text-align: center;}
	#sub-banner { margin-top: 67px; }
}