@charset "utf-8"; /* =====================鍐呴〉鏍峰紡======================== */ /* =====================鍏充簬鏍峰紡======================== */ /* 鍏充簬鎴戜滑 s */ .ab_ban{ padding: 1.1rem 0 0.5rem; background-repeat: no-repeat; background-size: cover; background-position: center; } .ab_ban img{ width: 100%; } .ab_ban .mask-box{ } .ab_ban .mask-box .tit{ font-size: 0.4rem; color: white; margin-bottom: 0.5rem; text-transform: uppercase; font-family: "OS-B"; } .ab_ban .mask-box ul{} .ab_ban .mask-box ul li{ width: 24%; color: white; margin-right: calc(4% / 3); padding: 0.4rem 0.28rem; background-color: rgb(255,0,8,.70); text-align: center; } .ab_ban .mask-box ul li:nth-child(4n){ margin-right: 0; } .ab_ban .mask-box ul li .ico{ width: 0.6rem; height: 0.6rem; margin: 0 auto; } .ab_ban .mask-box ul li .ico img{ display: inline-block; width: auto; max-width: 100%; } .ab_ban .mask-box ul li .num{ margin: 0.15rem 0; } .ab_ban .mask-box ul li .num span{ font-size: 0.34rem; } .ab_ban .mask-box ul li .num i{ font-size: 16px; } .ab_ban .mask-box ul li p{ font-size: 16px; line-height: 24px; height: 48px; } .ab_nav_tab{ background-color: #283940; border-bottom: 8px solid #cc242a; } .ab_nav_tab .cur-menu{ position: relative; color: #fff; font-size: 18px; padding: 15px 0; display: none; } .ab_nav_tab .cur-menu.on i{ transform: rotate(180deg); } .ab_nav_tab ul{} .ab_nav_tab ul li{ flex: 1; display: table; height: 100px; } .ab_nav_tab ul li a{ display: table-cell; vertical-align: middle; font-size: 0.24rem; line-height: 1.3; color: white; text-align: center; } .ab_nav_tab ul li.active a,.ab_nav_tab ul li:hover a{ background-color: #cc242a; } .n_about_01{} .n_about_01 .fl{ width: 50%; padding-right: 5%; } .n_about_01 .fl .ab_tit{ margin-bottom: 0.35rem; font-family: "OS-B"; } .n_about_01 .fl .des{ color: #444444; line-height: 1.75; } .n_about_01 .fr{ width: 50%; } .n_about_02{ /* background-color: #0a1a34; */ /* background: url('../images/map_bg.jpg') no-repeat center; background-size: auto 100%; */ /* background-color: #192A46; */ } .n_about_02 .ab_tit{ position: absolute; width: 100%; top: 0.7rem; left: 0; text-align: center; color: white; font-weight: 700; z-index: 3; } .n_about_02 .pic{ text-align: center; background-repeat: no-repeat; background-position: center; background-size: auto 100%; } .n_about_02 .pic img{ max-width: 100%; display: inline-block; } .n_about_02 .quan{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; } .n_about_02 .quan span{ position: absolute; display: inline-block; } .n_about_02 .quan span img{ width: 100%; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .n_about_02 .quan span img:hover{ transform: rotate(90deg); } .n_about_02 .quan span:nth-child(1){ width: 2.52rem; top: 20.55%; left: 8.75%; } .n_about_02 .quan span:nth-child(2){ width: 2.7rem; top: 30%; left: 33.4375%; } .n_about_02 .quan span:nth-child(3){ width: 2.16rem; top: 27.778%; right: 20.625%; } .n_about_02 .quan span:nth-child(4){ width: 2rem; right: 8.75%; bottom: 11.11%; } .n_about_02 .text{ position: absolute; left: 0; bottom: 5%; width: 100%; } .n_about_02 .text li{ padding: 0 0.25rem; font-size: 0.18rem; color: white; } .n_about_02 .text li span{ display: inline-block; font-size: 0.36rem; color: #e73338; margin: 0 3px; } .n_about_03{} .n_about_03 .con{} .n_about_03 .con>ul{} .n_about_03 .con>ul>li{ position: relative; padding-top: 0.55rem; } .n_about_03 .con>ul>li:before{ position: absolute; content: ""; width: 1px; height: 100%; top: 0; left: 15px; background-color: #c82126; z-index: 1; } .n_about_03 .con>ul>li .fl{ position: relative; width: 22.5%; z-index: 2; } .n_about_03 .con>ul>li .fl .date{} .n_about_03 .con>ul>li .fl .date .icon{ position: relative; width: 30px; height: 30px; border-radius: 50%; border: 2px solid #c82126; margin-right: 20px; background-color: white; } .n_about_03 .con>ul>li .fl .date .icon::after{ content: ""; position: absolute; display: block; width: 16px; height: 16px; background-color: #c82126; border-radius: 50%; top: 5px; left: 5px; } .n_about_03 .con>ul>li .fl .date .time{ font-size: 0.36rem; color: #c82126; } .n_about_03 .con>ul>li .fr{ width: 77.5%; border-bottom: 2px solid #959595; } .n_about_03 .con>ul>li .fr .des,.n_about_03 .con>ul>li .fr .des p{ font-size: 18px; line-height: 1.5; color: #0f0f0f; } .n_about_03 .con>ul>li .fr .develop-list{ padding: 0.45rem 0; } .n_about_03 .con>ul>li .fr .develop-list li{ float: left; width: 24%; margin-right: calc(4% / 3); } .n_about_03 .con>ul>li .fr .develop-list li:nth-child(4n){ margin-right: 0; } .n_about_03 .con>ul>li .fr .develop-list li img{ width: 100%; } /* 鍏充簬鎴戜滑 e */ /* 浼佷笟鏂囧寲 s */ .n_culture_01{ padding: 0.8rem 0 1.2rem; /*background-color: #c82126;*/ background-color: #fff; } .n_culture_01 .con{} .n_culture_01 .con .fl{ width: 33%; } .n_culture_01 .con .fl ul,.n_culture_01 .con .fl ul li{ height: 100%; } .n_culture_01 .con .fr{ width: 65%; } .n_culture_01 .con ul{} .n_culture_01 .con ul li{ padding: 0.65rem 0.5rem; color: #333; line-height: 1.5; border: 2px solid #333; } .n_culture_01 .con ul li .tit{ font-size: 0.24rem; } .n_culture_01 .con ul li .info{ font-size: 0.18rem; margin-top: 0.2rem; } .n_culture_01 .con ul li .text{ font-size: 0.16rem; margin-top: 0.45rem; } .n_culture_01 .con ul li .text p{ margin-bottom: 0.15rem; } .n_culture_01 .con ul li .text p:last-child{ margin-bottom: 0; } .n_culture_01 ul li:hover{ border-color: #c82126; color: white; background-color: #c82126; } .n_culture_01 .con .fr ul{} .n_culture_01 .con .fr ul li{ float: left; width: 49%; margin-right: 2%; margin-bottom: 2%; } .n_culture_01 .con .fr ul li:nth-child(2n){ margin-right: 0; } .n_culture_01 .con .fr ul li:nth-child(3),.n_culture_01 .con .fr ul li:nth-child(4){ margin-bottom: 0; } .n_culture_01 .con .fr ul li .info{ min-height: 3em; } .n_culture_02{ background-color: #fcfbff; } .n_culture_02 .pic{} .n_culture_02 .pic img{ max-width: 100%; } .n_culture_02 .pic .des{ margin-top: 0.35rem; } .n_culture_03{ background-color: #f3f4f8; } .n_culture_03 .swiper{ padding-bottom: 0.3rem; } .n_culture_03 ul{} .n_culture_03 ul li{ float: left; /* width: 24%; margin-right: calc(4% / 3); */ margin-bottom: 10px; } .n_culture_03 ul li:nth-child(4n){ margin-right: 0; } .n_culture_03 ul li a{} .n_culture_03 ul li .pic{} .n_culture_03 ul li .pic img{} .n_culture_03 ul li .text{ padding: 12px 20px; position: relative; background-color: white; } .n_culture_03 ul li:hover .text{ background-color: #c82126; } .n_culture_03 ul li .text h4{ font-size: 14px; line-height: 1.5; height: 3em; color: #1B2126; } .n_culture_03 ul li:hover .text h4{ color: white; } /* 浼佷笟鏂囧寲 e */ /* 浼佷笟鑽h獕 s */ .n_honor{ background: url('../images/n_honor_bg.jpg') no-repeat center; background-size: cover; } .n_honor .con{} .n_honor .con .txt{ margin-bottom: 0.5rem; } .n_honor .con .txt ul{ float: left; margin-right: 0.7rem; } .n_honor .con .txt ul li{} .n_honor .con .txt ul li a{ font-size: 14px; color: rgba(0,0,0,0.5); line-height: 2; } .n_honor .con .txt ul li a:before { content: ''; display: inline-block; width: 6px; height: 6px; background-color: #000; opacity: .5; margin-right: 6px; vertical-align: middle; position: relative; top: -2px; } .n_honor .con .bot{} .n_honor .con .bot ul{} .n_honor .con .bot ul li{} .n_honor .con .bot ul li a{} .n_honor .con .bot ul li .img{} .n_honor .con .bot ul li .img img{} .n_honor .con .bot ul li .text{ padding: 0.1rem 0.2rem; text-align: center; } .n_honor .con .bot ul li p{ font-size: 14px; line-height: 1.5; color: #333; height: 3em; } .n_honor .con .bot .swiper{ padding-bottom: 0.2rem; } /* 浼佷笟鑽h獕 e */ /* 鍏氬缓 s */ .n_party_01{ background-color: #ac1d21; } .n_party_01 .con{} .n_party_01 .con .fl{ width: 56%; } .n_party_01 .con .fl .des{ color: #ffffff; font-size: 18px; line-height: 1.5; } .n_party_01 .con .fr{ width: 40.625%; } .n_party_02{ background-color: #c82126; } .n_party_02 .con{ text-align: center; } .n_party_02 .con .des{ text-align: left; height: 360px; overflow: hidden; } .n_party_02 .con .des.active { height: auto; } .n_party_02 .con .des p{ color: #ffffff; font-size: 18px; line-height: 30px; margin-bottom: 30px; } .n_party_02 .con .btn{ display: inline-block; font-size: 20px; line-height: 1.8; color: #ffffff; background: #b71b2c; padding: 4px 40px; border-radius: 100px; cursor: pointer; margin-top: 0.35rem; } .n_party_03{ background-color: #ac1d21; } .n_party_03 ul li .text{ padding: 12px 20px; position: relative; background-color: white; } .n_party_03 ul li:hover .text{ background-color: #c82126; } .n_party_03 ul li .text h4{ font-size: 14px; line-height: 1.5; height: 3em; color: #1B2126; } .n_party_03 ul li:hover .text h4{ color: white; } .n_party_03 .swiper{ padding-bottom: 0.4rem; } /* 鍏氬缓 e */ /* =====================浜у搧鏍峰紡======================== */ /* 浜у搧鍒楄〃宸︿晶瀵艰埅 s */ .pro_nav_fl{ float: left; width: 370px; } .sidebox{ background-color: #fff; background-color: #f6f6f7; margin-bottom: 0.2rem; border-radius: 4px; padding: 0.2rem; } /* 渚ф爮鎼滅储 */ .sidebox .search-form input[type=text] { height: 40px; padding-left: 20px; background-color: #fff; width: calc(100% - 50px); } .sidebox .search-form .search-submit { width: 50px; height: 40px; display: inline-block; color: white; font-size: 24px; background-color: #c82126; border: none; } .pro_nav_fl .pro_nav_view{ /* background-color: #edeff0; */ background-color: #f6f6f7; } .pro_nav_fl .pro_nav_view .tit{ cursor: pointer; font-size: 0.28rem; font-weight: 700; text-transform: uppercase; position: relative; background-color: #242424; color: #fff; padding: 0.2rem; text-shadow: 0px 3px 9px rgb(0 0 0 / 32%); } .pro_nav_fl .pro_nav_view>ul{ padding: 15px; margin: 0; list-style: none; display: none; } .pro_nav_fl .pro_nav_view>ul.active{ display: block; } .pro_nav_fl .pro_nav_view>ul>li{} .pro_nav_fl .pro_nav_view>ul>li+li{ margin-top: 8px; } .pro_nav_fl .pro_nav_view>ul>li>a{ text-transform: uppercase; display: block; border-bottom: 1px solid rgba(36,36,36,0.3); font-weight: 700; padding: 8px 30px 6px 0; text-decoration: none; color: #242424; position: relative; font-size: 16px; line-height: 1.3; } .pro_nav_fl .pro_nav_view>ul>li.has-childs>a span{ font-size: 30px; font-weight: 800; position: absolute; right: 0; top: -1px; z-index: 1; width: 36px; text-align: right; line-height: 1; } .pro_nav_fl .pro_nav_view>ul>li.has-childs.active>a span{ padding-right: 1px; } .pro_nav_fl .pro_nav_view>ul>li.has-childs>a span:after { content: '+'; } .pro_nav_fl .pro_nav_view>ul>li.has-childs.active>a span:after { content: ''; display: inline-block; width: 13px; height: 3px; background-color: #242424; vertical-align: 9px; } .pro_nav_fl .pro_nav_view>ul>li>ul{ display: none; padding-left: 20px; padding-top: 8px; margin: 0; list-style: none; } .pro_nav_fl .pro_nav_view>ul>li>ul.active{ display: block; } .pro_nav_fl .pro_nav_view>ul>li>ul>li{} .pro_nav_fl .pro_nav_view>ul>li>ul>li>a{ text-transform: uppercase; color: #242424; font-weight: 500; border-bottom: 1px solid rgba(36,36,36,0.3); padding: 8px 0 6px 0; font-size: 16px; line-height: 1.3; display: block; position: relative; } .pro_nav_fl .pro_nav_view>ul>li>ul>li.has-childs>a span{ font-size: 30px; font-weight: 800; position: absolute; right: 0; top: -1px; z-index: 1; width: 36px; text-align: right; line-height: 1; } .pro_nav_fl .pro_nav_view>ul>li>ul>li.has-childs.active>a span{ padding-right: 1px; } .pro_nav_fl .pro_nav_view>ul>li>ul>li.has-childs>a span:after { content: '+'; } .pro_nav_fl .pro_nav_view>ul>li>ul>li.has-childs.active>a span:after { content: ''; display: inline-block; width: 13px; height: 3px; background-color: #242424; vertical-align: 9px; } .pro_nav_fl .pro_nav_view>ul>li>ul>li>ul{ display: none; padding-left: 20px; padding-top: 8px; padding-bottom: 8px; margin: 0; list-style: none; border-top: 2px solid #edeff0; margin-top: -2px; position: relative; z-index: 5; } .pro_nav_fl .pro_nav_view>ul>li>ul>li>ul.active{ display: block; } .pro_nav_fl .pro_nav_view>ul>li>ul>li>ul>li{} .pro_nav_fl .pro_nav_view>ul>li>ul>li>ul>li>a{ text-transform: uppercase; display: block; font-weight: 400; padding: 8px 30px 6px 0; text-decoration: none; color: #242424; position: relative; line-height: 1.3; font-size: 14px; } .pro_nav_fl .pro_nav_view li.active>a{ color: #c82126 !important; } /* 浜у搧鍒楄〃宸︿晶瀵艰埅 e */ /* 浜у搧鍒楄〃鍙充晶鍒楄〃 s */ .pro_main{ float: right; width: calc(100% - 420px); } .n_pro_list .pro_main{} .n_pro_list .pro_main ul{} .n_pro_list .pro_main ul li{ float: left; width: 24%; margin-right: calc(4% / 3); /* width: 32%; margin-right: 2%; */ border: 1px solid #959595; margin-bottom: 0.2rem; } .n_pro_list .pro_main ul li:nth-child(4n){ margin-right: 0; } .n_pro_list .pro_main ul li a{} .n_pro_list .pro_main ul li .pic{} .n_pro_list .pro_main ul li .pic img{} .n_pro_list .pro_main ul li .text{ padding: 0.2rem; color: #242424; } .n_pro_list .pro_main ul li h4{ font-size: 22px; line-height: 1.3; margin-bottom: 0.1rem; } .n_pro_list .pro_main ul li p{ font-size: 16px; line-height: 25px; height: 50px; } /* 浜у搧鍒楄〃鍙充晶鍒楄〃 e */ /* 浜у搧璇︽儏 s */ .n_pro_det{} .n_pro_det .pro_main{} .n_pro_det .top{} .n_pro_det .top .fl{ width: 40%; } .n_pro_det .top .fl .product_det_pic{ border: 1px solid #ddd; } .n_pro_det .top .fl .product_det_pic ul{} .n_pro_det .top .fl .product_det_pic ul li{} .n_pro_det .top .fl .product_det_pic ul li img{ width: 100%; } .n_pro_det .top .fl .product_det_ico{ margin-top: 0.2rem; } .n_pro_det .top .fl .product_det_ico ul{} .n_pro_det .top .fl .product_det_ico ul li{ border: 1px solid #d7d9db; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; width: calc( (100% - 40px)/5); cursor: pointer; } .n_pro_det .top .fl .product_det_ico ul li.swiper-slide-thumb-active{ border-color: #c82126; } .n_pro_det .top .fl .product_det_ico ul li .pic{ overflow: hidden; } .n_pro_det .top .fr{ width: 57%; } .n_pro_det .top .fr h3{ font-size: 0.32rem; line-height: 1.3; color: #c82126; display: block; margin-bottom: 0.25rem; } .n_pro_det .top .fr .des{ font-size: 16px; color: #333; } .n_pro_det .top .fr .inquiry{ margin-top: 0.4rem; } .n_pro_det .top .fr .inquiry a{ padding: 18px 24px; border-radius: 6px; display: inline-flex; font-size: 14px; color: #fff; background-color: #c82126; align-items: center; } .n_pro_det .top .fr .inquiry a i{ margin-left: 0.08rem; font-size: 18px; } .n_pro_det .bot{ margin-top: 0.4rem; } .n_pro_det .bot .bot_tit{ border-bottom: 1px solid #ddd; margin-bottom: 0.3rem; } .n_pro_det .bot .bot_tit a{ background: #999999; font-size: 16px; color: #fff; padding: 15px 40px; display: inline-block; margin-right: 0.2rem; } .n_pro_det .bot .bot_tit a.active{ background-color: #c82126; } .n_pro_det .bot .bot_con{} .n_pro_det .bot .bot_con table { background-color: #fff; width: 100%; margin: 10px 0; border-collapse: collapse; border-spacing: 0; } .n_pro_det .bot .bot_con table td { font-family: "Montserrat-Light" !important; padding: 10px 5px !important; font-size: 16px !important; line-height: 1.4 !important; text-align: center !important; border: 1px solid #bbb !important; vertical-align: middle !important; } .n_pro_det .bot .bot_con .des,.n_pro_det .bot .bot_con .des p{ font-size: 16px; line-height: 30px; color: #333; } .n_pro_det .bot .bot_con .des{ display: none; padding: 0.3rem; border: 1px solid #ccd3d9; } .n_pro_det .bot .bot_con .des.show{ display: block; } .n_pro_det .bot .bot_con .fl-text{ display: flex; align-items: flex-start; flex-wrap: wrap; padding-bottom: 0.15rem; margin-bottom: 0.2rem; border-bottom: 1px solid #c82126; } .n_pro_det .bot .bot_con .fl-text span{ color: #c82126; font-size: 30px; } .n_pro_det .bot .bot_con .fl-text p{ font-size: 18px; line-height: 30px; font-weight: 700; color: #333; margin-left: 0.12rem; } .n_pro_det .bot .bot_con .fl-last{ border-top: 1px dashed #c1c1c1; border-bottom: 1px dashed #c1c1c1; padding: 5px 0; margin-top: 0.2rem; } .n_pro_det .bot .bot_con .fl-last a{ display: flex; align-items: flex-start; font-size: 16px; line-height: 2; } .n_pro_det .bot .bot_con .fl-last p{ color: #c82126; } .n_pro_det .bot .bot_con .fl-last h5{ display: inline-block; font-weight: 700; color: #666; } .n_pro_det .bot .bot_con .des h4{ display: inline-block; font-size: 24px; color: #c82126; line-height: 1.5; margin-top: 20px; margin-bottom: 12px; text-transform: capitalize; /* font-family: "Montserrat-Bold"; */ } .fl-icon-wrap { display: flex; justify-content: flex-start; align-content: center; } .fl-icon { display: table-cell; vertical-align: middle; } .fl-node-6375e669cd390 .fl-module-content .fl-icon i, .fl-node-6375e669cd390 .fl-module-content .fl-icon i:before { color: #c82126; font-size: 30px; height: auto; width: auto; } .fl-icon-text { display: table-cell; text-align: left; padding-left: 15px; vertical-align: middle; } .fl-node-6375e669cd390 .fl-module-content .fl-icon-text { /*height: 52.5px;*/ } .fl-node-6375e1cae3d31 .fl-separator { border-top: 1px solid #c82126; filter: alpha(opacity = 100); opacity: 1; margin: auto; } .fl-node-6375e1cae3d31 > .fl-module-content { margin-top: 0px; } .fl-row-content-wrap { padding: 20px 0; } .fl-module-content { margin: 10px; } .fl-col { width: 50%; float: left; min-height: 1px; } @media (max-width: 768px){ .fl-col { clear: both; float: none; margin-left: auto; margin-right: auto; width: auto !important; } } .n_pro_det .bot .bot_con hr { display: block; width: 100%; height: 1px; border: none; border-top: 1px dashed #c1c1c1; } .n_pro_det .bot .bot_con table { background-color: #fff; width: 100%; margin: 10px 0; border-collapse: collapse; border-spacing: 0; } /* .n_pro_det .bot .bot_con table tr:first-child { background-color: #c82126; } .n_pro_det .bot .bot_con table tr:first-child td { padding: 10px 5px; font-weight: bold; font-size: 16px; color: #fff; border-color: rgba(255, 255, 255, 0.3); } */ .n_pro_det .bot .bot_con table tr:first-child td p { color: #fff; } .n_pro_det .bot .bot_con table td { padding: 10px 5px !important; font-size: 14px !important; line-height: 1.4; text-align: center; border: 1px solid #bbb !important; } /* 浜у搧璇︽儏 e */ /* 涓€绾т骇鍝佸垎绫婚〉 s */ .n_pro_sort{} .n_pro_sort>ul{} .n_pro_sort>ul>li{ width: 100%; padding: 0.55rem 0; } .n_pro_sort>ul>li:nth-child(2n){ background-color: #f8f8f8; } .n_pro_sort>ul>li:nth-child(2n) .w16{ flex-direction: row-reverse; } .n_pro_sort>ul>li .img{ width: 49%; } .n_pro_sort>ul>li .img .pic{} .n_pro_sort>ul>li .img .pic img{} .n_pro_sort>ul>li .info{ width: 45%; } .n_pro_sort>ul>li .info .tit{ font-size: 0.28rem; margin-bottom: 0.35rem; } .n_pro_sort>ul>li .info .tit::after { content: ''; display: block; width: 0.85rem; height: 2px; background-color: #c82126; margin-top: 0.16rem; } .n_pro_sort>ul>li .info .des{ margin-bottom: 0.35rem; } .n_pro_sort>ul>li .info .list{} .n_pro_sort>ul>li .info .list li{ position: relative; width: 100%; margin-bottom: 15px; padding-left: 15px; } .n_pro_sort>ul>li .info .list li::before { content: ''; display: block; width: 7px; height: 2px; background-color: #c82126; position: absolute; left: 0; top: 50%; } .n_pro_sort>ul>li .info .list li a{ display: block; font-size: 16px; line-height: 1.3; color: #212529; } .n_pro_sort>ul>li .info .list li a:hover{ color: #c82126; text-decoration: underline; transform: translateX(4px); } /* 涓€绾т骇鍝佸垎绫婚〉 e */ /* 涓夌骇浜у搧鍒嗙被椤 s */ /* 绛涢€ */ .n_pro_sel{ font-size: 16px; color: #333; padding-bottom: 0.4rem; } .n_pro_sel .tit{ padding-right: 0.08rem; } .n_pro_sel .con{ font-size: 0; } .n_pro_sel .con input[type="radio"]{ width: 22px; height: 22px; display: inline-block; padding: 4px; border: 1px solid #BBBBBA; border-radius: 50%; background-color: #BBBBBA; background-clip: content-box; cursor: pointer; } .n_pro_sel .con input[type="radio"]:checked{ border-color: #c82126; background-color: #c82126; } .n_pro_sel .con label{ display: inline-block; /*text-transform: uppercase;*/ padding: 0 0.16rem 0 0.06rem; font-size: 16px; line-height: 22px; vertical-align: middle; } @media all and (max-width:1000px){ .n_pro_sel{ flex-direction: column; align-items: flex-start; } .n_pro_sel .con label,.n_pro_sel .con input[type="radio"]{ margin-top: 15px; font-size: 14px; line-height: 18px; } .n_pro_sel .con input[type="radio"]{ width: 18px; height: 18px; padding: 3px; } } .n_pro_sort2{} .n_pro_sort2 ul{ margin: 0 -2%; } .n_pro_sort2 ul li{ width: 50%; padding: 1% 2%; } .n_pro_sort2 ul li:nth-child(2n){ margin-right: 0; } .n_pro_sort2 ul li a{ border: 1px solid #707070; } .n_pro_sort2 ul li .img{ width: 47%; } .n_pro_sort2 ul li .pic{} .n_pro_sort2 ul li .info{ width: 53%; color: #56636c; padding: 0 0.3rem; } .n_pro_sort2 ul li .info .tit{ font-size: 0.24rem; } .n_pro_sort2 ul li .info .des{ font-size: 14px; color: #56636c; margin: 0.2rem 0; } .n_pro_sort2 ul li .info span{ display: inline-block; font-size: 14px; padding: 10px 20px; background-color: #c82126; color: white; } /* 涓夌骇浜у搧鍒嗙被椤 e */ /* 浜у搧鍒嗙被鍒楄〃椤 s */ .n_pro_sortlist01{ padding: 0.2rem 0; } .n_pro_sortlist01 .fl{ width: 50%; } .n_pro_sortlist01 .fl .pic{ } .n_pro_sortlist01 .fl .pic img{} .n_pro_sortlist01 .fr{ width: 50%; padding-left: 0.35rem; } .n_pro_sortlist01 .fr span{ display: block; font-size: 0.24rem; color: #2c2c2c; margin-bottom: 0.3rem; } .n_pro_sortlist01 .fr .tit{ display: block; padding: 0.16rem 0.3rem; font-size: 0.28rem; color: white; background-color: #c82126; } .n_pro_sortlist01 .fr .des{ width: 75%; color: #56636c; margin: 0.2rem 0; line-height: 1.75; } .n_pro_sortlist01 .fr .des p{ line-height: 1.75; } .n_pro_sortlist01 .fr .btn a:not(:last-child){ margin-right: 0.12rem; } .n_pro_sortlist01 .fr a{ display: inline-block; padding: 16px 24px; font-size: 18px; background-color: #c82126; color: white; } .n_pro_sortlist01 .fr .btn .email::before,.n_pro_sortlist01 .fr .btn .pdf::before{ font-family: 'fontawesome'; font-size: 16px; margin-right: 10px; } .n_pro_sortlist01 .fr .btn .email::before{ content: '\f003'; } .n_pro_sortlist01 .fr .btn .pdf::before{ content: '\f1c1'; } .n_pro_sortlist02{ padding: 0.4rem 0; } .n_pro_sortlist02 .ny_tit h3::after{ margin-bottom: 0 !important; } .n_pro_sortlist02 .con{} .n_pro_sortlist02 .con ul{} .n_pro_sortlist02 .con ul li{ text-align: center; } .n_pro_sortlist02 .con ul li .pic{} .n_pro_sortlist02 .con ul li p{ font-size: 0.22rem; margin-top: 0.2rem; } .n_pro_sortlist02 .btn{ width: 90px; height: 40px; } .n_pro_sortlist02 .swiper-button-next{} .n_pro_sortlist02 .swiper-button-prev{ margin-right: 10px; } .n_pro_sortlist02 .swiper-button-next,.n_pro_sortlist02 .swiper-button-prev{ position: relative; width: 40px; height: 40px; background-color: #c82126; color: white; margin: 0; left: 0; right: 0; top: 0; } .n_pro_sortlist02 .swiper-button-next.swiper-button-disabled,.n_pro_sortlist02 .swiper-button-prev.swiper-button-disabled{ background: #1c1b1b; opacity: .6; } .n_pro_sortlist02 .swiper-button-next::after,.n_pro_sortlist02 .swiper-button-prev::after{ display: none; } .n_pro_sortlist02 .swiper-button-next i,.n_pro_sortlist02 .swiper-button-prev i{ font-size: 20px; } .n_pro_sortlist03{ position: relative; } .n_pro_sortlist03:before{ position: absolute; content: ""; left: 0; top: 4%; display: block; width: 100%; height: 92%; background-color: #eff2fb; } .n_pro_sortlist03 .fl{ position: relative; width: 50%; z-index: 2; } .n_pro_sortlist03 .fl .img{} .n_pro_sortlist03 .fl img{ width: auto; max-width: 100%; } .n_pro_sortlist03 .fr{ position: relative; width: 50%; padding-right: 5%; z-index: 2; } .n_pro_sortlist03 .fr .tit{ font-size: 0.36rem; color: #393939; } .n_pro_sortlist03 .fr .des{ margin: 0.15rem 0; } .n_pro_sortlist03 .fr a{} .n_pro_sortlist04{} .n_pro_sortlist04 .fl{ width: 50%; padding-right: 10%; } .n_pro_sortlist04 .fl .tit{ font-size: 0.36rem; line-height: 1.3; } .n_pro_sortlist04 .fl .tit span{ color: #c82126; } .n_pro_sortlist04 .fl .des{ margin-top: 0.25rem; } .n_pro_sortlist04 .fr{ width: 50%; } .n_pro_sortlist04 .fr .pic{} .n_pro_sortlist04 .fr img{} .n_pro_sortlist05{ background-color: #eff2fb; } .n_pro_sortlist05 .con{} .n_pro_sortlist05 ul{} .n_pro_sortlist05 ul li{ margin-bottom: 0.35rem; padding-right: 8%; } .n_pro_sortlist05 ul li .tit{ font-size: 0.32rem; line-height: 1.3; color: #393939; } .n_pro_sortlist05 ul li .des{ color: #393939; margin-top: 0.12rem; } .n_pro_sortlist06{} .n_pro_sortlist06 .fl{ width: 50%; } .n_pro_sortlist06 .fl .tit{ font-size: 0.36rem; color: #333; margin-bottom: 0.2rem; } .n_pro_sortlist06 .fl .pic{} .n_pro_sortlist06 .fl .pic img{} .n_pro_sortlist06 .fl .des{ margin-top: 0.2rem; color: #333; } .n_pro_sortlist06 .fr{ width: 50%; padding-left: 5%; } .n_pro_sortlist06 .fr .tit{ font-size: 0.36rem; color: #333; } .n_pro_sortlist06 .fr .des{ margin: 0.2rem 0; } .n_pro_sortlist06 .fr form{} .n_pro_sortlist06 .fr form input,.n_pro_sortlist06 .fr form textarea{ width: 100%; height: 50px; background: #fdf5f3; border: 1px solid #c4c4c4; border-radius: 0; color: #888888; font-size: 16px; padding: 12px; margin-bottom: 10px; } .n_pro_sortlist06 .fr form .input_checkcode{ width: 50%; } .n_pro_sortlist06 .fr form .input_checkcode img{ height: 40px; } .n_pro_sortlist06 .fr form textarea{ height: 2rem; } .n_pro_sortlist06 .fr form button{ min-width: 240px; } /* 浜у搧鍒嗙被鍒楄〃椤 e */ /* =====================鏂伴椈鏍峰紡======================== */ /* 鏂伴椈鍒楄〃 s */ .n_newslist01{ background: url('../images/newslist01_bg.jpg') no-repeat center; background-position: bottom center; background-size: cover; } .n_newslist01 ul{} .n_newslist01 ul li{ float: left; width: 32%; margin-right: 2%; background-color: white; } .n_newslist01 ul li:nth-child(3n){ margin-right: 0; } .n_newslist01 ul li a{} .n_newslist01 ul li:hover{ box-shadow: -4px 2px 20px 1px rgb(0 0 0 / 20%); } .n_newslist01 ul li .info{ padding: 0.3rem; } .n_newslist01 ul li .info .date{ font-size: 14px; line-height: 24px; color: #bc0b13; } .n_newslist01 ul li .info .tit{ font-size: 20px; color: #202020; line-height: 1.5; margin-bottom: 15px; height: 3em; overflow: hidden; } .n_newslist01 ul li .info .des{ height: 3em; } .n_newslist01 ul li:hover .tit{ color: #c82126; } .n_newslist02{} .n_newslist02 ul{} .n_newslist02 ul li{ margin-bottom: 0.45rem; } /* .n_newslist02 ul li:last-child{ margin-bottom: 0; } */ .n_newslist02 ul li a{ padding: 0.2rem 0.3rem; background-color: #f8f8f8; } .n_newslist02 ul li a:hover{ box-shadow: -4px 2px 10px 1px rgb(0 0 0 / 20%); } .n_newslist02 ul li .date{ width: 180px; color: #000; padding: 0.2rem; border-right: 1px solid #e5e5e5; margin-right: 0.3rem; } .n_newslist02 ul li .date p{ font-size: 0.54rem; margin-bottom: 0.15rem; } .n_newslist02 ul li .date span{ font-size: 0.2rem; } .n_newslist02 ul li .info{ flex: 1; } .n_newslist02 ul li .info .tit{ font-size: 0.22rem; color: #3c3c3c; margin-bottom: 0.20rem; } .n_newslist02 ul li a:hover .info .tit{ color: #c82126; } .n_newslist02 ul li .info .des{ } .n_newslist02 ul li .img{ width: 320px; margin-left: 0.6rem; } /* 鏂伴椈鍒楄〃 e */ /* 鏂伴椈璇︽儏 s */ .n_newsdet{ background-color: #F6F7F9; } .n_newsdet .fl{ width: calc(100% - 370px); padding: 0.6rem; background-color: white; } .n_newsdet .fl h3{ font-size: 24px; line-height: 28px; font-weight: 600; color: #333; } .n_newsdet .fl p.time{ width: 100%; height: auto; padding: 0.15rem 0; border-bottom: 1px solid #ededed; font-size: 16px; line-height: 26px; color: #666; } .n_newsdet .fl .des{ width: 100%; height: auto; padding: 30px 0; font-size: 16px; line-height: 26px; color: #555; } .n_newsdet .fl .des p{ font-size: 16px; line-height: 26px; color: #555; } .n_newsdet .fl .des img{ display: inline-block; } .n_newsdet .fr{ width: 320px; } .n_newsdet .fr .tit{ padding: 0.2rem; margin-bottom: 0.15rem; background-color: white; } .n_newsdet .fr .tit p{ width: auto; height: 40px; line-height: 40px; font-size: 20px; font-weight: 600; background: url(../images/xwxxtb1.png) left center no-repeat; background-size: 30px auto; padding-left: 35px; color: #333; } .n_newsdet .fr .tit a{ width: 30px; height: 40px; background: url(../images/xwxxtb2.png) right center no-repeat; display: block; } .n_newsdet .fr .con{ width: 100%; height: auto; margin-top: 15px; /* box-shadow: 0px 4px 15px #dedede; */ box-sizing: border-box; } .n_newsdet .fr .con ul{ } .n_newsdet .fr .con ul li{ width: 100%; height: auto; list-style: none; border-bottom: 1px solid #ededed; padding: 15px 0; background-color: white; margin-bottom: 0.15rem; padding: 0.2rem; } .n_newsdet .fr .con ul li a{} .n_newsdet .fr .con ul li h4{ width: 100%; height: auto; font-size: 16px; line-height: 26px; color: #333; font-weight: 600; } .n_newsdet .fr .con ul li p{ width: 100%; height: auto; font-size: 16px; line-height: 24px; color: #555; margin: 5px 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .n_newsdet .fr .con ul li:hover p{ color: #c82126; } /* 鏂伴椈璇︽儏 e */ /* =====================琛屼笟鏍峰紡======================== */ /* 琛屼笟鍒楄〃 s */ .n_app{} .n_app .ny_tit{ padding-bottom: 0.55rem; margin-bottom: 0.7rem; border-bottom: 1px solid #959595; } .n_app ul{ padding-top: ; margin: -1.5px; } .n_app ul li{ float: left; width: calc(100% / 3); padding: 1.5px; } .n_app ul li a{ position: relative; display: block; overflow: hidden; } .n_app ul li .pic{} .n_app ul li .pic p{ position: absolute; padding: 0 1.9vw; font-size: 0.24rem; color: #fff; bottom: 0.3rem; right: 0; left: 0; transition: all .3s; } .n_app ul li:hover .pic p{ transform: translateY(20px); opacity: 0; } .n_app ul li .txt{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; padding: 0 2vw; transition: all .3s; transform: translateY(20px); opacity: 0; background: rgba(200,33,38,.9); color: white; text-align: center; } .n_app ul li:hover .txt{ transform: translateY(0); opacity: 1; } .n_app ul li .txt .txt_view{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } .n_app ul li .txt h4{ font-size: 0.24rem; } .n_app ul li .txt .des{ font-size: 14px; color: white; margin: 0.35rem 0; } .n_app ul li .txt span{ display: inline-block; padding: 12px 30px; background-color: white; color: #c82126; margin: 0 auto; border-radius: 50px; } /* 琛屼笟鍒楄〃 e */ /* 琛屼笟璇︽儏 s */ .n_app_det{} .n_app_det .tit{ font-size: .28rem; color: #c82126; margin-bottom: 0.35rem; } .n_app_det .top{ /*background-image: -moz-linear-gradient( 36deg, rgb(200,33,38) 0%, rgb(216,72,77) 100%);*/ /*background-image: -webkit-linear-gradient( 36deg, rgb(200,33,38) 0%, rgb(216,72,77) 100%);*/ /*background-image: -ms-linear-gradient( 36deg, rgb(200,33,38) 0%, rgb(216,72,77) 100%);*/ background-color: #283940; } .n_app_det .top .img{ width: 52%; margin-right: 5%; } .n_app_det .top .img img{ width: 100%; } .n_app_det .top .info{ -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; } .n_app_det .top .info .tit{ color: white; } .n_app_det .top .info .des{ color: white; } .n_app_det .mid{} .n_app_det .mid p{ /* display: initial; */ } .n_app_det .bot{ background: #f9f9f9; } .xgcp{} .xgcp .swiper{ padding-bottom: 0.3rem; } .xgcp ul{} .xgcp ul li{} .xgcp ul li a{ display: block; } .xgcp ul li .pic{ overflow: hidden; } .xgcp ul li p{ display: block; font-size: 16px; color: #333; line-height: 1.5; margin-top: 0.25rem; text-align: center; } /* 琛屼笟璇︽儏 s */ /* =====================鎶€鏈牱寮廄======================= */ /* 鎶€鏈敮鎸 s */ .n_technical{} .n_technical ul{} .n_technical ul li{ margin-bottom: 0.5rem; -webkit-box-orient: horizontal; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .n_technical ul li:nth-child(2n){ -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .n_technical ul li:last-child{ margin-bottom: 0; } .n_technical ul li .pic{ width: 50%; overflow: hidden; } .n_technical ul li .pic img{ width: 100%; height: 100%; object-fit: cover; } .n_technical ul li .info{ width: 50%; background: #f5f5f5; padding: 0.6rem 0.6rem; } .n_technical ul li .info h4{ font-size: 0.3rem; color: #000; line-height: 1.3; font-weight: 700; } .n_technical ul li .info .txt{ font-size: 16px; color: #666; line-height: 24px; margin-top: 30px; } .n_technical ul li .info .txt p{ margin-bottom: 0.15rem; } .n_technical ul li .info .txt p:last-child{ margin-bottom: 0; } /* 鎶€鏈敮鎸 e */ /* 鍞悗鏈嶅姟 s */ .n_after-sales{} .n_after-sales .top{} .n_after-sales .top .fl{ width: 43%; } .n_after-sales .top .fl .ny_tit{ margin-bottom: 0.3rem; } .n_after-sales .top .fl .des{} .n_after-sales .top .fr{ width: 50%; } .n_after-sales .top .fr .pic{} .n_after-sales .top .fr .pic img{} .n_after-sales .bot{ background-color: #f8f8f8; } .n_after-sales .bot .tit{ font-size: 0.36rem; color: #242424; margin-bottom: 0.55rem; } .n_after-sales .bot ul{} .n_after-sales .bot ul li{ width: 33.333%; padding: 0 0.45rem; margin-bottom: 0.55rem; text-align: center; } .n_after-sales .bot ul li .ico{ display: inline-block; width: 1.4rem; height: 1.4rem; line-height: 1.4rem; text-align: center; border-radius: 50%; background-color: #c82126; } .n_after-sales .bot ul li .ico i{ display: inline-block; font-size: 0.6rem; color: white; } .n_after-sales .bot ul li p{ font-size: 24px; color: #000; line-height: 30px; margin-top: 0.28rem; } .n_after-sales .bot ul li .des{ font-size: 14px; margin-top: 10px; } /* 鍞悗鏈嶅姟 e */ /* 鍦ㄧ嚎鍙嶉 s */ .n_feedback{} .n_feedback .con{ } .n_feedback .con form{ width: 100%; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; } .n_feedback .con .item{ /*float: left;*/ width: 49%; margin-right: 2%; margin-bottom: 0.35rem; } .n_feedback .con .item:nth-child(2n){ margin-right: 0; } .n_feedback .con .item.checkcode{ position: relative; width: 33.33%; } .n_feedback .con .item.checkcode img{ position: absolute; right: 8.5px; top: 8.5px; } .n_feedback .con .item label{ display: block; font-size: 16px; color: #4b4a4a; margin-bottom: 0.15rem; text-transform: uppercase; } .n_feedback .con .item label span{ display: inline-block; color: #c82126; margin-right: 0.04rem; } .n_feedback .con .item input{ width: 100%; height: 62px; line-height: 60px; border: 1px solid #ececec; border-radius: 5px; padding: 0 0.2rem; font-size: 16px; color: #333; } .n_feedback .con .item input:focus { border-color: #c82126; } .n_feedback .con .item.w100{ width: 100%; margin-right: 0; } .n_feedback .con .item textarea{ width: 100%; height: 2rem; padding: 0.2rem; border: 1px solid #ececec; border-radius: 5px; font-size: 16px; color: #333; } .n_feedback .con button{ display: inline-block; padding: 0.2rem 0.65rem; font-size: 0.18rem; cursor: pointer; background-color: #c82126; border-radius: 5px; color: #fff; text-align: center; border: none; text-transform: uppercase; } /* 鍦ㄧ嚎鍙嶉 e */ /* 涓嬭浇涓績 s */ .n_downlist_01{} .n_downlist_01 .ny_tit p{ font-size: 18px; line-height: 1.5; } .n_downlist_01 .dowm_nav{ margin-bottom: 0.55rem; } .n_downlist_01 .dowm_nav ul{} .n_downlist_01 .dowm_nav ul li{} .n_downlist_01 .dowm_nav ul li a{ font-size: 18px; padding: 0 0.2rem; color: #242424; border-right: 1px solid #c1c1c1; line-height: 1.5; } .n_downlist_01 .dowm_nav ul li:last-child a{ border: none; } .n_downlist_01 .dowm_nav ul li.active a{ color: #c82126; } .n_downlist_01 .down_con{} .n_downlist_01 .down_con .item{ display: none; } .n_downlist_01 .down_con .item.show{ display: block; } .n_downlist_01 .down_con .item ul{ padding-bottom: 0.3rem; } .n_downlist_01 .down_con .item ul li{ text-align: center; margin-bottom: 0.3rem; } /* .n_downlist_01 .down_con .item ul li:nth-child(4n){ margin-right: 0; } */ .n_downlist_01 .down_con .item ul li a{} .n_downlist_01 .down_con .item ul li .img{ max-width: 85%; margin: 0 auto; padding: 20px 0; } .n_downlist_01 .down_con .item ul li .pic{ box-shadow: 0px 0px 10px 0px rgb(158,158,158,.75); } .n_downlist_01 .down_con .item ul li p{ display: block; font-size: 22px; line-height: 30px; color: #242424; margin: 0.2rem 0; padding: 0 2%; } .n_downlist_01 .down_con .item ul li .btn{ display: inline-flex; color: white; padding: 10px 20px; border-radius: 5px; background-color: #c82126; } .n_downlist_01 .down_con .item ul li .btn .ico{ margin-right: 0.06rem; } .n_downlist_01 .down_con .item ul li .btn .ico img{} .n_downlist_01 .down_con .item ul li .btn span{ font-size: 16px; } .n_downlist_02{ background-color: #f7f7fa; padding-bottom: 1.4rem; } .n_downlist_02 ul{} .n_downlist_02 ul li{ text-align: center; width: 33.333%; } .n_downlist_02 ul li:nth-child(3n){ margin-right: 0; } .n_downlist_02 ul li .img{ overflow: hidden; } .n_downlist_02 ul li .img img{ max-width: 90%; display: inline-block; } .n_downlist_02 ul li p{ font-size: 0.24rem; color: #242424; margin-top: 0.25rem; } .n_downlist_03{} .n_downlist_03 .con{ color: white; margin-top: -0.8rem; border-radius: 0.2rem; background-color: transparent; background-image: linear-gradient(180deg, #c72126 0%, #921115 100%); padding: 0.9rem 0; } .n_downlist_03 .con .fl{ width: 60%; } .n_downlist_03 .con .fl .tit{ font-size: 0.3rem; } .n_downlist_03 .con .fl .des{ margin-top: 0.3rem; color: white; } .n_downlist_03 .con .fr{ margin-left: 8%; } .n_downlist_03 .con .fr a{ display: inline-block; padding: 0.2rem 0.28rem; border-radius: 6px; background-color: #313131; font-size: 16px; color: white; } .n_downlist_04{} .n_downlist_04 .fl{ width: 50%; } .n_downlist_04 .fl .img{} .n_downlist_04 .fl .img img{} .n_downlist_04 .fr{ width: 50%; padding: 0 5%; color: #393939; } .n_downlist_04 .fr .tit{ font-size: 0.36rem; line-height: 1.3; } .n_downlist_04 .fr .tit span{ color: #c82126; } .n_downlist_04 .fr .des{ margin: 0.25rem 0; } .n_downlist_04 .fr a{ display: inline-block; font-size: 16px; color: white; padding: 0.15rem 0.3rem; background-color: #c82126; border-radius: 6px; } /* 涓嬭浇涓績 e */ /* 甯歌闂 s */ .n_faq{} .n_faq ul{} .n_faq ul li{ border-bottom: 1px dashed #e1e1e1; padding: 0.25rem 0; } .n_faq ul li .tit{ position: relative; cursor: pointer; } .n_faq ul li .tit h4{ font-size: 22px; color: #333; padding-left: 42px; } .n_faq ul li.on .tit h4{ color: #c82126; } .n_faq ul li .tit i{ position: absolute; left: 0; top: 50%; width: 28px; height: 28px; background-color: #333; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); } .n_faq ul li .tit i::before,.n_faq ul li .tit i::after{ content: ''; display: block; left: 50%; position: absolute; top: 50%; background-color: #fff; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .n_faq ul li .tit i::before{ width: 14px; height: 2px; } .n_faq ul li .tit i::after{ width: 2px; height: 14px; } .n_faq ul li.on .tit i::after{ display: none; } .n_faq ul li .des{ margin: 15px 0 5px 36px; padding: 20px 30px; font-size: 16px; line-height: 28px; color: #666; background-color: #f7f7f7; display: none; border-radius: 8px; } /* 甯歌闂 e */ /* =====================鑱旂郴鏍峰紡======================== */ /* 鑱旂郴鍦板浘 s */ .n_contact_map{ padding-top: 0.6rem; } .n_contact_map .item{ padding: 0.2rem; background-color: #F9F9F9; } .n_contact_map .item ul{ border-bottom: 1px solid #cccccc; } .n_contact_map .item ul li{ flex: 1; max-width: 50%; text-align: center; padding: 3% 5%; } .n_contact_map .item:last-child ul{ border: none; } .n_contact_map .item ul li .ico{ } .n_contact_map .item ul li .ico img{ display: inline-block; width: auto; max-width: 100% } .n_contact_map .item ul li .tit{ font-size: 0.2rem; color: #212121; margin: 0.15rem 0; font-weight: 700; } .n_contact_map .item ul li .info{ font-size: 16px; color: #333; line-height: 1.75; } .n_contact_map .item ul li .info p,.n_contact_map .item ul li .info p a{ display: block; word-wrap:break-word; } .n_contact_map .item ul li .info a:hover{ color: #c82126; text-decoration: underline; } /* 鑱旂郴鍦板浘 e */ /* 鑱旂郴鏂瑰紡 s */ .n_contact_info{} .n_contact_info h3{ display: block; font-size: 0.32rem; color: #333; width: 100%; border-bottom: 1px solid #dedede; padding-bottom: 0.3rem; margin-bottom: 0.45rem; } .n_contact_info dl{} .n_contact_info dl dt{ position: relative; padding-right: 8%; max-width: 50%; } .n_contact_info dl dt:last-child{ padding-right: 0; } .n_contact_info dl dt::before { content: ''; position: absolute; width: 1px; height: 90px; background: #dedede; top: 0; right: 0; } .n_contact_info dl dt:last-child::before{ display: none; } .n_contact_info dl dt .ico{ width: 0.9rem; height: 0.9rem; line-height: 0.9rem; text-align: center; border: 1px solid #d2d2d2; border-radius: 500px; margin-right: 0.24rem; } .n_contact_info dl dt .ico i{ font-size: 0.38rem; color: #c82126; } .n_contact_info dl dt .txt{ font-size: 16px; color: #666; line-height: 1.75; flex: 1; } .n_contact_info dl dt .txt span{ font-size: 24px; color: #333; display: block; margin-top: 5px; font-family: 'Montserrat-Bold'; } .n_contact_info dl dt .txt p{} .n_contact_info .box{ margin-top: 0.8rem; } .n_contact_info .box .fllow{} .n_contact_info .box .fllow p{ font-size: 20px; text-transform: uppercase; color: #333; margin-bottom: 0.2rem; font-family: 'Montserrat-Bold'; } .n_contact_info .box .fllow span{ color: #c82126; } .n_contact_info .box .des{ max-width: 55%; } .n_contact_info .box .ewm{ } .n_contact_info .box .ewm .wx{ max-width: 100px; text-align: center; } .n_contact_info .box .ewm .wx:first-child{ margin-right: 10px; } .n_contact_info .box .ewm img{} .n_contact_info .box .ewm p{ display: block; font-size: 14px; color: #666; margin-top: 10px; } /* 鑱旂郴鏂瑰紡 e */ /* 鑱旂郴鐣欒█ s */ .n_contact_mess{ background: #f2f5f8; } .n_contact_mess .fl{ width: 46.25%; overflow: hidden;; } .n_contact_mess .fl .map{ width: 100%; height: 100%; border: none; } .n_contact_mess .fl .map img{ max-width: none; } .n_contact_mess .fr.ny_form{ padding: 0.5rem 0.3rem; background: #fff; width: 52%; margin-top: 0; } .n_contact_mess .fr h3{ font-size: 0.32rem; color: #333; margin-bottom: 0.3rem; } /* 鑱旂郴鐣欒█ e */ /* 钀ラ攢缃戠粶2 s */ .network{} .network .fl{ width: 45%; } .network .fl .img{ padding: 4px; border: 1px solid #ddd; } .network .fr{ width: 50%; padding-top: 0.2rem; } .network .fr h3{ font-size: 24px; margin-bottom: 20px; } .network .fr .nav-tabs{ border-bottom: 1px solid #ddd; } .network .fr .nav-tabs li{ position: relative; float: left; display: block; margin-bottom: -1px; } .network .fr .nav-tabs li:after { content: ""; width: 0; height: 5px; background: #c82126; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; } .network .fr .nav-tabs li:hover:after{ width: 100%; } .network .fr .nav-tabs li a{ margin-right: 2px; font-size: 18px; line-height: 1.4; border: 1px solid transparent; border-radius: 4px 4px 0 0; position: relative; display: block; padding: 10px 15px; } .network .fr .nav-tabs li.yyui_tab_title_this>a, .network .fr .nav-tabs li.yyui_tab_title_this>a:focus, .network .fr .nav-tabs li.yyui_tab_title_this>a:hover{ color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .network .fr #tab-content{ margin-bottom: 20px; } /* .network .fr #tab-content .item{ display: none; } .network .fr #tab-content .item.show{ display: block; } */ .yyui_tab_content_this{ display: block; } .yyui_tab_content{ display: none; } .network .fr #tab-content ul{ width: 100%; display: flex; flex-wrap: wrap; } .network .fr #tab-content ul li a{ display: inline-block; padding: 14px 12px; line-height: 1.5; } /* .network .fr #tab-content dl dt a{ color: #c82126; } */ .network .fr #tab-content ul li a{ display: inline-block; font-size: 16px; } .network .fr #tab-content ul li.yyui_tab_title_this a{ color: #c82126; text-decoration: underline; } .network .fr #area_text{} /* .network .fr #area_text .item{ display: none; } .network .fr #area_text .item.show{ display: block; } */ .network .fr #area_text ul{ padding: 12px; color: #000; border: 1px dashed #ccc; margin-top: 10px; } .network .fr #area_text ul li{ font-size: 16px; line-height: 1.75; } @media all and (max-width: 1000px){ .network .fl,.network .fr{ width: 100%; } .network .fr{ margin-top: 0.45rem; } .network .fr h3{ font-size: 18px; } .network .fr .nav-tabs li a{ font-size: 16px; } } /* 钀ラ攢缃戠粶2 e */ /* -------------------------PC绔?-------------------------- */ @media all and (max-width:1700px) { /* 1600 脳 (900/1024/1200) */ } @media all and (max-width:1599px) { /* 1440 脳 (900/1050) */ } @media all and (max-width:1439px) { /* 1360 脳 (768) */ } @media all and (max-width:1359px) { /* 1280 脳 (800/854/1024) */ .n_feedback .con .item input{ height: 52px; line-height: 50px; } } @media all and (max-width:1279px) { /* 1152 脳 (864) */ .pro_nav_fl{ width: 320px; } .pro_main { width: calc(100% - 350px); } .n_newsdet .fl,.n_newsdet .fr{ width: calc(100% - 260px); } .n_newsdet .fr{ width: 240px; } .n_newsdet .fl h3{ font-size: 20px; } } @media all and (max-width:1151px) { /* 1024 脳 (600/768) */ .n_newslist02 ul li .date{ width: ; } } /* ------------------------鎵嬫満绔?------------------------- */ @media all and (max-width:1000px) { /* 骞虫澘璁惧 720 閫傞厤 */ .n_pro_sort>ul>li .img,.n_pro_sort>ul>li .info{ width: 100%; } .n_pro_sort>ul>li .info{ padding: 6% 0 0; } .n_pro_sort>ul>li .info .tit{ font-size: 0.4rem; } .n_pro_sort2 ul li{ width: 100%; } .n_pro_sort2 ul li:last-child{ margin-bottom: 0; } .n_pro_sort2 ul li .info .tit{ font-size: 0.4rem; } .n_pro_sort2 ul li .info .des{ margin: 0.35rem 0; } .n_pro_sortlist01{ padding: 0.5rem 0; } .n_pro_sortlist01 .fl,.n_pro_sortlist01 .fr{ width: 100%; padding-left: 0; } .n_pro_sortlist01 .fr{ padding: 8% 0; } .n_pro_sortlist01 .fr .tit{ padding: 0.2rem 0.35rem; font-size: 0.36rem; } .n_pro_sortlist01 .fr span{ font-size: 0.4rem; } .n_pro_sortlist01 .fr .des{ margin: 0.35rem 0; } .n_pro_sortlist01 .fr a{ font-size: 14px; padding: 12px 16px; } .n_pro_sortlist02{ padding: 0.6rem 0; } .n_pro_sortlist02 .con ul li p{ font-size: 0.36rem; } .n_pro_sortlist03:before{ height: 100%; } .n_pro_sortlist03 .fl,.n_pro_sortlist03 .fr{ width: 100%; } .n_pro_sortlist03 .fr{ margin-top: 0.35rem; } .n_pro_sortlist03 .fr .tit{ font-size: 0.4rem; } .n_pro_sortlist03 .fr .des{ margin: 0.3rem 0; } .n_pro_sortlist03 .fr a{ font-size: 14px; padding: 12px 16px; } .n_pro_sortlist04 .fl,.n_pro_sortlist04 .fr{ width: 100%; padding-right: 0; } .n_pro_sortlist04 .fl .tit{ font-size: 0.4rem; } .n_pro_sortlist04 .fl .des{ margin-top: 0.35rem; } .n_pro_sortlist04 .fr{ margin-top: 0.3rem; } .n_pro_sortlist05 ul li .des{ margin-top: 0.2rem; } .n_pro_sortlist06 .fl,.n_pro_sortlist06 .fr{ width: 100%; padding-left: 0; } .n_pro_sortlist06 .fr{ margin-top: 0.45rem; } .n_pro_sortlist06 .fl .tit{ font-size: 0.45rem; } .n_pro_sortlist06 .fl .des{ margin-top: 0.3rem; } .n_pro_sortlist06 .fr .des{ margin: 0.3rem 0; } .pro_nav_fl{ display: none; } .n_pro_det .pro_main{ width: 100%; } .n_pro_det .top .fr h3{ font-size: 0.4rem; } .n_pro_det .top .fr .inquiry a{ padding: 15px 20px; border-radius: 4px; } .n_app ul li{ width: 50%; } .ab_ban .mask-box .tit{ font-size: 0.48rem; } .ab_ban .mask-box ul li .num{ margin: 0.25rem 0; } .ab_ban .mask-box ul li p{ font-size: 14px; line-height: 20px; height: 40px; } .ab_nav_tab{ border-width: 4px; } .ab_nav_tab .w16{ max-width: 100%; } .ab_nav_tab .cur-menu{ display: flex; align-items: center; justify-content: space-between; padding: 15px 4%; } .ab_nav_tab ul{ display: none; background-color: white; } .ab_nav_tab ul li{ width: 100%; height: auto; } .ab_nav_tab ul li a{ padding: 15px 20px; font-size: 0.28rem; color: #333; } .ab_nav_tab ul li.active a{ color: white; } .n_about_01 .fl,.n_about_01 .fr{ width: 100%; } .n_about_01 .fr{ margin-top: 0.45rem; } .n_about_02{ padding: 0.2rem 4%; } .n_about_02 .ab_tit{ position: relative; top: 0; color: #000; } .n_about_02 .pic .w16{ max-width: 100%; } .n_about_02 .quan span:nth-child(1){ width: 1.25rem; } .n_about_02 .quan span:nth-child(2){ width: 1.35rem; } .n_about_02 .quan span:nth-child(3){ width: 1.08rem; } .n_about_02 .quan span:nth-child(4){ width: 1rem; } .n_about_02 .text{ position: relative; bottom: 0; background-color: #c82126; margin-top: 0.2rem; } .n_about_02 .text .w16{ max-width: 100%; } .n_about_02 .text li{ width: 100%; font-size: 0.28rem; padding: 0.3rem; text-align: center; color: white; font-family: 'GothamRounded Book'; color: rgb(255,255,255,.7); border-bottom: 1px solid #fff; } .n_about_02 .text li span{ font-size: 0.45rem; margin: 0 0 5px; color: white; } .n_about_03 .con>ul>li .fr .des, .n_about_03 .con>ul>li .fr .des p{ font-size: 16px; } .n_about_03 .con>ul>li{ flex-direction: column; } .n_about_03 .con>ul>li .fl{ width: 100%; } .n_about_03 .con>ul>li .fr{ width: calc(100% - 50px); margin-left: 50px; margin-top: 0.35rem; } .n_about_03 .con>ul>li .fl .date .time{ font-size: 0.45rem; } .n_culture_01{ padding: 0.8rem 0 1rem; } .n_culture_01 .con .fl{ margin-bottom: 2%; } .n_culture_01 .con .fl,.n_culture_01 .con .fr{ width: 100%; } .n_culture_01 .con ul li .tit{ font-size: 0.4rem; } .n_culture_01 .con ul li .info{ font-size: 0.28rem; } .n_culture_01 .con ul li .text{ font-size: 0.26rem; } .n_culture_03 .swiper{ padding-bottom: 0.5rem; } .n_honor .con .txt ul{ width: 100%; margin-right: 0; } .n_party_01 .con .fl,.n_party_01 .con .fr{ width: 100%; } .n_party_01 .con .fl{ margin-bottom: 0.45rem; } .n_party_01 .con .fl .des{ font-size: 16px; } .n_party_02 .con .des p{ font-size: 16px; line-height: 1.5; margin-bottom: 20px; } .n_technical ul li .pic,.n_technical ul li .info{ width: 100%; } .n_technical ul li .info{ padding: 6% 20px; } .n_technical ul li .info h4{ font-size: 0.4rem; } .n_after-sales .top .fl,.n_after-sales .top .fr{ width: 100%; } .n_after-sales .top .fl{ margin-bottom: 0.35rem; } .n_after-sales .bot ul li{ width: 50%; } .n_after-sales .bot ul li p{ font-size: 20px; } .n_feedback .con .item,.n_feedback .con .item.checkcode{ width: 100%; margin-right: 0; } .n_feedback .con .item.checkcode img{ top: 3px; right: 3px; height: 40px; } .n_feedback .con .item label{ margin-bottom: 0.25rem; } .n_feedback .con .item input{ height: 46px; line-height: 44px; } .n_feedback .con .item textarea{ height: 3.5rem; } .n_feedback .con button{ font-size: 0.28rem; padding: 0.3rem 0.8rem; } .n_feedback .con .item input,.n_feedback .con .item textarea{ border-radius: 4px; } .n_downlist_01 .ny_tit p,.n_downlist_01 .dowm_nav ul li a{ font-size: 16px; } .n_downlist_01 .down_con .item ul li p{ font-size: 18px; } .n_downlist_01 .down_con .item ul li .btn .ico{ margin-right: 0.1rem; } .n_downlist_02 ul li{ width: 100%; margin-bottom: 0.35rem; } .n_downlist_02 ul li p{ font-size: 0.3rem; line-height: 1.5; } .n_downlist_03 .con{ padding: 1rem 4%; } .n_downlist_03 .con .fl,.n_downlist_03 .con .fr{ width: 100%; margin-left: 0; } .n_downlist_03 .con .fl .tit{ font-size: 0.36rem; line-height: 1.5; } .n_downlist_03 .con .fl .des{ margin-top: 0.45rem; } .n_downlist_03 .con .fr{ margin-top: 0.4rem; } .n_downlist_03 .con .fr a{ font-size: 14px; } .n_downlist_04 .fl,.n_downlist_04 .fr{ width: 100%; } .n_downlist_04 .fr{ padding: 0; margin-top: 0.45rem; } .n_downlist_04 .fr .des{ margin: 0.35rem 0; } .n_downlist_04 .fr a{ font-size: 14px; padding: 0.2rem 0.4rem; } .n_faq ul li { padding: 0.3rem 0; } .n_faq ul li .tit h4{ font-size: 20px; } .n_newslist01 ul li{ width: 100%; margin-right: 0; margin-bottom: 0.45rem; } .n_newslist01 ul li .info .tit{ font-size: 16px; } .n_newslist01 ul li .info{ padding: 6% 4%; } .n_newslist02 ul li a{ padding: 0; -webkit-box-orient: vertical;-webkit-flex-direction: column-reverse;-ms-flex-direction: column-reverse;flex-direction: column-reverse; } .n_newslist02 ul li .img{ margin-left: 0; width: 100%; } .n_newslist02 ul li .info{ padding: 0.55rem 20px; } .n_newslist02 ul li .info .tit{ font-size: 0.32rem; line-height: 1.5; white-space: initial; } .n_newslist02 ul li .date{ display: none; } .n_newsdet .fl,.n_newsdet .fr{ width: 100%; } .n_newsdet .fl{ padding: 6% 4%; } .n_newsdet .fr{ margin-top: 20px; } .n_contact_map .item{ padding: 4%; } .n_contact_map .item ul li{ max-width: 100%; flex: initial; width: 100%; padding: 4% 0; } .n_contact_info h3{ font-size: 0.4rem; } .n_contact_info dl dt{ width: 100%; max-width: 100%; padding-right: 0; padding: 10px 0; } .n_contact_info dl dt::before{ display: none; } .n_contact_info dl dt .ico{ width: 1rem; height: 1rem; line-height: 1rem; } .n_contact_info dl dt .txt span{ display: block; font-size: 20px; line-height: 1.5; margin-top: 0; } .n_contact_info .box{ flex-direction: column; } .n_contact_info .box .des{ width: 100%; max-width: 100%; margin: 0.4rem 0; } .n_contact_mess .fl,.n_contact_mess .fr.ny_form{ width: 100%; } .n_contact_mess .fr h3{ font-size: 0.4rem; } .input_control{ width: 100%; margin-right: 0; margin-bottom: 0.3rem; } .input_control{ height: 46px; } .form_input{ height: 46px; line-height: 46px; } .input_control label{ line-height: 46px; } .input_control2,.form_text{ height: 180px; } .form_text{ height: 150px; } .ny_form .submit{ margin-top: 0.45rem; padding: 0.25rem 1rem; font-size: 16px; } .n_app_det .top .img,.n_app_det .top .info{ width: 100%; } .n_app_det .top .info{ margin-top: 0.45rem; } .n_app_det .tit{ font-size: 0.36rem; } .xgcp .swiper{ padding-bottom: 0.45rem; } } @media all and (max-width:768px) { .n_pro_sort2 ul li .img,.n_pro_sort2 ul li .info{ width: 100%; } .n_pro_sort2 ul li .info{ padding: 8% 4%; } .n_pro_det .top .fl,.n_pro_det .top .fr{ width: 100%; } .n_pro_det .top .fr{ margin-top: 0.35rem; } .n_pro_det .bot{ margin-top: 0.55rem; } .n_app ul li{ width: 100%; } .n_app ul li .pic p,.n_app ul li .txt h4{ font-size: 0.32rem; } .ab_ban .mask-box ul li{ width: 49%; margin-right: 1.25%; margin-bottom: 1.25%; } .ab_ban .mask-box ul li:nth-child(2n){ margin-right: 0; } .ab_ban .mask-box ul li:nth-child(5n){ width: 100%; } .ab_ban .mask-box ul li .ico{ width: auto; height: 0.7rem; } .ab_ban .mask-box ul li .ico img{ width: auto; max-height: 100%; } .ab_ban .mask-box ul li .num span{ font-size: 0.4rem; } .n_about_03 .con>ul>li:before{ left: 12px; } .n_about_03 .con>ul>li .fl .date .icon{ width: 24px; height: 24px; margin-right: 10px; } .n_about_03 .con>ul>li .fl .date .icon::after{ width: 10px; height: 10px; } .n_about_03 .con>ul>li .fr{ width: calc(100% - 34px); margin-left: 34px; } .n_about_03 .con>ul>li .fr .develop-list li{ width: 49%; margin-right: 2%; margin-bottom: 2%; } .n_about_03 .con>ul>li .fr .develop-list li:nth-child(2n){ margin-right: 0; } .n_honor .con .bot ul li{ margin-bottom: 10px; } .n_honor .con .bot .swiper{ padding-bottom: 0.5rem; } .n_party_02 .con .btn{ font-size: 16px; } .n_faq ul li .tit h4{ font-size: 16px; } .n_faq ul li .tit i{ width: 24px; height: 24px; } .n_faq ul li .des{ margin-left: 0; padding: 0.3rem; font-size: 14px; line-height: 1.8; } .n_culture_01 .con .fr ul li{ width: 100%; margin-right: 0; } } @media all and (max-width:640px) { /* 绉诲姩缁堢浠ヤ笂 360 閫傞厤 */ .n_pro_sort>ul>li .info .list li{ margin-bottom: 12px; } .n_pro_sort>ul>li .info .list li a,.n_pro_det .top .fr .des,.n_about_03 .con>ul>li .fr .des, .n_about_03 .con>ul>li .fr .des p, .n_party_01 .con .fl .des,.n_party_02 .con .des p,.n_newsdet .fl p.time,.n_contact_map .item ul li .info, .n_contact_info dl dt .txt p,.ny_form .submit{ font-size: 14px; } .n_pro_det .bot .bot_tit a{ font-size: 14px; padding: 12px 30px; } .n_honor .con .bot ul li p{ font-size: 13px; } .n_party_03 ul li{ margin-bottom: 0.3rem; } .n_technical ul li .info .txt{ margin-top: 20px; font-size: 14px; line-height: 1.5; } .n_after-sales .bot ul li{ width: 100%; padding: 0; } .n_after-sales .bot ul li .des{ line-height: 20px; } .n_downlist_01 .dowm_nav ul li{ width: 100%; padding: 0.2rem 0; background-color: #f8f8f8; } .n_downlist_01 .dowm_nav ul li.active{ background-color: #c82126; } .n_downlist_01 .dowm_nav ul li a{ display: block; width: 100%; font-size: 14px; border-right: none; } .n_downlist_01 .dowm_nav ul li.active a{ color: white; } .n_downlist_01 .down_con .item ul li .btn span{ font-size: 14px; } .n_newsdet .fl h3,.n_newsdet .fr .tit p{ font-size: 18px; } .n_newsdet .fl .des{ font-size: 14px; line-height: 20px; padding: 20px 0; } .n_newsdet .fr .con ul li p{ font-size: 14px; line-height: 20px; } .n_contact_info dl dt .txt span{ font-size: 18px; } .n_contact_info dl dt .txt p{ line-height: 1.3; } .n_pro_det .bot .bot_con table td{ font-size: 14px !important; } .n_pro_det .bot .bot_con .fl-text span{ font-size: 26px; } .n_pro_det .bot .bot_con .fl-text p{ font-size: 16px; line-height: 24px; } .n_pro_det .bot .bot_con .fl-last a,.n_pro_det .bot .bot_con .fl-last p{ font-size: 14px; } } @media all and (max-width:480px) { .n_pro_det .bot .bot_con table td{ font-size: 13px !important; } } @media all and (max-width:420px) { } @media all and (max-width:376px) { }