@charset "utf-8";

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

.common_title{text-align: center;}
.common_title p{font-size: 24px; font-weight: bold; color: #2a2a2a; text-transform: uppercase;}
.common_title h2{font-size: 36px; color: #3b3b3b; position: relative; padding-bottom: 25px;}
.common_title h2::after{width: 57px; height: 6px; content: ''; background: url('../images/title.png'); position: absolute; left: calc(50% - 28px); bottom: 0;}

.index_product{padding: 50px 0 60px;}
.index_product .pcategory{margin-top: 60px;}
.index_product .pcategory .title{margin-bottom: 30px;}
.index_product .pcategory .title h3{font-size: 30px;}
.index_product .pcategory .title small{font-size: 18px; text-transform: uppercase;}
.index_product .pcategory .clist{width: 319px; height: 47px; float: left; box-shadow: 0 0 10px #eee; position: relative;}
.index_product .pcategory .clist .cbtn{line-height: 47px; padding: 0 20px; color: #363636; cursor: pointer; position: relative;}
.index_product .pcategory .clist .cbtn::after{content: ''; border-top: solid #464646 10px; border-left: solid transparent 6px; border-right: solid transparent 6px; position: absolute; top: 20px; right: 22px;}
.index_product .pcategory .clist ul{width: 100%; background: #fff; box-shadow: 0 0 10px #eee; position: absolute; left: 0; top: 47px; display: none;}
.index_product .pcategory .clist li{line-height: 46px; border-bottom: dashed #eee 1px;}
.index_product .pcategory .clist li:last-child{border-bottom: none;}
.index_product .pcategory .clist li:hover{background: #f5f5f5;}
.index_product .pcategory .clist li a{display: block; padding: 0 20px;}
.index_product .pcategory .psearch{width: calc(100% - 450px); height: 47px; float: right; box-sizing: border-box; padding: 0 16px; box-shadow: 0 0 10px #eee;}
.index_product .pcategory .psearch input{height: 47px; float: left; border: none;}
.index_product .pcategory .psearch input[type='text']{width: calc(100% - 23px);}
.index_product .pcategory .psearch input[type='submit']{width: 23px; background: url('../images/search.png') center no-repeat; cursor: pointer;}
.index_product .product_list{margin-top: 70px; border: solid #e3e3e3 1px; padding: 45px 55px;}
.index_product .product_list::after{content: ''; display: table; clear: both;}
.index_product .product_list .list{width: 31%; float: left; margin: 0 3.5% 30px 0;}
.index_product .product_list .list:nth-child(3n){margin-right: 0;}
.index_product .product_list .list .picture{border: solid #f2f2f2 2px; overflow: hidden;}
.index_product .product_list .list .picture img{width: 100%; transition: all 0.5s;}
.index_product .product_list .list .picture:hover img{transform: scale(1.1);}
.index_product .product_list .list .title{width: calc(100% - 150px); float: left; margin-top: 10px;}
.index_product .product_list .list .title a{display: block; font-size: 18px; line-height: 38px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index_product .product_list .list .button{float: right; margin-top: 10px;}
.index_product .product_list .list .button a{display: block; width: 130px; line-height: 38px; font-size: 12px; box-sizing: border-box; padding-left: 26px; background: #f0f0f0; color: #363636; border-radius: 19px; position: relative; transition: all 0.3s;}
.index_product .product_list .list .button a::after{width: 30px; height: 30px; content: ''; background: url('../images/more.png'); position: absolute; top: 4px; right: 4px; transition: all 0.3s;}
.index_product .product_list .list .button a:hover{background: #ef8812; color: #fff;}
.index_product .product_list .list .button a:hover::after{background: url('../images/more_hover.png');}

.index_aboutus{padding: 80px 0; background: url('../images/aboutus.jpg') center top no-repeat;}
.index_aboutus .common_title p{color: #fff;}
.index_aboutus .common_title p span{margin-left: 20px;}
.index_aboutus .common_title h2{color: #fff;}
.index_aboutus .overview{margin: 60px 0 130px; display: flex; justify-content: space-between;}
.index_aboutus .overview .list{display: flex;}
.index_aboutus .overview .list .icon{line-height: 50px; margin-right: 8px;}
.index_aboutus .overview .list .text{color: #fff;}
.index_aboutus .overview .list .text h4{font-size: 30px; font-family: 'hzgb';}
.index_aboutus .overview .list .text p{font-size: 18px;}
.index_aboutus .content{width: 46%; float: left;}
.index_aboutus .content .title{font-size: 36px; font-weight: bold; color: #fff; line-height: 80px; border-bottom: solid rgba(255, 255, 255, 0.38) 1px; position: relative;}
.index_aboutus .content .title::after{width: 34px; height: 3px; content: ''; background: #fff; position: absolute; left: 0; bottom: -2px;}
.index_aboutus .content .text{margin-top: 40px;}
.index_aboutus .content .text p{font-size: 16px; line-height: 26px; text-indent: 2em; color: #fff;}
.index_aboutus .content .button{margin-top: 30px;}
.index_aboutus .content .button a{display: inline-block; width: 140px; line-height: 37px; text-align: center; font-size: 16px; background: #fff; color: #0f3c97; border-radius: 19px;}
.index_aboutus .picture{width: 46%; float: right;}
.index_aboutus .picture img{width: 100%;}

.index_factory{padding: 30px 0;}
.index_factory .factory_title{font-size: 24px; line-height: 36px; padding-bottom: 16px; border-bottom: solid #e1e1e1 1px; position: relative;}
.index_factory .factory_title::after{width: 34px; height: 3px; content: ''; background: #333; position: absolute; left: 0; bottom: -2px;}
.index_factory .factory_list{margin-top: 40px;}
.index_factory .factory_list::after{content: ''; display: table; clear: both;}
.index_factory .factory_list .list{width: 32%; float: left; margin: 0 2% 20px 0;}
.index_factory .factory_list .list:nth-child(3n){margin-right: 0;}
.index_factory .factory_list .list img{width: 100%;}

.index_strengths{padding: 40px 0;}
.index_strengths .strengths_list{margin-top: 40px;}
.index_strengths .strengths_list::after{content: ''; display: table; clear: both;}
.index_strengths .strengths_list .list{width: 32%; float: left; box-sizing: border-box; padding: 56px 33px 43px; background: #f4f4f4; margin-right: 2%; cursor: pointer;}
.index_strengths .strengths_list .list:hover{background: url('../images/strengths.jpg') right bottom no-repeat #ec8a19;}
.index_strengths .strengths_list .list:nth-child(3){margin-right: 0;}
.index_strengths .strengths_list .list .icon{height: 70px; overflow: hidden;}
.index_strengths .strengths_list .list .icon img{transition: all 0.3s;}
.index_strengths .strengths_list .list:hover .icon img{margin-top: -70px;}
.index_strengths .strengths_list .list .title{font-size: 26px; font-weight: bold; padding-bottom: 23px; margin-top: 60px; border-bottom: solid #9a9a9a 1px;}
.index_strengths .strengths_list .list:hover .title{color: #fff; border-bottom-color: #f5c184;}
.index_strengths .strengths_list .list .text{margin-top: 30px; line-height: 26px; color: #000;}
.index_strengths .strengths_list .list:hover .text{color: #fff;}
.index_strengths .strengths_list .list .button{margin-top: 80px;}
.index_strengths .strengths_list .list .button a{display: inline-block; line-height: 26px; background: url('../images/arrow.png') left center no-repeat; padding-left: 30px;}
.index_strengths .strengths_list .list:hover .button a{background-image: url('../images/arrow_hover.png'); color: #fff;}

.index_service{padding: 40px 0;}
.index_service .service_list{margin-top: 50px;}
.index_service .service_list::after{content: ''; display: table; clear: both;}
.index_service .service_list .list{float: left; width: 51%; position: relative;}
.index_service .service_list .list:first-child{width: 47%; margin-right: 2%;}
.index_service .service_list .list:nth-child(2){margin-bottom: 25px;}
.index_service .service_list .list .picture{overflow: hidden;}
.index_service .service_list .list .picture img{width: 100%;}
.index_service .service_list .list .text{width: 100%; font-size: 30px; text-align: center; color: #fff; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

.index_process{padding: 40px 0;}
.index_process .process_list{margin-top: 50px;}
.index_process .process_list ul{display: flex; justify-content: space-between;}
.index_process .process_list ul li{width: 16%; padding: 30px 0; border: solid #aaa 1px; text-align: center; position: relative;}
.index_process .process_list ul li::after{width: 28px; height: 28px; content: '>'; font-size: 24px; font-family: 'Poppins'; text-align: center; line-height: 32px; background: #fff; color: #7b7b7b; border: solid #adadad 1px; border-radius: 50%; position: absolute; right: -20px; top: calc(50% - 15px); z-index: 9;}
.index_process .process_list ul li:last-child::after{display: none;}
.index_process .process_list ul li p{font-size: 18px; color: #1b1b1b; margin-top: 10px;}

.index_certificate{padding: 40px 0; display: none;}
.index_certificate .certificateSwiper{margin-top: 50px; position: relative; overflow: hidden; padding-bottom: 80px;}
.index_certificate .certificateSwiper .list{padding: 0 28px; background: #f7f7f7;}
.index_certificate .certificateSwiper .list .picture{padding: 60px 10px;}
.index_certificate .certificateSwiper .list .picture img{width: 100%;}
.index_certificate .certificateSwiper .list .text{font-size: 18px; padding: 20px 0; border-top: solid #d4d4d4 1px;}
.index_certificate .certificateSwiper .list .text a{width: 22px; height: 22px; float: right; background: url('../images/magnifier.png');}
.index_certificate .certificateSwiper .swiper-pagination-bullet{width: 10px; height: 10px; background: #fff; opacity: 1; border: solid #0689e1 1px; border-radius: 0;}
.index_certificate .certificateSwiper .swiper-pagination-bullet-active{height: 18px; background: #0f3c97; border-color: #0f3c97;}

.index_news{padding: 40px 0;}
.index_news .news_menu{border-bottom: solid #e1e1e1 1px; position: relative;}
.index_news .news_menu::after{width: 34px; height: 3px; content: ''; background: #0f3c97; position: absolute; left: 0; bottom: -2px;}
.index_news .news_menu ul::after{content: ''; display: table; clear: both;}
.index_news .news_menu li{float: left; padding: 20px 0; margin-right: 42px;}
.index_news .news_menu li.more{float: right; margin-right: 0;}
.index_news .news_menu li a{display: block; font-size: 18px; color: #252525; line-height: 32px;}
.index_news .news_menu li a:hover{color: #0f3c97;}
.index_news .news_menu li:first-child a{color: #0f3c97;}
.index_news .news_menu li.more a{color: #0f3c97;}
.index_news .news_tlist{width: 40%; float: left; background: #f5f5f5; box-sizing: border-box; padding: 20px 30px; margin-top: 50px;}
.index_news .news_tlist .title a{display: block; font-size: 18px; color: #252525; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index_news .news_tlist .text{margin-top: 10px;}
.index_news .news_tlist .text a{display: block; color: #252525; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index_news .news_tlist .date{color: #ffc000; margin-top: 10px;}
.index_news .news_tlist .picture{margin-top: 10px; overflow: hidden;}
.index_news .news_tlist .picture img{width: 100%; transition: all 0.5s;}
.index_news .news_tlist:hover .picture img{transform: scale(1.1);}
.index_news .news_tlist .button{margin-top: 30px;}
.index_news .news_tlist .button a{display: inline-block; width: 128px; text-align: center; line-height: 37px; font-size: 16px; background: #ef8812; color: #fff; border-radius: 18px;}

.index_news .news_rlist{width: 50%; float: right; margin-top: 10px;}
.index_news .news_rlist .list{margin-top: 20px; line-height: 60px; border-bottom: solid #e3e3e3 1px; position: relative;}
.index_news .news_rlist .list::before{width: 7px; height: 7px; content: ''; background: #d3d3d3; border-radius: 50%; position: absolute; left: -30px; top: 50%;}
.index_news .news_rlist .list::after{content: ''; display: table; clear: both;}
.index_news .news_rlist .list .title{width: calc(100% - 80px); float: left;}
.index_news .news_rlist .list .title a{display: block; font-size: 18px;}
.index_news .news_rlist .list .date{width: 80px; float: right; text-align: center; font-size: 18px;}
.index_news .news_rlist .list:hover{color: #ef8812;}
.index_news .news_rlist .list:hover a{color: #ef8812;}
.index_news .news_rlist .list:hover::before{background: #0f3c97;}

@media (max-width: 960px) {
	.bannerSwiper{margin-top: 61px;}
	
	.common_title{text-align: center;}
	.common_title p{font-size: 18px;}
	.common_title h2{font-size: 24px; padding-bottom: 18px;}
	
	.index_product{padding: 30px 15px;}
	.index_product .pcategory{margin-top: 30px;}
	.index_product .pcategory .title{margin-bottom: 30px;}
	.index_product .pcategory .title h3{font-size: 20px;}
	.index_product .pcategory .title small{font-size: 18px; text-transform: uppercase;}
	.index_product .pcategory .clist{width: 100%;}
	.index_product .pcategory .psearch{width: 100%; margin-top: 30px;}
	.index_product .product_list{margin-top: 30px; border: none; padding: 0;}
	.index_product .product_list .list{width: 48%; margin: 0 4% 30px 0;}
	.index_product .product_list .list:nth-child(3n){margin-right: 4%;}
	.index_product .product_list .list:nth-child(2n){margin-right: 0;}
	.index_product .product_list .list .picture{border: solid #f2f2f2 1px;}
	.index_product .product_list .list .title{width: 100%;}
	.index_product .product_list .list .title a{font-size: 14px; line-height: 22px;}
	.index_product .product_list .list .button{display: none;}
	
	.index_aboutus{padding: 30px 15px; background: url('../images/aboutus.jpg') center top no-repeat;}
	.index_aboutus .common_title p span{margin-left: 10px;}
	.index_aboutus .overview{margin: 0; flex-wrap: wrap;}
	.index_aboutus .overview .list{margin: 20px 0;}
	.index_aboutus .overview .list .icon{line-height: 50px; margin-right: 8px;}
	.index_aboutus .overview .list .text h4{font-size: 20px; line-height: 26px;}
	.index_aboutus .overview .list .text p{font-size: 14px; line-height: 24px;}
	
	.index_aboutus .content{width: 100%;}
	.index_aboutus .content .title{font-size: 20px; line-height: 50px;}
	.index_aboutus .content .text{margin-top: 20px;}
	.index_aboutus .content .text p{font-size: 14px; line-height: 24px;}
	.index_aboutus .content .button{margin-top: 20px;}
	.index_aboutus .content .button a{width: 126px; line-height: 34px; font-size: 14px; border-radius: 17px;}
	.index_aboutus .picture{width: 100%; margin-top: 20px;}
	
	.index_factory{padding: 30px 15px 0;}
	.index_factory .factory_title{font-size: 20px; line-height: 36px; padding-bottom: 12px;}
	.index_factory .factory_list{margin-top: 20px;}
	.index_factory .factory_list::after{content: ''; display: table; clear: both;}
	.index_factory .factory_list .list{width: 48%; margin: 0 4% 20px 0;}
	.index_factory .factory_list .list:nth-child(3n){margin-right: 4%;}
	.index_factory .factory_list .list:nth-child(2n){margin-right: 0;}
	
	.index_strengths{padding: 30px 15px 0;}
	.index_strengths .strengths_list{margin-top: 30px;}
	.index_strengths .strengths_list .list{width: 100%; padding: 30px; margin: 0 0 10px 0;}
	.index_strengths .strengths_list .list:hover{background: url('../images/strengths.jpg') right bottom no-repeat #ec8a19;}
	.index_strengths .strengths_list .list:nth-child(3){margin-right: 0;}
	.index_strengths .strengths_list .list .icon{height: 50px;}
	.index_strengths .strengths_list .list .icon img{height: 100px; transition: all 0.3s;}
	.index_strengths .strengths_list .list:hover .icon img{margin-top: -50px;}
	.index_strengths .strengths_list .list .title{font-size: 18px; padding-bottom: 16px; margin-top: 20px;}
	.index_strengths .strengths_list .list .text{margin-top: 20px;}
	.index_strengths .strengths_list .list .button{margin-top: 20px;}
	
	.index_service{padding: 30px 15px;}
	.index_service .service_list{margin-top: 30px;}
	.index_service .service_list .list{float: left; width: 100%; position: relative;}
	.index_service .service_list .list:first-child{width: 100%; margin-right: 0%;}
	.index_service .service_list .list:nth-child(2){margin: 25px 0;}
	
	.index_process{padding: 30px 15px;}
	.index_process .process_list{margin-top: 30px;}
	.index_process .process_list ul{flex-wrap: wrap;}
	.index_process .process_list ul li{width: 31%; padding: 10px 0; margin-bottom: 10px;}
	.index_process .process_list ul li:nth-child(3n)::after{display: none;}
	.index_process .process_list ul li img{height: 30px;}
	.index_process .process_list ul li p{font-size: 14px;}
	
	.index_certificate{padding: 30px 15px;}
	.index_certificate .certificateSwiper{margin-top: 30px; padding-bottom: 0;}
	.index_certificate .certificateSwiper .list{padding: 0 20px; background: #f7f7f7;}
	.index_certificate .certificateSwiper .list .picture{padding: 30px 10px;}
	.index_certificate .certificateSwiper .list .text{font-size: 16px;}
	.index_certificate .certificateSwiper .swiper-pagination{display: none;}
	
	.index_news{padding: 30px 15px;}
	.index_news .news_menu{margin-top: 20px;}
	.index_news .news_menu li{padding: 10px 0; margin-right: 30px;}
	.index_news .news_menu li a{font-size: 16px; line-height: 32px;}
	.index_news .news_tlist{width: 100%; padding: 20px 30px; margin-top: 30px;}
	.index_news .news_tlist .title a{font-size: 16px;}
	.index_news .news_tlist .button{margin-top: 20px;}
	.index_news .news_tlist .button a{line-height: 36px; font-size: 14px;}
	
	.index_news .news_rlist{width: 100%; margin-top: 10px;}
	.index_news .news_rlist .list{margin-top: 20px; line-height: 46px; padding-left: 14px;}
	.index_news .news_rlist .list::before{left: 0; transform: translateY(-2px);}
	.index_news .news_rlist .list .title{width: calc(100% - 60px);}
	.index_news .news_rlist .list .title a{font-size: 16px;}
	.index_news .news_rlist .list .date{width: 60px; font-size: 16px;}
}