body{background:#fff}
.banner {min-width:1230px;height:auto;text-align:center;margin:0 auto;}
.banner img{max-width:100%;display:block;margin:0 auto;}

.boxs{overflow:hidden;margin-top:3%;}
.boxs .side_nav{float:left;width: 16.666667%;border-top:solid 1px rgba(0,0,0,.125);border-bottom:solid 1px rgba(0,0,0,.125);}
.boxs .boxs-con{float:right;width:calc(83.333333% - 30px);}  
.boxs .boxs-con-shadow{float:right;width:calc(83.333333% - 60px);}  



.top_side_nav{position:relative;}
.top_side_nav .tab_list {background:linear-gradient(180deg,rgba(255, 255, 255, 0.85) 0%,#ffffff 100%);height: 60px;position: absolute;top: -60px;z-index: 99999;width:100%;}
.top_side_nav .tab_list .nav-tabs{border-bottom:none;display: flex;}
.top_side_nav .tab_list .nav-tabs li {flex-grow:1;text-align:center;position:relative;}
.top_side_nav .tab_list .nav-tabs li a {font-size:16px;font-weight:bold;color:#101010;padding:18px 15px;display: block;color: rgba(0, 0, 0, 0.5);}
.top_side_nav .tab_list .nav-tabs li.on a{border: 0;background: none;border-bottom: 2px solid #2b579a;color:#000}
.top_side_nav .tab_con {padding-top:20px;}
.top_side_nav .tab_con .content{background:#fff;padding: 30px;}
.top_side_nav .tab_list .nav-tabs > li:after {content:"";height:18px;width:1px;background-color:rgba(0, 0, 0, 0.3);position:absolute;top:0;bottom:0;margin:auto;right:0;}
.top_side_nav .tab_list .nav-tabs > li:last-of-type:after {opacity:0;}



.news h1{font-size:20px;font-weight:bold;margin-bottom:20px;}
.side_nav .list-group-item{text-align:center;padding:0}
.side_nav .list-group-item a{font-size:16px;display:block;padding: 0.75rem 1.25rem;}
.side_nav .list-group-item a.on{color:#fff;background:#2b579a;}
.side_nav .list-group-item span{padding-left:30px;font-size:14px;}
.news_page .caption{text-align:center;padding:2% 0;}
.news_page .caption .cn{font-size:30px;color:#3d3d3d}
.news_page .caption .en{font-size:18px;color:#bbbbbb;padding-top:10px;}
.news_page .caption .line{width:65px;height: 3px;background-image: linear-gradient(to right,#2a86c7 50%, #351fc2 50%);margin: 1.5rem auto 0.5rem auto;}



.list .item{overflow:hidden;width:350px;height:270px;}
.list .item img{display:block;transition:transform 0.8s linear;width:100%;height:100%}
.list .media{background:#f5f5f5;margin-bottom:40px;transition: all .2s linear;align-items:center;position: relative;width:100%;height:270px;}
.list .media:hover{background:#fff;transform: translate(0,-2px);box-shadow: 0 15px 30px rgba(0,0,0,.1);)}
.list .media:hover img {transform: scale(1.2);}
.list .media-body {margin-left:50px;}
.list .media-body h5 a{font-size:24px;color:#404040;}
.list .media-body h5{padding-bottom:1rem;padding-right:35px;}
.list .media-body p{font-size:16px;color: #909090;}
.list .media-body .time{color: #ccc;font-size:14px;padding:1rem 0}
.list .page{text-align:center;padding:4% 0}
.pos{background:#fafcff;border:solid 1px #f7f7fa;padding:10px 20px;margin-top:2%;font-size:16px;}
.pos span:before {content: url(../image/pos.png);padding-right:10px;vertical-align: middle;}
.list .media a.more {position: absolute;right: 0;bottom: 0;display: block;width: 155px;height: 34px;background-color: #404040;color: #fff;text-align: center;letter-spacing: 3px;font-size: 13px;line-height: 34px;}
.list .media:hover .more {background-color: #c9151e;}
.list .media .more i {display: inline-block;-webkit-transition: all .2s;transition: all .2s;padding-left:5px;}
.list .media .more:hover i {-webkit-transform: translateX(30px);transform: translateX(30px);-ms-transform: translateX(30px);}




.shownews{margin:4% 0;overflow:hidden}
.shownews .wl{width: calc(70% - 20px);float:left;margin-right:20px;}	
.shownews .wr{width: calc(30% - 20px);float:right;margin-left:20px;}	 
.shownews h1{padding-bottom:2%;font-size:32px;color:#000;text-align:center}
.shownews article img{display:block;margin:0 auto;max-width:90%;}
.shownews article p{padding-bottom:15px;text-indent:2em;line-height:30px;font-size:16px;}
.shownews .plus{padding-bottom:20px;color:#808080;font-size:16px;text-align:center;border-bottom:solid 1px #e5e5e5;}
.shownews .plus span{padding:0 10px;}
.shownews article{padding:2% 0;}
.shownews .pages{overflow:hidden;font-size:16px;}
.shownews .pages a{font-size:16px;}
.shownews .pages .next{padding-top:10px;}

.shownews .hot_list{background:#fafcff;padding:15px 20px;margin-bottom:30px;}

.shownews .hot_list .title{color:#000;font-size:16px;height:35px;line-height: 35px;background: linear-gradient(to right, #e1e1e1 ,#ffffff);border: none;padding-left: 5px;} 
.shownews .hot_list .title a{color:#2b579a;font-size:12px;float:right;}
.shownews .hot_list  ul li{padding-top:10px;padding-left:10px;border-bottom:dashed 1px #e7e8e8;padding-bottom:10px;}
.shownews .hot_list  ul li:last-child{border-bottom:none;padding-bottom:0}
.shownews .hot_list  ul li a{background: url(../image/litle_gray.png) no-repeat left center;padding-left:15px;color:#808080;}
.shownews .hot_list  ul li a:hover{color:#2b579a}

 
.share{width: 129px;height: 26px;float: right;position: relative;}
.share a {float: left;height: 26px;width: 26px;display: inline-block;background-image: url(../image/share.png);background-repeat: no-repeat;margin-right: 8px;transition:transform 0.5s linear;}
.share a:hover{transform:translate(0px,-3px);}
.share a.weixin {background-position: 0 0;}	
.share a.weibo {background-position: -33px 0;}	
.share a.qqzone {background-position: -68px 0;}	
.share a.qq {background-position: -103px 0;margin-right: 0px;}	

.jsmodern-share{position:fixed;top:50%;left:50%;width:200px;height:223px;z-index:999999;background:#fff;border:#ddd solid 1px;border-radius:10px;box-shadow:#ddd 0 0 10px;overflow:hidden;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.jsmodern-share p{display:block;height:20px;text-align:center;font-size:18px;margin:15px 0 20px 0}
.jsmodern-share div{width:150px;height:150px;margin:0 auto}
.jsmodern-share b{position:absolute;width:20px;height:20px;background:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA/UlEQVQ4T8WU7ZEBQRCGHxFciQARIBJEcGRABFYEZIAIEAkyIAMhqFdtV7WpabuOqptfM9Pdz0x/NvjyalTwesAg0TkAp8guAg6BJdAODC/ADNin8hxwA/zWjIR0J143Bb4DM84T1APl5s69dga6wU9T2cjc90DFpVUCbkATGAPrBCoX9Svp/JQy2Xa0N6CyeQwMPdRguYf6yr4BC2Cecc8DJNbPcjDJFkBRBZSiQbWPYP8H/LPLX0+KYvBJ2VytTV8Vth6IelnDQV7Zyha2lUXdPjbYtsz+4/zpcHiCRUDdq69XrhXTmlfMpnXHlzdWnAT3SzPw7QEbDJnq6ztc3EQVa6MIgAAAAABJRU5ErkJggg==);right:4px;top:4px;cursor:pointer;color:#ccc;opacity:.1;transition:.1s}
.jsmodern-share b:hover{opacity:.5}



.show .caption{text-align:center;padding:2.5% 0;}
.show .caption .cn{font-size:30px;color:#3d3d3d}
.show .caption .en{font-size:18px;color:#bbbbbb;padding-top:15px;}
.show .caption .line{width:65px;height: 3px;background-image: linear-gradient(to right,#2a86c7 50%, #351fc2 50%);margin: 1.5rem auto 0.5rem auto;}
.show article p{padding-top:10px;line-height:30px;font-size:16px;text-indent:2rem;}
.show article img{display:block;margin:2% auto;max-width:90%;}


.show .d-flex{padding:2rem 0 1rem 2rem;}
.show .d-flex .item{padding-right:15px;font-size: 16px;}
.show .d-flex .item span {display: inline-block;font-size: 16px;}
.show .d-flex .item .num {display: inline-block;color: #c9151e;font-size: 50px;padding:0 15px;	font-weight:bold;}
.show .d-flex .item em {display: inline-block;font-size: 32px;padding-left:5px;}
.show .d-flex .item::after {display: inline-block;color: #ccc;content: '/';font-weight: 100;font-size: 36px;padding-left:22px;}
.show .d-flex .item:last-child::after{content: '';} 



.show_page .caption{border-bottom:solid 1px #ccc;}
.show_page article{padding-top:15px;}



.culture_box .container{margin-right: -15px;margin-left: -15px}
.culture_box .culture_in {padding-top:5px;}
.culture_box .culture_in ul {height:555px;}
.culture_box .culture_in ul li {float: left;height: 550px;}
.culture_box .culture_in ul li.title:hover .th {opacity: 1;filter: alpha(opacity=100);}
.culture_box .culture_in ul .active-join {background: #2b579a;}
.culture_box .culture_in ul .active-join p {color: #fff!important;}
.culture_box .culture_in ul .title {width: 8%;min-width: 99px;border-right: 1px solid #cdcdcd;text-align: center;position: relative;cursor: pointer;}
.culture_box .culture_in ul .title > img:first-child {margin-top: 30px;}
.culture_box .culture_in ul .title p {color: #4b4b4b;font-size: 22px;margin: 20px auto 0;width:30px;}
.culture_box .culture_in ul .title .t-btm {position: absolute;left: 0;bottom: 0;right:0;margin:auto;}
.culture_box .culture_in ul .title .th {position: absolute;left:0;top:80px;width:100%;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-ms-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.culture_box .culture_in ul .nr {width: 0;overflow: hidden;position: relative;-webkit-transition: width 0.2s linear;-moz-transition: width 0.2s linear;-ms-transition: width 0.2s linear;-o-transition: width 0.2s linear;transition: width 0.2s linear;border-color: #dbdada;border-style: solid;border-width: 0;}
.culture_box .culture_in ul .nr > div {position: absolute;top: 30%;left: 50%;width: 80%;margin: auto;}
.culture_box .culture_in ul .nr > div p.bq {color: #4b4a4a;font-size: 24px;border-bottom: 2px solid #2b579a;padding-bottom: 15px;margin: 10px 0;}
.culture_box .culture_in ul .nr > div .content {color: #6e6e6e;font-size: 17px;line-height: 30px;}
.culture_box .culture_in ul .nr-show {width: 56.4%;min-width: 680px;}

.culture_video {text-align:center;padding:8px;border-radius:10px;}
.culture_video video{max-width:100%;border-radius:10px;display:block}



.honor img{max-width:100%;display:block;border:solid 1px #f3f3f3;padding:6px;border-radius:10px;transition:transform 0.8s linear;}
.honor img:hover{transform:scale(1.1)} 	
.honor  p{text-align:center;color:#808080;font-size:14px;padding-top:10px;}
.honor .item{margin-top:10px;}


.project .card {box-shadow: 3px 3px 20px #cccccc;}
.project .card-body { padding:10px;}
.project .row>div{margin-bottom:1.5rem;}
.project .card .item{overflow:hidden;}
.project .card img.card-img-top{display:block;transition:transform 0.8s linear;width:276px;height:175px}
.project .card img.card-img-top:hover{transform:scale(1.1)} 


.group .card{border:0}
.group .card-body{padding:10px 0;text-align:center;}
.group .row>div{margin-bottom:1.5rem;}
.group .card .item{overflow:hidden;}
.group .card img.card-img-top{display:block;transition:transform 0.8s linear;width:276px;height:175px}
.group .card img.card-img-top:hover{transform:scale(1.1)} 



.picture .card {box-shadow: 3px 3px 20px #cccccc;}
.picture .card-body {padding:10px;text-align:center}
.picture .row>div{margin-bottom:1.5rem;}
.picture .card .item {overflow: hidden;border-radius: 5px;margin:12px 12px 0 12px;}
.picture .card img.card-img-top{display:block;transition:transform 0.8s linear;width:400px;height:200px;max-width:100%;}
.picture .card img.card-img-top:hover{transform:scale(1.1)}

 
.dichan .card {box-shadow: 3px 3px 20px #cccccc;}
.dichan .card-body {padding:10px;text-align:center}
.dichan .row>div{margin-bottom:1.5rem;}
.dichan .card .item {overflow: hidden;border-radius:5px;}
.dichan .card img.card-img-top{display:block;transition:transform 0.8s linear;max-width:100%;}
.dichan .card img.card-img-top:hover{transform:scale(1.1)} 	


.list-video .caption{text-align:center;padding:2.5% 0;}
.list-video .caption .cn{font-size:30px;color:#3d3d3d}
.list-video .caption .en{font-size:18px;color:#bbbbbb;padding-top:10px;}
.list-video .card{box-shadow: 3px 3px 20px #cccccc;border:0;margin-bottom:7%;}
.list-video .card-title{margin-bottom:0;font-size:14px;color:#000}
.list-video .card .item{overflow:hidden;border-top-left-radius:5px;border-top-right-radius:5px;position:relative;}
.list-video .card .item img{transition:transform 0.8s linear;display:block}
.list-video .card .item img:hover{transform:scale(1.1)}
.list-video .card .item .year{position:absolute;bottom:5px;right:15px;color:#fff}
.list-video .card .item .time{position:absolute;bottom:5px;left:15px;color:#fff}

.list-video .card-body{padding:15px;}


.video-modal{width:100%;}
.video-modal .modal-dialog{max-width:960px;height:600px;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;}
.video-modal .close{position:absolute;right:3px;top:-3px;font-size:30px;z-index:9999;color:#fff;opacity:1;}
.video-modal .modal-body{padding:30px 0;background:#000}
.video-modal .modal-content{border:none;}
.video-modal .videos{display:none;}
.video-modal .videos video{width:960px;height:540px;object-fit:fill;display:block;}
.modal-backdrop {width:100%;height:100%} 



.boxs h5.side-title{color:#000;padding-bottom:15px;}
.join-bg .card {border: 0; border-radius: 0px; background: none;}
.join-bg .card .card-title{overflow:hidden;border-bottom: solid 1px rgba(0,0,0,.125);padding-bottom: 1rem;}
.join-bg .card .card-title h5{float:left;font-size: 20px;color: #000;font-weight: bold;}
.join-bg .card .card-title a{float:right;background:#2b579a;color:#fff;padding:5px 15px;border-radius:20px;}
.join-bg .card .card-title img {padding-right: 10px;}
.join-bg .card .card-body{padding:5px 1.25rem;}

.join-con{padding:0 1.25rem 1.25rem 1.25rem;}
.join-con h5{font-size:16px;color:#000;padding-bottom:1rem;font-weight:bold;}
.join-con p{line-height:28px;}
.join-con .toggle{display:none;}
.join-con .toggle h5{padding-top:12px;}
.join-bg:first-child .toggle{display:block;}