@charset "utf-8";

.bannerSwiper{position: relative; overflow: hidden;}
.bannerSwiper .swiper-slide{overflow: hidden;}
.bannerSwiper .swiper-slide img{width: 100%; height: auto;}
.bannerSwiper .swiper-button{width: 100%; height: 70px; position: absolute; bottom: 38px;}
.bannerSwiper .swiper-button .whole{position: relative;}
.bannerSwiper .swiper-button .swiper-button-prev,
.bannerSwiper .swiper-button .swiper-button-next{width: 38px; height: 33px; background: #fff; left: auto; right: 30px; margin: 0;}
.bannerSwiper .swiper-button .swiper-button-prev{top: 0;}
.bannerSwiper .swiper-button .swiper-button-next{top: 37px;}
.bannerSwiper .swiper-button .swiper-button-prev::after,
.bannerSwiper .swiper-button .swiper-button-next::after{content: ''; border-left: solid transparent 8px; border-right: solid transparent 8px; position: absolute; left: 11px; top: 11px;}
.bannerSwiper .swiper-button .swiper-button-prev::after{border-bottom: solid #1d3f78 10px;}
.bannerSwiper .swiper-button .swiper-button-next::after{border-top: solid #1d3f78 10px;}
.bannerSwiper .swiper-button .swiper-button-prev:hover,
.bannerSwiper .swiper-button .swiper-button-next:hover{background: #1d3f78;}
.bannerSwiper .swiper-button .swiper-button-prev:hover::after{border-bottom-color: #fff;}
.bannerSwiper .swiper-button .swiper-button-next:hover::after{border-top-color: #fff;}

.common_title{position: relative;}
.common_title p{font-size: 36px; color: #1d3f78; font-family: 'ImpactMTstd'; font-style: italic; opacity: 0.05; position: absolute; left: 18px; top: 23px;}
.common_title h2{font-size: 48px; color: #022f72; font-style: italic;}

.index_product{padding: 80px 0 60px;}
.index_product .category_list{border-bottom: solid #ebeef3 1px; margin-top: 10px;}
.index_product .category_list ul{text-align: right;}
.index_product .category_list li{display: inline-block; margin-right: 70px; font-size: 18px; color: #c4c4c4; cursor: pointer; position: relative; padding-bottom: 28px;}
.index_product .category_list li::after{content: '/'; position: absolute; right: -45px;}
.index_product .category_list li:last-child{margin-right: 0;}
.index_product .category_list li:last-child::after{display: none;}
.index_product .category_list li.current{color: #353535; border-bottom: solid #ff512f 2px; margin-bottom: -1px;}
.index_product .product_list{margin-top: 70px;}
.index_product .product_list .productSwiper{height: 0; position: relative; overflow: hidden;}
.index_product .product_list .productSwiper.show{height: auto;}
.index_product .product_list .productSwiper .list{padding: 0 26px 29px 0; background: #022f72;}
.index_product .product_list .productSwiper .list .picture{border: solid #e5e5e5 1px; overflow: hidden;}
.index_product .product_list .productSwiper .list .picture img{width: 100%; transition: all 0.5s;}
.index_product .product_list .productSwiper .list .picture:hover img{transform: scale(1.1);}
.index_product .product_list .productSwiper .title{text-align: center; background: #fff; padding-top: 10px;}
.index_product .product_list .productSwiper .title a{font-size: 18px;}
.index_product .product_more{width: 580px; margin: 70px auto 0;}
.index_product .product_more .text{width: 417px; height: 52px; float: left; line-height: 52px; font-size: 24px; color: #022f72; text-align: center; border: dashed #51709e 1px; border-right: none;}
.index_product .product_more .text b{font-size: 39px;}
.index_product .product_more .button{width: 161px; height: 54px; float: left; background: #ff512f; border-radius: 0 18px 18px 0;}
.index_product .product_more .button a{display: block; line-height: 54px; text-align: center; font-size: 18px; color: #fff;}

.index_strength{margin-top: 50px; display: flex;}
.index_strength .strength_left{width: 45%; float: left; background: url('../images/strength_left.jpg') right top no-repeat; background-size: 100% 100%;}
.index_strength .strength_left .content{width: 100%; max-width: 600px; float: right; padding: 90px 0;}
.index_strength .strength_left .common_title p{color: #fff;}
.index_strength .strength_left .common_title h2{color: #fff;}
.index_strength .strength_left .content .title{max-width: 300px; font-size: 18px; line-height: 32px; color: #fff; margin-top: 50px; position: relative; padding-bottom: 40px;}
.index_strength .strength_left .content .title::before{width: 61px; height: 3px; content: ''; background: #fe6043; position: absolute; left: 0; bottom: 0;}
.index_strength .strength_left .content .title::after{width: 61px; height: 3px; content: ''; background: #022f72; position: absolute; left: 61px; bottom: 0;}
.index_strength .strength_left .content .text{max-width: 300px; font-size: 18px; line-height: 32px; color: #fff; margin-top: 50px;}
.index_strength .strength_right{width: 55%; float: right; background: url('../images/strength_right.jpg') left top no-repeat; background-size: 100% 100%;}
.index_strength .strength_right .strength_list{width: 100%; max-width: 800px; float: left; position: relative; top: 50%; transform: translateY(-50%);}
.index_strength .strength_right .strength_list .list{width: 50%; float: left; padding: 20px 0; background: #fff;}
.index_strength .strength_right .strength_list .list .icon{width: 110px; height: 110px; margin: 0 auto; text-align: center; line-height: 110px; border: solid #004190 4px; border-radius: 50%;}
.index_strength .strength_right .strength_list .list .text{font-size: 18px; line-height: 26px; text-align: center; margin-top: 10px;}

.index_aboutus{padding: 110px 0 80px; background: url('../images/aboutus.jpg') center top no-repeat;}
.index_aboutus .content{width: 50%; float: left;}
.index_aboutus .content .text{margin-top: 80px; position: relative;}
.index_aboutus .content .text::after{content: '“'; font-size: 60px; font-weight: bold; color: #1c3f77; position: absolute; left: -30px; top: -20px;}
.index_aboutus .content .text p{font-size: 18px; line-height: 39px; color: #2d2d2d; text-indent: 2em;}
.index_aboutus .picture{width: 46%; float: right; margin-top: 150px;}
.index_aboutus .picture img{width: 100%;}

.index_factory{padding: 40px 0 60px;}
.index_factory .common_title{width: 240px; margin: 0 auto;}
.index_factory .factory_list{margin-top: 30px;}
.index_factory .factory_list .list{width: 32%; float: left; margin: 0 2% 20px 0;}
.index_factory .factory_list .list:nth-child(3),
.index_factory .factory_list .list:nth-child(5){margin-right: 0;}
.index_factory .factory_list .list img{width: 100%;}
.index_factory .factory_list .list:first-child{overflow: hidden;}
.index_factory .factory_list .list:first-child img{position: relative; width: auto; height: 100%; left: 50%; transform: translateX(-50%);}

.index_superiority{padding: 60px 0 30px; background: url('../images/superiority.jpg') center top no-repeat;}
.index_superiority .super_title{text-align: center; color: #fff;}
.index_superiority .super_title h3{font-size: 36px; font-style: italic; font-weight: normal;}
.index_superiority .super_title h3 b{font-size: 72px;}
.index_superiority .super_title p{font-size: 15px; line-height: 30px;}
.index_superiority .superioritySwiper{margin-top: 50px; position: relative; overflow: hidden; padding-bottom: 50px;}
.index_superiority .superioritySwiper .swiper-slide{box-sizing: border-box; padding: 120px 4% 150px;}
.index_superiority .superioritySwiper .swiper-slide-active{border-left: solid rgba(255, 255, 255, 0.3) 1px; border-right: solid rgba(255, 255, 255, 0.3) 1px;}
.index_superiority .superioritySwiper .swiper-slide .list{color: #fff; position: relative; padding-bottom: 40px;}
.index_superiority .superioritySwiper .swiper-slide:hover .list::before{width: 85px; height: 2px; content: ''; background: #fff; position: absolute; left: 0; bottom: 0;}
.index_superiority .superioritySwiper .swiper-slide:hover .list::after{width: 22px; height: 2px; content: ''; background: #ff512f; position: absolute; left: 85px; bottom: 0;}
.index_superiority .superioritySwiper .swiper-slide h4{font-size: 17px; font-weight: normal; line-height: 31px;}
.index_superiority .superioritySwiper .swiper-slide p{font-size: 10px; margin-top: 10px;}
.index_superiority .superioritySwiper .swiper-button-next{width: 44px; height: 44px; left: calc(50% - 24px); top: auto; bottom: 0; margin: 0; background: url('../images/arrow_white.png') center no-repeat; border: solid #fff 2px; border-radius: 50%;}

.index_clients{padding: 70px 0 50px;}
.index_clients .common_title{width: 390px; margin: 0 auto;}
.index_clients .common_title p{left: 90px;}
.index_clients .clients_list{margin-top: 30px;}
.index_clients .clients_list ul{display: flex; justify-content: space-between;}
.index_clients .clients_list li{width: 19%; background: #fff; border: solid #e2e2e2 1px; text-align: center;}
.index_clients .clients_list li img{width: 100%;}

.index_news{background: url('../images/news.jpg') right top no-repeat;}
.index_news .common_title{width: 450px; height: 186px; float: left; background: #fff;}
.index_news .news_menu{float: right; border-bottom: solid #bfcadc 1px; margin-top: 110px;}
.index_news .news_menu li{float: left; margin-left: 42px; margin-bottom: -1px;}
.index_news .news_menu li:first-child{margin-left: 0;}
.index_news .news_menu li a{display: block; font-size: 16px; color: #8b98b5; line-height: 42px;}
.index_news .news_menu li a.current{color: #fff; border-bottom: solid #fff 2px;}
.index_news .news_list{padding: 80px 0; background: #fff; display: flex; justify-content: space-between;}
.index_news .news_list .news_recommend{width: 48%; display: flex; flex-wrap: wrap; align-content: space-between;}
.index_news .news_list .news_recommend .list{flex: 1; display: flex; justify-content: space-between; border-bottom: solid #e3e3e3 1px; padding-bottom: 36px;}
.index_news .news_list .news_recommend .picture{width: 258px;}
.index_news .news_list .news_recommend .content{width: calc(100% - 285px); position: relative;}
.index_news .news_list .news_recommend .content .date{color: #272727;}
.index_news .news_list .news_recommend .content .title{margin-top: 5px;}
.index_news .news_list .news_recommend .content .title a{display: block; font-size: 18px; color: #272727; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index_news .news_list .news_recommend .content .text{font-size: 12px; color: #272727; margin-top: 5px;}
.index_news .news_list .news_recommend .content .button{position: absolute; bottom: 0;}
.index_news .news_list .news_recommend .content .button a{background: url('../images/arrow_blue.png') right center no-repeat; padding-right: 40px;}
.index_news .news_list .picture{overflow: hidden;}
.index_news .news_list .picture img{width: 100%; transition: all 0.5s;}
.index_news .news_list .picture:hover img{transform: scale(1.1);}
.index_news .news_list .news_wtoutiao{width: 42%; border-bottom: solid #e3e3e3 1px; box-sizing: border-box; padding-right: 16%; padding-bottom: 40px;}
.index_news .news_list .news_wtoutiao .date{margin-top: 30px; color: #272727;}
.index_news .news_list .news_wtoutiao .title{margin-top: 10px;}
.index_news .news_list .news_wtoutiao .title a{display: block; font-size: 18px; color: #272727; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.index_news .news_list .news_wtoutiao .text{margin-top: 10px; font-size: 12px; color: #272727; line-height: 24px;}
.index_news .news_list .news_wtoutiao .button{margin-top: 20px;}
.index_news .news_list .news_wtoutiao .button a{background: url('../images/arrow_blue.png') right center no-repeat; padding-right: 40px;}