@charset "utf-8";
.listabout{ position:relative; overflow:hidden;}
@media screen and (min-width:960px) {
.abimg{ float:left; width: calc(50% - 35px);}
.abbody{ float:right; width:50%;}
}
.abimg img{ display:block; width:100%;}
.abbody span{ font-size:var(--title-size-24); line-height:2; display:inline-block;}
.abbody em{ font-size:var(--title-size-30); color:var(--main-color); display:inline-block; line-height:1.5;}
.abbody div{font-size:var(--title-size-16); line-height:1.7; margin:3% 0; color:#333;}
.abbody ul{ position:relative; margin-top:6%;}
.abbody ul li{ float:left; width:33.33%; font-size:var(--title-size-22); line-height:28px;}
.abbody ul li img{ float:left; margin-right:20px;}

.listfuwu li{ position:relative; overflow:hidden; background:#f3fbf5;}

@media screen and (min-width:960px) {
.listfuwu li{ float:left; width: calc(50% - 25px); margin-right:50px; margin-bottom:50px;}
.listfuwu li:nth-child(2n+0){ margin-right:0;}
}
@media screen and (min-width:760px) {
.listfuwu li .fwbody{ width:50%;}
.listfuwu li .fwimg{ width:50%; height:100%; position:absolute; top:0; right:0; overflow:hidden;}
.listfuwu li .fwimg img{ position:absolute; height:100%; z-index:5; object-fit: cover;  transition: all 0.3s;}
.listfuwu li:hover .fwimg img{transform: scale(1.1);}
}
.listfuwu li .fwimg img{ width:100%; }
.listfuwu li .fwbody{ box-sizing: border-box; padding:30px 40px;}
.listfuwu li .fwbody img{ height:52px;}
.listfuwu li .fwbody span{ font-size:var(--title-size-26); line-height:3;}
.listfuwu li .fwbody p{ font-size:var(--title-size-16); line-height:25px; min-height:100px; color:#888;}


.listcompany li{ position:relative; overflow:hidden; margin-bottom:15px;}
.listcompany li:nth-child(3n+0){ margin-right:0;}
@media screen and (min-width:760px) {
.listcompany li{ float:left; width: calc(33.33% - 40px); margin-right:60px; margin-bottom:50px;}
}
.listcompany li img.kimg{ display:block; width:100%;}
.listcompany li img.pimg{ position:absolute; width:100%; height:100%; z-index:5; object-fit: cover;  transition: all 0.3s;}
.listcompany li:hover img.pimg{transform: scale(1.1);}


.listptro{ padding:1% 0 3%;}
.listptro_con{ margin-top:2%;}
.listptro_con li{ margin-bottom:2%;}
@media screen and (min-width:960px) {
.listptro_con li{ width: calc(33.33% - 30px); float:left; margin-right:45px;}
.listptro_con li:nth-child(3n+0){ margin-right:0;}
}
@media screen and (max-width:960px) and (min-width:560px) {
.listptro_con li{ width: calc(50% - 15px); float:left; margin-right:30px;}
.listptro_con li:nth-child(2n+0){ margin-right:0;}
}
.listptro_con li .ppimg{ position:relative; overflow:hidden; transition: all 0.3s;}
.listptro_con li .ppimg img.pbg{ width:100%;}
.listptro_con li .ppimg img.pimg{ position:absolute; object-fit: cover; width:100%; height:100%; transition: all 0.3s;}
.listptro_con li:hover .ppimg img.pimg{transform: scale(1.1);}

.listptro_con li p{ padding:15px 20px; transition: all 0.3s;}
.listptro_con li a{ display:block;}
.listptro_con li a em{ line-height:2; font-size:var(--title-size-24); font-weight:700; color:#111; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1; overflow: hidden;}
.listptro_con li a span{ display:block; height:66px; line-height:22px; color:#666; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;}
.listptro_con li a i{ color:#333; display:inline-block; margin-top:25px; background:url(../images/ico05.png) right no-repeat; padding-right:25px;}
.listptro_con li a:hover p em{ color:var(--main-color);}
.listptro_con li a:hover p i{ color:var(--main-color); background:url(../images/ico05s.png) right no-repeat;}

.viewpro{ background:#f8f8f8; padding:3%; margin-top:20px;}
@media screen and (min-width:960px) {
.viewpro_img{ float:left; width:50%;}
.viewpro_body{ float:right; width:50%; padding-left:35px;}
}
.viewpro_img img{ display:block; width:100%;}
.viewpro_body{ box-sizing: border-box;}
.viewpro_body h1{ font-size:var(--title-size-30); line-height:2.4; display:block; color:var(--main-color); border-bottom:1px #c1c1c1 solid;}
.viewpro_body .pps{ font-size:var(--title-size-16); line-height:1.8; margin:3% 0 5%;}
.viewpro_body a{ display:inline-block; font-size:var(--title-size-16); line-height:48px; border-radius:24px; color:#fff; padding:0 25px 0 55px;}
.viewpro_body a{ background: url(../images/ico01.png) var(--main-color) no-repeat center left 20px;}

.viewbody{ padding:2% 3% 5%; font-size:var(--title-size-16); line-height:2;}
.viewbody h2{ font-size:var(--title-size-24); position:relative; line-height:3; margin-bottom:25px;}
.viewbody h2:before{ width:50px; height:4px; background:#222; position:absolute; left:0; bottom:0; content:"";}
.viewbody img{ max-width:100% !important; height:auto !important;}

.recomm_pro{ background:#f9f9f9; padding-top:10px;}

.listhonor{}
.listhonor li{ position:relative; float:left; box-sizing: border-box; border:1px #ddd solid; padding:10px;}
@media screen and (min-width:960px) {
.listhonor li{ width: calc(25% - 30px); float:left; margin-right:40px; margin-bottom:40px;}
.listhonor li:nth-child(4n+0){ margin-right:0;}
}
@media screen and (max-width:960px){
.listhonor li{ width: calc(50% - 15px); float:left; margin-right:30px; margin-bottom:30px;}
.listhonor li:nth-child(2n+0){ margin-right:0;}
}
.listhonor li img.pimg{ width:100%;}
.listhonor li img.bimg{ position:absolute; object-fit: cover; width:100%; height:100%; transition: all 0.3s;}

.listnews{ margin-bottom:2%;}
.listnews li{ background:#f1f1f1; margin-bottom:3%; padding:28px;}
@media screen and (min-width:960px) {
.listnews li a{ padding-right:35%; padding-left:50px;}
.listnews li a .nimg{ width:30%; max-width:480px; height:100%; max-width:100%; position:absolute; right:0; top:0; overflow:hidden;}
.listnews li a .nimg img{ position:absolute; object-fit: cover; height:100%; transition: all 0.3s;}
}
.listnews li a{ display:block; position:relative;}
.listnews li a .nimg img{ width:100%;}
.listnews li a span{ color:#111; font-size:var(--title-size-24); font-weight:700; line-height:2;}
.listnews li a p{ color:#666; font-size:var(--title-size-16); margin:2% 0 5%; line-height:2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; overflow: hidden;}
.listnews li a i{ display:inline-block; color:#555; background:url(../images/ico05.png) right no-repeat; padding-right:35px; margin-bottom:3%;}

.viewnews{ margin-bottom:3%;}

.viewnews_body h1{ font-size:var(--title-size-30); line-height:1.6;}
.viewnews_body i{ background:url(../images/time.png) left no-repeat; color:#555; padding-left:35px; line-height:3; border-bottom:1px #eee solid; display:block; margin:3% 0;}
.viewnews_bodys{ color:#333; font-size:var(--title-size-16); line-height:2;}

@media screen and (min-width:1200px) {
.viewnews_body{ float:left; width: calc(100% - 480px);}
.viewnews_hot{ float:right; width:410px;}
.viewnews_hot li{ margin-bottom:25px;}
.viewnews_hot li .nimg{ position:relative; overflow:hidden; margin-bottom:10px;}
.viewnews_hot li .nimg img.pbg{ display:block; width:100%;}
.viewnews_hot li .nimg img.pimg{ position:absolute; width:100%; height:100%; z-index:5; object-fit: cover;  transition: all 0.3s;}
.viewnews_hot li:hover .nimg img.pimg{transform: scale(1.1);}
.viewnews_hot li span{ font-size:var(--title-size-22); line-height:1.4;}
.viewnews_hot li i{ font-size:var(--title-size-18); display:block; line-height:2.3; color:var(--main-color);}
}
@media screen and (max-width:1200px) {
.viewnews_hot{ display:none;}
}

.newshxia{ border-top:1px #ddd solid; padding:30px 0; margin-top:35px;}
.newshxia p{ text-align:left; font-size:var(--title-size-18); color:#666; margin-bottom:10px;}
@media screen and (min-width:760px) {
.newshxia p{ width:50%; float:left;}
.newshxia p:nth-child(2){ text-align:right;}
}
.newshxia p a{ color:#666;}
.newshxia p a:hover{ color:var(--main-color);}

.listlixi{ margin-bottom:3%; position:relative;  overflow:hidden;}
@media screen and (min-width:960px) {
.listlixi:before{ width:45%; height:100%; position:absolute; background:var(--main-color); content:"";}
.listlixi_con{ float:left; width:45%;}
.listlixi_map{ float:right; width:55%;}
}
@media screen and (max-width:960px) {
.listlixi_con{ background:var(--main-color);}
}
.listlixi_con{ box-sizing: border-box; padding:4% 5%; color:#fff; position:relative; z-index:5;}
.listlixi_con em{ font-size:var(--title-size-40); display:inline-block; line-height:1.3; font-weight:700;}
.listlixi_con span{ display:block; font-size:var(--title-size-20); line-height:1.5; max-width:700px; margin-bottom:20px;}


.listlixi_map img{ display:block; width:100%; min-height:100%;}

.lixily{ padding:2% 0;}
.lixily_form{ padding:0 5%}
@media screen and (min-width:960px) {
.lixily_form p{ width: calc(50% - 25px); float:left; margin:15px 50px 15px 0;}
.lixily_form p:nth-child(2n){ margin-right:0;}
}
@media screen and (max-width:960px) {
.lixily_form p{ margin:15px 0;}
}
.lixily_form p .mytxt{ box-sizing: border-box; border:1px #e1e1e1 solid; padding:0 15px; height:65px; line-height:65px; width:100%; color:#333; outline:none; border-radius:10px;}
.lixily_form .mytxts{ box-sizing: border-box; border:1px #e1e1e1 solid; padding:15px; height:125px; line-height:25px; width:100%; color:#333; outline:none; margin:15px 0; border-radius:10px;}
.lixily_form .mysub{ display:block; margin:15px auto; border:0; color:#fff; border-radius:10px; padding:20px 85px; background:var(--main-color); cursor: pointer;}