@charset "utf-8"; @import 'swiper.min.css'; @import 'font-awesome.css'; @import 'iconfont.css'; * { margin: 0; padding: 0; font-size: 14px; font-family: Arial; color: #323232; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
.second_font { font-family: Oswald Regular }
.text_center { text-align: center }
a { display: inline-block; text-decoration: none; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transtion: all .3s; -o-transition: all .3s }
.color_white { color: #fff }
img { display: block; transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transtion: all .3s; -o-transition: all .3s; width: auto; height: auto }
.m_width { width: 100%; max-width: 1200px; margin: 0 auto }
.overflow-x { overflow-x: auto }
p { font-size: 1em }
p img { max-width: 100%; height: auto !important; display: inline-block }
p a { font-size: 1em; color: #0a3f89; text-decoration: underline }
.language { cursor: pointer; position: relative }
.language:hover .fix { opacity: 1; display: block }
.language .fix { position: absolute; display: none; top: 100%; right: 0; width: 150px; text-align: left; background: #f3f3f3; z-index: 10200; box-shadow: 0 0 3px #666 }
.language .fix li { padding: 13px 17px; background: #fff; line-height: normal }
.language .fix li a { font-size: 14px; color: #6d6d6d; margin: 0 5px }
.bold { font-weight: bold }
li { list-style: none }
.flex { display: flex; display: -webkit-flex }
.trans { transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transtion: all .3s; -o-transition: all .3s }
.sizing { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box }
.line { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical }
.none { display: none }
#onlineService { position: fixed; right: 0; bottom: 32%; z-index: 100998 }
.offside { width: 50px }
.offside li { width: 50px; height: 50px; position: relative; background: #b1b1b1; border-bottom: 1px solid #fff; text-align: center; transition: all .7s; -webkit-transition: all .7s; overflow: hidden }
.offside .code { position: absolute; top: 0; right: 50px; display: none; margin: 0 }
.offside a, .offside div { color: #333; position: absolute; z-index: 11; display: block; top: 0; right: 0; bottom: 0; cursor: pointer }
.offside p { float: left; line-height: 50px; font-size: 16px; font-weight: 700; padding: 0 0 0 10px; color: #fff; opacity: 0; position: absolute }
.offside i { font-size: 28px; height: 100%; line-height: 50px; text-align: center; display: block; color: #fff }
.offside li:not(.li_3) a, .offside .li_3 a, .offside .li_3 div { width: 50px }
.offside .back_top { display: none }
.offside li:nth-child(1) { background: #0068a8 }
.offside li:nth-child(2) { background: #0068a8 }
.offside li:nth-child(3) { background: #0068a8 }
.offside li:nth-child(4) { background: #0068a8 }
.offside li:nth-child(5) { background: #0068a8 }
.offside li:nth-child(6) { background: #b1b1b1 }
.offside li:nth-child(7) { background: #b1b1b1 }
.offside .erweima { width: 120px; height: auto; position: absolute; right: 100%; top: 0; display: none }
.offside .erweima img { max-width: 100% }
.offside li:nth-child(8) { background: #3b3737; display: none }
.offside li:nth-child(10) { background: #3b3737; height: 20px }
.offside li:nth-child(10) i { line-height: 20px }
.offside li:hover a, .offside li:hover div, .offside li:hover i { color: #fff }
.offside li:hover p { opacity: 1 }
.offside li:not(.li_3):hover { background: #f17600 }
.offside li:hover .erweima { display: block }
.offside .tel { width: 230px; transform: translateX(-180px); -webkit-transform: translateX(-180px) }
.offside .back_none { height: 0; border: 0 !important }
.offside .li { transform: translateX(100%); -webkit-transform: translateX(100%) }
.offside .unfold { width: 30px; transform: translateX(20px); -webkit-transform: translateX(20px) }
.hide { display: none !important }
.flex-center { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; align-items: center; justify-content: center }
@media screen and (max-width:768px) { #onlineService { left: 0; right: 0; bottom: 0; max-width: 100%; overflow: hidden }
#onlineService .offside { display: -webkit-box; display: -moz-box; display: box; width: 100%; background-color: rgba(0,0,0,0.8) }
#onlineService .offside li { -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; width: 0; background: none }
#onlineService .offside li.mp_tel a { display: none }
#onlineService .offside li.mp_tel p { opacity: 1 !important }
#onlineService .offside li.tels { display: none }
#onlineService .offside li.back_top { display: list-item !important }
#onlineService .offside li a { display: block; width: 100%; text-align: center }
#onlineService .offside li:hover p { opacity: 0 }
#onlineService .offside li .tel { width: 0 }
}
.header { width: 100%; z-index: 999 }
.header.fixed { position: fixed; top: 0 }
.header .header_top { background-color: #0a3f89 }
.header .header_top .header_top_container { justify-content: space-between; align-content: center; min-height: 50px }
.header .header_top .header_top_container .header_top_left { align-items: center }
.header .header_top .header_top_container .header_top_right { align-items: center }
.header .header_top .header_top_container .header_top_item { margin-right: 50px }
.header .header_top .header_top_container .header_top_item.language .fa { margin-right: 5px }
.header .header_top .header_top_container .header_top_item.search_box { border: 1px solid #fff; border-radius: 5px; overflow: hidden; width: 256px; justify-content: space-between }
.header .header_top .header_top_container .header_top_item.search_box input { width: 200px; height: 30px; background-color: rgba(0,0,0,0); border: none; outline: none; color: #fff; text-indent: 10px }
.header .header_top .header_top_container .header_top_item.search_box input::-webkit-input-placeholder { color:#fff }
.header .header_top .header_top_container .header_top_item.search_box button { background-color: #fff; color: #0a3f89; width: 50px; height: 30px; border: none; border-left: 1px solid #fff; cursor: pointer }
.header .header_top .header_top_container .header_top_item.search_box button:hover { color: #fff; background-color: #0a3f89 }
.header .header_top .header_top_container .header_top_item.header_top_item_href:hover { transform: translateY(-5px) }
.header .header_top .header_top_container .header_top_item:last-child { margin-right: 0 }
.header .header_down { box-shadow: 0 2px 2px #ccc; background-color: #fff }
.header .header_down .header_down_container { min-height: 80px; justify-content: space-between; align-items: center }
.header .header_down .header_down_container .logo_img img { width: 100%; max-height:65px; }
.header .header_down .header_down_container .nav .nav_first_li { padding: 0 10px; position: relative }
.header .header_down .header_down_container .nav .nav_first_li:last-child .nav_second_ul { left: 0 }
.header .header_down .header_down_container .nav .nav_first_li:hover .nav_second_ul { top: 80px; opacity: 1; display: block }
.header .header_down .header_down_container .nav .nav_first_li .nav_first_href { font-size: 18px; border-bottom: 2px solid #fff; line-height: 80px; position: relative; z-index: 1 }
.header .header_down .header_down_container .nav .nav_first_li .nav_first_href:hover { color: #0a3f89; border-color: #0a3f89 }
.header .header_down .header_down_container .nav .nav_first_li .nav_first_href.active { color: #0a3f89; border-color: #0a3f89; font-weight: bold }
.header .header_down .header_down_container .nav .nav_first_li .nav_second_ul { position: absolute; left: 20px; top: 150px; opacity: 0; display: none; background-color: #fff; box-shadow: 0 0 3px #ccc; padding: 10px 20px }
.header .header_down .header_down_container .nav .nav_first_li .nav_second_ul .nav_second_li { position: relative }
.header .header_down .header_down_container .nav .nav_first_li .nav_second_ul .nav_second_li .nav_third_ul { position: absolute; left: 100%; top: 0; opacity: 0; display: none; background-color: #fff; box-shadow: 0 0 3px #ccc; padding: 10px 20px }
.header .header_down .header_down_container .nav .nav_first_li .nav_second_ul .nav_second_li .nav_third_ul.active { opacity: 1; display: block }
.header .header_down .header_down_container .nav .nav_first_li .nav_second_ul .nav_second_li .nav_third_ul .nav_third_li .nav_third_li_href { line-height: 30px; white-space: nowrap; font-size: 16px }
.header .header_down .header_down_container .nav .nav_first_li .nav_second_ul .nav_second_li .nav_third_ul .nav_third_li .nav_third_li_href:hover { color: #0a3f89 }
.header .header_down .header_down_container .nav .nav_first_li .nav_second_ul .nav_second_li .nav_second_li_href { line-height: 35px; white-space: nowrap; font-size: 15px }
.header .header_down .header_down_container .nav .nav_first_li .nav_second_ul .nav_second_li .nav_second_li_href:hover { color: #0a3f89 }
.carousel { overflow: hidden }
.carousel.pc_banner { margin-top: 132px }
.carousel.mp_banner { display: none }
.carousel .carousel_ul { width: 100% }
.carousel .carousel_ul .carousel_li { min-width: 100% }
.carousel .carousel_ul .carousel_li .carousel_li_href { position: relative; display: block }
.carousel .carousel_ul .carousel_li .carousel_li_href img { width: 100% }
.carousel .carousel_ul .carousel_li .carousel_li_href .carousel_shadow { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.3) }
.carousel .carousel_ul .carousel_li .carousel_li_href .carousel_li_href_theme { position: absolute; top: 36%; width: 100%; font-size: 50px; font-weight: bold; line-height: 65px; text-align: center; color: #fff }
.carousel .carousel_ul .carousel_li .carousel_li_href .carousel_li_href_title { color: #fff; font-size: 40px; position: absolute; width: 100%; text-align: center; top: calc(36% + 70px) }
.bottom { position: relative }
.bottom .bottom_company_imformation { height: 100px; top: -50px; position: absolute; left: calc(50% - 600px); background-color: #0a3f89; justify-content: space-around; align-items: center }
.bottom .bottom_company_imformation .bottom_company_imformation_item_icon { font-size: 40px; margin-right: 15px }
.bottom .bottom_company_imformation .bottom_company_imformation_item_text .bottom_company_imformation_item_text_item { line-height: 21px }
.bottom .bottom_company_imformation .bottom_company_imformation_item_text .bottom_company_imformation_item_text_item.bottom_company_imformation_item_text_item_href:hover { transform: translateY(-5px) }
.bottom .bottom_up { padding: 85px 0 0 0; background: #fff }
.bottom .bottom_up .bottom_up_contaienr .bottom_up_contaienr_item { width: calc(25% - 30px); margin-right: 30px }
.bottom .bottom_up .bottom_up_contaienr .bottom_up_contaienr_item:nth-child(4) { padding-bottom: 50px; box-sizing: border-box; position: relative }
.bottom .bottom_up .bottom_up_contaienr .bottom_up_contaienr_item .bottom_up_contaienr_item_title { font-size: 20px; line-height: 34px; position: relative; padding-bottom: 10px; border-bottom: 1px solid #0a3f89; width: 100%; margin-bottom: 15px }
.bottom .bottom_up .bottom_up_contaienr .bottom_up_contaienr_item .bottom_up_contaienr_item_title:hover { transform: translateY(-5px) }
.bottom .bottom_up .bottom_up_contaienr .bottom_up_contaienr_item .bottom_up_contaienr_item_title:after { content: ''; position: absolute; width: 55px; height: 5px; bottom: -3px; background-color: #0a3f89; left: 0 }
.bottom .bottom_up .bottom_up_contaienr .bottom_up_contaienr_item .bottom_up_href_group .bottom_up_href_list { line-height: 28px; color: #646464; width: 100% }
.bottom .bottom_up .bottom_up_contaienr .bottom_up_contaienr_item .bottom_up_href_group .bottom_up_href_list:hover { color: #0a3f89 }
.bottom .bottom_up .bottom_up_contaienr .bottom_up_contaienr_item .bottom_google_group { position: absolute; bottom: 0 }
.bottom .bottom_up .bottom_up_contaienr .bottom_up_contaienr_item .bottom_google_group .bottom_google_item { width: 30px; height: 30px; border: 1px solid #969696; line-height: 28px; color: #969696; border-radius: 50%; margin-right: 20px }
.bottom .bottom_up .bottom_up_contaienr .bottom_up_contaienr_item .bottom_google_group .bottom_google_item:last-child { margin-right: 0 }
.bottom .bottom_up .bottom_up_contaienr .bottom_up_contaienr_item .bottom_google_group .bottom_google_item:hover { background-color: #0a3f89; color: #fff }
.bottom .bottom_down { background-color: #232323 }
.bottom .bottom_down .bottom_down_container { justify-content: space-between; align-items: center; padding: 30px 0 }
.bottom .bottom_down .bottom_down_container footer { color: #b4b4b4; line-height: 30px }
.bottom .bottom_down .bottom_down_container footer a { color: #b4b4b4 }
.bottom .bottom_down .bottom_down_container footer a:hover { color: #fff }
.bottom .bottom_down .bottom_down_container .bottom_down_href_group .bottom_down_href_item { line-height: 30px; color: #b4b4b4 }
.bottom .bottom_down .bottom_down_container .bottom_down_href_group .bottom_down_href_item:hover { color: #fff }
.bottom .bottom_down .bottom_down_container .bottom_down_href_group .bottom_down_href_item:last-child::after { display: none }
.bottom .bottom_down .bottom_down_container .bottom_down_href_group .bottom_down_href_item::after { content: ''; width: 1px; height: 12px; background-color: #b4b4b4; display: inline-block; margin: 0 5px 0 5px }
@media screen and (max-width:1100px) { .header .header_top .header_top_container .header_top_item { margin-right: 10px }
.header .header_down .header_down_container .nav .nav_first_li { padding: 0 8px }
.header .header_down .header_down_container .nav .nav_first_li .nav_first_href { font-size: 14px }
}
@media screen and (max-width:1200px) { .m_width { padding-left: 1% !important; padding-right: 1% !important }
}
@media screen and (max-width:768px) { .m_width { padding-left: 15px !important; padding-right: 15px !important }
.header { display: none }
.carousel.mp_banner { display: block }
.carousel.pc_banner { display: none }
.carousel .carousel_ul .carousel_li .carousel_li_href .carousel_li_href_theme { font-size: 22px; top: 15%; line-height: 28px }
.carousel .carousel_ul .carousel_li .carousel_li_href .carousel_li_href_title { font-size: 16px; top: calc(75%) }
.bottom { display: none }
}
.index_container { padding-top: 60px; padding-bottom: 120px }
.index_title { width: 100%; font-size: 32px; line-height: 30px; font-weight: bold; color: #0a3f89; padding-bottom: 10px; position: relative }
.index_title:hover { transform: translateY(-5px) }
.index_title:after { content: ''; width: 36px; height: 3px; position: absolute; bottom: 0; left: calc(50% - 18px); background-color: #0a3f89 }
.index_second_title { position: relative; margin-top: 32px; margin-left: 125px; line-height: 30px; padding: 15px 0 20px 0; font-weight: bold; color: #0a3f89; font-size: 32px }
.index_second_title:hover { transform: translateY(-5px) }
.index_second_title:after { content: ''; position: absolute; top: 0; left: 0; width: 55px; height: 4px; background-color: #0a3f89 }
.index_module.product_module .product_module_choose_group { justify-content: center; margin: 35px 0 40px }
.index_module.product_module .product_module_choose_group .product_module_choose_item { width: 325px; height: 60px; background-color: #e6e6e6; text-align: center; line-height: 60px; font-size: 24px; cursor: pointer }
.index_module.product_module .product_module_choose_group .product_module_choose_item:hover { background-color: #0a3f89; color: #fff }
.index_module.product_module .product_module_choose_group .product_module_choose_item.active { background-color: #0a3f89; color: #fff }
.index_module.product_module .product_module_choose_group .product_module_choose_item:first-child { margin-right: 50px }
.index_module.product_module .product_group { flex-wrap: wrap }
.index_module.product_module .product_group .product_group_item { position: relative; padding: 5px; background-color: #e6e6e6; margin-right: 20px; width: calc(100%/3 - 40px/3); margin-bottom: 20px }
.index_module.product_module .product_group .product_group_item:nth-child(3n) { margin-right: 0 }
.index_module.product_module .product_group .product_group_item:hover .product_group_shadow { opacity: 1 }
.index_module.product_module .product_group .product_group_item .img{ overflow:hidden;}
.index_module.product_module .product_group .product_group_item .img img { width: 100%;  background:#fff;}
.index_module.product_module .product_group .product_group_item .product_group_item_title { padding: 25px 0 25px 20px; font-size: 18px; line-height: 30px; font-weight: bold; color: #000 }
.index_module.product_module .product_group .product_group_item .product_group_shadow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #0a3f89; opacity: 0; flex-direction: column; align-items: center; justify-content: center; padding: 0 30px }
.index_module.product_module .product_group .product_group_item .product_group_shadow .product_group_shadow_title { font-size: 20px; line-height: 30px; font-weight: bold; position: relative; padding-bottom: 10px; margin-bottom: 30px }
.index_module.product_module .product_group .product_group_item .product_group_shadow .product_group_shadow_title:hover { transform: translateY(-5px) }
.index_module.product_module .product_group .product_group_item .product_group_shadow .product_group_shadow_title:after { content: ''; position: absolute; width: 30px; height: 5px; background-color: #fff; bottom: 0; left: calc(50% - 15px) }
.index_module.product_module .product_group .product_group_item .product_group_shadow .product_group_shadow_summary { font-size: 16px; line-height: 28px; margin-bottom: 70px }
.index_module.product_module .product_group .product_group_item .product_group_shadow .product_group_shadow_href { width: 45px; height: 45px; border-radius: 50%; color: #fff; border: 1px solid #fff; line-height: 45px; font-size: 30px }
.index_module.product_module .product_group .product_group_item .product_group_shadow .product_group_shadow_href:hover { background-color: #fff; color: #0a3f89 }
.index_module.about_module { margin-top: 35px; position: relative }
.index_module.about_module .img { width: 50%; z-index: 1; position: absolute; overflow: hidden; left: 0; top: 0; top: 35px }
.index_module.about_module .img img { width: 100% }
.index_module.about_module .img img:hover { transform: scale(1.1) }
.index_module.about_module .about_text { width: calc(50% + 85px); position: relative; left: calc(50% - 85px); top: 30px }
.index_module.about_module .about_text .about_text_line { width: 100%; max-width: 600px; margin-left: 85px; height: 1px; background-color: #f0f0f0 }
.index_module.about_module .about_text .about_text_container { padding: 40px 0 50px 125px; background-color: #f0f0f0 }
.index_module.about_module .about_text .about_text_container .about_text_module { width: 100%; max-width: 560px }
.index_module.about_module .about_text .about_text_container .about_text_module .about_text_module_summary { margin-bottom: 40px; font-size: 16px }
.index_module.about_module .about_text .about_text_container .about_text_module .about_text_module_summary p { line-height: 30px }
.index_module.about_module .about_text .about_text_container .about_text_module .about_text_module_href_group { margin-top: 25px }
.index_module.about_module .about_text .about_text_container .about_text_module .about_text_module_href_group .about_text_module_href_item { width: 160px; height: 40px; border: 1px solid #c8c8c8; background-color: #fff; border-radius: 5px; font-size: 16px; margin-right: 35px; line-height: 40px }
.index_module.about_module .about_text .about_text_container .about_text_module .about_text_module_href_group .about_text_module_href_item:hover { background-color: #0a3f89; color: #fff }
.index_module.about_module .about_text .about_text_container .about_text_module .about_text_module_href_group .about_text_module_href_item:nth-child(2) { margin-right: 0 }
.index_module.support_module { margin-top: 135px }
.index_module.support_module .support_module_text { width: calc(50% + 50px); padding-left: 70px; flex-direction: column; align-items: center; justify-content: center; margin-right: 85px }
.index_module.support_module .support_module_text .support_module_summary { color: #646464; font-size: 16px; line-height: 28px; margin: 30px 0 45px 0 }
.index_module.support_module .support_module_text .support_module_href_group { margin-bottom: 10px; flex-wrap: wrap }
.index_module.support_module .support_module_text .support_module_href_group .support_module_href_item { border: 1px solid #c8c8c8; width: 140px; font-size: 16px; line-height: 40px; margin-right: 20px; border-radius: 5px; margin-bottom: 10px; background-color: #e7e7e7 }
.index_module.support_module .support_module_text .support_module_href_group .support_module_href_item:hover { color: #fff; background-color: #0a3f89 }
.index_module.support_module .support_module_text .support_module_href_group .support_module_href_item:nth-child(3),.index_module.support_module .support_module_text .support_module_href_group .support_module_href_item:nth-child(6) { margin-right: 0 }
.index_module.support_module .support_module_img { width: calc(50% - 135px); overflow: hidden }
.index_module.support_module .support_module_img img { max-width: 100% }
.index_module.support_module .support_module_img img:hover { transform: scale(1.1) }
.index_module.application_module { margin-top: 60px; padding: 60px 0 65px 0; background-image: url('../images/background_img_1.png'); background-size: cover }
.index_module.news_imformation { margin-top: 70px }
.index_module.news_imformation .news_imformation_group { margin-top: 30px }
.index_module.news_imformation .news_imformation_item { padding: 0 15px 45px 15px; position: relative; box-shadow: 0 0 5px #ccc; margin-right: 25px; width: calc(100%/3 - 50px/3) }
.index_module.news_imformation .news_imformation_item:nth-child(3) { margin-right: 0 }
.index_module.news_imformation .news_imformation_item .news_imformation_item_title { font-size: 16px; line-height: 20px; padding: 35px 0; border-bottom: 1px solid #646464; width: 100%; font-weight: bold }
.index_module.news_imformation .news_imformation_item .news_imformation_item_title:hover { color: #0a3f89 }
.index_module.news_imformation .news_imformation_item .news_imformation_item_summary { line-height: 21px; margin-top: 25px; margin-bottom: 50px; color: #969696 }
.index_module.news_imformation .news_imformation_item .news_imformation_item_date { position: absolute; bottom: 25px; right: 15px; color: #969696 }
.index_module.valves_module { margin-top: 70px }
.index_module.valves_module .valves_subtitle { line-height: 30px; margin: 30px 0; font-size: 16px }
.index_module.valves_module .valves_group { flex-wrap: wrap }
.index_module.valves_module .valves_group .valves_item { width: calc(100%/6 - 100px/6); margin-right: 20px; margin-bottom: 20px }
.index_module.valves_module .valves_group .valves_item:nth-child(6n) { margin-right: 0 }
.index_module.valves_module .valves_group .valves_item .img { border: 1px solid #c8c8c8; overflow: hidden; width: 100% }
.index_module.valves_module .valves_group .valves_item .img img { width: 100% }
.index_module.valves_module .valves_group .valves_item .img img:hover { transform: scale(1.2) }
.index_module.valves_module .valves_group .valves_item .valves_item_title { line-height: 40px; color: #333; width: 100%; text-align: center }
.index_module.valves_module .valves_group .valves_item .valves_item_title:hover { color: #0a3f89 }
.application_module_container .application_module_container_up { justify-content: space-between; align-items: center }
.application_module_container .application_module_container_up .index_second_title { color: #fff; margin-left: 0 }
.application_module_container .application_module_container_up .index_second_title:after { background-color: #fff }
.application_module_container .application_module_container_up .application_module_btn_group .application_module_btn { width: 28px; height: 28px; font-weight: bold; line-height: 28px; font-size: 16px; background-color: #008fd7; cursor: pointer }
.application_module_container .application_module_container_up .application_module_btn_group .application_module_btn:hover { background-color: #fff; color: #008fd7 }
.application_module_container .application_module_container_up .application_module_btn_group .application_module_btn:nth-child(1) { margin-right: 5px }
.application_module_group { max-width: 1220px; overflow: hidden; margin-top: 15px }
.application_module_group .application_module_group_ul { position: relative; left: 0 }
.application_module_group .application_module_group_ul .application_module_group_li { background-color: #f6f6f6; min-width: calc(100%/3 - 105px) }
.application_module_group .application_module_group_ul .application_module_group_li .img { width: 100%; overflow: hidden }
.application_module_group .application_module_group_ul .application_module_group_li .img img { width: 100% }
.application_module_group .application_module_group_ul .application_module_group_li .img img:hover { transform: scale(1.2) }
.application_module_group .application_module_group_ul .application_module_group_li .application_module_group_li_text { padding: 0 15px 60px 15px }
.application_module_group .application_module_group_ul .application_module_group_li .application_module_group_li_text .application_module_group_li_text_title { font-size: 16px; line-height: 22px; padding: 25px 0; font-weight: bold }
.application_module_group .application_module_group_ul .application_module_group_li .application_module_group_li_text .application_module_group_li_text_title:hover { color: #0a3f89 }
.application_module_group .application_module_group_ul .application_module_group_li .application_module_group_li_text .application_module_group_li_text_summary { line-height: 28px; color: #646464; min-height: 168px }
@media screen and (max-width:768px) { .index_container { padding: 20px 0 }
.index_title { font-size: 25px }
.index_second_title { margin-left: 0; margin-top: 15px; font-size: 25px }
.index_module.product_module .product_module_choose_group { margin: 15px 0 }
.index_module.product_module .product_module_choose_group .product_module_choose_item { height: 40px; line-height: 40px; font-size: 16px }
.index_module.product_module .product_module_choose_group .product_module_choose_item:first-child { margin-right: 15px }
.index_module.product_module .product_group .product_group_item { width: 100%; margin-right: 0 }
.index_module.product_module .product_group .product_group_item .product_group_item_title { padding: 10px 0 10px 10px }
.index_module.about_module { padding: 0 2% }
.index_module.about_module .img { width: 100%; position: relative; top: 0 }
.index_module.about_module .about_text { width: 100%; position: relative; top: 0; margin-top: 20px; left: 0 }
.index_module.about_module .about_text .about_text_line { margin-left: 0 }
.index_module.about_module .about_text .about_text_container { padding: 2% }
.index_module.about_module .about_text .about_text_container .about_text_module .about_text_module_summary { margin-bottom: 0 }
.index_module.about_module .about_text .about_text_container .about_text_module .about_text_module_href_group { display: flex; justify-content: space-between }
.index_module.support_module { margin-top: 20px; flex-wrap: wrap }
.index_module.support_module .support_module_text { width: 100%; margin-right: 0; padding: 2% }
.index_module.support_module .support_module_text .support_module_summary { margin: 10px 0 15px 0 }
.index_module.support_module .support_module_text .support_module_href_group { flex-wrap: wrap }
.index_module.support_module .support_module_text .support_module_href_group .support_module_href_item { margin-bottom: 10px; width: 100% !important; margin-right: 0 !important }
.index_module.support_module .support_module_img { width: 100% }
.index_module.application_module { margin-top: 20px; padding: 20px 0 }
.index_module .application_module_group .application_module_group_ul { width: 100% }
.index_module .application_module_group .application_module_group_ul .application_module_group_li { margin: 0; margin-right: 2%; min-width: 100% }
.index_module .application_module_group .application_module_group_ul .application_module_group_li .application_module_group_li_text { padding: 0 2% 2% 2% }
.index_module .application_module_group .application_module_group_ul .application_module_group_li .application_module_group_li_text .application_module_group_li_text_title { padding: 10px 0 }
.index_module.news_imformation { margin-top: 30px }
.index_module.news_imformation .news_imformation_group { flex-wrap: wrap }
.index_module.news_imformation .news_imformation_group .news_imformation_item { padding: 0 2% 10px 2%; margin-right: 0; margin-bottom: 10px; width: 100% }
.index_module.news_imformation .news_imformation_group .news_imformation_item .news_imformation_item_title { padding: 18px 0 }
.index_module.news_imformation .news_imformation_group .news_imformation_item .news_imformation_item_summary { display: none }
.index_module.news_imformation .news_imformation_group .news_imformation_item .news_imformation_item_date { display: none }
.index_module.valves_module .valves_subtitle { margin: 15px 0 }
.index_module.valves_module .valves_group { justify-content: space-between }
.index_module.valves_module .valves_group .valves_item { width: calc(50% - 5px); margin-right: 0; margin-bottom: 0 }
}
.sep-lx-header-mb { display: none }
.sep-lx-header-mb .sep-bjj-pro-list { display: flex; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; position: relative }
.sep-lx-header-mb .sep-bjj-pro-list>li { flex: 1 }
.sep-lx-header-mb .sep-bjj-pro-list>li:nth-child(1) a { background: #11a4a7 }
.sep-lx-header-mb .sep-bjj-pro-list>li>a { display: block; background: #11b4b7; color: #fff; font-size: 16px; text-align: center; padding: 10px 0 }
.sep-lx-header-mb .sep-bjj-pro-list>li>a i { padding-left: 5px }
.sep-lx-header-mb .sep-bjj-pro-list>li>ul { position: absolute; top: 100%; left: 0; width: 100%; z-index: 100000; display: none }
.sep-lx-header-mb .sep-bjj-pro-list>li>ul>li { display: block; background: #11a4a7; color: #fff; font-size: 16px; padding: 10px 30px; border-top: 1px solid #4ab3b5 }
.sep-lx-header-mb .sep-bjj-pro-list>li>ul>li a { color: #fff }
.sep-lx-header-mb .sep-bjj-pro-list>li>ul>li i { float: right; position: relative; top: 3px }
.sep-lx-header-mb .box-wrap { padding: 22px 20px; box-shadow: 0 0 12px rgba(0,0,0,0.4); position: relative; z-index: 1000 }
.sep-lx-header-mb .box-wrap .logo { float: none; margin: 0 auto }
.sep-lx-header-mb .box-wrap .logo img { width: 140px }
.sep-lx-header-mb .box-wrap>ul { position: relative; top: 1px; justify-content: space-between }
.sep-lx-header-mb .box-wrap>ul>li { float: left; width: 39px; height: 31px; line-height: 24px; text-align: center; position: relative }
.sep-lx-header-mb .box-wrap>ul>li#global { float: right }
.sep-lx-header-mb .box-wrap>ul>li#menu { float: left }
.sep-lx-header-mb .box-wrap>ul>li#logo { border: none; float: none; margin: 0 auto; position: absolute; left: 50%; width: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%) }
.sep-lx-header-mb .box-wrap>ul>li .multi-language { position: absolute; background: #0068a8; width: 157px; text-align: center; padding: 10px 20px; z-index: 100000; top: 40px; left: -67px; display: none; border: 1px solid #fff }
.sep-lx-header-mb .box-wrap>ul>li .multi-language li { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #fff }
.sep-lx-header-mb .box-wrap>ul>li .multi-language li:last-child { border-bottom: none; margin-bottom: 0 }
.sep-lx-header-mb .box-wrap>ul>li .multi-language li a { color: #fff; font-size: 14px }
.sep-lx-header-mb .box-wrap>ul>li.active { border: 1px solid #1f2256; background: #1f2256 }
.sep-lx-header-mb .box-wrap>ul>li.active i { color: #fff }
.sep-lx-header-mb .box-wrap>ul>li i { color: #0068a8; font-size: 30px; line-height: normal }
.sep-lx-header-mb .stock { color: #3a3a3a; font-size: 14px; background: #f4f4f4; text-align: center; padding: 8px 0 }
.sep-lx-header-mb .stock .red { color: #da2337; position: relative; padding: 0 7px }
.sep-lx-header-mb .stock .red:before { content: ""; display: block; width: 2px; height: 10px; background: #da2337; position: absolute; left: 0; top: 3px }
.sep-lx-header-mb .stock .red:after { content: ""; display: block; width: 2px; height: 10px; background: #da2337; position: absolute; right: 0; top: 3px }
.sep-lx-header-mb .stock .green { color: #13ba07 }
.sep-lx-header-mb .stock span { padding: 0 5px; margin: 0 3px }
.sep-shadow { background: rgba(0,0,0,0.5); position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 1000000; display: none }
.sep-search-box { position: fixed; width: 100%; background: #fff; top: 66px; z-index: 10000000; padding: 44px 31px; box-shadow: 0 0 12px rgba(0,0,0,0.5); display: none }
.sep-search-box .fa-times { color: #000; font-size: 20px; position: absolute; right: 31px; top: 24px; cursor: pointer }
.sep-search-box .hd { color: #282828; font-size: 18px; font-family: 'LATO-BOLD' }
.sep-search-box form { margin-top: 10px; margin-bottom: 25px }
.sep-search-box form .form-control { height: 47px; border-radius: 0; width: 100%; border-radius: 5px }
.sep-search-box form .btn { background: #0068a8; color: #fff; border:0; display: table; margin: 0 auto; margin-top: 17px; padding: 10px 40px; font-size: 16px; width: 100% }
.sep-search-box form .btn i { padding-right: 5px }
.sep-search-box .more { background: #0068a8; color: #fff; display: table; margin: 0 auto; margin-top: 17px; padding: 10px 40px; font-size: 16px; width: 100%; border: none }
.sep-search-box .more i { padding-right: 5px }
.sep-search-box ul li { margin-top: 8px }
.sep-search-box ul li a { color: #8c8c8c; font-size: 14px; display: block }
.sep-menu-box { width: 100%; position: absolute; background: #fff; left: 0; top: 0; z-index: 10000000; box-shadow: 0 0 12px rgba(0,0,0,0.7); transition: All .4s ease-in-out; -webkit-transition: All .4s ease-in-out; -moz-transition: All .4s ease-in-out; -o-transition: All .4s ease-in-out; -webkit-transform: translateX(-105%); -moz-transform: translateX(-105%); -ms-transform: translateX(-105%); -o-transform: translateX(-105%); transform: translateX(-105%) }
.sep-menu-box.active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) }
.sep-menu-box.active .bottom-toggle { visibility: visible }
.sep-menu-box .top { padding: 0 30px; text-align: center; box-shadow: 0 0 12px rgba(145,145,145,0.7); position: relative; z-index: 10000; justify-content: space-between; align-items: center; min-height: 70px }
.sep-menu-box .top i { color: #000; font-size: 22px; position: relative; top: 3px; cursor: pointer }
.sep-menu-box .top_bottom { visibility: visible }
.sep-menu-box .top_bottom.no { visibility: hidden }
.sep-menu-box .top_bottom .menu-item>li { border-bottom: 1px solid #ddd }
.sep-menu-box .top_bottom .menu-item>li:last-child { border-bottom: none }
.sep-menu-box .top_bottom .menu-item>li.active { background: #0068a8 }
.sep-menu-box .top_bottom .menu-item>li.active .box { border-bottom: 1px solid #fff }
.sep-menu-box .top_bottom .menu-item>li.active .box a { color: #fff }
.sep-menu-box .top_bottom .menu-item>li.active .box i { color: #fff; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg) }
.sep-menu-box .top_bottom .menu-item>li .box { position: relative; padding: 22px 30px; border-bottom: 1px solid transparent }
.sep-menu-box .top_bottom .menu-item>li .box a { color: #282828; font-size: 18px }
.sep-menu-box .top_bottom .menu-item>li .box i { font-size: 20px; color: #282828; position: absolute; right: 30px; top: 26px; cursor: pointer; transition: All .4s ease-in-out; -webkit-transition: All .4s ease-in-out; -moz-transition: All .4s ease-in-out; -o-transition: All .4s ease-in-out }
.sep-menu-box .top_bottom .menu-item>li>ul { padding: 5px 0; display: none }
.sep-menu-box .top_bottom .menu-item>li>ul>li { padding: 4px 20px }
.sep-menu-box .top_bottom .menu-item>li>ul>li a { color: #fff; font-size: 14px }
.sep-menu-box .bottom-toggle { position: absolute; width: 100%; z-index: 1000; top: 64px; background: #fff; transition: All .4s ease-in-out; -webkit-transition: All .4s ease-in-out; -moz-transition: All .4s ease-in-out; -o-transition: All .4s ease-in-out; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); visibility: hidden }
.sep-menu-box .bottom-toggle.active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0) }
.sep-menu-box .bottom-toggle .toggle { display: none }
.sep-menu-box .bottom-toggle .toggle>ul { background: #fff }
.sep-menu-box .bottom-toggle .toggle>ul>li { padding: 0 0; border-bottom: 1px solid #ccc; position: relative; line-height: 60px }
.sep-menu-box .bottom-toggle .toggle>ul>li:nth-child(1) span { width: 60; min-width: 60px; height: 59px; line-height: 60px; text-align: center; display: inline-block; border-right: 1px solid #ccc }
.sep-menu-box .bottom-toggle .toggle>ul>li:nth-child(1) a { font-family: 'LATO-BOLD' }
.sep-menu-box .bottom-toggle .toggle>ul>li>ul { display: block }
.sep-menu-box .bottom-toggle .toggle>ul>li>ul>li { line-height: 40px }
.sep-menu-box .bottom-toggle .toggle>ul>li>ul>li a { font-size: 14px }
.sep-menu-box .bottom-toggle .toggle>ul>li a { color: #282828; font-size: 16px; padding-left: 30px }
.sep-menu-box .bottom-toggle .toggle>ul>li a i { font-size: 20px; color: #282828; position: absolute; right: 30px; top: 21px; cursor: pointer }
.sep-menu-box .contact { background: #0068a8; color: #fff; display: table; margin: 0 auto; margin-top: 0; padding: 20px 0; font-size: 22px; width: 100%; border: none; border-radius: 0 }
.sep-menu-box .contact i { padding-right: 5px; color: #fff }
.sep-menu-box .logo img { width: 140px }
.mp_bottom { padding-top: 20px; background-color: #444; background-repeat: no-repeat; display: none }
.mp_bottom .mp_bottom_up_container { flex-direction: column; padding: 0 2%; box-sizing: border-box }
.mp_bottom .mp_bottom_up_container .mp_bottom_up_item { border-bottom: 1px solid #fff; position: relative; padding: 10px 0 }
.mp_bottom .mp_bottom_up_container .mp_bottom_up_item:last-child { border-bottom: none }
.mp_bottom .mp_bottom_up_container .mp_bottom_up_item .mp_bottom_up_item_title { font-size: 20px; line-height: 30px; font-weight: bold; color: #0068a8 }
.mp_bottom .mp_bottom_up_container .mp_bottom_up_item .mp_bottom_up_item_icon { position: absolute; line-height: 50px; font-size: 25px; top: 0; right: 10px }
.mp_bottom .mp_bottom_up_container .mp_bottom_up_item .mp_bottom_up_item_href_group { margin-top: 5px; flex-direction: column; display: none }
.mp_bottom .mp_bottom_up_container .mp_bottom_up_item .mp_bottom_up_item_href_group .mp_bottom_up_item_href { font-size: 15px; text-indent: 10px; line-height: 30px; width: 100% }
.mp_bottom .mp_bottom_up_container .mp_bottom_up_item .mp_bottom_up_item_href_group .mp_bottom_up_item_href i { margin-right: 5px }
.mp_bottom .mp_bottom_down_container { margin-top: 30px; padding: 20px 2%; box-sizing: border-box; flex-direction: column; justify-content: space-between; border-top: 1px solid #fff }
.mp_bottom .mp_bottom_down_container .mp_bottom_down_item { align-items: center; font-size: 15px; line-height: 30px; width: 100%; max-width: 100%; margin-bottom: 10px }
.mp_bottom .mp_bottom_down_container .mp_bottom_down_item .mp_bottom_down_item_icon { min-width: 40px; line-height: 40px; font-size: 20px; margin-right: 10px; border: 1px solid #0068a8; color: #0068a8; border-radius: 30px }
.mp_footer { padding: 15px 2% 50px 0; box-sizing: border-box; background-color: #444; display: none; border-top: 1px solid #fff }
.mp_footer .mp_footer_container { position: relative; flex-direction: column; align-items: center }
.mp_footer .mp_footer_container footer { font-size: 15px; line-height: 30px; text-align: center }
.mp_footer .mp_footer_container footer a { font-size: 15px; line-height: 30px }
.mp_footer .mp_footer_container .mp_link_href { margin-left: 0 }
.mp_footer .mp_footer_container .mp_link_href .mp_link_href_li { font-size: 16px; line-height: 30px; position: relative; padding-right: 7px }
.mp_footer .mp_footer_container .mp_link_href .mp_link_href_li:last-child:after { display: none }
.mp_footer .mp_footer_container .mp_link_href .mp_link_href_li:after { content: ''; width: 1px; height: 10px; position: absolute; top: 10px; right: 3px; background-color: #fff }
.mp_footer .mp_footer_container .mp_google_ul { position: relative; margin-top: 10px; top: 0; right: 0 }
.mp_footer .mp_footer_container .mp_google_ul .mp_google_li { width: 30px; line-height: 30px; border-radius: 3px; margin-right: 10px; background-color: #fff; font-size: 20px }
.mp_footer .mp_footer_container .mp_google_ul .mp_google_li:nth-child(1) { color: #4868ac }
.mp_footer .mp_footer_container .mp_google_ul .mp_google_li:nth-child(2) { color: #00acee }
.mp_footer .mp_footer_container .mp_google_ul .mp_google_li:nth-child(3) { color: #bd081b }
.mp_footer .mp_footer_container .mp_google_ul .mp_google_li:nth-child(4) { color: #007bb6 }
.mp_footer .mp_footer_container .mp_google_ul .mp_google_li:nth-child(5) { color: #a52121 }
@media screen and (max-width:768px) { .sep-lx-header-mb { display: block }
.mp_bottom { display: block }
.mp_footer { display: block }
}