.swiper-slide img{
      display: block;
      width: 100%;
}
.banner .bannerpagination{
	position: relative!important;
	height: 100px;
	top:calc(50% - 50px)!important;
	padding:0 5px;
	box-sizing: border-box;
}
.banner .bannerpagination .swiper-pagination-bullet{
	width:100%;
	height:5px;
	border-radius: 0!important;
	background: #fff;
	opacity: 1!important;
	margin: 0 !important;
}
.banner .bannerpagination .swiper-pagination-bullet-active{
	background: #d20012;
}
.bannernav{
	position: absolute;
	top:calc(50% - 100px);
	right:100px;
	width:30px;
	height: 200px;
}
.bannerprev{
	color:#fff!important;
	transform: rotate(90deg);
	top:0!important;
	right: auto !important;
	left: auto !important;
	bottom: auto!important;
	width: 100% !important;
}
.bannernext{
	color:#fff!important;
	transform: rotate(90deg);
	top:auto!important;
	right: auto !important;
	left: auto !important;
	bottom: 0px!important;
	width: 100% !important;
}

.banner .cover_box {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 8.075%;
    z-index: 2;
    font-size: 0;
    padding-right: 50px;
}

.banner .cover_box::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -1px;
    width: 100%;
    height: 100%;
    background: url(../image/banner_cover_bg.png) no-repeat right/cover;
    z-index: 0;
}

.banner .cover_box a {
    display: inline-block;
    vertical-align: middle;
    margin-right: 45px;
    padding: 20px 0;
    position: relative;
    z-index: 2;
}

.banner .cover_box a>div {
    display: inline-block;
    vertical-align: middle;
}

.banner .cover_box .c {
    color: #fff;
    line-height: 36px;
    font-size:15px;
    margin-left: 10px;
}

.banner .cover_box .icon .img01 {
    display: block;
    height: 32px;
}

.banner .cover_box .icon .img02 {
    display: none;
    height: 32px;
}

.banner .cover_box a:hover .icon .img02 {
    display: block;
}

.banner .cover_box a:hover .icon .img01 {
    display: none;
}

.banner .cover_box a:hover .c {
    color: #201e1f;
}
.banner2{
	display: none!important;
}
@media(max-width:800px){
	.banner .cover_box{
		display:none;
	}
	.bannernav{
		display: none;
	}
	.banner{
		display: none!important;
	}
	.banner2{
		display: block!important;
	}
}
.product-title{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom:60px;
}

.product-title a{
	padding:0 80px;
	font-size: 24px;
	font-weight: 800;
}
@media(max-width:800px){
	.product-title{
		padding-bottom:20px;
		justify-content: space-between;
	}
	.product-title a{
		padding:0;
		font-size:16px;
	}
}
.s2{
    position: relative;
    overflow: hidden;
    margin:0;
	padding:0;
}
.s2 .bg {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
	z-index: -1;
}
.s2 .container .infor {
    width: 100%;
    max-width:720px;
    color: #fff;
	padding:70px 0;
}

.s2 .container .infor .con {
    font-size: 15px;
    line-height: 30px;
    margin-top: 20px;
}

.s2 .container .infor .more_btn {
    display: inline-block;
    margin-top: 20px;
}

.s2 .container .infor .more_btn>div {
    display: inline-block;
    vertical-align: middle;
}

.s2 .container .infor .more_btn .icon {
    width: 67px;
    transition: all .4s ease;
}

.s2 .container .infor .more_btn .t {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 15px;
}

.s2 .container .infor .more_btn:hover .icon {
    animation: rotateTwo .5s ease-out;
}

.s2 .big_num {
    font-size: 0;
    margin-top: 50px;
    width: 95%;
}

.s2 .big_num li {
    display: inline-block;
    vertical-align: text-top;
    text-align: center;
    width: 32.4%;
    margin-right: 1.4%;
}

.s2 .big_num li:first-child {
    width: auto;
    max-width: 32.4%;
}

.s2 .big_num li:last-child {
    margin-right: 0;
}

.s2 .big_num li .num_box {
    color: #ffffff;
    line-height: 1.1;
    text-align: center;
    margin-bottom: 10px;
}

