/* 轮播图 */
.swiper_index_nav { width: 100%; height: 100%; overflow: hidden; position: relative; }
.swiper_index_nav .swiper-slide .item_area { width: 100%; padding-top: 27.26%; position: relative; display: flex; display: -webkit-flex; align-items: center; position: relative; }
.swiper_index_nav .swiper-slide .item_area .item_wenzinfo_block { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); height: 100%; display: flex; display: -webkit-flex; align-items: center; }
.swiper_index_nav .swiper-slide .item_wenzinfo { width: 25.4rem; background: #FFFFFF; padding: 1.44rem; }
.swiper_index_nav .swiper-slide .item_wenzinfo .item_title { color: #134C86; font-weight: 400; margin-bottom: 0.8rem; }
.swiper_index_nav .swiper-slide .item_wenzinfo .item_stitle { color: #000000; font-weight: 400; margin-bottom: 1rem; line-height: 1.8rem; }
.swiper_index_nav .swiper-slide .item_wenzinfo .item_btnmore { display: flex; display: -webkit-flex; align-items: center; color: #134C86; font-weight: 400; }
.swiper_index_nav .swiper-slide .item_wenzinfo .item_btnmore i { color: #134C86; font-size: 1.2rem; margin-left: 0.67rem; transition: all .36s ease; }
.swiper_index_nav .swiper-slide .item_wenzinfo:hover .item_btnmore i { margin-left: 1.2rem; }
.swiper_index_nav .swiper-nav-pagination { position: absolute; bottom: 0.96rem; left: 0; width: 100%; z-index: 10; text-align: center; }
.swiper_index_nav .swiper-nav-pagination .swiper-pagination-bullet { width: 1.92rem; height: 3px; background: #CCCCCC; opacity: 1; cursor: pointer; border-radius: 0; margin: 0 0.33rem; }
.swiper_index_nav .swiper-nav-pagination .swiper-pagination-bullet-active { background: #FFFFFF; }
.swiper_index_nav .swiper_nav_button { position: absolute; top: 50%; width: 2.4rem; height: 2.88rem; margin-top: -1.44rem; background: #FFFFFF; display: flex; display: -webkit-flex; align-items: center; justify-content: center; z-index: 10; transition: all .36s ease; }
.swiper_index_nav .swiper_nav_button_prev { left: 3.26rem; }
.swiper_index_nav .swiper_nav_button_next { right: 3.26rem; }
.swiper_index_nav .swiper_nav_button i { font-size: 1.2rem; color: #807F82; transition: all .36s ease; }
.swiper_index_nav .swiper_nav_button:hover { background: #134C86; }
.swiper_index_nav .swiper_nav_button:hover i { color: #FFFFFF; }
 @media screen and (max-width: 575px) {
.swiper_index_nav .swiper-slide .item_area { padding-top: 50%; }
.swiper_index_nav .swiper-slide .item_area .item_wenzinfo { display: none; }
.swiper_index_nav .swiper_nav_button_prev { left: 1.8rem; }
.swiper_index_nav .swiper_nav_button_next { right: 1.8rem; }
}
 @media screen and (min-width: 576px) and (max-width: 800px) {
.swiper_index_nav .swiper-slide .item_area .item_wenzinfo { display: none; }
.swiper_index_nav .swiper_nav_button_prev { left: 1.8rem; }
.swiper_index_nav .swiper_nav_button_next { right: 1.8rem; }
}
 @media screen and (min-width: 800px) and (max-width: 1000px) {
.swiper_index_nav .swiper_nav_button_prev { left: 1.8rem; }
.swiper_index_nav .swiper_nav_button_next { right: 1.8rem; }
}
 @media screen and (min-width: 1000px) and (max-width: 1200px) {
.swiper_index_nav .swiper_nav_button_prev { left: 2.4rem; }
.swiper_index_nav .swiper_nav_button_next { right: 2.4rem; }
}
 @media screen and (min-width: 1200px) and (max-width: 1400px) {
.swiper_index_nav .swiper_nav_button_prev { left: 2.8rem; }
.swiper_index_nav .swiper_nav_button_next { right: 2.8rem; }
}
.index_about { text-align: center; background: #FFFFFF; }
.index_about .item_title { margin-bottom: 0.96rem; font-weight: 400; }
.index_about .item_stitle { margin-bottom: 1.68rem; }
.index_about .item_btn { display: flex; display: -webkit-flex; align-items: center; width: 15.36rem; height: 3.84rem; line-height: 3.84rem; background: #FFFFFF; text-align: center; color: #333333; margin: 0 auto; overflow: hidden; display: flex; display: -webkit-flex; align-items: center; justify-content: center; border: 3px solid #134C86; font-weight: 400; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; text-indent: 0px; transition: all ease-out .3s; }
.index_about .item_btn:hover { background-color: rgba(19, 76, 134, 0.28); color: #fff; border: 3px solid #134C86; }
.index_about .item_btn::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #134C86; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.index_about .item_btn:hover::before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
 @media screen and (max-width: 575px) {
.index_about .item_btn { font-size: 0.96rem; }
}
/* 产品 */
.index_pro .item_select_box { display: flex; display: -webkit-flex; justify-content: flex-start; margin-top: 2.4rem; }
.index_pro .item_select_box .item_area { width: 30%; position: relative; margin-right: 1.8rem; }
.index_pro .item_select_box .item_area .page_parts_select { height: 3rem; }
.index_pro .item_select_box .item_select { width: 100%; height: 2.4rem; border: 1px solid #CCCCCC; font-size: 0.84rem; color: #333333; background: #FFFFFF; padding: 0 3rem 0 0.96rem; appearance: none; }
.index_pro .item_select_box .item_select_icon { position: absolute; top: 0; right: 0.96rem; line-height: 2.4rem; font-size: 1.2rem; color: #000000; }
 @media screen and (max-width: 575px) {
.index_pro .item_select_box { flex-wrap: wrap; }
.index_pro .item_select_box .item_area { width: 100%; margin-bottom: 1.8rem; }
}
 @media screen and (min-width: 576px) and (max-width: 800px) {
.index_pro .item_select_box { flex-wrap: wrap; }
.index_pro .item_select_box .item_area { width: 48%; margin-bottom: 1.8rem; }
}