@charset "UTF-8"; body, html { font-size: -webkit-calc(100vw / 120); font-size: -moz-calc(100vw / 120); font-size: calc(100vw / 120); } @media (min-width: 1366px) and (max-width: 1680px) { body, html { font-size: -webkit-calc(100vw / 110); font-size: -moz-calc(100vw / 110); font-size: calc(100vw / 110); } } @media (min-width: 1024px) and (max-width: 1366px) { body, html { font-size: -webkit-calc(100vw / 100); font-size: -moz-calc(100vw / 100); font-size: calc(100vw / 100); } } @media (min-width: 767px) and (max-width: 1024px) { body, html { font-size: -webkit-calc(100vw / 90); font-size: -moz-calc(100vw / 90); font-size: calc(100vw / 90); } } @media (max-width: 767px) { body, html { font-size: 14px; } } body, body * { font-family: 'sourcehansans'; outline: none; } p { padding: 0; margin: 0; } .wh { padding: 0 13.54167%; } @media (max-width: 1366px) { .wh { padding: 0 5.78125%; } } @media (max-width: 768px) { .wh { padding: 0 4%; } } .wh1 { padding: 0 0 0 13.54167%; } @media (max-width: 1366px) { .wh1 { padding: 0 0 0 5.78125%; } } @media (max-width: 768px) { .wh1 { padding: 0 0 0 4%; } } .flex { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .flex-z { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .flex_left { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .flex_left1 { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex2 { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex3 { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } .flex21 { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-end; -moz-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .more-msl { display: inline-block; color: #fff; text-decoration: none; position: relative; z-index: 2; white-space: nowrap; font: 500 1rem/3.75rem "sourcehansans"; border-radius: 1.875rem; width: 13.125rem; text-align: center; background: transparent; border: 1px solid #fff; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } @media (max-width: 768px) { .more-msl { line-height: 2.5rem; width: 8rem; font-size: .875rem; } } .more-msl .p1 { width: 1.25rem; height: 1px; background: #fff; position: absolute; top: 0; right: -1.25rem; top: 50%; margin-top: -0.5px; } .more-msl .p2 { width: 1.125rem; height: 1px; background: #F96F17; position: absolute; right: 0; top: 50%; margin-top: -0.5px; } .more-msl .p3 { overflow: hidden; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: -1; border-radius: 1.875rem; } .more-msl .p3:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #F96F17; border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -o-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .more-msl:hover { color: #fff; border-color: #FF6161; } .more-msl:hover .p3::before { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); } .more-msl.hs { color: #fff; border: 1px solid #F96F17; background: #F96F17; } .more-msl.hs:before { background: transparent; } .more-msl.hs:hover { color: #fff; } .more-msl1 { display: inline-block; color: #9D9D9D; text-decoration: none; position: relative; z-index: 2; overflow: hidden; white-space: nowrap; font: 500 1rem/3.125rem "sourcehansans"; border-radius: 1.5625rem; width: 10rem; text-align: center; background: transparent; border: 1px solid #9D9D9D; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; } @media (max-width: 768px) { .more-msl1 { line-height: 2.8rem; width: 9rem; font-size: .875rem; } } .more-msl1:before { background: #7986cb; } .more-msl1:after { background: #F96F17; } .more-msl1:before, .more-msl1:after { content: ''; position: absolute; height: 100%; width: 100%; bottom: 100%; left: 0; z-index: -1; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; -o-transition: -o-transform 0.3s; -moz-transition: transform 0.3s, -moz-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -moz-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); -o-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); } .more-msl1:hover { color: #fff; border-color: #F96F17; } .more-msl1:hover:before, .more-msl1:hover:after { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .more-msl1:hover:after { -webkit-transition-delay: 0.175s; -moz-transition-delay: 0.175s; -o-transition-delay: 0.175s; transition-delay: 0.175s; } .more-msl1.bs { color: #fff; border: 1px solid #fff; } .more-msl1.bs:before { background: #7986cb; } .more-msl1.bs:hover { color: #fff; border-color: #fff; } @media (max-width: 990px) { body { padding-bottom: 0; overflow: hidden; } } @media (max-width: 990px) { .pc-hidden { display: none; } } .m-hidden { display: none; } @media (max-width: 990px) { .m-hidden { display: block; } } @media (max-width: 990px) { .m-img { padding-bottom: 66%; width: 100%; position: relative; height: 0; overflow: hidden; } .m-img.a { padding-bottom: 80%; } .m-img > img { position: absolute; left: 0; top: 0; height: 100%; -o-object-fit: cover; object-fit: cover; } .pc-banner .swiper-slide.a { padding-bottom: 75%; width: 100%; position: relative; height: 0; overflow: hidden; } .pc-banner .swiper-slide.a .img { position: static !important; } .pc-banner .swiper-slide.a .img img { position: absolute !important; left: 0; top: 0; height: 100%; -o-object-fit: cover; object-fit: cover; } .m-imgny { padding-bottom: 50%; width: 100%; position: relative; height: 0; overflow: hidden; } .m-imgny.a { padding-bottom: 80%; } .m-imgny > img { position: absolute; left: 0; top: 0; height: 100%; -o-object-fit: cover; object-fit: cover; } } .head { position: absolute; left: 0; width: 100%; top: 0; z-index: 999; border-top: .625rem solid #F96F17; } .head .head2 { line-height: 5rem; -webkit-transition: all .6s; -o-transition: all .6s; -moz-transition: all .6s; transition: all .6s; background: rgba(255,255,255,0.8); } .head .head2 .logo a { display: block; } .head .head2 .logo a img { height: 3rem; -webkit-transition: all .6s; -o-transition: all .6s; -moz-transition: all .6s; transition: all .6s; } .head .head2 .sska, .head .head2 .zywena { font-size: 1.25rem; color: #000000; width: 6.75rem; text-align: center; } .head .head2 .sska a, .head .head2 .zywena a { display: inline-block; color: #000000; } .head .head2 .sska i, .head .head2 .zywena i { font-size: 1.25rem; } .head .head2 .sska { background: #F0F0F0; } .head .head2 .zywena { text-align: center; position: relative; background: #F96F17; } .head .head2 .zywena > a { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; color: #fff; } .head .head2 .zywena > a i { margin-right: 0.3em; } .head .searchbox { border-top: 2px solid #F96F17; top: 5.625rem; } .head .serbtn { background: #F96F17; } .sticky{ border-top: 0.4rem solid #F96F17; } .head.sticky .head2 { line-height: 4.5rem; background: #fff; } .head.sticky .head2 .logo a img { height: 2.6rem; } .head.sticky .searchbox { top: 4.9rem; } .head.sticky .sska, .head.sticky .zywena, .head.sticky #menu .nav_a1 li > a { font-size: 1rem; } .head.sticky #menu .nav_a1 li > a { line-height: 4.62rem; height: 4.62rem; } .head.sticky #menu .nav_a1 li .sec > a{ font-size: 1rem; } .nav-img { padding-bottom: 68%; width: 100%; position: relative; height: 0; overflow: hidden; } .nav-img img { position: absolute; left: 0; top: 0; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: .9375rem; } #menu .nav_a1 li { float: left; position: relative; } #menu .nav_a1 li a { display: block; color: #000000; font-family: "sourcehansans"; } #menu .nav_a1 li > a { font-size: 1.125rem; padding: 0 1.8em; line-height: 5rem; height: 5rem; text-transform: Uppercase; -webkit-transition: all .6s; -o-transition: all .6s; -moz-transition: all .6s; transition: all .6s; position: relative; z-index: 1; overflow: hidden; } @media (max-width: 1680px) { #menu .nav_a1 li > a { padding: 0 0.8em; } } @media (max-width: 1366px) { #menu .nav_a1 li > a { padding: 0 0.5em; } } #menu .nav_a1 li > a:after { content: ""; display: block; width: 100%; height: 103%; position: absolute; left: 0; bottom: -2px; /* background: #fff; */ position: absolute; z-index: -1; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } #menu .nav_a1 li > a span { position: relative; display: block; font-family: 'sourcehansans'; } #menu .nav_a1 li .sec { position: absolute; top: -webkit-calc(100% + 12px); top: -moz-calc(100% + 12px); top: calc(100% + 12px); width: 150%; left: -25%; background: white; z-index: 999; text-align: center; padding: 0.5em 0; border-radius: 5px; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } #menu .nav_a1 li .sec > a { font: 500 1.1rem/1.3em ""; padding: 0.3em 0; color: #333; } #menu .nav_a1 li .sec > a:hover { color: #fff; background: #f96f17; } #menu .nav_a1 li .sec:after { content: ''; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 10px; cursor: pointer; border-style: dashed dashed solid dashed; border-color: transparent transparent white transparent; border-top: none; position: absolute; top: -10px; left: 50%; margin-left: -10px; z-index: 99; } #menu .nav_a1 li .sec1 { width: 100%; position: absolute; left: 0; top: 100%; background: #fff; line-height: 1em; padding: 0.25em 0; text-align: center; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } #menu .nav_a1 li .sec1 a { display: inline-block; color: #14151A; font: 500 1.125rem/3.125rem "sourcehansans"; padding: 0 2em; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } #menu .nav_a1 li .sec1 a:hover { color: #011F69; } #menu .nav_a1 li .sec1 a.b { color: #fff; background: #011F69; border-radius: .625rem; } #menu .nav_a1 li .sec1 a.b:hover { background: #000; } #menu .nav_a1 li:hover > a::before { width: 100%; } #menu .nav_a1 li:hover .sec, #menu .nav_a1 li:hover .sec1 { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } #menu .nav_a1 li:hover > a, #menu .nav_a1 li.active > a { color: #fff; } #menu .nav_a1 li:hover > a::after, #menu .nav_a1 li.active > a::after { background: #F96F17; } .top_naba { position: fixed; left: 0; top: -6.25rem; width: 100%; z-index: 9; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); } .top_naba.classname { top: 6.25rem; } @media (max-width: 990px) { .top_naba { top: 60px; display: none; } } .top_naba .sec1 { width: 100%; background: #fff; line-height: 1em; padding: 0.25em 0; text-align: center; } .top_naba .sec1 a { display: inline-block; color: #14151A; font: 500 1.125rem/3.125rem "sourcehansans"; padding: 0 2em; -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; } .top_naba .sec1 a:hover { color: #011F69; } .top_naba .sec1 a.b { color: #fff; background: #011F69; border-radius: .625rem; } .top_naba .sec1 a.b:hover { background: #000; } /* 搜索 */ .search { position: fixed; left: 0; top: 0; right: 0; bottom: 0; /* background: #000; */ background: rgba(0, 0, 0, 0.85); z-index: 999; display: none; } .search-box { width: 50%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 25%; } .inp { width: 100%; height: 100px; background: none; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.7); font-size: 1.25rem; color: rgba(255, 255, 255, 0.7); background: transparent; font-family: 'sourcehansans'; } .inp::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); } .bu { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 0; color: rgba(255, 255, 255, 0.7); background: none; border: none; } .bu .iconfont { font-size: 3.125rem; } .search-con { position: absolute; right: 7%; top: 7%; color: white; cursor: pointer; } .search-con .iconfont { font-size: 2.125rem; font-weight: 100; } .sticky { position: fixed; top: 0; box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.07); -webkit-animation: sticky 1s; -moz-animation: sticky 1s; -o-animation: sticky 1s; animation: sticky 1s; } @-webkit-keyframes sticky { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @-moz-keyframes sticky { 0% { -moz-transform: translateY(-100%); transform: translateY(-100%); } 100% { -moz-transform: translateY(0%); transform: translateY(0%); } } @-o-keyframes sticky { 0% { -o-transform: translateY(-100%); transform: translateY(-100%); } 100% { -o-transform: translateY(0%); transform: translateY(0%); } } @keyframes sticky { 0% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } } /*手机端头部*/ .mslm-head { position: fixed; top: 0; z-index: 999999; left: 0; right: 0; background: #fff; } .mslm-head-box { position: relative; height: 60px; } .mslm-head-box .mslm-logo { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto 4%; max-width: 100%; height: 34px; } .mslm-head-box .mslm-logo h1, .mslm-head-box .mslm-logo a { display: inline; font-size: 0; } .mslm-head-box .mslm-logo img { height: 36px; } .mslm-navbtn { position: absolute; z-index: 9; top: 0; bottom: 0; right: 0; margin: auto 4% auto 0; width: 20px; height: 15px; } .mslm-navbtn span, .mslm-navbtn:after, .mslm-navbtn:before { display: block; height: 1.5px; width: 100%; background: #000; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .mslm-navbtn span { margin: 4.5px 0; } .mslm-navbtn:after, .mslm-navbtn:before { content: ''; -webkit-transform-origin: 7.5%; -moz-transform-origin: 7.5%; -ms-transform-origin: 7.5%; -o-transform-origin: 7.5%; transform-origin: 7.5%; } .mslm-navbtn.clicked span { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } .mslm-navbtn.clicked:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .mslm-navbtn.clicked:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mslm-search-btn { position: absolute; z-index: 9; right: 4%; top: 0; bottom: 0; width: auto; text-align: center; line-height: 60px; color: #fff; } .mslm-search-btn span { font-size: .75rem; display: inline-block; margin-right: 0.5em; vertical-align: top; } .mslm-search-btn .iconfont { font-size: 21px; } .mslm-search-btn .icon-font { display: block; width: 100%; height: 100%; } .mslm-search-btn .icon-font:after { background-position: -30px -210px; } .mslm-menu { display: none; position: absolute; z-index: 9999; left: 0; right: 0; height: 100vh; background: #fff; } .mslm-menu .mslm-menu-box { height: -webkit-calc(100vh - 60px); height: -moz-calc(100vh - 60px); height: calc(100vh - 60px); overflow: auto; padding-bottom: 80px; } .mslm-nav > li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); position: relative; } .mslm-nav > li > a { display: block; line-height: 50px; font-size: 14px; color: #000; font-family: "sourcehansans"; padding: 0 4%; } .mslm-nav > li .sec { display: none; padding: 10px 15px; border-top: 1px solid rgba(0, 0, 0, 0.1); } .mslm-nav > li .sec a { display: block; font-size: 12px; color: #000; line-height: 35px; } .mslm-nav > li .sec a span { display: inline-block; min-width: 40%; max-width: 50%; } .mslm-nav .mslm-menu-jt { position: absolute; width: 20%; height: 50px; line-height: 50px; right: 0; top: 0; text-align: center; z-index: 9; } .mslm-nav .mslm-menu-jt .icon-font { display: block; width: 100%; height: 100%; } .mslm-nav .mslm-menu-jt .icon-font:after { background-position: -30px -240px; } .mslm-nav .mslm-menu-jt.clicked .icon-font:after { background-position: -30px -270px; } .mslm-nav .mslm-sub-menu { background: #1E1E1E; display: none; } .mslm-nav .mslm-sub-menu > li { border-top: 1px dashed rgba(255, 255, 255, 0.5); } .mslm-nav .mslm-sub-menu > li > a { display: block; font-size: 14px; color: rgba(255, 255, 255, 0.8); line-height: 40px; text-indent: 2em; } .mslm-search { position: fixed; z-index: 99999; left: 100%; bottom: 0; top: 60px; width: 100%; background: #fff; padding: 0 0 0; -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .mslm-search .mslm-search-close-btn { position: absolute; top: 20px; left: 30px; width: 30px; height: 30px; text-align: center; line-height: 30px; } @media (max-width: 420px) { .mslm-search .mslm-search-close-btn { left: 15px; } } .mslm-search .mslm-search-close-btn i { width: 100%; height: 100%; display: block; color: #fff; font-size: 24px; } .mslm-search .mslm-search-close-btn i:after { background-position: -30px -300px; } .mslm-search .mslm-search-box { height: 52px; border-bottom: 2px solid #E9E9E9; } .mslm-search .mslm-search-box input[type="text"] { width: 100%; background: none; border: none; outline: none; color: #333333; font-family: "sourcehansans"; font-size: 14px; height: 52px; text-indent: 1em; } .mslm-search .mslm-search-box input[type="text"]::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #333333; font-family: "sourcehansans"; } .mslm-search .mslm-search-box input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #333333; font-family: "sourcehansans"; } .mslm-search .mslm-search-box input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #333333; font-family: "sourcehansans"; } .mslm-search .mslm-search-box input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #333333; font-family: "sourcehansans"; } .mslm-search .mslm-search-box #s_btn { width: 20%; height: 52px; outline: none; border: none; cursor: pointer; font-size: 0; background: none; border: none; } .mslm-search .mslm-search-box #s_btn .iconfont { font-size: 20px; color: #fff; } .mslm-search .mslm-search-box #s_btn .icon-font { display: block; width: 100%; height: 100%; } .mslm-search .mslm-search-box #s_btn .icon-font:after { background-position: -30px -210px; } .mslm-search .mslm-seaerch-wz span, .mslm-search .mslm-seaerch-wz a { display: block; font-size: 14px; color: rgba(255, 255, 255, 0.9); line-height: 45px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); } .mslm-search.clicked { left: 0; } .aniut { position: absolute; width: 40px; height: 50px; line-height: 50px; right: 2%; top: 0; text-align: center; z-index: 9; } .aniut i { display: block; width: 100%; height: 100%; font-size: 18px; color: #000; } .mslm-nav li > a { font-weight: 600; } .mslm-nav li > a span { display: inline-block; min-width: 40%; max-width: 50%; font-family: "sourcehansans"; font-weight: 500; } a.jjta { color: #fff; } a.jjta span { font-size: 14px; } @media (max-width: 990px) { body { padding: 60px 0 0 !important; } } .pc-banner { position: relative; overflow: hidden; } .pc-banner .mySwipera { position: relative; } .pc-banner .mySwipera::after { content: ""; display: block; width: 1px; height: 100%; position: absolute; right: 6.75rem; top: 0; background: rgba(255, 255, 255, 0.3); z-index: 1; } @media (max-width: 768px) { .pc-banner .mySwipera::after { display: none; } } .pc-banner .mySwipera .swiper-slide { overflow: hidden; } .pc-banner .mySwipera .swiper-slide .img { position: relative; width: 100%; height: 100%; z-index: -1; overflow: hidden; } .pc-banner .mySwipera .swiper-slide .img > img { -o-object-fit: cover; object-fit: cover; height: 100%; -webkit-animation-name: banscaleDraw; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 20s; } .pc-banner .mySwipera .banwez { width: 100%; z-index: 9; color: #FFFFFF; top: 56%; } @media (max-width: 768px) { .pc-banner .mySwipera .banwez { top: 50%; } } .pc-banner .mySwipera .banwez dt { font: 600 3.75rem/1.15em "sourcehansans"; max-width: 64.5%; text-transform: uppercase; } @media (max-width: 768px) { .pc-banner .mySwipera .banwez dt { font-size: 1.8rem; max-width: 100%; } } .pc-banner .mySwipera .banwez dd { font: 600 1.5rem/1.5em "sourcehansans"; max-width: 57.14286%; text-transform: Capitalize; margin-top: 1rem; } @media (max-width: 768px) { .pc-banner .mySwipera .banwez dd { font-size: 1rem; max-width: 100%; margin-top: 0.7rem; } } .pc-banner .mySwipera .banwez .weha { margin-top: 2rem; } @media (max-width: 768px) { .pc-banner .mySwipera .banwez .weha { margin-top: 0.7rem; } } .pc-banner .mySwipera .swiper-pagination1as { position: absolute; left: auto; bottom: auto; right: 2.5%; top: 50%; z-index: 9; width: auto; } @media (max-width: 768px) { .pc-banner .mySwipera .swiper-pagination1as { top: auto; bottom: 3%; right: 0; width: 100%; text-align: center; } } .pc-banner .mySwipera .swiper-pagination1as span { display: block; opacity: 1; width: .8125rem; height: .8125rem; border: 2px solid #fff; border-radius: 50%; background: transparent; margin: 1rem auto; position: relative; } @media (max-width: 768px) { .pc-banner .mySwipera .swiper-pagination1as span { display: inline-block; margin: 0 0.5rem; border-width: 1px; } } .pc-banner .mySwipera .swiper-pagination1as span::after { content: ""; display: block; width: 2.5rem; height: 1px; background: rgba(255, 255, 255, 0.3); position: absolute; left: -4.8rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; } @media (max-width: 768px) { .pc-banner .mySwipera .swiper-pagination1as span::after { display: none; } } .pc-banner .mySwipera .swiper-pagination1as span u { color: #fff; font: 500 1.25rem/1em "sourcehansans"; -webkit-text-decoration: dashed; -moz-text-decoration: dashed; text-decoration: dashed; position: absolute; left: -7.375rem; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; } @media (max-width: 768px) { .pc-banner .mySwipera .swiper-pagination1as span u { display: none; } } .pc-banner .mySwipera .swiper-pagination1as span.swiper-pagination-bullet-active { background: #fff; } .pc-banner .mySwipera .swiper-pagination1as span.swiper-pagination-bullet-active::after, .pc-banner .mySwipera .swiper-pagination1as span.swiper-pagination-bullet-active u { opacity: 1; } .label_el { color: rgba(26, 26, 26, 0); text-shadow: none; -webkit-text-stroke-width: 0.47px; -webkit-text-stroke-color: #fff; } @media (max-width: 768px) { .label_el { -webkit-text-stroke-width: 0.3px; } } @-webkit-keyframes banscaleDraw { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/ 0% { -webkit-transform: scale(1); transform: scale(1); /*开始为原始大小*/ } 25% { -webkit-transform: scale(1.1); transform: scale(1.1); /*放大1.1倍*/ } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 75% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes banscaleDraw { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/ 0% { -moz-transform: scale(1); transform: scale(1); /*开始为原始大小*/ } 25% { -moz-transform: scale(1.1); transform: scale(1.1); /*放大1.1倍*/ } 50% { -moz-transform: scale(1.2); transform: scale(1.2); } 75% { -moz-transform: scale(1.1); transform: scale(1.1); } 100% { -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes banscaleDraw { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/ 0% { -o-transform: scale(1); transform: scale(1); /*开始为原始大小*/ } 25% { -o-transform: scale(1.1); transform: scale(1.1); /*放大1.1倍*/ } 50% { -o-transform: scale(1.2); transform: scale(1.2); } 75% { -o-transform: scale(1.1); transform: scale(1.1); } 100% { -o-transform: scale(1); transform: scale(1); } } @keyframes banscaleDraw { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/ 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); /*开始为原始大小*/ } 25% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); /*放大1.1倍*/ } 50% { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } 75% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } .zmfd { -webkit-animation-name: banscaleDraw; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 10s; /*动画所花费的时间*/ } @-webkit-keyframes run { from { bottom: 5%; opacity: 0; } to { bottom: 3%; opacity: 1; } } @-moz-keyframes run { from { bottom: 5%; opacity: 0; } to { bottom: 3%; opacity: 1; } } @-o-keyframes run { from { bottom: 5%; opacity: 0; } to { bottom: 3%; opacity: 1; } } @keyframes run { from { bottom: 5%; opacity: 0; } to { bottom: 3%; opacity: 1; } } .kajjt { text-align: center; -webkit-animation: run 1s infinite linear; -moz-animation: run 1s infinite linear; -o-animation: run 1s infinite linear; animation: run 1s infinite linear; position: absolute; left: 0; width: 100%; bottom: 3%; z-index: 99; } .kajjt img { width: 1.42rem; margin: 0 auto; } @media (max-width: 768px) { .kajjt { bottom: 7%; } .kajjt img.a { width: 2.5rem; } } .swiper { overflow: hidden; } .overa { overflow: hidden; } /* 图片动画 */ .fang { overflow: hidden; display: block; } .fang img { -webkit-transition: all .6s; -o-transition: all .6s; -moz-transition: all .6s; transition: all .6s; } .fang:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .fanga { overflow: hidden; } .fanga img { -webkit-transition: all .6s; -o-transition: all .6s; -moz-transition: all .6s; transition: all .6s; } .fanga:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .xz img { -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .xz:hover img { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } .mktop { -webkit-transition: all .5s; -o-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .mktop:hover { -webkit-transform: translateY(-5%); -moz-transform: translateY(-5%); -ms-transform: translateY(-5%); -o-transform: translateY(-5%); transform: translateY(-5%); } .titlea1 .name { color: #000000; font: 600 3.125rem/1.3em "sourcehansans"; text-transform: uppercase; } @media (max-width: 768px) { .titlea1 .name { font-size: 1.6rem; } } .titlea1 .p { color: #000000; font: 500 1.375rem/1.6em "sourcehansans"; margin-top: 0.5em; } @media (max-width: 768px) { .titlea1 .p { font-size: 1rem; } } .titlea1.bs .name { color: #fff; } .titlea1.bs .p { color: #fff; } .swiper-pagination1 { text-align: center; } .swiper-pagination1 span { opacity: 1; border: 2px solid #FFFFFF; width: .8125rem; height: .8125rem; border-radius: 50%; margin: 0 .375rem !important; background: transparent; } .swiper-pagination1 span.swiper-pagination-bullet-active { background: #D9D9D9; border-color: #D9D9D9; } .cont1 { background: #F0F0F0; position: relative; padding: 10rem 0 10.85rem; overflow: hidden; } @media (max-width: 768px) { .cont1 { padding: 2.5rem 0; } } .cont1 i { position: absolute; right: 0; display: block; width: 40.20833%; top: -12.5rem; font-size: 0; } .cont1 i img { width: 100%; } .cont1 .wh { position: relative; z-index: 1; } .cont1 .wh .a1_list1 { margin: 0 -1%; margin-top: 2.4rem; } @media (max-width: 768px) { .cont1 .wh .a1_list1 { margin-top: 0; } } .cont1 .wh .a1_list1 li { width: -webkit-calc(100%/3); width: -moz-calc(100%/3); width: calc(100%/3); padding: 0 1%; margin-top: 1.375rem; } @media (max-width: 768px) { .cont1 .wh .a1_list1 li { width: 50%; margin-top: 1rem; } } .cont1 .wh .a1_list1 li a.namea { display: block; padding: 2.375rem 7% 3.5rem; background: #fff; -webkit-clip-path: polygon(8% 0%, 92% 0%, 100% 20%, 100% 80%, 92% 100%, 8% 100%, 0% 80%, 0% 20%); clip-path: polygon(8% 0%, 92% 0%, 100% 20%, 100% 80%, 92% 100%, 8% 100%, 0% 80%, 0% 20%); height: 100%; width: 100%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media (max-width: 768px) { .cont1 .wh .a1_list1 li a.namea { padding: 1.8rem 5% 2rem; } } .cont1 .wh .a1_list1 li a.namea span { display: block; color: #000000; font: 600 1.375rem/1.2em "sourcehansans"; text-align: center; width: 100%; } @media (max-width: 768px) { .cont1 .wh .a1_list1 li a.namea span { font-size: 1.25rem; } } .cont1 .wh .a1_list1 li a.namea span::after { content: ""; width: 2.3125rem; height: 1px; background: #F96F17; display: block; margin: 0.5em auto 0; } .cont1 .wh .a1_list1 li:hover a.namea { background: #F96F17; } .cont1 .wh .a1_list1 li:hover a.namea span { color: #fff; } .cont1 .wh .a1_list1 li:hover a.namea span::after { background: #fff; } .cont2 { background: url(../images/bj1.jpg) no-repeat center top; background-attachment: fixed; -o-background-size: cover; background-size: cover; padding: 16.375rem 0 11.125rem; } @media (max-width: 768px) { .cont2 { padding: 2.5rem 0; } } .cont2 .titlea1 .p { margin-top: 0.4em; max-width: 69%; } @media (max-width: 768px) { .cont2 .titlea1 .p { max-width: 100%; } } .cont2 .a2_list1 { margin-top: 4.375rem; } @media (max-width: 768px) { .cont2 .a2_list1 { margin-top: 2rem; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .cont2 .a2_list1 li { width: 7.75rem; margin-right: 3rem; } @media (max-width: 768px) { .cont2 .a2_list1 li { margin-right: 0; width: 31%; } } .cont2 .a2_list1 li a { display: block; text-align: center; } .cont2 .a2_list1 li a i { width: 100%; display: block; position: relative; } .cont2 .a2_list1 li a i img.b { width: 50%; margin: 0 auto; } .cont2 .a2_list1 li a i img.a { width: 100%; } .cont2 .a2_list1 li a i img.c { display: none; } .cont2 .a2_list1 li a p { color: #FFFFFF; font: 500 1.375rem/1.2em "sourcehansans"; margin-top: 1em; } @media (max-width: 768px) { .cont2 .a2_list1 li a p { font-size: 1.125rem; margin-top: 0.6em; } } .cont2 .a2_list1 li:hover a i img.a { display: none; } .cont2 .a2_list1 li:hover a i img.c { display: block; } .cont3 { background: url(../images/bj2.jpg) no-repeat center top; -o-background-size: cover; background-size: cover; padding: 10rem 0 0; } @media (max-width: 768px) { .cont3 { padding-top: 2rem; } } .cont3 .a3_v1 .a3_b1 { width: 52.14286%; padding-bottom: 5rem; } @media (max-width: 768px) { .cont3 .a3_v1 .a3_b1 { width: 100%; padding-bottom: 1.5rem; } } .cont3 .a3_v1 .a3_b1 .p { color: #FFFFFF; font: 500 1.15rem/1.7em "sourcehansans"; margin-top: 0.5em; } @media (max-width: 768px) { .cont3 .a3_v1 .a3_b1 .p { font-size: 1rem; } } .cont3 .a3_v1 .a3_b1 a.more-msl { margin-top: 2rem; } @media (max-width: 768px) { .cont3 .a3_v1 .a3_b1 a.more-msl { margin-top: 1.5rem; } } .cont3 .a3_v1 .a3_b2 { width: 47.14286%; position: relative; margin-right: -10%; } @media (max-width: 1366px) { .cont3 .a3_v1 .a3_b2 { margin-right: -3%; } } @media (max-width: 990px) { .cont3 .a3_v1 .a3_b2 { margin-right: -1.5%; } } @media (max-width: 768px) { .cont3 .a3_v1 .a3_b2 { width: 100%; margin-right: 0; } } @media (max-width: 768px) { .cont3 .a3_v1 .a3_b2 .xwe_ajha { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .cont3 .a3_v1 .a3_b2 .xwe_ajha li { width: 22.8125rem; height: 19.8125rem; background: url(../images/asg1.svg) no-repeat center top; -o-background-size: 100% 100%; background-size: 100% 100%; -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); text-align: center; margin-top: -2px; } @media (max-width: 768px) { .cont3 .a3_v1 .a3_b2 .xwe_ajha li { width: 49%; padding-bottom: 40%; height: 0; margin-bottom: 1rem; position: relative; left: 0; top: 0; } } .cont3 .a3_v1 .a3_b2 .xwe_ajha li:nth-child(2) { position: absolute; left: 17.025rem; top: 9.89rem; } @media (max-width: 768px) { .cont3 .a3_v1 .a3_b2 .xwe_ajha li:nth-child(2) { position: relative; left: 0; top: 0; } } .cont3 .a3_v1 .a3_b2 .xwe_ajha li:nth-child(4) { margin-left: -17.0375rem; margin-top: -9.9rem; } @media (max-width: 768px) { .cont3 .a3_v1 .a3_b2 .xwe_ajha li:nth-child(4) { margin: 0; } } .cont3 .a3_v1 .a3_b2 .xwe_ajha li a.a { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; width: 100%; height: 100%; } @media (max-width: 768px) { .cont3 .a3_v1 .a3_b2 .xwe_ajha li a.a { position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; } } .cont3 .a3_v1 .a3_b2 .xwe_ajha li a.a div { width: 100%; } .cont3 .a3_v1 .a3_b2 .xwe_ajha li a.a img { width: 19.17808%; margin: 0 auto; } @media (max-width: 768px) { .cont3 .a3_v1 .a3_b2 .xwe_ajha li a.a img { width: 27.39726%; } } .cont3 .a3_v1 .a3_b2 .xwe_ajha li a.a h2 { color: #fff; font: 600 1.75rem/1.5em "sourcehansans"; margin-top: 0.2em; } @media (max-width: 768px) { .cont3 .a3_v1 .a3_b2 .xwe_ajha li a.a h2 { font-size: 1.2rem; } } .cont3 .a3_v1 .a3_b2 .xwe_ajha li:hover { background-image: url(../images/asg2.svg); } .cont3 .a3_v1 .a3_b2 .xwe_ajha li:hover a.a img { -webkit-filter: invert(50%) sepia(87%) saturate(2425%) hue-rotate(351deg) brightness(100%) contrast(96%); filter: invert(50%) sepia(87%) saturate(2425%) hue-rotate(351deg) brightness(100%) contrast(96%); } .cont3 .a3_v1 .a3_b2 .xwe_ajha li:hover a.a h2 { color: #000000; } .cont4 { background: #F0F0F0; padding: 7.125rem 0 9.25rem; position: relative; } @media (max-width: 768px) { .cont4 { padding: 2rem 0; } } .cont4 u { display: block; font-size: 0; position: absolute; left: 0; bottom: 0; width: 40.20833%; } .cont4 u img { width: 100%; } .cont4 .a4_v1 { position: relative; z-index: 2; } .cont4 .a4_v1 .wehxa { margin-left: 13.54167%; } @media (max-width: 1366px) { .cont4 .a4_v1 .wehxa { margin-left: 5.78125%; } } @media (max-width: 768px) { .cont4 .a4_v1 .wehxa { margin-left: 4%; } } .cont4 .a4_v1 .wehxa .mySwiper1 { padding-right: 15.66265%; margin-top: 2.4125rem; } @media (max-width: 1366px) { .cont4 .a4_v1 .wehxa .mySwiper1 { padding-right: 7%; } } @media (max-width: 768px) { .cont4 .a4_v1 .wehxa .mySwiper1 { padding-right: 5%; margin-top: 1.5rem; } } .cont4 .a4_v1 .wehxa .mySwiper1 .swiper-slide .cont { background: #fff; border-radius: 1.875rem; padding: 2rem 2.375rem 2.2rem; } .cont4 .a4_v1 .wehxa .mySwiper1 .swiper-slide .cont .p{ margin-bottom: 1em; color: rgba(0, 0, 0, 0.6); font: 500 1.125rem/1.5em "sourcehansans"; } @media (max-width: 768px) { .cont4 .a4_v1 .wehxa .mySwiper1 .swiper-slide .cont { padding: 1.5rem 1.5rem; border-radius: 1rem; } } .cont4 .a4_v1 .wehxa .mySwiper1 .swiper-slide .cont span { display: inline-block; color: #000000; font: 500 1rem/2.75rem "sourcehansans"; padding: 0 1em; border-radius: .625rem; background: #EEEEEE; } .cont4 .a4_v1 .wehxa .mySwiper1 .swiper-slide .cont a.tit { display: block; color: #000000; font: 600 1.25rem/1.5em "sourcehansans"; text-transform: Capitalize; margin: 1.375rem 0 0.6rem; height: 3em; } @media (max-width: 768px) { .cont4 .a4_v1 .wehxa .mySwiper1 .swiper-slide .cont a.tit { font-size: 1.125rem; overflow: hidden; /* height: 6.25em; */ } } .cont4 .a4_v1 .wehxa .mySwiper1 .swiper-slide .cont a.tit:hover { color: #F96F17; } .cont4 .a4_v1 .wehxa .mySwiper1 .swiper-slide .cont .data { color: rgba(0, 0, 0, 0.6); font: 500 1.125rem/1.5em "sourcehansans"; } .cont4 .a4_v1 .wehxa .mySwiper1 .swiper-slide .cont a.asa { display: block; border: 1px solid #DCDCDC; width: 3.1875rem; height: 3.1875rem; text-align: center; border-radius: 50%; margin-top: 1.2em; } .cont4 .a4_v1 .wehxa .mySwiper1 .swiper-slide .cont a.asa i { color: #DCDCDC; font: 500 1.25rem/3.1875rem "sourcehansans"; } @media (max-width: 768px) { .cont4 .a4_v1 .wehxa .mySwiper1 .swiper-slide .cont a.asa { width: 2.8rem; height: 2.8rem; margin-top: 1em; } .cont4 .a4_v1 .wehxa .mySwiper1 .swiper-slide .cont a.asa i { font-size: 1rem; line-height: 2.8rem; } } .cont4 .a4_v1 .wehxa .mySwiper1 .swiper-slide .cont a.asa:hover { background: #F96F17; border-color: #F96F17; } .cont4 .a4_v1 .wehxa .mySwiper1 .swiper-slide .cont a.asa:hover i { color: #fff; } .cont4 .a4_v2 { margin-top: 5.625rem; } @media (max-width: 768px) { .cont4 .a4_v2 { margin-top: 2rem; } } .cont4 .a4_v2 .swiper-pagination { width: 100%; height: 4px; } .cont4 .a4_v2 .swiper-pagination-progressbar { background: rgba(91, 89, 89, 0.6); } .cont4 .a4_v2 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #F96F17; } .cont4 .a4_v2 .jtaa { position: absolute; right: 10%; top: -0.7rem; } @media (max-width: 1366px) { .cont4 .a4_v2 .jtaa { display: none; } } .cont4 .a4_v2 .jtaa > div { margin: 0 0.25rem; } .cont4 .a4_v2 .jtaa i { width: 1.4375rem; display: block; } .cont4 .a4_v2 .jtaa i img { width: 100%; } .cont5 { background: url(../images/bj3.jpg) no-repeat center top; background-attachment: fixed; -o-background-size: cover; background-size: cover; padding: 11rem 0 11.375rem; } @media (max-width: 768px) { .cont5 { padding: 2.5rem 0; } } .cont5 .titlea1 .p { max-width: 50.21429%; text-transform: Capitalize; } @media (max-width: 768px) { .cont5 .titlea1 .p { max-width: 100%; } } .cont5 a.more-msl { margin-top: 1.5rem; } @media (max-width: 768px) { .cont5 a.more-msl { margin-top: 1rem; } } .foot-fot { position: relative; background: #FFFFFF; } .foot-fot .foota1 { position: relative; z-index: 1; padding: 3.4375rem 0 2.2rem; } @media (max-width: 990px) { .foot-fot .foota1 { display: none; } } .foot-fot .foota1 .foot-tit { color: #000000; font: 500 1.25rem/1.5em "sourcehansans"; text-transform: uppercase; } .foot-fot .foota1 .foot-tit a { color: #000000; } .foot-fot .foota1 .dseca { margin-top: 0.4em; } .foot-fot .foota1 .dseca > a { display: block; color: rgba(0, 0, 0, 0.5); font: 500 1rem/1.7em "sourcehansans"; } .foot-fot .foota1 .dseca > a:hover { color: #F96F17; } .foot-fot .foota2 .foota2_v1 { border-top: 1px solid rgba(178, 178, 178, 0.3); padding: 2rem 0; } @media (max-width: 768px) { .foot-fot .foota2 .foota2_v1 { padding: 1.5rem 0; } } .foot-fot .foota2 .foota2_v1 .foot-tit { color: #000000; font: 500 1.25rem/1.5em "sourcehansans"; text-transform: uppercase; margin-bottom: 0.4em; } .foot-fot .foota2 .foota2_v1 .foot-tit a { color: #000000; } .foot-fot .foota2 .foota2_v1 .foota2_b1 { width: 64.28571%; } @media (max-width: 768px) { .foot-fot .foota2 .foota2_v1 .foota2_b1 { width: 100%; margin-bottom: 1rem; } } .foot-fot .foota2 .foota2_v1 .foota2_b1 .p { color: rgba(0, 0, 0, 0.5); font: 500 1rem/1.6em "sourcehansans"; } .foot-fot .foota2 .foota2_v1 .dxagasgh .social-share .social-share-icon { width: 2.0625rem; height: 2.0625rem; line-height: 2.0625rem; border: none; font-size: 1rem; color: #fff; background: rgba(0, 0, 0, 0.15); } .foot-fot .foota2 .foota2_v1 .dxagasgh .social-share .social-share-icon:hover { background: #474D57; } .foot-fot .foota3 { color: #fff; font: 500 1rem/1.5em "sourcehansans"; background: #F96F17; } .foot-fot .foota3 .wh .foota2-v1 { padding: 1rem 0; } .foot-fot .foota3 .wh .foota2-v1 a { color: #fff; font: 500 1rem/1.5em "sourcehansans"; } .foot-fot .foota3 .wh .foota2-v1 a:hover { opacity: 0.8; } .foot1-m { display: none; width: 100%; position: relative; z-index: 1; } .foot1-m .derma-m { width: 30%; max-width: 100px; margin: 1.5em auto 0; } @media (max-width: 990px) { .d_nav { display: none; } .fix-gonga { display: none !important; } } /*手机底部*/ @media (max-width: 991px) { .foot1-m { display: block; } } .hidden { display: none; } .dbb { height: 50px; } .zd_erha { position: fixed; right: 1.82292%; bottom: 12%; z-index: 999; } @media (max-width: 768px) { .zd_erha { display: none; } } .zd_erha .aat_list li { position: relative; } .zd_erha .aat_list li + li { margin-top: 1.25rem; } .zd_erha li > a { display: block; width: 3.5rem; height: 3.5rem; position: relative; background: rgba(0, 0, 0, 0.8); border-radius: 50%; line-height: 3.45rem; box-shadow: 0 0 1rem rgba(51, 51, 51, 0.2); } .zd_erha li > a i { display: block; margin: 0 auto; text-align: center; } .zd_erha li > a i img { height: 1.4rem; } .zd_erha li > a:hover { background: #000; } .aat_list li:last-child { display: none; } .zd_erha .aat_list li .erghgsa { position: absolute; z-index: -1; padding: 0.5em 1rem; width: 16rem; text-align: center; right: -webkit-calc(110% + 5px); right: -moz-calc(110% + 5px); right: calc(110% + 5px); top: 10%; opacity: 0; visibility: hidden; -webkit-transform: translateX(110%); -moz-transform: translateX(110%); -ms-transform: translateX(110%); -o-transform: translateX(110%); transform: translateX(110%); -webkit-transition: all .7s; -o-transition: all .7s; -moz-transition: all .7s; transition: all .7s; box-shadow: 0 4px 20px 4px rgba(0, 20, 60, 0.2); color: #333; font-size: 1.125rem; background: #fff; border-radius: 0.4rem; } .zd_erha .aat_list li:hover .erghgsa { opacity: 1; visibility: visible; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .zd_erha .aat_list li .erghgsb { width: 7rem; padding: 0.3rem; } .ny-body-page { padding-top: 5.625rem; } @media (max-width: 990px) { .ny-body-page { padding-top: 60px; } } .nbanner { overflow: hidden; } .nbanner .img img { -o-object-fit: cover; object-fit: cover; max-height: 100vh; } .nbanner .nbanner-wen1 { width: 100%; z-index: 9; } .nbanner .nbanner-wen1 .banner-cont { color: #fff; width: 100%; display: none; } .nbanner .nbanner-wen1 .banner-cont h2 { font: 600 3.75rem/1.3em "sourcehansans"; text-transform: uppercase; } @media (max-width: 768px) { .nbanner .nbanner-wen1 .banner-cont h2 { font-size: 1.8rem; } } .nbanner .nbanner-wen1 .banner-cont p { font: 600 1.75rem/1.3em "sourcehansans"; text-transform: capitalize; } @media (max-width: 768px) { .nbanner .nbanner-wen1 .banner-cont p { font-size: 1.125rem; margin-top: 0.25em; } } .n_mbx { position: relative; } .n_mbx .n_src { font-size: 0; margin: 0 -1%; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; } .n_mbx .n_src li { width: 25%; padding: 0 1%; text-align: center; margin-top: 1rem; } @media (max-width: 1024px) { .n_mbx .n_src li { width: -webkit-calc(100%/3); width: -moz-calc(100%/3); width: calc(100%/3); } } @media (max-width: 768px) { .n_mbx .n_src li { width: 50%; margin-top: 0.75rem; } } .n_mbx .n_src li a { display: block; color: #000000; background: #F6F6F6; font: 600 1.125rem/1.5em "sourcehansans"; position: relative; padding: 1.25rem 0; -webkit-clip-path: polygon(4% 0%, 96% 0%, 100% 25%, 100% 75%, 96% 100%, 4% 100%, 0% 75%, 0% 25%); clip-path: polygon(4% 0%, 96% 0%, 100% 25%, 100% 75%, 96% 100%, 4% 100%, 0% 75%, 0% 25%); height: 100%; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: flex-start; -moz-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } .n_mbx .n_src li a span { display: block; width: 100%; } @media (max-width: 768px) { .n_mbx .n_src li a { font-size: 1rem; padding: 1rem 0; -webkit-clip-path: polygon(8% 0%, 92% 0%, 100% 25%, 100% 75%, 92% 100%, 8% 100%, 0% 75%, 0% 25%); clip-path: polygon(8% 0%, 92% 0%, 100% 25%, 100% 75%, 92% 100%, 8% 100%, 0% 75%, 0% 25%); } } .n_mbx .n_src li:hover a, .n_mbx .n_src li.active a { color: #fff; background: #F96F17; } .loadmore-nodata { margin: 0 auto 9em; } .text-center { text-align: center; } .pagination { display: inline-block; padding-left: 0; margin: 0 0; border-radius: 4px; } @media (max-width: 768px) { .pagination { margin: 0 0 0; } } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; margin-left: -1px; line-height: 2.375rem; color: #7D7D7D; text-decoration: none; background-color: #fff; border: 1px solid #ddd; margin: 0 0.2rem; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; line-height: 2.1; } .pagination > li:last-child > a, .pagination > li:last-child > span { line-height: 2.1; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { z-index: 2; color: #FF6A00; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 3; color: #fff; cursor: default; background-color: #FF6A00; border-color: #FF6A00; vertical-align: middle; } .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .pager { padding-left: 0; margin: 2.6875rem 0; text-align: center; list-style: none; } @media (max-width: 768px) { .pager { margin: 1.5rem 0; } } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; background-color: transparent; border: 1px solid #ddd; border-radius: 50%; width: 2.375rem; height: 2.375rem; } .pager li > a:focus, .pager li > a:hover { text-decoration: none; background-color: #eee; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span { color: #777; cursor: not-allowed; background-color: transparent; } .ajhhsd { color: #515151; font: 500 1rem/1.5em "sourcehansans"; padding: 1em 0; text-transform: uppercase; } .ajhhsd a { color: #515151; } .ajhhsd a:hover { color: #F96F17; } .ajhhsd span { padding: 0 0.3em; } .ajhhsd span:last-child { display: none; } .xw_ny_banner { background: #333; -o-background-size: cover; background-size: cover; padding: 13.5rem 0 7.25rem; } @media (max-width: 990px) { .xw_ny_banner { padding: 7.25rem 0; } } @media (max-width: 768px) { .xw_ny_banner { padding: 4rem 0; } } .xw_ny_banner h2 { color: #FFFFFF; font: 600 3.125rem/1.2em "sourcehansans"; } @media (max-width: 768px) { .xw_ny_banner h2 { font-size: 1.8rem; } } .nav-page li { padding-bottom: 1em; } .nav-page li + li { border-top: 1px solid #f0f0f0; padding-top: 1em; } .nav-page li > a { display: block; font: 600 1.35rem/1.5em "sourcehansans"; color: #333; } @media (max-width: 768px) { .nav-page li > a { font-size: 1.25rem; } } .nav-page li .sec { margin-top: 0.5em; } .nav-page li .sec a { display: inline-block; font: 500 1rem/1.6em "sourcehansans"; color: #777; margin-right: 1em; } .nav-page li .sec a:hover { color: #F96F17; } @media (max-width: 768px) { .mt40 { margin-top: 1rem; } } .ssy-sskaa { margin-bottom: 2rem; } @media (max-width: 768px) { .ssy-sskaa { margin-bottom: 1.5rem; } } .ssy-sskaa .searchsa form { width: 50%; border: 1px solid #999; padding: 0 1.5em; border-radius: 2rem; margin: 0 auto; } @media (max-width: 768px) { .ssy-sskaa .searchsa form { width: 90%; } } .ssy-sskaa .searchsa form input { width: 70%; font: 500 1.25rem/4rem "sourcehansans"; background: transparent; color: #999; } @media (max-width: 768px) { .ssy-sskaa .searchsa form input { font-size: 1.125rem; line-height: 3rem; } } .ssy-sskaa .searchsa form button { width: auto; outline: none; border: none; background: transparent; } .ssy-sskaa .searchsa form button i { font: 500 1.6rem/4rem "sourcehansans"; color: #333; } @media (max-width: 768px) { .ssy-sskaa .searchsa form button i { font-size: 1.35rem; line-height: 3rem; } } .sssjga { color: #333; font: 600 1.25rem/1.5em "sourcehansans"; margin-bottom: 1em; } .ss-list li + li { margin-top: 2rem; } @media (max-width: 768px) { .ss-list li + li { margin-top: 1rem; } } .ss-list li div.img { width: 25%; } @media (max-width: 768px) { .ss-list li div.img { width: 100%; } } .ss-list li div.img a.img { display: block; border: 1px solid #f2f2f2; } .ss-list li .xw-nycont { width: 72%; } .ss-list li .xw-nycont.w100 { width: 100%; } @media (max-width: 768px) { .ss-list li .xw-nycont { width: 100%; margin-top: 1.2em; } } .ss-list li .xw-nycont h2 a { display: block; color: #656363; font: 500 1.25rem/1.35em "sourcehansans"; overflow: hidden; margin-bottom: 0.2em; } @media (max-width: 768px) { .ss-list li .xw-nycont h2 a { font-size: 1.125rem; } } .ss-list li .xw-nycont span { color: #F96F17; font: 500 1rem/1.5em "sourcehansans"; } .ss-list li .xw-nycont .datea { color: #999999; font: 500 0.95rem/1.5em "sourcehansans"; } .ss-list li .xw-nycont .p { color: #999999; font: 500 1rem/1.5em "sourcehansans"; margin-top: 0.5em; } .ss-list li .xw-nycont a.more-msl { margin-top: 1em; border-color: #D9D9D9; background: #FBFCFE; color: #868686; } .ss-list li .xw-nycont a.more-msl .p1 { background: #D9D9D9; } .ss-list li .xw-nycont a.more-msl:hover { color: #fff; } .shzr-content { color: #252323; font: 500 1rem/2em "sourcehansans"; padding: 1rem 0 3rem; } .shzr-content h4 { margin-bottom: 0.5em; } .list_content { padding: 4.5rem 0; font-size: 1rem; color: #474D57; font-family: 'sourcehansans'; border-bottom: 1px solid #E1E1E1; } .list_content * { font-family: 'sourcehansans'; } @media (max-width: 768px) { .list_content { padding: 2rem 0; } } @-webkit-keyframes scale2 { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.05); transform: scale(1.05); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .fang-img { -webkit-animation: scale2 4s infinite linear; -moz-animation: scale2 4s infinite linear; -o-animation: scale2 4s infinite linear; animation: scale2 4s infinite linear; } .ny-tit { text-align: center; } .ny-tit .name { color: #181818; font: 600 2.5rem/1.8em "sourcehansans"; text-transform: uppercase; } @media (max-width: 768px) { .ny-tit .name { font-size: 1.8rem; } } .ny-tit.bs { color: #fff; } .ny-tit.bs .name { color: #fff; } #abt1, #abt2, #abt3, #abt4, #abt5 { height: 7.3125rem; margin-top: -7.3125rem; } @media (max-width: 990px) { #abt1, #abt2, #abt3, #abt4, #abt5 { height: 60px; margin-top: -60px; } } .abt-cont1 { margin-top: 1.5rem; } @media (max-width: 768px) { .abt-cont1 { margin-top: 0.6rem; } } .abt-cont1 .p { color: #4D4C4C; font: 500 1.125rem/1.5em "sourcehansans"; margin-top: 0.5em; } .abt-cont1 .abt_a1_v1 { margin-top: 2rem; } @media (max-width: 768px) { .abt-cont1 .abt_a1_v1 { margin-top: 1rem; } } .abt-cont1 .abt_a1_v1 .abt_a1 { width: 58.78571%; position: relative; border-radius: 1.25rem; overflow: hidden; } @media (max-width: 768px) { .abt-cont1 .abt_a1_v1 .abt_a1 { width: 100%; border-radius: 1rem; } } .abt-cont1 .abt_a1_v1 .abt_a1 .swiper-pagination1 { position: absolute; left: 0; width: 100%; bottom: 5%; z-index: 9; } .abt-cont1 .abt_a1_v1 .abt_a2 { width: 38.71429%; border-radius: 1.25rem; overflow: hidden; } @media (max-width: 768px) { .abt-cont1 .abt_a1_v1 .abt_a2 { width: 100%; margin-top: 1rem; border-radius: 1rem; } } .abt-cont1 .abt_a1_v1 .abt_a2 img { width: 100%; } .abt-cont2 { background: url(../images/bj1.png) no-repeat center bottom; -o-background-size: cover; background-size: cover; padding: 5rem 0; margin-top: 5.75rem; } @media (max-width: 768px) { .abt-cont2 { padding: 2rem 0; margin-top: 2rem; } } .abt-cont2 .fzlc { margin-top: 2.8rem; } @media (max-width: 768px) { .abt-cont2 .fzlc { margin-top: 1.2rem; } } .abt-cont2 .fzlc .mySwiper11 { position: relative; } .abt-cont2 .fzlc .mySwiper11 .swiper-slide .cont { background: #F96F17; border-radius: 1.875rem; color: #fff; width: 65.35714%; margin: 0 auto; padding: 1.2rem 3.2% 1.8em; } @media (max-width: 768px) { .abt-cont2 .fzlc .mySwiper11 .swiper-slide .cont { width: 71.42857%; } } .abt-cont2 .fzlc .mySwiper11 .swiper-slide .cont h2 { font: 500 3rem/1.5em "sourcehansans"; } @media (max-width: 768px) { .abt-cont2 .fzlc .mySwiper11 .swiper-slide .cont h2 { font-size: 2.5rem; } } .abt-cont2 .fzlc .mySwiper11 .swiper-slide .cont .p { font: 500 1.125rem/1.4em "sourcehansans"; } .abt-cont2 .fzlc .mySwiper11 .jtxas .next1a { left: 0; } .abt-cont2 .fzlc .mySwiper11 .jtxas .prev1a { right: 0; } .abt-cont2 .fzlc .mySwiper11 .jtxas .next1a, .abt-cont2 .fzlc .mySwiper11 .jtxas .prev1a { position: absolute; top: 50%; border: 1px solid #B0AEAE; width: 2.625rem; height: 2.625rem; text-align: center; border-radius: 50%; z-index: 9; } .abt-cont2 .fzlc .mySwiper11 .jtxas .next1a i, .abt-cont2 .fzlc .mySwiper11 .jtxas .prev1a i { color: #B0AEAE; font-size: 1.5rem; line-height: 2.625rem; } .abt-cont2 .ahxwas_a3 { position: relative; -webkit-transform: rotate(-8deg); -moz-transform: rotate(-8deg); -ms-transform: rotate(-8deg); -o-transform: rotate(-8deg); transform: rotate(-8deg); margin: 6rem 0; } @media (max-width: 768px) { .abt-cont2 .ahxwas_a3 { margin: 3rem 0 1rem; } } .abt-cont2 .ahxwas_a3::before { content: ""; display: block; height: 1px; width: 100%; border-top: 1px dashed #848484; position: absolute; left: 0; top: .625rem; } .abt-cont2 .ahxwas_a3 .mySwiper3 .swiper-slide { -webkit-transform: rotate(8deg); -moz-transform: rotate(8deg); -ms-transform: rotate(8deg); -o-transform: rotate(8deg); transform: rotate(8deg); } .abt-cont2 .ahxwas_a3 .mySwiper3 .swiper-slide .xhasz { text-align: center; position: relative; } .abt-cont2 .ahxwas_a3 .mySwiper3 .swiper-slide .xhasz::before { content: ""; width: 1.3125rem; height: 1.3125rem; display: inline-block; border: 1px solid #B8B8B8; border-radius: 50%; background: #fff; } @media (max-width: 768px) { .abt-cont2 .ahxwas_a3 .mySwiper3 .swiper-slide .xhasz::before { width: 1rem; height: 1rem; } } .abt-cont2 .ahxwas_a3 .mySwiper3 .swiper-slide .xhasz .szxds { color: #000000; font: 500 1.25rem/1.5em "sourcehansans"; } @media (max-width: 768px) { .abt-cont2 .ahxwas_a3 .mySwiper3 .swiper-slide .xhasz .szxds { font-size: 1rem; } } .abt-cont2 .ahxwas_a3 .mySwiper3 .swiper-slide .xhasz .szxds::before { content: ""; display: block; width: 1px; height: 1rem; background: #000; margin: -0.5em auto 0; } @media (max-width: 768px) { .abt-cont2 .ahxwas_a3 .mySwiper3 .swiper-slide .xhasz .szxds::before { height: 0.8rem; } } .abt-cont2 .ahxwas_a3 .mySwiper3 .swiper-slide.swiper-slide-thumb-active .xhasz::before { background: #F96F17; border-color: #F96F17; } .abt-cont3 { padding: 5.625rem 0; } @media (max-width: 768px) { .abt-cont3 { padding: 2rem 0; } } .abt-cont3 .abt-a3_v1 { margin-top: 1rem; } .abt-cont3 .abt-a3_v1 .abt-a3_b1 { width: 39.42857%; } @media (max-width: 768px) { .abt-cont3 .abt-a3_v1 .abt-a3_b1 { width: 100%; } } .abt-cont3 .abt-a3_v1 .abt-a3_b1 dl { margin-bottom: 1.625rem; } @media (max-width: 768px) { .abt-cont3 .abt-a3_v1 .abt-a3_b1 dl { margin-bottom: 1.2rem; } } .abt-cont3 .abt-a3_v1 .abt-a3_b1 dl .img { width: 4.375rem; } @media (max-width: 768px) { .abt-cont3 .abt-a3_v1 .abt-a3_b1 dl .img { width: 3.6rem; } } .abt-cont3 .abt-a3_v1 .abt-a3_b1 dl .img img { width: 100%; } .abt-cont3 .abt-a3_v1 .abt-a3_b1 dl .cont { width: -webkit-calc(95% - 4.375rem); width: -moz-calc(95% - 4.375rem); width: calc(95% - 4.375rem); } @media (max-width: 768px) { .abt-cont3 .abt-a3_v1 .abt-a3_b1 dl .cont { width: -webkit-calc(96% - 3.6rem); width: -moz-calc(96% - 3.6rem); width: calc(96% - 3.6rem); } } .abt-cont3 .abt-a3_v1 .abt-a3_b1 dl .cont dt { color: #000000; font: 600 1.875rem/1.5em "sourcehansans"; text-transform: capitalize; } @media (max-width: 768px) { .abt-cont3 .abt-a3_v1 .abt-a3_b1 dl .cont dt { font-size: 1.5rem; } } .abt-cont3 .abt-a3_v1 .abt-a3_b1 dl .cont dd { color: #4D4C4C; font: 500 1.125rem/1.5em "sourcehansans"; margin-top: 0.2em; } @media (max-width: 768px) { .abt-cont3 .abt-a3_v1 .abt-a3_b1 dl .cont dd { font-size: 1rem; } } .abt-cont3 .abt-a3_v1 .abt-a3_b2 { width: 39.42857%; border-radius: 50%; overflow: hidden; } @media (max-width: 768px) { .abt-cont3 .abt-a3_v1 .abt-a3_b2 { width: 70%; margin: 1rem auto 0; } } .abt-cont3 .abt-a3_v1 .abt-a3_b2 u { display: block; font-size: 0; } .abt-cont3 .abt-a3_v1 .abt-a3_b2 u img { width: 100%; } .abt-cont3 .abt-a3_v1 .abt-a3_b2 .cont { text-align: center; top: 70%; } .abt-cont4 { background: #F7F7F7; padding: 4.875rem 0 4.375rem; } @media (max-width: 768px) { .abt-cont4 { padding: 2rem 0; } } .abt-cont4 .mySwiper4 { margin-top: 2.5125rem; } @media (max-width: 768px) { .abt-cont4 .mySwiper4 { margin-top: 1.25rem; } } .abt-cont4 .mySwiper4 .swiper-slide .jwer-a { position: relative; } .abt-cont4 .mySwiper4 .swiper-slide .jwer-a > img { width: 100%; } .abt-cont4 .mySwiper4 .swiper-slide .jwer-a .img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 18% 17% 18%; } .abt-cont4 .mySwiper4 .swiper-slide .jwer-a .img img { width: 100%; } .abt-cont4 .mySwiper4 .swiper-pagination1 { margin-top: 2rem; } @media (max-width: 768px) { .abt-cont4 .mySwiper4 .swiper-pagination1 { margin-top: 1rem; } } .abt-cont4 .mySwiper4 .swiper-pagination1 span { border-color: #F96F17; } .abt-cont4 .mySwiper4 .swiper-pagination1 span.swiper-pagination-bullet-active { background: #F96F17; } .cp-content { border-bottom: 1px solid #EAEAEA; margin-top: 5rem; } @media (max-width: 768px) { .cp-content { margin-top: 2rem; } } .product-list { margin: 0 -1%; } .product-list li { width: -webkit-calc(100%/3); width: -moz-calc(100%/3); width: calc(100%/3); padding: 0 1%; margin-bottom: 2.4125rem; } @media (max-width: 768px) { .product-list li { margin-bottom: 1rem; width: 50%; } } @media (max-width: 450px) { .product-list li { width: 100%; } } .product-list li a.img { position: relative; display: block; border: 1px solid #E0DCDC; border-radius: 1.875rem; overflow: hidden; } .product-list li a.img::after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(36, 38, 39, 0.3); opacity: 0; } .product-list li a.img i { display: block; font-size: 0; } .product-list li a.img i img { width: 100%; } .product-list li a.img u { display: block; font-size: 0; width: 14.54545%; z-index: 9; opacity: 0; } .product-list li a.img u img { width: 100%; } .product-list li h2 { color: #000000; font: 500 1.125rem/1.4em "sourcehansans"; margin-top: 1em; text-transform: capitalize; } @media (max-width: 450px) { .product-list li h2 { font-size: 1rem; } } .product-list li h2 a { color: #000000; } .product-list li p { color: #000000; font: 500 1.125rem/1.4em "sourcehansans"; text-transform: capitalize; } @media (max-width: 450px) { .product-list li p { font-size: 1rem; } } .product-list li:hover a.img::after { opacity: 1; } .product-list li:hover a.img u { opacity: 1; } .show-news-content { padding: 1rem 0 7.5rem; } @media (max-width: 768px) { .show-news-content { padding: 1rem 0 3rem; } } .show-news-content .cp-show-img { width: 41.14286%; } @media (max-width: 768px) { .show-news-content .cp-show-img { width: 100%; } } .show-news-content .cp-show-img .mySwiper5 { border-radius: 1.875rem; border: 1px solid #E0DCDC; overflow: hidden; position: relative; } .show-news-content .cp-show-img .mySwiper5 .swiper-slide img { width: 100%; } .show-news-content .cp-show-img .swiper-pagination1 { margin-top: 1rem; } @media (max-width: 768px) { .show-news-content .cp-show-img .swiper-pagination1 { margin-top: 0.5rem; } } .show-news-content .cp-show-img .swiper-pagination1 span { border-color: #F96F17; } .show-news-content .cp-show-img .swiper-pagination1 span.swiper-pagination-bullet-active { background: #F96F17; } .show-news-content .cp-show-cont { width: 52.35714%; } @media (max-width: 768px) { .show-news-content .cp-show-cont { width: 100%; margin-top: 1rem; } } .show-news-content .cp-show-cont .title-a { color: #000000; font: 600 2.5rem/1.2em "sourcehansans"; text-transform: uppercase; word-wrap: break-word; word-break: break-all; } @media (max-width: 768px) { .show-news-content .cp-show-cont .title-a { font-size: 1.6rem; } } .show-news-content .cp-show-cont .tit-p { color: #000000; font: 500 1.5rem/1.5em "sourcehansans"; text-transform: capitalize; margin-top: 0.4em; } @media (max-width: 768px) { .show-news-content .cp-show-cont .tit-p { font-size: 1.125rem; } } .show-news-content .cp-show-cont .cont-ast { margin-top: 2rem; } @media (max-width: 768px) { .show-news-content .cp-show-cont .cont-ast { margin-top: 1rem; } } .show-news-content .cp-show-cont .cont-ast .tit-t { color: #000000; font: 600 1.5rem/1.5em "sourcehansans"; text-transform: uppercase; } @media (max-width: 768px) { .show-news-content .cp-show-cont .cont-ast .tit-t { font-size: 1.125rem; } } .show-news-content .cp-show-cont .cont-ast .cont-co-show { margin-top: 0.6rem; } .show-news-content .cp-show-cont .cont-ast .cont-co-show dl { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #CACACA; padding: 0.65em 0; } .show-news-content .cp-show-cont .cont-ast .cont-co-show dl dt { width: 15.8125rem; } .show-news-content .cp-show-cont .cont-ast .cont-co-show dl dd { width: -webkit-calc(100% - 15.8125rem); width: -moz-calc(100% - 15.8125rem); width: calc(100% - 15.8125rem); } .henga1a { background: url(../images/heng1.jpg) no-repeat center top; background-attachment: fixed; -o-background-size: cover; background-size: cover; padding: 4rem 0; } @media (max-width: 768px) { .henga1a { padding: 2rem 0; } } .henga1a .ny-tit .name { text-transform: inherit; margin-bottom: 0.25em; } @media (max-width: 768px) { .henga1a .ny-tit .name { line-height: 1.3em; } } .rd-cont1 { padding: 3.8rem 0 5.625rem; } @media (max-width: 768px) { .rd-cont1 { padding: 1.5rem 0 2rem; } } .rd-cont1 .img { width: 54.14286%; } @media (max-width: 768px) { .rd-cont1 .img { width: 100%; } } .rd-cont1 .img img { width: 100%; border-radius: 1.875rem; } @media (max-width: 768px) { .rd-cont1 .img img { border-radius: 1rem; } } .rd-cont1 .cont { width: 39.71429%; } @media (max-width: 768px) { .rd-cont1 .cont { width: 100%; margin-top: 1rem; } } .rd-cont1 .cont .ny-tit .name { text-align: left; } .rd-cont1 .cont .text { color: #4D4C4C; font: 500 1.125rem/1.7em "sourcehansans"; margin-top: 0.5em; } @media (max-width: 768px) { .rd-cont1 .cont .text { margin-top: 0; } } .rd-cont2 { background: rgba(217, 217, 217, 0.2); padding: 3.875rem 0 5.9375rem; } @media (max-width: 768px) { .rd-cont2 { padding: 2rem 0; } } .rd-cont2 .ny-tit { text-align: left; } .rd-cont2 .p { color: #4D4C4C; font: 500 1.125rem/1.7em "sourcehansans"; margin-top: 0.5em; } @media (max-width: 768px) { .rd-cont2 .p { margin-top: 0; } } .rd-cont2 .list-weua { margin-top: 3.3125rem; } @media (max-width: 768px) { .rd-cont2 .list-weua { margin-top: 0; } } .rd-cont2 .list-weua dl { width: 31.57143%; font-size: 0; border-radius: 1.875rem; overflow: hidden; } @media (max-width: 768px) { .rd-cont2 .list-weua dl { border-radius: 1rem; margin-top: 1rem; width: 100%; } } .rd-cont2 .list-weua dl img { width: 100%; } .rd-cont3 { padding: 3.75rem 0 7rem; } @media (max-width: 768px) { .rd-cont3 { padding: 2rem 0; } } .rd-cont3 .p { color: #4D4C4C; font: 500 1.125rem/1.5em "sourcehansans"; margin-top: 0.5em; } @media (max-width: 768px) { .rd-cont3 .p { margin-top: 0; } } .rd-cont3 .img { font-size: 0; border-radius: 1.875rem; overflow: hidden; margin-top: 2.8125rem; } @media (max-width: 768px) { .rd-cont3 .img { margin-top: 1rem; border-radius: 1rem; } } .rd-cont3 .img img { width: 100%; } .list_rd { border-bottom: 1px solid #EAEAEA; } .news-list { margin-top: 3rem; } @media (max-width: 768px) { .news-list { margin-top: 1.5rem; } } .news-list li { border-bottom: 1px solid #EAEAEA; padding: 2rem 0; } .news-list li a.img { width: 27%; border-radius: 1rem; } @media (max-width: 768px) { .news-list li a.img { width: 100%; border-radius: 1rem; } } .news-list li a.img img { width: 100%; } .news-list li .cont { padding: 2rem 2.3rem 2.2rem; } @media (max-width: 768px) { .news-list li .cont { padding: 1.5rem 1.5rem; } } .news-list li .cont span { display: inline-block; color: #000000; font: 500 0.9rem/2.5rem "sourcehansans"; padding: 0 1em; border-radius: .425rem; background: #EEEEEE; } .news-list li .cont a.tit { display: block; color: #000000; font: 600 1.25rem/1.25em "sourcehansans"; text-transform: Capitalize; margin: 1.5625rem 0 0.8rem; } @media (max-width: 768px) { .news-list li .cont a.tit { font-size: 1.125rem; overflow: hidden; } } .news-list li .cont a.tit:hover { color: #F96F17; } .news-list li .cont .p { color: #4D4C4C; font: 500 1.125rem/1.7em "sourcehansans"; } .news-list li .cont .data { color: rgba(0, 0, 0, 0.6); font: 500 1.125rem/1.5em "sourcehansans"; } .news-list li .cont a.asa { display: block; border: 1px solid #DCDCDC; width: 3.1875rem; height: 3.1875rem; text-align: center; border-radius: 50%; } .news-list li .cont a.asa i { color: #DCDCDC; font: 500 1.25rem/3.1875rem "sourcehansans"; } @media (max-width: 768px) { .news-list li .cont a.asa { width: 2.8rem; height: 2.8rem; margin-top: 1em; } .news-list li .cont a.asa i { font-size: 1rem; line-height: 2.8rem; } } .news-list li .cont a.asa:hover { background: #F96F17; border-color: #F96F17; } .news-list li .cont a.asa:hover i { color: #fff; } .news-list li .cont { width: 70%; padding: 0; } @media (max-width: 768px) { .news-list li .cont { width: 100%; border-bottom: 1px solid #B5B4B4; padding: 1.5rem 1.5rem; } } .news-list li .cont a.tit { margin: 1rem 0; } @media (max-width: 768px) { .news-list li .cont a.tit { margin: 0.8rem 0; } } .news-list li .cont .sjaa { margin-top: 1.5rem; } @media (max-width: 768px) { .news-list li .cont .sjaa { margin-top: 0.4rem; } } .n-content { border-bottom: 1px solid #EAEAEA; } .wh2 { padding: 0 23.95833%; } @media (max-width: 1366px) { .wh2 { padding: 0 5.78125%; } } @media (max-width: 768px) { .wh2 { padding: 0 4%; } } .xw_ny_banner { background: #F0F0F0; padding: 7.25rem 0; } .xw_ny_banner p { color: rgba(0, 0, 0, 0.5); font: 600 1.75rem/1.3em "sourcehansans"; text-transform: capitalize; } @media (max-width: 768px) { .xw_ny_banner p { font-size: 1.125rem; margin-top: 0.25em; } } @media (max-width: 768px) { .xw_ny_banner { padding: 4rem 0; } } .xw_ny_banner h2 { color: #000000; font: 600 3.75rem/1.3em "sourcehansans"; text-transform: uppercase; } @media (max-width: 768px) { .xw_ny_banner h2 { font-size: 1.8rem; } } .ny-news-content .biaoti-tilte { color: #000000; font: 600 1.875rem/1.2em "sourcehansans"; margin-top: 1em; text-transform: capitalize; text-align: center; } @media (max-width: 768px) { .ny-news-content .biaoti-tilte { font-size: 1.4rem; margin-top: 0.6em; } } .ny-news-content .whhxaz { color: #F96F17; font: 500 1.125rem/1.5em "sourcehansans"; padding: 0.7em 0; } @media (max-width: 768px) { .ny-news-content .whhxaz { font-size: 1rem; } } .ny-news-content .dfdxdna { position: relative; } .ny-news-content .dfdxdna::after { content: ""; width: 38%; height: 1px; display: block; background: #D9D9D9; } @media (max-width: 768px) { .ny-news-content .dfdxdna::after { width: -webkit-calc(-webkit-calc(90% - 185px) / 2); width: -moz-calc(-moz-calc(90% - 185px) / 2); width: calc(calc(90% - 185px) / 2); } } .ny-news-content .dfdxdna::before { content: ""; width: 38%; height: 1px; display: block; background: #D9D9D9; } @media (max-width: 768px) { .ny-news-content .dfdxdna::before { width: -webkit-calc(-webkit-calc(90% - 185px) / 2); width: -moz-calc(-moz-calc(90% - 185px) / 2); width: calc(calc(90% - 185px) / 2); } } .ny-news-content .dfdxdna a { display: inline-block; margin: 0; width: 2.0625rem; height: 2.0625rem; font-size: 1rem; border-radius: 50%; line-height: 2.0625rem; color: #5B5B5B; border: 1px solid rgba(91, 91, 91, 0.15); } .ny-news-content .dfdxdna a + a { margin-left: .3875rem; } .ny-news-content .content { padding: 2.8125rem 0 1.875rem; color: #4D4C4C; font: 500 1rem/1.8em "sourcehansans"; } .ny-news-content .content img { width: 100%; } .pain { border-top: 1px solid #A5A5A5; padding: 1.2rem 0; margin-top: 2rem; } @media (max-width: 768px) { .pain { padding: 0.8rem 0; margin-top: 1.2rem; } } .pain .prev, .pain .next { text-transform: capitalize; font: 500 1.125rem/1.6em "sourcehansans"; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .pain .prev span, .pain .next span { color: #F96F17; } @media (max-width: 768px) { .pain .prev, .pain .next { font-size: 1rem; line-height: 1.3em; padding: 0.4em 0; white-space: inherit; } } .pain .prev a, .pain .next a { color: #4D4C4C; } .pain .prev a:hover, .pain .next a:hover { color: #F96F17; } @media (max-width: 768px) { .ny-news-content .content { padding: 1.7rem 0; font-size: 1rem; } } a.fhan-more { display: inline-block; color: #fff; font: 500 1rem/2.625em "sourcehansans"; padding: 0 2.2em; border-radius: 1.375rem; background: #F96F17; position: relative; overflow: hidden; } a.fhan-more span { display: block; position: relative; z-index: 2; } a.fhan-more:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; border-radius: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } a.fhan-more:hover { color: #fff; } a.fhan-more:hover::before { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); } .ny-news-content { border-bottom: 1px solid #E1E1E1; padding-bottom: 3.5rem; } @media (max-width: 768px) { .ny-news-content { padding-bottom: 1.5rem; } } .careers-cont1 { margin-top: 1rem; } .careers-cont1 .p { color: #4D4C4C; font: 500 1.125rem/1.5em "sourcehansans"; margin-top: 0.5em; } .careers-cont2 { margin-top: 3.875rem; } @media (max-width: 768px) { .careers-cont2 { margin-top: 2rem; } } .careers-cont2 .mySwiper6 { margin-top: 1rem; } .careers-cont2 .mySwiper6 .swiper-slide .img { border-radius: 1.875rem; font-size: 0; overflow: hidden; } @media (max-width: 768px) { .careers-cont2 .mySwiper6 .swiper-slide .img { border-radius: 1rem; } } .careers-cont2 .mySwiper6 .swiper-slide .img img { width: 100%; } .careers-cont2 .mySwiper6 .swiper-pagination1 { margin-top: 1.5rem; } @media (max-width: 768px) { .careers-cont2 .mySwiper6 .swiper-pagination1 { margin-top: 1rem; } } .careers-cont2 .mySwiper6 .swiper-pagination1 span { border-color: #F96F17; } .careers-cont2 .mySwiper6 .swiper-pagination1 span.swiper-pagination-bullet-active { background: #F96F17; } .careers-cont3 { margin-top: 3.375rem; padding-bottom: 5rem; border-bottom: 1px solid #E1E1E1; } @media (max-width: 768px) { .careers-cont3 { margin-top: 1.7rem; padding-bottom: 2.5rem; } } .careers-cont3 form { margin-top: 1.625rem; } .careers-cont3 form .dts1 { width: 32%; } @media (max-width: 768px) { .careers-cont3 form .dts1 { width: 100%; margin-bottom: 1em; } } .careers-cont3 form .dts1 select::-ms-expand { display: none; } .careers-cont3 form .dts1 select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(../images/aghghx.svg) no-repeat scroll -webkit-calc(100% - 2.125rem) center transparent; background: url(../images/aghghx.svg) no-repeat scroll -moz-calc(100% - 2.125rem) center transparent; background: url(../images/aghghx.svg) no-repeat scroll calc(100% - 2.125rem) center transparent; text-transform: capitalize; } .careers-cont3 form .dts1 select { width: 100%; font: 500 1.125rem/4.375rem "sourcehansans"; border-radius: 3.125rem; height: 4.375rem; border: 1px solid #CACCCC; padding: 0 4.125rem 0 2.125rem; color: #4D4C4C; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .careers-cont3 form .dts1 select option { line-height: 2em; padding: 0 1.5em; } @media (max-width: 768px) { .careers-cont3 form .dts1 select { font-size: 1rem; height: 3.5rem; line-height: 3.5rem; } } .careers-cont3 form .dts2 { width: 32%; font: 100 1.125rem/4.375rem "sourcehansans"; border-radius: 3.125rem; height: 4.375rem; border: 1px solid #CACCCC; padding: 0 2.125rem; } .careers-cont3 form .dts2 input[type="text"]::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #4D4C4C; font-family: "sourcehansans"; } .careers-cont3 form .dts2 input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #4D4C4C; font-family: "sourcehansans"; } .careers-cont3 form .dts2 input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #4D4C4C; font-family: "sourcehansans"; } .careers-cont3 form .dts2 input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #4D4C4C; font-family: "sourcehansans"; } .careers-cont3 form .dts2 input { width: 90%; line-height: 4rem; vertical-align: top; background: transparent; } .careers-cont3 form .dts2 .butt { width: 10%; line-height: 4rem; text-align: center; } .careers-cont3 form .dts2 .butt i { color: #BEB5B5; font-size: 1.5rem; } @media (max-width: 768px) { .careers-cont3 form .dts2 { width: 100%; height: 3.5rem; line-height: 3.5rem; } .careers-cont3 form .dts2 input { line-height: 3.2rem; } .careers-cont3 form .dts2 .butt { line-height: 3.2rem; width: auto; } } .job-list { margin-top: 3.5rem; } @media (max-width: 768px) { .job-list { margin-top: 1.5rem; } } .job-list li { margin-top: 1.25rem; } .job-list li .dt a.a { background: #F7F7F7; border-top-right-radius: .9375rem; border-top-left-radius: .9375rem; color: #4E4E4E; padding: 0 1.625rem; } .job-list li .dt a.a .h2a { font: 600 1.5rem/4.8125rem "sourcehansans"; } @media (max-width: 768px) { .job-list li .dt a.a .h2a { font-size: 1.2rem; line-height: 4rem; } } .job-list li .dt a.a i { font-size: 1.5rem; font-weight: 600; } @media (max-width: 768px) { .job-list li .dt a.a i { font-size: 1.2rem; } } .job-list li .wgxga { font: 500 1rem/4.25rem "sourcehansans"; color: #9DA3A9; padding: 0 1.625rem; border: 1px solid #E3E3E3; border-top: none; } @media (max-width: 768px) { .job-list li .wgxga { font-size: 0.8rem; line-height: 3.2rem; } } .job-list li .wgxga p { margin-right: 1.5em; } .job-list li .wgxga p i { display: inline-block; -webkit-transform: translateY(-0.1rem); -moz-transform: translateY(-0.1rem); -ms-transform: translateY(-0.1rem); -o-transform: translateY(-0.1rem); transform: translateY(-0.1rem); margin-right: .25rem; } @media (max-width: 768px) { .job-list li .wgxga p i { width: 1rem; } } .job-list li .wehha-job { padding: 1.5625rem 3% 1rem; } @media (max-width: 768px) { .job-list li .wehha-job { padding: 1rem 3%; } } .job-list li .wehha-job .content { color: #4D4C4C; font: 500 1rem/1.8em "sourcehansans"; } .job-list li .wehha-job .content strong { font-weight: 600; } @media (max-width: 768px) { .job-list li .wehha-job .content { font-size: 1rem; } } .job-list li .wehha-job .h3a { color: #221F1F; font: 600 1.25rem/1.5em "sourcehansans"; margin-top: 1.3em; } @media (max-width: 768px) { .job-list li .wehha-job .h3a { font-size: 1rem; } } .job-list li .wehha-job .h3a .erxxs { margin-left: 0.7em; display: inline-block; position: relative; vertical-align: middle; } .job-list li .wehha-job .h3a .erxxs i { display: block; font-size: 0; } .job-list li .wehha-job .h3a .erxxs b { display: block; font-size: 0; width: 7.5rem; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.2); opacity: 0; -webkit-transition: all .6s; -o-transition: all .6s; -moz-transition: all .6s; transition: all .6s; } .job-list li .wehha-job .h3a .erxxs b img { width: 100%; } .job-list li .wehha-job .h3a .erxxs:hover b { opacity: 1; bottom: 50px; } .job-list li.active .dt a.a { background: #F96F17; color: #fff; } .job-list li.active .wgxga { border: none; background: #F7F7F7; } .cont-cont1 { margin-top: 1rem; } .cont-cont1 .lx_cont p { color: #4D4C4C; font: 500 1.125rem/1.5em "sourcehansans"; padding: 0.2em 0; } .cont-cont1 .lx_cont p img { width: 1.6875rem; margin-right: 0.5em; } .cont-cont1 .lx_cont p u{ width: 4.2em; /* display: inline-block; */ text-align: justify; text-decoration: initial; } .cont-cont1 .lx_cont p u b{ font-weight: 500; display: inline-block; } .cont-cont1 .lx_cont p span { color: #F96F17; } @media (max-width: 990px){ .cont-cont1 .lx_cont p u{ width: 5em; } } @media (max-width: 768px) { .cont-cont1 .lx_cont p { padding-left: 2rem; position: relative; } .cont-cont1 .lx_cont p img { position: absolute; left: 0; top: 7%; } .cont-cont1 .lx_cont p span{ text-indent: 0; } .cont-cont1 .lx_cont p u{ position: absolute; left: 2.2rem; top: 0.2em; text-indent: 0; } .cont-cont1 .lx_cont p{ text-indent: 6rem; } } .cont-cont2 { margin-top: 3.3rem; } @media (max-width: 768px) { .cont-cont2 { margin-top: 1rem; } } .cont-cont2 form { margin-top: 1.4rem; } @media (max-width: 768px) { .cont-cont2 form { margin-top: 1rem; } } .cont-cont2 form .msga1 dl { width: 31.92857%; } @media (max-width: 768px) { .cont-cont2 form .msga1 dl { width: 100%; } } .cont-cont2 form .msga1 dl input { width: 100%; border: 1px solid #CACCCC; font: 500 1.125rem/4.375rem "sourcehansans"; border-radius: 3.125rem; padding: 0 2.125rem; margin-bottom: 1.8rem; } @media (max-width: 768px) { .cont-cont2 form .msga1 dl input { line-height: 3.5rem; margin-bottom: 1.3rem; } } .cont-cont2 form .msga2 textarea { width: 100%; border: 1px solid #CACCCC; font: 500 1.125rem/1.6rem "sourcehansans"; border-radius: 1.6rem; padding: 1rem 2.125rem; margin-bottom: 1.8rem; } @media (max-width: 768px) { .cont-cont2 form .msga2 textarea { margin-bottom: 1.3rem; border-radius: 1.2rem; } } .cont-cont2 form .more-msl { border-color: #D9D9D9; background: #FBFCFE; color: #868686; } .cont-cont2 form .more-msl .p1 { background: #D9D9D9; } .cont-cont2 form .more-msl:hover { color: #fff; } .cont-cont2 form .div_aghgha .yazm { width: 50%; } .cont-cont2 form .div_aghgha .yazm input{ width: 50%; border: 1px solid #CACCCC; font: 500 1.125rem/4rem "sourcehansans"; border-radius: 3.125rem; padding: 0 2.125rem; } .cont-cont2 form .div_aghgha .yazm img{ margin-left: 2%; width: 30%; height: 3.5rem; } @media (max-width: 768px) { .cont-cont2 form .div_aghgha .yazm{ width: 100%; margin-bottom: 1rem; } .cont-cont2 form .div_aghgha .yazm input { line-height: 3rem; } .cont-cont2 form .div_aghgha .yazm img{ width: 45%;height: 3rem; } } .cont-cont3 { margin-top: 6.375rem; padding-bottom: 4.25rem; border-bottom: 1px solid #E1E1E1; } .cont-cont3 #dituContent { margin-top: 1rem; /* height: 23.05vw; */ border-radius: 1.875rem; overflow: hidden; } @media (max-width: 1024px) { .cont-cont3 #container { height: 40vw; } } @media (max-width: 768px) { .cont-cont3 { margin-top: 2rem; padding-bottom: 2rem; } .cont-cont3 #container { height: 80vw; border-radius: 1rem; } } .mrhgxt { color: #000; font: 500 1.125rem/60px "sourcehansans"; margin-left: 63%; position: relative; z-index: 9; } .mrhgxt i { font-size: 1.125rem; margin-right: 0.25em; }