@charset "utf-8";
.infoban{ position:relative; height:690px;}
@media screen and (max-width: 1210px) {
.infoban{ height:360px;}
}
.infoban img{ position:absolute; object-fit: cover; display:block; width:100%; height:100%;}
.infotxt{ position:absolute; z-index:5; width:100%; left:0; top:50%; transform: translateY(-50%); color:#fff;}
.infotxt em{ font-size:var(--title-size-64); line-height:1.6; display:block;}
.infotxt span{ font-size:var(--title-size-48); font-family:"GOTHICB"; position:relative; display:block; padding-bottom:25px;}
.infotxt i{ font-size:var(--title-size-24); font-family:"GOTHICB"; line-height:2.5;}
.infotxt p { max-width:75%; font-size:var(--title-size-18); line-height:1.7;}
@media screen and (max-width:960px) {
.infotxt p { display:none;}
.infotxt i{ line-height:1;}
}

.infourl{ border-bottom:1px #ddd solid;}
@media screen and (min-width:760px) {
.infourl a{ line-height:3; padding:10px 35px; display:inline-block; border-left:1px #ddd solid; font-size:var(--title-size-18); border-bottom:5px #fff solid; cursor: pointer;}
.infourl a:last-child{ border-right:1px #ddd solid;}
}
@media screen and (max-width:760px) {
.infourl .main{ padding:0; width:100%;}
.infourl a{ display:inline-block; padding:10px 5px;}
}
.infourl a.lion{ border-bottom:5px var(--main-color) solid; color:var(--main-color);}
.infourl a:hover{ border-bottom:5px var(--main-color) solid; color:var(--main-color);}

.infomore{ text-align:center; display:block; margin-top:1%;}
.infomore a{ font-size:var(--title-size-24); border:0; background-color:var(--main-color); color:#fff; padding:8px 45px; line-height:2; border-radius:45px; display:inline-block;}

.infotitle{ text-align:center; margin-bottom:30px;}
.infotitle em{ display:block; color:#333; font-size:var(--title-size-48); font-family:"GOTHICB"; line-height:1.6;}
.infotitle span{ display:block; font-size:var(--title-size-32); position:relative; padding-bottom:5px;}
.infotitle p{ font-size:var(--title-size-28); padding-bottom:5px; line-height:2}
.infotitle div{ font-size:var(--title-size-18); line-height:2;}
.infotitle i{ display:block; position:relative; margin-top:15px;}
.infotitle i:before{ content:""; position:absolute; left:50%; bottom:0; background:var(--main-color); width:60px; height:3px; margin-left:-30px;}

.about_body01{ font-size:var(--title-size-18); line-height:1.6; margin:2% 0 3%; overflow:hidden;}
.about_body02{ background:url(../images/bg8.png) #f9f9f9 center no-repeat; background-size:100%; padding:3% 0; overflow:hidden;}
.about_body02s{ color:#333; margin:3% 0;}
@media screen and (min-width:760px) {
.about_body02s.ltt{ float:left; width:40%;}
.about_body02s.rgg{ float:left; width:60%;}
.about_body02s div.abody{ float:left;}
}
.about_body02s i{ display:inline-block; border:1px var(--main-color) dashed; padding:10px; border-radius:50%; margin-right:25px;}
.about_body02s i img{ border-radius:50%; display:block;}
.about_body02s em{ font-size:var(--title-size-32); display:block; line-height:1.6; color:var(--main-color);}
.about_body02s span{ font-size:var(--title-size-24); line-height:1.6; display:block; margin-bottom:20px;}
.about_body02s div.abody div{ font-size:var(--title-size-18); line-height:1.6;}
.about_body03{ padding:3% 0; overflow:hidden;}
.about_body03s{ text-align:center;}
.about_body03s span{ background-color:var(--main-color); color:#fff; border-radius:30px; display:inline-block; padding:15px 25px; font-size:var(--title-size-18);}
.about_body03 li{ position:relative; margin:4% 0;}
@media screen and (min-width:760px) {
.about_body02s i{ float:left;}
.about_body03 li .body03img{ width:42%; height:100%; position:absolute; left:0; top:0;}
.about_body03 li .body03con{ width:54%; float:right; padding-bottom:3%;}
.about_body03 li .body03img img{ position:absolute; display:block; object-fit: cover; width:100%; height:100%;}
.about_body03 li:nth-child(2n) .body03img{ right:0; left:inherit;}
.about_body03 li:nth-child(2n) .body03con{ width:54%; float:left;}
.about_body03 li .body03con em{ line-height:60px;}
}
@media screen and (max-width:760px) {
.about_body02s{ text-align:center;}
.about_body02s p{ text-align:left; line-height:1.5;}
.about_body03 li .body03img img{ width:100%;}
.about_body03 li .body03con em{ line-height:2;}
}
.about_body03 li .body03img{ border-radius:20px; overflow:hidden;}
.about_body03 li .body03con em{ display:block; font-size:var(--title-size-32); color:var(--main-color); margin-bottom:15px;}
.about_body03 li .body03con em i{ padding:10px; border-radius:50%; font-family:"GOTHICB"; font-size:var(--title-size-28); background-color:var(--main-color); text-align:center; color:#fff; margin-right:15px;}
.about_body03 li .body03con p{ font-size:var(--title-size-18); line-height:2; color:#333;}
.about_body03 li .body03con span{ display:inline-block; border:1px var(--main-color) solid; color:var(--main-color); font-size:var(--title-size-22); padding:6px 25px; border-radius:25px; margin:2% 0;}

.about_body04{ height:440px; position:relative; border-radius:25px; overflow:hidden; margin-bottom:5%;}
@media screen and (max-width:760px) {
.about_body04{ height:240px;}
}
.about_body04 img{ position:absolute; display:block; object-fit: cover; width:100%; height:100%;}
.about_body04 p{ position:absolute; top:50%; transform: translateY(-50%); z-index:5; color:#fff; width:100%; text-align:center;}
.about_body04 p em{ font-size:var(--title-size-48); line-height:1.5; display:block; max-width:90%; margin:0 auto 10px;}
.about_body04 p span{ font-size:var(--title-size-20); font-family:"GOTHICB";}

.prosearch{ padding:15px 4% 25px; background:#fff; position:relative; z-index:5; box-shadow:0px 0px 20px #aaa;}
.prosearch_tit{ text-align:center; line-height:2; font-size:var(--title-size-32); letter-spacing:2px;}
.search_tits,.search_tit{ font-size:var(--title-size-20); color:var(--main-color);}
@media screen and (min-width:960px){
.prosearch{ margin-top:-80px; border-radius:30px;}
.prosearch_lt{ width:70%; float:left;}
.prosearch_rig{ width:26%; float:right;}
.search_tit{ float:left; width:150px; padding:1px 0;}
.search_tits{ float:left; width:100px; padding:1px 15px 1px 1px;}
.search_con{ float:left; width: calc(100% - 150px);}
.search_con ul{ float:left; width: calc(100% - 100px);}
.search_con li{ padding:5px 15px; margin:0 5px 10px; border-radius:8px; }
.search_cons{ float:left; width: calc(100% - 150px);}
.prosearch_rig input{ padding:3% 0; line-height:3; border-radius:25px; margin-bottom:20px; width:100%;}
.prosearch_rig a{ padding:3% 0; line-height:3; border-radius:25px; width:100%; display:block;}
}
@media screen and (max-width:960px){
.prosearch{ margin-top:-40px; border-radius:15px;}
.search_tit,.search_tits{ line-height:2;}
.search_con li{ padding:5px 10px; margin:0 5px 5px 0; border-radius:5px;}
.prosearch_rig{ margin-top:15px; display:flex;}
.prosearch_rig input{ line-height:45px; border-radius:25px; margin-bottom:10px; width:calc(50% - 8px); margin-right:16px; height:45px;}
.prosearch_rig a{ line-height:45px; border-radius:25px; width:calc(50% - 8px); display:inline-block; height:45px;}
}
.search_con li{ display:inline-block; border:1px #8c8c8c solid; cursor: pointer; font-size:var(--title-size-16); }
.search_con li.active{ background-color:var(--main-color); border:1px var(--main-color) solid; color:#fff;}
.block10{ display:block; height:10px;}
.prosearch_rig input{ font-size:var(--title-size-28); border:0; background-color:var(--main-color); color:#fff;}
.prosearch_rig a{ text-align:center; font-size:var(--title-size-28); border:0; background-color:#b3b3b3; color:#fff;}

.casesearch{ display:block; margin:10px 0;}
@media screen and (min-width:760px) {
.casesearch li{ width: calc(33.33% - 30px); margin:0 15px; float:left;}
}
@media screen and (max-width:760px) {
.casesearch li{ margin-bottom:15px;}
}
.casesearch li select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: #f9f9f9;
  border: 1px solid #999;
  padding:10px 15px;
  font-size: var(--title-size-18);
  border-radius:8px;
  width:100%;
  outline:none;
}
.casesearch li select {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 12px 12px;
}
.casesearch li select option {
  background-color: white;
  color: black;
}
.casesearchs{ text-align:center; margin-top:25px;}
@media screen and (max-width:960px){
.casesearchs{ margin-top:10px;}
}
.casesearchs input{ margin:0 10px;}
.casesearchs input.sub01{ font-size:var(--title-size-18); border:0; background-color:var(--main-color); border:1px var(--main-color) solid; color:#fff; padding:5px 35px; line-height:2; border-radius:25px;}
.casesearchs input.sub02{ display:inline-block; font-size:var(--title-size-18); border:1px var(--main-color) solid; color:var(--main-color); background:#fff; padding:5px 35px; line-height:2; border-radius:25px;}

.prolist{ padding:3% 0;}
.prolist li{ margin-bottom:20px;}
@media screen and (min-width:960px){
.prolist li{ width: calc(33.33% - 30px); margin-right:45px; float:left; margin-bottom:20px;}
.prolist li:nth-child(3n){ margin-right:0;}
}
@media screen and (max-width:960px){
.prolist ul{ margin-top:15px;}
.prolist li{ width: calc(50% - 10px); margin-right:20px; float:left;}
.prolist li:nth-child(2n){ margin-right:0;}
}

.prolist li .pimg{ position:relative; overflow:hidden; box-shadow:0px 0px 12px #eee; transition: all 0.3s; background:#f9f9f9; mix-blend-mode: multiply;}
.prolist li:hover .pimg{ box-shadow:0px 0px 22px #ddd;}
.prolist li .pimg img{ display:block;}
.prolist li .pimg img.pimg1{ width:100%;}
.prolist li .pimg img.pimg2{ position:absolute; height:90%; left:50%; top:50%; transform: translate(-50%,-50%); transition: all 0.3s;}
.prolist li:hover img.pimg2{  height:95%; }
.prolist li a{ display:block; text-align:center;}
.prolist li a span{ font-size:var(--title-size-18); line-height:2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden; margin:10px 0;}

.infoview{ background-color:var(--main-color); color:#fff; padding:2% 0;}
.infoview a{ float:right; display:inline-block; border:1px #fff solid; border-radius:28px; padding:10px 30px; color:#fff; margin-top:10px;}
@media screen and (max-width:960px){
.infoview a{ padding:5px 20px; border-radius:18px; margin-top:0;}
}
.infoview h1{ font-size:var(--title-size-42); display:block; max-width:85%; line-height:1.5;}
.viewurl{ background:#f0f0f0; padding:20px 0;}
.viewurl span{ font-size:var(--title-size-18); line-height:1.2; color:#111;}
.viewurl span a{ color:#111;}
.viewurl p{ float:right;}
.viewurl p span{ margin-left:15px;}

.proview{ padding:4% 0;}
@media screen and (min-width:960px){
.proview_img{ float:left; width:52%;}
.proview_body{ float:right; width:45%;}
}
.proview_img{ border:1px #ddd solid;}
.proview_img img{ display:block; max-width:100%; margin:0 auto;}
.proview_body{ padding:2% 4%; background-color:var(--main-color); color:#fff; font-size:var(--title-size-20);}
.proview_body i{ display:block; line-height:2;}
.proview_body em{ display:block; font-weight:700; line-height:3;}
.proview_body div{ line-height:2;}
.proview_body a{ display:inline-block; margin:5% 0 3%; color:#fff; border:1px #fff solid; border-radius:30px; padding:10px 36px; cursor: pointer;}

.proviews{ font-size:var(--title-size-20); line-height:1.8; color:#333; margin:2% 0 4%;}
.proviews video{ max-width:100% !important; height:auto !important;}
.proviews img{ max-width:100% !important; height:auto !important;}
.proviews table{ width:100% !important; text-align:left; border:1px !important; padding:0; margin:0; border-collapse: collapse;}
.proviews table th{ background:var(--main-color); color:#fff; font-weight:700;  padding:10px 20px; border: 1px solid #111;}
.proviews table tr{background-color: #f5f5f5;}
.proviews table tr:nth-child(odd) {background-color: #fff;}
.proviews table tr td{ padding:10px 20px; border: 1px solid #111;}

@media screen and (max-width:760px) {
.proviews{overflow-x: auto; padding-bottom:25px;}
}

.proview_ys{ background:#f4f4f4; padding:2% 0;}
.proview_ys ul{ margin-top:3%;}
.proview_ys li{ text-align:center;}
@media screen and (min-width:760px) {
.proview_ys li{ float:left; width: calc(33.33% - 40px); margin-right:60px; text-align:center;}
.proview_ys li:nth-child(3n){ margin-right:0;}
}
.proview_ys li i{ display:block; padding:20px; color:#fff; margin:0 auto; font-size:var(--title-size-120); font-family:"GOTHICB"; border-radius:50%;}
.proview_ys li i{ background:url(../images/yy.png) center no-repeat; background-size:auto 100%;}
.proview_ys li em{ display:block; font-size:var(--title-size-32); margin:4% 0; line-height:1.6;}
.proview_ys li div{ text-align:left; font-size:var(--title-size-18); color:#333; line-height:1.8; }

.proview_cj{ padding:2% 0;}
.proview_cj ul{ margin-top:3%;}
.proview_cj li{ box-shadow:0px 0px 22px #ddd; transition: all 0.3s;margin-bottom:30px;}
@media screen and (min-width:760px) {
.proview_cj li{ float:left; width: calc(50% - 15px); margin-right:30px;}
.proview_cj li:nth-child(2n){ margin-right:0;}
}
.proview_cj li .pimg{ position:relative; overflow:hidden; transition: all 0.3s;}
.proview_cj li .pimg img{ display:block; }
.proview_cj li .pimg img.pimg1{ width:100%;}
.proview_cj li .pimg img.pimg2{ position:absolute; object-fit: cover; width:100%; height:100%; transition: all 0.3s;}
.proview_cj li:hover img.pimg2{ transform: scale(1.1);}
.proview_cj li span{ display:block; padding:10px 30px; font-size:var(--title-size-36); color:var(--main-color); line-height:1.6;}
.proview_cj li div.p{ font-size:var(--title-size-20); line-height:1.8; padding:0px 30px 20px;}

.proview_fw{ padding-bottom:3%;}
.proview_fws{ background:#f8f8f8; padding:2% 5%; width: calc(50% - 15px); float:left; font-size:var(--title-size-18); line-height:1.8;}
.proview_fws i{ font-size:var(--title-size-36); color:var(--main-color); line-height:2;}
.proview_fws.rig{ float:right;}

.proview_ab{ background:#f8f8f8; padding:2% 0;}
.proview_ab li{ margin-bottom:20px;}
@media screen and (min-width:960px){
.proview_ab li{ width: calc(33.33% - 30px); margin-right:45px; float:left;}
.proview_ab li:nth-child(3n){ margin-right:0;}
}
@media screen and (max-width:960px){
.proview_ab li{ width: calc(50% - 10px); margin-right:20px; float:left;}
.proview_ab li:nth-child(2n){ margin-right:0;}
}
.proview_ab li .pimg{ position:relative; overflow:hidden; box-shadow:0px 0px 12px #eee; transition: all 0.3s;}
.proview_ab li:hover .pimg{ box-shadow:0px 0px 22px #ddd;}
.proview_ab li .pimg img{ display:block; }
.proview_ab li .pimg img.pimg1{ width:100%;}
.proview_ab li .pimg img.pimg2{ position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.3s;}
.proview_ab li:hover img.pimg2{ transform: scale(1.1);}
.proview_ab li a{ display:block; text-align:center;}
.proview_ab li a span{ font-size:var(--title-size-18); line-height:2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden; margin:10px 0;}

.proview_abs{ background:#f6f6f6; padding:2% 0;}
.proview_abs li{ float:left; margin-bottom:20px;}
@media screen and (min-width:960px){
.proview_abs li{ width: calc(33.33% - 30px); margin-right:45px;}
.proview_abs li:nth-child(3n){ margin-right:0;}
}
@media screen and (max-width:960px){
.proview_abs li{ width: calc(50% - 10px); margin-right:20px;}
.proview_abs li:nth-child(2n){ margin-right:0;}
}
.proview_abs li .pimg{ position:relative; overflow:hidden; box-shadow:0px 0px 12px #eee; transition: all 0.3s; background:#fff;}
.proview_abs li:hover .pimg{ box-shadow:0px 0px 22px #ddd;}
.proview_abs li .pimg img{ display:block; }
.proview_abs li .pimg img.pimg1{ width:100%;}
.proview_abs li .pimg img.pimg2{ position:absolute; height:90%; left:50%; top:50%; transform: translate(-50%,-50%); transition: all 0.3s;}
.proview_abs li:hover img.pimg2{  height:95%; }
.proview_abs li a{ display:block; text-align:center;}
.proview_abs li a span{ font-size:var(--title-size-18); line-height:2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden; margin:10px 0;}

.caseview_top{ margin:3% auto; background:#f6f6f6; padding:20px 30px; border-radius:10px; font-size:var(--title-size-18); line-height:2;}
.caseview_img{ display:block; margin:0 auto; width: calc(100% - 200px); position:relative;}
.caseview_img li img{ display:block; width:100%;}
.leftbtn,.rightbtn{ top:50%; transform: translateY(-50%); z-index:5; position:absolute; width:auto;}
@media screen and (min-width:760px) {
.leftbtn{ width:auto; left:-100px;}
.rightbtn{ right:-100px;}
.leftbtn img,.rightbtn img{ max-width:90%;}
}
@media screen and (max-width:760px) {
.leftbtn{ left:-25px;}
.rightbtn{ right:-25px;}
.caseview_img{ width: calc(100% - 50px);}
.leftbtn img,.rightbtn img{ max-width:15px;}
}
.caseview_imgs .swiper-pagination{ position:relative; text-align:center; margin:1% 0;}
.caseview_imgs .swiper-pagination .swiper-pagination-bullet { width:7px; height:7px; margin:0 5px; border-radius:50%; background: #ddd; cursor: pointer; transition: all 0.6s; opacity: 1; filter: alpha(opacity=100); }
.caseview_imgs .swiper-pagination .swiper-pagination-bullet-active { background: #e4312a; }

.prodownload{ padding:2% 0 3%; text-align:center;}
.prodownload a{ display:inline-block; padding:15px 45px 17px; background-color:var(--main-color); color:#fff; border-radius:30px; font-size:var(--title-size-24);}

.techlist{ padding:2% 0; background:#f9f9f9;}
@media screen and (min-width:760px){
.techlist_con{ float:left; width:35%;}
.techlist_img{ float:right; width:60%;}
}
.techlist_con{ font-size:var(--title-size-18); line-height:2;}
.techlist_con i{ font-size:var(--title-size-36); line-height:2; color:var(--main-color);}
.techlist_con div{ margin:1% 0;}
.techlist_con em{ font-size:var(--title-size-24); line-height:2; color:var(--main-color);}
.techlist_con em b{ font-family:"GOTHICB"; }
.techlist_img{ max-width:878px; text-align:center;}
.techlist_img span{ background-color:var(--main-color); font-size:var(--title-size-32); color:#fff; display:inline-block; padding:8px 35px; border-radius:30px;}
.techlist_img img{ display:block; width:100%;}

.dloadlist{ padding:2% 0;}
.dloadlist ul{ margin:3% auto 1%;}
.dloadlist li{ margin-bottom:20px; background:#f7f7f7;}
@media screen and (min-width:760px){
.dloadlist li{ width: calc(50% - 15px); float:left; margin-right:30px;}
}

.dloadlist li a{ display:block;}
.dloadlist li a i{ float:left; width:110px; height:110px; background:url(../images/tech03.png) var(--main-color) center no-repeat;}
.dloadlist li a span{ display:flex; padding:20px; line-height:1.5; font-size:var(--title-size-22); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
.dloadlist li:nth-child(2n){ margin-right:0;}

.aqlist{ background:#f9f9f9; padding:2% 0;}
.aqlists li{ background:#fff; margin-bottom:18px; color:#383838;}
.aq_name{ position:relative; cursor: pointer;}
.aq_name i{ font-family:"GOTHICB"; text-align:center; display:block; width:75px; height:75px; line-height:75px; float:left; background:var(--main-color); color:#fff; font-size:var(--title-size-58);}
.aq_name span{ position:absolute; width: calc(100% - 125px); top:50%; left:75px; transform: translateY(-50%); box-sizing: border-box; padding:0px 30px; font-size:var(--title-size-20);}
.aq_name span{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
.aq_name a{ background:url(../images/tech04.png) center no-repeat; width:30px; height:30px; position:absolute; right:25px; top:50%; transform: translateY(-50%); }
.aq_name.act1{ border-bottom:1px #b3b3b3 solid; color:var(--main-color); }
.aq_name.act1 a{ background:url(../images/tech05.png) center no-repeat;}
.aq_rep{ display:none; margin-top:20px;}
.aq_reptitle{ float:left; font-family:"GOTHICB"; text-align:center; display:block; width:75px; height:75px; line-height:75px; background:#999; color:#fff; font-size:var(--title-size-58);}
.aq_repcon{ float:right; width: calc(100% - 75px); box-sizing: border-box; padding:5px 30px 25px; font-size:var(--title-size-20); line-height:1.5;}

.policylist{ padding:2% 0 3%;}
.policylist_tit{ font-size:var(--title-size-42); color:var(--main-color); line-height:2;}
.policylist_body{ font-size:var(--title-size-18); line-height:1.8; color:#333;}
.policylist_body img{ width:100%;}
@media screen and (min-width:760px){
.policylist_body img{ float:right; max-width:420px; margin-left:35px;}
}

.solutionlist{ padding:2% 0;}
.solutionlist ul{ margin-top:3%;}
.solutionlist li{ margin-bottom:40px; box-shadow:0px 0px 22px #ccc;}
@media screen and (min-width:760px){
.solutionlist li{ width: calc(50% - 20px); margin-right:40px; float:left;}
.solutionlist li:nth-child(2n){ margin-right:0;}
}
@media screen and (max-width:760px){
.solutionlist li{ padding-bottom:15px;}
}
.solutionlist li .pimg{ position:relative; overflow:hidden; box-shadow:0px 0px 12px #eee; transition: all 0.3s;}
.solutionlist li:hover .pimg{ box-shadow:0px 0px 22px #ddd;}
.solutionlist li .pimg img{ display:block; }
.solutionlist li .pimg img.pimg1{ width:100%;}
.solutionlist li .pimg img.pimg2{ position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.3s;}
.solutionlist li:hover img.pimg2{ transform: scale(1.1);}
.solutionlist li a{ display:block;}
.solutionlist li a span{ font-size:var(--title-size-42); line-height:1.6; display:block; margin:3% 5%;}
.solutionlist li a p{ color:#333; font-size:var(--title-size-20); background:url(../images/so1.png) left bottom no-repeat; padding-bottom:40px; margin:1% 5% 4%;}

.solutionview{ padding:3% 0;}
@media screen and (min-width:760px) {
.solutionview_title{ float:left; width:30%;}
.solutionview_title:before{ content:""; position:absolute; right:0; top:5%; background:#8c8c8c; width:1px; height:80%;}
.solutionview_con{ float:right; width:70%; padding-left:35px;}
}
.solutionview_title{ color:#333; position:relative;}
.solutionview_title i{ font-size:var(--title-size-48); line-height:1; font-family:"GOTHICB"; display:block;}
.solutionview_title span{ display:block; font-size:var(--title-size-36); line-height:2; position:relative; padding-bottom:10px;}
.solutionview_title span:before{ content:""; position:absolute; left:0; bottom:0; background:var(--main-color); width:60px; height:3px;}
.solutionview_con{ box-sizing: border-box;}
.solutionview_con i{ display:block; font-size:var(--title-size-24); line-height:1.6; }
.solutionview_con div{ font-size:var(--title-size-18); line-height:2;}

.newsview{ padding:2% 0; line-height:2;}
.newsview img{ max-width:100% !important; height:auto !important;}

.newslist{ padding:2% 0;}
.newslist ul{ margin:0 auto 1%;}
.newslist li{ margin-bottom:20px; background:#f7f7f7;}
@media screen and (min-width:760px){
.newslist li{ width: calc(50% - 15px); float:left; margin-right:30px;}
}
.newslist li a{ display:block;}
.newslist li a p{ float:left; width:110px; height:110px; display:block; background-color:var(--main-color); color:#fff; text-align:center; font-size:var(--title-size-18); font-family:"GOTHICB";}
.newslist li a p i{ font-size:var(--title-size-48); display:block; margin-top:10%;}
.newslist li a span{ display:flex; padding:20px; line-height:1.5; font-size:var(--title-size-22); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
.newslist li:nth-child(2n){ margin-right:0;}
.infopage{ padding:2% 0;}

.newshot{ padding-top:3%;}
.newshot li{ margin-bottom:25px;}
.newshot li a{ display:block; background:#f7f7f7;}
@media screen and (min-width:760px){
.newshot li a{ display:flex; }
.newshot li a .nbody{ float:left; padding:2%;}
.newshot li a .nimg{ width:100%; max-width:460px; overflow:hidden; transition: all 0.3s; position:relative; margin-right:10px;}
.newshot li a .nimg img.pimg1{ width:100%;}
.newshot li a .nimg img.pimg2{ position:absolute; width:100%; height:100%; object-fit: cover; transition: all 0.3s;}
.newshot li a:hover img.pimg2{ transform: scale(1.1);}
.newshot li a em{ line-height:65px;}
}
@media screen and (max-width:760px){
.newshot li a .nimg{ margin-bottom:15px;}
.newshot li a .nimg img.pimg1{ display:none;}
.newshot li a em{ line-height:2;}
}
.newshot li a .nimg img{ display:block; max-width:100%;}
.newshot li a em{ font-size:var(--title-size-24); color:var(--main-color);}
.newshot li a p{ color:#333; font-size:var(--title-size-18); margin:2% 0; line-height:1.8;}
.newshot li a span{ float:left; width:65px; height:65px; display:block; background-color:var(--main-color); color:#fff; text-align:center; font-size:14px; font-family:"GOTHICB"; margin-right:15px; border-radius:10px;}
.newshot li a span i{ font-size:var(--title-size-36); display:block; margin-top:1%;}
.newshot li a b{ font-weight:normal; color:var(--main-color); background:url(../images/news05.png) right no-repeat; padding-right:68px; transition: all 0.3s;}
.newshot li a:hover b{ padding-right:58px;}