.s2 .big_num li .t {
    font-size:18px;
    line-height: 2;
    color: #ffffff;
}
.s2 .title{
    font-size: 40px;
    line-height:2;
   /* font-family: Impact; */
}
.s2 .section-sub-title{
	color: #fff;
}
.section-sub-title span{
	font-size:22px;
}
@media(max-width:800px){
	.big_num{
		display:none;
	}
}
.cases .row{
	justify-content: space-between;
}
.casesc{
	width:100%;
	max-width:calc(25% - 15px);
	height:620px;
	display: flex;
	flex-wrap:wrap;
	align-content:space-between;
}
.cases  .ts-team-wrapper{
	height: 300px;
	width:100%;
}
.cases  .ts-team-wrapper-lr{
	height: 100%;
	position: relative;
	width:100%;
}
.cases .ts-team-wrapper-lr .w-100{
	height: 100%;
	width: auto !important;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.cases .ts-team-wrapper-lr .team-img-wrapper{
	height: 100%;
	width:100%;
	overflow: hidden;
	display:block;
	text-align: center;
	position: relative;
}
.cases .ts-team-wrapper-lr  .ts-team-content{
	top:88%;
	text-align: left;
}
.cases .team-social-icons i{
	margin-right: 10px;
}

@media(max-width:1610px){
	.cases .ts-team-wrapper .w-100 {
	    height: 100%;
	    width: auto !important;
	    position: absolute;
	    left: 50%;
	    transform: translateX(-50%);
	}
}
@media(max-width:1000px){
	.cases .row{
		justify-content: center;
	}
	.casesc{
		max-width:calc(100% - 40px);
		height: auto;
	}
	.casesc .ts-team-wrapper {
		margin-top:20px
	}
	.cases .ts-team-wrapper .w-100{
		position: relative;
		width: 100% !important;
		height:auto;
		transform: translateX(0);
		left:0;
	}
	.cases .ts-team-wrapper{
		height: auto;
	}
	.cases .ts-team-wrapper-lr .ts-team-content{
		top:72%;
	}
}
.newsletter-form .emailp{
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	text-transform: uppercase;
	letter-spacing: 2px;
}


.s4img{
	width:100%;
}
.s4r{
	padding-left:8%!important;
}
.s4title{
	border-left:5px solid #d20012;
	padding-left: 25px;
}
.s4h6{
	color: #8D9297;
}

.s4c{
	margin-top:40px;
}
.s4c i{
	font-size:32px;
	color: #d20012;
	
}
.s4c span{
	/* margin: 20px 0; */
	font-size:16px;
}
.s4c h6{
	margin:0 50px 0 20px;
}
.s4c .col-md-12{
	padding:20px;
	transition: 0.3s;
}
.s4c .col-md-12:hover i{
	color:#fda12b;
}
.s4c .col-md-12:hover{
	box-shadow: 0 0 37px 0 rgba(0,0,0,0.1);
	cursor:pointer;
}
.s4h2{
	color: #182333;
	font-weight: 700;
	line-height: 1.2;
	font-size:40px;
}
.s4c .d-flex{
	display: flex;	    
	align-items: center;
	justify-content: start;
}
@media(max-width:1440px){
	.s4c .d-flex{
		margin-left: 0;
		flex-wrap:wrap;
	}
	.s4c .col-md-12{
		padding:20px 0;
	}
}
@media(max-width:1000px){
	.s4 .col-md-6:first-child{
		display: none;
	}
	.s4{
		padding:0;
	}
	.s4c{
		margin-top:30px;
	}
}


.news-content{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.newsc{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.news-fl{
	width:70%;
}
.news-fr{
	width:26%;
}
.newsc1{
	width:calc((100% / 3) - 20px);
}
.ncp1{
	font-size:16px;
}
.ncp2{
	font-size:24px;
	font-weight:800;
	margin-top:10px;
	height: 55px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.ncp3{
	line-height: 2;
	font-size:16px;
	margin-top:20px;
}
.ncp4{
	height: 30px;
	line-height: 30px;
	width:120px;
	text-align: center;
	font-size:16px;
	color:#666;
	border:1px solid #666;
	border-radius: 20px;
	margin:20px 0;
}
.ncpx{
	width:100%;
	margin:20px 0;
}
.ncpx img{
	width:100%;
}
.ncp5{
	color:#ffc100;
}
.newsc1:hover .ncp5{
	color:#c70500;
}
.newsc1:hover .ncp2{
	color:#c70500;
}
.newsc1:hover .ncp4{
	color:#fff;
	border:1px solid #c70500;
	background: #c70500;
}
.newsc1:hover .ncp5 svg path{
	fill:#c70500;
}
.news-fr .item{
	padding:35px;
}

.news-fr .item .t{
	font-size:22px;
	font-family: Impact;
}
.news-fr .item .c{
	font-size:16px;
	line-height:3;
}
.news-fr .item .sub{
	margin-top: 15px;
	border: 1px solid #c70500;
	position: relative;
	border-radius: 30px;
	max-width: 300px;
}
.news-fr .item02 .sub{
	height: 45px;
	border:1px solid #fff;
}
.news-fr .item .sub .inp {
    background: none;
    padding: 0;
    margin: 0;
    line-height: 2;
    text-indent: 20px;
    color: #c70500;
	font-size:16px;
	border:none;
	outline:none;
	height:45px;
	width:100%;
	display:block;
}

.news-fr .item02 .sub .inp{
	color: #fff;
	line-height: 45px;
}
.news-fr .item01 .sub .btn01{
	position: absolute;
	top: 4px;
    right: 6px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: #c70500;
	border:0;
	padding:0;
}
.news-fr .item02 .sub .btn02{
	position: absolute;
	top: 4px;
    right: 6px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: none;
	border:0;
}
.news-fr .item .sub input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color : #c70500;
}
.news-fr .item .sub input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color : #c70500;
}
.news-fr .item .sub input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color : #c70500;
}
.news-fr .item .sub input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color : #c70500;
}
.news-fr .item .sub input::-ms-input-placeholder { /* Microsoft Edge */
   color : #c70500;
}
.news-fr .item01{
	background: #eeeeee url(../image/item01.jpg) no-repeat center/cover;
}
.news-fr .item02{
	color: #fff;
	background: #c70500 url(../image/item02.jpg) no-repeat center/cover;
}
@media(max-width:1000px){
	.news-fl{
		width:100%;
	}
	.news-fr{
		width:100%;
	}
	.newsc1{
		width:100%;
		margin-bottom:30px;
	}
}
.ovh {
    overflow: hidden;
}

