@charset "utf-8";
* {margin:0;padding:0;border:0;list-style:none;}
body{background:#fff;color:#333;font:14px "微软雅黑";line-height:200%;}
img{border:0;outline:none;}
a{color:#333;text-decoration:none;outline:none;}
a:hover{color:#673791;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}
.w1300 {width:1300px;margin:0 auto;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt280 {margin-top:280px;}
.mt500 {margin-top:500px;}
.mt460 {margin-top:460px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.mr25 {margin-right:25px;}
.pt5 {padding-top:5px;}
.pt30 {padding-top:30px;}
.bt{border-top:1px solid #ccc;}
h4 {font-size:16px;font-weight:700;}
h2 {font-size:30px;font-weight:700;}

.home_01 {height:600px;}
.home_02 {height:440px;background:url(sjysxy_notice.jpg) no-repeat center;}
.home_03 {height:400px;background:#ebebeb;padding:40px 0;margin:40px 0;}
.home_04 {height:500px;}

header {top:0px;width:100%; z-index:10000;position:sticky;left:0;display:flex;justify-content: center;}
#header {width:100%;height:140px;background:rgba(255,255,255,0.8);}
#header .logo {margin:15px 0;width:440px;}
.search {float:right;clear:right;}
.search_form {width:220px;height:30px;margin-top:25px;margin-right:10px;display:block;border:1px solid #eee;}
.search .search-field {margin:0;width:190px;background:none;line-height:30px;padding:0;font-size:14px;color:#999;float:left;display:inline;height:30px;}
.search .search-btn {position:relative;background:url(sjysxy_search.png) no-repeat center;height:30px;width:30px;display:inline;float:left;}
.search .search-btn:hover {background:url(sjysxy_search.png) no-repeat center #eee; }

#nav {float:right;clear:right;margin-top:20px;}
.menu{overflow:hidden;margin:0 auto;width:860px;text-align:right;}
.menu li{float:left;overflow:hidden;display:inline-block;}
.menu li a{color:#000;font:14px/30px "微软雅黑", "宋体";text-align:center;width:95px;height:30px;display:block;outline:none;font-weight:700;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s; border-radius:10px 10px 0 0;}
.menu li a:hover{color:#673791;}
.menu .hover a{color:#673791;outline:none;}
.menu li a span {vertical-align:super;font-weight:100;}
.menu li .subnav{margin:0;padding:0;position:absolute;z-index:999;display:none;background:rgba(230,230,230,0.6);}
.menu li .subnav dt a{display:block;min-width:95px;position:relative;height:30px;line-height:30px;text-align:center;color:#000;font-size:12px;border-radius:0 0;font-weight:100;}
.menu li .subnav dt a:hover{background:#673791;color:#fff;}
/* =Header
-------------------------------------------------------------- */

#footer {clear:both;}
#footer h3 {font:16px/36px "微软雅黑", "宋体";display:block;text-align:left;width:180px;height:110px;font-weight:700;float:left;}
#footer h3 span {color:#888;font-weight:100;}
.links {min-height:80px;font:14px/36px "微软雅黑";border-top:1px solid #aaa;border-bottom:1px solid #aaa;padding:15px 0;}
.links ul {}
.links li {display:inline;float:left;width:260px;text-align:left;}
.links a:hover {color:#ffa200;}
#footer .contact {height:140px;float:left;width:600px;}
#footer p {padding:0;font:300 14px/26px "微软雅黑";}
#footer .erwei {float:right;width:300px;height:120px;padding-top:20px;}

#banner {border-top:15px solid #673791;width:100%;min-height:420px;background:url(sjysxy_banner_01.jpg) no-repeat center;position:absolute; top:0px;margin-top:140px;}

#container {min-height:680px;_height:680px;}
.nav_topc {background:#5eca9f;height:50px;}
.nav_topc h5 {margin-left:15px;float:left;width:180px;height:50px;font:700 24px/50px "微软雅黑";text-align:center;display:block;background:#ebfff5;}
#position{width:200px;overflow:hidden;color:#999;}
#position a {color:#999;}
#position h4 {color:#000;}

#Sidebar {width:200px;padding-bottom:20px;overflow:hidden}
.subtitle {line-height:50px;}
.subtitle span {float:right;}
.submenu {border-top:1px solid #ccc;}
.submenu li {border-bottom:1px solid #ccc;line-height:36px;}
.submenu li a {display:block;font-size:16px;}
.submenu li span {float:right;}
.submenu li dt {border-top:1px solid #ddd;}
.submenu li dt a {font-size:14px;}
.submenu a:hover {text-decoration:underline;}
#Mainbody {width:850px;padding-bottom:20px;overflow:hidden}
.special li {overflow:hidden;height:130px;width:340px;margin-bottom:10px;}
.special li img {width:340px;height:130px;}

.tot_title {padding:10px 0;text-align:left;}
.tot_title div {display:block;height:54px;background:url(sjysxy_bgkj.png);margin:0 2px;}
.tot_title h2 {line-height:80px;}
.show {margin:0 10px;}

.content {padding:20px 0;font-size:14px;}
.title {text-align:center;border-bottom:1px dotted #ccc;}
.title h3 {font-size:24px;line-height:60px; font-weight:600;}
.tit_attr {margin-bottom:5px;font-size:14px;color:#666;}

/**/
.home_title {height:50px;position: relative;}
.home_title h2 {font:30px/50px "微软雅黑";height:50px;display:block;color:#000;font-weight:700;text-align:center;background:url(sjysxy_title_bg.png) no-repeat center;}
.home_title span {color:#888;position:absolute;right:0px;}
.home_title .more {font-size:14px;color:#000;line-height:50px;padding:0 10px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;border-radius:5px;}
.home_title a:hover {color:#fff;background:#673791;}

.home_news {}
.home_news li {display:inline-block;float:left;margin-left:29px;width:414px;height:440px;box-shadow:10px 10px 10px #ccc; overflow:hidden;}
.home_news li a {display:block;}
.home_news .news_photo {width:414px;height:275px;overflow:hidden;}
.home_news .news_photo img {width:414px;height:275px;}
.home_news .news_date {padding:5px 20px;}
.home_news .news_title {padding:5px 20px;font-size:16px;}
.home_news .news_summary {padding:5px 20px; overflow:hidden; height:60px;}
.home_news a:hover {background:#eee;}
.home_news .ml0 {margin-left:0px;}

.home_notice {}
.home_notice li {display:inline-block;float:left;margin-left:380px;width:460px;height:120px;}
.home_notice .notice_date {display:inline-block;float:left;width:78px;height:90px;text-align:center;box-shadow:10px 10px 10px #ccc;border-radius:4px; overflow:hidden;}
.home_notice .notice_date .mm {display:block;height:28px;color:#fff;background:#673791;font-size:14px;}
.home_notice .notice_date .dd {display:block;font-size:16px;color:#673791;}
.home_notice .notice_date .yy {display:block;font-size:20px;}
.home_notice .notice_title {display:inline-block;float:right;width:360px;margin-left:22px;font-size:16px;}
.home_notice .ml0 {margin-left:0px;}

.home_party {}
.home_party li {display:inline-block;float:left;margin-left:29px;width:414px;height:275px; overflow:hidden;position: relative;}
.home_party .party_photo {width:414px;height:275px;overflow:hidden;}
.home_party .party_photo img {width:414px;height:275px;}
.home_party .party_title {position:absolute;bottom:0px;height:40px;font:16px/40px "微软雅黑";padding:10px 5% 0 5%;width:90%;overflow:hidden;background:url(sjysxy_photo_bg.png) repeat-x;color:#fff;z-index:99;text-align:center;}
.home_party .ml0 {margin-left:0px;}

.home_learning {}
.home_learning li {display:inline-block;float:left;margin-left:40px;margin-bottom:30px;width:630px;height:172px;}
.home_learning a {display:block;padding:20px 30px;width:570px;height:130px;border-top:2px solid #673791;box-shadow:10px 10px 10px #ccc;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;}
.home_learning .learning_title {font-size:16px;}
.home_learning .learning_date {padding:5px 30px;background:url(sjysxy_time.png) no-repeat 0 center;}
.home_learning .learning_summary {height:60px;overflow:hidden;}
.home_learning a:hover {margin-top:-10px;}
.home_learning .ml0 {margin-left:0px;}

/* Common style */
.list {margin:20px auto;}
.list li {overflow: hidden;height:50px;border-bottom: 1px dotted #ccc;transition:all .3s ease;clear:both;padding:0 10px;}
.list li:hover {height:110px;}
.list li dl {font:200 14px/50px "微软雅黑";color:#999;float:right;}
.list li dt {font:500 16px/50px "微软雅黑";white-space: nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .5s ease;}
.list li dd {color:#888;font:200 14px/30px "微软雅黑";}
.list_2 {margin:20px auto;}
.list_2 li {overflow: hidden;height:170px;border-bottom: 1px dotted #ccc;transition:all .3s ease;clear:both;padding:0 10px;}
.list_2 li dl {font:200 14px/50px "微软雅黑";color:#999;float:left;width:210px;height:180px; overflow:hidden;margin:10px 0;margin-right:20px;}
.list_2 li dl img {width:210px;height:150px}
.list_2 li dt {font:500 16px/50px "微软雅黑";white-space: nowrap;text-overflow:ellipsis;overflow:hidden;transition: all .5s ease;}
.list_2 li dd {color:#888;font:200 14px/30px "微软雅黑";}
.pageChanger{padding:5px; text-align:center; border-top:dotted 1px #333; line-height:30px;}
/*---------------*/
/***** Julia *****/
/*---------------*/
figure.effect-julia {background:#fff;}
figure.effect-julia img {max-width: none;-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
figure.effect-julia:hover img {opacity: 0.5;-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1);}

figure.effect-romeo {-webkit-perspective: 1500px;perspective: 1500px;}
figure.effect-romeo img {-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-10px,0,200px);transform: translate3d(-10px,0,200px);}
figure.effect-romeo:hover img {opacity: 0.6;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

.tot_content {padding:20px 0;line-height:200%;}

#flash{width:100%;height:480px;margin:auto;position: relative;background:#fff;}
#flash #play{width:100%;height:420px;list-style: none;position:absolute;top:0px;left:0px;}
#flash #play li{display: none;position:absolute;top:0px;left:0px; overflow:hidden;height:420px;width:100%;}
#flash #play li img{margin:0;}
#button{position: absolute;bottom:0px;list-style: none; text-align:center;width:100%;height:40px;}
#button li{margin:0 5px;display:inline-block;}
#button li div{width:10px;height:10px;background:#DDD;border-radius:5px;cursor: pointer;margin-bottom:10px;}
#prev{width:40px;height:28px;background:url(sjysxy_beijing.png) 0px 0px;}
#next{width:40px;height:28px;background:url(sjysxy_beijing.png) -40px 0px;}
#prev:hover{background:url(sjysxy_beijing.png) 0px -31px;}
#next:hover{background:url(sjysxy_beijing.png) -40px -31px;}

.pageChanger{padding:5px; text-align:center; border-top:dotted 1px #333; line-height:30px;}

.cbbfixed {position: fixed;right: 10px;transition: bottom ease .3s;bottom: -85px;z-index: 3;cursor:pointer;}
.cbbfixed .cbbtn {width: 40px;height: 40px;display: block;background-color: #673791;}
.cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px;}
.cbbfixed .gotop .up-icon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background: url(side-icon02.png);}
.cbbfixed .gotop:hover {background-color:#2c2d2e;}
.cbbfixed .cweixin {background: #999;}
.cbbfixed .cweixin div {background: url(sjysxy_erwei.png);width: 194px;height: 199px;position: absolute;left: -194px;top: -115px;opacity: 0;transform: scale(0);    -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;}
.cbbfixed .cweixin:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;}
.cbbfixed .cweixin .weixin-icon{float: left;margin:12px 0 0 11px;width:18px;height: 18px; background: url(side-icon01.png);}