@charset "utf-8";

/*==================== 字体 @font-face ====================*/
@font-face{
font-family: "Poppins-Regular";
src:
url('../../fonts/Poppins-Regular.woff2') format('woff2'),
url('../../fonts/Poppins-Regular.woff') format('woff'),
url('../../fonts/Poppins-Regular.ttf') format('truetype'),
url('../../fonts/Poppins-Regular.otf') format('opentype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face{
font-family: "LexendBold";
src:
url('../../fonts/LexendBold.woff2') format('woff2'),
url('../../fonts/LexendBold.woff') format('woff'),
url('../../fonts/LexendBold.ttf') format('truetype'),
url('../../fonts/LexendBold.otf') format('opentype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
/*==================== 公用 / 基础重置 ====================*/
*{padding:0; margin:0;}
html{overflow:-moz-scrollbars-vertical; scrollbar-face-color:#e8e8e8; scrollbar-shadow-color:#c1c1bb; scrollbar-highlight-color:#c1c1bb; scrollbar-3dlight-color:#ebebe4; scrollbar-darkshadow-color:#ebebe4; scrollbar-track-color:#f4f4f0; scrollbar-arrow-color:#cacab7; font-size:62.5%; -webkit-text-size-adjust:100%; scroll-behavior:smooth;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;}   
div,ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
img{display:block; border:0; width:100%;}
img.blur-up{filter:blur(18px); transform:scale(1.03); transition:filter .7s ease, transform .7s ease;}
img.blur-up.blur-done{filter:blur(0); transform:scale(1);}
.clearfix:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display: inline-table;}
*html .clearfix {height:1%;}
.clearfix {display:block;}
*+html .clearfix {min-height:1%;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:0.3; color:#000000;}
input:-moz-placeholder,textarea:-moz-placeholder{opacity:0.3; color:#000000;}
input::-moz-placeholder,textarea::-moz-placeholder{opacity:0.3; color:#000000;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:0.3; color:#000000;}
button, input, select, textarea,radio {display:block; margin:0; padding:0; outline:none; background-color:transparent; border:0; border-radius:none; -webkit-font-smoothing:antialiased;}
button {cursor:pointer;}
a{text-decoration:none; color:#222222; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; outline:none;}
a:hover{color:#ff6f00;}
.clearfix:after{content:""; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:block;}
body{font-size:1.6rem; line-height:1.8; color:#171717; font-family:"Poppins-Regular", Arial, Helvetica, sans-serif; padding:0; margin:0; -webkit-text-size-adjust:none; background:#ffffff;}
.main{position:relative; margin:0 auto; width:90%; max-width:135rem;}
.div_btn{text-align:center; margin-top:4.5rem;}
.alink{display:inline-block;}
.more_btn_orgin{height:4rem; line-height:4rem; position:relative; padding:1rem 3rem; border-radius:0.6rem; display:block; white-space:nowrap; align-items:center; justify-content:center; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; width:fit-content; background:#ff6f00; color:#ffffff; overflow:hidden; font-size:1.8rem;}
.more_btn_orgin::before{content:''; position:absolute; top:-50%; left:-150%; width:80%; height:200%; background:linear-gradient(100deg, transparent, rgba(255,255,255,0.4), transparent); transition:left .6s ease-in-out; pointer-events:none;}
.more_btn_orgin:hover::before{left:100%;}
.more_btn_orgin .icon-arrow{color:#ffffff; display:inline-block; vertical-align:middle; width:2rem; height:1.9rem; transition:all .3s ease-in-out; position:relative; z-index:1;}
.more_btn_orgin:hover .icon-arrow{color:#ffffff; transform:translateX(5px);}
@media screen and (max-width:2560px){
.main{width:90%; max-width:158rem;}
}
@media screen and (max-width:1920px){
.main{width:90%; max-width:148rem;}
}
@media screen and (max-width:1560px){
body{font-size:1.4rem;}
}
@media screen and (max-width:1240px){
body{font-size:1.4rem;}
.div_btn{margin-top:2.5rem;}
.more_btn_orgin{padding:0 2rem; font-size:1.4rem;}
}
@media screen and (max-width:992px){
.main{width:92%;}
.div_btn{margin-top:1.5rem;}
.more_btn_orgin{height:4rem; line-height:4rem; padding:0 1.5rem;}
}
/*==================== 头部 header ====================*/
.header{width:100%; box-sizing:border-box; position:sticky; height:8.8rem; z-index:999; background:#ffffff; transition:all .2s ease-in-out; left:0; top:0; border-bottom:0.1rem solid #ecece8;}
.header .main{display:flex; align-items:center; justify-content:space-between; height:100%;}
.header_left{display:flex; flex:0 0 auto; box-sizing:border-box;}
.header_logo{display:flex; align-items:center; position:relative; color:#ffffff;}
.header_logo a{color:#ffffff;}
.header_logo_img{float:left;}
.header_logo img{width:100%; max-width:8rem;}
.header_logo_txt{float:right; padding-left:1.3rem;}
.header_logo_txt h2{font-size:2.8rem; text-transform:uppercase; font-weight:700; line-height:1.3; color:#171717; font-family: "LexendBold";}
.header_logo_txt p{font-weight:normal; line-height:1.3; color:#9a9a94; font-size:1.4rem;}
.header_right{display:flex; flex:0 0 auto; box-sizing:border-box; padding-left:0; align-items:center;}
.header .mNavList{display:flex; width:auto; align-items:center;}
.header .mNavList>li{flex-grow:0; position:relative; text-align:center; line-height:8.8rem; height:8.8rem; box-sizing:border-box; text-transform:uppercase; padding:0 1.7rem; font-weight:700;}
.header .mNavList>li>a{color:#333330; font-weight:700;}
.header .mNavList>li>a:hover{color:#ff6f00;}
.header .mNavList>li>a.on{color:#ff6f00; font-weight:700;}
.header_btn{display:flex; align-items:center; height:4.2rem; padding:0 2rem; margin-left:1.8rem; background:#ff6f00; border-radius:2.4rem; color:#ffffff; font-size:1.4rem; font-weight:700; white-space:nowrap;}
.header_btn:hover{background:#e85f00; color:#ffffff;}
@media screen and (max-width:1560px){
.header_left{flex:0 0 26%;}
.header_logo_txt h2{font-size:1.8rem;}
.header .mNavList>li{font-size:1.4rem; padding:0 1.2rem;}
}
@media screen and (max-width:1420px){
.header_left{flex:0 0 24%;}
.header_logo_txt h2{font-size:1.8rem;}
.header_logo_txt p{font-size:1.4rem;}
.header .mNavList>li{font-size:1.4rem; padding:0 0.9rem;}
.header_btn{margin-left:1rem; padding:0 1.5rem; font-size:1.4rem;}
}
@media screen and (max-width:1240px){
.header{height:auto;}
.header .main{flex-wrap:wrap; padding:1.2rem 0;}
.header_left{flex:0 0 20%;}
.header_logo_txt h2{font-size:1.4rem;}
.header_logo_txt p{font-size:1.4rem;}
.header .mNavList>li{font-size:1.4rem; height:auto; line-height:4rem;}
}
@media screen and (max-width:992px){
.header{display:block; height:auto;}
.header .main{flex-wrap:wrap; justify-content:center;}
.header_right{width:100%; justify-content:center; flex-wrap:wrap;}
.header .mNavList{flex-wrap:wrap; justify-content:center;}
.header .mNavList>li{line-height:3.6rem;}
.header_btn{height:3.6rem; margin:0.8rem 0 0 0;}
.header_logo_txt p{display:none;}
}

.m-header {display:none;}
@media screen and (max-width:992px) {
.header {display:none;}
.m-header {display:block; position:fixed; top:0; left:0; width:100%; background:rgb(255,255,255,1); z-index:99;}
.m-header .main {margin:0 auto; width:96%; height:4.5rem; overflow:hidden;}
.m-header-logo {float:left; width:85%; margin-top:0.4rem;}
.m-header-logo img{height:3rem; width:auto; float:left; margin-right:0.5rem; margin-top:0.5rem;}
.m-header-logo h2{font-weight:700; font-size:1.8rem; line-height:2.2;}
.m-header-logo h2 span{color:#ff6f00; margin-left:0.2rem;}

.nav-btn {position:relative; float:right; margin:1.2rem -1rem 0 0; width:6rem; height:3rem; cursor:pointer;}
.nav-btn span {position:absolute; left:1rem; display:block; width:3.5rem; height:0.4rem; background:#ff6600; transition:all ease 0.35s;}
.nav-btn span:nth-of-type(1){top:0;}
.nav-btn span:nth-of-type(2){top:0.9rem;}
.nav-btn span:nth-of-type(3){top:1.8rem;}
.nav-btn-se span:nth-of-type(1){top:1rem; transform:rotate(45deg);}
.nav-btn-se span:nth-of-type(2){width:0}
.nav-btn-se span:nth-of-type(3){top:1rem; transform:rotate(-45deg);}
.m-nav {position:fixed; top:-100%; left:0; z-index:9999; width:100%; height:calc(100%); font-size:1.6rem; line-height:4.5rem; background:#f7f9ff; overflow:auto; overflow-x:hidden; transition:top ease 0.35s;}
.nav-show {top:4.5rem;}
.nav-show ul {border-bottom:1px rgba(255,255,255,0.10) solid;}
.m-nav ul li i {position:absolute; top:0.4rem; right:0rem; height:4rem; padding:0 1.7rem 0 1.7rem;}
.m-nav ul li i svg {transform:rotate(-90deg); transition:all ease 0.35s;}
.m-nav ul li .m-nav-i-se svg {transform:rotate(0deg);}
.m-nav ul li {position:relative; line-height:4.5rem; border-bottom:1px rgba(0,0,0,0.06) solid;}
.m-nav ul li img{ height:1.6rem; width:auto; margin-right:1rem; float:left;}
.m-nav ul li ul {display:none; background:rgb(0,0,0,0.03);}
.m-nav ul li a {width:80%; display:block; padding-left:2rem; font-weight:normal; text-transform:capitalize;}
.m-nav ul li ul li a {display:block; font-size:1.5rem; line-height:3rem; text-align:left; padding:0.8rem 0.8rem 0.8rem 2.6rem; opacity:0.85;}
.m-nav ul li i svg {width:2.5rem; height:2rem; fill:#0d55a6;}
.m-nav ul li .m-nav-i-se svg {fill:#0d55a6;}
}


/*==================== banner 首屏 ====================*/
.banner{width:100%; overflow:hidden; position:relative; margin:0 auto;}
.banner .swiper-slide .text{position:absolute; width:90%; left:50%; top:35%; transform:translate(-50%,-35%); z-index:3; text-align:left; color:#fff; box-sizing:border-box; max-width:158rem; }
.banner .swiper-slide .text h2{margin:0; font-size:5rem; line-height:6rem; opacity:1; text-shadow:none; transform:none; transition:all 0.5s ease 0.2s; color:#141414; margin-bottom:1.4rem; font-family:"LexendBold"; font-weight:900;}
.banner .swiper-slide .text h3{font-size:2.1rem; line-height:3rem; opacity:1; transform:none; transition:all 0.5s ease 0.5s; color:#2fbb00; margin-bottom:1.4rem;}
.banner .swiper-slide .text .bannerbtn{display:inline-flex; align-items:center; text-decoration:none; color:#ffffff; overflow:hidden; transition:none; margin:0 1.4rem 0 0; opacity:1; transform:none; width:fit-content; background:#ff6f00; border-radius:2.6rem; padding:1.3rem 2.4rem; font-size:1.4rem;}
.banner .swiper-slide .text .bannerbtn:hover{background:#e85f00; color:#ffffff;}
.banner .swiper-container .swiper-wrapper .swiper-slide-active .text h2{transform:translateY(0); opacity:1;}
.banner .swiper-container .swiper-wrapper .swiper-slide-active .text h3{transform:translateY(0); opacity:1;}
.banner .swiper-container .swiper-wrapper .swiper-slide-active .text .bannerbtn{transform:translateY(0); opacity:1;}
.banner .swiper-button-prev{width:4rem; height:4rem; background:none; margin-top:0; left:0.5%; top:46%; color:#ffffff; display:none;}
.banner .swiper-button-prev:before{font-size:3.2rem; position:absolute; left:50%; top:50%; display:inline-block; transform:translate(-50%, -50%); color:#fff;}
.banner .swiper-button-prev:hover:before{color:#31a338;}
.banner .swiper-button-next{width:4rem; height:4rem; background:none; margin-top:0; right:0.5%; top:46%; color:#ffffff; display:none;}
.banner .swiper-button-next:before{font-size:3.2rem; position:absolute; left:50%; top:50%; display:inline-block; transform:translate(-50%, -50%); color:#fff;}
.banner .swiper-button-next:hover:before{color:#31a338;}
.banner .pagination-all{position:absolute; bottom:1rem; width:100%; left:0; z-index:8; text-align:center; display:none;}
.banner .swiper-pagination{position:relative; display:inline-block; text-align:center;}
.banner .swiper-pagination .swiper-pagination-bullet{width:1.2rem; height:1.2rem; border-radius:100%; background:rgba(255, 255, 255, 0.7); opacity:1; margin:0; position:relative; transition:all 0.5s;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#ff6f00;}
.swiper-container{overflow:hidden;}
.banner .swiper-slide{height:62rem; overflow:hidden;}
.banner .swiper-slide picture{display:block; width:100%; height:100%;}
.banner .swiper-slide img{width:100%; height:100%; object-fit:cover;}
.banner .swiper-slide::after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(to left,rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.62) 38%,rgba(255,255,255,0) 75%); z-index:2;}
.banner .swiper-slide .banner_txt{width:85rem; margin-left:auto;}
.banner .swiper-slide .text .ptxt{margin-bottom:2.4rem; font-size:1.45rem; line-height:2.3rem; color:#555550;}
.banner .swiper-slide .text .bannerbtn2{display:inline-flex; align-items:center; width:fit-content; padding:1.2rem 2.4rem; border:0.15rem solid #2fbb00; border-radius:2.6rem; font-size:1.4rem; color:#259900;}
.banner .swiper-slide .text .bannerbtn2:hover{background:#2fbb00; color:#ffffff;}
.banner_num{position:absolute; left:15%; bottom:5rem; width:70%; z-index:6;}
.banner_num .main{display:flex; background:#ffffff; border-radius:1.4rem; box-shadow:0 1rem 3rem rgba(0,0,0,0.10); border-radius:5rem;}
.banner_num ul{display:flex; width:100%;}
.banner_num ul li{flex:1; padding:1.6rem 0; text-align:center;}
.banner_num ul li h3{font-size:3.6rem; line-height:1.2; font-family:"LexendBold"; font-weight:700;}
.banner_num ul li:nth-child(odd) h3{color:#ff6f00;}
.banner_num ul li:nth-child(even) h3{color:#2fbb00;}
.banner_num ul li .ptxt{font-size:1.4rem; color:#8a8a85;}
@media screen and (max-width:1560px){
.banner .swiper-slide{height:56rem;}
.banner .swiper-slide .text h2{font-size:4.4rem; line-height:5.2rem;}
.banner .swiper-slide .text h3{font-size:2.8rem;}
.banner .swiper-slide .text .bannerbtn{padding:1rem 3.2rem;}
.banner .swiper-slide .text .bannerbtn2{padding:1rem 3.2rem;}
}
@media screen and (max-width:1420px){
.banner .swiper-slide .text h2{font-size:4rem; line-height:4.8rem;}
.banner .swiper-slide .text h3{font-size:1.9rem; line-height:2.8rem;}
.banner .swiper-slide .text .bannerbtn{padding:1rem 2.4rem;}
.banner .swiper-slide .text .bannerbtn2{padding:1rem 2.4rem;}
}
@media screen and (max-width:1240px){
.banner .swiper-slide{height:48rem;}
.banner .swiper-slide::after{background:linear-gradient(to left,rgba(255,255,255,0.96) 0%,rgba(255,255,255,0.78) 50%,rgba(255,255,255,0.2) 90%);}
.banner .swiper-slide .text{padding-top:4.6rem;}
.banner .swiper-slide .text h2{font-size:3.4rem; line-height:4.2rem;}
.banner .swiper-slide .text h3{font-size:1.8rem; line-height:2.6rem;}
.banner .swiper-slide .text .bannerbtn{padding:1rem 2.4rem;}
.banner .swiper-slide .text .bannerbtn2{padding:1rem 2.4rem;}
.banner_num{bottom:3.5rem;}
.banner_num ul li{padding:1rem 0;}
.banner_num ul li h3{font-size:1.8rem;}
}
@media screen and (max-width:992px){
.banner{margin-top:4.5rem; display:block; background:#f5f1ed;}
.banner .swiper-slide{height:auto; overflow:hidden;}
.banner .swiper-slide picture{position:absolute; left:0; top:0; width:100%; height:100%; display:none;}
.banner .swiper-slide::after{background:linear-gradient(to bottom,rgba(255,255,255,0.94) 0%,rgba(255,255,255,0.82) 45%,rgba(255,255,255,0.35) 100%);}
.banner .swiper-slide .text{left:auto; width:90%; top:auto; transform:none; position:relative; margin:0 auto; padding:3rem 0;}
.banner .swiper-slide .text h2{font-size:2.4rem; margin-bottom:0.5rem; line-height:3.4rem;}
.banner .swiper-slide .text h3{font-size:1.6rem; margin-bottom:0; line-height:2.4rem;}
.banner .swiper-slide .text .ptxt{margin-bottom:1rem;}
.banner .swiper-slide .text .bannerbtn{margin:0.5rem auto 0; padding:0.5rem 2rem;}
.banner .swiper-slide .text .bannerbtn2{margin:0.5rem auto 0; padding:0.5rem 2rem;}
.banner .swiper-container .swiper-button-prev{top:40%; width:2rem; height:2rem; display:none;}
.banner .swiper-container .swiper-button-next{top:40%; width:2rem; height:2rem; display:none;}
.banner .swiper-container .pagination-all{bottom:0rem;}
.banner .banner_num{position:relative; left:0; bottom:auto; width:90%; margin:-2rem auto 3rem;}
.banner_num .main{border-radius:0.5rem; padding:1.5rem; box-sizing:border-box; margin-top:2rem;}
.banner_num ul{flex-wrap:wrap;}
.banner_num ul li{flex:0 0 50%;}
.banner_num ul li h3{font-size:2.4rem;}
.banner .swiper-slide .banner_txt{width:100%; margin-left:auto;}
}


/*==================== 模块标题 index_htitle（mod 公用） ====================*/
.index_htitle{width:100%; box-sizing:border-box; margin-bottom:3rem; position:relative; text-align:center;}

.index_htitle h1{font-size:3.6rem; line-height:1.2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; position:relative; z-index:3; font-weight:bold; font-family:"LexendBold"; text-transform:capitalize;}
.index_htitle h1::first-letter{color:#ff6f00;}
.index_htitle h2{font-size:3.6rem; line-height:1.4; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; position:relative; z-index:3; font-weight:bold; font-family:"LexendBold"; text-transform:capitalize;}
.index_htitle h2::first-letter{color:#ff6f00;}
.index_htitle .ptxt{width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:10; -webkit-box-orient:vertical; margin-top:0.6rem; opacity:1; color:#6e6e68;}
.index_htitle .more_btn_orgin{margin-top:1.5rem;}

@media screen and (max-width:1560px){
.index_htitle h1{font-size:3rem;}
.index_htitle h2{font-size:3rem;}
}
@media screen and (max-width:1420px){
.index_htitle h1{font-size:2.8rem;}
.index_htitle h2{font-size:2.8rem;}
}
@media screen and (max-width:1240px){
.index_htitle h1{font-size:1.8rem;}
.index_htitle h2{font-size:1.8rem;}
}
@media screen and (max-width:992px){
.index_htitle{margin-bottom:2rem;}
.index_htitle h1{font-size:1.8rem;}
.index_htitle h2{font-size:2.2rem; line-height:1.2;}
}


/*==================== mod1 · 业务范围 18 类 ====================*/
.mod1{width:100%; box-sizing:border-box; position:relative; padding:8.4rem 0; background:#ffffff;}
.category-grid ul{display:grid; grid-template-columns:repeat(6,1fr); gap:1.4rem;}
.category-grid ul li{position:relative; display:block; overflow:hidden; box-sizing:border-box; background:#0f231a; border:0.1rem solid #efefe9; border-radius:1.2rem; transition:all .35s ease-in-out;}
.category-grid ul li img{display:block; width:100%; aspect-ratio:100 / 100; object-fit:cover; transition:transform .6s ease-in-out;}
.category-grid ul li .mod1_text{position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; z-index:2; display:flex; flex-direction:column; justify-content:space-between; align-items:flex-start; padding:2.2rem; background:linear-gradient(to top, rgba(11,26,18,0.72) 0%, rgba(11,26,18,0.46) 32%, rgba(11,26,18,0.10) 62%, rgba(11,26,18,0.34) 100%);}
.category-grid ul li .mod1_text span{display:flex; align-items:center; justify-content:center; width:3rem; height:3rem; box-sizing:border-box; border-radius:50%; font-size:1.4rem; font-weight:700; line-height:1; color:#ffffff; background:transparent; text-shadow:0 0.1rem 0.5rem rgba(0,0,0,0.55); transition:all .35s ease-in-out; opacity:0.5;}
.category-grid ul li .mod1_text h3{position:relative; line-height:2rem; font-weight:700; color:#ffffff; text-shadow:0 0.1rem 0.4rem rgba(0,0,0,0.45);}
.category-grid ul li .mod1_text h3::after{content:""; position:absolute; left:0; bottom:-1rem; width:2.4rem; height:0.2rem; border-radius:0.1rem; opacity:0; transform:translateY(-0.4rem); transition:all .35s ease-in-out;}
.category-grid ul li:nth-child(odd) .mod1_text h3::after{background:#ff6f00;}
.category-grid ul li:nth-child(even) .mod1_text h3::after{background:#2fbb00;}
.category-grid ul li:hover{border-color:#ff6f00; box-shadow:0 1.2rem 2.6rem rgba(15,35,26,0.24); transform:translateY(-0.4rem);}
.category-grid ul li:hover img{transform:scale(1.08);}
.category-grid ul li:hover .mod1_text{background:linear-gradient(to top, rgba(11,26,18,0.75) 0%, rgba(11,26,18,0.53) 34%, rgba(11,26,18,0.13) 64%, rgba(11,26,18,0.42) 100%);}
.category-grid ul li:hover .mod1_text span{background:#ff6f00; text-shadow:none;}
.category-grid ul li:hover .mod1_text h3::after{opacity:1; transform:translateY(0);}
@media screen and (max-width:1560px){
.mod1{padding:8rem 0;}
.category-grid ul{gap:1.2rem;}
.category-grid ul li .mod1_text{padding:1.5rem;}
.category-grid ul li .mod1_text span{width:2.8rem; height:2.8rem; font-size:1.4rem;}
}
@media screen and (max-width:1420px){
.mod1{padding:6rem 0;}
.category-grid ul li .mod1_text h3{font-size:1.4rem; line-height:1.8rem;}
}
@media screen and (max-width:1240px){
.mod1{padding:4rem 0;}
.category-grid ul{grid-template-columns:repeat(4,1fr);}
}
@media screen and (max-width:992px){
.mod1{padding:5rem 0;}
.category-grid ul{grid-template-columns:repeat(2,1fr);}
.category-grid ul li .mod1_text{padding:1.2rem;}
.category-grid ul li .mod1_text h3{font-size:1.4rem; line-height:1.8rem;}
}


/*==================== mod2 · 痛点与解决方案 ====================*/
.mod2{width:100%; box-sizing:border-box; position:relative; padding:8.4rem 0; background:#163324;}
.mod2 .index_htitle h2{text-align:left; color:#ffffff;}
.painpoint-grid ul{display:grid; grid-template-columns:repeat(2,1fr); gap:2rem;}
.painpoint-grid ul li{padding:3.2rem; box-sizing:border-box; background:#15402a; border-radius:1.4rem; transition:all .35s ease-in-out;}
.painpoint-grid ul li::before{content:''; display:block; width:4.4rem; height:0.5rem; border-radius:0.3rem; background:#ff6f00;}
.painpoint-grid ul li:nth-child(even)::before{background:#2fbb00;}
.painpoint-grid ul li h3{margin:1.4rem 0 0.8rem; font-size:1.9rem; line-height:2.6rem; font-weight:700; color:#ffffff;}
.painpoint-grid ul li .ptxt{font-size:1.4rem; line-height:2.1rem; color:#a8bca9;}
.painpoint-grid ul li .solut{margin-top:1.8rem; padding:1.6rem 1.8rem; box-sizing:border-box; background:rgba(47,187,0,0.10); border-left:0.3rem solid #2fbb00; border-radius:0 0.8rem 0.8rem 0;}
.painpoint-grid ul li .solut span{display:block; margin-bottom:0.6rem; font-weight:700; letter-spacing:0.15rem; text-transform:uppercase; color:#2fbb00;}
.painpoint-grid ul li .solut .ptxt{font-size:1.4rem; line-height:2.1rem; color:#dcead9;}
.painpoint-grid ul li:hover{background:#1a3d2b; transform:translateY(-0.4rem); box-shadow:0 1.2rem 2.6rem rgba(0,0,0,0.30);}
@media screen and (max-width:1560px){
.mod2{padding:8rem 0;}
.painpoint-grid ul{gap:1.6rem;}
.painpoint-grid ul li{padding:2.6rem;}
}
@media screen and (max-width:1420px){
.mod2{padding:6rem 0;}
.painpoint-grid ul li h3{font-size:1.7rem; line-height:2.4rem;}
}
@media screen and (max-width:1240px){
.mod2{padding:4rem 0;}
.painpoint-grid ul{grid-template-columns:1fr;}
}
@media screen and (max-width:992px){
.mod2{padding:5rem 0;}
.painpoint-grid ul li{padding:2.2rem;}
}


/*==================== mod3 · 企业优势 ====================*/
.mod3{width:100%; box-sizing:border-box; position:relative; padding:8.4rem 0; background:#f7f9f4;}
.advantage-grid ul{display:grid; grid-template-columns:repeat(4,1fr); gap:2rem;}
.advantage-grid ul li{display:flex; flex-direction:column; padding:3.5rem; box-sizing:border-box; background:#ffffff; border:0.1rem solid #e8eee2; border-radius:1.4rem;}
.advantage-grid ul li span{font-size:3rem; line-height:1; font-family:"LexendBold";}
.advantage-grid ul li:nth-child(odd) span{color:#ff6f00;}
.advantage-grid ul li:nth-child(even) span{color:#2fbb00;}
.advantage-grid ul li h3{margin:1rem 0; font-size:1.8rem; font-weight:700; color:#1b1b17;}
.advantage-grid ul li .ptxt{font-size:1.4rem; line-height:2.1rem; color:#63635d;}
@media screen and (max-width:1560px){
.mod3{padding:8rem 0;}
.advantage-grid ul li{padding:2.4rem;}
}
@media screen and (max-width:1420px){
.mod3{padding:6rem 0;}
}
@media screen and (max-width:1240px){
.mod3{padding:4rem 0;}
.advantage-grid ul{grid-template-columns:repeat(2,1fr);}
}
@media screen and (max-width:992px){
.mod3{padding:5rem 0;}
.advantage-grid ul{grid-template-columns:1fr;}
}
/*==================== mod4 · 服务保障 ====================*/
.mod4{width:100%; box-sizing:border-box; position:relative; padding:8.4rem 0; background:#0f231a;}
.mod4 .index_htitle h2{text-align:left; color:#ffffff;}
.mod4 .index_htitle .ptxt{text-align:left;}
.guarantee-grid ul{display:grid; grid-template-columns:repeat(3,1fr); gap:2rem;}
.guarantee-grid ul li{padding:3.2rem; box-sizing:border-box; background:#163324; border-radius:1.4rem;}
.guarantee-grid ul li::before{content:''; display:block; width:4.4rem; height:0.5rem; border-radius:0.3rem; background:#ff6f00;}
.guarantee-grid ul li:nth-child(even)::before{background:#2fbb00;}
.guarantee-grid ul li h3{margin:1.4rem 0; font-size:1.9rem; font-weight:700; color:#ffffff;}
.guarantee-grid ul li .ptxt{font-size:1.4rem; line-height:2.1rem; color:#a8bca9;}
@media screen and (max-width:1560px){
.mod4{padding:8rem 0;}
.guarantee-grid ul li{padding:2.6rem;}
}
@media screen and (max-width:1420px){
.mod4{padding:6rem 0;}
}
@media screen and (max-width:1240px){
.mod4{padding:4rem 0;}
.guarantee-grid ul{grid-template-columns:1fr;}
}
@media screen and (max-width:992px){
.mod4{padding:5rem 0;}
.guarantee-grid ul{grid-template-columns:1fr;}
}
/*==================== mod5 · 底部转化 CTA ====================*/
.mod5{width:100%; box-sizing:border-box; position:relative; padding:8rem 0; background:#123524 url(../images/wgtz-hero-port.jpg) center center no-repeat; background-size:cover;}
.mod5::before{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(11,36,22,0.88);}
.mod5 .main{position:relative; z-index:2;}
.mod5 .index_htitle{margin-bottom:2rem;}
.mod5 .index_htitle h2{color:#ffffff;}
.mod5 .index_htitle .ptxt{color:#c4d4c6;}
.mod5 .div_btn{margin-top:3rem;}
.mod5 .more_btn_orgin{margin:0 auto;}
@media screen and (max-width:992px){
.mod5{padding:5rem 0;}
}
/*==================== 底部 footer ====================*/
.footer{width:100%; box-sizing:border-box; position:relative; padding:6rem 0 0 0; background:#0b1a12;}
.footer .main{padding:0 7rem; box-sizing:border-box;}
.footer_navlist{display:flex; justify-content:center; align-items:center; flex-wrap:wrap; text-transform:uppercase;}
.footer_navlist li{display:flex; align-items:center;}
.footer_navlist li::after{content:'|'; margin:0 1.6rem; color:#ffffff; opacity:0.25; font-weight:normal;}
.footer_navlist li:last-child::after{content:none;}
.footer_navlist li a{color:#ffffff; font-size:1.5rem; font-weight:700; letter-spacing:0.05rem; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.footer_navlist li a:hover{color:#ff6f00;}
.footer_navlist li a.on{color:#ff6f00;}
.footer_contact{display:flex; justify-content:center; align-items:stretch; gap:2.4rem; margin-top:3.6rem;}
.footer_contact li{flex:0 1 36rem;}
.footer_contact li a{display:flex; align-items:center; width:100%; height:100%; box-sizing:border-box; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.footer_contact li a:hover{transform:translateY(-0.3rem);}
.footer_contact .ico{flex:0 0 4.6rem; width:4.6rem; height:4.6rem; margin-right:1.6rem; border-radius:50%; background-color:rgba(255,255,255,0.16); background-repeat:no-repeat; background-size:2.2rem; background-position:center center;}
.footer_contact .ico_whatsup{background-image:url(../images/ico_whatsup2.svg);}
.footer_contact .ico_email{background-image:url(../images/ico_email2.svg);}
.footer_contact .ico_address{background-image:url(../images/ico_address2.svg);}
.footer_contact .txt{display:flex; flex-direction:column; justify-content:center; min-width:0;}
.footer_contact .txt em{font-style:normal; font-size:1.4rem; line-height:1.8rem; color:#ffffff; opacity:0.85;}
.footer_contact .txt b{line-height:2.4rem; font-weight:700; color:#ffffff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.footer_contact li{background:#0b1a12; border-radius:0.8rem; padding:1.6rem 2rem; box-sizing:border-box; }
.footer_copyright{width:100%; box-sizing:border-box; text-align:center; color:#68806f; background:rgba(0,0,0,0.25); padding:1.8rem 1.5rem; margin-top:4.5rem; line-height:1.5; font-size:1.4rem;}
@media screen and (max-width:1560px){
.footer .main{padding:0 4rem;}
.footer_navlist li a{font-size:1.4rem;}
.footer_navlist li::after{margin:0 1.2rem;}
.footer_contact{gap:1.8rem;}
.footer_contact li{flex:0 1 32rem;}
}
@media screen and (max-width:1420px){
.footer_contact li{flex:0 1 29rem;}
.footer_contact .txt b{font-size:1.4rem;}
}
@media screen and (max-width:1240px){
.footer{padding:4rem 0 0 0;}
.footer_contact{flex-direction:column; align-items:center; gap:1.4rem; margin-top:3rem;}
.footer_contact li{width:100%; max-width:44rem; flex:none;}
.footer_copyright{margin-top:3.5rem;}
}
@media screen and (max-width:992px){
.footer{padding:3rem 0 0 0;}
.footer .main{padding:0 2rem;}
.footer_navlist li a{font-size:1.2rem;font-weight: normal;letter-spacing:0;}
.footer_navlist li::after{margin:0 0.8rem;}
.footer_contact li{padding:1.5rem 0rem;}
.footer_contact .ico{flex:0 0 4rem; width:4rem; height:4rem; margin-right:1.2rem; background-size:2rem;}
.footer_copyright{font-size:1.4rem; padding:1.2rem 1rem; margin-top:2.5rem;}
}

/*搜索和在线留言弹窗*/
#infoFormDiv{display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); padding:2%; background-color: #fff; z-index:1000; width:50%; box-sizing:border-box; border-radius:0.5rem;}
#infoFormDiv ul h2{ font-size:2.4rem; line-height:1.2; text-align:center; margin-bottom:2rem; font-weight:700;}
#infoFormDiv ul p{text-align:center; margin-top:1rem;}
#infoFormDiv li {overflow:hidden;}
#infoFormDiv li:nth-child(n+2) {margin-top:3%; text-align:center;}
#overlay{display: none; position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.8); z-index: 999;}

#infoFormDiv_prod{display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); padding:4%; background-color: #fff; z-index:1000; width:50%; box-sizing:border-box; border-radius:0.5rem;}
#infoFormDiv_prod ul h2{ font-size:2.8rem; line-height:1.2; text-align:center; margin-bottom:2rem; font-family: "LexendBold";}
#infoFormDiv_prod ul p{text-align:center; margin-top:1rem;}
#infoFormDiv_prod li {overflow:hidden;}
#infoFormDiv_prod li:nth-child(n+2) {margin-top:3%; text-align:center;}
#infoFormDiv_prod li:nth-child(3){width:100%; display:flex;align-items: center;}
#infoFormDiv_prod li:nth-child(3) img{width:4rem; height:4rem; vertical-align:middle; padding-left:1rem;}
#infoFormDiv_prod li:nth-child(3) .msg_name_input,.msg_mail_input {width:80%;}
#overlay_prod{display: none; position: fixed; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.8); z-index: 999;}

.msg_name_input,.msg_mail_input,.msg_textarea2{padding:0 1.5rem; background:#fafafa; box-sizing:border-box; font-family:"Poppins-Regular"; border-radius:0.5rem; border:1px #eaeaea solid;}
.msg_name_input,.msg_mail_input {float:left; width:48.5%; line-height:5rem; height:5rem;}
.msg_mail_input{margin-left:2%;}
.msg_name_input::-webkit-input-placeholder{color: #666666!important; opacity:1;}
.msg_mail_input::-webkit-input-placeholder{color: #666666!important; opacity:1;}
.msg_textarea2::-webkit-input-placeholder{color: #666666!important; opacity:1;}

.msg_textarea2 {width:100%;line-height:2.4rem; resize:none; color:#222222; padding:1rem; box-sizing:border-box;}
.msg_submit_2{width:fit-content; height:5rem; line-height:5rem; text-align:center; text-transform:uppercase; color:#ffffff; background:#0d55a6; cursor:pointer; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; border-radius:0.5rem; padding:0 3rem; display:inline-block; font-size:inherit;}
.msg_submit_2:hover{background:#ff6f00; color:#ffffff;}

.msg_cancel{width:4rem; height:4rem; background:#0d55a6; cursor:pointer; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; border-radius:100%; position:absolute; right:-1rem; top:-1rem; display:flex; align-items:center; justify-content: center;}
.msg_cancel img{width:60%; height:auto;transition: transform 1s ease;}
.msg_cancel:hover{background:#ff6f00;}
.msg_cancel:hover img{transform: rotate(180deg);}

@media screen and (max-width:992px) {
#infoFormDiv{padding:5% 5%; width:90%;}
#infoFormDiv ul h2{ font-size:1.6rem; margin-bottom:1rem;}
#infoFormDiv li:nth-child(n+2) {margin-top:1rem;}

#infoFormDiv_prod{padding:5% 5%; width:90%;}
#infoFormDiv_prod ul h2{ font-size:1.6rem; margin-bottom:1rem;}
#infoFormDiv_prod li:nth-child(n+2) {margin-top:1rem;}

.msg_name_input,.msg_mail_input {float:none; width:100%; line-height:4rem; height:4rem; margin-bottom:1rem;}
.msg_mail_input{margin-left:0;}
.msg_submit_2{height:3rem; line-height:3rem; margin-right:1rem;}
.msg_cancel{height:3rem; width:3rem;}
}


/***img***/
.imgbox {position:relative; overflow:hidden; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.imgbox img {transition:clip 0.3s cubic-bezier(0,.3,.6,1), transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease, -webkit-clip 0.3s cubic-bezier(0,.3,.6,1);}
a:hover .imgbox img {-webkit-transform:scale(1.05); transform:scale(1.05);}
.imgbox:hover img {-webkit-transform:scale(1.05); transform:scale(1.05);}
.imgbox .mask, .imgbox .view {position:absolute; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; opacity:0;}
.imgbox .mask {bottom:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8);}
.imgbox .view {top:50%; left:50%; margin:-2.6rem 0 0 -2.4rem; width:4.8rem; height:4.8rem; background:url(../images/view.png) no-repeat; -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgbox:hover .mask, .imgbox:hover .view {opacity:0.5;}
.imgbox:hover .view {-webkit-transform:scale(1,1); transform:scale(1,1);}


/************内页banner*************/
.ban {margin:0 auto; width:100%;position:relative; overflow:hidden; background:#000000;}
.ban::after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(to top,rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.08) 45%,rgba(0,0,0,0.03) 80%); z-index:1; pointer-events:none;}
.ban .addiv{position:absolute; width:100%; color:#ffffff; top:70%; transform: translateY(-70%); text-align:right; z-index:2;}
.ban .addiv h2{font-size:5rem; line-height:1; text-transform:uppercase; font-weight:700; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:rgb(255,255,255,0.8);text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);font-family:"LexendBold";}
.ban .addiv_txt{font-size:1.8rem; text-transform:uppercase; color:rgb(255,255,255,0.7);}
@media screen and (max-width:1560px) {
.ban .addiv h2{font-size:4.55rem;}
.ban .addiv_txt{font-size:1.8rem;}
}
@media screen and (max-width:1240px) {
.ban .addiv h2{font-size:3.5rem;}
.ban .addiv_txt{font-size:1.4rem;}
}
@media screen and (max-width:992px) {
.ban {margin:4.5rem auto 0;display: flex; flex-direction:column;}
.ban .addiv{top:50%; transform:translateY(-50%); text-align:center;}
.ban .addiv_txt{font-size:1.3rem;}
.ban .addiv h2{font-size:1.8rem;}
}


/*--------内页路径--------*/
#weizhi{width:100%; margin:0 auto; background:#f7f9ff; border-bottom:1px #dddddd solid; box-sizing:border-box;}
.weizhi{width:90%; margin:0 auto;line-height:2rem; padding:1.3rem 0; box-sizing:border-box; color:#666666;}
.weizhi a{color:#666666; line-height:2.4rem;}
.weizhi a:hover{color:#999999;}
.span_right{float:right;}
.home{height:2.4rem; line-height:2.4rem; display:inline-block;background:url(../images/icon5.png) left 3px no-repeat; padding-left:2rem;}
.span_list{height:2.4rem; line-height:2.4rem; display:inline-block; background:url(../images/weizhi_right.png) left 2px no-repeat; padding-left:2rem;}
.span_list b{font-weight:normal;}
@media screen and (max-width:2560px) {
.weizhi {width:90%; max-width:158rem;}
}
@media screen and (max-width:1920px) {
.weizhi {width:90%; max-width:145rem;}
}
@media screen and (max-width:992px) {
#weizhi{margin:0 auto;}
.weizhi{width:100%; padding:0.5rem 0;}
.weizhi a{line-height:2rem;}
.span_right{ display:none;}
.home{height:2rem; display:inline-block;}
.span_list{height:2rem; line-height:2rem; display:inline-block; background:url(../images/weizhi_right.png) left center no-repeat; padding-left:2rem;}
}

/*分页*/
.page{text-align:center; padding:1rem 1rem; margin-top:4rem;}
.page a{display:inline-block; border:1px #ecf5ff solid; font-size:1.4rem; padding:0.6rem 1.4rem; border-radius:0.3rem; margin:0 0.2rem; font-family:"宋体"; line-height:2rem; height:2rem; color:#999999; background:#ffffff;}
.page a:hover{background:#ff6f00; color:#fff;}
.pagea{background:#ff6f00!important; color:#ffffff!important;}
@media screen and (max-width:992px) {
.page{padding:0.5rem 0; margin-top:2rem;}
.page a{font-size:1.4rem; padding:0.5rem 1.5rem; margin:0;}
}

/* ===== lynav: 站内分类导航 — 现代胶囊式标签导航 ===== */
.lynav{width:100%; display:block; box-sizing:border-box;margin:6rem auto 0;}
.lynav .index_htitle{ margin-bottom:1.5rem;}
.lynav ul{display:flex; justify-content:center; flex-wrap:wrap; gap:0.5rem; width:fit-content; max-width:100%; margin:0 auto;}
.lynav ul li{
  text-align:center; padding:0.8rem 3.5rem; box-sizing:border-box;
  border-radius:5rem; white-space:nowrap; flex-shrink:0;
  position:relative; cursor:pointer;
  transition:all 0.4s cubic-bezier(0.4,0,0.2,1);
  background:#f5f5f5;
}
.lynav ul li a{transition:color 0.4s; position:relative; z-index:2;}
.lynav ul li:hover{background:rgba(13,85,166,0.09); transform:translateY(-2px);}
.lynav ul li:hover a{color:#0d55a6;}
.lynav ul li#lynavonsec{
  background:linear-gradient(135deg,#056835 0%,#056835 100%);
  box-shadow:0 3px 8px rgba(13,85,166,0.35);
  transform:translateY(-1px);
}
.lynav ul li#lynavonsec a{color:#ffffff;}
.lynav ul li#lynavonsec:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 26px rgba(13,85,166,0.45);
}
#navonsec{color:#ff6f00;}
#navonsec a{color:#ff6f00;}
@media screen and (max-width:992px){
.lynav{margin:2rem auto 0;}
.lynav .index_htitle{ margin-bottom:1rem;}
.lynav ul{justify-content:flex-start; margin:0; overflow-x:auto; flex-wrap:nowrap; border-radius:2.5rem; gap:0.4rem; -webkit-overflow-scrolling:touch;}
.lynav ul::-webkit-scrollbar{display:none;}
.lynav ul li{padding:0.7rem 1.6rem; flex-shrink:0;}
}

.lymain_box{width:100%; display:flex; align-items:stretch;/*左右两边的高度一致*/ box-sizing:border-box; margin:8rem 0;}
.lymain_box_left{float:right; width:72%; box-sizing:border-box; margin:0 5% 0 0;}
.lymain_box_left .lynav ul{ margin-top:0; margin-bottom:5rem;}
.lymain_box_right{float:left; width:23%; background:#ffffff; padding:3rem; box-sizing:border-box; border-radius:0.5rem;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
@media screen and (max-width:992px){
.lymain_box{display:block; margin:1.5rem 0;}
.lymain_box_left{float:none; width:100%; margin:0;}
.lymain_box_left .lynav ul{margin-top:0; margin-bottom:0;}
.lymain_box_right{display:none;}
}

/*右侧的分类列表*/
.lymain_right_list{ position:relative; display:block; overflow:hidden; margin-bottom:4rem;}
.lymain_right_list h2{font-size:2.4rem; padding-bottom:1rem; border-bottom:1px #dddddd dotted; font-family:"LexendBold";}
.lymain_right_list ul{overflow:hidden;}
.lymain_right_list ul li{position:relative; box-sizing:border-box; border-bottom:1px #dddddd dotted; padding:1rem 0 1rem 1.4rem; background:url(../images/dian2.svg) left center no-repeat; background-size:6px;}
@media screen and (max-width:1560px) {
.lymain_right_list h2{font-size:1.8rem;}
}

@media screen and (max-width:1240px) {
.lymain_right_list h2{font-size:1.6rem;}
}

/*右侧推荐新闻*/
.lymain_right_news{ position:relative; display:block; overflow:hidden; margin-bottom:4rem;}
.lymain_right_news h2{font-size:2.4rem; padding-bottom:1rem; border-bottom:1px #dddddd dotted; font-family:"LexendBold";}
.lymain_right_news ul{overflow:hidden; margin-top:1rem;}
.lymain_right_news ul li{width:100%; position:relative; box-sizing:border-box; overflow:hidden; border-bottom:1px #dddddd solid; padding-bottom:2rem;}
.lymain_right_news ul li:nth-child(n+2){margin-top:2rem;}
.lymain_right_news ul li .news_box{box-sizing:border-box;}
.lymain_right_news ul li .news_title{-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; line-height:2.4rem;}
.lymain_right_news ul li .imgbox{width:35%; float:left; margin-right:1rem; border-radius:0.5rem; overflow:hidden;}
.lymain_right_news ul li .ptxt{-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; margin-top:0.5rem; line-height:2rem; font-size:1.4rem; opacity:0.75;}
.lymain_right_news ul li .news_date{display:inline-block; font-size:1.6rem; color:#999999; font-weight:normal; background:url(../images/date.svg) left center no-repeat; padding-left:3rem; background-size:20px;}

@media screen and (max-width:1560px) {
.lymain_right_news h2{font-size:1.8rem;}
.lymain_right_news ul li .news_title{font-size:1.4rem;}
}

@media screen and (max-width:1240px) {
.lymain_right_news h2{font-size:1.6rem;}
.lymain_right_news ul li .news_title{font-size:1.2rem;}
}

/*==================== aboutus 公司简介 ====================*/
.about_mod1{width:100%; box-sizing:border-box; padding:8rem 0 7rem; background:#ffffff;}
.about_mod1 .index_htitle .ptxt{margin:1.2rem auto 0; line-height:2.8rem; color:#555550; text-align:center;}
.about_mod2{width:100%; box-sizing:border-box; padding:7rem 0 8rem; background:#15402a;}
.about_mod2 .index_htitle h2{color:#ffffff;}
.about_mod2 ul{display:grid; grid-template-columns:repeat(4,1fr); gap:2.4rem;}
.about_mod2 ul li{box-sizing:border-box; padding:3rem 3.2rem; background:#ffffff; border:0.1rem solid rgba(255,255,255,0.14); border-radius:1.2rem; color:#15402a; line-height:2.8rem; transition:all 0.35s ease;}
.about_mod2 ul li:hover{border-color:#ff6f00; box-shadow:0 0.8rem 2.2rem rgba(0,0,0,0.18); transform:translateY(-0.5rem);}
.about_mod2 ul li h2{font-weight:bold; color:#2fbb00; text-align:left; margin-bottom:1rem;}
.about_mod3{position:relative; width:100%; overflow:hidden;}
.about_mod3 img{width:100%; display:block; object-fit:cover; transition:transform 0.6s ease;}
.about_mod3:hover img{transform:scale(1.05);}
.about_mod3::after{content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(to bottom,rgba(15,35,26,0.55) 0%,rgba(15,35,26,0.25) 100%); z-index:1;}
.about_mod3_txt{position:absolute; left:0; top:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; z-index:2; padding:0 5%; box-sizing:border-box; text-align:center;}
.about_mod3_txt .main{width:70%;}
.about_mod3_txt .div_btn{margin-top:2rem;}
.about_mod3_txt h1{color:#ffffff; font-size:4rem; line-height:1.4; font-family:"LexendBold"; text-shadow:0 0.4rem 1.6rem rgba(0,0,0,0.35);}
.about_mod4{width:100%; box-sizing:border-box; padding:8rem 0; background:#fafaf7;}
.about_mod4_box{display:flex; align-items:stretch; gap:2.4rem;}
.about_mod4_box_img{flex:0 0 46%; display:flex; overflow:hidden; border-radius:1.2rem; box-shadow:0 0.6rem 1.8rem rgba(0,0,0,0.06);}
.about_mod4_box_img img{width:100%; object-fit:cover; display:block;}
.about_mod4 ul{flex:1; display:flex; flex-direction:column; gap:1.6rem; background:#ffffff; border-radius:1.2rem; box-shadow:0 0.6rem 1.8rem rgba(0,0,0,0.06); padding:2rem; box-sizing:border-box;}
.about_mod4 ul li{box-sizing:border-box; padding:2.4rem 2.8rem; text-align:left; transition:all 0.35s ease; border-bottom:1px #dddddd dotted;}
.about_mod4 ul li:hover{transform:translateY(-0.4rem);}
.about_mod4 ul li h2{font-size:2rem; line-height:1.4; color:#141414; font-family:"LexendBold";}
.about_mod4 ul li:hover h2{color:#ff6f00;}
.about_mod4 ul li .ptxt{margin-top:0.8rem; font-size:1.5rem; line-height:2.4rem; color:#6e6e68; text-align:left;}
@media screen and (max-width:1560px) {
.about_mod3_txt h1{font-size:3.2rem;}
}
@media screen and (max-width:1240px) {
.about_mod2 ul{gap:1.6rem;}
.about_mod2 ul li{padding:2.2rem 2rem; font-size:1.4rem; line-height:2.4rem;}
.about_mod3_txt h1{font-size:2.6rem;}
.about_mod4_box{gap:1.6rem;}
.about_mod4 ul li h2{font-size:1.8rem;}
}
@media screen and (max-width:992px) {
.about_mod1{padding:4.5rem 0 3.5rem;}
.about_mod2{padding:4rem 0 4.5rem;}
.about_mod2 ul{grid-template-columns:1fr;}
.about_mod3_txt .main{width:100%;}
.about_mod3_txt h1{font-size:2rem;}
.about_mod3 img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:fill;}
.about_mod3_txt{position:relative; left:auto; top:auto; width:100%; height:auto; padding:4rem 5%;}
.about_mod4{padding:4.5rem 0;}
.about_mod4_box{flex-direction:column;}
.about_mod4 ul{padding:0rem;}
.about_mod4 ul li{padding:1.8rem 2rem;}
.about_mod4_box_img{flex:none; max-height:32rem;}
.about_mod4_box_img img{height:32rem;}
}

.global_left_top{position:fixed; right:1rem; bottom:2rem; z-index:99;}
.global_left_top button{transition:all 0.3s ease; overflow:hidden;}
.global_left_top button:hover{transform:translateY(-0.4rem); box-shadow:0 1rem 2.4rem rgba(0,0,0,0.26);}
#myback{width:5rem; height:5rem;}
#myback img{width:100%;}
#mymeil{width:5rem; height:5rem; margin-bottom:1rem;}
#mymeil img{width:100%;}
@media screen and (max-width:992px){
.global_left_top{bottom:1rem;}
#myback{width:3.5rem; height:3.5rem;}
#mymeil{width:3.5rem; height:3.5rem;}
}


/*contact us*/
.contact_mod2{width:100%; box-sizing:border-box; position:relative; padding:6rem 0;}
.contact_mod2_box{display:block; margin-top:2rem; padding:4rem; box-sizing:border-box; border-radius:1rem; background:#f9f9f9;border:1px #dddddd solid;}
.contact_mod2_box ul{display:grid; grid-template-columns:repeat(3, 1fr); gap:4rem;}
.contact_mod2_box ul li{position:relative; padding-left:8%; box-sizing:border-box;}
.contact_mod2_box ul li h3{font-size:1.8rem; margin-bottom:1rem; font-weight:bold; line-height:1.2;}
.contact_mod2_box p{display:flex; flex-wrap:wrap; font-size:2.2rem;}
.contact_mod2_box p a{color:#ff6f00; font-weight:700;}
.contact_mod2_box p a:hover{color:#ff6f00; text-decoration:underline;}
.contact_mod2_box p img{ width:2.4rem;display:inline; margin-right:0.5rem; vertical-align:middle;}
@media screen and (max-width:1560px){
.contact_mod2_box ul li h3{font-size:1.6rem;}
.contact_mod2_box p{font-size:2.2rem;}
}
@media screen and (max-width:1240px){
.contact_mod2_box ul li h3{font-size:1.4rem;}
.contact_mod2_box p{font-size:1.8rem;}
}

@media screen and (max-width:992px) {
.contact_mod2{padding:2.5rem 0;}
.contact_mod2_box{margin-top:3rem; padding:2rem;}
.contact_mod2_box ul{grid-template-columns:repeat(1, 1fr); gap:2rem 0;}
.contact_mod2_box ul li{padding-left:1rem; border-bottom:1px #dddddd dotted; padding-bottom:1rem;}
.contact_mod2_box ul li h3{font-size:1.4rem; margin-bottom:0.5rem;}
.contact_mod2_box p{font-size:1.6rem;}
}

.contact_mod3_box{ position:relative; padding:4% 5%; box-sizing:border-box; margin:7rem auto 0; border-radius:1rem; border:1px #dddddd solid;background:#f9f9f9;}
.contact_mod3_box .index_htitle{margin-bottom:0;}
.contact_mod3_box .index_htitle .ptxt {margin-top:0; opacity:1;}
.contact_mod3_box .msntable{margin-top:2rem; padding:0;}
@media screen and (max-width:1560px){
.contact_mod3_box{padding:4%; margin:5rem auto 0;}
.contact_mod3_box .index_htitle .ptxt {font-size:2rem;}
.contact_mod3_box .msntable{margin-top:1.8rem;}
}
@media screen and (max-width:1420px){
.contact_mod3_box{padding:3%; margin:4rem auto 0;}
.contact_mod3_box .index_htitle .ptxt {font-size:1.8rem;}
.contact_mod3_box .msntable{margin-top:1.6rem;}
}
@media screen and (max-width:1240px){
.contact_mod3_box{padding:2%; margin:4rem auto 0;}
.contact_mod3_box .index_htitle .ptxt {font-size:1.6rem;}
.contact_mod3_box .msntable{margin-top:1.2rem;}
}

@media screen and (max-width:992px) {
.contact_mod3_box{padding:4%; margin:3rem auto 0;}
.contact_mod3_box .index_htitle .ptxt {font-size:1.6rem;}
.contact_mod3_box .msntable{margin-top:1.2rem;}
}

/***msn***/
.upload_table{width:100%; height:100%; background:#ffffff; border:10px #f5f5f5 solid; padding:1rem; box-sizing:border-box;}
.uploadtxt{line-height:4rem; font-weight:bold; text-align:center;}
.inputfile{line-height:2.4rem; padding:0.5rem 1.2rem; box-sizing:border-box; border:1px #cccccc solid; border-radius:0.4rem;}
.buttonface01{ border:0px; padding:1rem 2.4rem; background:#ff6600; color:#FFF; margin-top:1.5rem; cursor:pointer; border-radius:0.4rem;}
.buttonface01:hover{ background:#d40000; font-weight:600;}

.msntable{position:relative; margin-top:3rem; padding:0 10%; box-sizing:border-box;}
.msntable ul{display:flex; gap:3%; flex-wrap:wrap; align-items:stretch;}
.msntable ul li{margin-bottom:1.8rem;}
.msntable ul li:last-child{margin-bottom:0;}
.msntable ul li:nth-child(1){width:31.3333%;}
.msntable ul li:nth-child(2){width:31.3333%;}
.msntable ul li:nth-child(3){width:31.3333%;}
.msntable ul li:nth-child(4){width:100%;}
.msntable ul li:nth-child(5){width:100%; display:flex;align-items: center;}
.msntable ul li:nth-child(5) img{width:4rem; height:4rem; vertical-align:middle; padding-left:1rem;}

.msntable ul li:nth-child(6){width:100%;}
.msntable_submit{width:100%; background-color:#0d55a6; border:none; color:#ffffff; cursor:pointer; border-radius:0.5rem; padding:2rem 3rem; box-sizing:border-box; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; text-transform:uppercase; font-size:inherit; font-weight:700;}
.msntable_submit:hover{background:#ff6f00;}
.msntable_input{width:100%; padding:1rem; line-height:3rem; background:rgb(255,255,255,1); box-sizing:border-box; border-radius:0.5rem;font-family:"Poppins-Regular"; border:1px #dddddd solid;}
.msntable_textarea{width:100%;line-height:3rem; resize:none;font-family:"Poppins-Regular", Helvetica, sans-serif; padding:1.5rem; background:rgb(255,255,255,1); box-sizing:border-box; border-radius:0.5rem; height:12rem;border:1px #dddddd solid;}
.msntable_input::placeholder {color:#999!important; opacity:0.8!important;}
.msntable_textarea::placeholder {color:#999!important;opacity:0.8!important;}
.contact_mod3_box  .msntable_input{border:1px #dddddd solid; color:#222222;}
.contact_mod3_box  .msntable_textarea{border:1px #dddddd solid; color:#222222;}

@media screen and (max-width:992px) {
.msntable{margin-top:1rem; padding:0;}
.msntable ul li{margin-bottom:1rem;}
.msntable ul li:nth-child(1){width:100%;}
.msntable ul li:nth-child(2){width:100%;}
.msntable ul li:nth-child(3){width:100%;}
.msntable ul li:nth-child(4){width:100%;}
.msntable ul li:nth-child(5){width:100%;}
.msntable_input{font-size:1.3rem; padding:0.6rem;border:1px rgb(255,255,255,0.2) solid;}
.msntable_textarea{font-size:1.3rem; line-height:2rem; padding:0.6rem;border:1px rgb(255,255,255,0.2) solid;}
.msntable_submit{padding:1.5rem 2rem;}
}


/*新闻*/
.newslist{display:block; margin:6rem 0;}
.newslist ul{display:block; }
.newslist ul li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; box-sizing:border-box; overflow:hidden; border-radius:0.5rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); background:#ffffff;margin-bottom:4rem; display:flex; flex-wrap: wrap;}
.newslist ul li:last-child{margin-bottom:0;}

.newslist ul li .imgbox{flex: 0 0 30%;}
.newslist ul li .imgbox img{height:100%;}
.newslist ul li .news_box{flex: 0 0 70%; box-sizing:border-box; position:relative; padding:4rem;}
.newslist ul li .news_title{font-size:2.4rem; font-weight:bold; margin:0 0 1rem 0; line-height:3rem; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.newslist ul li .ptxt{-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; opacity:0.8;}
.newslist ul li .news_date{background:url(../images/date.svg) left 5px no-repeat; background-size:18px; padding-left:2.5rem; opacity:0.8; margin-top:3rem;}
@media screen and (max-width:1560px) {
.newslist{margin:4rem 0;}
.newslist ul li{margin-bottom:3rem;}
.newslist ul li .news_box{padding:3rem;}
.newslist ul li .news_title{font-size:1.8rem; line-height:2rem;}
}
@media screen and (max-width:1240px) {
.newslist{margin:3rem 0;}
.newslist ul li{margin-bottom:2rem;}
.newslist ul li .news_box{padding:2rem;}
.newslist ul li .news_title{font-size:1.6rem; margin:0 0 0.5rem 0; line-height:1.8rem;}
}
@media screen and (max-width:992px) {
.newslist{margin:2rem 0;}
.newslist ul li{margin-bottom:1rem;}
.newslist ul li .imgbox{flex: 0 0 100%;}
.newslist ul li .news_box{flex: 0 0 100%; padding:1.5rem; }
.newslist ul li .news_title{font-size:1.8rem; line-height:2rem;-webkit-line-clamp:3;}
.newslist ul li .ptxt{line-height:2rem; height:auto;}
.newslist ul li .news_date{background:url(../images/date.svg) left 2px no-repeat; background-size:16px; padding-left:2.2rem; position:relative; margin-top:2rem; bottom:0;}
}


.newslist2{display:block; margin:4rem 0;}
.newslist2 ul{display:grid; grid-template-columns:repeat(3,1fr); gap:4rem;}
.newslist2 ul li{overflow:hidden; position:relative; box-sizing:border-box; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); border:1px #f1f1f1 solid; border-radius:0.5rem; display:flex; flex-direction:column; height:100%; background:#ffffff;}
.newslist2 ul li .imgbox{position:relative; width:100%; height:0; padding-bottom:66.66%; overflow: hidden;}
.newslist2 ul li .imgbox img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.newslist2_box{flex:1; min-height:33.34%; padding:2rem; box-sizing:border-box;}
.newslist2_box .news_title{font-size:1.8rem; font-weight:bold; margin:0 0 1rem 0; line-height:1.4; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.newslist2_box .ptxt{-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; opacity:0.8;}
.newslist2_box .news_date{background:url(../images/date.svg) left 5px no-repeat; background-size:18px; padding-left:2.5rem; opacity:0.8; margin-top:3rem;}
@media screen and (max-width:1560px) {
.newslist2{margin:3rem 0;}
.newslist2 ul{gap:3rem;}
.newslist2_box{padding:1.5rem;}
.newslist2_box .news_title{font-size:1.8rem; line-height:2rem;}
}
@media screen and (max-width:1240px) {
.newslist2{margin:2rem 0;}
.newslist2 ul{gap:2rem;}
.newslist2_box{padding:1rem;}
.newslist2_box .news_title{font-size:1.6rem; margin:0 0 0.5rem 0; line-height:1.8rem;}
}
@media screen and (max-width:992px){
.newslist2{margin:2rem 0;}
.newslist2 ul{grid-template-columns:repeat(2,1fr); gap:2rem;}
.newslist2_box{padding:1rem;}
.newslist2_box .news_title{font-size:1.4rem; line-height:2rem;-webkit-line-clamp:3;}
.newslist2_box .ptxt{line-height:2rem; height:auto;}
.newslist2_box .news_date{background:url(../images/date.svg) left 2px no-repeat; background-size:16px; padding-left:2.2rem; position:relative; margin-top:2rem; bottom:0;}
}

/*新闻详情页*/
.newsshow{overflow:hidden; display:block;}
.newsshow_img{margin-bottom:1rem; text-align:left;}
.newsshow_img img{width:auto; max-width:100%; border-radius:0.5rem;}
.news_xxjs{line-height:2.8rem!important; word-break:break-word!important; overflow:hidden; margin-bottom:3rem;}
.news_xxjs p,.news_xxjs span{line-height:2.8rem!important;font-size:1.6rem!important;}
.news_xxjs h2{font-size:2.2rem; font-weight:700;}
.news_xxjs h3{font-size:1.8rem; font-weight:700;}
.news_xxjs img{width:auto; max-width:100%;display: initial; margin:0;}
.news_xxjs video{width:100%; height:100%; object-fit:fill; overflow:hidden;}
.news_xxjs a{color:#ff3300;}
.news_xxjs iframe{width:80rem; height:60rem;}
.news_xxjs ul,.news_xxjs ol{margin:1rem 0; box-sizing:border-box; padding-left:1.5rem; box-sizing:border-box;}
.news_xxjs ul li,.news_xxjs ol li{ background:url(../images/dian2.svg) left 10px no-repeat; background-size:7px; padding-left:1.4rem; box-sizing:border-box;}
.news_title{overflow:hidden;}
.news_title h1{font-size:3.6rem;line-height:1.1; margin-bottom:2rem;text-align:left; font-family:"LexendBold"; padding:0 0 1rem 0; box-sizing:border-box; border-bottom:1px #dddddd dotted;}

.pubdate{margin:0 0 2rem 0; overflow:hidden; text-align:left; padding-bottom:1.5rem; border-bottom:1px #dddddd dotted;}
.pubdate span{margin:0 2rem 0 0;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}

.news_xxjs table{width:100%;table-layout:fixed;}
.news_xxjs table tr:nth-child(odd){background-color:#f5f5f5;}
.news_xxjs table tr:nth-child(even){background-color: #ffffff;}
.news_xxjs table tr:first-child{background-color:#777777; color:#ffffff;}
.news_xxjs td{padding:1rem; font-size:1.4rem!important; border:1px #dddddd solid!important;line-height:2rem!important;word-break:break-all!important; vertical-align:top;}
.news_xxjs td p,.news_xxjs td span{font-size:1.6rem!important;line-height:2.4rem!important;word-break:break-all!important;}
.news_xxjs th{padding:1rem; font-size:1.4rem!important; border:1px #dddddd solid!important;line-height:2rem!important;word-break:break-all!important;}
.news_xxjs th p,.news_xxjs th span{font-size:1.6rem!important;line-height:2.4rem!important;word-break:break-all!important;}

@media screen and (max-width:1560px) {
.news_title h1{font-size:3.2rem;}
}

@media screen and (max-width:1240px) {
.news_title h1{font-size:2.4rem;}
}

@media screen and (max-width:992px) {
.news_xxjs{line-height:2.4rem!important; font-size:1.3rem!important; width:100%; overflow-x:auto;}
.news_xxjs p,.news_xxjs span{line-height:2.4rem!important;font-size:1.3rem!important;}
.news_xxjs video{width:100%; height:100%; object-fit:fill; overflow:hidden;}
.news_title h1{font-size:1.8rem; margin-bottom:1rem;}
.pubdate{margin:0 0 1rem 0; padding-bottom:1rem;}
.pubdate span{margin:0 1rem 0 0;}
.news_xxjs h2{font-size:1.6rem;}
.news_xxjs h3{font-size:1.4rem;}
.news_xxjs table{display:-webkit-box; width:auto!important; white-space:nowrap; overflow-x:auto; overflow-y:hidden; border:0;}
.news_xxjs td{padding:0.4rem; font-size:1.3rem!important; border:1px #dddddd solid!important;line-height:1.8rem!important;word-break:break-all!important;}
.news_xxjs td p,.news_xxjs td span{font-size:1.3rem!important;line-height:1.8rem!important;word-break:break-all!important;}
.news_xxjs th{padding:0.4rem; font-size:1.3rem!important; border:1px #dddddd solid!important;line-height:1.8rem!important;word-break:break-all!important;}
.news_xxjs th p,.news_xxjs th span{font-size:1.3rem!important;line-height:1.8rem!important;word-break:break-all!important;}
.news_xxjs ul li,.news_xxjs ol li{ background:url(../images/dian2.svg) left 6px no-repeat; background-size:7px;}
.news_xxjs iframe{width:100%; height:30rem;}
}

/*相关资讯*/
.Information{overflow:hidden; margin-bottom:3rem;}
.Information ul{ padding:0;}
.Information li{border-bottom:1px dotted #dcdcdc; line-height:2rem; padding:1rem 0;}
.Information li span{float:right; color:#999999;padding-left:1rem; padding-right:1rem;}
.Information li{overflow:hidden; text-transform: capitalize;}
@media screen and (max-width:992px) {
.Information li{padding:0.5rem 0;}
}

/*预设版式的详情页模块*/
.detailtext_box{overflow:hidden;}
.detailtext_box h1{font-size:3.6rem;line-height:1.1; margin-bottom:1.5rem;text-align:left; font-family:"LexendBold"; padding:0 0 1rem 0; box-sizing:border-box; border-bottom:1px #dddddd dotted;}
.detailtext_title{margin-bottom:1.2rem; position:relative; border-bottom:3px #0f74bd solid;}
.detailtext_title h2{font-size:1.8rem; font-weight:700;box-sizing:border-box; width:fit-content;}
.detailtext_title h2::after {content: ''; display:block; width:100%; height:0.3rem; background-color:#ff6f00; margin-top:0.5rem;}
.detailtext_box h2{font-size:2.4rem; margin-bottom:-0.3rem;  line-height:1.2; color:#0d55a6;}
.detailtext0{display:block; margin-bottom:4rem;}

.detailtext1{display:block; margin-bottom:3rem;}
.detailtext1{display: flex; flex-direction: column;background:#0d55a6;color:#ffffff;} 
.detailtext1 ul {display: flex; align-items:flex-start;} 
.detailtext1 ul li {flex: 1; display: flex; align-items: flex-start; justify-content: flex-start; box-sizing: border-box; flex-direction:column;} 
.detailtext1 ul li img {max-width:100%; height:auto;} 
.detailtext1_box{padding:5rem; text-align:left; box-sizing:border-box;}

.detailtext2{display:block; margin-bottom:3rem;}
.detailtext2{display:flex; flex-direction:column; background:#0d55a6; color:#ffffff;} 
.detailtext2 ul {display: flex; align-items:flex-start;} 
.detailtext2 ul li {flex: 1; display: flex; align-items: flex-start; justify-content: flex-start; box-sizing: border-box; flex-direction:column;} 
.detailtext2 ul li img {max-width:100%; height:auto;} 
.detailtext2_box{padding:5rem; text-align:left; box-sizing:border-box;}

.detailtext3{display:block; margin-bottom:3rem;background:#f8f8f8; padding:2rem; box-sizing:border-box;}
.detailtext3 img{width:auto; max-width:100%; margin:0 auto;}

.detailtext4{display:block; margin-bottom:3rem;}
.detailtext4 ul{display:grid; grid-template-columns:repeat(2,1fr); gap:1rem;}
.detailtext4 ul li{display:block;}
.detailtext4 ul li p{text-align:center; margin-top:1rem;}

.detailtext5{display:block; margin-bottom:3rem;}
.detailtext5 ul{display:grid; grid-template-columns:repeat(3,1fr); gap:1rem;}
.detailtext5 ul li{display:block;}
.detailtext5 ul li p{text-align:center; margin-top:1rem;}

@media screen and (max-width:1560px){
.detailtext_box h1{font-size:3.6rem; margin-bottom:2rem;}
.detailtext_title{font-size:3.2rem;}
.detailtext_box h2{font-size:2.4rem;}

}

@media screen and (max-width:1240px){
.detailtext_box h1{font-size:2.4rem; margin-bottom:2rem;}
.detailtext_title{font-size:2.4rem;}
.detailtext_box h2{font-size:1.8rem;}
}


@media screen and (max-width:992px) {
.detailtext_box h1{font-size:1.8rem; margin-bottom:1rem;}
.detailtext_title{font-size:1.6rem;}
.detailtext_box h2{font-size:1.6rem;}


.detailtext0{display:block; margin-bottom:2rem;}

.detailtext1{display:block; margin-bottom:2rem;}
.detailtext1 ul{flex-direction: column;}
.detailtext1_box{padding:1rem;}
.detailtext1_box h2{font-size:1.4rem;}

.detailtext2{display:block; margin-bottom:2rem;}
.detailtext2 ul{flex-direction: column;}
.detailtext2 ul li:last-child{order:-1;}
.detailtext2_box{padding:1rem;}
.detailtext2_box h2{font-size:1.4rem;}

.detailtext3{display:block; margin-bottom:2rem;}

.detailtext4{display:block; margin-bottom:2rem;}
.detailtext4 ul{grid-template-columns:repeat(1,1fr); gap:1rem;}

.detailtext5{display:block; margin-bottom:2rem;}
.detailtext5 ul{grid-template-columns:repeat(1,1fr); gap:1rem;}
}


.page404{width:100%; text-align:center; position:absolute; top:50%;left:50%;transform: translate(-50%, -50%);}
.page404 img{ width:auto; display:inline-block;}
.page404 h1{ font-size:2.4rem; font-weight:700; margin-bottom:2rem;}
@media screen and (max-width:992px) {
.page404{}
.page404 img{ width:auto; max-width:100%; display:inline-block;}
.page404 h1{ font-size:1.6rem; margin-bottom:1rem;}
}


.searchlist{overflow:hidden; box-sizing:border-box;}
.searchlist h2{ font-size:2.4rem; font-weight:bold; margin-bottom:1rem;}
.searchlist ul{overflow:hidden;}
.searchlist ul li{border-bottom:1px #CCCCCC dotted; overflow:hidden; padding:2rem 0;}
.searchlist ul li:hover{background:#ffffff;}
.searchlist ul li{line-height:2.4rem;}
.searchlist ul li h4{text-align:left;}
.searchlist ul li p{color:#999999;}
.searchlist ul li p span{ margin-right:3.5rem;}
@media screen and (max-width:992px) {
.searchlist h2{font-size:1.8rem; margin-bottom:0;}
.searchlist ul li{padding:1rem 0;}
}

.feedback{width:100%; box-sizing:border-box; margin:10rem auto 10rem;}
.feedback h2{font-size:2.4rem;font-weight:bold; color:#ff6f00;}
.feedback h4{height:0.4rem; width:5rem; background:#ff6f00; margin:2rem 0;}
.feedback_btn{width:fit-content; height:4rem; line-height:4rem; background:#ff6f00; color:#fff; border-radius:0.5rem; text-align:center;-webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; display:inline-block; padding:0 2.5rem; margin-top:3rem;}
.feedback_btn:hover{background:#ff6f00; color:#fff;}
@media screen and (max-width:992px) {
.feedback{width:90%; padding:3rem 0; margin:5rem auto;}
.feedback h2{font-size:1.8rem;}
.feedback h4{height:0.2rem; width:3rem; margin:1rem 0;}
.feedback_btn{margin-top:1rem;}
}