/* CSS Document */
*{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; }

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;}
a{text-decoration:none; color:#222222; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; outline:none;}
a:hover {color:#ff7800;}
:focus{outline:0;}
.clear{margin:0; padding:0; clear:both;}
table {BORDER-COLLAPSE:collapse; border-spacing:0;}
img{display:block; border:0; width:100%;}
b {}i,em {font-style:normal;}

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;}

.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.8; color:#555555;}
input:-moz-placeholder,textarea:-moz-placeholder{opacity:0.8; color:#555555;}
input::-moz-placeholder,textarea::-moz-placeholder{opacity:0.8; color:#555555;} 
input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:0.8; color:#555555;}

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: "阿里巴巴普惠体";
  src: url("//at.alicdn.com/wf/webfont/jFLIiUQzspkX/Lb9arnc6aUpa.woff2") format("woff2"),
  url("//at.alicdn.com/wf/webfont/jFLIiUQzspkX/nGSXr6kfo8fQ.woff") format("woff");
  font-display: swap;
}

body {font-size:15px; color:#222222; font-family:"阿里巴巴普惠体", Arial, Helvetica, sans-serif; padding:0; margin:0; behavior:url("images/csshover.htc");-webkit-text-size-adjust:none; background:#ffffff; line-height:30px;}
.main {position:relative; margin:0 auto; width:90%; max-width:1560px;}
@media screen and (max-width:768px) {
body {font-size:12px; line-height:20px;}
.main {width:92%;}
}


/***头部***/
.header{width:100%; box-sizing:border-box; position:fixed; height:146px; top:0; left:0; z-index:99; background-color:rgba(255,255,255,1); border-bottom:1px #dddddd solid;}
.header .header_nav>ul>li>a{color:#222222!important;}
.header .header_nav>ul>li>a:hover{color:#ff7800!important;}
.header .header_nav>ul>li:hover a{color:#ff7800!important;}

.header_top{display:block;height:85px; line-height:85px;}

/***left***/
.header_left{float:left; width:62.5%; display:flex; height:85px; line-height:85px;}
.header_left_logo{width:40%; float:left; height:85px; line-height:85px;}
.header_left_logo img{max-width:380px; vertical-align:middle; display:inline;}

.header_left_text{ width:60%; float:right; height:85px; display:flex; align-items: center; justify-content:flex-start;}
.header_left_text .textbox{display: inline-block; padding-left:15px; box-sizing:border-box; font-size:20px; font-weight:700; line-height:24px;border-left:1px rgb(0,0,0,0.25) solid; margin-left:5px;}
.header_left_text .textbox span{ color:#ff7800;}
.header_left_text .textbox p{font-size:16px; line-height:18px; font-weight:normal; margin-top:7px;}

/***right***/
.header_right{float:right; width:37.5%;}
.header_right>ul{display:flex; justify-content:flex-end;}
.header_right>ul>li{position:relative; display:inline-block; line-height:85px; height:85px; box-sizing:border-box; padding-left:5px;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.header_right>ul>li img{width:48px; height:48px; vertical-align:middle; margin-right:5px; display:inline;}
.header_right>ul>li:hover img{opacity:0.8;}

.header_right>ul>li:last-child img{ width:38px; height:38px;}
.header_right_box{width:calc(100% - 43px); float:right; margin-top:22px;}
.header_right>ul>li:last-child p{font-size:14px; line-height:18px;}
.header_right>ul>li:last-child h2{font-size:24px; color:#ff7800; font-weight:700; line-height:24px; letter-spacing:-1px;}

.header_right>ul>li:hover .header_right_img{opacity:1;}
.header_right_img{position: absolute; top:90%; left:50%; transform: translateX(-50%); background-color:#ffffff; padding:10px;border-radius:5px; opacity: 0; pointer-events:none; transition: opacity 0.3s ease; z-index:9; box-sizing:border-box;}
.header_right_img img{width:130px!important; height:130px!important;}


@media screen and (max-width:1366px){  
.header_left_text .textbox{font-size:18px;line-height:18px;}
}  

@media screen and (max-width:1024px){  
.header_left_text .textbox{font-size:16px;line-height:16px;}
.header_left_text .textbox p{font-size:12px; line-height:16px;}
}  


.header_nav{width:100%;display:block;height:60px; line-height:60px; background:linear-gradient(to bottom, #005aa5, #004492);}
.header_nav>.main>.mNavList{text-align:left; padding-left:1%; display:flex;}
.header_nav>.main>.mNavList>li{position:relative; display:inline-block; text-align:center; line-height:60px; height:60px; box-sizing:border-box; margin:0 4% 0 0; font-size:16px;}
.header_nav>.main>.mNavList>li>a{color:#ffffff;}
.header_nav>.main>.mNavList>li>a:hover{color:#ffe400;}
.header_nav>.main>.mNavList>li>a>i{display:inline-block; width:20px; height:20px; vertical-align:middle;  background:url("../images/pro_click.png") no-repeat center -1px; -moz-transition: all linear .3s;-webkit-transition: all linear .3s;	-ms-transition: all linear .3s;}
.header_nav>.main>.mNavList>li:hover>a>i{background:url("../images/pro_click_on.png") no-repeat center 1px; -moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);filter:rogid:DXImageTransform.Microsoft.BasicImage(rotation=1);}

.header_nav>.main>.mNavList>li:last-child{background:none; text-align:right; margin:0; flex:1; box-sizing:border-box;}
.searchbox{width:240px; float:right; position:relative; height:30px; overflow:hidden; margin:15px 0 0 0; background:#ffffff; border-radius:25px;}
.searchbox .input{width:100%; height:30px; line-height:30px; padding:0 15px; box-sizing:border-box;}
.searchbox .search{position:absolute; top:7px; right:15px; width:15px; height:15px; background: url(../images/ico_search.svg) no-repeat; background-size:cover;}

#menu:before, #menu:after {content:"";display:table;}
#menu:after {clear:both;}
#menu{zoom:1;}
#menu li:hover>a{color:#ff7800;}
#menu li a:hover {color:#ff7800;}
#menu li:hover>ul {opacity:1; visibility:visible; margin:0;}
#menu ul {margin:10px 0 0 0; opacity:0; visibility:hidden; position:absolute; top:60px; width:fit-content; z-index:1; background-color:rgba(255,255,255,1);transition:all .2s ease-in-out;/*box-shadow:0 0 10px 0 #ccd7f2;*/}
#menu ul li{margin:0; padding:10px 25px; width:100%; height:auto; line-height:24px; background:none; border-bottom:1px rgba(0,0,0,0.10) dotted; text-transform:capitalize; border-left:0; box-sizing:border-box; color:#222222!important; text-align:left; position:relative;transition:all .3s ease-in-out; font-weight:normal;white-space:nowrap;}
#menu ul li a{display:block; font-weight:normal!important; color:#222222!important;}
#menu ul li:hover{background:#f5f5f5; padding:10px 20px 10px 28px;}
#menu ul li:hover a{color:#ff7800!important;}
#menu ul li:hover ul li a{color:#222222!important;}
#menu ul li:last-child{border-bottom:0;}
#menu ul li:hover ul {opacity:1; visibility:visible; margin:0 0 0 240px;}
#menu ul li ul {top:0px; left:0px; margin:0 0 0 260px; display:block; border-top:0;transition:all .3s ease-in-out;width:240px;}
#menu ul li ul li:hover a{color:#ff7800!important;}


@media screen and (max-width:1366px){  
.header_nav>.main>.mNavList>li{margin:0 4% 0 0; font-size:14px;}
#menu ul li{font-size:13px;}
}  

@media screen and (max-width:1024px){  
.header_nav>.main>.mNavList>li{margin:0 2% 0 0; font-size:12px;}
#menu ul li{font-size:12px;}
.searchbox{width:170px;}
}  

.m-header {display:none;}
@media screen and (max-width:768px) {
.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:45px; overflow:hidden;}
.m-header-logo {float:left; width:85%; margin-top:5px;font-size:16px;}
.m-header-logo img{height:35px; width:auto; float:left; margin-right:5px;}
.m-header-logo h2{font-size:16px; line-height:35px;  font-weight:700;}

.nav-btn {position:relative; float:right; margin:12px -9px 0 0; width:50px; height:30px; cursor:pointer;}
.nav-btn span {position:absolute; left:10px; display:block; width:30px; height:3px; background:#004492; transition:all ease 0.35s;}
.nav-btn span:nth-of-type(1){top:0;}
.nav-btn span:nth-of-type(2){top:8px;}
.nav-btn span:nth-of-type(3){top:16px;}
.nav-btn-se span:nth-of-type(1){top:10px; transform:rotate(45deg);}
.nav-btn-se span:nth-of-type(2){width:0}
.nav-btn-se span:nth-of-type(3){top:10px; transform:rotate(-45deg);}
.m-nav {position:fixed; top:-100%; left:0; z-index:9999; width:100%; height:calc(100%); font-size:16px; line-height:45px; background:#004492; overflow:auto; overflow-x:hidden; transition:top ease 0.35s;}
.nav-show {top:45px;}
.nav-show ul {border-bottom:1px rgba(255,255,255,0.10) solid;}
.m-nav ul li i {position:absolute; top:4px; right:0px; height:40px; padding:0 17px 0 17px;}
.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:45px; font-size:16px; border-top:1px rgba(255,255,255,0.05) solid;}
.m-nav ul li img{ height:20px; width:auto; margin-right:10px; float:left; margin-top:12px;}
.m-nav ul li ul {display:none; background:rgb(255,255,255,0.05);}
.m-nav ul li a {color:#fff;width:80%; display:block; padding-left:20px; font-weight:normal; text-transform:capitalize;}
.m-nav ul li ul li a {display:block; font-size:13px; color:#fff; line-height:20px; text-align:left; padding:10px 10px 10px 30px; opacity:0.85;}
.m-nav ul li i svg {width:25px; height:20px; fill:#fff;}
.m-nav ul li .m-nav-i-se svg {fill:#fff;}
}


/***banner***/
.banner{width:100%; overflow:hidden; position:relative; margin:146px auto 0;}
.banner .swiper-slide video{/*position:absolute;*/ width:100%; left:0; top:0; z-index:2; height:100%!important; object-fit:cover;}
.banner .swiper-slide .text{position:absolute; width:100%; top:50%; transform:translateY(-50%); left:0; z-index:3; text-align:center; color:#fff; box-sizing:border-box;}
.banner .swiper-slide .text .bannerbg{opacity:0; transform:translateY(32px);transition: all 0.8s ease 0.8s;background: linear-gradient(to right, transparent, rgb(0,0,0,0.7) 50%, transparent);padding:3%; box-sizing:border-box; width:100%; height:100%;}

.banner .swiper-slide .text h2{margin-bottom:20px; font-weight:normal; font-size:60px; line-height:1.2; opacity:0; text-shadow:4px 8px 10px rgba(0, 0, 0, 0.14);transform: translateY(32px);transition: all 0.8s ease 0.8s; font-weight:700; color:#ffffff;}
.banner .swiper-slide .text h2 span{color:#ff7800;}
.banner .swiper-slide .text h3{margin-bottom:20px; font-size:36px; line-height:1.2; opacity:0; text-shadow:4px 8px 10px rgba(0, 0, 0, 0.14);transform: translateY(32px);transition: all 0.5s ease 0.5s;}
.banner .swiper-slide .text p{font-size:24px; line-height:1.2; opacity:0; transform:translateY(32px); transition: all 1.2s ease 1.2s; width:fit-content; padding:20px 40px; box-sizing:border-box;background:linear-gradient(to bottom, #005aa5, #004492); border-radius:50px; margin:0 auto;}

.banner .swiper-container .swiper-wrapper .swiper-slide .text.active p{transform:translateY(0);opacity: 1;}  /*必须保留这个路径*/
.banner .swiper-container .swiper-wrapper .swiper-slide .text.active h2{transform: translateY(0);opacity: 1;} /*必须保留这个路径*/
.banner .swiper-container .swiper-wrapper .swiper-slide .text.active h3{transform: translateY(0);opacity: 1;} /*必须保留这个路径*/
.banner .swiper-container .swiper-wrapper .swiper-slide .text.active .bannerbg{transform: translateY(0);opacity: 1;} /*必须保留这个路径*/

.banner .swiper-button-prev{width:40px; height:40px; background:none; margin-top:0; left:0.5%; top:46%; color:#ff7800;}
.banner .swiper-button-prev:before{font-size:32px; 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:40px; height:40px; background:none; margin-top:0; right:0.5%; top:46%; color:#ff7800;}
.banner .swiper-button-next:before{font-size:32px; 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:10px;width:100%;left:0;z-index:100; text-align:center;}
.banner .swiper-pagination {position:relative;display: inline-block;text-align:left;}
.banner .swiper-pagination .swiper-pagination-bullet{width:20px; height:4px; border-radius:0; background:rgba(255, 255, 255, 0.7); opacity:1; margin:0 3px; position:relative; transition: all 0.5s;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#ff7800;}

@media screen and (max-width:1560px) {
.banner .swiper-slide .text h2{font-size:48px;}
.banner .swiper-slide .text h3{font-size:32px;}
.banner .swiper-slide .text p{font-size:18px;}
}

@media screen and (max-width:1366px) {
.banner .swiper-slide .text h2{font-size:36px;}
.banner .swiper-slide .text h3{font-size:24px;}
.banner .swiper-slide .text p{font-size:16px;}
}

@media screen and (max-width:1024px) {
.banner .swiper-slide .text h2{font-size:32px;}
.banner .swiper-slide .text h3{font-size:18px;}
.banner .swiper-slide .text p{font-size:14px;}
}

@media screen and (max-width:768px) {
.banner{margin-top:45px;}
.banner .swiper-slide .text{width:90%; min-width:0; top:40%; transform:translateY(-40%); left:5%; text-align:center;}
.banner .swiper-slide .text h2{font-size:18px;line-height:18px; margin-bottom:10px; font-weight:700;}
.banner .swiper-slide .text p{ font-size:12px; line-height:14px;  padding:10px 16px;}
.banner .swiper-slide .text h3{font-size:14px; line-height:16px;margin-bottom:5px; display:none;}

.banner .swiper-container .swiper-button-prev {top:40%; width:20px; height:20px;}
.banner .swiper-container .swiper-button-next {top:40%; width:20px; height:20px;}
.banner .swiper-container .pagination-all {bottom:5px;}
}


/***index htitle***/
.index_htitle{width:100%; box-sizing:border-box; margin-bottom:10px; position:relative; text-align:center;}
.index_htitle h2{font-size:36px; line-height:1.2; overflow:hidden; font-weight:700; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; position:relative; z-index:3;}
.index_htitle .ptxt{width:80%; margin:5px auto 15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
@media screen and (max-width:1366px) {
.index_htitle h2{font-size:28px;}
}

@media screen and (max-width:1024px) {
.index_htitle h2{font-size:24px;}
}

@media screen and (max-width:768px) {
.index_htitle h2{font-size:20px;}
.index_htitle .ptxt{width:100%;}
}


.div_more{text-align:center;}
.div_more_top{ margin-top:30px;}
.div_more_top2{ margin-top:20px;}
.more{display:inline-block;height:40px; line-height:40px; padding:0 25px; text-align:center; border-radius:5px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; color:#ffffff; background:#004e9d; font-size:14px;}
.more:hover{color:#ffffff; background:#ff7800;}
.more2{display:inline-block;height:40px; line-height:40px; padding:0 25px; text-align:center; border-radius:5px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; color:#ffffff; background:#999999; font-size:14px; margin-left:15px;}
.more2:hover{color:#ffffff; background:#ff7800;}
@media screen and (max-width:768px) {
.div_more_top{ margin-top:25px;}
.div_more_top2{ margin-top:5px;}
.more{height:30px; line-height:30px; padding:0 20px; font-size:12px;}
.more2{height:30px; line-height:30px; padding:0 20px; font-size:12px; margin-left:0; margin-top:5px;}
}


.more_btn{background:#004e9d; height:45px; line-height:45px; position:relative; padding:0 20px; display:inline-block; border-radius:5px;}
.more_btn .more_btn_txt{z-index:9; height:45px; line-height:45px; color:#ffffff; position:inherit; border-radius:5px;}
.more_btn:after{content:' '; position:absolute;left:0; width:100%; top:0; height:0; background:#ff7800; z-index:2; transition:300ms ease-out;border-radius:5px;}
.more_btn:hover:after{left:0; height:100%;}

@media screen and (max-width:1366px) {
.more_btn{height:40px; line-height:40px;}
.more_btn .more_btn_txt{height:40px; line-height:40px;}
}

@media screen and (max-width:1024px) {
.more_btn{height:35px; line-height:35px; font-size:12px;}
.more_btn .more_btn_txt{height:35px; line-height:35px;}
}

@media screen and (max-width:768px) {
.div_more_top{ margin-top:15px;}
.more_btn{height:35px; line-height:35px; font-size:12px;}
.more_btn .more_btn_txt{height:35px; line-height:35px;}
}




.mod1{width:100%; box-sizing:border-box; position:relative; background:#ffffff; padding:3% 0; overflow:hidden;}

.mod1_box {overflow:hidden; position:relative; display:flex;}
.mod1_box_left{display:block; padding:30px; box-sizing:border-box; width:20%; background:#004e9d; border-radius:5px;  color:#ffffff;}
.mod1_box_left h2{font-size:18px; padding:0 0 15px 0; box-sizing:border-box; text-transform:uppercase; color:#ffffff; border-bottom:1px rgb(255,255,255,0.1) solid;}
.mod1_box_left ul{overflow:hidden;}

.mod1_box_left_mob{padding:30px; box-sizing:border-box; width:20%; background:#004e9d; border-radius:5px;  color:#ffffff; display:none;}
.mod1_box_left_mob h2{font-size:18px; padding:0 0 15px 0; box-sizing:border-box; text-transform:uppercase; color:#ffffff; border-bottom:1px rgb(255,255,255,0.1) solid;}

.fa-caret-right{ background:url(../images/prod_left_icon.png) center center no-repeat; width:20px; height:20px; float:right;}
.iconRotate{transform:rotate(90deg); transition: transform 0.5s;}
.fa-caret-right:hover{cursor:pointer;}
.d-firstNav{position:relative; padding:16px 0; line-height:20px; box-sizing:border-box;border-bottom:1px rgba(255,255,255,0.1) solid;}
.d-firstNav a{color:#fff;}
.d-firstNav a:hover{color:#ff6600;}
.d-secondNav{position:relative; padding:12px; line-height:20px; border-bottom:1px rgba(255,255,255,0.1) solid; box-sizing:border-box; font-size:14px; background:#7f7f7f;}
.d-secondNav a{color:#fff;}
.d-secondNav a:hover{color:#ff6600;}
.s-secondItem{background:#0555a7 url(../images/point.png) 12px center no-repeat; position:relative; padding:12px 12px 12px 24px; line-height:20px; border-bottom:1px rgb(255,255,255,0.1) solid; box-sizing:border-box;}
.s-secondItem a{color:#fff;}
.s-secondItem a:hover{color:#ff6600;}
.d-secondDrop{box-sizing:border-box;}
.s-firstDrop,.s-secondDrop {display:none;}
#prodonsec{color:#d90000;background:url(../images/point_red.png) 12px center no-repeat;}
#prodonsec a{color:#d90000;}


.mod1_box_right{width:calc(100% - 20%); margin-left:10px; background:#f5f5f5; border-radius:5px; padding:40px; box-sizing:border-box;}
.mod1_box_right_top{overflow:hidden; display:flex;}
.mod1_box_right_top_img{width:40%; border-radius:5px; overflow:hidden; position:relative; max-height:400px;}
.mod1_box_right_top_txt{ width:60%; padding-left:30px; box-sizing:border-box;}
.mod1_box_right_top_txt h2{font-size:28px; font-weight:700; margin-bottom:10px; margin-top:10px;}
.mod1_box_right_top_txt .ptxt2{line-height:30px; margin-bottom:10px; opacity:0.6;}
.mod1_box_right_top_txt .ptxt{line-height:30px;}
.mod1_box_right_top_txt .ptxt p{background:url(../images/dian_prod.png) 0px 12px no-repeat; padding:3px 3px 3px 15px; box-sizing:border-box;}
.mod1_box_right_end{display:block; position:relative; margin:25px auto 0; min-height:200px;}
.mod1_box_right_end_title{position:absolute; bottom:0; width:100%; text-align:center;background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); color:#ffffff; padding:10px 0; box-sizing:border-box; z-index:3;}
@media screen and (max-width:768px){
.mod1{padding:5% 0px;}

.mod1_box_left h2{font-size:16px; font-weight:700;}
.mod1_box_right_top_txt .ptxt2{line-height:20px;}
.mod1_box_right_top_txt .ptxt{line-height:20px;}

.mod1_box{display:block;}
.mod1_box_left{width:100%; padding:20px;}
.mod1_box_left{display:none;}
.mod1_box_left_mob{display:block; width:100%; padding:20px;}
.d-firstNav{padding:10px 0;}
.d-firstNav a{color:#fff; font-size:14px; display:inline-block; width:50%;}


.mod1_box_right{width:100%; margin-left:0px; padding:20px; margin-top:10px;}
.mod1_box_right_top{display:none;}
.mod1_box_right_top_img{width:100%; }
.mod1_box_right_top_txt{ width:100%; padding-left:0px; margin-top:15px;}
.mod1_box_right_top_txt h2{font-size:18px;}
.mod1_box_right_end{margin:0px auto; min-height:50px;}
}

.swiper-container{overflow: hidden;}
.swiper-button-next.project-area-next{top:55%;transform:translateY(-55%);right:-20px;width:40px;height:40px;border-radius:100%;background:#004e9d;color:#ffffff;transition:all .3s ease-in-out}
.swiper-button-prev.project-area-prev{top:55%;transform:translateY(-55%);left:-20px;width:40px;height:40px;border-radius:100%;background:#004e9d;color:#ffffff;transition:all .3s ease-in-out}
.swiper-button-next.project-area-next::after,.swiper-button-prev.project-area-prev::after{font-size:16px;}
.swiper-button-next.project-area-next:hover{background:#ff7800}
.swiper-button-prev.project-area-prev:hover{background:#ff7800}
@media screen and (max-width:768px){
.swiper-button-next.project-area-next{right:-15px;width:30px;height:30px;}
.swiper-button-prev.project-area-prev{left:-15px;width:30px;height:30px;}
.swiper-button-next.project-area-next::after,.swiper-button-prev.project-area-prev::after{font-size:12px;}
}

.status-bar{display:none;}
.status-indicator{display:none;}





.mod2{width:100%; box-sizing:border-box; position:relative; min-height:800px;}
.mod2_bg{width:100%;background:linear-gradient(to bottom, rgb(0,51,129,1), rgb(0,74,152,1));}
.mod2_bg img{opacity:0.1;}

.mod2 .main{position:absolute; z-index:3; left:50%; transform:translateX(-50%); padding:4% 0; box-sizing:border-box;}
.mod2 .index_htitle h2{color:#ffffff;}
.mod2 .index_htitle .ptxt{color:#ffffff; margin-top:15px; opacity:1;}
.mod2 .more{background:#ffffff; color:#222222;}
.mod2 .more:hover{color:#ff7800;}

.mod2_button{display:flex; align-items:center; justify-content:center; gap:25px;}
.videobtn{display:inline-flex; align-items:center; height:40px; line-height:40px; padding:0 25px; text-align:center; border-radius:5px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; color:#ffffff; background:#ff7800; font-size:14px;}
.videobtn img{width:20px; height:20px; margin-right:5px;}
.videobtn:hover{color:#ffffff; background:#ff4800;}

.mod2_box{display:block; overflow:hidden; position:relative; width:80%; margin:25px auto 0;}
.mod2_box ul{overflow:hidden;letter-spacing:-8px;}
.mod2_box ul li{overflow:hidden; width:23.5%; letter-spacing:normal; vertical-align:top; position:relative; box-sizing:border-box; display:inline-block; border-radius:5px; border:3px #ffffff solid;}
.mod2_box ul li:not(:nth-of-type(4n)){margin-right:2%;}
.mod2_box ul li:nth-child(n+5){margin-top:2%;}

.mod2_box_end{display:block; overflow:hidden; border-radius:5px; background:linear-gradient(to bottom, #ffffff, #f0f0f0); padding:30px 0; box-sizing:border-box; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.10), 0 6px 6px rgba(0, 0, 0, 0.15); width:80%; margin:50px auto 0;}
.mod2_box_end ul{display:flex; flex-wrap: wrap;}
.mod2_box_end ul li{flex:1; text-align:center;}
.mod2_box_end ul li h2{font-size:60px; line-height:60px; width:fit-content; display:inline-block; color:#ff7800; font-weight:700;}
.mod2_box_end ul li sup{font-size:16px; margin-left:10px; letter-spacing:normal; font-weight:normal; position:absolute;}
.mod2_box_end ul li .ptxt{padding-top:10px; font-size:18px; font-weight:700;}

@media screen and (max-width:1366px){
.mod2_box_end ul li h2{font-size:45px; line-height:45px;}
.mod2_box_end ul li sup{font-size:14px;}
.mod2_box_end ul li .ptxt{font-size:14px;}
}

@media screen and (max-width:1024px){
.mod2_box_end ul li h2{font-size:32px; line-height:32px;}
.mod2_box_end ul li sup{font-size:12px;}
.mod2_box_end ul li .ptxt{font-size:12px;}
}

@media screen and (max-width:768px){
.mod2{min-height:690px;}
.mod2 .main{position:relative; left:0; transform:translateX(0);}
.mod2 .index_htitle h2{color:#222222;}
.mod2 .index_htitle .ptxt{color:#222222; margin-top:5px;}
.mod2 .more{background:#004e9d; color:#ffffff;}
.mod2 .more:hover{background:#ff7800;}
.mod2_button{gap:10px;}
.videobtn{height:30px; line-height:30px; padding:0 20px; font-size:12px;}
.videobtn img{width:16px; height:16px; margin-right:5px;}

.mod2_box{width:100%; margin:15px auto 0;}
.mod2_box ul li{width:49%;}
.mod2_box ul li:not(:nth-of-type(4n)){margin-right:0;}
.mod2_box ul li:not(:nth-of-type(2n)){margin-right:2%;}
.mod2_box ul li:nth-child(n+3){margin-top:2%;}

.mod2_box_end{margin-top:20px; padding:0 0 30px 0; width:100%;}
.mod2_box_end ul li{flex: 0 0 calc(50% - 20px); margin-top:30px;}
.mod2_box_end ul li h2{font-size:32px; line-height:32px;}
.mod2_box_end ul li sup{font-size:12px; margin-left:5px;}
.mod2_box_end ul li .ptxt{padding-top:0; font-size:14px;}
.mod2_bg{display:none;}
}


.mod3{width:100%; padding:2% 0 3% 0px; box-sizing:border-box; overflow:hidden; background:#ffffff;}
.mod3_btn{display:inline-flex; align-items:center; height:60px; line-height:60px; padding:0 35px; text-align:center; border-radius:50px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; color:#ffffff; background:#ff7800; font-size:18px;}
.mod3_btn span{font-size:26px; font-weight:700;}
.mod3_btn:hover{color:#ffffff; background:#ff4800;}

.mod3_box {overflow:hidden; position:relative; display:flex; margin-top:20px;}
.mod3_box .mod3_card{width:18%; background:#004e9d; border-radius:5px; padding:30px; box-sizing:border-box; color:#ffffff;}
.mod3_box .mod3_card h2{font-weight:700; font-size:18px; line-height:1.2; padding-bottom:15px; margin-bottom:15px; border-bottom:1px rgb(255,255,255,0.2) solid; box-sizing:border-box;position:relative;}
.mod3_box .mod3_card li{font-size:16px; line-height:24px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px rgb(255,255,255,0.1) solid; box-sizing:border-box;position:relative; padding-right:20px;}
.mod3_box .mod3_card li::after{content: ""; position:absolute; right:10px; top:35%; transform:translateY(-35%); width:5px; height:5px; border-top:2px solid #ffffff; border-right:2px solid #ffffff; transform:translateY(-50%) rotate(45deg);}
.mod3_box .mod3_card li:hover::after{border-top:2px solid #ff7800; border-right:2px solid #ff7800;}
.mod3_box .mod3_card li:hover{cursor:pointer; color:#ff7800;}
.mod3_box .mod3_card li a{color:#ffffff; display:block;}
.mod3_box .mod3_card li a:hover{color:#ff7800;}

.mod3_box_right{width:calc(100% - 18%); margin-left:10px; background:#f5f5f5; border-radius:5px; padding:30px; box-sizing:border-box; display:none;}
.mod3_box_right.active{display: block;}

.mod3_box_right_top{overflow:hidden; display:flex;}
.mod3_box_right_top_txt{ width:75%; box-sizing:border-box;}
.mod3_box_right_top_txt h2{font-size:22px; font-weight:700; margin-bottom:5px;}
.mod3_box_right_top_txt .ptxt{}
.mod3_box_right_top_img{width:25%; overflow:hidden; text-align:right;}

.mod3_box_right_end{display:block; position:relative; margin:20px auto 0;}
.mod3_box_right_end ul{display:flex; flex-wrap:wrap; gap:20px;}
.mod3_box_right_end ul li{flex: 0 0 calc(25% - 15px); text-align:center; position:relative; border-radius:5px; overflow:hidden;}
.mod3_box_right_end_title{position:absolute; bottom:0; width:100%; text-align:center;background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); color:#ffffff; padding:10px 0; box-sizing:border-box; z-index:3;}
@media screen and (max-width:768px){
	
.mod3{padding:5% 0;}
.mod3_btn{height:40px; line-height:40px; padding:0 25px; font-size:14px;}
.mod3_btn span{font-size:20px;}
	
.mod3_box{display:block;}
.mod3_box .mod3_card{width:100%; padding:20px;}
.mod3_box .mod3_card h2{font-size:16px;}
.mod3_box .mod3_card li{padding-bottom:10px; margin-bottom:10px; font-size:14px;}

.mod3_box_right{width:100%; margin-left:0px; padding:20px; margin-top:10px;}
.mod3_box_right_top{display:block;}
.mod3_box_right_top_img{width:100%; margin-top:10px; text-align:left;}
.mod3_box_right_top_txt{ width:100%; padding-left:0px;}
.mod3_box_right_top_txt h2{font-size:18px;}
.mod3_box_right_end{margin:20px auto 0;}
.mod3_box_right_end ul li{flex: 0 0 calc(50% - 10px);}
.mod3_box_right_end li + li{margin-left:0px;}
}



.mod4{width:100%; padding:3% 0px; box-sizing:border-box; overflow:hidden; background:linear-gradient(to bottom, #004e9d 0%, #004e9d 60%, #ffffff 60%, #ffffff 100%);}
.mod4 .index_htitle h2{color:#ffffff;}
.mod4 .index_htitle .ptxt{color:#ffffff; margin-top:10px; opacity:1; font-size:36px; line-height:1.2;}
.mod4_box{display:block; position:relative; margin:20px auto 0; width:90%; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.10), 0 6px 6px rgba(0, 0, 0, 0.15); background:#ffffff; border-radius:5px;}
.mod4_box ul{display:flex; flex-wrap:wrap; gap:20px; padding:40px; box-sizing:border-box;}
.mod4_box ul li{flex: 0 0 calc(12.5% - 17.5px); text-align:center; position:relative; border-radius:5px; overflow:hidden; border:1px #f5f5f5 solid; box-sizing:border-box;}
@media screen and (max-width:768px){
.mod4{padding:5% 0px;}
.mod4 .index_htitle .ptxt{font-size:16px;}
.mod4_box{margin:10px auto 0;}
.mod4_box ul{gap:10px; padding:20px;}
.mod4_box ul li{flex: 0 0 calc(25% - 7.5px);}
}


.mod5{width:100%; padding:3% 0px; box-sizing:border-box; overflow:hidden;}
.mod5_top{width:100%; margin:0 auto;}
.mod5_top ul{display:flex; flex-wrap:wrap; justify-content:center; gap:20px;}
.mod5_top ul li{flex-shrink:0;/* 防止缩小 */ background-color:#ff7800; padding:8px 25px; border-radius:5px; box-sizing:border-box; color:#ffffff; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.mod5_top ul li:hover{background:#ff4800;}

.mod5_box{display:flex; justify-content: space-between; margin-top:30px; }
.mod5_box ul{display:flex; /* 子列使用Flexbox以确保li垂直堆叠 */  flex-direction: column; /* 垂直方向堆叠li */  align-items: stretch; /* li填充整个列的高度 */}  
.mod5_box ul li{ box-sizing:border-box; /* 确保边框不会增加li的总尺寸 */ flex: 1 1 auto;/* li占据等比例的空间，并自动处理多余空间 */ position:relative; overflow:hidden; border-radius:5px;}  
.mod5_box ul li .imgbox{width:100%; height:100%;}
.mod5_box ul li .imgbox img{width:100%; height:100%;}
.mod5_box ul li .ptxt{position:absolute; width:100%; padding:10px; box-sizing:border-box; color:#ffffff; background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0)); bottom:0; z-index:3;}
.mod5_box ul:nth-child(1){ width:50%;}
.mod5_box ul:nth-child(2){width:50%; display:block; margin-left:25px;}
.mod5_box ul:nth-child(2) li{width:48.5%; float:left;}
.mod5_box ul:nth-child(2) li:not(:nth-of-type(2n)){margin-right:3%;}
.mod5_box ul:nth-child(2) li:nth-child(n+3){margin-top:3%;}

@media screen and (max-width:768px) {
.mod5{padding:5% 0px;}
.mod5_top ul{gap:5px;}
.mod5_box{display:block; justify-content:none; /* 列之间平均分布空间 */}
.mod5_box ul{display:block; /* 子列使用Flexbox以确保li垂直堆叠 */  flex-direction: column; /* 垂直方向堆叠li */  align-items:none; /* li填充整个列的高度 */ }  
.mod5_box ul:nth-child(1){width:100%;}
.mod5_box ul:nth-child(2){width:100%; margin-top:10px; margin-left:0;}
.mod5_box ul li .ptxt{line-height:20px;}
}


.mod6{width:100%; padding:3% 0px; box-sizing:border-box; overflow:hidden;}
.mod6_end{ margin-top:3%; border-radius:5px; overflow:hidden; display:block;}
.mod6_box{position:relative}
.project{display:block;margin-top:20px;box-sizing:border-box; padding:10px!important;}
.project li{float:left;width:100%;position:relative;display:block;overflow:hidden; box-sizing:border-box; box-shadow:0 0 8px 0 #e0e0e0; border-radius:5px; background:#f9f9f9;}
.project li .imgbox img{border-radius:5px}
.project li .ptxt{margin:15px;box-sizing:border-box; height:72px; line-height:24px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; text-align:center;}
@media screen and (max-width:768px){
.mod6{padding:5% 0px;}
}



.mod7{width:100%; padding:3% 0px; box-sizing:border-box; overflow:hidden; background:#f0f0f0;}
.mod7_box {overflow:hidden; position:relative; display:flex; margin-top:20px;}
.mod7_box1{width:68%; background:#ffffff; border-radius:5px; padding:30px; box-sizing:border-box;}
.mod7_box1>ul{display:flex; flex-wrap:wrap; justify-content:left; gap:10px; border-bottom:2px #004e9d solid;}
.mod7_box1>ul>li{flex-shrink:0;/* 防止缩小 */ background-color:#004e9d; padding:8px 25px; border-radius:5px 5px 0 0; box-sizing:border-box; color:#ffffff; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; cursor:pointer;}
.mod7_box1>ul>li:last-child {margin-left:auto; background:none;}
.mod7_box1>ul>li:last-child:hover{background:none;}
.mod7_box1>ul>li:hover{background:#ff7800;}
.mod7_box1>ul .active{background:#ff7800!important;}

.mod7_box2{width:calc(100% - 70%); background:#ffffff; border-radius:5px; padding:30px; box-sizing:border-box; margin-left:2%;}
.mod7_box2>ul{display:flex; flex-wrap:wrap; justify-content:left; gap:10px; border-bottom:2px #004e9d solid;}
.mod7_box2>ul>li{flex-shrink:0;/* 防止缩小 */ background-color:#004e9d; padding:8px 25px; border-radius:5px 5px 0 0; box-sizing:border-box; color:#ffffff; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; cursor:pointer;}
.mod7_box2>ul>li:last-child {margin-left:auto; background:none;}

.mod7_box2_news{display:block;}
.mod7_box2_news ul{overflow:hidden;}
.mod7_box2_news ul li{border-bottom:1px #ddd dotted; padding:20px 20px 20px 0px; box-sizing:border-box; position:relative;}
.mod7_box2_news ul li:last-child{border-bottom:0;}
.mod7_box2_news ul li h2{font-size:15px; line-height:24px; font-weight:700; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
@media screen and (max-width:768px){
.mod7{padding:5% 0px;}

.mod7_box {display:block; margin-top:20px;}
.mod7_box1{width:100%; padding:20px;}
.mod7_box1>ul>li{padding:8px 15px;}
.mod7_box2{width:100%; padding:20px; margin-left:0; margin-top:10px;}
.mod7_box2_news ul li{padding:10px 10px 10px 0px;}
.mod7_box2_news ul li h2{font-size:14px; line-height:20px;}
}

.index_news_style4_box{display:flex; align-items:stretch; margin-top:30px;}
.index_news_style4_left{float:left; width:45%; background:#ffffff; margin-right:3%;box-sizing:border-box; border-radius:5px;}
.index_news_style4_left h2{font-size:16px; font-weight:700; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;margin:5px 0 0 0;}
.index_news_style4_left .date{opacity:0.6; margin-top:5px;}
.index_news_style4_right{float:right; width:52%;}
.index_news_style4_right ul{overflow:hidden; height:100%}
.index_news_style4_right ul li{border-bottom:1px #ddd dotted; padding:20px 20% 20px 0px; box-sizing:border-box; position:relative; height:33.333%}
.index_news_style4_right ul li:last-child{border-bottom:0;}
.index_news_style4_right ul li h2{font-size:15px; line-height:24px; font-weight:700; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.index_news_style4_txt{ line-height:24px; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;-webkit-box-orient:vertical; opacity:0.8;}
.index_news_style4_txt_time{position:absolute; top:28px; right:0; width:80px; height:80px; background:#999999; text-align:center; padding:18px 0 0 0; box-sizing:border-box;-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; border-radius:5px;}
.index_news_style4_txt_time .p1{line-height:20px; height:20px; color:#fff;}
.index_news_style4_txt_time .p2{line-height:26px; height:26px; color:#fff; font-size:18px;}
.index_news_style4_right ul li:hover .index_news_style4_txt_time{background:#ff7800;}
@media screen and (max-width:768px){
.index_news_style4_box{display:block; margin-top:10px;}
.index_news_style4_left{float:none; width:100%; margin-right:0;}
.index_news_style4_left h2{font-size:14px; line-height:20px;}
.index_news_style4_right{float:none; width:100%;}
.index_news_style4_right ul{overflow:hidden;}
.index_news_style4_right ul li{padding:10px 0 10px 0px;}
.index_news_style4_right ul li h2{font-size:14px;}
.index_news_style4_right ul li:last-child{border-bottom:0; padding-bottom:0;}
.index_news_style4_txt_time{display:none;}
}



/***footer***/
.footer {position:relative; padding:0; background:#222222;}
.footer_left {width:30%; padding:80px 0 0 0; margin-right:5%; box-sizing:border-box; float:left;}
.footer_left_contact{overflow:hidden; width:100%; color:#ffffff;}
.footer_left_contact a{color:#ffffff;}
.footer_left_contact a:hover{color:#ffffff; text-decoration:underline;}
.footer_left_contact .footertel{background:url(../images/ico_tel2.svg) left center no-repeat; background-size:32px; padding-left:40px; font-size:32px; margin-bottom:20px; font-weight:700;}
.footer_left_contact h2{ position:relative; font-size:18px; text-transform:uppercase; line-height:30px; margin-bottom:10px; font-weight:700;}
.footer_left_contact ul{overflow:hidden;}
.footer_left_contact ul li{margin-bottom:20px; padding-left:28px; line-height:24px; background-repeat:no-repeat; background-size:20px; background-position:top left; opacity:0.7;}
.footer_left_contact ul li:nth-child(1) {background-image:url(../images/ico_address2.svg);}
.footer_left_contact ul li:nth-child(2) {background-image:url(../images/ico_address2.svg);}
.footer_left_contact ul li:nth-child(3) {background-image:url(../images/ico_address2.svg);}
.footer_left_contact ul li:last-child{margin-bottom:0;}

.footer_link{overflow:hidden; text-align:left; color:#ffffff; padding:15px 0; border-top:1px rgb(255,255,255,0.1) solid; margin-top:40px; opacity:0.7;}
.footer_link a{margin-right:15px; color:#ffffff; line-height:24px; height:30px; opacity:0.7;}
.footer_link a:hover{text-decoration:underline; opacity:1;}

.footer_copyright {width:100%; text-align:center; color:#ffffff; opacity:0.5; background:rgb(0,0,0,0.5); padding:15px 0; box-sizing:border-box;}
.footer_copyright a{color:#ffffff;}
.footer_copyright a:hover{color:#ffffff; text-decoration:underline;}
.footer_right{float:left; width:45%; padding:80px 0 0 0; box-sizing:border-box;}
.footer_right ul{display:flex; justify-content:center; gap:20px; justify-content:space-between;}
.footer_right ul li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; flex:1 0 auto; min-width:0; box-sizing: border-box;}
.footer_right ul li h2{font-size:18px; margin-bottom:10px; text-transform:uppercase; font-weight:700; color:#fff;}
.footer_right ul li h2 a{color:#ffffff;}
.footer_right ul li h2 a:hover{color:#ffffff; text-decoration:underline;}
.footer_right ul li p{margin-bottom:10px; background:url(../images/dian.png) left center no-repeat; padding-left:10px; text-transform: capitalize; opacity:0.7;}
.footer_right ul li p a{color:#fff;}
.footer_right ul li p:hover a{color:#ffffff; text-decoration:underline;}

.footer_msn{float:right; width:20%; padding:80px 0 0 0; box-sizing:border-box;}
.footer_msn ul{display:flex;justify-content:center; gap:30px; justify-content:space-between;}
.footer_msn ul li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; flex:1 0; min-width:0; box-sizing: border-box;}
.footer_msn ul li p{margin-top:5px; opacity:0.7; text-align:center;color:#fff;}

@media screen and (max-width:1366px){
.footer_left_contact .footertel{background-size:24px; padding-left:30px; font-size:24px; margin-bottom:10px;}
.footer_left_contact h2{font-size:14px;line-height:20px;}
.footer_right ul li h2{font-size:14px;line-height:20px;}
}


@media screen and (max-width:768px) {
.footer {padding:30px 10px 0 10px; box-sizing:border-box;}
.footer_left {width:100%; padding:0px; margin-right:0; float:none; margin-top:0px;}
.footer_left_contact{overflow:hidden; width:100%; margin-top:0px;}
.footer_left_contact h2{font-size:18px; margin-bottom:15px;}
.footer_left_contact ul{overflow:hidden;}
.footer_left_contact ul li{margin-bottom:10px; padding-left:28px; line-height:24px; background-repeat:no-repeat; background-size:20px; background-position:top left;}
.footer_left_meadia h2{font-size:16px; margin-bottom:5px;}
.footer_right{display:none;}
.footer_msn{display:none;}
.footer_link{margin-top:20px;}
}




/***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:-26px 0 0 -24px; width:48px; height:48px; 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:130px auto 0; width:100%;position:relative; overflow:hidden;}
.ban .addiv{position:absolute; padding:0; text-align:right; color:#ffffff; right:10%; display:inline-block; /*top:50%; transform: translateY(-50%);*/ bottom:40px;}
.ban .addiv h2{font-size:42px; 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; z-index:2; color:rgb(255,255,255,1);text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.ban .addiv_txt{font-size:14px; text-transform:uppercase;letter-spacing:2px; color:rgb(255,255,255,0.5); padding-right:5px;}

@media screen and (max-width:1366px) {
.ban .addiv h2{font-size:24px;}
}

@media screen and (max-width:768px) {
.ban {margin:45px auto 0;}
.ban .addiv{bottom:25%; right:10%;}
.ban .addiv h2{font-size:16px; line-height:20px;-webkit-line-clamp:2;}
.ban .addiv_txt{font-size:14px; display:none;}
}


/*--------内页路径--------*/
#weizhi{width:100%; margin:0 auto; background:#f5f5f5;}
#weizhi2{width:100%; margin:146px auto 0; background:#f5f5f5;}
.weizhi{width:90%; max-width:1560px; margin:0 auto;line-height:20px; padding:15px 0; box-sizing:border-box; color:#666666;}
.weizhi a{color:#666666;}
.weizhi a:hover{color:#999999;}
.span_right{float:right;}
.home{height:20px; line-height:20px; display:inline-block;background:url(../images/icon5.png) left 1px no-repeat; padding-left:25px;}
.span_list{height:20px; line-height:20px; display:inline-block; background:url(../images/weizhi_right.png) left 1px no-repeat; padding-left:20px;}
@media screen and (max-width:768px) {
#weizhi{margin:0 auto;}
#weizhi2{margin:45px auto 0;}
.weizhi{width:92%; padding:10px 0;}
.span_right{ display:none;}
.home{height:20px; line-height:20px; display:inline-block;}
.span_list{height:20px; line-height:20px; display:inline-block; background:url(../images/weizhi_right.png) left center no-repeat; padding-left:20px;}
}


/****************************公用****************************/
.wrap {margin:0 auto; width:100%; position:relative; display:flex;}
.lymain {position:relative; margin:0 auto; width:90%; max-width:1560px; display:block;}
@media screen and (max-width:768px) {
.wrap {padding:0; width:100%;}
.lymain {width:92%;}
}

/*左右分栏*/
.lymain_box{width:100%; display:flex; align-items:stretch;/*左右两边的高度一致*/ box-sizing:border-box; margin:60px 0;}
.lymain_box_left{float:right; width:18%; box-sizing:border-box; margin:0 3% 0 0;}
.lymain_box_right{float:left; width:79%;}
@media screen and (max-width:768px){
.lymain_box{display:block; margin:20px 0;}
.lymain_box_left{display:none;}
.lymain_box_right{float:none; width:100%;}
}

/*左侧的分类*/
#onsec{color:#ff7800;}
#onsec a{color:#ff7800;}

.lymain_left_prod{overflow:hidden; border:4px #004e9d solid; box-sizing:border-box;}
.lymain_left_prod h2{font-size:24px; line-height:50px; background:#004e9d; padding-left:17px; color:#ffffff; text-transform:uppercase;}
.lymain_left_prod ul{background:#e6e6e6;}
.lymain_left_prod ul li{width:100%;overflow:hidden;box-sizing:border-box;font-size:16px; line-height:20px;}
.lymain_left_prod ul li a{padding:14px 20px; box-sizing:border-box; display:block; background:url(../images/point.png) 10px center no-repeat;}
.lymain_left_prod ul li ul{ background:#f5f5f5;}
.lymain_left_prod ul li ul li{font-size:14px; font-weight:normal;border-bottom:1px #ffffff solid;}
.lymain_left_prod ul li ul li a{padding:14px 14px 14px 35px; background:url(../images/point.png) 25px center no-repeat;}
.lymain_left_prod ul li ul li ul{background:#ffffff;}
.lymain_left_prod ul li ul li ul li{border-bottom:1px #f5f5f5 solid;}
.lymain_left_prod ul li ul li ul li a{padding:14px 14px 14px 50px; background:url(../images/point.png) 40px center no-repeat;}

@media screen and (max-width:1366px){
.lymain_left_prod h2{font-size:20px; line-height:40px;}
.lymain_left_prod ul li{font-size:14px;}
.lymain_left_prod ul li a{padding:10px 20px;}
.lymain_left_prod ul li ul li{font-size:12px;}
.lymain_left_prod ul li ul li a{padding:10px 14px 10px 25px; background:url(../images/point.png) 15px center no-repeat;}
.lymain_left_prod ul li ul li ul li a{padding:10px 14px 10px 35px; background:url(../images/point.png) 25px center no-repeat;}
}

@media screen and (max-width:768px){
.lymain_left_prod{display:none;}
}




/*分页*/
.page{text-align:center; margin-top:40px;}
.page a{display:inline-block; border:1px #dddddd solid; font-size:14px; padding:6px 14px; border-radius:3px; margin:0 2px; font-family:"宋体"; line-height:20px; height:20px; color:#999999;}
.page a:hover{background:#ff7800; color:#fff;}
.pagea{background:#ff7800; color:#ffffff!important;}
@media screen and (max-width:768px) {
.page{padding:5px 0; margin-top:20px;}
.page a{font-size:14px; padding:5px 15px; margin:0;}
}


/*内页子导航*/
.lmlb{width:100%; overflow-x:auto; margin-top:50px; background:#f5f5f5; border-radius:5px; border:1px #dddddd solid;}
.lmlb ul{display:flex; justify-content:center; /* 使li在ul中居中 */ flex-wrap:nowrap;/* 确保所有li在一行显示 */}
.lmlb li{display:flex; flex-direction:column; align-items: center; padding:15px 45px; box-sizing:border-box; flex-shrink: 0; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; white-space: nowrap;}
.lmlb li img {display: block; margin-bottom:10px; transition: filter 0.3s ease; width:40px; height:40px; }
.lmlb li p{text-align: center; font-size:16px;}
.lmlb ul li:hover a{color:#ffffff;}
.lmlb ul li:hover{background:#004e9d; color:#ffffff;}
.lmlb ul li:hover img{filter: grayscale(100%) brightness(1000%);}
#lmlbonsec {background:#004e9d; color:#ffffff;}
#lmlbonsec a{color:#ffffff;}
#lmlbonsec img{filter: grayscale(100%) brightness(1000%);}

#lmlbonsec2 {color:#ff7800;}
#lmlbonsec2 a{color:#ff7800;}
@media screen and (max-width:768px) {
.lmlb{margin-top:20px;}
.lmlb ul{justify-content:left;}
.lmlb li{padding:10px 20px;}
.lmlb li img{margin-bottom:5px; width:30px; height:30px; }
.lmlb li p{font-size:14px;}
}


.lynav{width:100%; overflow-x:auto; margin-top:50px; background:#f5f5f5; border-radius:5px; border:1px #dddddd solid; display:none;}
.lynav ul{display:flex; justify-content:center; /* 使li在ul中居中 */ flex-wrap:nowrap;/* 确保所有li在一行显示 */}
.lynav li{display:flex; flex-direction:column; align-items: center; padding:15px 45px; box-sizing:border-box; flex-shrink: 0; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; white-space: nowrap;}
.lynav li p{text-align: center; font-size:16px;}
.lynav ul li:hover a{color:#ffffff;}
.lynav ul li:hover{background:#004e9d; color:#ffffff;}
.lynav ul li:hover img{filter: grayscale(100%) brightness(1000%);}
@media screen and (max-width:768px) {
.lynav{margin-top:20px; display:block;}
.lynav ul{justify-content:left;}
.lynav li{padding:15px 15px;}
.lynav li p{font-size:14px;}
}


/***htitle***/
.htitle{width:100%; box-sizing:border-box; margin-bottom:30px; position:relative;}
.htitle h3{font-size:12px; line-height:14px; text-align:center;text-transform:uppercase; width:inherit;font-family:"Poppins-Regular"; color:#ff7800; margin-bottom:2px;}
.htitle h2{font-size:36px; line-height:1.2; text-align:center; font-weight:700; position:relative; margin-bottom:5px; text-transform:uppercase; z-index:2}
.htitle h2:before, .htitle h2:after{display:inline-block; vertical-align:middle; margin:-5px 10px 0 10px; content: "";  width:40px; height:3px; background:#222222;}
.htitle .ptxt{opacity:0.8; padding:0 15%; box-sizing:border-box; text-align:center; line-height:24px; z-index:2;}
@media screen and (max-width:768px) {
.htitle{margin-bottom:10px;}
.htitle h2{font-size:24px;}
.htitle h2:before, .htitle h2:after{margin:-5px 5px 0 5px; content: ""; width:20px;}
.htitle .ptxt{padding:0;}
}


.about_htitle{width:100%; box-sizing:border-box; margin-bottom:10px; position:relative; text-align:center;}
.about_htitle h2{font-size:36px; line-height:1.2; font-weight:700; position:relative;text-transform:uppercase;}
.about_htitle h2::first-letter{color:#ff7800;}
.about_htitle .ptxt{box-sizing:border-box; text-align:left; line-height:30px;}
.about_htitle .ptxt b,.about_htitle .ptxt strong{color:#ff7800;}

@media screen and (max-width:1366px) {
.about_htitle h2{font-size:32px;}
}

@media screen and (max-width:1024px) {
.about_htitle h2{font-size:24px;}
}

@media screen and (max-width:768px) {
.about_htitle{margin-bottom:10px;}
.about_htitle h2{font-size:20px;}
.about_htitle .ptxt{line-height:24px; padding:0;}
}


/*内页轮播图样式*/
.ly_swiper{display:block; box-sizing:border-box;}
.ly_swiper li {float:left; width:100%; position:relative; display:block; overflow:hidden; box-sizing:border-box;box-shadow: 0 0 10px 0 #dddddd;}
.swiper-button-next.ly_swiper-area-next {top:45%; right:-40px; width:40px; height:40px;color:#0073ff; transition:all .3s ease-in-out; font-size:24px;}
.swiper-button-prev.ly_swiper-area-prev {top:45%; left: -40px; width:40px; height:40px;color:#0073ff; transition:all .3s ease-in-out; font-size:24px;}
.swiper-button-next.ly_swiper-area-next:hover {color:#ff7800;}
.swiper-button-prev.ly_swiper-area-prev:hover {color:#ff7800;}
.ly_swiper_box{padding:15px; box-sizing:border-box; background:#ffffff; width:100%;line-height:24px;}
.ly_swiper_box h3{font-size:20px; line-height: 1.5;}
.ly_swiper_box .ptxt{ opacity:0.8; margin-top:0px;}
.ly_swiper_box .ptxt a{color:#0073ff;}
.ly_swiper_box .ptxt a:hover{text-decoration:underline;}
@media screen and (max-width:768px) {
.swiper-button-next.ly_swiper-area-next {right:-24px; width:30px; height:30px; font-size:14px;}
.swiper-button-prev.ly_swiper-area-prev {left:-24px; width:30px; height:30px; font-size:14px;}
.ly_swiper_box h3{font-size:14px;}
}




/*新闻首页*/
.news_index_title{margin-bottom:30px; position:relative; border-bottom:2px #dddddd solid; display:flex; justify-content: space-between;align-items: center;}
.news_index_title h2{font-size:24px; font-weight:700; padding:0px 0px 5px 0px; box-sizing:border-box; position:relative; width:fit-content; margin-top:10px;}
.news_index_title h2::after {content: ''; display:block; width:100%; height:4px; background-color:#004e9d; margin-top:7px; position:absolute; left:0;}
.news_index_title h2::first-letter{color:#ff7800;}

.news_index_title h3{font-size:24px; font-weight:700; padding:0px 0px 5px 0px; box-sizing:border-box; position:relative; width:fit-content;}
.news_index_title h3::after {content: ''; display:block; width:100%; height:4px; background-color:#004e9d; margin-top:4px; position:absolute; left:0;}
.news_index_title h3::first-letter{color:#ff7800;}

.news_index_title .newscate{ margin-bottom:10px;}
.news_index_title .newscate ul{display:flex; flex-wrap:wrap; /*justify-content:center;*/ gap:10px;}
.news_index_title .newscate ul li{flex-shrink:0;/* 防止缩小 */ background-color:#004e9d; padding:5px 25px; border-radius:5px; box-sizing:border-box; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; color:#ffffff;}
.news_index_title .newscate ul li:hover{background:#ff7800; color:#ffffff;}
.news_index_title .newscate ul li:hover a{color:#ffffff;}
.news_index_title .newscate ul li a{display:block;color:#ffffff;}

.news_index{margin:40px 0 50px 0; background:#f9f9f9; border:1px #ddd solid; border-radius:5px; position:relative;}
.news_mod1{overflow:hidden; display:block; background:#f5f5f5;}
.news_mod1 ul{display:flex; align-items:stretch; padding:40px; box-sizing:border-box; border-radius:5px;}
.news_mod1 ul li:nth-child(1){flex:1; max-width:40%; overflow:hidden;}
.news_mod1 ul li:nth-child(2){flex:1; max-width:60%; padding-left:40px; box-sizing:border-box;}
.news_mod1 h2{font-size:32px; font-weight:700; line-height:1.4; color:#004e9d; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.news_mod1 h2 a{color:#004e9d;}
.news_mod1 h2 a:hover{color:#ff7800;}
.news_mod1 .ptxt{line-height:30px; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666; margin-bottom:20px; font-size:16px;}
.news_mod1 .ptxt2{margin-bottom:10px; font-size:14px; color:#ff7800; margin-top:10px;}
.news_mod1 .news_date{background:url(../images/date.svg) left 2px no-repeat; background-size:24px; padding-left:35px; opacity:0.6; margin:10px 0;}

.news_index2{margin:50px 0;}

@media screen and (max-width:1366px) {
.news_index_title{margin-top:30px;}
.news_index{margin:20px 0 30px 0;}
.news_index2{margin:40px 0 30px 0;}
.news_mod1 h2{font-size:24px;}
.news_index_title h2{font-size:24px;}
}

@media screen and (max-width:768px) {
.news_index_title{margin-top:20px; margin-bottom:20px;}
.news_index{margin:20px 0 30px 0;}
.news_index2{margin:40px 0 30px 0;}
.news_index_title h2{font-size:18px;}
.news_index_title h2::after {margin-top:4px;}
.news_index_title h3{font-size:18px;}
.news_index_title .newscate{margin-bottom:5px;}
.news_index_title .newscate ul li{padding:5px 10px;}

.news_mod1 ul{display:block; padding:20px;}
.news_mod1 ul li:nth-child(1){max-width:100%; width:100%;}
.news_mod1 ul li:nth-child(2){max-width:100%; width:100%; padding-left:0px; margin-top:15px;}
.news_mod1 h2{font-size:18px; line-height:24px; -webkit-line-clamp:1; }
.news_mod1 .ptxt{line-height:20px; font-size:12px; margin-bottom:10px; -webkit-line-clamp:3;}
.news_mod1 .news_date{background:url(../images/date.svg) left 2px no-repeat; background-size:16px; padding-left:25px;}
}



/*新闻*/
.newslist_title{font-size:24px; margin-bottom:15px;}
.newslist{display:block;}
.newslist ul{display:grid; grid-template-columns:repeat(3, 1fr); /* 一行三列 */  gap:40px;}
.newslist ul li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; padding:30px; box-sizing:border-box; overflow:hidden; border:1px #eaeaea solid; border-radius:5px;box-shadow:0 0 10px 0 #eaeaea; background:#f8f8f8;}
.newslist ul li:hover{box-shadow:0 0 15px 0 #dedede; background:#f8f8f8;}
.newslist ul li .imgbox{width:100%;border-radius:5px;}

.newslist ul li .news_box{width:100%; box-sizing:border-box; position:relative;}
.newslist ul li .news_title{font-size:16px; font-weight:700; margin:10px 0; line-height:24px; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.newslist ul li .ptxt{line-height:26px; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666; margin-bottom:50px;}
.newslist ul li .news_date{background:url(../images/date.svg) left 5px no-repeat; background-size:18px; padding-left:25px; opacity:0.6; position:absolute; bottom:20px;}
.newslist ul li .news_more{border-top:1px #dddddd dotted; padding-top:20px; margin-top:20px;}

@media screen and (max-width:1366px) {
.newslist_title{font-size:18px; margin-bottom:10px;}
.newslist ul li .news_title{font-size:14px; margin:10px 0; line-height:20px;}
}

@media screen and (max-width:1024px) {
.newslist_title{font-size:16px; margin-bottom:10px;}
.newslist ul li .news_title{font-size:14px; margin:5px 0; line-height:18px;}
}

@media screen and (max-width:768px) {
.newslist_title{font-size:18px; margin-bottom:10px;}
.newslist{margin:20px auto;}
.newslist ul{grid-template-columns:repeat(2, 1fr); /* 一行三列 */  gap:10px;}
.newslist ul li{padding:10px;}
.newslist ul li .news_title{font-size:14px; line-height:20px;-webkit-line-clamp:2;}
.newslist ul li .ptxt{line-height:20px; height:auto; margin-bottom:40px;}
.newslist ul li .news_date{bottom:10px;}
.newslist ul li .news_more{padding-top:10px; margin-top:5px;}
.newslist ul li .news_date{background:url(../images/date.svg) left 2px no-repeat; background-size:16px; padding-left:20px;}
}


/*新闻详情页*/
.newsshow{overflow:hidden; padding:50px; box-sizing:border-box; background:#ffffff; border:1px #eaeaea solid; box-shadow:0px 2px 8px 0 #f1f1f1;}
.news_xxjs_img{display:block; margin-bottom:10px; max-width:100%;}
.news_xxjs{line-height:30px!important; word-break:break-word!important; overflow:hidden;}
.news_xxjs p,.news_xxjs span{line-height:30px!important;font-size:14px!important;}
.news_xxjs table{width:100%!important; border:0;}
.news_xxjs td{padding:8px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:break-all!important;}
.news_xxjs td p,.news_xxjs td span{font-size:14px!important;line-height:20px!important;word-break:break-all!important;}
.news_xxjs th{padding:4px; font-size:14px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:break-all!important;}
.news_xxjs th p,.news_xxjs th span{font-size:14px!important;line-height:20px!important;word-break:break-all!important;}
.news_xxjs img{width:auto; max-width:100%;display: initial; margin:10px 0;}
.news_xxjs video{width:100%; height:100%; object-fit:fill; overflow:hidden;}

.news_title{text-align:left;}
.news_title h1{font-size:32px;line-height:1.2; font-weight:700; margin-bottom:10px;}
.news_title h1 span{ float:right;}


.pubdate{overflow:hidden; color:#999999; background:url(../images/date.svg) left 7px no-repeat; background-size:16px; padding-left:22px; margin-bottom:20px; padding-bottom:5px; border-bottom:1px #ddd dotted; box-sizing:border-box;}
.pubdate span{margin:0px 20px 0 0;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}

@media screen and (max-width:1024px) {
.news_title h1{font-size:24px;}
}

@media screen and (max-width:768px) {
.newsshow{padding:20px;border:none; margin:0;}
.news_xxjs{line-height:24px!important;font-size:12px!important;}
.news_xxjs p,.news_xxjs span{line-height:24px!important; font-size:12px!important;}
.news_xxjs td{font-size:12px!important;}
.news_xxjs td p,.news_xxjs td span{font-size:12px!important;}
.news_xxjs th{font-size:12px!important;}
.news_xxjs th p,.news_xxjs th span{font-size:12px!important;}
.news_title h1{font-size:18px; line-height:24px;}
.news_title h1 span{float:right; display:none;}
.news_xxjs table{display: block; display: -webkit-box; width:auto!important; overflow-x: auto; overflow-y:hidden;font-size:12px!important;}
.news_xxjs img{height:auto;}

.pubdate{background:url(../images/date.svg) left 2px no-repeat; background-size:16px;}
}


/*相关资讯*/
.Information{overflow:hidden;margin:40px 0 0 0;}
.Information h4{padding-left:10px; height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#555; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{ padding:0px;}
.Information li{border-bottom:1px dotted #dcdcdc; line-height:22px; padding:10px;}
.Information li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.Information .lastchild{ background:#f5f5f5; padding:20px; border:1px dotted #dcdcdc; margin-top:10px;}
.Information .lastchild .prod_details_top_tel{margin-bottom:0; color:#004e9d;}
.Information .lastchild .prod_details_top_tel .mytel{font-size:18px; background-size:18px; padding-left:20px;}
@media screen and (max-width:768px) {
.Information{margin:20px 0 0 0;}
.Information li{white-space:normal;}
.Information .lastchild{padding:10px; white-space:normal;}
.Information .lastchild .prod_details_top_tel{margin-bottom:0; color:#004e9d;}
.Information .lastchild .prod_details_top_tel .mytel{font-size:18px; background-size:18px; padding-left:20px;}
}


/*知识列表*/
.techlist{display:block;}
.techlist ul{}
.techlist ul li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; padding:30px; box-sizing:border-box; overflow:hidden; border:1px #eaeaea solid; border-radius:5px;box-shadow:0 0 8px 0 #eaeaea; background:#ffffff; margin-bottom:30px;}
.techlist ul li:last-child{ margin-bottom:0;}
.techlist ul li:hover{box-shadow:0 0 15px 0 #dedede; background:#f8f8f8;}
.techlist ul li .techlist_title{font-size:16px; font-weight:700; line-height:24px; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.techlist ul li .ptxt{line-height:26px; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666; margin-top:10px;}
@media screen and (max-width:1366px) {
.techlist ul li .techlist_title{font-size:14px; margin:10px 0; line-height:20px;}
}

@media screen and (max-width:1024px) {
.techlist ul li .techlist_title{font-size:14px; margin:5px 0; line-height:18px;}
}

@media screen and (max-width:768px) {
.techlist{margin:20px auto;}
.techlist ul{grid-template-columns:repeat(2, 1fr); /* 一行三列 */  gap:20px;}
.techlist ul li{padding:20px; margin-bottom:10px;}
.techlist ul li .techlist_title{font-size:16px; line-height:24px;-webkit-line-clamp:2; margin:0;}
.techlist ul li .ptxt{line-height:20px; height:auto; margin-top:5px;}
}



/*案例首页*/
.cases_top_title{margin-top:50px; font-size:24px; font-weight:700;}
.cases_top_title::first-letter{color:#ff7800;}
.cases_top{display:block; margin:20px 0 60px 0;}
.cases_top ul{display:grid; grid-template-columns:repeat(2, 1fr); /* 一行二列 */  gap:40px;}
.cases_top ul li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; padding:30px; box-sizing:border-box; overflow:hidden; border:1px #eaeaea solid; border-radius:5px;box-shadow:0 0 10px 0 #eaeaea; background:#ffffff;display:flex; gap:20px;}
.cases_top ul li:hover{box-shadow:0 0 15px 0 #dedede; background:#f8f8f8;}

.cases_top_left{flex:1;  width:calc(70% - 10px); border-radius:5px; overflow:hidden;}
.cases_top_right{flex:1;  width:calc(30% - 10px);}
.cases_top_right h2{font-size:20px; font-weight:700; line-height:1.2;}
.cases_top_right .ptxt{-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666; margin-bottom:20px;}
.cases_top_right .news_date{background:url(../images/date.svg) left 2px no-repeat; background-size:24px; padding-left:35px; opacity:0.6; margin:10px 0;}

@media screen and (max-width:1366px) {
.cases_top_title{margin-top:30px; font-size:24px;}
}

@media screen and (max-width:1024px) {
.cases_top_title{margin-top:20px; font-size:18px;}
}

@media screen and (max-width:768px) {
.cases_top_title{margin-top:40px; font-size:24px;}
.cases_top{margin:10px 0 40px 0;}
.cases_top ul{grid-template-columns:repeat(1, 1fr); gap:20px;}
.cases_top ul li{padding:20px; display:block; gap:20px;}
.cases_top_left{width:100%;}
.cases_top_right{width:100%; margin-top:10px;}
.cases_top_right h2{font-size:16px;}
.cases_top_right .news_date{background:url(../images/date.svg) left 2px no-repeat; background-size:18px; padding-left:25px;}
}


/*案例首页头部*/
.cases_index{margin:40px 0 60px 0;background:linear-gradient(to bottom, #005aa5, #004492); border-radius:5px; position:relative; background:url(../images/casebg.jpg) center center no-repeat; background-size:cover;}
.cases_mod1{overflow:hidden; display:block;}
.cases_mod1 ul{display:flex; align-items:stretch; padding:50px; box-sizing:border-box; border-radius:5px; position:relative;}
.cases_mod1 ul li:nth-child(1){flex:1; max-width:50%; overflow:hidden; border-radius:5px; border:5px rgb(255,255,255,0.8) solid; box-sizing:border-box;}
.cases_mod1 ul li:nth-child(2){max-width:55%; padding:50px 50px; box-sizing:border-box; background:#ffffff; position:absolute; right:4%;top:50%; transform:translateY(-50%); border-radius:5px; box-shadow:0 0 10px 0 #003470;}
.cases_mod1 h2{font-size:32px; font-weight:700; line-height:1.4; color:#004e9d; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.cases_mod1 h2 a{color:#004e9d;}
.cases_mod1 h2 a:hover{color:#ff7800;}
.cases_mod1 .ptxt{line-height:30px; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666; margin-bottom:40px; font-size:16px;}
.cases_mod1 .ptxt2{margin-bottom:10px; font-size:18px; color:#ff7800;}
.cases_mod1 .cases_date{background:url(../images/date.svg) left 2px no-repeat; background-size:18px; padding-left:25px; opacity:0.6; margin:10px 0;}

@media screen and (max-width:1366px) {
.cases_index{margin:20px 0 30px 0;}
.cases_mod1 ul li:nth-child(2){padding:25px;}
.cases_mod1 h2{font-size:24px;}
}

@media screen and (max-width:768px) {
.cases_index{margin:20px 0 30px 0;}
.cases_mod1 ul{display:block; padding:20px;}
.cases_mod1 ul li:nth-child(1){max-width:100%; width:100%;}
.cases_mod1 ul li:nth-child(2){max-width:100%; width:100%; padding:20px; margin-top:15px; position:relative; right:0;top:0; transform:translateY(0);}
.cases_mod1 h2{font-size:18px; line-height:24px; height:48px;}
.cases_mod1 .ptxt{line-height:20px; font-size:12px; margin-bottom:10px; -webkit-line-clamp:3;}
.cases_mod1 .ptxt2{margin-bottom:5px; font-size:14px; color:#ff7800;}
}












/*案例*/
.caseslist{display:block;}
.caseslist ul{display:grid; grid-template-columns:repeat(1, 1fr); /* 一行三列 */  gap:40px;}
.caseslist ul li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; padding:30px; box-sizing:border-box; overflow:hidden; border:1px #eaeaea solid; border-radius:5px;box-shadow:0 0 10px 0 #eaeaea; background:#ffffff; display:flex;}
.caseslist ul li:hover{box-shadow:0 0 15px 0 #dedede; background:#f8f8f8;}
.caseslist ul li .imgbox{width:30%; border-radius:5px;}
.caseslist ul li .cases_box{width:66%; box-sizing:border-box; position:relative; margin-left:4%;}
.caseslist ul li .cases_title{font-size:18px; font-weight:700; margin:10px 0; line-height:24px; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.caseslist ul li .ptxt{line-height:26px; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666; margin:10px 0;}
.caseslist ul li .cases_date{background:url(../images/date.svg) left 2px no-repeat; background-size:24px; padding-left:35px; opacity:0.6; margin-top:25px;}
.caseslist ul li .cases_more{border-top:1px #dddddd dotted; padding-top:20px; margin-top:20px;}

@media screen and (max-width:1366px) {
.caseslist ul li .cases_title{font-size:14px; margin:10px 0; line-height:20px;}
}

@media screen and (max-width:1024px) {
.caseslist ul li .cases_title{font-size:14px; margin:5px 0; line-height:18px;}
}

@media screen and (max-width:768px) {
.caseslist{margin:20px auto;}
.caseslist ul{display:grid; grid-template-columns:repeat(2, 1fr); gap:10px;}
.caseslist ul li{padding:15px; display:block;}
.caseslist ul li .imgbox{width:100%;}
.caseslist ul li .cases_box{width:100%; margin-left:0; margin-top:2%;}
.caseslist ul li .cases_title{font-size:14px; line-height:22px;-webkit-line-clamp:3;}
.caseslist ul li .ptxt{line-height:22px; height:auto;}
.caseslist ul li .cases_date{background:url(../images/date.svg) left 2px no-repeat; background-size:18px; padding-left:25px;}
.caseslist ul li .cases_more{padding-top:10px; margin-top:5px;}
}



/*factory*/
.factorylist{display:block;}
.factorylist ul{display:grid; grid-template-columns:repeat(4, 1fr); /* 一行三列 */  gap:40px;}
.factorylist ul li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; overflow:hidden; border:1px #eaeaea solid; border-radius:5px;box-shadow:0 0 10px 0 #eaeaea;}
.factorylist ul li:hover{box-shadow:0 0 15px 0 #dedede;}
.factorylist ul li .imgbox{width:100%;border-radius:5px;}
.factorylist ul li .factory_title{margin:10px 0; line-height:24px; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; text-align:center;}
@media screen and (max-width:768px) {
.factorylist ul{grid-template-columns:repeat(2, 1fr); /* 一行三列 */  gap:10px;}
.factorylist ul li .factory_title{margin:5px; line-height:20px;}
}


/*contact us*/
.contact{overflow:hidden; padding:50px; box-sizing:border-box; background:#ffffff; border:1px #eaeaea solid; box-shadow:0px 2px 8px 0 #f1f1f1; margin-bottom:40px;}
.contact h2{font-size:24px; line-height:1.2; font-weight:700; text-align:left; text-transform:uppercase; margin-bottom:5px;}
.contact h2::first-letter{color:#ff7800;}
.contact .ptxt{text-align:left;}
@media screen and (max-width:1024px) {
.contact{padding:30px; margin-bottom:30px;}
.contact h2{font-size:18px;}
}

@media screen and (max-width:768px) {
.contact{padding:20px; margin-bottom:20px;}
.contact h2{font-size:18px;}
}


.contact_msn{box-sizing:border-box; width:100%; margin:0 auto; display:block;}
.contact_msn ul{margin-top:1%;}
.contact_msn li {overflow:hidden;}
.contact_msn li:nth-child(n+2) {margin-top:2%;}
.msg_name_input,.msg_mail_input,.msg_textarea {padding:5px 15px; background:#ffffff; box-sizing:border-box; font-family:"阿里巴巴普惠体", Helvetica, sans-serif; border-radius:5px; border:1px #dddddd solid;}
.msg_name_input,.msg_mail_input {float:left; width:48.5%; line-height:45px;}
.msg_mail_input{margin-left:2%;}
.msg_textarea {width:99%;line-height:24px; resize:none; }
.msg_submit{width:fit-content; height:55px; line-height:55px; font-size:16px; text-align:center; text-transform:uppercase; color:#ffffff; background:#004e9d; cursor:pointer; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; border-radius:5px; padding:0 40px; display:inline-block;}
.msg_submit:hover{ background:#ff7800; color:#ffffff;}
.selectinput{padding:20px 20px;}
.countryinput{}
@media screen and (max-width:1380px) {
.contact_msn h2{font-size:24px; margin-bottom:20px;}
.msg_submit{height:45px; line-height:45px; font-size:14px; padding:0 30px;}
}

@media screen and (max-width:1024px) {
.contact_msn h2{font-size:16px; margin-bottom:10px;}
.msg_submit{height:40px; line-height:40px; font-size:14px; padding:0 20px;}
}

@media screen and (max-width:768px) {
.content_box{width:100%; padding:10% 0;}
.contact_msn{float:none; width:100%;}
.contact_msn ul{margin-top:10px;}
.msg_name_input,.msg_mail_input {line-height:30px; font-size:12px;}
.msg_submit{height:40px; line-height:40px; font-size:14px;}
.countryinput{width:100%;}
}



/*产品列表*/
.prodlist_title{font-size:24px; margin-bottom:15px;}
.prodlist{display:block;}
.prodlist ul{display:grid; grid-template-columns:repeat(3, 1fr); /* 一行三列 */  gap:40px;}
.prodlist ul li{-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; overflow:hidden; border-radius:5px; background:#ffffff; border:1px #f5f5f5 solid; box-shadow:0px 2px 8px 0 #f1f1f1;}
.prodlist ul li .imgbox{width:100%;}

.prodlist ul li .prod_box{width:100%; box-sizing:border-box; position:relative; padding:20px; text-align:left;}
.prodlist ul li .prod_title{font-size:16px; font-weight:700; line-height:1.2; -webkit-line-clamp:1; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.prodlist ul li .ptxt{line-height:24px; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666; margin:10px 0;}
.prodlist ul li .prod_date{background:url(../images/date.svg) left 2px no-repeat; background-size:24px; padding-left:35px; opacity:0.6; position:absolute; bottom:20px;}
.prodlist ul li .prod_more{border-top:1px #dddddd dotted; padding-top:20px; margin-top:20px;}

@media screen and (max-width:1366px) {
.prodlist_title{font-size:18px; margin-bottom:10px;}
.prodlist ul li .prod_title{font-size:14px; line-height:20px;}
}

@media screen and (max-width:1024px) {
.prodlist_title{font-size:16px; margin-bottom:10px;}
.prodlist ul li .prod_title{font-size:14px; line-height:18px;}
}

@media screen and (max-width:768px) {
.prodlist_title{font-size:18px; margin-bottom:10px;}
.prodlist{margin:20px auto;}
.prodlist ul{grid-template-columns:repeat(2, 1fr); /* 一行三列 */  gap:20px;}
.prodlist ul li .prod_box{padding:10px;}
.prodlist ul li .prod_title{font-size:14px; line-height:22px;-webkit-line-clamp:3;}
.prodlist ul li .ptxt{line-height:20px; height:auto; margin:5px 0;}
.prodlist ul li .prod_date{background:url(../images/date.svg) left 2px no-repeat; background-size:18px;}
.prodlist ul li .prod_more{padding-top:10px; margin-top:5px;}
}


/*产品优势*/
.prodavg{width:100%; overflow-x:auto; margin-bottom:60px; background:#f5f5f5; border:1px #dddddd solid; box-sizing:border-box; padding:25px;}
.prodavg ul{display:flex; justify-content:center; /* 使li在ul中居中 */ flex-wrap:nowrap;/* 确保所有li在一行显示 */}
.prodavg li{display:flex; flex-direction:column; align-items: center; box-sizing:border-box; flex-shrink: 0; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; flex:1; border-right:1px #dddddd dotted;}
.prodavg li:last-child{border-right:0;}
.prodavg li img {display: block; margin-bottom:15px; width:30%; max-width:40px; height:40px; transition: filter 0.3s ease; }
.prodavg li h2{color:#004e9d; font-size:18px; font-weight:700;}
.prodavg li p{text-align: center; font-size:16px;}
@media screen and (max-width:768px) {
.prodavg{margin-bottom:30px;padding:15px;}
.prodavg ul{justify-content:left; grid-template-columns:repeat(3, 1fr); display:grid;}
.prodavg li{padding:10px;}
.prodavg li:last-child{border-right:1px #dddddd dotted;}
.prodavg li img{width:30%; margin-bottom:5px;}
.prodavg li h2{font-size:14px; margin-bottom:5px;}
.prodavg li p{font-size:12px;}
}


   
/*产品列表中相关的产品应用*/
.prodcate_list_txt2{overflow:hidden; margin-top:40px; padding:30px; background:#f5f5f5; box-sizing:border-box; border:1px #efefef solid; border-radius:5px;}
.prodcate_list_txt2 h2{font-size:20px; margin-bottom:15px; font-weight:700; padding-left:12px; position:relative; border-bottom:1px #dddddd dotted; padding-bottom:10px;}
.prodcate_list_txt2 h2::before{position:absolute; left:0; top:11%; width:4px; height:50%; background:#004e9d; content: '';}


.prodcate_list_prod2{text-align:left; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; box-sizing:border-box; overflow:hidden; display:block;}
.productlistul2{letter-spacing:-8px; overflow:hidden;}
.productlistul2 li{letter-spacing:normal; vertical-align:top;width:22.75%; display:inline-block; box-sizing:border-box; border-radius:5px; overflow:hidden; border:1px #efefef solid; box-shadow:0 0 8px 0 #f5f5f5; background:#ffffff;}
.productlistul2 li:not(:nth-of-type(4n)){ margin-right:3%;}
.productlistul2 li:nth-child(n+5){margin-top:3%;}
.productlistul2 li .div_txt{margin:10px; box-sizing:border-box; text-align:center; -webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; line-height:20px;}
.productlistul2 li:hover a{color:#ff7800;}

@media screen and (max-width:1366px) {
.prodcate_list_txt2{padding:30px;}
.prodcate_list_txt2 h2{font-size:20px;}
}

@media screen and (max-width:768px) {
.prodcate_list_txt2{padding:5.5%; min-height:0;}
.prodcate_list_txt2 h2{font-size:18px;line-height:20px;}
.prodcate_list_prod2{text-align:left; margin-top:0px; margin-right:0%; width:100%;}
.productlistul2 li{width:48.5%;}
.productlistul2 li:not(:nth-of-type(4n)){ margin-right:0;}
.productlistul2 li:not(:nth-of-type(2n)){ margin-right:3%;}
.productlistul2 li:nth-child(n+3){margin-top:3%;}
}


/*右侧推荐产品*/
.lymain_right_prod{ position:relative; display:block; overflow:hidden; margin-bottom:30px; border:1px #ddd solid; box-sizing:border-box; padding:25px; background:#fcfcfc;}
.lymain_right_prod:last-child{margin-bottom:0;}
.lymain_right_prod h2{font-size:20px; margin-bottom:10px; font-weight:700; padding-left:12px; position:relative; border-bottom:1px #dddddd dotted; padding-bottom:10px;}
.lymain_right_prod h2::before{position:absolute; left:0; top:11%; width:4px; height:50%; background:#004e9d; content: '';}
.lymain_right_prod ul{overflow:hidden;}
.lymain_right_prod ul li{width:100%; position:relative; box-sizing:border-box;}
.lymain_right_prod ul li:nth-child(n+2){margin-top:30px;}
.lymain_right_prod ul li .news_box{box-sizing:border-box;}
.lymain_right_prod ul li .news_title{font-size:15px; line-height:24px; font-weight:700;-webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical;}
.lymain_right_prod ul li .imgbox{width:100%; margin-bottom:10px; border-radius:5px; overflow:hidden;}
.lymain_right_prod ul li .ptxt{-webkit-line-clamp:2; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient:vertical; color:#666; margin-top:5px; line-height:24px;}
.lymain_right_prod ul li .news_more{border-top:1px #dddddd dotted; padding-top:5px; margin-top:5px;}
.right_service{overflow:hidden; margin-top:10px;}
.right_service li{ background:url(../images/right.svg) left 10px no-repeat; background-size:8px; padding-left:15px; padding-bottom:12px; border-bottom:1px #dddddd dotted; margin-bottom:15px; margin-top:0!important;}

.searchleft{width:100%; position:relative; height:40px; overflow:hidden; margin:10px 0 0 0; background:#ffffff; border:1px #ddd solid; box-sizing:border-box;}
.searchleft .input{width:100%; height:40px; line-height:40px; padding:0 15px; box-sizing:border-box;}
.searchleft .search{position:absolute; top:11px; right:15px; width:15px; height:15px; background: url(../images/ico_search.svg) no-repeat; background-size:cover;}



/*产品中心*/
.prod_details_top{margin:0 0 40px 0; overflow:hidden; display:flex; align-items:stretch;}
.product_right_top_left{flex:1; max-width:50%;}
.product_right_top_left img{box-sizing:border-box;}
.swiper-container-thumbs{margin-top:10px;}
.swiper-container-thumbs img{cursor:pointer;}
.swiper-slide-thumb-active img{border:2px #e9011a solid; box-sizing:border-box;}

.product_right_top_right{flex:1; max-width:50%; padding-left:3%;}
.prod_details_top h1{font-size:36px; padding-bottom:10px; font-weight:700; line-height:1.2;}
.prod_details_top_tags{line-height:30px; width:100%; overflow:hidden; margin-bottom:20px; padding:20px; box-sizing:border-box; background:#f5f5f5; border-radius:5px;}
.prod_details_top_tags p{background:url(../images/dian_prod.png) 0px 12px no-repeat; padding:3px 3px 3px 15px; box-sizing:border-box;}
.prod_details_top_tel{margin-bottom:20px; overflow:hidden;}
.prod_details_top_tel a{margin:0 5px; font-weight:700; color:#004e9d;}
.prod_details_top_tel a:hover{color:#ff7800;}
.prod_details_top_tel .mytel{font-size:32px; font-weight:700; color:#ff7800; line-height:1.2; margin-top:5px; padding-left:35px; background:url(../images/ico_tel.svg) left center no-repeat; background-size:32px;}

.product_right_top_btn{overflow:hidden;}

.productlist_more{line-height:45px; background-color:#ff7800; color:#fff; border-radius:25px; cursor:pointer; padding:0 40px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; box-sizing:border-box; width:fit-content;font-size:16px; display:inline-block; margin-right:10px;}
.productlist_more:hover {background-color:#be0014;}

.productlist_more2{line-height:45px; background-color:#004e9d; color:#fff; border-radius:25px; cursor:pointer; padding:0 40px; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; box-sizing:border-box; width:fit-content;font-size:16px; display:inline-block;}
.productlist_more2:hover {background-color:#be0014;}

@media screen and (max-width: 1366px) {
.prod_details_top h1{font-size:24px;}
}

@media screen and (max-width: 768px) {
.prod_details_top{margin:0 0 30px 0; flex-direction: column;}
.product_right_top_left{flex:1; max-width:100%;}
.product_right_top_right{flex:1; max-width:100%; padding-left:0; margin-top:20px;}
	
.prod_details_top h1{font-size:24px;}
.prod_details_top_tags{line-height:24px; width:100%; overflow:hidden;}
.prod_details_top_tags ul{overflow:hidden; padding:10px; margin:15px 0;}
.prod_details_top_tags ul li{padding:5px 5px 5px 25px;}

.prod_details_top_tel .mytel{font-size:24px; padding-left:28px; background:url(../images/ico_tel.svg) left center no-repeat; background-size:24px;}

.productlist_more{padding:0 30px;font-size:14px; height:35px; line-height:35px; margin-right:5px;}
.productlist_more2{padding:0 30px;font-size:14px; height:35px; line-height:35px;}
}


.prod_details_top2{margin:0 0 0 0; overflow:hidden; display:block;}
.prod_details_top2 h1{font-size:36px; padding-bottom:10px; font-weight:700; line-height:1.2;}
.prod_details_top_tags2{line-height:30px; width:100%; overflow:hidden; margin-bottom:20px; padding:20px; box-sizing:border-box; background:#f5f5f5; border-radius:5px;}
.prod_details_top_tags2 p{background:url(../images/dian_prod.png) 0px 12px no-repeat; padding:3px 3px 3px 15px; box-sizing:border-box;}
.prod_details_top_tel2{overflow:hidden; padding:30px; box-sizing:border-box; background:#f9f9f9; border-radius:5px; border:1px #efefef solid;}
.prod_details_top_tel2 a{margin:0 5px; font-weight:700; color:#004e9d;}
.prod_details_top_tel2 a:hover{color:#ff7800;}
.prod_details_top_tel2 .mytel{font-size:32px; font-weight:700; color:#ff7800; line-height:1.2; margin-top:5px; padding-left:35px; background:url(../images/ico_tel.svg) left center no-repeat; background-size:32px;}

.knows_mytel{font-weight:700; color:#ff7800; line-height:1.2; margin-top:5px; padding-left:20px; background:url(../images/ico_tel.svg) left center no-repeat; background-size:18px;}


@media screen and (max-width: 1366px) {
.prod_details_top2 h1{font-size:24px;}
.prod_details_top_tel2 .mytel{font-size:24px; background:url(../images/ico_tel.svg) left center no-repeat; background-size:24px; padding-left:25px;}
}
@media screen and (max-width: 768px) {
.prod_details_top2{margin:0 0 0 0; flex-direction: column;}
.prod_details_top2 h1{font-size:24px;}
.prod_details_top_tags2{line-height:24px; width:100%; overflow:hidden;}
.prod_details_top_tags2 ul{overflow:hidden; padding:10px; margin:15px 0;}
.prod_details_top_tags2 ul li{padding:5px 5px 5px 25px;}
.prod_details_top_tel2{padding:15px;}
.prod_details_top_tel2 .mytel{font-size:24px; background:url(../images/ico_tel.svg) left center no-repeat; background-size:24px; padding-left:25px;}
}

.prod_details_end_box .Information{ margin-top:0;}
.prod_details_end_box{display:block; overflow:hidden; margin:20px 0 40px 0;}
.prod_details_end_box:first-child{ margin-top:0;}
.prod_details_end_box .prodtitle{margin-bottom:15px; position:relative; border-bottom:2px #dddddd solid;}
.prod_details_end_box .prodtitle h2{font-size:22px; padding:5px 0px 5px 30px; box-sizing:border-box; position:relative; width:fit-content; background:url(../images/steel.svg) left center no-repeat; background-size:24px; font-weight:700;}
.prod_details_end_box .prodtitle h2::after {content: ''; display:block; width:100%; height:4px; background-color:#004e9d; margin-top:4px; position:absolute; left:0;}

.prod_details_end_box .prodtitle h3{font-size:22px; font-weight:700; padding:0px 0px 5px 0px; box-sizing:border-box; position:relative; width:fit-content;}
.prod_details_end_box .prodtitle h3::after {content: ''; display:block; width:100%; height:4px; background-color:#004e9d; margin-top:4px; position:absolute; left:0;}

.prod_details_end_txt{line-height:30px!important; word-break:break-word!important; overflow:hidden;}
.prod_details_end_txt p,.prod_details_end_txt span{line-height:30px!important;}
.prod_details_end_txt table{width:100%;}
.prod_details_end_txt td{padding:6px; font-size:12px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.prod_details_end_txt td p,.prod_details_end_txt td span{font-size:12px!important;line-height:20px!important;word-break:initial!important;}
.prod_details_end_txt th{padding:6px; font-size:12px!important; border:1px #CCCCCC solid!important;line-height:20px!important;word-break:initial!important;}
.prod_details_end_txt th p,.prod_details_end_txt th span{font-size:12px!important;line-height:20px!important;word-break:initial!important;}
.prod_details_end_txt img{width:auto; max-width:100%; margin:0 auto; display:inline; height:auto;}
@media screen and (max-width:768px){
.prod_details_end_box{margin-bottom:20px; margin-top:20px;}
.prod_details_end_box h2{font-size:16px; line-height:20px; height:auto; margin-bottom:10px; padding:10px;}

.prod_details_end_box .prodtitle h2{font-size:18px; padding:5px 0px 0px 24px; background-size:18px;}
.prod_details_end_box .prodtitle h2::after {margin-top:9px;}

.prod_details_end_box .prodtitle h3{font-size:16px; line-height:24px; height:auto; margin-bottom:0px; padding:0 0 5px 0;}
.prod_details_end_box .prodtitle h3::after {margin-top:4px;}

.prod_details_end_txt{line-height:24px!important;}
.prod_details_end_txt p,.prod_details_end_txt span{line-height:24px!important;}
.prod_details_end_txt table{display: block; display: -webkit-box; width:auto!important; white-space: nowrap; overflow-x: auto; overflow-y: hidden;}
}

/*产品详情页的图片*/
.prodimg{display:block; margin:0;}
.prodimg ul{letter-spacing:-8px;}
.prodimg ul li{display:inline-block; letter-spacing:normal; vertical-align:top; width:23.5%; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out; position:relative; overflow:hidden; border-radius:5px;}
.prodimg ul li:not(:nth-of-type(4n)){margin-right:2%;}
.prodimg ul li:nth-child(n+5){margin-top:2%;}
.prodimg ul li .imgbox{border-radius:5px;}
@media screen and (max-width:768px){
.prodimg ul li{width:47.5%;}
.prodimg ul li:not(:nth-of-type(4n)){margin-right:0;}
.prodimg ul li:not(:nth-of-type(2n)){margin-right:5%;}
.prodimg ul li:nth-child(n+3){margin-top:5%;}
}




.contact_btn_top{margin-top:30px;}
.contact_btn_end{margin-bottom:20px;}
.contact_btn{display:block; overflow:hidden; width:fit-content;}
.contact_btn h2{font-size:18px; font-weight:700; color:#ff7800;}
.contact_btn_box{ border-radius:5px; padding:10px 15px; box-sizing:border-box; text-align:center;  background-image: linear-gradient(-90deg, #222222 55%, #ff7800 45%); width:fit-content; margin-top:10px;}
.contact_btn_box img{width:30px; height:30px; margin-right:3px; display:inline; vertical-align:middle; float:none;}
.contact_btn_box a{color:#ffffff; font-size:16px;}
.contact_btn_box a:hover{text-decoration:underline;}
.contact_btn_box a:nth-of-type(2){margin-left:40px;}
@media screen and (max-width: 1350px){
.contact_btn_box a{font-size:14px;}
}

@media screen and (max-width:768px){
.contact_btn_top{margin-top:20px;}
.contact_btn_end{margin-bottom:10px;}
.contact_btn h2{font-size:16px;}
.contact_btn{width:100%;}
.contact_btn_box{text-align:left;}
.contact_btn_box img{width:24px; height:24px; margin-bottom:0;}
.contact_btn_box a{display:block; font-size:14px;}
.contact_btn_box a:nth-of-type(2){margin-left:0; margin-top:10px;}
}


.page404{ width:100%; margin:300px 0 200px 0; text-align:center;}
.page404 img{ width:auto; display:inline-block;}
@media screen and (max-width:768px) {
.page404{ width:80%; margin:100px 10%; text-align:center;}
.page404 img{ width:auto; max-width:100%; display:inline-block;}
}

/*视频弹窗*/
.masklayer{position: fixed;display: none;width:100%;height:100%; top:0px; left:0px;background-color:rgba(0, 0, 0, 0.8);z-index:99999; -webkit-user-select: none;-ms-user-select: none;}
.vclose{position:absolute;right:0px; top:-30px;cursor: pointer; width:30px; height:30px; }
.vclose img{width:auto; height:auto; display:inline-block;}
.videos{display:none; position:fixed; left:20%; top:20%; z-index:100; width:60%; height:fit-content; background-color:rgba(0,0,0,0.8); box-sizing:border-box; padding:2%;top:50%; transform:translateY(-50%);}
.videos video{width:100%; height:auto;}
.videos div{width:100%; height:100%;}
.videolist {cursor:pointer; height:100%;}
@media screen and (max-width: 768px) {
.vclose { position:absolute;right:10px; top:10px; cursor: pointer; width:30px; height:30px; }
.vclose img{width:auto; height:auto; display:inline-block;}
.videos{display:none; position:fixed; left:0; z-index:100; width:100%; background-color:rgba(0,0,0,0.8); box-sizing:border-box; padding:8%;}
.videolist {}
}

.searchlist{overflow:hidden; box-sizing:border-box; margin:50px 0;}
.searchlist h2{ font-size:24px; font-weight:700; padding-left:10px; margin-bottom:20px;}
.searchlist ul{overflow:hidden;}
.searchlist ul li{border-bottom:1px #CCCCCC dotted; overflow:hidden; padding:20px 0px;}
.searchlist ul li:hover{background:#f5f5f5;}
.searchlist ul li{line-height:24px;}
.searchlist ul li h4{font-size:16px; text-align:left;}
.searchlist ul li p{font-size:14px; color:#999999;}
.searchlist ul li p span{ margin-right:35px;}
@media screen and (max-width:768px) {
.searchlist{margin:20px 0;}
.searchlist h2{font-size:16px; margin-bottom:10px;}
.searchlist ul li{padding:10px 10px;}
.searchlist ul li h4{font-size:14px;}
.searchlist ul li p{font-size:12px;}
}

.feedback{width:100%; padding:80px 0; box-sizing:border-box; margin:100px auto 100px; border-radius:5px; background:#ffffff;}
.feedback h2{font-size:24px;font-weight:700; color:#0155a6;}
.feedback h4{height:4px; width:50px; background:#0155a6; margin:20px 0;}
.feedback_btn{width:fit-content; height:40px; line-height:40px; background:#222222; color:#fff; border-radius:5px; text-align:center;-webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; display:inline-block; padding:0 25px; margin-top:30px;}
.feedback_btn:hover{background:#ff7800; color:#fff;}
@media screen and (max-width:768px) {
.feedback{width:90%; padding:30px; margin:50px auto;}
.feedback h2{font-size:18px;}
.feedback h4{height:2px; width:30px; margin:10px 0;}
.feedback_btn{margin-top:10px;}
}


.global_left_top{position:fixed; right:10px; bottom:20px; z-index:99;}
#myback{width:50px; height:50px;}
#myback img{width:100%;}
.myback_active{opacity:0!important;}
#mymeil{width:50px; height:50px; margin-bottom:10px;}
#mymeil img{width:100%;}
@media screen and (max-width:768px){
.global_left_top{bottom:10px;}
#myback{width:35px; height:35px;}
#mymeil{width:35px; height:35px;}
}