@charset "utf-8";

.bannerSwiper{position: relative; overflow: hidden;}
.bannerSwiper .swiper-slide img{width: 100%;}

.index_strength{background: #f6f6f6; position: relative; z-index: 9;}
.index_strength .strength_content{max-width: 1260px; background: #fff; border-radius: 18px; box-shadow: 0 0 10px #bbb; margin: 0 auto; transform: translateY(-50%); overflow: hidden;}
.index_strength .strength_content .list{width: 25%; float: left; text-align: center; box-sizing: border-box; padding: 20px;}
.index_strength .strength_content .list:hover{box-shadow: 0 0 5px #666; position: relative;}
.index_strength .strength_content .list:hover::after{width: 100%; content: ''; height: 3px; background: #056235; position: absolute; left: 0; bottom: 0;}
.index_strength .strength_content .list .icon{line-height: 50px;}
.index_strength .strength_content .list .icon img{max-width: 100%;}
.index_strength .strength_content .list .title{font-size: 16px; color: #848b92; margin-top: 10px;}

.index_solve{background: #f6f6f6;}
.index_solve .solve_title{text-align: center; font-size: 60px; color: #e2453b; font-family: 'SourceHanSansBold';}
.index_solve .solve_content{margin-top: 30px; position: relative;}
.index_solve .solve_content .centerpic{width: 35%; margin: 0 auto; position: relative; z-index: 9;}
.index_solve .solve_content .centerpic img{width: 100%;}
.index_solve .solve_content .content_line{width: 60%; height: 1px; background: #056235; position: absolute;}
.index_solve .solve_content .content_line.line1{left: 20%; top: 20%;}
.index_solve .solve_content .content_line.line2{left: 20%; top: 45%;}
.index_solve .solve_content .content_line.line3{left: 20%; top: 70%;}
.index_solve .solve_content .content_list{width: 220px; line-height: 68px; font-size: 24px; background: #056235; color: #fff; box-shadow: 0 5px 10px #82b19a; border: solid #fff 1px; border-radius: 18px; box-sizing: border-box; padding: 0 25px; position: absolute;}
.index_solve .solve_content .content_list.list1{left: 12%; top: 13%;}
.index_solve .solve_content .content_list.list2{left: 8%; top: 38%;}
.index_solve .solve_content .content_list.list3{left: 12%; top: 63%;}
.index_solve .solve_content .content_list.list4{right: 12%; top: 13%;}
.index_solve .solve_content .content_list.list5{right: 8%; top: 38%;}
.index_solve .solve_content .content_list.list6{right: 12%; top: 63%;}
.index_solve .solve_content .content_list img{margin-right: 16px;}

.index_quote{padding: 30px 0; background: url("../images/quote.jpg") center no-repeat;}
.index_quote .quote_form{margin-top: 30px;}
.index_quote .quote_form .form_list{width: calc((100% - 520px)/3); float: left; background: right 20px center no-repeat #fff; box-sizing: border-box; padding: 0 46px 0 20px; border-radius: 6px; margin-right: 20px;}
.index_quote .quote_form .form_list.name{background-image: url("../images/name.png");}
.index_quote .quote_form .form_list.phone{background-image: url("../images/phone2.png");}
.index_quote .quote_form .form_list.demand{background-image: url("../images/demand.png");}
.index_quote .quote_form .form_list input{width: 100%; height: 50px; font-size: 16px; background: #fff; border: none;}
.index_quote .quote_form .form_code{width: 220px; float: left; line-height: 50px; margin-right: 20px; border-radius: 6px; overflow: hidden; cursor: pointer;}
.index_quote .quote_form .form_code input{width: 100px; height: 50px; float: left; font-size: 16px; box-sizing: border-box; padding: 0 20px; border: none;}
.index_quote .quote_form .form_code img{width: 120px; height: 50px; float: left;}
.index_quote .quote_form .form_btn{float: right;}
.index_quote .quote_form .form_btn input{width: 220px; height: 50px; font-size: 18px; background: #e2453b; color: #fff; border: none; border-radius: 6px; cursor: pointer;}
.index_quote .quote_tel{text-align: center; line-height: 50px; font-size: 20px; margin-top: 30px;}
.index_quote .quote_tel i{width: 50px; height: 50px; display: inline-block; vertical-align: middle; background: url("../images/tel2.png") center no-repeat #056235; border-radius: 50%; margin-right: 20px;}
.index_quote .quote_tel span{font-size: 35px; font-family: 'Impact'; font-style: italic; color: #e2453b; margin: 0 10px; vertical-align: middle;}

.index_solution{padding: 80px 0 50px;}
.index_solution .solution_title{width: 30%; float: left;}
.index_solution .solution_title .title{font-size: 40px; line-height: 50px; font-family: 'SourceHanSansBold'; color: #056235; text-align: right; padding-right: 40px;}
.index_solution .solution_title .subtitle{font-size: 24px; color: #e6433e; text-align: right; padding-right: 40px; margin-top: 10px;}
.index_solution .solution_title .solution_tab{width: 80%; float: right; position: relative; overflow: hidden; margin-top: 50px;}
.index_solution .solution_title .solution_tab .swiper-slide{box-sizing: border-box; padding-right: 46px;}
.index_solution .solution_title .solution_tab .swiper-slide-thumb-active{padding-right: 0;}
.index_solution .solution_title .solution_tab .swiper-slide .lititle{font-size: 18px; line-height: 68px; padding: 0 28px; background: #f2f4f7; color: #a1a7b2; border-bottom: solid #edeef2 1px; cursor: pointer;}
.index_solution .solution_title .solution_tab .swiper-slide-thumb-active .lititle{background: #056235; color: #fff;}
.index_solution .solution_title .solution_tab .swiper-slide .lititle span{display: none; margin-left: 10px;}
.index_solution .solution_title .solution_tab .swiper-slide-thumb-active .lititle span{display: inline-block;}
.index_solution .solution_swiper{width: 70%; float: right; position: relative; overflow: hidden;}
.index_solution .solution_swiper .swiper-slide img{width: 100%;}

.index_aboutus{padding: 80px 0 30px; background: url("../images/aboutbg.jpg"); background-size: 100% 100%;}
.index_aboutus .picture{width: 50%; float: left;}
.index_aboutus .picture img{width: 100%;}
.index_aboutus .content{width: 45%; float: right;}
.index_aboutus .content .title{font-size: 48px; font-family: 'SourceHanSansBold'; color: #056235;}
.index_aboutus .content .subtitle{font-size: 24px; font-family: 'SourceHanSansBold'; color: #e6433e;}
.index_aboutus .content .text{margin-top: 30px; border-top: solid #ccc 1px; padding-top: 20px;}
.index_aboutus .content .text p{font-size: 16px; line-height: 32px; text-indent: 2em;}
.index_aboutus .content .button{margin-top: 20px;}
.index_aboutus .content .button a{display: inline-block; width: 186px; line-height: 32px; text-align: center; background: #e2453b; color: #fff; border-radius: 16px;}
.index_aboutus .factory{margin-top: 20px; background: #fff; padding: 20px; border-radius: 18px;}
.index_aboutus .factory .factory_tab{max-width: 1020px; margin: 0 auto; padding-bottom: 20px;}
.index_aboutus .factory .factory_tab ul::after{content: ''; display: table; clear: both;}
.index_aboutus .factory .factory_tab li{width: 33.33%; float: left; list-style: none; text-align: center; font-size: 20px; line-height: 76px; background: #e5e5e5; color: #555; cursor: pointer;}
.index_aboutus .factory .factory_tab .current{background: #056235; color: #fff; position: relative;}
.index_aboutus .factory .factory_tab .current::after{content: ''; border-top: solid #056235 20px; border-left: solid transparent 20px; border-right: solid transparent 20px; position: absolute; left: 50%; bottom: -20px; transform: translateX(-50%);}
.index_aboutus .factory .factory_content{margin-top: 20px;}
.index_aboutus .factory .factory_content .factory_swiper{height: 0; position: relative; overflow: hidden;}
.index_aboutus .factory .factory_content .factory_swiper.show{height: auto;}
.index_aboutus .factory .factory_content .factory_swiper .swiper-slide img{width: 100%;}

.index_certificate{padding: 60px 0 50px; background: url('../images/certificate.jpg'); background-size: 100% 100%;}
.index_certificate .certificate_list{padding: 40px 80px 0; position: relative;}
.index_certificate .certificate_swiper{position: relative; padding: 0 50px;}
.index_certificate .certificate_swiper .swiper-slide{overflow: hidden;}
.index_certificate .certificate_swiper .swiper-slide img{width: 100%;}

.index_process{padding: 50px 0;}
.index_process .process_tab{margin-top: 30px;}
.index_process .process_tab ul{position: relative; text-align: center; display: flex; justify-content: space-around;}
.index_process .process_tab ul:before{content: ''; width: 100%; height: 3px; background: #056235; position: absolute; top: 62px;}
.index_process .process_tab ul li{list-style: none; font-size: 22px; position: relative; padding-bottom: 50px; background: url("../images/process.png") center bottom no-repeat; cursor: pointer;}
.index_process .process_tab ul li.current{background-image: url("../images/process_on.png");}
.index_process .process_box{margin-top: 30px;}
.index_process .process_box .process_list{display: none;}
.index_process .process_box .process_list.show{display: block;}
.index_process .process_box .process_list .picture{width: 48%; float: left; border-radius: 18px; overflow: hidden;}
.index_process .process_box .process_list .picture img{width: 100%;}
.index_process .process_box .process_list .content{width: 48%; float: right;}
.index_process .process_box .process_list .content .title{font-size: 30px; line-height: 36px; font-family: 'SourceHanSansBold';}
.index_process .process_box .process_list .content .title span{width: 36px; height: 36px; display: inline-block; font-size: 18px; text-align: center; background: #056235; color: #fff; border-radius: 50%; margin-right: 10px; vertical-align: middle;}
.index_process .process_box .process_list .content .title p{display: inline-block; vertical-align: middle; color: #333;}
.index_process .process_box .process_list .content .text{font-size: 20px; line-height: 30px; min-height: 120px; color: #666; margin-top: 30px;}
.index_process .process_box .process_list .content .button{height: 68px; padding: 0 50px 0 100px; background: url("../images/tel2.png") left 50px center no-repeat #056235; border-radius: 34px; margin-top: 30px;}
.index_process .process_box .process_list .content .button .telephone{float: left; color: #fff; padding-top: 8px;}
.index_process .process_box .process_list .content .button .telephone .ttext{font-size: 16px; letter-spacing: 3px;}
.index_process .process_box .process_list .content .button .telephone .number{font-size: 24px; font-family: 'Impact';}
.index_process .process_box .process_list .content .button .consult{float: right; padding-top: 20px;}
.index_process .process_box .process_list .content .button .consult a{display: inline-block; font-size: 15px; padding: 0 20px; line-height: 28px; background: #e2453b; color: #fff; border-radius: 14px;}

.index_partner{padding: 50px 0; background: url("../images/partner.jpg"); background-size: 100% 100%;}
.index_partner .partner_list{margin-top: 30px;}
.index_partner .partner_list .list{width: 17.6%; float: left; background: url("../images/partner.png"); background-size: 100%;}
.index_partner .partner_list .list:hover{background-image: url("../images/partner_on.png");}
.index_partner .partner_list .list:nth-child(1){transform: translateY(52%);}
.index_partner .partner_list .list:nth-child(2){transform: translateX(-22%);}
.index_partner .partner_list .list:nth-child(3){transform: translateX(34%);}
.index_partner .partner_list .list:nth-child(4){transform: translateX(90%);}
.index_partner .partner_list .list:nth-child(5){transform: translate(68%, 52%);}
.index_partner .partner_list .list:nth-child(6){transform: translate(78%, 4%);}
.index_partner .partner_list .list:nth-child(7){transform: translate(56%, -48%);}
.index_partner .partner_list .list:nth-child(8){transform: translate(34%, 4%);}
.index_partner .partner_list .list:nth-child(9){transform: translate(12%, -48%);}
.index_partner .partner_list .list:nth-child(10){transform: translate(-10%, 4%);}
.index_partner .partner_list .list img{width: 100%;}
.index_partner .partner_list .list:hover img{filter: brightness(0) invert(1); mix-blend-mode: screen;}

.index_news{padding: 60px 0; background: url("../images/news.jpg") center bottom no-repeat; background-size: 100%;}
.index_news .news_list{margin-top: 40px;}
.index_news .list{width: 32%; float: left; margin-right: 2%;}
.index_news .list:nth-child(3){margin-right: 0;}
.index_news .list .picture{overflow: hidden;}
.index_news .list .picture a{display: block;}
.index_news .list .picture img{width: 100%; transition: all 0.5s;}
.index_news .list:hover .picture img{transform: scale(1.1);}
.index_news .list .content{background: #fff; padding: 20px; color: #18253d;}
.index_news .list .date{background: url("../images/time.png") left center no-repeat; padding-left: 24px;}
.index_news .list .title{margin-top: 10px;}
.index_news .list .title a{font-size: 18px; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.index_news .list .text{line-height: 26px; max-height: 78px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; margin-top: 10px;}
.index_news .list .button{margin-top: 20px;}
.index_news .list .button a{display: block; background: url("../images/arrow.png") right no-repeat; color: #777;}
.index_news .list:hover .content{background: #056235; color: #fff;}
.index_news .list:hover .content .date{background-image: url("../images/time_hover.png");}
.index_news .list:hover .content .title a{color: #fff;}
.index_news .list:hover .content .button a{background-image: url("../images/arrow_hover.png"); color: #fff;}
.index_news .more_news{text-align: center; margin-top: 50px;}
.index_news .more_news a{display: inline-block; width: 250px; line-height: 65px; font-size: 16px; background: #e2453b; color: #fff;}

@media (max-width: 960px) {
	.index_strength{padding: 10px;}
	.index_strength .strength_content{border-radius: 8px; transform: translateY(0);}
	.index_strength .strength_content .list{padding: 5px;}
	.index_strength .strength_content .list .icon{line-height: 36px;}
	.index_strength .strength_content .list .icon img{height: 24px;}
	.index_strength .strength_content .list .title{font-size: 14px;}
	
	.index_solve{padding: 20px 10px 30px;}
	.index_solve .solve_title{font-size: 20px; }
	.index_solve .solve_content{margin-top: 20px;}
	.index_solve .solve_content .centerpic{width: 60%; margin-bottom: -10px;}
	.index_solve .solve_content .content_line{display: none;}
	.index_solve .solve_content .content_list{width: 31.33%; float: left; text-align: center; line-height: 50px; font-size: 14px; border-radius: 8px; padding: 0 5px; position: static; margin: 5px 1%;}
	.index_solve .solve_content .content_list img{margin-right: 8px; height: 20px;}
	.index_solve .solve_content::after{content: ''; display: table; clear: both;}
	
	.index_quote{padding: 20px 10px; background-size: auto 100%;}
	.index_quote .quote_form{margin-top: 20px;}
	.index_quote .quote_form .form_list{width: 100%; border: solid #e5e5e5 1px; padding: 0 46px 0 20px; margin-right: 0; margin-bottom: 10px;}
	.index_quote .quote_form .form_list input{height: 40px; font-size: 14px;}
	.index_quote .quote_form .form_code{width: 100%; line-height: 40px; margin-right: 0;}
	.index_quote .quote_form .form_code input{width: calc(100% - 120px); height: 40px; font-size: 14px;}
	.index_quote .quote_form .form_code img{width: 120px; height: 40px;}
	.index_quote .quote_form .form_btn{width: 100%; margin-top: 10px; text-align: center;}
	.index_quote .quote_form .form_btn input{width: auto; height: 40px; font-size: 14px; padding: 0 26px; border-radius: 20px;}
	.index_quote .quote_tel{text-align: center; line-height: 24px; font-size: 14px; margin-top: 20px;}
	.index_quote .quote_tel i{width: 24px; height: 24px; background-size: 14px; margin-right: 6px;}
	.index_quote .quote_tel span{font-size: 18px; margin: 0 2px;}
	
	.index_solution{padding: 30px 0 0;}
	.index_solution .solution_title{width: 100%;}
	.index_solution .solution_title .title{font-size: 20px; line-height: 36px; text-align: center; padding-right: 0;}
	.index_solution .solution_title .subtitle{font-size: 16px; text-align: center; padding-right: 0; margin-top: 0;}
	.index_solution .solution_title .solution_tab{width: 100%; position: relative; overflow: hidden; margin-top: 20px;}
	.index_solution .solution_title .solution_tab .swiper-slide{box-sizing: border-box; padding-right: 0;}
	.index_solution .solution_title .solution_tab .swiper-slide-thumb-active{padding-right: 0;}
	.index_solution .solution_title .solution_tab .swiper-slide .lititle{font-size: 14px; line-height: 38px; padding: 0 20px; background: #f2f4f7; color: #a1a7b2; border-bottom: solid #edeef2 1px; cursor: pointer;}
	.index_solution .solution_title .solution_tab .swiper-slide-thumb-active .lititle{background: #056235; color: #fff;}
	.index_solution .solution_title .solution_tab .swiper-slide .lititle span{display: none; margin-left: 10px;}
	.index_solution .solution_title .solution_tab .swiper-slide-thumb-active .lititle span{display: inline-block;}
	.index_solution .solution_swiper{width: 100%; float: right; position: relative; overflow: hidden;}
	.index_solution .solution_swiper .swiper-slide img{width: 100%;}
	
	.index_aboutus{padding: 30px 0;}
	.index_aboutus .picture{display: none;}
	.index_aboutus .content{width: 100%; box-sizing: border-box; padding: 10px;}
	.index_aboutus .content .title{font-size: 20px;}
	.index_aboutus .content .subtitle{font-size: 16px;}
	.index_aboutus .content .text{margin-top: 10px; border-top: solid #ccc 1px; padding-top: 6px;}
	.index_aboutus .content .text p{font-size: 14px; line-height: 28px;}
	.index_aboutus .content .button{margin-top: 20px;}
	.index_aboutus .content .button a{width: 120px; line-height: 32px;}
	.index_aboutus .factory{margin-top: 10px; background: #fff; padding: 10px; border-radius: 8px;}
	.index_aboutus .factory .factory_tab{padding-bottom: 10px;}
	.index_aboutus .factory .factory_tab li{font-size: 14px; line-height: 36px;}
	.index_aboutus .factory .factory_tab .current::after{border-width: 8px; bottom: -8px;}
	.index_aboutus .factory .factory_content{margin-top: 10px;}
	
	.index_certificate{padding: 20px 10px; display: none;}
	.index_certificate .certificate_list{padding: 40px 80px 0; position: relative;}
	.index_certificate .certificate_swiper{position: relative; padding: 0 50px;}
	.index_certificate .certificate_swiper .swiper-slide{overflow: hidden;}
	.index_certificate .certificate_swiper .swiper-slide img{width: 100%;}
	
	.index_process{padding: 50px 0; display: none;}
	.index_process .process_tab{margin-top: 30px;}
	.index_process .process_tab ul{position: relative; text-align: center; display: flex; justify-content: space-around;}
	.index_process .process_tab ul:before{content: ''; width: 100%; height: 3px; background: #056235; position: absolute; top: 62px;}
	.index_process .process_tab ul li{list-style: none; font-size: 22px; position: relative; padding-bottom: 50px; background: url("../images/process.png") center bottom no-repeat; cursor: pointer;}
	.index_process .process_tab ul li.current{background-image: url("../images/process_on.png");}
	.index_process .process_box{margin-top: 30px;}
	.index_process .process_box .process_list{display: none;}
	.index_process .process_box .process_list.show{display: block;}
	.index_process .process_box .process_list .picture{width: 48%; float: left; border-radius: 18px; overflow: hidden;}
	.index_process .process_box .process_list .picture img{width: 100%;}
	.index_process .process_box .process_list .content{width: 48%; float: right;}
	.index_process .process_box .process_list .content .title{font-size: 30px; line-height: 36px; font-family: 'SourceHanSansBold';}
	.index_process .process_box .process_list .content .title span{width: 36px; height: 36px; display: inline-block; font-size: 18px; text-align: center; background: #056235; color: #fff; border-radius: 50%; margin-right: 10px; vertical-align: middle;}
	.index_process .process_box .process_list .content .title p{display: inline-block; vertical-align: middle; color: #333;}
	.index_process .process_box .process_list .content .text{font-size: 20px; line-height: 30px; color: #666; margin-top: 30px;}
	.index_process .process_box .process_list .content .button{height: 68px; padding: 0 50px 0 100px; background: url("../images/tel2.png") left 50px center no-repeat #056235; border-radius: 34px; margin-top: 30px;}
	.index_process .process_box .process_list .content .button .telephone{float: left; color: #fff; padding-top: 8px;}
	.index_process .process_box .process_list .content .button .telephone .ttext{font-size: 16px; letter-spacing: 3px;}
	.index_process .process_box .process_list .content .button .telephone .number{font-size: 24px; font-family: 'Impact';}
	.index_process .process_box .process_list .content .button .consult{float: right; padding-top: 20px;}
	.index_process .process_box .process_list .content .button .consult a{display: inline-block; font-size: 15px; padding: 0 20px; line-height: 28px; background: #e2453b; color: #fff; border-radius: 14px;}
	
	.index_partner{padding: 20px 10px;}
	.index_partner .partner_list{margin-top: 20px;}
	
	.index_news{padding: 20px 10px; background-size: auto 100%;}
	.index_news .news_list{margin-top: 20px;}
	.index_news .list{width: 100%; margin-right: 0%; margin-bottom: 20px;}
	.index_news .list .content{padding: 10px; background: #f6f6f6;}
	.index_news .list .title a{font-size: 15px;}
	.index_news .more_news{margin-top: 10px;}
	.index_news .more_news a{width: 160px; line-height: 36px; font-size: 14px; border-radius: 18px;}
}