@charset "utf-8";
/* CSS Document */

.heixinlistbox{
    position:relative;
}

.heixinlist{
	width:100%;
    visibility: visible;
    animation-duration: 1s;
    animation-name: fadeInUp;
}
.heixinlist .slick-dots {
	bottom:-50px;
}
.heixinlist .slick-dots li{
	width:16px;
	height:16px;
	background:#e5e5e5;
	border-radius: 0;
    margin: 0 9px;
}
.heixinlist .slick-dots li.slick-active{
	background:#DB241E;
}
.hxin_item{
	position:relative;
	width:1200px;
	margin:0 54px;
}

.heixinlist .slick-active .hxin_txt{
	display:block;
}
.hitbox{
	width: 100%;
    opacity: 0.3;
}
.heixinlist .slick-active .hitbox{
    opacity: 1;
}
.hxin_txt{
	position:absolute;
	background:#fff;
	width:380px;
	height:422px;
	bottom:10px;
	left:10px;
	padding:56px 53px 42px;
	display:none;
    z-index: 1;
}
.hxin_txt h2{
	color:#333333;
	font-size:30px;
		
	position:relative;
    animation-duration: 1s;
    animation-name: fadeInUp;
    visibility: visible !important;
}
.hxin_txt h2::after{
	position: absolute;
	top:8px;
	content: '';
	width:73px;
	height: 2px;
	background:#0067da;	
	left:-97px;
}
.hxin_txt> p{
	color:#666666;
	font-size:16px;
		
	margin:30px 0 76px;
	line-height: 30px;
    animation-duration: 1s;
    animation-name: fadeInUp;
    visibility: visible !important;
}
.hxin_txt a{
	color:#0067da;
	font-size:20px;
	
    animation-duration: 1s;
    animation-name: fadeInUp;
    visibility: visible !important;		
}

.hexin{
	width:100%;
	padding-bottom:80px;
    position:relative;
    background:#fff; 
}
.hexincon{
	width:1200px;
	margin:0 auto;
	padding:50px 0 80px 0;
}
.heleft{
	width:450px;
    visibility: visible;
	float:left;

}
.heleft h3{
	font-size:24px;
	color:#464646;
	font-weight:normal;
}
.heleft h3>div{ float:left;}


.heleft h4{
	font-size:16px;
	color:#999;
	font-weight:normal;
	line-height:40px;
}
.heleft h4>div{ float:left;}

.heright{
  
    position:relative;
	 visibility: visible;
	 float:right;
}

.heright p{
	font-size:14px;
	color:#333333;
	line-height: 40px;
	letter-spacing: 1px;
    height: 40px;
    overflow: hidden;
	text-align:right;	
}


.wrap_textbox {
    position: absolute;
    top: 67px;
    left: 11.6%;
}
.wrap_textbox .box {
    position: absolute;
    left: 100px;
    top: 0;
    width: 300px;
    height: 340px;
    background: rgba(209,20,39,.8);
    box-shadow: 10px 15px 50px rgba(0,0,0,0.25);
    -webkit-box-shadow: 10px 15px 50px rgba(0,0,0,0.25);
    padding:30px;
}
.wrap_textbox .box .wrap_txt li.active {
    display: block;
}
.wrap_textbox .box .wrap_txt li {
    display: none;
}
.wrap_textbox .box .wrap_txt li .tit {
    font-size: 24px;
    color: #fff;
    line-height: 30px;
    position:relative;
}
.wrap_textbox .box .wrap_txt li .tit::after{
	position:absolute;
	content:'';
	top:12px;
	width:73px;
	height:2px;
	background:#fff;
	left:-80px;
}
.wrap_textbox .box .wrap_txt li .wrap_desc {
    margin-top: 20px;
    color:#ddd;
    font-size:15px;
    line-height: 28px;
}
.wrap_textbox .box .wrap_txt li .btn_text_6 {
    margin-top: 45px;
    display:block;
	width:150px;
	height:40px;
	line-height:40px;
	background:#000;
	text-align:center;
	color:#fff;
}
.btn_text_6 span {
    display: inline-block;
    font-size: 13px;
    color: #fff;
}


a:hover.btn_text_6 span {
    display:block;
    font-size: 13px;
    color: #fff;
}




.slide_page {
    position: absolute;
    bottom: 100px;
    left: 10.6%;
}
.slide_page .slides_log {
    padding-left: 140px;
    font-family: nbr;
    font-size: 20px;
    color: #666;
    letter-spacing: 2px;
}
.slide_page .slides_log .slide_num {
    font-size: 36px;
    color: #fff;
    font-family:"Arial";
	letter-spacing:0;
}
.slide_page .slides_log .slide_num span {
    font-family: nbb;
}
.slide_total_num{
    font-size: 24px;
    color: #ccc;
    font-family:"Arial";    
}.lianjie:hover{
    color:#fff;
}
.heixinlist .slick-prev, .heixinlist .slick-next{
    background:#b2b2b2;
    width:91px;
    height:56px;
    z-index: 50;
}
.heixinlist .slick-prev{
	left:13.3%;
	background:url(../images/prev.png) no-repeat center #b2b2b2;
}
.heixinlist .slick-next{
	right:13.3%;
	background:url(../images/next.png) no-repeat center #b2b2b2;
}


.heixinlist .slick-prev:hover{background:url(../images/prev.png) no-repeat center #DB241E;}
.heixinlist .slick-next:hover{background:url(../images/next.png) no-repeat center #DB241E;}

.hitbox a{
    display: block;
    overflow: hidden;
}
.hitbox img{
    transition: all 1s;
}


/*@media screen and (min-width:1200px){
  .hxin_item:hover img{
        transition: all 1s;
        transform: scale(1.1);
    }
}*/