﻿
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html {
    height: 100%;
}

body {
    min-height: 100%;
    color: #333;
    background-color: #FFF;
	line-height:1.8em;
}


body, ul, li, input, img, a, dl, dt, dd, textarea, button, input, select {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-family: Arial, Helvetica, "微软雅黑";
    font-weight: normal;
}

img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    border: 0;
}

a {
    text-decoration: none;
    color: #333;
}
a:hover{text-decoration: underline}

    a:link {
        cursor: pointer;
    }
/*common style start*/
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.pointer {
    cursor: pointer;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}


.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.block-center {
    margin-left: auto;
    margin-right: auto;
}

button {
    border: none;
    cursor: pointer;
}

.text-red{color:#c90000;}
.text-darkgray{color:#666;}
.text-gray{color:#999;}


.container {
    width: 1080px; /*本次项目设计宽度*/
    margin: 0 auto;
    position: relative;
}

.bg-xinhua-bar {
    background-color: #830000;
    min-width: 1188px;
}


.top-bar {
    height: 57px;
    color: #fff;
    text-decoration: none;
    padding-left: 14px;
}
.top-bar a{
	color:#fff;
}
.top-bar.container{width:1188px;}

    .top-bar ul li {
        list-style: none;
        float: left;
        line-height: 57px;
        margin-right: 5px;
    }

        .top-bar ul li a {
            margin-right: 5px;
            font-size: 15px;
        }

.banner {
    background: url('../img/bg-1-with-title.jpg') no-repeat center;
    height: 635px;
    max-width: 1440px;
    margin: 0 auto;
	overflow: hidden;
}
.banner-sub {
    background: url('../img/banner-sub.jpg') no-repeat center;
    height: 399px;
    
	max-width: 1440px;
    margin: 0 auto;
	overflow: hidden;
}

.subpage-container{
    background:  #FFF;
    min-height:650px;
    position:relative;
}
.subpage-footer{
  
    background-size:auto 100%;
    height:229px;
    max-width: 1440px;
    margin:0 auto;
}
.subpage .news-list{
    width:1080px;
    margin: 0 auto;
    background:#FFF;
    box-shadow: 0px 24px 59px 0px rgba(135, 135, 135, 0.31);
    padding:50px 90px;
	
}
.subpage .news-list.sub-image-block{
    background:none;
    box-shadow:none;
    padding:0;
}
.subpage .news-list a{
    color:#3b5383;
    line-height:40px;
    margin-top:5px;
    border-bottom:1px solid #CCC;
    display: block;
    font-size:16px;
}
.subpage .news-list.sub-image-block a{
    color:#555;
    line-height:inherit;
    margin-top:5px;
    border-bottom:none;
    display: block;
    float:left;
    width:20%;
    margin:0  2.5% 30px;
    font-size:16px;
}
.subpage .news-list.sub-image-block a img{
    width:216px;
    height:120px;
	border-radius:8px;
	box-shadow:0 0 5px 2px #CCC;
}
.subpage .news-list.sub-image-block a span{
    margin-top:10px;
    display: block;
}


.page-container {
    min-width: 1080px;
	background:#6d060e;
}

.block-half-container {
    width: 50%;
    float: left;
}

.block-half {
    width: 95%;
    margin: 0 auto;
}

.footer {
    color: #fff;
	background: #830000;
    line-height: 65px;
	font-size:12px;
	margin:0 auto;
}


.carousel-container {
    margin: 0 auto;
}







.show {
    display: block;
}

/*******block**********/
.block {
    position: relative;
	padding-top:30px;
	box-sizing: border-box;
	max-width:1440px;
	margin:0 auto;
	background:#fff;
}


.img-title{display: block;margin:30px auto 40px;
    text-align: center;}



/*文本超过1行显示...*/
.limit-line1 {
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display:block;
}
.limit-line2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.limit-line3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*文本超过4行显示...*/
.limit-line4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.menu-container {
	padding-top:10px;
}
.menu-container .menu-item{
	width:14%;
	float:left;
	color:#fff;
	text-align:center;
	line-height: 172px;
}

.menu-container .menu-item a{
	font-size:16px;
	font-weight: bold;
	letter-spacing: 3px;
}
.banner{position:relative;}

.arrow{
	width:28px;
	height:46px;
	position:absolute;
	cursor:pointer;
	bottom:22px;
	opacity:.8;
	z-index:1;
}
.arrow:hover{
	opacity:1;
}
.arrow.arrow-left{
	left:20px;
	background:url("../img/arrow-left.png") no-repeat;
}

.arrow.arrow-right{
	right:20px;
	background:url("../img/arrow-right.png") no-repeat;
}



/*移动端适配*/
.show-xs {
    display: none ;
}

.show-lg {
    display: block;
}

.block-intro {
	background:url("../img/bg-dot-1.png") no-repeat right top #fff;
}

.block-intro .photo-container {
	border-radius:8px;
	overflow:hidden;
	float:left;
	width:610px;
	height:344px;
	position:relative;
}
.block-intro .photo-desc{
	height:60px;
	width:100%;
	background:rgba(131,0,0,.8);
	position:absolute;
	left:0;
	bottom:0;width:100%;
	line-height:60px;
	padding-left:1em;
	color:#fff;
	font-size:18px;
	letter-spacing: 2px;
}

.block-intro .photo-desc a{
	color:#fff;
	font-size:18px;
	}

.block-intro .title{
	
	font-size:18px;
	padding:10px 0 5px;
}

.block-intro .title a{
	color:#c90000;
	font-size:18px;
	font-weight:bold;
	}
.block-intro .intro-container{
	
	margin-left:650px;
}
.block-intro .desc{
	
	line-height:1.8em;
	font-size:14px;
	margin-top:2em;
	border-bottom:1px solid #ff0658;
	padding-bottom:2em;
}
.block-intro .news-list{
	list-style:none;
	line-height:2em;
	margin-top:1em;
}
.block-intro .news-list .news-date{
	float:right;
	
}
.block-intro .news-list a{
	display:block;
	margin-right:90px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.block-qinghuai .intro{
	margin-right: 650px;
}
.block-qinghuai .photos{
	float:right;
	width:610px;
}
.block-qinghuai .photos .photo{
	width:188px;
	height:150px;
	border:1px solid #be0000;
	border-radius:8px;
	overflow:hidden;
	float:left;
	box-sizing:border-box;
	margin-left:14px;
	position:relative;
}
.block-qinghuai .photos .photo>a img{
	width:100%;
	height: 100%;
}
.block-qinghuai .photos .subtitle{
	background:#be0000;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align: center;
	line-height:50px;
}
.block-qinghuai .shuxindahui {

	background-size:100% auto;
	margin-top:0;
	background:url("../img/h-line-qinghuai.png") no-repeat bottom center;
	background-size:100% auto;
	padding-bottom: 30px;

	
}
.block-qinghuai .dangjian {
	
	margin-top:30px;
	
}
.block-qinghuai .shuxindahui .photos{
	float:left;
}
.block-qinghuai .shuxindahui .intro{
	margin-left:650px;
	margin-right:0;
}
.block-zeren{
	padding-bottom:64px;
}
.block-zeren .intro{
	background:#be0000;
	width:347px;
	height:447px;
	color:#fff;
	line-height:2em;
	padding:50px 25px 0;
	box-sizing:border-box;
}
.block-zeren .photos{
	width:721px;
	height:447px;
	position:relative;
	float:right;
	
}
.block-zeren .photos .photo{
	width:721px;
	height:409px;
	position:absolute;
	left:0;
	top:0;
	display:none;
}
.block-zeren .photos .photo.active{
	display:block;
}
.block-zeren .photos .photo img{
	width:100%;
	height:100%;
}
.block-zeren .photos .tabs{
	height:38px;
	background:#be0000;
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
}
.block-zeren .photos .tabs .tab{
	width:25%;
	height:38px;
	float:left;
	line-height:38px;
	background-repeat:no-repeat;
	background-position:center -38px;
	cursor:pointer;
}
.block-zeren .photos .tabs .tab.active{
	background-position:center 0;
	background-color:#fff !important;
}
.block-zeren .photos .tabs .tab:hover{

	background-color:rgba(255,255,255,.5);
}
.block-zeren .photos .tabs .tab-1{
	background-image: url("../img/tab-fwdj.png");
	
}
.block-zeren .photos .tabs .tab-2{
	background-image: url("../img/tab-bzms.png");
	
}
.block-zeren .photos .tabs .tab-3{
	background-image: url("../img/tab-fpgj.png");
	
}
.block-zeren .photos .tabs .tab-4{
	background-image: url("../img/tab-gycs.png");
	
}
.block-chengjiu{
	background:#dfdcdd;
}
.img-data{
	background: url('../img/img-data.jpg') no-repeat center;
    height: 400px;
    max-width: 1440px;
    margin: 0 auto;
	overflow: hidden;
}
.chengjiu-list{
	
	padding-bottom:60px;
}
.chengjiu-list li{
	list-style-type: none;
	width:535px;
	height:180px;
	background-color:#FFF;
	margin-bottom:10px;
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:232px;
	padding-right:10px;
	padding-top:20px;
}
.chengjiu-list li.right{
	background-position:right top;
	padding-right:222px;
	padding-left:20px;
}
.chengjiu-list a{
	display:block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height:35px;
}
.chengjiu-list li.chengjiu-01{
	background-image:url("../img/subtitle-chengjiu-01.png");
}
.chengjiu-list li.chengjiu-02{
	background-image:url("../img/subtitle-touzi-02.png");
}
.chengjiu-list li.chengjiu-03{
	background-image:url("../img/subtitle-yinhang-03.png");
}
.chengjiu-list li.chengjiu-04{
	background-image:url("../img/subtitle-rencai-04.png");
}
.chengjiu-list li.chengjiu-05{
	background-image:url("../img/subtitle-wenhua-05.png");
}
.chengjiu-list li.chengjiu-06{
	background-image:url("../img/subtitle-hezuo-06.png");
}
.block-bianqian{
	background:url("../img/bg-bottom.jpg") no-repeat bottom center #fff;
	
	padding-bottom:100px;
}
.carousel-bianqian{
	width:1080px;
	/*height:670px;*/
	background:red;
	overflow:hidden;
	border-radius:10px;
	margin-bottom:30px;
}
.carousel-bianqian .bianqian-item{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;

}

.carousel-bianqian .bianqian-item img{
	width:100%;
	
}
.carousel-bianqian .bianqian-item .photo-desc{
	position: absolute;
	bottom:0;
	left:0;
	height:90px;
	width:100%;
	line-height:90px;
	overflow:hidden;
	text-overflow: ellipsis;
	font-size:24px;
	font-weight:500;
	color:#fff;
	background:#830000;
	padding-left:30px;
	letter-spacing:3px;
	text-align:center;
}

.photo-desc a{
	color:#fff;
	font-size:24px;
	}

.timeline{
	background:url("../img/timeline-ruler.png") repeat-y top center;
	margin-top:90px;
	
	
}
.timeline .year{
	width:200px;
	height:60px;
	line-height:60px;
	text-align:center;
	background:#be0000;
	overflow:hidden;
	border-radius:10px;
	position:relative;
}
.timeline .year.year-2019{
	top:-30px;
}
.timeline .year.year-1949{
	bottom:-30px;
}
.timeline .year.item-left{
	margin-left:270px;
}
.timeline .item.item-left{
	margin-right:620px;
	
	
}
.timeline .item{
	margin-top:-5px;
}
.timeline .item-right{
	margin-left:620px;
}
.timeline .item.item-left{
	text-align:right;
}
.timeline .item .title{
	font-size:18px;
	letter-spacing:2px;
	overflow:hidden;
	color:#000;
	white-space: nowrap;
	text-overflow:ellipsis;
}

.timeline .item img{
	width:100px;
	height:100px;
	border-radius:50%;
	margin-top:10px;
	border:2px solid #be0000;
}



@media (max-width: 768px) {
	.show-lg {
        display: none;
    }

    .show-xs {
        display: block;
    }
    ::-webkit-scrollbar {
        width: 0px;
        height: 0px;
        background: transparent;
    }
	.block{padding-top:10px;}
    .container {
        margin: 0 10px;
        width: auto;
		overflow:hidden;
    }

   



    .page-container {
        
        min-width: 0;
        width: 100%;
    }
	.banner {
    background: none;
    height:auto;
}
	
	.block-intro .photo-container{
		width:auto;
		height:auto;
		float:none;
	}

	.block-intro .photo-desc{
		display:none;
	}
	.block-intro .intro-container{
		margin-left:0;	
	}
	.block-intro .intro-container .desc{color:#333;font-size:1em;margin-top:1em;}
	.block-intro .news-list{
		margin-top:.5em;
		line-height:1.5em;
	}
	.block-intro .news-list li{
		border-bottom:1px solid #ccc;
		padding:5px 0;
	}
	.img-title{
		    height: 30px;
		width: auto;
		max-width: inherit;
		margin:30px 0 10px;
	}
	
	.block-qinghuai .photos{
		float:none;
		width:auto;
	}
	.block-qinghuai .photos .photo{
		width:31%;
		height:auto;
		margin:10px 1.16% ;
		
	}
	
	.block-qinghuai .intro{margin:0;}
	.block-qinghuai .photos .subtitle{
		line-height:25px;
	}
	.block-qinghuai .photos .subtitle img{
		height:10px;
	}
	.block-qinghuai .shuxindahui .intro{
		margin:0;
	}
	.block-zeren .photos{
		width:auto;
		float:none;
		height:auto;
	}
	.block-zeren .photos .photo{
		width:auto;
		height:auto;
		position:static;
	}
	.block-zeren .intro{
		width:auto;
		height:auto;
		padding:20px;
		margin-top:50px;
	}
	.block-zeren .photos .tabs{
		bottom:-38px;
	}
	.chengjiu-list{
		padding-top:10px;
		margin-bottom:10px;
	}
	.chengjiu-list li.right,.chengjiu-list li.left{
		background-size:100% auto;
		float:none;
		padding-left:10px;
		padding-right:10px;
		padding-top:12%;
		padding-bottom:2%;
		width:auto;
		height:auto;
	}
	.chengjiu-list li a{
		border-bottom:1px solid #ccc;
	}
	.chengjiu-list li a:last-child{
		border-bottom:none;
	}
	.chengjiu-list li.chengjiu-01 {
    background-image: url(../img/subtitle-m-chengjiu-01.png);
}
	.chengjiu-list li.chengjiu-02 {
    background-image: url(../img/subtitle-m-touzi-02.png);
}
	.chengjiu-list li.chengjiu-03 {
    background-image: url(../img/subtitle-m-yinhang-03.png);
}
	.chengjiu-list li.chengjiu-04 {
    background-image: url(../img/subtitle-m-rencai-04.png);
}
	.chengjiu-list li.chengjiu-05 {
    background-image: url(../img/subtitle-m-wenhua-05.png);
}
	.chengjiu-list li.chengjiu-06 {
    background-image: url(../img/subtitle-m-hezuo-06.png);
}
	.carousel-bianqian{
		width:100%;
		height:auto;
	}
	.carousel-bianqian .bianqian-item{
		
	}
	.carousel-bianqian .bianqian-item .photo-desc{
		font-size:.8em;
		padding:0;
		line-height:3em;
		height:3em;
		overflow:hidden;
		text-overflow:ellipsis;
		width:100%;
		white-space: nowrap;
		letter-spacing: 1px;
	}
	/*.arrow{display:none;}*/
	.arrow{width:20px;height:28px; background-size:100% 100% !important;bottom:130px;}
	.arrow.arrow-left{left:8px;}
    .arrow.arrow-right{right:8px;}

	.timeline{background-size: 20px auto;}
	
	.timeline .year{
		width:100px;
		height:30px;
		line-height:30px;
		border-radius:5px;
		
	}
	.timeline .year.item-left{
		
		position: relative;
		left: 50%;
		margin-left: -100px;
	}
	.timeline .item.item-left{
		margin:0;
		
		margin-right:60%;
		
	}
	.timeline .item.item-right{
		margin:0;
		
		margin-left:60%;
		
	}
	.timeline .item .title{
		font-size:.8em;
		text-overflow: inherit;
		white-space: inherit;
		line-height:1.5em;
	}
	.timeline .year.item-right{
		margin:0;
		position:relative;
		left:50%;
	}
	.timeline .year.year-2019{
		top:-45px;
	}
	.timeline .year.year-1949{
		bottom:-45px;
	}
	.timeline .year img{
		width:50%;
		
	}
	.timeline .item img{
		width:60px;
		height:60px;
	
	}
	.timeline .item{
		margin-top:-3px;
	}
	.block-zeren .photos .tabs .tab{
		background-size:80% 200%;
	}
}

@media (max-width: 768px){

	
    .subpage-container{background:url("../img/bg-bottom-m.jpg") no-repeat bottom center;background-size:100% auto;padding-top:0}
    .subpage .news-list{background:none;width:auto;margin:0;padding:10px;background:none;box-shadow:none; padding-top:30px;}
    .subpage .news-list a{
        color:#333;
        border-bottom:1px solid #be0000;
        margin-bottom:15px;
        position:relative;
        padding-bottom:25px;
		display:block;
		
		
    }
	
    .subpage .news-list a span{
        float:none;
        display: block;
        
        position:absolute;
        bottom:0;
        right:0;
    }
	.subpage-1.news-list a{
		line-height:30px;
	}
    .subpage .img-title{margin:20px auto;}
    
    .subpage .news-list.sub-image-block
    {
       background:url("../img/bg-bottom-m.jpg") no-repeat bottom center;background-size:100% auto;padding-top:30px;padding-bottom:30px;
   
    }
    .subpage .news-list.sub-image-block a{
       
		width:46%;
		margin:5px 2%;
		padding-bottom:5px;
		
		
    }
    .subpage .news-list.sub-image-block a span{
        position:static;
        color:#333;
		font-size:.9em;
		display:inline-block;
    }
    .subpage .news-list.sub-image-block a img {
  
		width:100%;
		height:auto;
		display:inline-block;
		border-radius:5px;
}
    .btn-back{
        position:absolute;
        top:10px;
        left:10px;
        width:20%;
    }
}


.video-list{
	margin-top:20px;
}
.video-list .video{
	width:33.3%;
	float:left;
}
.video-list .video a{
	display:block;
	width:333px;
	height:188px;
	margin:0 auto;
	border-radius:10px;
	overflow:hidden;
}
.video-list .video a img{
	width:100%;
	height:100%;
}
.video-list .video:nth-child(1) a{
	margin-left:0;
}
.video-list .video:nth-child(3) a{
	margin-right:0;
	text-align:right;
}
@media (max-width: 768px){
	.video-list .video a {
    display: block;
    width: 95%;
   
    height: auto;
    margin: 0px auto;
    border-radius: 10px;
    overflow: hidden;
}
}