:root{ /* --first_color:#66ccff; */ } h2,p{word-break: break-word} .botmenu{ text-align: center !important; background: var(--first_color);} .online dl{background:var(--first_color);padding:10px 5px;margin-bottom:1px;position:relative} .online dl:hover{background:var(--first_color)} .online dl dt button{margin:10px 0;border:none;border-radius:5px;width:100%;font-size:18px;height:40px;line-height:40px;background:var(--first_color);color:#fff;cursor:pointer} a{color:#333;} a:focus, a:hover{color: var(--first_color);} .flex-row{display: flex;flex-wrap: wrap;} .flex-item-center{align-items: center;} .text-center{text-align: center;} .text-right{text-align: right;} .text-1len{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .text-2len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;} .text-3len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;} .text-4len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;} .text-5len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;text-overflow:ellipsis;-webkit-box-orient:vertical;} .text-6len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;text-overflow:ellipsis;-webkit-box-orient:vertical;} .sw_banner{width: 1920px;max-width: 100%;} .sw_banner .swiper-pagination-bullet{background: #fff;border: 2px solid var(--first_color); width: 12px;height: 12px;} .sw_banner .swiper-pagination-bullet-active{background-color: var(--first_color)!important;border: 2px solid transparent;} .clearfix::after{display: table;clear: both;content: '';} p{margin-bottom: unset;} .navbar-default .navbar-nav .nav-link:focus{background: unset;} :focus{outline: unset;} * + p, p + *, p + p{margin-top: unset;} @media (min-width: 992px){ * + p {margin-top: unset;} } .zoom_img{overflow: hidden;} .zoom_img img{transition: all .6s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;} .zoom_img:hover img{transform: scale(1.1);transition: all .30s ease;} /* 1200 */ /* .container{max-width: 1230px;} @media (min-width: 1600px){ .container{width: 1230px;} } */ .container{max-width: 1178px;} @media (min-width: 1600px){ .row > [class*='col-']{padding-left: 1rem;padding-right: 1rem;} .row{margin-left: -1rem;margin-right: -1rem;} } /* 椤堕儴 */ .nav_top{padding: 0.3rem 0;} .nav_top_text1{font-size: 12px;font-family: "Microsoft YaHei";color: #666;} .nav_top_right{text-align: right;} /*椤堕儴*/ .sw_banner{background: #fff;--swiper-navigation-color: var(--first_color);} .sw_banner a{display: block;} /* max-width:567px max-width:768px max-width:992px max-width:1200px */ /* // Small devices (landscape phones, 576px and up) sm*/ @media (min-width: 576px) { } /* // Medium devices (tablets, 768px and up) md*/ @media (min-width: 768px) { } /* // Large devices (desktops, 992px and up) lg*/ @media (min-width: 992px) { } /* // Extra large devices (large desktops, 1200px and up) xl*/ @media (min-width: 1200px) { } /* header2 */ /* header start */ header.header2 {position: relative;top: 0;left: 0;z-index: 999;padding: 0 0;width: 100%; background-color: #fff;} header.header2 > div{position: relative;} header.header2:before {position: absolute;top: 0;left: 0;z-index: 0;width: 100%; height: 100%; background-color: #fff;content: ""; opacity: .7;} /* header end */ .header2 .header_mid_box {display: flex;justify-content: space-between;align-items: center;} /* header left start */ .header2 .header_mid_left {} .header2 .header_mid_left img {} .header2 .header_mid_left a {position: relative;display: block;overflow: hidden;} /* header left end */ /* header middle start */ .header2 .header_mid_mid {position: relative;display: flex;} .header2 .header_mid_mid ul {display: flex;} .header2 .header_mid_mid ul li {position: relative;white-space: nowrap;} .header2 .header_mid_mid ul li a.biga {position: relative;display: block;padding: 2.8571rem 0;font-size: 1rem;color: #fff;line-height: 1.5;} .header2 .header_mid_mid ul li a.biga>span {padding: 0 12px;} .header2 .header_mid_mid ul li a.biga.down {padding-right: 15px;} .header2 .header_mid_mid ul li a.biga.down:after {position: absolute;top: 50%; right: 10px;margin-top: -3px;width: 12px;height: 6px;-webkit-mask: url(../images/down.svg) no-repeat 50% 50%; mask: url(../images/down.svg) no-repeat 50% 50%; -webkit-mask-size: cover;mask-size: cover;content: ''; background-color: #fff;} .header2 .header_mid_mid ul li:last-child {cursor: pointer;} .header2 .header_mid_mid ul li.ss .search-box {width: 820px;opacity: 1;} .header2 .header_mid_mid ul li a.biga:hover, .header2 .header_mid_mid ul li a.biga.action, .header2 .header_mid_mid ul li a.bigaon {background-color: var(--first_color);} /* .header2 .header_mid_mid ul li a.biga:before {position: absolute;bottom: 30px;left: 0;right: 0;margin: 0 auto;width: 0;height: 1px;background-color: var(--first_color); content: ''; opacity: 0;transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;} */ .header2 .header_mid_mid ul li a.biga:hover:before, .header2 .header_mid_mid ul li a.biga.action:before, .header2 .header_mid_mid ul li a.bigaon:before {width: 80%; opacity: 1;} .header2 .header_mid_mid ul li a.biga.down:hover:after, .header2 .header_mid_mid ul li a.biga.down.action:after, .header2 .header_mid_mid ul li a.down.bigaon:after {background-color: var(--first_color);} header.header2.cur .header_mid_mid ul li a.biga.down:hover:after, header.header2.cur .header_mid_mid ul li a.down.bigaon:after {background-color: var(--first_color);} /*nav son dl label*/ .header2 .header_mid_mid ul li dl {position: absolute;z-index: 100;display: none;padding: 1.5em 0 1em 0;padding-top: .9em;width: max-content;background: rgba(255, 255, 255, .93); background-color: #fff;box-shadow: 0 10px 10px rgba(0, 0, 0, .15); min-width: 100%;} .header2 .header_mid_mid ul li dl dd a {display: block;padding: 7px 2.0714rem 7px 1rem;color: #000;text-align: left;font-size: .9375em;transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;} .header2 .header_mid_mid ul li dl dd a:hover {background-color: var(--first_color); color: #fff;} .header2 .header_mid_mid ul li dl dd:last-child {border: none;} .header2 .header_mid_mid ul li dl dd:hover p, .header2 .navigate ul li dl dd:hover p {z-index: 1000;display: block;} .header2 .header_mid_mid ul li dl dd:hover .showsub, .header2 .navigate ul li dl dd:hover p .mobile_p_c {color: var(--first_color);} /*nav son p label*/ .header2 .header_mid_mid ul li dl dd {position: relative;} .header2 .header_mid_mid ul li dl dd p a {float: left;display: block;padding-right: 0;width: 50%; color: #666;font-size: .9375em;} .header2 .header_mid_mid ul li dl dd p a {position: relative;float: none;display: block;padding-right: 0;padding-left: 1.5em;width: auto;color: #333;} .header2 .header_mid_mid ul li dl dd p a.action {color: var(--first_color);} .header2 .header_mid_mid ul li dl dd p a:hover {background-color: var(--first_color); color: #fff;} .header2 .header_mid_mid ul li dl dd p a span {position: relative;display: inline-block;padding: 0 0;} .header2 .header_mid_mid ul li dl dd p a span:after {position: absolute;bottom: 0;left: 0;display: none;width: 0;height: 1px;background-color: var(--first_color); content: ''; -webkit-transition-duration: .5s;-moz-transition-duration: .5s;-o-transition-duration: .5s;transition-duration: .5s;-ms-transition-duration: .5s;} .header2 .header_mid_mid ul li dl dd p a:hover span:after {width: 100%;} .header2 .header_mid_mid ul li dl dd:hover a.showsub {background-color: var(--first_color); color: #fff;} .header2 .header_mid_mid ul li dl dd p a b {font-size: 15px;} .header2 .header_mid_mid ul li p {display: none;overflow: hidden;position: absolute;top: 0;left: 100%; width: 199px;background-color: #fff;height: max-content;padding-bottom: 20px;} /*nav son*/ .header2 .header_mid_mid ul li dl.navson dd a.showsub {width: 190px;} .header2 .header_mid_mid ul li dl.navson {padding-bottom: 1em;} .header2 .header_mid_mid ul li dl.navson:before {position: absolute;top: 0;left: 0;z-index: 1;width: 190px;height: 100%; background-color: #fff;content: ''} .header2 .header_mid_mid ul li dl.navson {width: 190px;background: 0 0;} .header2 .header_mid_mid ul li dl.navson dd a.showsub {position: relative;z-index: 10;background-color: #fff} .header2 .header_mid_mid ul li dl.navson dd:hover a.showsub, .header2 .header_mid_mid ul li dl.navson dd a.action.showsub {background-color: var(--first_color); color: #fff;} /* header middle end */ /* lang */ .header2 .header_mid_mid ul li.header_lang {display: flex;align-items: center;} /* lang */ /* mobile nav button start */ .header2 .mobilenav {position: relative;display: none;} .header2 .site__navi {position: relative;left: 0;z-index: 100;width: 23px;height: 16px;color: var(--first_color); cursor: pointer;} .header2 .site__navi .text {position: absolute;right: 0;padding-right: 30px;} .header2 .site__navi .icon {top: 9px;right: 0;display: block;cursor: pointer;} .header2 .site__navi .icon{position: absolute;width: 23px;height: 1px;background: var(--first_color);} .header2 .site__navi .icon:before {left: 0;content: ""; -webkit-transition: -webkit-transform .35s;-o-transition: transform .35s;transition: -webkit-transform .35s;transition: transform .35s;transition: transform .35s, -webkit-transform .35s;} .header2 .site__navi .icon:before {position: absolute;top: -5px;width: 23px;height: 1px;background: var(--first_color);} .header2 .site__navi .icon:after {left: 0;content: ""; -webkit-transition: -webkit-transform .35s;-o-transition: transform .35s;transition: -webkit-transform .35s;transition: transform .35s;transition: transform .35s, -webkit-transform .35s;} .header2 .site__navi .icon:after {position: absolute;top: 5px;width: 23px;height: 1px;background: var(--first_color);} .header2 .has-menu .site__navi .icon {background: 0 0;} .header2 .has-menu .site__navi .icon:before {top: 0;-webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg);} .header2 .has-menu .site__navi .icon:after {top: 0;-webkit-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform: rotate(-45deg);} .header2 .site__navi:hover .text {color: #fff;-webkit-transition: color .35s;-o-transition: color .35s;transition: color .35s;} .header2 .has-menu .site__navi .text, .header2 .has-menu .site__navi:hover .text {color: #000;} /* mobile nav button end */ /* mobile nav start */ .header2 .navigate {position: fixed;top: 67.4px;left: 100%; z-index: 777;visibility: hidden;overflow-y: auto;width: 62%; height: calc(100% - 67.4px); background-color: #fff;opacity: 0;transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;padding-bottom: 70px;} .header2 .navigate.show {left: 39%; visibility: visible;opacity: 1;} .header2 .navigate ul li {border-bottom: 1px #e0e0e0 solid;} .header2 .navigate ul li a {position: relative;display: block;margin: 0 7.2vw;padding: .875em 0;color: #555;font-size: 1.5em;} .header2 .navigate ul li a.action {color: var(--first_color);} .header2 .navigate ul li a.mobile_alink {padding-right: 25px;} .header2 .navigate ul li a.mobile_alink:after {position: absolute;top: 0;bottom: 0;margin: auto 0;right: 0;width: 20px;height: 13px;-webkit-mask: url(../images/down.svg) no-repeat center center/contain;mask: url(../images/down.svg) no-repeat center center/contain;-webkit-mask-size: contain;mask-size: contain;background-color: #333;content: ''; transform: rotate(-90deg); transition: all .5s ease;} .header2 .navigate ul li dl dd a {padding: .5em 0;color: #888;font-size: 1.375em;} .header2 .navigate ul li dl {display: none;padding: 1em 0;background-color: #f5f5f5;} .header2 .navigate ul li dl dd a:after {display: none;} .header2 .navigate ul li.on a {color: var(--first_color);} .header2 .navigate ul li.on dl dd a {color: #888;} .header2 .navigate ul li.on dl dd a.action {color: var(--first_color);} .header2 .navigate ul li.on a.mobile_alink:after {transform: rotate(0deg); background-color: var(--first_color);} .header2 .navigate ul li.on dl dd.on a.mobile_p_c {color: var(--first_color);} .header2 .navigate ul li.on dl dd p {display: none;} .header2 .navigate ul li.on dl dd.on p {display: block;} .header2 .navigate ul li.on dl dd p {padding: 10px;background-color: #ececec;} .header2 .navigate ul li dl dd a.showsub.mobile_p_c {padding-right: 25px;} .header2 .navigate ul li dl dd a.showsub.mobile_p_c::after {content: ''; position: absolute;top: 0;bottom: 0;margin: auto 0;right: 0;width: 20px;height: 13px;display: block;-webkit-mask: url(../images/down.svg) no-repeat center center/contain;mask: url(../images/down.svg) no-repeat center center/contain;-webkit-mask-size: contain;mask-size: contain;background-color: #333;transform: rotate(-90deg); transition: all .5s ease;} .header2 .navigate ul li.on dl dd.on a.mobile_p_c::after {transform: rotate(0deg); background-color: var(--first_color);} .header2 .navigate ul li a {font-size: 1.25em;} .header2 .navigate ul li dl dd a {font-size: 1em;} .header2 .navigate ul li.header_moble_lang {display: flex;justify-content: center;align-items: baseline;margin: 0 7.2vw;padding: .875em 0;border-bottom: unset;} .header2 .navigate ul li.header_moble_lang a {margin: 0 5px;padding: 0;} .header2 .navmask {position: fixed;top: 0;right: 0;z-index: 666;visibility: hidden;width: 100%; height: 100%; background-color: #000;opacity: 0;transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;display: none;} .header2 .navmask.show {visibility: visible;opacity: 0;display: block;} .header2 .ovh {overflow: hidden;} /* mobile nav end */ header.header2{background: url(../images/nav_bg.png) top center;} header.header2:before{background-color: unset;} .header2 .header_mid_box{padding: 14px 0;} .header2 .nav_phone{ display: flex; padding-left: unset; padding-top: 0.5rem; justify-content: flex-end; align-items: flex-end; line-height: 1; } .header2 .nav_phone_text1{font-size: 14px;color: #333;} .header2 .nav_phone_text2{font-size: 26px;color: var(--first_color);} .header2 .nav_phone_text2 span{font-size: 14px;color: #333;} .header2 .navbar-default{background: url(../images/nav_bg.png) top center;} .header2_nav{background-color: #005d98;} .header2 .header_mid_mid ul{width: 100%;justify-content: space-between;} .header2 .header_mid_mid ul li{width: 100%;} .header2 .header_mid_mid ul li a.biga:hover, .header2 .header_mid_mid ul li a.biga.action, .header2 .header_mid_mid ul li a.bigaon{color: #fff;} .header2 .header_mid_mid ul li a.biga.down:hover:after, .header2 .header_mid_mid ul li a.biga.down.action:after, .header2 .header_mid_mid ul li a.down.bigaon:after{background-color: #fff;} .header2 .header_mid_mid ul li a.biga{padding: 10px 0;text-align: center;} .header2 .header_mid_mid ul li a.biga.down:after{right: unset;} .header2 .header_mid_mid ul li a.biga.down>span{padding-right: 5px;} @media screen and (max-width:1024px) { .page {padding-top: 70px;} header.header2 {position: fixed; height: 70px;} header.header2 .container {display: flex; justify-content: space-between; align-items: center;} .header2 .header_mid_box {width: 80%;padding: 0; } .header2 .header_mid_left {margin-top: 0;} .header2 .header_mid_left img{max-height: 60px;max-width: 100%;} header.header2:before {display: none;} .header2 .mobilenav {display: block;} .header2 .header_mid_mid {display: none;} .header2 .header_mid_left {float: none; width: 100%; text-align: left;} .header2 .header_mid_left a {display: inline-block;} header.header2 {padding: 5px 0; background-color: #fff;} header.header2 .header_mid_left a:after {top: 0; opacity: 1;} } @media screen and (max-width:480px) { .header2 .navigate ul li dl {padding: .875em 0;} .header2 .navigate ul li a {font-size: 1.125em;} } /* header2 */ /*鎼滅储*/ .index_search_form {margin: 10px 0 0 0;border: 1px solid #005d98;width: 294px;max-width: 100%;;} .index_search_form .form-group {margin-bottom: unset;} .index_search_input {border-radius: unset;border: unset;background-color: unset;font-size: 12px;font-family: "Microsoft YaHei";color: #666;height: 2rem;padding-top: unset !important;padding-bottom: unset !important;padding-left: 2rem;} .index_search_btn {border-radius: unset !important;background-color: #005d98;font-size: 14px;font-family: "Microsoft YaHei";color: #fff;padding-left: 1rem !important;padding-right: 1rem !important;height: 2rem;padding-top: unset !important;padding-bottom: unset !important;} .index_search_i {color: #005d98;position: absolute !important;z-index: 3;top: 5px;bottom: 0;display: flex !important;align-items: center;left: 5px;} @media (max-width: 767px) { .index_search_form {width: 100%;} } @media (min-width: 768px) { .input-group-btn .index_search_btn {} } /*鎼滅储*/ /*浜у搧1*/ .index_product1 {padding: 60px 0;} .index_product1 .index_product_box {display: flex;justify-content: space-between;} .index_product1 .index_product_box::after {display: none;} .index_product1 .product_left {padding: unset;width: 25%;overflow: hidden;background: #f8f8f8;display: flex;flex-direction: column;justify-content: flex-start;border-bottom: 4px solid #005d98;} .index_product1 .product_righ {width: 73%;} .index_product1 .product_title {line-height: 1.2;background-image: -moz-linear-gradient(90deg, rgb(6, 79, 125) 0%, rgb(7, 128, 205) 100%);background-image: -webkit-linear-gradient(90deg, rgb(6, 79, 125) 0%, rgb(7, 128, 205) 100%);background-image: -ms-linear-gradient(90deg, rgb(6, 79, 125) 0%, rgb(7, 128, 205) 100%);padding: 20px 0;text-align: center;} .index_product1 .product_title1 {font-size: 28px;color: #fff;} .index_product1 .product_title2 {font-size: 12px;color: #f3f3f3;} .index_product_tab_box {display: flex;flex-wrap: wrap;padding: 0 8px 8px 8px;border-bottom: 4px solid #005d98;margin-bottom: 9px;} .index_product1 .index_product_nav {font-size: 14px;font-family: "Microsoft YaHei";color: #333;border-bottom: 1px dashed #ccc;padding: 10px 0 10px 20px;background: #f8f8f8;display: block;width: 50%;} .index_product1 .index_product_nav:hover {color: var(--first_color);} .index_product1 .index_product_left_text {} .index_product_left_text_top {line-height: 1.2;background-image: -moz-linear-gradient(90deg, rgb(6, 79, 125) 0%, rgb(7, 128, 205) 100%);background-image: -webkit-linear-gradient(90deg, rgb(6, 79, 125) 0%, rgb(7, 128, 205) 100%);background-image: -ms-linear-gradient(90deg, rgb(6, 79, 125) 0%, rgb(7, 128, 205) 100%);padding: 20px 0;text-align: center;} .index_product1 .index_product_left_text1 {font-size: 28px;color: #fff;} .index_product1 .index_product_left_text2 {font-size: 12px;color: #f3f3f3;} .index_product1 .index_product_left_text3 {font-size: 14px;color: #333;line-height: 1.5;padding: 15px;} .index_product1 .product_box {padding-left: unset;} .index_product1 .product_righ_top {display: flex;justify-content: space-between;align-items: baseline;padding: 14px 15px;background-image: -moz-linear-gradient(90deg, rgb(6, 79, 125) 0%, rgb(7, 128, 205) 100%);background-image: -webkit-linear-gradient(90deg, rgb(6, 79, 125) 0%, rgb(7, 128, 205) 100%);background-image: -ms-linear-gradient(90deg, rgb(6, 79, 125) 0%, rgb(7, 128, 205) 100%);margin-bottom: 1rem;} .index_product1 .index_product_right_top_text1 {font-size: 24px;color: #fff;font-family: "Microsoft YaHei";line-height: 1;} .index_product1 .index_product_right_top_text1 span {font-size: 14px;font-family: "Microsoft YaHei";color: #fff;text-transform: uppercase;padding-left: 0.5rem;} .index_product1 .index_product_right_top_text2 {font-size: 12px;font-family: "Microsoft YaHei";color: #005d98;background-color: #fff;display: block;padding: 1px 3px;} .index_product1 .product_item_img {position: relative;} .index_product1 .product_item_img img {width: 100%;border: 1px solid #ccc;left: 0;} .index_product1 .product_item_title {font-size: 14px;font-family: "Microsoft YaHei";color: #333;padding: 9px 0.5rem;background-color: #f5f5f5;margin-top: 8px;} .index_product1 .product_box:hover .product_item_title {color: #fff;background-color: #ea9010;} @media (max-width: 767px) { .index_product1 .index_product .index_product_box {flex-wrap: wrap; } .index_product1 .product_left {width: 100%;margin: 2rem 0; } .index_product1 .product_righ {width: 100%; } .index_product1 {padding: 20px 0; } .index_product1 .index_product_top {margin-bottom: unset; } } @media (min-width: 768px) and (max-width: 991px) { .index_product1 .product_left {width: 35%; } .index_product1 .product_righ {width: 63%; } } @media all and (min-width: 1281px) { .index_product1 .product_phone {padding: 2rem 0; } } /*浜у搧1*/ /* ys */ .index_ys {padding-bottom: 8px;background: url(../images/ys_bg.png) no-repeat center center / cover;} .index_ys .flex-row {margin-bottom: 58px;} .index_ys_top {text-align: center;background: url(../images/ys_top_bg.png) no-repeat top center;min-height: 170px;padding-top: 37px;margin-bottom: 56px;} .index_ys_top img {max-width: 100%;} .index_ys_text {} .index_ys_text_top {display: flex;align-items: center;margin-bottom: 20px;} .index_ys_text_top img {margin-right: 1rem;} .index_ys_text_top>div {border-bottom: 1px solid #ccc;} .index_ys_text1 {font-size: 32px;color: #005d98;font-weight: bold;} .index_ys_text2 {font-size: 14px;color: #333;} .index_ys_text3 {font-size: 14px;color: #333;line-height: 2;} .index_ys_img {display: flex;justify-content: center;align-items: center;} .index_ys_img img {max-width: 100%;} @media all and (max-width: 767px) { .index_ys_text1 {font-size: 26px; } .index_ys_img {order: 2; } } @media (min-width: 768px) and (max-width: 991px) {} @media all and (min-width: 992px) {} /*ys*/ /* 璧勮1 */ .index_msg1 {padding: 66px 0;} .index_news1_nav {display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;margin: 0 0 30px 0;} .index_news1_nav_more {font-size: 14px;color: #666;} .index_msg1 #msg1_sw_news_text {width: 251px;max-width: 100%;margin: 0;} .index_msg1 .index_msg_box {display: flex;flex-wrap: wrap;} .index_msg1 .index_news_text1 {font-size: 16px;font-family: "Microsoft YaHei";color: #333;text-align: center;background: #eee;padding: 6px 0;cursor: pointer;} .index_msg1 #msg1_sw_news_text .swiper-slide-thumb-active .index_news_text1 {color: #fff;background: #005d98;} .index_msg1 #msg1_sw_news {} /* 748 317 439 4237 5868 */ .index_msg1 .index_news1_new_top {display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 1rem;} .index_msg1 .index_news1_new_top_img {width: 42%;} .index_msg1 .index_news1_new_top_text {width: 58%;background: #005d98;padding: 15px 17px;} .index_msg1 .index_news1_new_top_text1 {font-size: 16px;font-family: "Microsoft YaHei";color: #fff;border-bottom: 1px solid #fff;padding-bottom: 5px;margin-bottom: 10px;} .index_msg1 .index_news1_new_top_text3 {font-size: 12px;color: #fff;line-height: 1.7;} .index_msg1 .index_news1_new_top:hover .index_news1_new_top_text1 {color: var(--first_color);} .index_msg1 .index_news1_list {display: flex;justify-content: space-between;padding-top: 1rem;align-items: baseline;} .index_msg1 .index_news1_list_text1 {width: 60%;font-size: 14px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .index_msg1 .index_news1_list_text2 {font-size: 12px;color: #666;} .index_msg1 .index_news1_list:hover .index_news1_list_text1 {color: var(--first_color);} .index_msg1 .index_news2 {display: flex;flex-direction: column;justify-content: space-between;} .index_msg1 .index_news2_top {display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 30px;} .index_msg1 .index_news2_top_text1 {font-size: 16px;color: #fff;background: #005d98;padding: 6px 0;min-width: 100px;max-width: 100%;text-align: center;} .index_msg1 .index_news2_top_text2 {font-size: 14px;color: rgb(102, 102, 102);line-height: 1;} .index_msg1 .index_news_list {margin-bottom: 1rem;padding-bottom: 1rem;border-bottom: 1px solid #ccc;} .index_msg1 .index_news2 a:last-of-type .index_news_list {margin-bottom: unset;} .index_msg1 .index_news_list_text1 {font-size: 14px;color: #333;padding-left: 3rem;background: url(../images/news2_q.png) no-repeat left center;margin-bottom: 1rem;} .index_msg1 .index_news_list_text2 {font-size: 12px;color: #666;line-height: 22px;padding-left: 3rem;background: url(../images/news2_a.png) no-repeat left top;} .index_msg1 .index_news_list:hover .index_news_list_text1 {color: var(--first_color);} @media (max-width: 767px) { .index_msg1 {padding: 20px 0; } .index_msg1 .index_news1_new_top_img, .index_msg1 .index_news1_new_top_text { width: 100% } .index_msg1 .index_news2 {margin-top: 20px; } } @media (min-width: 768px) and (max-width: 991px) { .index_msg1 .index_news2 {margin-top: 20px; } } @media all and (min-width: 1281px) {} /* 璧勮1 */ /* link */ .index_link {padding: 11px 0;} .index_link, .index_link a {font-size: 12px;color: #fff;background: #094c77;} /* link */ /* 搴曢儴 */ footer{background: #005d98;padding: 38px 0 ;} .foot_box{display: flex;flex-wrap: wrap;align-items: center;} .foot_nav1{border-bottom: 1px solid #80aecc;width: 80%;padding:0 11% 0 16% ;margin: 0 auto 25px auto;} .foot_nav11{display: flex;justify-content: space-between;} .foot_nav11 a{font-size: 14px;color: #fff;text-align: center;padding: 0 0 1rem 0;} .foot_qr img{max-width: 100%;} .foot_logo img{max-width: 100%;} .foot_copyright{padding: 0.5rem 0;} .foot_copyright , .foot_copyright a , .foot_copyright p{font-size: 12px;font-family: "Microsoft YaHei";color: #fff;line-height: 2;} .online i, .botmenu i{margin-right: .3rem;} @media all and (max-width: 767px) { .foot_qr{justify-content: center;margin: 20px 0;} } @media (min-width: 768px) and (max-width: 991px){ } @media all and (min-width: 991px) { } /* 搴曢儴 */ @media all and (max-width: 767px) { .no_dis2 {display: none!important;} } @media (min-width: 768px) and (max-width: 991px){ .no_dispad{display: none!important;} } @media all and (min-width: 991px) { .no_dis1{display: none;} } /* 鍐呴〉 */ /* about */ .pages{padding: 30px 15px;} .about_content{line-height: 1.5;font-size: 16px;} .about_content p{margin-bottom: 10px;} /* subnavlist */ .subnavlist .swiper-container .swiper-slide a.active, .subnavlist ul li a:hover, .subnavlist ul li a:focus, .subnavlist ul li a.active{color: var(--first_color);} /* product news */ .productlist .card:before, .newslist ul li:before{border-color: var(--first_color);} .showproduct .tabs-custom .nav-item a.active{border-bottom-color: var(--first_color);} .newslist ul li h4 a{display: block;} .showproduct .tab-content{line-height: 1.5;font-size: 16px;} .showproduct .tab-content p{margin-bottom: 10px;} .showcase .tab-content{line-height: 1.5;font-size: 16px;} .showcase .tab-content p{margin-bottom: 10px;} @media (max-width: 767px){ .newslist ul li.media .media-left{width: 35%;} .newslist .media-body{width: 65%;align-self: center;} .newslist ul li{padding: 10px 0;margin-bottom: 10px;} } /* 璇︽儏椤靛彸渚ф帹鑽 */ .showproduct .recommend ul li.item_block:hover:before, .shownews .recommend ul li.item_block:before{border-color: var(--first_color);} .showproduct .recommend ul li.item_block a:hover p.item_date span, .showproduct .recommend ul li.item_block a:hover .item_info, .shownews .recommend ul li.item_block a:hover p.item_date span, .shownews .recommend ul li.item_block a:hover .item_info{color:var(--first_color)} /* 鍒嗛〉鍣 */ .page-link, .page-num{color: #333;} .page-link:hover, .page-num:hover, .page-num-current{background-color:var(--first_color);border-color:var(--first_color);color: #fff;} .searchcomponent .btn-info{background-color:var(--first_color);border-color:var(--first_color)} .searchcomponent .btn-info:hover{background-color:var(--first_color);border-color:var(--first_color)} @media all and (max-width: 767px) { .searchcomponent .form-group{width: 75%;} .searchcomponent button{width:25%} .page-link[href], .page-num[href]{color:var(--first_color)} .page-link[href]:hover, .page-num[href]:hover, .page-num-current[href]{background-color:var(--first_color);border-color:var(--first_color);color: #fff!important;} } /* product */ .showproduct .recommend ul li.item_block a p.item_date{min-width: 50px;} .showproduct .recommend ul li.item_block a .item_info{max-width: unset;} .showproduct .recommend ul li.item_block a .item_des{width: unset;} .showproduct .recommend ul li.item_block a .item_img{max-width: 100%;width: 100%;text-align: center;} /* job */ .joblist ul li{margin-bottom: 30px;padding-bottom: 30px;} .joblist ul li:before{border-color: var(--first_color);} .joblist ul li .des{line-height: 1.5;font-size: 16px;} .joblist ul li .des p{margin-bottom: 10px;} /* case */ .caselist .card:before{border-color: var(--first_color);} .showcase .tabs-custom .nav-item a.active{border-bottom-color: var(--first_color);} /* message */ .form-control:focus{border-color: var(--first_color);box-shadow: unset;} .messagelist .btn-info:hover{background-color: var(--first_color);border-color: var(--first_color);} .messagelist .btn-info{background-color: var(--first_color);border-color: var(--first_color);} /* download */ .downloadlist ul li{padding-bottom: 30px;} .downloadlist ul li:before{border-color: var(--first_color);} .downloadlist .downloadbtn{color: var(--first_color);border-color: var(--first_color);} .downloadlist .downloadbtn:hover{background-color: var(--first_color);border-color: var(--first_color);color: #fff;} .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus{box-shadow: unset;} .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle{background-color: var(--first_color);border-color: var(--first_color);} .btn-info:focus, .btn-info.focus{box-shadow: unset;} .downloadlist ul li:hover p{margin-left: 15px;transition: all .30s ease;} /* 浜у搧 鏂伴椈鎺ㄨ崘 */ .showproduct .recommend span.toptitle, .shownews .recommend span.toptitle {margin-bottom: 20px;} .showproduct .recommend ul li.item_block {margin: 0 0;padding: 0 0;margin-bottom: 15px;} .showproduct .recommend ul li.item_block a {display: block;width: 100%;} .showproduct .recommend ul li.item_block a .item_img {width: 100%;max-width: unset;} .showproduct .recommend ul li.item_block a .item_img img {width: 100%;height: auto;display: block;max-width: unset;} .showproduct .recommend ul li.item_block a .item_link {width: 100%;padding: 0 0;margin-bottom: 10px;} .showproduct .recommend ul li.item_block a .item_link p {padding: 0 0;} .productlist .card .card-img{text-align: center;} .shownews .recommend ul li.item_block a p.item_date,.showproduct .recommend ul li.item_block a p.item_date{width: 20%;} .shownews .recommend ul li.item_block a .item_info,.showproduct .recommend ul li.item_block a .item_info{width: 78%;max-width: unset;} .product-params-box{margin-top: 10px;} .product-params{margin: 5px 0;} @media(max-width:991px) { .showproduct .recommend ul li.item_block,.shownews .recommend ul li.item_block{width: 50%;} .showproduct .recommend ul li.item_block:nth-child(even),.shownews .recommend ul li.item_block:nth-child(even){padding-left:10px} .showproduct .recommend ul li.item_block:nth-child(odd),.shownews .recommend ul li.item_block:nth-child(odd){padding-right:10px} .shownews .recommend ul li.item_block a .item_des{width: 100%;} } /* tabber */ .botmenu {border-top: 1px #fff solid;} .botmenu p {width: 100%;padding: 0 0;margin: 0 0;margin-top: 2px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .botmenu i {font-size: 24px;} /* 鏂伴椈鍒楄〃 */ .newslist ul li.media .media-left{width: 20%;} .newslist ul li.media .media-body{width: 80%;} .newslist h2, .newslist p{word-break:break-all;} /* 鏂伴椈 */ .shownews .content{line-height: 1.5;font-size: 16px;} .shownews .content p{margin-bottom: 10px;} .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{color:var(--first_color)} .showproduct .img-thumbnail-variant-2{width:100%} .subnavlist .swiper-subnav .dropdown-item.active, .swiper-subnav .dropdown-item:active{color:var(--first_color);}