@charset "utf-8";
.header{width: 100%; height: 120px; min-width: 1200px; color: #fff; background: url(../images/headerbg.jpg) no-repeat top center; background-size: cover;}
.header .container{height: 100%;}
.header .logo{font-size: 24px; height: 60px; line-height: 60px; background: url(../images/border.png)no-repeat bottom;}
.header .nav ul{display: flex;justify-content: space-between;}
.header .nav ul li a{display: block; height: 58px; line-height: 58px; padding: 0 15px; font-size: 16px; border-top: 2px solid transparent;}
.header .nav ul li.on a{border-color: #fff;}

.phone{display: none; width: 100%; min-width: 320px; height: 60px; position: fixed; left: 0; top: 0; color: #fff; background: url(../images/headerbg.jpg) no-repeat top center; background-size: cover; z-index: 70;}
.phone .logo{line-height: 60px; font-size:18px;}
.phone.lateral-menu-is-open{transform: translateX(-66%); -webkit-transform: translateX(-66%);-moz-transform:translateX(-66%);-ms-transform:translateX(-66%);-o-transform:translateX(-66%); transition:all 0.4s ease 0s;}

.wrappers{min-width: 1200px;}

#index-banner{width: 100%; height: 500px; position: relative;}
#index-banner .img{width: 100%; height: 500px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
#index-banner .txt{position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; text-align: center; color: #fff;}
#index-banner .table{display: table; width: 100%; height: 100%;}
#index-banner .cell{display: table-cell; vertical-align: middle;}
#index-banner .cell img{display: inline-block; width: 131px; height: 29px;}
#index-banner .cell h1{font-size: 42px; font-weight: 300; padding: 10px 0;}
#index-banner .cell h2 p{font-size: 14px; line-height: 35px;}
#index-banner .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0 15px; background-color: #5b5753; opacity: 0.3;}
#index-banner .swiper-pagination-bullet-active{opacity: 1;}
#index-banner .swiper-button{width: auto; height: auto; background: none; color: #fff; font-size: 60px; font-family: 宋体;}
#index-banner .swiper-button-next{right: 16%;}
#index-banner .swiper-button-prev{left: 16%;}

.title{display: flex; margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px solid #ddd;}
.title{justify-content: space-between; align-items: center;}
.title .more{font-size: 14px; display: block;}
.title .more span{display: inline-block; position: relative; margin-left: 15px;}
.title .more em{position: absolute;left: -5px; top: 35%; display: inline-block; width: 8px; height: 8px; border-radius: 50%; font-style: normal; background-color: #f33436; z-index: 0}
.title .more i{font-size: 20px; color: #000; position: relative; z-index: 2;}
.title:hover a{color: #f33436;}
.case_title2{ text-align: left; border-top: 1px solid #ddd;}

.index1{width: 100%; padding: 60px 0; background: url(../images/index1bg_02.jpg) no-repeat top center; background-size: cover;}
.index1 .nr_left{width: 580px;}
.index1 .index1swiper{width: 100%; height: 385px; position: relative;}
.index1 .index1swiper .img{position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 5px;}
.index1 .index1swiper .img::before{content:""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1);}
.index1 .index1swiper .img img{display: block; width: 100%; height: 100%;  transition:all 0.5s ease 0s;}
.index1 .index1swiper .swiper-button{width: auto; height: auto; background: none; color: #fff; font-size: 60px; font-family: 宋体;}
.index1 .index1swiper .swiper-button-prev{left: 20px;}
.index1 .index1swiper .swiper-button-next{right: 20px;}
.index1 .index1swiper .txt{box-sizing: border-box; width: 100%; height: 35px; line-height: 35px; padding: 0 20px; position: absolute; left: 0; bottom: 15px; z-index: 3; color: #fff;}
.index1 .index1swiper .txt h1{display: flex; justify-content: space-between;}
.index1 .index1swiper .txt p{width: 80%; font-size: 18px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index1 .index1swiper .txt{font-size: 20px;}
.index1 .index1swiper:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.index1 .index1swiper:hover .txt h1{color: #f33436; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.index1 .nr_right{width: 580px; overflow: hidden;}
.index1 .nr_right .box1{height: 385px;}
.index1 .nr_right .box1 ul li{margin-bottom: 22px;}
.index1 .nr_right .box1 ul li:last-child{margin-bottom: 0;}
.index1 .nr_right .box1 ul li .date{box-sizing: border-box; width: 80px; height: 80px; text-align: center; background-color: #f33436; color: #fff;}
.index1 .nr_right .box1 ul li .date h1{ padding-top: 7px; font-size: 28px;}
.index1 .nr_right .box1 ul li .date span{font-size: 14px; padding-top: 7px; display: block;}
.index1 .nr_right .box1 ul li .lis{width: 80%;}
.index1 .nr_right .box1 ul li .lis h1{font-size: 18px; margin-bottom: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.index1 .nr_right .box1 ul li .lis .ckqb{position: relative; padding-bottom: 12px; border-bottom: 1px solid #ddd;}
.index1 .nr_right .box1 ul li .lis .ckqb a{display: block; line-height: 25px; color: #666;}
.index1 .nr_right .box1 ul li .lis .ckqb a i{display: inline-block; margin-left: 30px; font-size: 25px; position: relative; top: 8px;}
.index1 .nr_right .box1 ul li:hover .lis h1{color: #f33436; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.index1 .nr_right .box1 ul li .ckqb:hover a{color: #f33436;}

.index2{width: 100%; padding: 60px 0; background: url(../images/index2bg.jpg) no-repeat top center; background-size: cover;}
.index2 .title{width: 250px; margin: 0 auto; text-align: center; align-items: center; border-bottom: none;}
.index2 span{display: inline-block; width: 33px; height: 1px; background-color: #f33436;}
.index2 .part2 ul{display: flex; justify-content: space-between; flex-wrap:wrap;}
.index2 .part2 ul li{width: 210px; height: 160px; background-color: #fff; margin-top: 40px; transition:all 0.5s ease 0s; position: relative; border-radius: 5px; box-shadow: 0 0 9px rgba(0,0,0,0.12);}
.index2 .part2 ul li .txt{position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; text-align: center;}
.index2 .part2 ul li .table{display: table; width: 100%; height: 100%;}
.index2 .part2 ul li .cell{display: table-cell; vertical-align: middle;}
.index2 .part2 ul li .cell img{display: block; width: 50px; margin: 0 auto;}
.index2 .part2 ul li .cell .img2{display: none;}
.index2 .part2 ul li .cell p{font-size: 14px; color: #f33436; margin-top: 12px;}
.index2 .part2 ul li:hover {transform:translateY(-10px); transition:all 0.5s ease 0s; background: url(../images/index2-bg.jpg) no-repeat top center; background-size: cover;}
.index2 .part2 ul li:hover .cell .img1{display: none;}
.index2 .part2 ul li:hover .cell .img2{display: block; transition:all 0.5s ease 0s;}
.index2 .part2 ul li:hover .cell p{color: #fff; transition:all 0.5s ease 0s;}

.index3{width: 100%; padding: 60px 0  30px 0; background-color: #f8f8fa;}
.index3 ul{display: flex; justify-content: space-between; flex-wrap:wrap;}
.index3 ul li{width: 285px; margin-bottom: 35px;}
.index3 ul li .img{width: 100%; height: 235px; overflow: hidden; position: relative; border-radius: 5px;  transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.index3 ul li .img img{display: block; width: 100%; height: 100%;  transition:all 0.5s ease 0s;}
.index3 ul li .txt{box-sizing: border-box; position: relative; width: 92%; margin: 0 auto; margin-top: -50px; padding: 20px 15px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 9px rgba(0,0,0,0.12); text-align: center;}
.index3 ul li .txt h1{margin-bottom: 15px; font-size: 16px;}
.index3 ul li .txt p{font-size: 14px; color: #666;}
.index3 ul li:hover .img img{transform: scale(1.1, 1.1);}
.index3 ul li:hover .txt{background: url(../images/index3-bg1.jpg) no-repeat top center; background-size: cover; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.index3 ul li:hover .txt h1{color: #fff; transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}
.index3 ul li:hover .txt p{color: #fff;  transition:all 0.5s ease 0s; -webkit-transition:all 0.5s ease 0s;}

.index4{width: 100%; padding: 60px 0;}
.index4 .title .button a{display: inline-block; font-size: 45px; color: #333; font-family: 宋体;}
.index4 .title .button .swiper-button-prev3{margin-right: 25px;}
.index4swiper .img img{display: block; width: 100%; height: 270px;}

.footer{width: 100%;}
.footer .box1{width: 1200px; height: 29px; background: url(../images/title6_04.png) no-repeat top center; background-size: cover;}
.footer .box2{padding: 30px 0;}
.footer .box2 a{min-width: 90px; margin-right: 45px; display: inline-block; font-size: 14px; line-height: 22px; color: #666;}
.footer .box2 a:last-child{margin-right: 0;}
.footer .box3{display: flex; justify-content: space-between; padding: 30px 0; border-top: 1px solid #ddd;}
.footer .box3 p{line-height: 22px;color: #666;}
.footer a:hover{color: #f33436;}

/*******************************
	-------[=banner]-------
********************************/
#ban{
    height: 320px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
#bd{position: relative;z-index: 10;}
.wp{width: 100%;max-width: 1180px;margin: 0 auto;}
.row{overflow: hidden;margin-top: -40px;}
/*左右分栏*/
.side-col{
    float: left;width: 254px;min-height: 608px;position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
    padding-bottom: 30px;
    background: url("/images/bg3.png") no-repeat right bottom;
    background-color: #ededed;
    margin-right: 50px;
}
.main-col{overflow: hidden;padding-top: 60px;min-height:850px;}
/*当前位置*/
.m-cur{
    font-family: "宋体";
    font-size: 12px;color: #484848;line-height: 24px;text-align: right;
    padding: 14px 0 19px;
}
.m-cur a{color: inherit;}
.m-cur a:hover{color: #9a0000;}
.m-cur a i{
    display: inline-block;vertical-align: middle;
    width: 20px;height: 20px;
    background: url("/images/bg4.png") no-repeat center center;
    margin-right: 6px;
}
.m-tit1 {
	position: relative;
	overflow: hidden;
	margin-bottom: 25px;
}
.m-tit1 h3 {
	position: relative;
	float: left;
	padding-right: 20px;

	font-size: 30px;
	font-weight: bold;
	color: #484848;
}
.m-tit1 h3 i {
	position: absolute;
	top: 50%;left: 100%;
	width: 1180px;
	height: 1px;

	background-color: #cecece;
}
.g-title1{padding: 8px 10px 16px 40px;background: #9a0000;}
.g-title1 h3{
    font-size: 32px;color: #fff;font-weight: normal;line-height: 64px;
    background: url("/images/bg1.jpg") no-repeat left bottom;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*页码*/
.m-page{padding: 15px 0 0;text-align: center;}
.m-page ul{overflow: hidden;display: inline-block;vertical-align: top;}
.m-page ul li{
    float: left;margin: 0 5px;
}
.m-page li a{
    display: block;
    font-size: 14px;color: #666;line-height: 28px;
    padding: 0 10px;
    background: #fff;border: 1px #ededed solid;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.m-page li a:hover,.m-page li.on a{
    background: #9a0000;color: #fff;
}
.snav{padding-top: 12px;}
.snav li{
    padding-left: 17px;
}
.snav a{
    display: block;
    font-size: 16px;color: #000;line-height: 47px;
    padding-left: 32px;
    background-position: 14px center;
    background-repeat: no-repeat;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.snav li.on a,.snav a:hover{
    color: #9a0000;
    background-image: url("/images/bg2.jpg");
    background-color: #fff;
}
.m-list3 {
	padding-bottom: 5px;
}
.m-list3 li {
	overflow: hidden;
	padding: 10px 0 30px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 20px;
}
.m-list3  .pic {
	float: left;
	overflow: hidden;
          width:166px;
          height:120px;
	}
.m-list3  .pic img {
	display: block;
	width: 100%;
	height: 100%;
}
.m-list3  .pic:hover img {
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	     -o-transform: scale(1.1);
	        transform: scale(1.1);
}
.m-list3  .pic1 {
	float: left;
	overflow: hidden;
          width:142px;
          height:193px;
	}
.m-list3  .pic1 img {
	display: block;
	width: 100%;
	height: 100%;
}
.m-list3  .pic1:hover img {
	-webkit-transform: scale(1.1);
	   -moz-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	     -o-transform: scale(1.1);
	        transform: scale(1.1);
}
.m-list3 .txt {
	overflow: hidden;
	padding-left: 20px;
}
.m-list3 .tit {
	font-size: 16px;
	font-weight: normal;
	line-height: 26px;

	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.m-list3 .tit a {
	color: #000;

	-webkit-transition: 0.3s;
	   -moz-transition: 0.3s;
	    -ms-transition: 0.3s;
	     -o-transition: 0.3s;
	        transition: 0.3s;
}
.m-list3 .tit a:hover{
	color: #9a0000;
}
.m-list3 .txt p {
	height: 48px;

	font-size: 14px;
	line-height: 24px;
	color: #333;

	overflow: hidden;
	display: -webkit-box;
	display: box; 
	
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.m-list3 .info {
	padding: 5px 0;

	font-size: 12px;
	font-family: "宋体";
	line-height: 25px;
	color: #999;
}
.m-list3 .info .time {
	display: inline-block;
	padding-left: 24px;

	background: url("/images/icon-time.png") 0 center no-repeat;
}

/*-----------------[公用页码]--------------*/
.pages-pc-m{
    text-align: center;clear: both;
    font-size: 14px;color: #666;line-height: 30px;
    margin: 20px 0;
}
.pages-pc-m a,.pages-pc-m .num,.pages-pc-m input{
    display: inline-block;vertical-align: top;
    height: 30px;
    border: 1px #ededed solid;background: #fff;
    padding: 0 12px;
    font-size: 14px;color: #666;line-height: 28px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
    margin-bottom: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;   
    box-sizing: border-box;
}
.pages-pc-m a:hover,.pages-pc-m a.on{
    background: #9a0000;border-color: #9a0000;color: #fff;
}
.pages-pc-m .num{width: 89px;text-align: center;}
.pages-pc-m .inp{width: 53px;text-align: center;padding: 0;}
.pages-pc-m br{display: none;}
/*
-----------------[详情页]--------------*/
.m-arti{
    font-size: 14px;color: #333;line-height: 34px;
    margin-bottom: 19px;
}
.m-arti img{display:inline-block;margin: 0 auto 2px;}
.m-arti p{
    text-indent: 2em;padding-bottom: 12px;
}

.m-arti .vsbcontent_img{
    text-indent: 0em;
}

.m-arti .p-notes{padding-bottom: 8px;text-align: center;text-indent: 0;}
.m-arti h1{
    font-size: 20px;color: #333;text-align: center;
    margin-bottom: 8px;
}
.m-arti .info{
    display: block;margin-bottom: 16px;
    font-family: "宋体";font-size: 12px;color: #999;line-height: 24px;text-align: center;
}

.m-recomend{padding-top: 13px;border-top: 1px solid #e6e6e6;margin-top: 60px;}
.m-recomend .title{color: #333;font-size: 20px;font-weight: bold;height: 30px;line-height: 30px;overflow: hidden;}
.ul-list13{padding-top: 7px;}
.ul-list13 a{display: block;height: 34px;line-height: 34px;overflow: hidden;padding-left: 17px;
    background: url("/images/yicon1.png") no-repeat center left;color: #333;font-size: 14px;
	white-space: nowrap;text-overflow: ellipsis;
}
.ul-list13 a:hover{color: #9a0000;}

#vsb_content_2 p{text-indent:0em!important;}
#vsb_content_2 table p{text-align:center!important;}

.next_title{ text-align: right; padding-top: 15px; border-top: 1px solid #ddd; line-height: 14px;}
.next_title h1{ font:14px/18px "宋体"; color: #333;}


/*-----------------[推荐专题]--------------*/
.c_zsdw{overflow: hidden;margin: 0 auto;}
.c_zsdw li{overflow: hidden;height: 58px;line-height: 58px;border-bottom: 1px solid #eaeaea;}
.c_zsdw li span{float: right;color: #999;font-size: 14px;}
.c_zsdw li h3{font-size: 16px;font-weight: normal;margin-right: 120px;}
.c_zsdw li h3 a{display: block;color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.c_zsdw li h3:hover a{color: #d82429;}
.c_zsdw li h3:hover em{color: #d82429;}
.c_zsdw li h3 em{float: left;width: 30px;font-weight: bold;}
.c_xgtj{padding: 50px 0 0;overflow: hidden;}
.c_xgtj .tuitou{background: url(../images/tuijian.jpg) no-repeat center;height: 76px;width: 100%;}
.c_xgtj .c_zsdw{width: 1000px;}
.c_xgtj .c_zsdw.zt{width: 1300px;}
.c_xgtj .c_zsdw li{float: left;width: 440px;margin: 0 60px 0 0;}
.c_xgtj .c_zsdw.zt li{float: left;width: 580px;margin: 0 40px 0 0;}

.pagination{ text-align: center; padding: 25px 0;}
.pagination li{ width: 31px; height: 31px; display: inline-block; *display: inline; *zoom: 1; font: 14px/31px arial; text-align: center; background: #d86f6f; margin: 0; *margin: 0 3px;}
.pagination li.fli{ width: 103px; background: #e29090;}
.pagination li.lli{ width: 103px; background: #e29090;}
.pagination li a{ color: #fff; display: block; width: 100%;}
.pagination li span{ display: block; width: 100%; background: #fff;}
.pagination li.fli em{ padding-left: 24px; background: url(../images/neiye2_06.png) no-repeat left center;}
.pagination li.lli em{ padding-right: 24px; background: url(../images/neiye2_09.png) no-repeat right center;}
.pagination li a:hover,.pagination li a.current{ background-color: #ab0101;}
.clicked{ background-color: #ab0101;}