#sub-banner{margin-top:171px;position:relative}

#sub-banner a{position:relative;display:block}

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

#moreLink{text-align: center;}

#w-particles{overflow:hidden;position:absolute;bottom:0;left:0;right:0;top:0}

#w-particles canvas{width:100%;height:100%}

#w-particles #layouy-particles{height:100%;}

#side-nav{background: #191b1c;position:relative;z-index:20;}

#side-nav .workframe{overflow:visible}

#side-nav .outside-set .Cate >li h3,#side-nav .outside-set .Cate >li .subUL li .subULHead,#category-nav .Cate >li >h3,#category-nav .Cate .subUL >li .subULHead{overflow:hidden;position:relative;}

#side-nav .outside-set .Cate >li h3,#side-nav .outside-set .Cate >li .subUL li .subULHead p,#category-nav .Cate >li >h3,#category-nav .Cate .subUL >li .subULHead{width:calc(100% - 25px)}

#side-nav .outside-set .Cate >li >h3,#category-nav .Cate >li >h3,#category-nav .Cate .subUL >li .subULHead{width:100%}

#side-nav .outside-set .Cate >li h3 span,#category-nav .Cate >li >h3 a span{color:#c4c4c4;margin-right:8px;vertical-align:bottom;font-weight:700;font-size:20px}

#side-nav .outside-set .Cate >li h3 b,#side-nav .outside-set .Cate >li .subUL li .subULHead b,#category-nav .Cate >li >h3 b,#category-nav .Cate .subUL >li .subULHead b{color:#73bff8;font-weight:700;font-size:18px;position:absolute;right:0;top:calc(50% - 13px);cursor:pointer;width:50px;text-align:center;height:56px;top:0;line-height:56px}

#side-nav .outside-set .Cate >li h3 a,#side-nav .outside-set .Cate >li .subUL li .subULHead p a,#side-nav .outside-set .Cate >li .subUL li .sub2UL li .sub2ULHead p a,#category-nav .Cate >li >h3 a,#category-nav .Cate .subUL >li .subULHead p a,#category-nav .Cate .subUL >li .sub2UL li .sub2ULHead p a{padding:15px 0}

#side-nav .outside-set .Cate li a,#category-nav .Cate li a{font-size:15px;display:block;color:#fff;transition:all linear .2s}

#side-nav .outside-set .Cate li a:hover,#side-nav .outside-set .Cate li.action a{color: #b8a37e;}

#category-nav .Cate >li ul{overflow:hidden}

#category-nav .Cate li ul{display:none}

#category-nav .Cate li.action >ul{display:block}

#side-nav .outside-set .Cate >li .subUL li .subULHead p a,#category-nav .Cate .subUL >li .subULHead p a{padding-left:20px;color:#f9f9f9}

#side-nav .outside-set .Cate >li .subUL li .subULHead b,#category-nav .Cate .subUL >li .subULHead b{color:#d3d3d3}

#side-nav .outside-set .Cate >li .subUL li .sub2UL li .sub2ULHead p a,#category-nav .Cate .subUL >li .sub2UL li .sub2ULHead p a{padding-left:35px;border-bottom:1px solid #efefef;color:#f5f5f5}

#side-nav .outside-set .Cate >li .subUL li .sub2UL li.action .sub2ULHead p a{background:#f1f8fe}

