@charset "UTF-8";
@import url("//at.alicdn.com/t/font_2453696_isrsxrplc9e.css");
* { padding: 0; margin: 0; box-sizing: border-box; background-repeat: no-repeat; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Source Han Sans","PingFang SC", sans-serif,Arial,"Microsoft YaHei","微软雅黑"; }

html { height: 100%; overflow-y: auto; }

body { position: relative; min-height: 100%; line-height: 1.1; margin-left: auto; margin-right: auto; color: #000; font-size: 14px; background: #fff; overflow-y: auto; }

textarea, input[type="button"], input[type="submit"], input[type="reset"], input[type='text'], input[type='password'] { -webkit-appearance: none; }

input, textarea { outline: none; border: 1px solid #666; border-radius: 0; }

div, dl, dt, dd, form, h1, h2, h3, h4, h5, h6, img, ol, ul, li, table, th, td, p, span, a { border: 0; font-family: inherit; }

table { border-spacing: 0; border-collapse: collapse; }

img { border: none; vertical-align: middle; display: inline-block; max-width: 100%; max-height: 100%; }

ul, ol { list-style-type: none; }

button { cursor: pointer; border: none; background-color: transparent; }

a { text-decoration: none; color: inherit; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; }

a:hover { color: #fe0000; }

a:active { opacity: .9; }

.clearfix:after { content: ""; display: block; clear: both; }

.float-left { float: left; }

.float-right { float: right; }

.hide { display: none; }

.container { width: 1200px; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; }

.container:before, .container:after { content: ''; float: none; clear: both; display: block; width: 100%; }

.navbtn { display: none; position: absolute; z-index: 999; width: auto; height: auto; padding: 0 7px; border-radius: 5px; background-color: #fe0000; cursor: pointer; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }

.navbtn span { display: block; width: 35px; height: 4px; margin: 8px 0; border-radius: 5px; background-color: #fff; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }

.navbtn.navclose span:nth-child(1) { -o-transform: translateY(12px) rotate(45deg); -moz-transform: translateY(12px) rotate(45deg); -ms-transform: translateY(12px) rotate(45deg); -webkit-transform: translateY(12px) rotate(45deg); transform: translateY(12px) rotate(45deg); }

.navbtn.navclose span:nth-child(2) { opacity: 0; }

.navbtn.navclose span:nth-child(3) { -o-transform: translateY(-12px) rotate(-45deg); -moz-transform: translateY(-12px) rotate(-45deg); -ms-transform: translateY(-12px) rotate(-45deg); -webkit-transform: translateY(-12px) rotate(-45deg); transform: translateY(-12px) rotate(-45deg); }

.header .logo { float: left; max-width: 35%; padding-right: 50px; }

.header .logo a { display: block; height: 130px; line-height: 130px; font-size: 0; }

.header .logo a img { padding: 10px 0; }

.header .head-right { float: right; max-width: 65%; }

.header .head-top { float: right; display: flex; flex-flow: row nowrap; justify-content: flex-end; width: 100%; margin-top: 5px; }

.header .head-top ul li { position: relative; float: left; padding-left: 10px; padding-right: 15px; }

.header .head-top ul li::after { content: ''; position: absolute; top: 50%; right: 0; width: 1px; height: 12px; margin-top: -5px; background-color: #ccc; }

.header .head-top ul li:last-child { padding-right: 0; }

.header .head-top ul li:last-child::after { display: none; }

.header .head-top ul .language .iconfont { height: 15px; font-size: 15px; }

.header .head-top ul .language img { height: 12px; }

.header .head-top ul a { position: relative; display: block; display: flex; flex-flow: row nowrap; align-items: center; justify-content: center; height: 30px; color: #999; font-size: 12px; }

.header .head-top ul a .iconfont { display: block; height: 30px; font-size: 30px; }

.header .head-top ul a:hover { color: #fe0000; }

.header .head-top ul a:hover .hover { opacity: 1; z-index: 99; }

.header .head-top ul .hover { opacity: 0; position: absolute; z-index: -1; top: 120%; left: 50%; width: 260px; margin-left: -130px;box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);  -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }

.header .head-top ul .hover img { max-width:50%;float:left;padding:5px;background:#fff;}

.header .navbar { float: right; margin-top: 50px; }

.header .nav { float: left; margin-right: 50px; }

.header .nav > li { position: relative; float: left; height: 45px; margin-left: 40px; }

.header .nav > li:first-child { margin-left: 0; }

.header .nav > li > a { display: block; line-height: 1; padding-bottom: 12px; color: #555; font-size: 13px; border-bottom: 3px solid transparent; }

.header .nav > li > .dropdown { display: none; }

.header .nav > li:hover > a, .header .nav > li.current > a { color: #fe0000; border-color: #fe0000; }

.header .nav > li:hover .child-nav { opacity: 1; z-index: 99; }

.header .nav .child-nav { opacity: 0; position: absolute; z-index: -1; top: 100%; left: 0; width: 150px; background-color: #eee; border-top: 2px solid #fe0000; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }

.header .nav .child-nav a { display: block; line-height: 20px; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; color: #555; font-size: 12px; border-bottom: 1px solid #cfcfcf; }

.header .nav .child-nav a:last-child { border: none; }

.header .nav .child-nav a:hover { color: #fff; background-color: #fe0000; }

.header .show-search { float: right; margin-top: -8px; color: #999; font-size: 30px; cursor: pointer; }

.banner { position: relative; height: 680px; background-position: center center; background-size: cover; background-attachment: fixed; overflow: hidden; }

.banner .swiper-slide { display: flex; flex-direction: column; align-items: center; justify-content: center; }

.banner .swiper-slide h2 { line-height: 1; text-align: center; color: #fff; font-size: 56px; text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8); }

.banner .swiper-slide h5 { text-align: center; margin-top: 20px; color: #fff; font-size: 30px; font-weight: normal; text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.8); }

.banner .swiper-slide a { display: block; width: 200px; line-height: 50px; text-align: center; margin-top: 25px; margin-left: auto; margin-right: auto; color: #e50014; font-size: 14px; background-color: #fff; }

.banner .swiper-slide a:hover { color: #fff; background-color: #e50014; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6); }

.section-sensor-solution { padding-top: 70px; padding-bottom: 65px; overflow: hidden; }

.section-sensor-solution .intro { float: left; width: 45%; }

.section-sensor-solution .intro h2 { line-height: 1.4; color: #0f74a0; font-size: 30px; font-weight: normal; }

.section-sensor-solution .intro .intro-text { line-height: 2; margin-top: 30px; color: #555; font-size: 14px; }

.section-sensor-solution .pro-category { float: right; width: 50%; overflow: hidden; }

.section-sensor-solution .pro-category li { float: left; width: 25%; margin-bottom: 60px; }

.section-sensor-solution .pro-category a { display: block; }

.section-sensor-solution .pro-category a:hover .title { color: #e50014; }

.section-sensor-solution .pro-category a:hover .pic { transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); }

.section-sensor-solution .pro-category .pic { display: block; display: flex; flex-direction: column; justify-content: center; width: 110px; height: 110px; margin-left: auto; margin-right: auto; border-radius: 100%; border: 1px solid #e50014; overflow: hidden; -o-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; }

.section-sensor-solution .pro-category .pic img { display: block; padding: 10px; }

.section-sensor-solution .pro-category .title { line-height: 1; text-align: center; margin-top: 20px; color: #555; font-size: 14px; font-weight: normal; }

.section-sensor-solution .pro-category li.more a { display: block; width: 110px; height: 110px; line-height: 110px; text-align: center; margin-left: auto; margin-right: auto; color: #555; font-size: 14px; background-color: #eee; border-radius: 100%; }

.section-sensor-solution .pro-category li.more a:hover { color: #fff; background-color: #e50014; }

.section-sensor-solution .slogan { clear: both; float: left; width: 100%; line-height: 40px; text-align: center; margin-top: 30px; padding-top: 10px; padding-bottom: 10px; color: #fff; font-size: 30px; background-color: #e50014; border-radius: 4px; }

.section-recommend-product { padding-top: 70px; padding-bottom: 45px; background-image: url("../img/i_recommend_bg.jpg"); background-position: center center; background-size: cover; overflow: hidden; }

.section-recommend-product .section-title { line-height: 1; text-align: center; color: #333; font-size: 36px; font-weight: normal; }

.section-recommend-product .recommend-product-slide { position: relative; margin-top: 35px; padding-left: 60px; padding-right: 60px; overflow: hidden; }

.section-recommend-product .recommend-product-slide .button-prev, .section-recommend-product .recommend-product-slide .button-next { position: absolute; z-index: 49; top: 50%; width: 60px; height: 60px; line-height: 60px; text-align: center; margin-top: -35px; color: #e50014; font-size: 60px; cursor: pointer; user-select: none; outline: none; }

.section-recommend-product .recommend-product-slide .button-prev.swiper-button-disabled, .section-recommend-product .recommend-product-slide .button-next.swiper-button-disabled { opacity: 0.3; }

.section-recommend-product .recommend-product-slide .button-prev { left: -20px; }

.section-recommend-product .recommend-product-slide .button-next { right: -20px; }

.section-recommend-product .recommend-product-slide .pagination { text-align: center; margin-top: 35px; font-size: 0; }

.section-recommend-product .recommend-product-slide .pagination span { opacity: 1; width: 15px; height: 15px; margin: 0 8px !important; background-color: #fff; border: 1px solid #e50014; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; }

.section-recommend-product .recommend-product-slide .pagination span.active { background-color: #e50014; }

.section-recommend-product .product-intro { float: left; width: 45%; }

.section-recommend-product .product-intro h2 { line-height: 1.2; color: #000; font-size: 24px; }

.section-recommend-product .product-intro .intro-text { line-height: 2; margin-top: 40px; color: #555; font-size: 14px; }

.section-recommend-product .product-intro .product-tag { margin-top: 35px; overflow: hidden; }

.section-recommend-product .product-intro .product-tag li { float: left; line-height: 35px; margin-right: 10px; margin-bottom: 10px; padding-left: 13px; padding-right: 13px; color: #fff; background-color: #999; cursor: default; -o-transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; }

.section-recommend-product .product-intro .product-tag li:hover { background-color: #e50014; }

.section-recommend-product .product-intro .more { display: block; width: 250px; line-height: 50px; text-align: center; margin-top: 50px; color: #e50014; font-size: 14px; border: 1px solid #e50014; background-color: #fff; }

.section-recommend-product .product-intro .more:hover { color: #fff; background-color: #e50014; }

.section-recommend-product .product-pic { position: absolute; top: 0; right: 0; width: 55%; height: 100%; }

.section-recommend-product .product-pic a { display: block; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; height: 100%; }

.section-application-scheme { padding-top: 70px; padding-bottom: 130px; background-image: url("../img/app_scheme_bg.jpg"); background-position: center center; background-size: cover; overflow: hidden; }

.section-application-scheme .section-title { line-height: 1; text-align: center; color: #fff; font-size: 36px; font-weight: normal; }

.section-application-scheme .app-scheme-slide { position: relative; margin-top: 70px; padding-left: 35px; padding-right: 35px; overflow: hidden; }

.section-application-scheme .app-scheme-slide li a { position: relative; display: block; }

.section-application-scheme .app-scheme-slide li img { display: block; width: 100%; }

.section-application-scheme .app-scheme-slide li h2 { opacity: 0; position: absolute; z-index: 5; top: 0; left: 0; display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; text-align: center; color: #fff; font-size: 14px; background-color: rgba(0, 0, 0, 0.6); -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }

.section-application-scheme .app-scheme-slide li:hover h2 { opacity: 1; }

.section-application-scheme .app-scheme-slide .button-prev, .section-application-scheme .app-scheme-slide .button-next { position: absolute; z-index: 9; top: 50%; width: 60px; height: 60px; line-height: 60px; margin-top: -30px; color: #fff; font-size: 60px; cursor: pointer; user-select: none; outline: none; }

.section-application-scheme .app-scheme-slide .button-prev.swiper-button-disabled, .section-application-scheme .app-scheme-slide .button-next.swiper-button-disabled { opacity: 0.3; }

.section-application-scheme .app-scheme-slide .button-prev { left: -20px; }

.section-application-scheme .app-scheme-slide .button-next { right: -20px; }

.section-news-center { padding-top: 70px; padding-bottom: 30px; overflow: hidden; }

.section-news-center .section-title { line-height: 1; text-align: center; margin-bottom: 60px; color: #333; font-size: 36px; font-weight: normal; }

.section-video { background-image: url("../img/i_video_bg.jpg"); background-position: left center; background-size: auto 100%; background-repeat: repeat-x; overflow: hidden; }

.section-video iframe { float: right; display: block; width: 33.33%; height: 360px; }

.inside-banner { height: 350px; background-position: center center; background-size: cover; background-attachment: fixed; }

.inside-wrapper { padding-top: 50px; padding-bottom: 100px; overflow: hidden; }

.inside-wrapper .crumbs { margin-bottom: 55px; color: #555; font-size: 14px; }

.inside-wrapper .crumbs span { color: #333; }

.product-wrapper .product-category h1 { line-height: 1; text-align: center; color: #0f74a0; font-size: 36px; font-weight: normal; }

.product-wrapper .product-category ul { margin-top: 70px; overflow: hidden; }

.product-wrapper .product-category ul li { float: left; width: 14.28571%;margin-bottom:15px; }

.product-wrapper .product-category ul a { display: block; }

.product-wrapper .product-category ul a:hover .pic { border-color: #e50014; }

.product-wrapper .product-category ul .pic { display: block; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 110px; height: 110px; text-align: center; margin-left: auto; margin-right: auto; border: 1px solid #cfcfcf; border-radius: 100%; overflow: hidden; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }

.product-wrapper .product-category ul .pic img { padding: 10px; }

.product-wrapper .product-category ul .title { text-align: center; margin-top: 15px; color: #333; font-size: 16px; font-weight: normal; }

.product-wrapper .recommend-product { clear: both; margin-top: 30px; }

.product-wrapper .recommend-product h3 { line-height: 1; color: #e50014; font-size: 36px; }

.product-wrapper .recommend-product ul { margin-top: 30px; margin-left: -17px; margin-right: -17px; overflow: hidden; }

.product-wrapper .recommend-product ul li { float: left; width: 25%; margin-bottom: 50px; padding-left: 17px; padding-right: 17px; }

.product-wrapper .recommend-product ul li:hover .pic { border-color: #e50014; }

.product-wrapper .recommend-product ul li:hover .more { border-color: #e50014; }

.product-wrapper .recommend-product ul li:hover .more .iconfont { margin-right: -15px; color: #e50014; }

.product-wrapper .recommend-product ul .pic { display: block; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 190px; text-align: center; border: 1px solid #e9e9e9; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }

.product-wrapper .recommend-product ul .title { float: left; display: block; max-width: 100%; margin-top: 20px; color: #333; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.product-wrapper .recommend-product ul .more { float: left; width: 100%; line-height: 25px; margin-top: 25px; padding-bottom: 15px; color: #999; font-size: 14px; border-bottom: 1px solid #dfdfdf; }

.product-wrapper .recommend-product ul .more .iconfont { float: right; height: 25px; margin-right: -5px; color: #bbb; font-size: 25px; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }

.product-detail-wrapper .product-title { line-height: 1.3; margin-bottom: 35px; color: #333; font-size: 36px; font-weight: bold; }

.product-detail-wrapper .product-intro { float: left; width: 50%; line-height: 2; }

.product-detail-wrapper .product-intro ul, .product-detail-wrapper .product-intro ol, .product-detail-wrapper .product-intro li { list-style-type: disc; padding-left: 15px; }

.product-detail-wrapper .product-intro li { padding-left: 0; }

.product-detail-wrapper .product-pic { float: right; width: 45%; }

.product-detail-wrapper .product-slide { position: relative; overflow: hidden; }

.product-detail-wrapper .product-slide .swiper-slide { display: flex; flex-direction: row; justify-content: center; margin-bottom: 20px; border: 1px solid #ddd; }

.product-detail-wrapper .litimg { display: flex; flex-flow: row nowrap; justify-content: space-between; }

.product-detail-wrapper .litimg li { float: left; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 32%; height: 130px; border: 1px solid #ccc; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; cursor: pointer; }

.product-detail-wrapper .litimg li.current { border-color: #e50014; }

.product-detail-wrapper .single-content { padding-top: 30px; border-top: 1px solid #ddd; }

.single-wrapper .single-title { line-height: 1; padding-bottom: 30px; color: #333; font-size: 36px; border-bottom: 1px solid #ddd; }

.single-wrapper .single-content { clear: both; width: 100%; line-height: 2; margin-top: 50px; }

.single-wrapper .single-content ul, .single-wrapper .single-content li { list-style-type: disc; }

.single-wrapper .single-content ul, .single-wrapper .single-content ol { padding-left: 20px; }

.list-join-wrapper ul { margin-top: 50px; margin-bottom: 80px; }

.list-join-wrapper ul li { padding: 2px 0; border-radius: 5px; overflow: hidden; }

.list-join-wrapper ul li .title { line-height: 50px; padding-left: 30px; font-size: 18px; font-weight: bold; background-color: #ddd; cursor: pointer; -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; }

.list-join-wrapper ul li .join-content { display: none; line-height: 2; padding-top: 30px; padding-left: 25px; padding-right: 25px; padding-bottom: 30px; border: 1px solid #e50014; }

.list-join-wrapper ul li .join-content .mailto { padding-top: 30px; font-weight: bold; }

.list-join-wrapper ul li .join-content .mailto a { color: #e50014; }

.list-join-wrapper ul li.show .title { color: #fff; background-color: #e50014; }

.list-join-wrapper ul li.show .join-content { display: block; }

.news-detail-wrapper .detail-head { padding-bottom: 15px; border-bottom: 1px solid #ddd; }

.news-detail-wrapper .detail-head .detail-title { line-height: 1; padding-bottom: 20px; color: #e50014; font-size: 36px; }

.news-detail-wrapper .detail-head .detail-related span { display: inline-block; margin-right: 20px; color: #999; font-size: 14px; }

.module-list-news { margin-left: -35px; margin-right: -35px; overflow: hidden; }

.module-list-news .item { float: left; width: 33.33%; margin-bottom: 50px; padding-left: 35px; padding-right: 35px; }

.module-list-news .pic { display: block; overflow: hidden; }

.module-list-news .pic img { display: block; width: 100%; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }

.module-list-news .pic:hover img { transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); }

.module-list-news .title { float: left; display: block; max-width: 100%; margin-top: 30px; color: #141414; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.module-list-news .title:hover { color: #fe0000; }

.module-list-news .text { float: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; width: 100%; line-height: 1.8; margin-top: 10px; color: #777; font-size: 14px; overflow: hidden; }

.module-list-news .date { float: left; display: block; margin-top: 15px; color: #949494; font-size: 14px; }

.module-list-img { clear: both; width: 100%; overflow: hidden; }

.module-list-img ul { margin-top: 0px; margin-left: -15px; margin-right: -15px; overflow: hidden; }

.module-list-img ul li { float: left; width: 25%; margin-top: 35px; padding-left: 15px; padding-right: 15px;min-height:130px; }

.module-list-img ul a { position: relative; display: block; max-height: 300px; overflow: hidden; }

.module-list-img ul a:hover h2 { opacity: 1; }

.module-list-img ul img { display: block; width: 100%; }

.module-list-img ul h2 { opacity: 0; position: absolute; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; text-align: center; color: #fff; font-size: 16px; background-color: rgba(0, 0, 0, 0.6); -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }

.contact-wrapper { margin-top: 50px; }

.contact-wrapper .content { float: left; width: 60%; line-height: 1.8; padding-right: 50px; padding-bottom: 80px; font-size: 15px; }

.contact-wrapper .message { float: right; width: 38%; margin-top: 10px; }

.contact-wrapper .message h5 { line-height: 1; margin-bottom: 7px; color: #888; font-size: 16px; }

.contact-wrapper .message input[type="text"] { display: block; width: 100%; height: 35px; padding-left: 10px; padding-right: 10px; margin-bottom: 20px; border: 1px solid #999; }

.contact-wrapper .message input[type="text"]:focus { border-color: #e50014; }

.contact-wrapper .message textarea { display: block; width: 100%; height: 200px; line-height: 1.8; padding: 5px 10px; color: #333; font-size: 14px; border: 1px solid #999; }

.contact-wrapper .message textarea:focus { border-color: #e50014; }

.contact-wrapper .message label { display: block; width: 100%; height: 15px; line-height: 15px; margin-top: 20px; color: #888; font-size: 15px; }

.contact-wrapper .message label input { float: left; display: block; width: 15px; height: 15px; margin-right: 5px; margin-bottom: 0; padding-left: 0; padding-right: 0; }

.contact-wrapper .message .submit { display: block; width: 130px; line-height: 35px; text-align: center; margin-top: 20px; border: 1px solid #e50014; background: none; color: #e50014; font-size: 18px; font-weight: bold; -o-transition: all 0.15s; -moz-transition: all 0.15s; -webkit-transition: all 0.15s; }

.contact-wrapper .message .submit:hover { color: #fff; background-color: #e50014; }

.list-pagination { margin-top: 20px; text-align: center; font-size: 0; }

.list-pagination #ctl00_Main_DataPager1 { border: none; }

.list-pagination a[disabled='disabled'] { cursor: not-allowed; }

.list-pagination span, .list-pagination a { display: inline-block; line-height: 25px; margin-left: 5px; margin-right: 5px; padding-left: 10px; padding-right: 10px; border: 1px solid #d5d5d5; color: #454545; font-size: 14px; }

.list-pagination span { color: #ccc; border-color: #ddd; }

.list-pagination .on, .list-pagination a:hover { color: #fff; background-color: #e50014; border-color: #e50014; }

.footer { padding-top: 60px; padding-bottom: 50px; background-color: #3c3c3c; }

.footer .title { line-height: 1; margin-bottom: 20px; color: #fff; font-size: 20px; font-weight: normal; }

.footer .service-support { float: left; width: 13%; }

.footer .service-support a { display: block; margin: 10px 0; color: #fff; font-size: 12px; }

.footer .f-content { float: left; width: 31%; }

.footer .f-content .text { line-height: 2.2; padding-right: 50px; color: #fff; font-size: 12px; }

.footer .f-search { float: right; max-width: 25%; }

.footer .f-search .input-box { position: relative; float: left; width: 255px; height: 40px; margin-top: 20px; background-color: #fff; }

.footer .f-search .input-box input[type="text"] { display: block; width: 100%; height: 40px; padding-left: 15px; padding-right: 45px; border: none; }

.footer .f-search .input-box *[type="submit"] { position: absolute; top: 0; right: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #999; font-size: 35px; }

.footer .f-search .iso { float: left; line-height: 1.6; margin-top: 30px; color: #fff; font-size: 12px; }

.message-dialog { position: fixed; z-index: 99; bottom: 15px; left: 15px; width: 350px; height: auto; padding-left: 40px; padding-right: 40px; padding-bottom: 30px; background-color: #fff; border-radius: 4px; box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1); }

.message-dialog .close { position: absolute; top: 5px; right: 5px; display: block; width: 20px; height: 20px; color: #fff; font-size: 20px; background-color: #e50014; border-radius: 4px; }

.message-dialog .title { text-align: center; margin-top: 40px; color: #0c0c0c; font-size: 18px; }

.message-dialog .content { line-height: 2; margin-top: 25px; color: #555; font-size: 14px; }

.message-dialog .more { display: block; width: 105px; line-height: 32px; text-align: center; margin-left: auto; margin-right: auto; margin-top: 30px; color: #fff; background-color: #e50014; border-radius: 4px; }

.search-dialog { display: none; position: fixed; z-index: 999; top: 0; left: 0; justify-content: center; align-items: center; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); }

.search-dialog .wrapper { position: relative; width: 60%; }

.search-dialog .input-text { display: block; width: 100%; height: 40px; padding-left: 5px; padding-right: 80px; border: none; border-bottom: 1px solid #fff; background: none; color: #fff; font-size: 16px; }

.search-dialog .input-text::-webkit-input-placeholder { color: #bbb; }

.search-dialog .input-text:-moz-placeholder { color: #bbb; }

.search-dialog .input-text::-moz-placeholder { color: #bbb; }

.search-dialog .input-text:-ms-input-placeholder { color: #bbb; }

.search-dialog .submit { position: absolute; right: 0; top: 0; display: block; line-height: 40px; padding-left: 10px; padding-right: 10px; color: #fff; font-size: 18px; }

.search-dialog .close { cursor: pointer; position: absolute; top: -40px; right: 0; width: 30px; height: 30px; line-height: 30px; color: #fff; font-size: 30px; }

.search-show { display: flex; display: -webkit-flex; }

.pop-up-service { position: fixed; z-index: 95; right: 0; top: 40%; width: 105px; padding-bottom: 10px; border: 2px solid #e50014; background-color: #fff; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }

.pop-up-service .head { position: relative; display: flex; display: -webkit-flex; flex-flow: row nowrap; align-items: center; line-height: 35px; padding-left: 2px; background-color: #e50014; color: #fff; font-size: 13px; }

.pop-up-service .head .fl { margin-right: 2px; height: 15px; }

.pop-up-service .head .fr { position: absolute; top: 10px; right: 2px; cursor: pointer; height: 15px; }

.pop-up-service .sub { padding-left: 7px; padding-right: 7px; }

.pop-up-service .sub a, .pop-up-service .sub span { display: block; line-height: 32px; padding-left: 5px; color: #333; font-size: 13px; border-bottom: 1px solid #bbb; }

.pop-up-service .sub a img, .pop-up-service .sub span img { height: 18px; margin-right: 5px; }

.pop-up-service .sub span { text-align: center; color: #e50014 !important; font-size: 13px; font-weight: bold; padding-left: 0; white-space: wrap; }

.pop-up-service .sub .qrcode { text-align: center; color: #888; font-size: 13px; }

.pop-up-service .sub .qrcode img { display: block; width: 100%; margin-bottom: 10px; }

/*# sourceMappingURL=../maps/style/css.css.map */