body {
	overflow-x: hidden;
}
.mt80 {
	margin-top: 80px;
}
.pt80 {
	padding-top:80px;
}
.banner {
	width: 100%;
	height: 100vh;
	position: relative;
}
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.banner .swiper-container {
	position: absolute;
    top: 0;	
    left: 0;
    width: 100%;
	height: 100%;
	z-index: 0;
	background: #000;
}

.banner .swiper-slide {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.banner .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.banner .imgs {
	width: 100%;
    height: 100%;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all ease 0.5s;
    z-index: 99;
    position: absolute;
    left: 0;
	top: 0;
	overflow: hidden;
	z-index: 0;
	-webkit-transition-duration: 1.6s;
	transition-duration: 1.6s;
}
.banner .swiper-container {
    min-height: 150px;
}

.banner .swiper-container .swiper-wrapper, .banner .swiper-container [data-swiper-parallax] {
    -webkit-transition-timing-function: cubic-bezier(.77,0,.175,1);
    transition-timing-function: cubic-bezier(.77,0,.175,1);
}

.banner .swiper-wrapper, .banner [data-swiper-parallax]  {
    will-change: transform;
}


.banner .swiper-slide .text {
	position: absolute;
	width: 400px;
	height: 55%;
	min-height: 500px;
	top: 0;
	margin-top: 16%;
	left: 160px;
	z-index: 9;
	filter:alpha(opacity=0);   
	-moz-opacity:0;   
	-khtml-opacity: 0;   
	opacity: 0;
	transform: rotateY(-30deg)rotateX(30deg)rotateZ(0deg);
    -webkit-transform: rotateY(-30deg)rotateX(30deg)rotateZ(0deg);
	display: inline-block;
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.banner .text .st {
	font-size: 24px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	color: rgba(255,255,255,0.8);
}
.banner .text .t-t {
    font-size: 40px;
    color: #fff;
    height: 100px;
    line-height: 50px;
    font-weight: bold;
    overflow: hidden;
    margin-top: 20px;
}
.banner .text .int {
	margin-top: 100px;
	max-height: 180px;
	line-height: 30px;
	color: rgba(255,255,255,0.7);
	font-size: 14px;
	overflow: hidden;
}
.banner .swiper-bg {
	position: absolute;
	width: 0px;
	height: 100%;
	background: rgba(0,0,0,0.7);
	left: 0;
	top: 0;
	z-index: 3;
	-webkit-transition-duration: 0.7s;
	transition-duration: 0.7s;
}

.ani-slide .swiper-bg {
	width: 720px;
}
.banner .ani-slide .text {
	filter:alpha(opacity=100);   
	-moz-opacity:1;   
	-khtml-opacity: 1;   
	opacity: 1;
	-webkit-transition-duration: 1.6s;
	transition-duration: 1.6s;
	transform: rotateY(0deg)rotateX(0deg)rotateZ(0deg);
    -webkit-transform: rotateY(0deg)rotateX(0deg)rotateZ(0deg); 
}
.banner .ani-slide.swiper-slide-active .imgs {
	transform: scale(1) translate3d(0%, 0px, 0px);
}

.banner .swiper-slide-next .imgs {
	transform: scale(1.1) translate3d(-50%, 0px, 0px);
}
.banner .swiper-slide-prev .imgs {
	transform: scale(1.1) translate3d(50%, 0px, 0px);
}

.banner .arrow {
	position: absolute;
	top: 25%;
	margin-top: -10px;
	width: 100px;
	height: 50%;
	padding: 0;
	z-index:20;
}
.banner .arrow:before {
	content:"";
	display: block;
	position: absolute;
	height: 3px;
	width: 0;
	background: #fff;
	top: 50%;
	margin-top: -1.5px;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	z-index: 5;
}
.banner .arrow:after {
	position: relative;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	z-index: 9;
}
.swiper-container .btn-prev {
    left: 5%;
}
.swiper-container .btn-next {
    right: 5%;
}
.swiper-container .swiper-button-prev:before {
	left: 50%;
	margin-left: -10px;
}
.swiper-container .swiper-button-next:before {
	margin-right: -10px;
	right: 50%;
}
.banner .swiper-button-prev:hover::before {
	width: 45px;
	margin-left: -20px;
}
.banner .swiper-button-next:hover::before {
	width: 45px;
	margin-right: -20px;
}
.banner .swiper-button-prev:hover:after {
	margin-left: -20px;
}
.banner .swiper-button-next:hover:after {
    margin-right: -20px;
}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after {
	font-size: 40px;
}

.banner .remote {
	position: absolute;
	width: 400px;
	bottom: 20px;
	height: 50px;
	z-index: 20;
	left: 160px;
}
.banner .swiper-pagination {
	color: #fff;
	line-height: 50px;
	font-size: 16px;
	bottom: 0;
	right: 0;
	text-align: right;
}
.banner .swiper-pagination .swiper-pagination-current {
	font-size: 24px;
}
.banner .mouse {
	position: absolute;
	left: 0;
	top: 0;
	height: 36px;
	border:1px solid rgba(255,255,255,0.8);
	width: 22px;
	border-radius: 20px;
	z-index: 99;
	cursor: pointer;
}
.banner .mouse a {
	display: block;
	width: 100%;
	height: 100%;
}
.banner .mouse .point {
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 8px;
	margin-left: -3px;
	animation: zzz 1.5s infinite;
	animation-direction:alternate;
	-webkit-animation:zzz 1.5s infinite;
	-webkit-animation-direction:alternate;
}

@keyframes zzz
{
	from {
		top: 8px;
	}
	to {
		top: 20px;
	}
}

/*Safari and Chrome*/
@-webkit-keyframes mymove 
{
	from {
		top: 8px;
	}
	to {
		top: 20px;
	}
}


.header {
	position: absolute;
	width:100%;
	margin:0 auto;
	left: 0%;
	z-index: 30;
	top: 0px;
	min-height: 56px;
}
.header .logo {
	display: block;
	margin-left:160px;
	box-sizing: border-box;
	padding-top: 20px;
}
.header .logo a {
	display: block;
}
.header .nav {
	padding-right: 5%;
	position: relative;
}
.header .nav ul li {
	display: block;
	float: left;
}
.header .nav ul li h3 a {
	color: #fff;
	font-size: 16px;
	text-shadow: 2px 2px 3px #333;
	display: block;
	padding: 20px 25px 5px 25px;
	line-height: 40px;
	position: relative;
}


.header .nav ul li h3 a:before {
	content: "";
	display: block;
	width: 0%;
	height: 3px;
	background: #af251b;
	position: absolute;
	bottom: 0;
	left: 0;
}

.header .nav ul li.curr h3 a:before {
	width: 100%;
}

.header .nav ul li .listcur {
	position: absolute;
	left: 0;
	top: 65px;
	width: 100%;
	background: #353535;
	padding: 10px 0;
	display: none;
}
.header .nav .listcur ul li {
	display: block;
	margin: 0 20px;
}

.header .nav .listcur ul li a {
	display: block;
	width: 100%;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: rgba(255,255,255,0.8);
	font-size: 14px;
}

.header .nav .listcur ul li a:hover {
	color: #af251b;
}

/*.header .nav .listcur i {
	width: 0;
	height: 0;
	border: 8px solid;
	border-color: transparent transparent #fff;
	display: block;
	position: absolute;
	top: -16px;
	left: 50%;
	margin-left: -8px;
}*/

.menu {
	display: none !important;
	
}
.hamburger {
	background-color: #b0271d;
	position: relative;
	z-index: 99;
	padding:10px 12px;
}
.hamburger:hover {
	opacity: 1;
}
.hamburger-box {
	width: 30px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	background-color: #fff ;
	height: 3px;
	width: 30px;
}

 
.title {
	display: block;
	color: #333;
}

.title h3 {
	display: block;
	font-size: 46px;
}

.title .st {
	font-size: 16px;
	color: #1c1c1c;
	margin-top: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.service {
	position: relative;
	padding-bottom: 50px;
}
.service .list {
	margin-top: 100px;
}
.service .list ul li {
	display: block;
	float: left;
	width: 21%;
	position: relative;
	padding: 30px 2%;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.service .list ul li a {
	display: block;
	padding-top: 50px;
}
.service .list ul li .num {
	position: absolute;
	top: 20px;
	left: 50%;
	font-size: 96px;
	width: 80%;
	margin-left: -54%;
	text-align: center;
	color: #e9e9e9;
	z-index: 9;
	letter-spacing: 5px;
	font-family: "Arial";
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.service .list ul li span {
	display: block;
}
.service .list ul li .st {
	font-size: 18px;
	color: #333;
	z-index: 11;
	width: 90px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	background: #fff;
	position: relative;
	margin: auto;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.service .list ul li .lins {
	margin-top: 20px;
	height: 75px;
	line-height: 25px;
	color: #333;
	font-size: 14px;
	text-indent: 2rem;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	overflow: hidden;
}
.service .list ul li:before {
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background: #fff;
}
.service .list ul li:nth-child(even) {
	background: #f5f5f5;
}
.service .list ul li:nth-child(even) .st {
	background: #f5f5f5;
}
.service .list ul li:nth-child(odd) {
	background: #ffffff;
}
.service .list ul li:nth-child(5) {
	background: #af251b;
	margin-left: 25%;	
}
.service .list ul li:nth-child(6) {
	background: #af251b;	
}
.service .list ul li:nth-child(7) {
	background: #af251b;	
}
.service .list ul li:nth-child(5) .st {
	background: #af251b;	
	color: #fff;
}
.service .list ul li:nth-child(6) .st {
	background: #af251b;	
	color: #fff;
}
.service .list ul li:nth-child(7) .st {
	background: #af251b;	
	color: #fff;
}
.service .list ul li:nth-child(5) .num {
	color: #fff;
}
.service .list ul li:nth-child(6) .num {
	color: #fff;
}
.service .list ul li:nth-child(7) .num {
	color: #fff;
}

.service .list ul li:nth-child(5) .lins {
	color: #fff;
}
.service .list ul li:nth-child(6) .lins {
	color: #fff;
}
.service .list ul li:nth-child(7) .lins {
	color: #fff;
}
.service .list ul li a:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	width: 0%;
	height: 100%;
	background: rgba(0,0,0,0.1);
	z-index: 12;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.service .list ul li a:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 50%;
	width: 0%;
	height: 100%;
	background: rgba(0,0,0,0.1);
	z-index: 12;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.service .list ul li a:hover::before {
	width:50%; 
}
.service .list ul li a:hover::after {
	width:50%; 
}

.service .list ul li:nth-child(5) a:hover::before {
	background: rgba(255,255,255,0.2);  
}
.service .list ul li:nth-child(5) a:hover::after {
	background: rgba(255,255,255,0.2);   
}
.service .list ul li:nth-child(6) a:hover::before {
	background: rgba(255,255,255,0.2);  
}
.service .list ul li:nth-child(6) a:hover::after {
	background: rgba(255,255,255,0.2);   
}
.service .list ul li:nth-child(7) a:hover::before {
	background: rgba(255,255,255,0.2);  
}
.service .list ul li:nth-child(7) a:hover::after {
	background: rgba(255,255,255,0.2);   
}


.service .wrap {
	position: relative;
	z-index: 10;
}

.service .img1 {
	position: absolute;
	right: 0;
	top: 70px;
	height: 440px;
	width: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 7;
}

.service .img2 {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 325px;
	width: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 7;
}

.break {
	position: relative;
}
.break .left {
	width: 75%;
}
.break .left .swiper-slide {
	width: 33.3%;
	height: 480px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	overflow: hidden;
}
.break .left .swiper-slide a {
	display: block;
	width: 100%;
	height: 100%;
}
.break .left .swiper-slide .text {
	position: absolute;
	bottom: -100%;
	width: 80%;
	left: 0;
	padding: 25px 10%;
	background: #fdfffc;
	filter:alpha(opacity=0);   
	-moz-opacity:0;   
	-khtml-opacity: 0;   
	opacity: 0;
	z-index: 11;
	transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;   
}
.break .left .swiper-slide .text h3 {
	color: #333;
	font-size: 20px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
}
.break .left .swiper-slide .text .st {
	display: block;
	margin-top: 20px;
	height: 88px;
	line-height: 22px;
	color: #999;
	overflow: hidden;
	font-size: 14px;
}
.break .left .swiper-slide .text .lin {
	display: block;
	margin-top: 20px;
	color: #ccc;
}
.break .left .swiper-slide .bg {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	background: rgba(0,0,0,0.5);
	z-index: 9;
	transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-o-transition: all 0.7s ease; 
}
.break .left .swiper-slide:hover .text {
	bottom: 0;
	filter:alpha(opacity=100);   
	-moz-opacity:1;   
	-khtml-opacity: 1;   
	opacity: 1; 
}
.break .left .swiper-slide:hover .bg {
	height: 100%;
}

.break .swiper-button-next2 {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 25%;
	background: #af251b;
	height: 100%;
	cursor: pointer;
}
.break .swiper-button-next2 i {
	display: block;
	width: 95px;
	height: 82px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -41px;
	margin-left: -47px;
	animation: tran  8s infinite linear;
    /* Safari 与 Chrome: */
    -webkit-animation: tran 8s infinite linear;
	background: url(../img/break-bg.png) no-repeat;
}
.break .swiper-button-next2 span {
	display: block;
	font-size: 20px;
	color: #fff;
	position: absolute;
	top: 50%;
	margin-top: 70px;
	text-align: center;
	width: 100%;
}



@keyframes tran
{
    from {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Safari and Chrome */
    }
    to {
		transform: rotate(360deg);
		-ms-transform: rotate(360deg); /* IE 9 */
		-webkit-transform: rotate(360deg); /* Safari and Chrome */
    }
}
 
@-webkit-keyframes tran
{
    from {
		transform: rotate(0deg);
		-ms-transform: rotate(0deg); /* IE 9 */
		-webkit-transform: rotate(0deg); /* Safari and Chrome */
    }
    to {
		transform: rotate(360deg);
		-ms-transform: rotate(360deg); /* IE 9 */
		-webkit-transform: rotate(360deg); /* Safari and Chrome */
    }
}




.about {
	width: 100%;
	height: 810px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	position: relative;
}

.about .inboxs {
	padding: 80px 150px;
	background: rgba(255,255,255,0.8);
	width: 700px;
	left: 50%;
	margin-left: -750px;
	position: absolute;
	top: 80px;
}
.about .inboxs .int {
	margin-top: 30px;
	font-size: 16px;
	color: #333;
}
.about .inboxs .t-t {
	display: block;
	margin-top: 30px;
	font-size: 14px;
	line-height: 30px;
	height: 180px;
	overflow: hidden;
}
.links {
	margin-top: 30px;
	font-size: 16px;
	color: #af251b;
	display: inline-block;
	padding: 14px 50px;
	border-radius: 10px;
	border:1px solid #af251b;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease; 
}
.links:hover {
	background: #af251b;
	color: #fff;
	border-radius: 5px;
}

.dynamic {
	background: #f5f5f5;
	padding: 70px 0;
}
.dynamic .hd {
	position: absolute;
	right: 0;
	top: 40px;
}
.dynamic .hd ul li {
	display: inline-block;
	margin-left: 40px;
	font-size: 14px;
	color: #333;
	padding: 7px 20px;
	border:1px solid #af251b;
	cursor: pointer;
	border-radius: 3px;
}

.dynamic .hd ul li:hover {
	background: #af251b;
	color: #fff;
}
.dynamic .hd ul li.on {
	background: #af251b;
	color: #fff;
}
.dynamic .bd {
	margin-top: 50px;
	background: #fff;
	padding: 30px 3%;
	height: 870px;
}
.dynamic .news-list {
	display: none;
}
.news-list ul li {
	display: block;
	margin-top: 30px;
	position: relative;
	padding-bottom: 30px;
	border-bottom: 1px solid #f2f2f2;
}
.news-list ul li:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #af251b;
	width: 0%;
	height: 1px;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.news-list ul li a {
	display: block;
}
.news-list ul li .img {
	width: 265px;
	height: 130px;
	display: block;
	overflow: hidden;
}
.news-list ul li .img img {
	width: auto;
	height: 100%;
	display: block;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.news-list ul li .time {
	display: block;
	font-size: 16px;
	color: #666;
	position: absolute;
	top: 35px;
	left: 300px;
	text-align: center;
}
.news-list ul li .time i {
	color: #af251b;
	font-size: 26px;
	display: block;
	font-style: normal;
	font-weight: bold;
}
.news-list ul li .st {
	display: block;
	position: absolute;
	left: 430px;
	top:10px;
	right: 170px;
}
.news-list ul li .st h3 {
	display: block;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 16px;
	color: #333;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.news-list ul li .st .t-t {
	display: block;
	height: 75px;
	line-height: 25px;
	overflow: hidden;
	font-size: 14px;
	color: #333;
	margin-top: 10px;
}
.news-list ul li .aroow {
	display: block;
	position: absolute;
	right: 0;
	top: 35px;
	width: 54px;
	height: 54px;
}
.news-list ul li .aroow img {
	display: block;
	width: 12px;
	height: 22px;
	position: absolute;
	z-index: 999;
	top: 50%;
	margin-top: -11px;
	left: 50%;
	margin-left: -6px;
}
.news-list ul li .aroow:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 54px;
	height: 54px;
	background: #f7e9e8;
	z-index: 9;
}

.news-list ul li .aroow:before {
	content: "";
	position: absolute;
	top: 6px;
	left: 6px;
	width: 42px;
	height: 42px;
	z-index: 99;
	background: #e9c2bf;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.news-list ul li:hover .aroow:before {
	background: #af251b;
}

.news-list ul li:hover  .st h3 {
	color: #af251b;
}
.news-list ul li:hover .img 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);
}
.news-list ul li:hover::after {
	width: 100%;
}


.ces ul li {
	display: block;
	float: left;
	width: 25%;
	text-align: center;
}

.ces ul li .num {
	display: block;
	font-weight: bold;
	font-size: 50px;
	color: #af251b;
	position: relative;
}
.ces ul li .num .timer {
	position: relative;
	display: inline-block;
}
.ces ul li .num span {
	display: inline-block;
	font-size: 40px;
	margin-left: -10px;
}
.ces ul li .st {
	display: block;
	font-size: 20px;
	color: #333;
	margin-top: 10px;
}

.fir .swiper-button-prev3:after,.fir .swiper-button-next3:after {
	font-size: 24px;
}

.fir .swiper-slide img {
	width: 100%;
	display: block;
}
.footer {
	background: #1c1c1c;
	padding-top: 50px;
}

.footer .list {
	width: 20%;
	text-align: center;
	float: left;
}
.footer .list h3 {
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	margin-bottom: 25px;
}
.footer .list ul li {
	display: block;
}
.footer .list ul li a {
	display: block;
	font-size: 14px;
	color: rgba(255,255,255,0.7);
	height: 30px;
	line-height: 30px;
}
.footer .list ul li a:hover {
	color: #fff;
}
.footer .bottom {
	margin-top: 30px;
	padding-top: 30px;
	border-top:1px dashed rgba(255,255,255,0.7);
}
.footer .bottom  .left {
	width: 50%;
}
.footer .bottom h3 {
	display: block;
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	padding-bottom: 10px;
	display: block;
}
.footer .bottom  .left span {
	display: block;
	line-height: 40px;
	color: #fff;
	font-size: 14px;
	padding-left: 30px;
}
.footer .bottom  .left span:nth-child(1){
	background: url(../img/footer-icon1.png) no-repeat left center;
}
.footer .bottom  .left span:nth-child(2){
	background: url(../img/footer-icon2.png) no-repeat left center;
}
.footer .bottom  .left span:nth-child(3){
	background: url(../img/footer-icon3.png) no-repeat left center;
}
.footer .bottom .right {
	display: block;
	width: 50%;
	text-align: right;
	color: #fff;
	line-height: 40px;
}

.back {
	display: block;
	margin-top: 30px;
	width: 0;
	height: 0;
	border: 40px solid;
	border-color: transparent transparent #af251b;
	display: block;
	margin: auto;
	position: relative;
	cursor: pointer;
}
.back .img {
	position: absolute;
	top: 10px;
	left: -4px;
	transform: rotate(-90deg);
	-ms-transform: rotate(-90deg); /* IE 9 */
	-webkit-transform: rotate(-90deg); /* Safari and Chrome */
}


.pubBanner {
	height: 500px;
}
.pubBanner .swiper-button-next,.pubBanner .swiper-button-prev {
	display: none;
}

.pubBanner .swiper-bg {
	display: none;
}
.pubBanner .text {
	display: none;
}

.pubBanner .imgs {
	height: 500px;
}

.pubBanner .remote {
	display: none;
}

.pubNav {
	background-color: #f6f4f4;
}
.pubNav ul {
	margin: auto;
	text-align: center;
}

.pubNav ul li {
	display: inline-block;
	position: relative;
	-webkit-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.pubNav ul li h3 {
	font-size: 16px;
	font-weight: normal;
}

.pubNav ul li span {
	display: block;
	margin-top: 8px;
	font-size: 12px;
	text-transform: uppercase;
}
.pubNav ul li a {
	display: inline-block;
	padding: 20px 25px;
	text-align: center;
	color: #333;
}
.pubNav ul li:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	background: #d43131;
	-webkit-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
}
.pubNav ul li.curr {
	background-color: #fff;
}
.pubNav ul li.curr a {
	color: #75241e;
}
.pubNav ul li.curr:before {
	width: 100%;
}

.pubNav ul li:hover a {
	color: #75241e;
}
.pubNav ul li:hover {
	background-color: #fff;
}

.caseList {
	display: block;
}
.caseList ul {
	margin-left: -3%;
}
.caseList ul li {
	display: block;
	width: 23%;
	margin-left: 2%;
	float: left;
	margin-top: 40px;
	height: 340px;
	position: relative;
}
.caseList ul li a {
	display: block;
}

.caseList ul li .imgs {
	display: block;
	width: 99%;
	height: 280px;
	position: relative;
	overflow: hidden;
	border:3px solid #fff;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease; 
}
.caseList ul li .imgs:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 0%;
	bottom: 0;
	right: 0;
	transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	background-image: linear-gradient(rgba(155,61,61,0.9), rgba(0,0,0,0.8));
}
.caseList ul li .imgs img {
	width: 100%;
	height: 100%;
	display: block;
}
.caseList ul li .text {
	display: block;
	transition: all 1s ease;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	z-index: 99; 
	text-align: center;
}
.caseList ul li .text h3 {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 16px;
	color: #333;
	margin-top: 5px;
}
.caseList ul li .text .st {
	display: block;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	color: #777;
}
.caseList ul li .text .aroow {
	width: 42px;
	height: 23px;
	display: block;
	margin: auto;
	margin-top: 20px;
	background: url(../img/arrow-bg.png) no-repeat;
}
.caseList ul li:hover .imgs {
	border:3px solid #a09292;
	-webkit-transform: scale(1.11);
	-moz-transform: scale(1.11);
	-ms-transform: scale(1.11);
	-o-transform: scale(1.11);
	transform: scale(1.11);
}

.caseList ul li:hover .text {
	position: relative;
	margin-top: -80%;
	text-align: center;
}
.caseList ul li:hover .text h3 {
	color: #fff;
}
.caseList ul li:hover .text .st {
	color: rgba(255,255,255,0.7);
}
.caseList ul li:hover .imgs:before {
	width: 100%;
	height: 100%;
}

.newsIndex {
	padding: 0 !important;
}
.newsIndex .bd {
	padding: 0 3%;
}


.title2 {
	display: block;
	padding-left: 20px;
	border-left:7px solid #ac1d12;
}
.title2 h3 {
	font-size: 24px;
	font-family: "宋体";
}

.title2 .st {
	display: block;
	font-size: 32px;
	color: #f6f4f4;
}
.title2 .int {
	display: block;
	font-size: 14px;
	margin-top: 5px;
}

.lnBox {
	margin-top: 60px;
}
.lnBox .list {
	display: block;
	width: 100%;
    height: 253px;
    overflow: hidden;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 30px;
    position: relative;
}

.lnBox .list .text {
	display: block;
	top: 80px;
	left: 10%;
	position: absolute;
	
}
.lnBox .list .text h3 {
	font-size: 32px;
	color: #333;
}
.lnBox .list .text .st{
	font-size: 16px;
	color: #7d7d7d;
	margin-top: 40px;
}
.lnBox .list:nth-child(1) {
	height: 360px;
	background-position: center center;
}
.lnBox .list:nth-child(3) .text {
	left: auto;
	right: 10%;
}

.maps {
	text-indent: 2rem;
	line-height: 30px;
	margin-top: 80px;
	font-size: 15px;
	color: #56536c;
	display: inline-block;
}
.maps  img {
	float: right;
	margin-top: -195px;
	margin-left:100px;
	display: inline-block;
}

.uxLIink {
	margin-top: 30px;
}

.uxLIink ul li {
	display: inline-block;
	width: 49%;
	padding: 25px;
	box-sizing: border-box;
	position: relative;
	border-bottom: 1px solid #eee;
}
.uxLIink ul li img {
	position: absolute;
	left: 0;
	top: 25px;
}
.uxLIink ul li .text {
	margin-left: 30px;
}
.uxLIink ul li .text h3 {
	font-size: 18px;
}
.uxLIink ul li .line {
	margin-top: 10px;
	width: 30px;
	height: 1px;
	background: #ccc;
}
.uxLIink ul li .st {
	font-size: 14px;
	color: #333;
	margin-top: 10px;
	line-height: 22px;
}

#map {
	height: 400px;
	width: 100%;
	margin-top: 50px;
}

.careers {
	background: #fff;
	margin: 30px 0;
}

.careers .boxs {
	width: 100%;
	position: relative;
	margin-top: 30px;
}
.careers .boxs .list {
	background: #f9f9f9;
	border-left: 3px solid #af251b;
	height: 50px;
	position: relative;
	cursor: pointer;
}
.careers .boxs .list h3 {
	float: left;
	font-size: 18px;
	color: #333;
	padding-left: 20px;
	line-height: 50px;
}
.careers .boxs .list i {
	float: right;
	padding-right: 20px;
	display: block;
	margin-top: 10px;
}
.careers .boxs .list span {
	display: block;
	position: absolute;
	top: 8px;
	right: 20px;
	display: none;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari and Chrome */
}
.careers .boxs .st {
	position: absolute;
	top: 0px;
	line-height: 50px;
	color: #fff;
	font-size: 15px;
	right: 70px;
	display: none;
}
.careers .boxs .listed {
	display: none;
	margin-top: 2px;
	padding: 40px 30px;
	background: #fff;
}

.careers .boxs .listed .ls {
	width: 48%;
	display: inline-block;
	float: left;
	margin-left: 1%;
}
.careers .boxs .listed:after {
	content: "";
	display: block;
	clear: both;
}
.careers .boxs .listed .ls h3 {
	font-size: 14px;
	color: #333;
}
.careers .boxs .listed .ls p {
	margin-top: 10px;
	line-height: 30px;
	font-size: 14px;
}

.careers .boxs .listed .ls pre {
	line-height: 30px;
	white-space:pre-wrap; /* css3.0 */ 
	white-space:-moz-pre-wrap; /* Firefox */ 
	white-space:-pre-wrap; /* Opera 4-6 */ 
	white-space:-o-pre-wrap; /* Opera 7 */ 
	word-wrap:break-word; /* Internet Explorer 5.5+ */ 
}
.careers .boxs .listed .ls .ls_content {
	margin-top: 10px;
	line-height: 30px;
	font-size: 14px;
}

.careers .boxs .addlist {
	background: #af251b;
}
.careers .boxs .addlist h3 {
	color: #fff;
}
.careers .boxs .addlist i {
	display: none;
}
.careers .boxs .addlist span {
	display: block;
}
.careers .boxs .addlist .st {
	display: block;
}

.careers .boxs .ls span {
	display: block;
	color: #af251b;
	font-size: 18px;
	margin-top: 20px;
	font-weight: bold;
}


.news-show {
	padding: 60px 50px;
	position: relative;
}

.news-show h3 {
	display: block;
	font-size: 26px;
	line-height: 35px;
	text-align: center;
	font-weight: normal;
}
.news-show .timeing {
	display: block;
	width: 100%;
	background: #f9f9f9;
}
.news-show .time {
	display: table;
	margin:0 auto;
	margin-top: 30px;
}
.news-show .time span {
	display: block;
	font-size: 14px;
	color: #666;
	float: left;
	line-height: 40px;
	text-align: center;
	margin: 0 30px;
}

.news-show .cons {
	display: block;
	line-height: 30px;
	margin-top: 40px;
}

.news-show .cons  img {
	width: 100%;
	display: block;
}


.fwfw .text {
	display: block;
	width: 100%;
	color: #56536c;
	font-size: 14px;
	line-height: 35px;
	height: auto;
	padding-top: 30px;
}
.fwfw .text h4 {
	display: block;
	font-size: 24px;
	line-height: 40px;
	color: #333;
	font-weight: normal;
	margin-bottom: 30px;
}
.fwfw img {
	display: inline-block !important;
	width: 350px !important;
	height: 350px;
	margin-bottom: 5px;
}


.alxq {
	display: block;
	margin-top: -40px;
}
.alxq .boxs {
	margin-top: 40px;
}
.alxq .boxs h3 {
	height:40px;
    line-height:40px;
    font-size: 24px;
    margin-bottom: 20px;
    color: #ca151c;
    font-weight: bold;
    text-align: left;
}
.alxq .boxs ul {
    height: auto;
    padding: 30px;
    background: #fbfbfb;
}
.alxq .boxs ul li {
	display: block;
	padding-left: 30px;
	position: relative;
	line-height: 30px;
	font-size: 18px;
	margin:10px 0;
}
.alxq .boxs ul li:before {
	content:"";
	display: block;
	position: absolute;
	left: 0;
	width: 6px;
	height: 6px;
	background: #ca151c;
	border-radius: 3px;
	top: 12px;
}