.por {
    position: relative;
}
.i-list1 {
    padding: 75px 0 0;
    background: #fff;
    position: relative;
    z-index: 1;
}
.f-no-b-start {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.w1720 {
    margin: 0 auto;
}
.i-list1 .leftbox {
    width: 45%;
}
.i-list1 .rightbox {
    width: 48%;
}
.anim_emt.palx_img.start {
    overflow: hidden;
    -webkit-animation-name: tt_palx_wrap;
    animation-name: tt_palx_wrap;
}
.cssanimations .anim_emt.visb, .cssanimations .anim_group .anim_item.visb {
    visibility: inherit;
}
.i-list1 .leftbox .tit2 {
    padding-bottom: 40px;
    border-bottom: 2px solid #DDDDDD;
    margin-bottom: 50px;
}
.f-no {
    display: flex;
    flex-flow: row wrap;
}
.i-list1 .leftbox .ul {
    border-bottom: 2px solid #DDDDDD;
    padding-bottom: 30px;
    margin-bottom: 80px;
}
.i-list1 .leftbox .li {
    width: 50%;
    /* padding-right: 5%; */
    margin-bottom: 30px;
}
.f4{
	width:250px;
	display: block;
	margin-left:30px;
}
.line-2 {
    line-height: 1.2;
}
.tit-15 {
    font-size: 14px;
}
.tit-50 {
    font-size: 42px;
}
.tit-14 {
    font-size: 12px;
}
.i-list1 .hrefbtn {
    height: 45px;
    background: #c70500;
    padding: 0 20px;
    transition: all .5s;
    display: inline-flex;
	color: #fff;
}
.f-no-c-center {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    /*width:100%;*/
}
.i-list1 .hrefbtn .icon {
    width: 12px;
    height: 12px;
    fill: #fff;
    margin-left:5px;
}
.i-list1 .hrefbtn:hover {
    background: #b10703;
    color: #fff;
}
.i-list1 .rightbox .img {
    width: 100%;
}

.i-list1 .leftbox p {
    border-bottom: 2px solid #DDDDDD;
    padding-bottom: 30px;
    margin-bottom: 80px;
	text-align: justify;
}
.i-list1 .leftbox .section-sub-title{
	margin: 0 0 20px;
}

.i-list3 {
    padding: 0px 0 70px;
    background-repeat:no-repeat;
	background-position:center top ;
    background-size: cover;
}
.i-list4 .section-sub-title{
	padding:80px 0;
	color: #fff;
}

.i-list3 .hrefbtn {
	margin-top:80px;
    height: 45px;
    background: #c70500;
    padding: 0 20px;
    transition: all .5s;
    display: inline-flex;
	color: #fff;
}
.i-list3 .hrefbtn .icon {
    width: 12px;
    height: 12px;
    fill: #fff;
    margin-left:5px;
}
.i-list3 .hrefbtn:hover {
    background: #b10703;
    color: #fff;
}
.i-list3 .rightbox .img {
    width: 100%;
}
.i-list3 .cases-container .img {
    position: relative;
    z-index: 3;
    overflow: hidden;
}
.i-list3 .cases-container .img:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    bottom: 0;
    opacity: 1;
    z-index: 2;
    transition: all .5s;
}
.i-list3 .cases-container .img img {
    width: 100%;
    transition: all .5s;
}
.i-list3 .cases-container .tit3 {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 2;
    padding: 0 20px 20px;
    opacity: 1;
    transition: all .5s;
	color:#fff;
}
.tit-30 {
    font-size: 26px;
}
.project-item-title1{
	width:100%;
	padding:7px 0;
	text-align: center;
	background: #eee;
	font-size:14px!important;
	font-weight:400;
}
.project-item-title1 h3{
	margin-bottom: 0px;
	font-size:14px!important;
	font-weight:400;
}
@media(max-width:1000px){
	.i-list1 .leftbox {
		width:100%;
	}
	.i-list1 .rightbox {
		width:100%;
		margin-top:30px;
	}
	.i-list3 .section-sub-title{
		padding:10px 0;
	}
}