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*/
.top_side_nav .tab_list {background:#f7f7f7;margin-bottom:30px;}
.top_side_nav .tab_list .nav-tabs{border-bottom:none;display:flex;justify-content:center}
.top_side_nav .tab_list .nav-tabs li {text-align:center;position:relative;}
.top_side_nav .tab_list .nav-tabs li a {font-size:16px;font-weight:bold;color:#101010;padding:18px 30px;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: 3px solid #e50014;color:#e50014}
.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*/
.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:#e50014;}
.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,#FF7F7F 50%, #e50014 50%);margin: 1.5rem auto 0.5rem auto;}


/*list*/
.list .item{overflow:hidden;width:350px;height:250px;}
.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(../images/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*/
.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;border-bottom:solid 1px #e5e5e5;padding-bottom:10px;} 
.shownews .hot_list .title span{border-bottom:solid 2px #e50014;padding-bottom:11px;} */
.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:#e50014;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(../images/litle_gray.png) no-repeat left center;padding-left:15px;color:#808080;}
.shownews .hot_list  ul li a:hover{color:#e50014}

 /*分享*/
.share{width: 129px;height: 26px;float: right;position: relative;}
.share a {float: left;height: 26px;width: 26px;display: inline-block;background-image: url(../images/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*/
.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%;}

/*num*/
.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*/
.show_page .caption{border-bottom:solid 1px #ccc;}
.show_page article{padding-top:15px;}

/*部室职责*/
/* .title-card {max-width:1000px;margin-bottom: 1.2rem;margin-left:auto;margin-right:auto;border-radius: 8px;overflow: hidden;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);transition: all 0.3s ease;border: none;}
.title-card:hover {box-shadow: 0 5px 15px rgba(229, 0, 20, 0.15);transform: translateY(-2px);}
.title-card .card-header {background:rgba(229, 0, 20, 1);border: none;padding: 0;position: relative;}
.title-card .btn-title {color: white;font-weight: 600;font-size: 1.15rem;text-align: left;width: 100%;padding: 1.35rem 3rem 1.35rem 1.5rem;border: none;background-color: transparent;position: relative;transition: all 0.3s ease;display: flex;align-items: center;}
.title-card .btn-title:hover, .title-card .btn-title:focus {color: white;background-color: rgba(0, 0, 0, 0.12);text-decoration: none;outline: none;}
.title-card .btn-title:after {content: '+';position: absolute;right: 1.5rem;font-size: 1.8rem;font-weight: 300;transition: transform 0.3s ease;display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 50%;background-color: rgba(255, 255, 255, 0.2);}
.title-card .btn-title.collapsed:after {content: '+';transform: rotate(0deg);}
.title-card .btn-title:not(.collapsed):after {content: '-';transform: rotate(0deg);background-color: rgba(255, 255, 255, 0.3);}
.title-card .card-body {padding: 1.8rem;background-color: white;border-left: 4px solid #e50014;line-height: 1.7;}
.title-card .card-body p {margin-bottom: 1rem;color: #444;}
.title-card .card-body p:last-child {margin-bottom: 0;}	   
.title-card .badge {background-color: rgba(255, 255, 255, 0.2);color: #fff;font-weight: 600;padding: 0.4rem 0.8rem;margin-right: 1rem;border-radius: 4px;} */

/* .title-card {max-width:1000px;margin-bottom: 1.2rem;margin-left:auto;margin-right:auto;border-radius: 8px;overflow: hidden;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);transition: all 0.3s ease;border: 1px solid #e50014;}       
.title-card:hover {box-shadow: 0 5px 15px rgba(229, 0, 20, 0.15);transform: translateY(-2px);}       
.title-card .card-header {background-color: #f7f7f7;border: none;padding: 0;position: relative;}       
.title-card .btn-title {color: #e50014;font-weight: 600;font-size: 1.15rem;text-align: left;width: 100%;padding: 1rem 3rem 1rem 1.5rem;border: none;background-color: transparent; position: relative;transition: all 0.3s ease;display: flex;align-items: center;}       
.title-card .btn-title:hover, .title-card .btn-title:focus {color: #e50014;background-color: rgba(229, 0, 20, 0.08);text-decoration: none;outline: none;}
.title-card .btn.focus,.title-card .btn:focus{box-shadow:0 0 0 1px rgba(229, 0, 20, 0.5)}        
.title-card .btn-title:after {content: '+';position: absolute;right: 1.5rem;font-size: 1.8rem;font-weight: 300;transition: transform 0.3s ease;display: flex;align-items: center;justify-content: center; width: 30px;height: 30px; border-radius: 50%;background-color: #e50014;color: #fff;}        
.title-card .btn-title.collapsed:after {content: '+';transform: rotate(0deg);}      
.title-card .btn-title:not(.collapsed):after {content: '-';transform: rotate(0deg); background-color: rgba(229, 0, 20, 0.6); }
.title-card .card-body {padding: 1.8rem;background-color: white;line-height: 1.7;}       
.title-card .card-body p {margin-bottom: 1rem;color: #444;}       
.title-card .card-body p:last-child {margin-bottom: 0; }       
.title-card .badge {font-size:16px;background-color: #e50014;color: #fff;font-weight: 600;padding: 0.4rem 0.8rem;margin-right: 1rem;border-radius: 4px;border: 1px solid rgba(229, 0, 20, 0.2);}        
.title-card .highlight {color: #e50014;font-weight: 600;} */

.title-card {max-width:1000px;margin-bottom: 1.2rem;margin-left:auto;margin-right:auto;border-radius: 8px;overflow: hidden;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);transition: all 0.3s ease;border: 2px solid #e50014;}       
.title-card:hover {box-shadow: 0 5px 15px rgba(229, 0, 20, 0.15);transform: translateY(-2px);}       
.title-card .card-header {background-color: #f7f7f7;border: none;padding: 0;position: relative;}       
.title-card .btn-title {color: #e50014;font-weight: 600;font-size: 1.15rem;text-align: left;width: 100%;border: none;background-color: transparent; position: relative;transition: all 0.3s ease;display: flex;align-items: center;}       
.title-card .btn-title:hover .title-bg, .title-card .btn-title:hover .title-bg:focus {background-color: rgba(229, 0, 20, 1);text-decoration: none;outline: none;}
.title-card .btn.focus,.title-card .btn:focus{box-shadow:0 0 0 2px rgba(229, 0, 20, 0.5)}        
.title-card .btn-title:after {content: '+';position: absolute;right: 1.5rem;font-size: 1.8rem;font-weight: 300;transition: transform 0.3s ease;display: flex;align-items: center;justify-content: center; width: 30px;height: 30px; border-radius: 50%;background-color: #e50014;color: #fff;}        
.title-card .btn-title.collapsed:after {content: '+';transform: rotate(0deg);padding-bottom:5px;}      
.title-card .btn-title:not(.collapsed):after {content: '-';transform: rotate(0deg); background-color: rgba(229, 0, 20, 0.6); padding-bottom:5px;}
.title-card .card-body {padding:10px;background-color: white;line-height: 1.7;}       
.title-card .card-body p {color: #444;}       
.title-card .card-body p:last-child {margin-bottom: 0; }       
.title-card .badge {font-size:16px;background:rgba(255, 255, 255, 0.3);color: #fff;font-weight: 600;padding: 0.4rem 0.8rem;margin-right:1rem;border-radius: 4px;border: 1px solid rgba(229, 0, 20, 0.2);}        
.title-card .highlight {color: #e50014;font-weight: 600;}
.title-bg{background-color: rgba(229, 0, 20, 0.85);padding: 1rem 3rem 1rem 1.5rem;border-radius:15px;color:#fff;}



/*企业文化*/
.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: #e50014;}
.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 #e50014;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*/
.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弹出*/
.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%} /*遮罩*/


/*join*/
.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:#e50014;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;}

/*footer*/
 footer{background:#2d2d2d;margin-top:5%;}