.waylink{padding: 10px 0;background: #b8a37e;}

.waylink ol{margin:0;padding:0;text-align:right}

.waylink ol li{display:inline-block;font-size:12px;color: #fff;padding-left:10px;position:relative;}

.waylink ol li:before{content:'/';position:absolute;left:0;top:0}

.waylink ol li:first-child:before{display:none}

.waylink ol li a{color: #fff;}

.main-article{position:relative;background-image: url(/images/14/bg_index.jpg);background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;}

.main-article .workframe{position:relative;z-index:2}

.main-article .pagetitle{text-align:center;font-size: 30px;line-height:120%;margin: 60px 0 10px;color: #fff;letter-spacing: 2px;font-weight: 200;}

.main-article #describe{

    padding: 50px;

}

#community{margin:50px 0}

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

#side-other{position:relative;z-index:2}

#sideSet{background:#0583c9}

#sideSet #contact-nav{float:left;color:#fff;width:400px;padding:70px}

#sideSet #category-nav{color:#fff;float:left;width:350px;padding:70px 0}

#sideSet .efv{float:right;width:calc(100% - 540px - 350px);padding:70px 0}

#sideSet #contact-nav h3,#sideSet #category-nav >h3{font-size:30px;line-height:110%;margin-bottom:20px}

#sideSet #contact-nav ul{background:#176693;padding:0 20px}

#sideSet #contact-nav ul li{margin:15px 0}

#sideSet #contact-nav ul li a{color:#fff;font-size:17px}

#sideSet #contact-nav ul li a i{display:inline-block;width:35px;height:35px;border-radius:10px;line-height:35px;text-align:center;background:#f1f1f1;color:#0583c9;margin-right:10px}

#sideSet #fb-wrap{margin:30px 0 0;text-align:center}

#sideSet #g-map{width:100%}

#sideSet #g-map iframe{width:100%;height:400px}

#sideSet #youtube{width:100%;margin:0 0 30px}

#sideSet #youtube .video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}

#sideSet #youtube iframe,#sideSet #youtube object,#sideSet #youtube embed{position:absolute;top:0;left:0;width:100%;height:100%}

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

#sub-banner{margin-top:163px}

}

@media screen and (min-width: 1025px) {

.main-article{background-attachment: fixed;}

#side-nav .outside-set >ul{text-align:center}

#side-nav .outside-set >ul.sthOver{overflow:visible}

#side-nav .outside-set .Cate >li{display:inline-block;vertical-align:top;position:relative}

#side-nav .outside-set .Cate >li h3 a{display:block;font-weight: bold;font-size: 15px;padding:15px 20px;color: #fff;letter-spacing: 2px;}

#side-nav .outside-set .Cate >li.action h3 a{}

#side-nav .outside-set .Cate >li h3 b,#side-nav .outside-set .Cate >li .subUL li .subULHead b{display:none}

#side-nav .outside-set .Cate >li >ul,#side-nav .outside-set .Cate >li >ul .sub2UL{transition:all linear .3s;position:absolute;width:180px;top:100%;left:0;transform:translateX(50%);z-index:-1;opacity:0}

#side-nav .outside-set .Cate >li >ul .sub2UL{top:0;left:100%}

#side-nav .outside-set .Cate >li.p-boxOver >ul,#side-nav .outside-set .Cate >li.p-boxOver >ul li:hover .sub2UL{transform:translateX(0);z-index:2;opacity:1;overflow:visible}

#side-nav .outside-set .Cate >li >ul >li{background:#2a91c9}

#side-nav .outside-set .Cate >li >ul >li.action,#side-nav .outside-set .Cate >li >ul >li:hover{background:#285e7b}

#side-nav .outside-set .Cate >li .subUL li .sub2UL li .sub2ULHead p a{background:#1a455d}

#side-nav .outside-set .Cate >li .subUL li .sub2UL li .sub2ULHead p a:hover,#side-nav .outside-set .Cate >li .subUL li .sub2UL li.action .sub2ULHead p a{background:#000}

}

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

#sub-banner{margin-top: 70px;}

#sideSet #contact-nav{width:100%;padding:0}

#sideSet #category-nav{width:100%}

#sideSet .efv{width:100%}

.content-wrraper{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}

.content-wrraper >div,.content-wrraper aside{width:100%;order:1}

#side-nav{order:2;}

#side-other{order:3}

#side-nav .outside-set .Cate li a{color: #b8a37f;}

#side-nav .outside-set .Cate >li .subUL li.action .subULHead p a,#side-nav .outside-set .Cate >li .subUL li .subULHead p a{color:#7b7b7b}

#side-nav .outside-set .Cate >li .subUL,#side-nav .outside-set .Cate >li .subUL .sub2UL{display:none}

#side-nav .outside-set .Cate >li.action .subUL{display:block}

#side-nav .outside-set .Cate >li .subUL li .sub2UL li .sub2ULHead p a{color:#838383}

}

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

#sub-banner{}

#sideSet #g-map iframe{height:300px}

.main-article .pagetitle{font-size:26px;margin:40px 0}

	.main-article #describe {

    padding: 10px;

}

}