.index-search{border-bottom: 1px solid #C0BFC4;position: relative; height: 60px; padding-top: 5px;}
.index-search::after{content: ''; position: absolute; height: 1px; width: 100%; background: #C0BFC4; bottom: 3px;}
.index-search .content{display: flex; justify-content: space-between; align-items: center;flex-flow: row-reverse wrap;}
.index-search .left{display: flex; justify-content: flex-start; align-items: center; padding: 10px 0px; font-size: 14px;}
.index-search .left i{ margin-right: 15px; }
.index-search .left ul{display: flex; justify-content: space-between; align-items: center;}
.index-search .left ul li{margin-right: 10px;}
.input-inlie{display: flex;}
.input-inlie input{border: 0px; background: #f1f1f1;}
.products{ margin-top: 50px;}
.title{display: flex; justify-content: center; align-items: center; margin-bottom: 80px;}
.title h2{font-size: 36px; display: inline-block; justify-content: center; font-weight: bolder; margin: 0px auto; text-align: center; position: relative;}
.title h2::after{content: ''; position: absolute; bottom: -15px; left:35%; height: 2px; width: 30%; background: #e22529;}
.products ul{display: flex; justify-content: flex-start; align-items: center;flex-flow: wrap;}
.products ul li a{position: relative; background: #f7fbfe;display: block; color: #333333; }
.products ul li {margin: 1%; width: 48%;}
.products ul li .img{ }
	.products ul li .img img{width: 100%;}
.products ul li .text{width: 100%;position: absolute; top: 20%; left: 12%; width: 80%;}

.products ul li .text h2{ font-size: 24px;font-weight: bold;position: relative; transition: all 0.3s; }
.products ul li .text h2::after{position: absolute; left: 0px; bottom: -10px;content: ''; z-index: 5; height: 3px; width: 30px; background: #9dafb7;transition: all 0.3s;}
.products ul li .text p{margin-top: 20%;font-size: 16px; display: flex; justify-content: flex-start; align-items: center;}
.products ul li .text p i{background: #E22529; border-radius: 50%; color: #FFFFFF; font-size: 26px; height: 40px; width: 40px; text-align: center; margin-right: 10px;}
.products ul li:hover h2{color: #E22529;transform: translateX(8px);}
.products ul li:hover p i{background: #9DAFB7;}
.products ul li:hover h2::after{background: #E22529;}
.products ul li:hover p{color: #9DAFB7;}

.about{margin-top: 50px;}
.about-main{display: flex;justify-content: flex-start;flex-flow: wrap;}
.about-main .left{width: 50%;}
.about-main .right{width: 38%;background: url(../images/index-about-bg.jpg) left top no-repeat; padding-left: 75px; padding-top: 65px;}
.about-main .left img{width: 100%;}
.about-main .right h2{font-size: 36px; font-weight: bold;}
.about-main .right span{margin-top: 45px; display: flex; align-items: center; font-size: 24px; position: relative; }
.about-main .right span::before{ content: ''; margin-right: 10px;   height: 3px; width: 55px; background: #C0BFC4;}
.about-main .right p{margin-top: 38px;}
.about-main .right a{display: inline-block;font-size: 14px; margin-top: 30px; line-height: 36px; text-align: center; width: 135px; color: #E22529; border: 2px solid #E22529; border-radius: 50px;}
.about-main .right a:hover{color: #005BAB; border-color: #005BAB;}
.about-nav{background: #5a5a5a;height: 160px; align-items: center; display: flex; justify-content: center;border-bottom: 3px solid #E22529;}
.about-nav ul{ display: flex; justify-content: space-between; align-items: center;}
.about-nav ul li{text-align: center; background: url(../images/v1_39.png) right center no-repeat; width: calc(100%/7);}
.about-nav ul li:last-child{background: inherit;}
.about-nav ul li .text{font-size: 16px; margin-top: 5px; color: #FFFFFF;}
.about-nav ul li .img{overflow:hidden;}
.about-nav ul li:hover img{-webkit-transform: rotateY(180deg);transform: rotateY(180deg);}



.news{margin-top: 70px;}
.news-tab{display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; }
.news-tab .left{font-size: 36px;font-weight: bold;}
.news-tab .left span{font-size: 16px; font-variant: all-small-caps; color: #c2c2c2; margin-left: 15px;}
.tabs{display: flex; justify-content: space-between; align-items: center;}
.tabs li{border-radius: 40px;}
.tabs li a{display: block; font-size: 18px; font-weight: bold; padding: 5px 35px; }
.tabs li.active{background: #E22529;}
.tabs li.active a{color: #FFFFFF;}

.slide-main{display: flex;justify-content: flex-start; align-items: flex-start;width: 100%;}
.slide-main .left{width: 30%; background: #f8f8f8; margin-right: 2%;}
.slide-main .left .img{overflow: hidden;}
.slide-main .left .img img{width: 100%; transition: all 0.3s;}
.slide-main .left .text{color: #333333;text-align: left; padding:0px 20px;}
.slide-main .left .text h2{font-size: 18px; margin-top: 30px;font-weight: bold; }
.slide-main .left .text span{display: block; border-bottom: 1px solid #C0BFC4; padding-bottom: 15px; font-size: 14px; color: #9a9a9a;margin-top: 16px;}
.slide-main .left .text p{font-size: 16px; line-height: 2; margin-top: 15px; margin-bottom: 0;}
.slide-main .left .text i{display: block; color: #E22529; font-size: 40px;}
.slide-main .left:hover{background: #c7edfa;}
.slide-main .left:hover .img img{transform: scale(1.1);}
.slide-main .left:hover i{color: #E22529;-webkit-transform:translateX(8px);transform:translateX(8px);}
.slide-main .midd{width: 30%;}
.slide-main .right{width: 35%;}
.midd-li{background: #f8f8f8; padding: 3%; padding-bottom: 0; text-align: left; margin-bottom: 30px;}

.midd-li a{color: #333333;}
.midd-li .midd-title{display: flex; justify-content: flex-start; align-items: center;border-bottom: 1px solid #C0BFC4; padding-bottom: 15px; }
.midd-li .midd-title .img{margin-right: 10px; overflow: hidden; width: 120px; height: 85px;}

.midd-li .midd-title .text h2{font-size: 18px; height: 45px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; }
.midd-li .midd-title .text{text-align: left; width: 70%; }
.midd-li .midd-title .text span{font-size: 14px; color: #9a9a9a;}
.midd-li  p{font-size: 16px;text-align: left; line-height: 2; margin-top: 15px; margin-bottom: 0;}

.midd-li  i{display: block; color: #E22529; font-size: 40px; text-align: left;}
.midd-li:hover{background: #c7edfa;}
.midd-li:hover i{color: #E22529;-webkit-transform:translateX(8px);transform:translateX(8px);} 
.slide-main .right{margin-left: 2%; padding: 2%; text-align: left;background: #f8f8f8;}
.slide-main .right li{margin-top: 18px;}
.slide-main .right li a{display: block; color: #333333;}
.slide-main .right h2{font-size: 18px; font-weight: bold;}
.slide-main .right li:hover h2{color: #E22529;-webkit-transform:translateX(8px);transform:translateX(8px);}
.slide-main .right h2 i{color: #E22529;}
.slide-main .right span{display: block; text-align: left; color: #9a9a9a;}
.slide-main .right p{margin-top: 15px;font-size: 16px;border-bottom: 1px solid #C0BFC4; padding-bottom: 15px; }


.erp{display: flex;justify-content: space-between; align-items: flex-start; flex-flow: wrap; margin-top: 50px;}
.erp .left{width: 50%;}
.erp .right{width: 40%;}
.erp .left h2{font-size: 36px;font-weight: bold; border-bottom: 1px solid #C0BFC4; padding-bottom: 20px; margin-bottom: 25px;}
.erp .left h3{font-size: 24px;font-weight: bold; margin-top: 25px; margin-bottom: 10px;}
.erp .left p{font-size: 14px; line-height: 1.6;}
.erp .left a{display: inline-block;font-size: 14px; margin-top: 30px; line-height: 36px; text-align: center; width: 135px; color: #E22529; border: 2px solid #E22529; border-radius: 50px;}
.erp .left a:hover{color: #005BAB; border-color: #005BAB;}


.company{margin-top: 50px; border-top: 1px solid #f4f4f4; padding-top: 30px; position: relative;}
.company-main{display: flex;justify-content: flex-start;flex-flow: wrap; position: relative;}
.company-main .left{width: 50%;}
.company-main .right{width: 38%;background: url(../images/index-about-bg.jpg) left top no-repeat; padding-left: 75px; padding-top: 45px;}
.company-main .left img{width: 100%;}
.company-main .right h2{font-size: 36px; font-weight: bold;}
.company-main .right h2 span{font-size: 16px; color: #c2c2c2;font-variant: small-caps;}

.company-main .right p{margin-top: 28px;}
.company-main .right a{display: inline-block;font-size: 14px; margin-top: 20px; line-height: 36px; text-align: center; width: 135px; color: #E22529; border: 2px solid #E22529; border-radius: 50px;}
.company-main .right a:hover{color: #005BAB; border-color: #005BAB;}

.company-swiper{position: absolute; right: 10%; bottom: 0; z-index: 9; width: 55%; height: 265px; background: #FFFFFF;}
.companySwiper{ width: 90%;}
.companySwiper img{width: 290px; height: 178px;}
.companySwiper span{display: block; margin-top: 15px;}
.companySwiper .swiper-main  {}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{content: '';}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{content: '';}

.kechi{display: flex; justify-content: space-between; align-items: flex-start; flex-flow: wrap; margin-top: 80px;margin-bottom: 50px;}
.kechi .left{position: relative; width: 48%;}
.kechi .left .img img{width: 100%;}
.kechi .left .text{position: absolute; top: 0px; left: 0px; bottom: 0; width: 45%; background: rgba(38,86,141,0.8); color: #FFFFFF; padding: 40px 20px 20px 40px;}
.kechi h2{font-size: 36px; font-weight: bold;margin-bottom: 25px;}
.kechi p{font-size: 16px; font-weight: bold;line-height: 2;}
.kechi .iconfont{font-size: 36px;}
.kechi .right{position: relative; width: 48%;}
.kechi .right .img img{width: 100%;}
.kechi .right .text{position: absolute; top: 0px; left: 0px; bottom: 0; width: 45%; background: rgba(199,48,45,0.8); color: #FFFFFF; padding: 40px 20px 20px 40px;}
.kechi .right p{font-weight: normal;}

.anli{margin-top: 60px; background: url(../images/v1_02.jpg) left top no-repeat; padding: 50px 0px;}
.anliSwiper .swiper-slide img{ box-shadow: 0px 0px 5px  #C0BFC4; width: 224px; height: 120px;}
.tabs2{display: flex; justify-content: space-between; align-items: center;}
.tabs2 li {display: block;border-radius: 40px; width: 10px; height: 10px; background: #FFFFFF; border: 2px solid #C0BFC4; margin: 0px 5px; cursor: pointer; }
.tabs2 li.active{background: #FFFFFF;border: 2px solid #E22529;}
.erp img{width: 100%;}
@media screen and (max-width:1440px) {
	.content{width: 100%; padding: 0px 4%;}
	.header-pc .nav-search{flex: 1;}
	.company-main .right{padding-top: 1%; padding-left: 2%; width: 45%;}
	.company-swiper{height: 40%; padding: 15px 0px;}
	.companySwiper img{width: 100%; height: 100%;}
	.companySwiper{height: auto;}
	.company-main .right p{line-height: 25px; height: 75px; overflow: hidden; margin-top: 1.5%;}
	.company-main .right a{margin-top: 1% ;}
	.companySwiper span{margin: 0;}
	.nav-search .right{font-size: 18px;}
	.about-main .right{padding-top: 1%; padding-left: 2%;}
	.about-main .right span{margin-top: 2%;}
	.about-main .right p{margin-top: 2%;}
	.about-main .right a{margin-top: 2%;}
	.kechi{flex: 1;}
	.kechi .left .text{}
	.kechi h2{font-size: 20px; margin-bottom: 15px;}
	.kechi p{font-size: 12px;}
}
 


@media screen and (max-width:1080px) {
	.index-search{height: inherit; padding-bottom: 2vw;}
	.index-search .left ul li:nth-child(2n){display: none;}
	.index-search .left ul li a{font-size: 14px;}
	.title{margin-bottom: 7vw;}
	.products{margin-top: 6vw;}
	.products ul li{width: 48%;}
.products ul li .text h2{font-size: 2.6vw;}
.products ul li .text h2::after{width: 3vw;}
.products ul li .text p{font-size: 2vw;}
.products ul li .text p i{width: 20px; height: 20px;font-size: 14px;}
.about{margin-top: 5vw;}
	.about-main .left{width: 100%;}
	.about-main .right{width: 100%;padding: 2%; background-size: contain;}
	.about-main .right h2{text-align: center; margin-top: 5vw;}
	.about-main .right span{text-align: center; justify-content: center; margin-top: 4vw;}
	.about-main .right p{margin-top: 2vw; }
	.about-main .right a{margin-top: 2vw; margin-bottom: 2vw;}
	.about-nav ul li .text{font-size: 2vw;}
	.about-nav{height: auto; padding: 3vw 0px;}
	.about-nav ul li .img img{width: 60%;}
	.erp .left{width: 100%;}
	.erp .right{width: 100%;}
	.erp .right img{width: 100%;}
	.erp .left a{margin-top: 3vw; margin-bottom: 3vw;}
	.erp{margin-top: 5vw;}
	.company-main .left{width: 100%; display: none;}
	.company-main .right{width: 100%; padding: 2%;}
	.company-swiper{position: inherit; right: 0; width: 100%; height: auto; }
	.companySwiper{width: 80%;}
	.companySwiper img{width: 100%; height: auto;}
	.companySwiper span{font-size: 3vw; margin-top: 1vw;}
	
	.company-main .right a{margin-top: 2vw; margin-bottom: 2vw;}
	.kechi .left{margin-bottom: 5vw;}
	.kechi .left .text{padding: 2%; width: 50%;}
	.kechi h2{font-size: 4vw; margin-bottom: 2vw;}
	.kechi p{font-size: 2.5vw;}
	.kechi .right .text{padding: 2%; width: 50%;}
	.anli{margin-top: 5vw; padding: 4vw 0px;}
	.news-tab{margin-bottom: 3vw;}
	.anliSwiper{height: 100px;}
	.anliSwiper .swiper-slide img{width: 100%;height: auto;}
	
	.news-wap { margin-top: 4vw; padding: 2%;}
	.news-wap h2{text-align: center; font-size: 5vw; font-weight: bold; margin-bottom: 4vw;}
	.news-wap .tabs3{display: flex; justify-content: space-between;}
	.news-wap .tabs3 li{border-radius: 40px;}
	.news-wap .tabs3 li a{display: block; font-size: 3vw; font-weight: bold; padding: 1vw 8vw; }
	.news-wap .tabs3 li.active{background: #E22529;}
	.news-wap .tabs3 li.active a{color: #FFFFFF;}
	.newswapSwiper{margin-top: 5vw;}
	.slide-main{background: #f8f8f8;}
	.slide-main  .img img{width: 100%; transition: all 0.3s;}
	.slide-main  .text{color: #333333;text-align: left; padding:0px 4vw;}
	.slide-main  .text h2{font-size: 4vw; margin-top: 9vw;font-weight: bold; text-align: left; }
	.slide-main  .text span{display: block; border-bottom: 1px solid #C0BFC4; padding-bottom: 2vw; font-size: 14px; color: #9a9a9a;margin-top: 2vw;}
	.slide-main  .text p{font-size: 14px; line-height: 2; margin-top: 2vw; margin-bottom: 0;}
	.slide-main  .text i{display: block; color: #E22529; font-size: 40px;}
	.erp .left h2{font-size: 5vw;}
	.erp .left h3{font-size: 3.5vw;}
	.erp .left p{font-size: 2.5vw;}
	.company{margin-top: 6vw;padding-top: 5vw;}
	.company-main .right h2{font-size: 5vw;}
	.company-main .right p{margin-top: 5vw;font-size: 14px;}
	.swiper-pagination-bullet-active{background: #E22529;}
	}