@charset "utf-8"; /* ====================鍏叡鏍峰紡========================= */ /* 澶撮儴 */ .Header-wrapper{ position: fixed; width: 100%; left: 0; top: 0; background-color: rgb(255,255,255); z-index: 99; -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; } .Header-wrapper:after { content: ""; position: absolute; left: 0; bottom: 0; z-index: 0; width: 100%; height: 1px; background-color: #fff; opacity: .3; transition: opacity .3s; } .Header-wrapper.on,.Header-wrapper:hover{ background-color: rgb(255,255,255); box-shadow: 0 0 15px rgb(0 0 0 / 20%); } /* .Header-wrapper.on::after,.Header-wrapper:hover::after{ opacity: 0; } */ .Header-container{ position: relative; } .Header-container .logo{} .Header-container .logo h1{ font-size: 0; } .Header-container .logo h1 a{ font-size: 0; } .Header-container .logo img{ position: absolute; top: 0; left: 0; height: 122px; z-index: 99; } /* .Header-container .logo h1 a img,.Header-wrapper.on .logo h1 a img+img,.Header-wrapper:hover .logo h1 a img+img{ width: auto; height: 40px; display: block; } .Header-container .logo h1 a img+img,.Header-wrapper.on .logo h1 a img,.Header-wrapper:hover .logo h1 a img{ display: none; } */ .Header-container .nav_item{ /* margin-right: 0.2rem; */ } .Header-container .nav_item>ul{} .Header-container .nav_item>ul>li{ float: left; position: relative; margin: 0 0.6rem 0 0; } .Header-container .nav_item>ul>li>a{ display: inline-block; font-size: 18px; line-height: 90px; /* color: #fff; */ color: #221815; } .Header-wrapper.on .Header-container .nav_item>ul>li>a,.Header-wrapper:hover .Header-container .nav_item>ul>li>a{ color: #221815; } .Header-container .nav_item>ul>li>a:hover,.Header-container .nav_item>ul>li.active>a{ color: #c82126 !important; } /* 浜岀骇瀵艰埅 */ .Header-container .nav_item .sub_nav{ display: none; position: absolute; left: 0; top: 100%; min-width: 1.8rem; padding: 0.1rem 0; box-shadow: 0 0 8px rgb(0,0,0,.1); background-color: white; z-index: 2; } .Header-container .nav_item>ul>li:hover .sub_nav{ display: block; animation: HnavDD .5s ease-in-out; -webkit-animation: HnavDD .5s ease-in-out; } @keyframes HnavDD{ from{transform:translateY(20px);-webkit-transform:translateY(20px);opacity:0;} top{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;} } @-webkit-keyframes HnavDD{ from{transform:translateY(20px);-webkit-transform:translateY(20px);opacity:0;} top{transform:translateY(0px);-webkit-transform:translateY(0px);opacity:1;} } .Header-container .nav_item .sub_nav li{ position: relative; padding: 0.15rem 0.2rem; width: auto; line-height: 1; } .Header-container .nav_item .sub_nav li:before { content: ""; display: block; height: 1px; background: #f6f6f6; position: absolute; top: 0; left: 10%; width: 80%; } .Header-container .nav_item .sub_nav li:first-child:before{ display: none; } .Header-container .nav_item .sub_nav li a{ position: relative; display: block; font-size: 15px; color: #595757; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; } .Header-container .nav_item .sub_nav li a i{ position: absolute; top: 50%; right: 0; margin-top: -10px; display: inline-block; overflow: hidden; width: 20px; height: 20px; line-height: 20px; text-align: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } /* .Header-container .nav_item .sub_nav li a i:before { content: '\f107'; font-family: 'fontawesome'; } */ .Header-container .nav_item .sub_nav li a:hover{ color: #c82126; } /* 涓夌骇瀵艰埅 */ .Header-container .nav_item .sub_nav li dl{ position: absolute; left: 100%; top: 0; display: none; padding: 0.1rem 0; background-color: white; box-shadow: 0 0 6px rgb(0,0,0,.1); -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; z-index: 3; } .Header-container .nav_item .sub_nav li.active dl{ display: block; } .Header-container .nav_item .sub_nav li dd{ width: 1.1rem; padding: 0.11rem 0 0.11rem 0.1rem; } .Header-container .nav_item .sub_nav li dd a{ font-size: 12px; color: #595757; white-space:nowrap;text-overflow:ellipsis;overflow:hidden; } .Header-container .nav_item .sub_nav li dd a:hover{ color: #c82126; } .Header-container .tool{ /* color: #fff; */ color: #333; } /* .Header-wrapper.on .Header-container .tool,.Header-wrapper:hover .Header-container .tool{ color: #333; } */ .Header-container .tool .link{} .Header-container .tool .link a{ display: inline-block; margin-right: 0.16rem; } .Header-container .tool .link img{ display: inline-block; height: 0.36rem; } @media all and (max-width: 1000px){ .Header-container .tool .link a{ margin-right: 0.2rem; } .Header-container .tool .link img{ height: 0.42rem; } } .Header-container .tool .search{} .Header-container .tool .search i{ position: relative; font-size: 0.24rem; padding-right: 0.18rem; margin-right: 0.2rem; cursor: pointer; } .Header-container .tool .search i::after{ position: absolute; content: ''; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; height: 20px; /* background-color: rgb(255,255,255,.3); */ background-color: rgb(0,0,0,.3); } /* .Header-wrapper.on .Header-container .tool .search i::after,.Header-wrapper:hover .Header-container .tool .search i::after{ background-color: rgb(0,0,0,.3); } */ .Header-container .tool .language{ position: relative; } .Header-container .tool .language a{} .Header-container .tool .language i{ font-size: 24px; } .Header-container .tool .language p{ font-size: 14px; margin-left: 0.06rem; display: inline-block; } .Header-container .tool .language p::after{ display: inline-block; margin-left: 5px; content: "\f0d7"; font-size: 12px; font-family: 'fontawesome'; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; /* -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -ms-transform: rotate(180deg); */ } .Header-container .tool .language.on p::after{ -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); -ms-transform: rotate(180deg); } .Header-container .tool .language .language_down { display: none; position: absolute; z-index: 2; right: 0; min-width: 160px; top: calc(100% + 33px); height: auto; background: #c82126; padding: 15px 0; text-align: left; -webkit-transition: top 0.3s; -moz-transition: top 0.3s; -ms-transition: top 0.3s; -o-transition: top 0.3s; transition: top 0.3s; } .Header-container .tool .language .language_down a { display: block; font-size: 14px; line-height: 2.25; padding: 0 15px; color: rgba(255, 255, 255, .8); -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; text-align: center; white-space: normal; } .Header-container .tool .language .language_down a:hover { background-color: #3F3B3A; } /* 浜у搧涓嬫媺 */ .Header-container .nav_item ul li .drop_pro{ position: fixed; top: 90px; left: 0; width: 100vw; background: #fff; padding: 0.55rem 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; /* box-shadow: 0 0 10px rgb(0 0 0 / 10%); */ border-top: 1px solid #E5E5E5; } .Header-container .nav_item ul li:hover .drop_pro{ opacity: 1; visibility: visible; } .Header-container .nav_item ul li .drop_pro .w16{ /* padding: 0 10%; */ } .Header-container .nav_item .drop_pro>ul>li{ width: 18.8%; /* color: #283940; */ color: #000; } .Header-container .nav_item .drop_pro>ul>li .pic{ overflow: hidden; } .Header-container .nav_item .drop_pro>ul>li .pic img{ -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .Header-container .nav_item .drop_pro>ul>li .tit{ display: block; font-size: 18px; font-weight: 700; line-height: 25px; /* height: 50px; */ margin: 0.15rem 0 0.12rem; } .Header-container .nav_item .drop_pro>ul>li>ul{} .Header-container .nav_item .drop_pro>ul>li>ul>li{} .Header-container .nav_item .drop_pro>ul>li>ul>li>a{ position: relative; display: block; font-size: 16px; line-height: 1.75; /* padding-left: 18px; background: url('../images/ico_li.png') no-repeat center; background-position: left center; background-size: 13px; */ } /* .Header-container .nav_item .drop_pro>ul>li>ul>li>a:hover{ background-image: url('../images/ico_li_on.png'); } */ .Header-container .nav_item .drop_pro>ul>li a:hover{ color: #c82126; text-decoration: underline; -webkit-transform: translateX(4px); -ms-transform: translateX(4px); transform: translateX(4px); } /*椤堕儴绉诲姩绔鑸?/ #c-header .c-nav2 { position: absolute; top: 60px; left: 0; width: 100%; height: 0; line-height: 45px; background: #fff; overflow-y: auto; transition: all 0.5s; text-align: left; } #c-header .c-nav2 > li:last-child { border-bottom: 1px solid #f1f1f1; } #c-header .c-nav2 li { padding: 0 20px; border-top: 1px solid #f1f1f1; } #c-header .c-nav2 li .c-title-box { display: flex; align-items: center; justify-content: space-between; } #c-header .c-nav2 li a { color: #333; -webkit-transition: all 0.3s; transition: all 0.3s; font-size: 16px; } #c-header .c-nav2 li i { font-size: 20px; color: #333; -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; } #c-header .c-nav2 li .c-title-box.on i{ transform: rotate(180deg); } #c-header .c-nav2 li a:hover, #c-header .c-nav2 li.on > a { color: #b81b2c; } #c-header .c-nav2 li ul,#c-header .c-nav2 li ol{ display: none; } .c-open #c-header .c-nav2 { height: calc(100vh - 60px); } @media (max-width: 767px) { #c-header .c-nav2 li{ padding: 0 2% 0 4%; } #c-header .c-nav2>li{ padding: 0 4%; } #c-header .c-nav2 ul>li a{ font-size: 14px; } } /*椤堕儴瀵艰埅寮€鍏?/ #c-header .c-switch { display: none; width: 24px; height: 20px; cursor: pointer; } @media (max-width: 991px) { #c-header .c-switch { display: block; } } #c-header .c-switch i { position: relative; display: block; height: 2px; background: #333; -webkit-transition: all 0.3s; transition: all 0.3s; } #c-header .c-switch i:nth-child(1) { top: 0; } #c-header .c-switch i:nth-child(3) { bottom: 0; } #c-header .c-switch i:nth-child(2) { margin: 6px 0; } #c-header.on .c-switch i { background: #333; } .c-open #c-header .c-switch i{ background: #000000; } body.c-open #c-header .c-switch i:nth-child(2) { opacity: 0; } body.c-open #c-header .c-switch i:nth-child(1) { top: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } body.c-open #c-header .c-switch i:nth-child(3) { bottom: 8px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* 搴曢儴 */ .Footer-wrapper{ background: #2f3135; background-size: cover; } .Footer-container{} .Footer-container .top{ background-color: #47494f; padding: 0.8rem 0; } .Footer-container .top .fl{ width: 30%; } .Footer-container .top .fl .foot_logo{ margin-bottom: 0.3rem; } .Footer-container .top .fl .foot_logo img{} .Footer-container .top .fl .foot_link{ margin: 0.3rem 0; } .Footer-container .top .fl .foot_lxwm{ max-width: 90%; margin-right: 0; } .Footer-container .top .fl .foot_lxwm dl{} .Footer-container .top .fl .foot_lxwm dd{ position: relative; font-size: 14px; line-height: 20px; color: rgb(255,255,255,.8); margin-bottom: 16px; padding-left: 30px; } .Footer-container .top .fl .foot_lxwm dd i{ position: absolute; left: 0; top: 0; font-size: 18px; color: rgb(255,255,255,.8); } .media_ul{} .media_ul li{ margin-right: 8px; } .media_ul li:last-child{ margin-right: 0; } .media_ul li a{ display: block; padding: 10px; background-color: #3b5999; color: white; /* border-radius: 50%; */ border-radius: 3px; font-size: 0; } .media_ul li a i{ font-size: 20px; } .media_ul li:nth-child(1) a{ background-color: #1278F3; } .media_ul li:nth-child(2) a{ background-color: #0A66C2; } .media_ul li:nth-child(3) a{ background-color: #FB0204; } .media_ul li:nth-child(4) a{ background-color: #1D9BF0; } .media_ul li:nth-child(5) a{ background-color: #DA4369; } .media_ul li:nth-child(6) a{ background-color: #FF0013; } .media_ul li:nth-child(7) a{ background-color: #04C15F; } .Footer-container .top .fr{ width: 70%; } .Footer-container .top .fr ul{ width: 100%; } .Footer-container .top .fr>ul>li{ float: left; /* margin-right: 0.6rem; */ overflow: hidden; } .Footer-container .top .fr>ul>li p{ font-size: 20px; color: #fff; display: block; margin-bottom: 20px; } .Footer-container .top .fr>ul>li p i{ margin-left: 5px; } .Footer-container .top .fr>ul>li .foot_nav_link a{ font-size: 14px; color: #bbb; color: rgb(255,255,255,.8); line-height: 30px; display: block; } .Footer-container .top .fr>ul>li .foot_nav_link a:hover { text-decoration: underline; } .Footer-container .bot{ font-size: 14px; line-height: 1.3; color: rgb(255,255,255,.8); text-align: center; padding: 0.3rem 0; border-top: 1px solid rgba(255,255,255,0.1); } .Footer-container .bot a{ font-size: 14px; color: rgb(255,255,255,.8); } /* 棣栭〉鍏叡搴曢儴鏉垮潡 */ .ind_tem{} .ind_tem ul{ } .ind_tem ul li{ float: left; width: 25%; border: 1px solid #1b1b1d; border-right: none; padding: 0.8rem 2%; color: #4d4d4d; text-align: center; } .ind_tem ul li:first-child{ border-left: none; } .ind_tem ul li i{ font-size: 0.65rem; color: #c82126; } .ind_tem ul li h4{ display: block; font-size: 0.22rem; margin: 0.22rem 0; } .ind_tem ul li p{ font-size: 16px; line-height: 20px; height: 80px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .ind_tem ul li a{ font-size: 16px; margin-top: 0.35rem; } .ind_tem ul li a:hover{ color: #c82126; } /* 涓棿+鍏辩敤閮ㄥ垎 */ /* ind_banner */ .ind_banner img,.ind_banner video{ width: 100%; height: 100%; object-fit: cover; } /* .ind_banner #ind_video::before{ position: absolute; content: ""; display: block; width: 100%; height: 100%; left: 0; top: 0; filter: brightness( 110% ) contrast( 120% ) saturate( 110% ) blur( 0px ) hue-rotate( 0deg ); background-color: #C82126; opacity: .54; z-index: 3; } */ .ind_banner .swiper-button-next,.ind_banner .swiper-button-prev{ color: #333; } .ind_banner .swiper-pagination-bullet{ background-color: white; opacity: 1; } .ind_banner .swiper-pagination-bullet-active{ background-color: #c82126; } .ind_banner .swiper-slide{ position: relative; height: calc(100vh - 90px); } .ind_banner .txt{ position: absolute; left: 0; top: 20%; /* -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); */ width: 100%; z-index: 2; /* opacity: 0; transition: all 1s; */ } .ind_banner .swiper-slide-active .txt{ /* opacity: 1; left: 8%; */ } .ind_banner .txt .w14{ margin: 0 auto; } .ind_banner .txt h4{ font-size: 0.48rem; color: #343434; font-weight: 700; line-height: 1.3; /* font-family: "UlagadiSans Bold"; */ /* text-transform: uppercase; */ } .ind_banner .txt .line{ position: relative; width: 2.4rem; margin: 0.35rem 0; background: #fff; height: 1px; border-radius: 5px; } .ind_banner .txt .line::after{ position: absolute; content: ""; width: 0; height: 1px; left: 0; bottom: 0; background-color: #c82126; -webkit-transition: all 5s ease-out; -moz-transition: all 5s ease-out; -ms-transition: all 5s ease-out; -o-transition: all 5s ease-out; transition: all 5s ease-out; } .ind_banner .swiper-slide-active .txt .line::after{ width: 100%; } .ind_banner .txt .info{ font-size: 18px; color: #333; /* font-weight: 600;'' */ line-height: 1.5; margin-bottom: 0.4rem; } .ind_banner .txt a{ display: inline-flex; font-size: 16px; color: #333; line-height: 48px; cursor: pointer; line-height: 3; padding: 0 0.3rem; /* border-radius: 50px;'' */ border: 1px solid #333; } .ind_banner .txt a span{ display: inline-block; font-size: 14px; margin-left: 0.06rem; } .ind_banner .txt a:hover{ background-color: #c82126; border-color: #c82126; color: white; } .ind_banner .txt.white h4,.ind_banner .txt.white .info{ color: white; } .ind_banner .txt.white a{ border: 1px solid white; color: white; } .ind_banner .txt.white a:hover{ border-color: #c82126; } .ind_banner .swiper-slide-active .txt h4{-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both 0.2s; animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both 0.2s;} .ind_banner .swiper-slide-active .txt .info{-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both 0.7s; animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both 0.7s;} .ind_banner .swiper-slide-active .txt a{-webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both 1.2s; animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both 1.2s;} @-webkit-keyframes fade-in-bottom { 0% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes fade-in-bottom { 0% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } /* ind_more */ .ind_more{ display: block; height: 48px; line-height: 46px; width: 200px; font-size: 18px; color: white; text-align: center; margin: 0.4rem auto 0; padding: 0 10px; border-radius: 6px; background-color: #c82126; border: 1px solid #c82126; /* font-weight: 700; */ /* font-family: "UlagadiSans Bold"; */ } .ind_more span{ margin-left: 0.06rem; } .ind_more:hover{ background-color: transparent; color: #c82126; } /* ind_tit */ .ind_tit{ text-align: center; margin-bottom: 0.55rem; } .ind_tit.tal{ text-align: left; } .ind_tit h3{ width: 100%; display: block; font-size: 0.36rem; color: #2c2c2c; text-transform: uppercase; font-family: "UlagadiSans Bold"; } /* .ind_tit h3::after{ content: ""; width: 0.6rem; height: 2px; display: block; margin: 0.12rem auto 0.12rem; background-color: #c82126; position: relative; } .ind_tit.tal h3::after{ margin-left: 0; } .ind_tit.white h3::after{ background-color: white; } */ .ind_tit p{ color: #171717; font-size: 16px; line-height: 1.75; /* margin-top: 0.2rem; */ } .ind_tit.white h3,.ind_tit.white p{ color: white; } /* com_swiper_button */ .com_swiper_button.swiper-button-next::after,.com_swiper_button.swiper-button-prev::after{ display: none; } .com_swiper_button.swiper-button-next,.com_swiper_button.swiper-button-prev{ width: 0.4rem; height: 0.4rem; line-height: 0.4rem; text-align: center; border-radius: 50%; background-color: #c82126; color: white; top: 50%; margin-top: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .com_swiper_button.swiper-button-next i,.com_swiper_button.swiper-button-prev i{ font-size: 18px; color: white; } .com_swiper_button.swiper-button-prev{ left: -0.6rem; } .com_swiper_button.swiper-button-next{ right: -0.6rem; } /* des */ .des, .des p { font-size: 16px; line-height: 24px; color: #666; overflow: hidden; } /* tc_search s */ .tc_search{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 10001; pointer-events: none; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .tc_search.act { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; display: block; pointer-events: auto; } .tc_search form{ width: 9.6rem; max-width: 80%; margin: 0 auto; padding: 0 20px; border-bottom: 2px solid #eee; height: 0.7rem; position: relative; overflow: hidden; z-index: 2; } .tc_search input{ width: 80%; height: 0.7rem; font-size: 0.34rem; color: #c1c1c1; box-shadow: none; -webkit-appearance: none; float: left; border-right: 0; background: none; } .tc_search input::placeholder{ color: #c1c1c1; } .tc_search button{ max-width: 20%; height: 0.7rem; border: 0; line-height: 0.7rem; color: #c1c1c1; cursor: pointer; text-transform: uppercase; float: right; font-size: 0.48rem; background-color: transparent; } .tc_search .search_bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.85); z-index: 0; } /* tc_search e */ /* com_page */ .com_page{display:flex;align-items: center;justify-content: center;padding-top: 0.4rem;} .com_page a{width: .42rem;height: .42rem;border-radius: .4rem;display: flex;align-items: center;justify-content:center;border:1px solid rgb(222, 222, 222);font-size: 14px;color: #333;background: #fff;margin:0 .05rem;transition: all .3s} .com_page a.page-num-current,.com_page a:hover{border-color: #c82126;background: #c82126;color: #fff} /* des */ .des, .des p { font-size: 16px; line-height: 24px; color: #666; overflow: hidden; } .des img{ display: inline-block; } /* com_ban */ .com_ban{ position: relative; height: 5rem; background-repeat: no-repeat; background-position: center; background-size: cover; } /* .com_ban::before{ position: absolute; content: ""; width: 100%; height: 100%; background-color: rgb(0,0,0,.15); z-index: 1; mix-blend-mode: multiply; } */ .com_ban::after{ position: absolute; content: ""; width: 100%; height: 100%; background-color: rgb(16,154,36,.28); opacity: 0; z-index: 2; mix-blend-mode: multiply; } .com_ban .ban_txt{ position: absolute; top: 50%; left: 0; color: #ffffff; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 3; } .com_ban.pro_ban .ban_txt{ color: #56636c; } .com_ban .ban_txt h3{ font-size: 0.48rem; font-weight: 700; line-height: 1.3; text-transform: capitalize; } .com_ban.pro_ban .ban_txt h3{ text-transform: uppercase; font-family: "UlagadiSans Bold"; } .com_ban .ban_txt p{ font-size: 16px; margin-top: 12px; } /* loca */ .loca{line-height: 60px;overflow: hidden;border-bottom: 1px solid #ededed;} .pro_loca.loca{background-color: #ededed;} /*.pro_loca.loca .fr{*/ /* float: left;*/ /*}*/ .loca .fr a,.loca .fr i{font-size: 14px;color: #666;} .loca .fr i{margin: 0 0.04rem;} .loca .fr img{margin-right: 10px;display: inline-block;vertical-align: baseline;} .loca .fr a:hover{color: #c82126;} .loca .fl{} .loca .fl ul{ overflow: hidden; } .loca .fl ul li{ float: left; margin-right: 0.4rem; } .loca .fl ul li:last-child{ margin-right: 0; } .loca .fl ul li a{ display: block; font-size: 16px; -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; } .loca .fl ul li.active a,.loca .fl ul li:hover a{ color: #c82126; } /* ny_form */ .ny_form{margin-top: 0.8rem;} .input_control{position: relative;width: 48%;float: left;margin-right: 4%;background: #f2f5f8;border-radius: 4px;overflow: hidden;position: relative;height: 54px;} .input_control:nth-child(2){margin-right: 0;} .form_input{-webkit-appearance:none;-moz-appearance: none;outline:0;height: 54px;line-height: 54px;width: 100%;position: absolute;top: 0;left: 30px;font-size: 14px;color: #666;width: calc(100% - 30px);background: #f2f5f8;} .input_control label{color: red;position: absolute;left: 20px;line-height: 54px;} .form_input::-moz-placeholder,.form_text::-moz-placeholder{color: #666;} .form_text{height: 100px;background: #f2f5f8;position: absolute;left: 30px;top: 15px;width: calc(100% - 30px);font-size: 14px;color: #666;line-height: 25px;border: none;} .input_control2{width: 100%;margin: 16px 0 25px;height: 130px;} .ny_form p{font-size: 14px;line-height: 1.3;;color: #666;display: block;float: left;display: block;width: 100%;margin-top: 0.15rem;} .ny_form .submit{border-radius: 4px;background: #c82126;font-size: 0.18rem;color: #fff;cursor: pointer;margin-top: 0.25rem;padding: 0.2rem 0.8rem;} .input_checkcode{position: relative;} .input_checkcode img{position: absolute;right: 5px;top: 5px;} /* ny_tit */ .ny_tit{ margin-bottom: 0.55rem; } .ny_tit h3{ font-size: 0.36rem; color: #242424; } .ny_tit h3::after{ content: ""; position: relative; margin: 0.2rem 0; display: block; width: 1rem; height: 2px; background-color: #c82126; } .ny_tit.tac h3::after{ margin-left: auto; margin-right: auto; } .ny_tit p{ font-size: 0.22rem; color: #121212; } .ny_tit .des{ margin-top: 0.15rem; } /* ab_tit */ .ab_tit{ font-size: 0.36rem; font-family: 'OS-B'; margin-bottom: 0.45rem; text-transform: uppercase; color: #c82126; } .ab_tit.white{ color: white; } /* swiper-page01 */ .swiper-page01.swiper-pagination-bullets.swiper-pagination-horizontal{ bottom: 0; } .swiper-page01.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ width: 8px; height: 8px; -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; } .swiper-page01.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 30px; height: 8px; border-radius: 4px; } /* swiper-page02 */ .swiper-page02.swiper-pagination-bullets.swiper-pagination-horizontal{ bottom: 0; } .swiper-page02.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{ color: #c82126; width: 25px; height: 25px; line-height: 25px; font-size: 12px; text-align: center; background: white; border-radius: 0; opacity: 1; -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; } .swiper-page02.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active,.swiper-page02.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet:hover{ color: white; background: #FF0000 !important; } /* com_btn */ .com_btn{ display: inline-block; font-size: 16px; color: white; padding: 15px 20px; background-color: #c82126; border: none; } /*鍙充晶鎮诞瀹㈡湇*/ .right-fixed { position: fixed; right: 10px; bottom: 10%; z-index: 9; } .right-fixed ul li { margin-bottom: 1px; line-height: 1.5;} .right-fixed ul li a { display: block; width: 60px; height: 60px; background-color: #c82126; border-radius: 6px; position: relative; } .right-fixed ul li a i { display: block; width: 30px; height: 30px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all .5s; } .right-fixed ul li a .icon-01 { background-image: url(../images/icon_fixed01.png); } .right-fixed ul li a .icon-02 { background-image: url(../images/icon_fixed02.png); } .right-fixed ul li a .icon-03 { background-image: url(../images/icon_fixed03.png); } .right-fixed ul li a .icon-04 { background-image: url(../images/icon_fixed04.png); } .right-fixed ul li a .icon-05 { background-image: url(../images/icon_fixed05.png); } .right-fixed ul li a:hover { background-color: #e74b4b; } .right-fixed ul li a:hover i { transform: translate(-50%, -50%) rotateY(180deg); } @media screen and (max-width: 1200px) { .right-fixed ul li a { width: 30px; height: 30px; } .right-fixed ul li a i { width: 15px; height: 15px; background-size: cover; } } .right-fixed ul li{position: relative;} .right-fixed .bar-drop{position: absolute;right: 100%;top: 50%;padding-right: 10px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);opacity: 0;visibility: hidden;transition: .4s;} .right-fixed .bar-drop::before{display: block;content: '';width: 0;height: 0;border-style: solid;border-width: 4px 6px;border-color: transparent transparent transparent #fff;position: absolute;right: -2px;top: 50%;margin-top: -6px;} .right-fixed .bar-drop .drop-inner{background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);position: relative;z-index: 3;border-radius: 4px;} .right-fixed ul li:hover .bar-drop{opacity: 1;visibility: visible;transition: .4s;} .right-fixed .bar-text{white-space: nowrap;padding: 12px 28px;} .right-fixed .bar-text h3{font-size: 20px;color: #c82126;} .right-fixed .bar-text h4{color: #808080;} .right-fixed .erweima{display: -webkit-box;display: flex;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;padding: 12px 10px;} .right-fixed .erweima .img{margin: 0 10px;text-align: center;} /* -------------------------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) */ .Header-container .nav_item>ul>li{ margin-right: 0.4rem; } } @media all and (max-width:1359px) { /* 1280 脳 (800/854/1024) */ } @media all and (max-width:1279px) { /* 1152 脳 (864) */ .Header-container .nav_item>ul>li>a{ font-size: 16px; } .Header-container .nav_item .drop_pro>ul>li a.tit{ font-size: 16px; } .Header-container .nav_item .drop_pro>ul>li>ul>li>a{ font-size: 14px; } } @media all and (max-width:1151px) { /* 1024 脳 (600/768) */ .Header-container .nav_item{ display: none; } .Header-container .logo{ padding: 14px 0; } .mt{ margin-top: 60px; } #c-header .c-switch{ display: block; margin-left: 20px; } .Footer-container .top .w16{ display: flex; flex-direction: column-reverse; } .Footer-container .top .fr,.Footer-container .top .fl{ width: 100%; } .Footer-container .top .fl{ margin-top: 0.5rem; } .loca .sort_nav{ display: none; } .Header-container .logo{ height: 60px; display: flex; align-items: center; justify-content: center; padding: 0; } .Header-container .logo img{ height: 82px; } } /* ------------------------鎵嬫満绔?------------------------- */ @media all and (max-width:1000px) { /* 骞虫澘璁惧 720 閫傞厤 */ .pc{display: none;} .mb{display: block;} .right-fixed{ display: none !important; } .Header-container .tool .search i,.Header-container .tool .language i{ font-size: 22px; } .ind_tit h3{ font-size: 0.40rem; } .Footer-container .top{ padding: 0.55rem 0; } .Footer-container .top .fr>ul{ flex-wrap: wrap; } .Footer-container .top .fr>ul>li{ width: 100%; border-bottom: 1px solid rgb(255,255,255,.8); } .Footer-container .top .fr>ul>li p{ display: flex; align-items: center; justify-content: space-between; font-size: 18px; padding: 20px 0; margin-bottom: 0; } .Footer-container .top .fr>ul>li p i{} .Footer-container .top .fr>ul>li p.on i { transform: rotate(180deg); } .foot_nav_link{ display: none; padding-bottom: 0.2rem; } .Footer-container .top .fl .foot_logo img{ height: 0.5rem; } .Footer-container .top .fl .foot_link{ margin: 0.45rem 0; } .loca{ height: auto; line-height: 20px; padding: 10px 0; } .loca .fr{ float: none !important; } .loca .fr a, .loca .fr i{ font-size: 13px; } .loca .fr img{ margin-right: 6px; } .com_ban{ height: 3.6rem; } .ny_tit h3{ font-size: 0.45rem; } .ny_tit h3::after{ margin: 0.3rem 0; } .ny_tit p{ font-size: 0.28rem; } .ab_tit{ font-size: 0.45rem; } .com_page a{ font-size: 14px; width: 0.6rem; height: 0.6rem; } .ind_banner .swiper-slide{ height: 700px; background-size: cover; background-repeat: no-repeat; background-position: center; } .ind_banner img{ display: none; } .ind_banner .txt{ display: flex; justify-content: center; align-items: center; width: 100%; top: 0; height: 100%; background: rgba(255, 255, 255, 0.66); } .ind_banner .txt.white{ background: rgba(82, 80, 80, 0.6); } .ind_banner .txt h4{ font-size: 0.4rem; } .ind_banner .txt .line{ width: 2rem; } .ind_banner .txt .info{ font-size: 16px; margin-bottom: 0.55rem; } .ind_banner .txt a{ padding: 0 0.5rem; line-height: 2.8; } .ind_banner .swiper-button-next, .ind_banner .swiper-button-prev{ display: none; } .Header-container .tool .language .language_down{ top: calc(100% + 20px); } .Header-container .tool .link{ display: none; } .Header-container{ max-width: 100%; padding: 0 2%; } #c-header .c-nav2 li:first-child{ margin-top: 0.3rem; } .Header-container .logo img{ left: 2%; } } @media all and (max-width:768px) { .tc_search form{ width: 92%; max-width: 92%; padding: 0 0.2rem; margin-bottom: 1px; height: 0.8rem; border-width: 1px; } .tc_search input{ font-size: 0.32rem; height: 0.8rem; } } @media all and (max-width:640px) { /* 绉诲姩缁堢浠ヤ笂 360 閫傞厤 */ .ind_more{ font-size: 16px; width: 180px; line-height: 40px; height: 42px; border-radius: 4px; } .ind_banner .swiper-slide{ height: 550px; } .ind_banner .txt a,.ind_banner .swiper-slide-active .txt .info{ font-size: 14px; } } @media all and (max-width:480px) { } @media all and (max-width:420px) { .ind_more{ font-size: 14px; width: 150px; line-height: 34px; height: 36px; } .media_ul li a{ padding: 8px; } .des, .des p{ font-size: 14px; line-height: 20px; } /*.Header-container .logo img{*/ /* height: 25px;*/ /*}*/ .Footer-container .top .fr>ul>li p{ font-size: 16px; padding: 16px 0; } } @media all and (max-width:376px) { }