@charset "utf-8";
@font-face {
		font-family:'mon1';
		src:url("../fonts/Galano Classic Alt Bold.ttf");
	}
	@font-face {
		font-family:'mon2';
		src:url("../fonts/Galano Classic Alt.ttf");
	}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset,button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}
.content{ width:1200px;margin: 0 auto;font-family:"Microsoft YaHei","微软雅黑",Arial,sans-serif;}
  .content1 {
            width: 71rem;
            margin: 0 auto;
        }
        
input,textarea {border:  none; box-shadow: none; outline: none;}

body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%;}
/* 设置默认字体 */
body,
button, input, select, textarea {
    font: 16px/22px "Microsoft YaHei";color: #666;
}

h1 {font-size: 18px;font-family: "Microsoft Yahei";}
h2 {font-size: 16px;font-family: "Microsoft Yahei";}
h3 {font-size: 14px; font-family: "Microsoft Yahei"; font-weight:normal;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; color:#666;}
p {
    word-spacing: 0;
}

/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}
input[type="text"],input[type="button"], input[type="submit"], input[type="reset"]{
	-webkit-appearance: none;}
input{background:0; border:0;}
textarea {-webkit-appearance: none;}

html img{width:100%;}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {overflow-y: scroll;}

/*设置浮动*/
.fl {float: left;}
.fr {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

/*字体大小*/
.fz12{font-size: 12px;}
.fz14{font-size: 14px;}
.fz16{font-size: 16px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz22{font-size: 22px;}
.clear{clear: both;height: 0;}
.clearfix:after{height: 0;content: "";clear: both;display: block;}
.blk-main .clearlist{ clear:both;height:0;padding:0;margin:0;border:0;width:100% ;float:none;}
.clearfix{zoom:1}
html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width: 800px) {html {font-size: 12.6px;}}
@media screen and (min-width: 900px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1000px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1100px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1200px) {html {font-size: 12.6px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.4px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.2px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.6px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}

/* 导航样式 */
.head {
	height: 4.5rem;
	padding: 0 2.75rem 0 3rem;
	width: 100%;
	box-sizing: border-box;
	position: absolute;
	z-index: 200;
}

.head .logo {
	float: left;
}

.head .logo .t_logo {
	float: left;
	width: 8.75rem;
	line-height: 0;
	overflow: hidden;
	margin-top: 0.75rem;
	margin-right: 1rem;
	position:relative;
}

.head .logo .t_logo a{display:block; line-height:0;}

.head .logo .t_logo a.hover{position:absolute;left:0;top:0;}

.head .logo .t_logo img {
	width: 100%;
}

.head .logo .t_logo a.hover{opacity:0;}

.head .logo h2 {
	float: left;
	height: 1.75rem;
	line-height: 1.75rem;
	border-left: 0.05rem solid rgba(255, 255, 255, .2);
	font-size: 0.9rem;
	color: #ffffff;
	font-weight: normal;
	margin-top: 1.65rem;
	padding-left: 1.05rem;
}

.head .menu {
	float: left;
	margin-left: 9.75rem;
	width: 49.1rem;
	margin-top: 1.65rem;
}

.head .menu ul {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
}

.head .menu ul li {
	height: 1.75rem;
	line-height: 1.75rem;
	position: relative;
}

.head .menu ul li a {
	font-size: 0.9rem;
	color: #ffffff;
	z-index: 200;
	position: relative;
}

.head .menu ul li:before {
	width: 1.25rem;
	height: 1rem;
	content: "";
	position: absolute;
	right: -0.6rem;
	top: 0.15rem;
}

.head .menu ul li:hover a,
.head .menu ul li.cur a {
	font-weight: bold;
}

.head .menu ul li:hover:before,
.head .menu ul li.cur:before {
	background: url(../images/hea-ico.png) no-repeat center;
	background-size: 100% 100%;
}

.head .hea-tel {
	float: right;
	height: 1.75rem;
	line-height: 1.75rem;
	padding-left: 1.55rem;
	background: url(../images/hea-tel.png) no-repeat left;
	background-size: 1.1rem 1.05rem;
	font-size: 1rem;
	color: #FFF;
	font-family: "OPPOSANS-H";
	margin-top: 1.65rem;
	position: relative;
}

.head .hea-tel:before {
	width: 0.05rem;
	height: 1rem;
	background: rgba(255, 255, 255, .2);
	content: "";
	position: absolute;
	left: -1.3rem;
	top: 0.4rem;
}

.head.open {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	background: #FFF;
	box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.07);
}

.head.open .logo .t_logo a.default{opacity:0;}
.head.open .logo .t_logo a.hover{opacity:1;}
.head.open .logo h2{color:#1a1a1a;border-left: 0.05rem solid rgba(0,0,0, .2);}
.head.open .menu ul li a{color:#333333;}
.head.open .hea-tel{background: url(../images/hea-tel_h.png) no-repeat left;color:#333333;background-size: 1.1rem 1.05rem;}

/* 广告样式 */
.banner {
	line-height: 0;
}

.banner img {
	display: block;
	width: 100%;
	margin: 0 auto;
}

.banner .banner-pa {
	position: relative;
}

.banner .banner-pa i {
	display: block;
	position: relative;
	z-index: 5;
}

.banner .banner-pa i img{width: 100%;display: block;}
.banner .banner-pa video{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}
.banner .banner-btn-prev {
	outline: none;
	position: absolute;
	top: 50%;
	width: 73px;
	height: 73px;
	z-index: 9;
	opacity: 0;
	text-align: center;
	margin-top: -40px;
	transition: .8s;
	background: url(../images/c_prev.png) no-repeat;
	left: 5%;
	cursor: pointer;
}

.banner .banner-btn-next {
	outline: none;
	position: absolute;
	top: 50%;
	width: 73px;
	height: 73px;
	z-index: 9;
	opacity: 0;
	text-align: center;
	margin-top: -40px;
	transition: .8s;
	background: url(../images/c_next.png) no-repeat;
	right: 5%;
	cursor: pointer;
}

.banner:hover .banner-btn-prev {
	left: 10%;
	opacity: 0.3;
}

.banner:hover .banner-btn-next {
	right: 10%;
	opacity: 0.3;
}

.banner .banner-paging {
	position: absolute;
	left: 0;
	font-size: 0;
	bottom: 9%;
	width: 100%;
	text-align: center;
	outline: none;
	z-index: 10;
}

.banner .banner-paging .swiper-pagination-bullet {
	display: inline-block;
	margin: 0 15px;
	border: 0 none;
	width: 12px;
	height: 12px;
	color: #fff;
	border-radius: 50%;
	background-color: #078437;
	outline: none;
	transition: .5s;
}

.banner .banner-paging .swiper-pagination-bullet-active {
	width: 50px;
	border-radius: 30px;
}

/* 公司介绍样式 */
.content22 {
    width: 1400px;
    margin: 0 auto;
    position: relative;
}
@media screen and  (max-width:1440px){
.content22{width:1200px;margin:0 auto;}    

   }
.company{ background: url(../images/yz2_bg.jpg) no-repeat center;padding: 60px 0 0;height: 700px;}
.yz_tt h4{float: left;width: 440px;}
.company h4 span{font-size: 36px;color: #333333;display: block;line-height: 40px;font-weight: bold;}
.company h4 i{font-size: 20px;color: #333333;display: block;line-height: 20px;font-weight: normal;padding-top: 18px;}
.yz_tt p{font-size: 16px;color: #333333;display: block;line-height: 30px;font-weight: normal;width: 690px;float: right;padding-top: 28px;background: url(../images/yz_jt.png) no-repeat right top; }
.company .bo{display: block;position: relative;width: 93px;height: 93px;margin: 160px auto 0;}
.company .bo::before {
    content: '';
    position: absolute;
    width: 80px;
    height: 80px;
    -webkit-box-shadow: inset #fff 0 0 40px;
    box-shadow: inset #fff 0 0 40px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    opacity: 0;
    animation: warn2 2s ease-out .1s infinite
}

.company .bo::after {
    content: '';
    position: absolute;
     width: 80px;
    height: 80px;
    -webkit-box-shadow: inset #fff 0 0 40px;
    box-shadow: inset #fff 0 0 40px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
    opacity: 0;
    animation: warn 2s ease-out 0.6s infinite
}
.fadeInUp1 { -webkit-animation-name: fadeInUp1; animation-name: fadeInUp1 }
.fadeInDown2 { -webkit-animation-name: fadeInDown2; animation-name: fadeInDown2 }
.company .yz_sz{display:flex;justify-content:space-between;margin-top: 175px;}
.company .yz_sz li {color: #333;display: block;}
.company .yz_sz li b {font-size: 60px;color: #e62129;line-height:60px;font-family: Arial;font-weight: 600;}
.company .yz_sz li sup {display: inline-block;line-height: 20px;font-size: 20px;clear: both;font-weight: bold;color: #e62129;vertical-align: 2px;margin-left: 2px;}
.company .yz_sz li span {display: block;line-height: 20px;font-size:18px;clear: both;padding-top:4px;font-weight: bold;color: #333333;}
@keyframes warn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
5%{opacity:1}
to{opacity:0;-webkit-transform:scale(1.6);transform:scale(1.6)}
}
@keyframes warn2{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}
5%{opacity:8}
to{opacity:0;-webkit-transform:scale(1.6);transform:scale(1.6)}
}

/* 产品中心 */
.tit{font-weight: normal;text-align: center;font-size: 0;}
.tit span{display: block;font-size: 42px;color: #333333;line-height: 42px;position: relative;font-weight: bold;}
.tit span b{ color: #078437; }
.tit i{display: block;font-size: 18px;color: #666666;line-height: 18px;padding-top: 16px;}
.yz{overflow: hidden;position: relative;background:url(../images/yz_bg.jpg) no-repeat center top;box-sizing: border-box;padding-top:80px;}
.yz_con{margin-top: 120px;}
.yz_con li{ float: left; margin-bottom: 75px;position:relative;}
.yz_con li:after{ opacity:0;}
.yz_con li:nth-child(1){margin-left: 30px;margin-right: 595px;}
.yz_con li:nth-child(3){ margin-left:-80px;margin-right: 780px; }
.yz_con li:nth-child(4){ margin-right:-80px; }
.yz_con li:nth-child(5){ margin-left: 30px;margin-right: 530px; }
.yz_con li:nth-child(1):after{ position:absolute;left:310px;top:23px;background:url(../images/line5.png) no-repeat center;width:116px;height:63px;content:"";}
.yz_con li:nth-child(2):after{ position:absolute;right:310px;top:23px;background:url(../images/line6.png) no-repeat center;width:118px;height:63px;content:"";}
.yz_con li:nth-child(3):after{ position:absolute;left:310px;top:20px;background:url(../images/line3.png) no-repeat center;width:248px;height:7px;content:"";}
.yz_con li:nth-child(4):after{ position:absolute;right:300px;top:20px;background:url(../images/line4.png) no-repeat center;width:285px;height:7px;content:"";}
.yz_con li:nth-child(5):after{ position:absolute;left:310px;top:20px;background:url(../images/line5.png) no-repeat center;width:113px;height:7px;content:"";}
.yz_con li:nth-child(6):after{ position:absolute;right:300px;top:20px;background:url(../images/line6.png) no-repeat center;width:162px;height:7px;content:"";}
.yz_con li.cur:after{ opacity:1;}
.yz_con li em{ display: inline-block; width: 107px;height: 107px;background: url(../images/yz_dd.png) no-repeat center;overflow: hidden;vertical-align:top;}
.yz_con li em img{ display: block;width: 90px;height: 90px;padding-top: 9px;padding-left: 9px;}
.yz_con li span{display: inline-block;font-size: 15px;line-height: 28px;color: #707070;}
.yz_con li span b{ display: block;font-size: 20px;line-height: 20px;color: #313131;padding-top: 12px;padding-bottom: 8px; }
.yz_con li:nth-child(2n+1) span{margin-left: 10px;}
.yz_con li:nth-child(2n) span{margin-right: 10px;text-align: right;}
.yz_con li:nth-child(2n) span b{text-align: right;}

.yz_con li.cur em{ display: inline-block; width: 107px;height: 107px;background: url(../images/yz_ddh.png) no-repeat center;overflow: hidden;vertical-align:top; }
.yz_con li.cur em img{ display: block;width: 107px;height: 107px;padding: 0;}
.yz_con li.cur em img:nth-child(1){ display: none;}
.yz_t{ margin-top:20px;}
.yz_t li{ float: left; width: 290px;margin-right: 12px;position: relative;height: 276px;box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.14);margin-bottom: 105px;}
.yz_t li p{background: rgb(235 64 0 / 85%) url(../images/pro_jt.png) no-repeat center 150px;position: absolute;left:0;bottom:0;width:100%;height: 0%;font-size:20px;color: #fff;box-sizing: border-box;padding-top:0px;line-height: 24px;text-align: center;transition: all 0.5s;font-weight: bold;}
.yz_t li i{height: 216px;width:290px; display: block;overflow: hidden;}
.yz_t li img{height: 216px;width:290px; transition:all 0.5s;display: block;}
.yz_t li span{ width: 274px;display: block;height: 50px;background: #fff;margin: 0 auto;border-top: 1px solid #ededed;box-sizing: border-box;line-height: 50px;text-align: center;font-size: 16px;color:#333 }
.yz_t li:hover p{height: 100%;padding-top:100px;}
.yz_t li:hover span{ display: none; }
.yz_con li:hover em{animation-duration:3s;animation-name:flipInY;}

/* 产品领域 */
.yy{padding-top:110px;}
.yy_con{margin-top:50px;}
.yy_con dl{float: left;width: 12.5%;position: relative;height: 36rem;transition: all 0.5s;}
.yy_con dl:after{position: absolute;left: 0;bottom: 0;width: 0;height: 0.3rem;background: #078437;content: "";z-index: 20;transition: all 0.5s;}
.yy_con dl.cur {width: 37.5%;height: 36rem;}
.yy_con dl.cur:after{width: 100%;}
.yy_con dt{ display: block;width: 100%;}
.yy_con dt img{display: block;height: 36rem;width: 100%;object-fit: cover;object-position: center;}
.yy_con dt:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0,0,0,.3);content: "";z-index: 10;background-size: 100% 100%;}
.yy_con dd{position: absolute;left:0;bottom: 0rem;padding: 26rem 2rem 0;width: 100%;height: 100%;box-sizing: border-box;z-index: 20;}
.yy_con dd h4{display: block;position: relative;transition: 0.5s;}
.yy_con dd h4 img{display: block;width: 2.3rem;height: 2.3rem;}
.yy_con dd h4 span{display: none;}
.yy_con dd h4 i{display: block;font-size: 1.2rem;line-height: 1.8rem;  color: #ffffff;font-weight: normal;margin-top: 1rem}
.yy_con dl.cur dd{ padding: 25rem 4rem 0 2rem;}
.yy_con dl.cur dd h4 span{display: block;font-size: 1.2rem;line-height: 1.2rem;  color: #ffffff;margin-top: 1.4rem;font-weight: normal;}
.yy_con dl.cur dd h4 i{ display: none;;}
.yy_con dd p{ display: none;font-size: 0.8rem;line-height: 1.5rem;  color: #ffffff;font-weight: normal;margin-top: 1rem;}
.yy_con dl.cur p{display: block;}


/* 选择理由 */
.ym47tit h3 { font-family: "Microsoft Yahei"; text-align: center; margin: 60px 0; } 
.ym47tit h3 em { display: block; font-size: 36px; line-height: 50px; color: #1A1A1A; font-weight: bold; margin-bottom: 18px; font-style: normal; } 
.ym47tit h3 i { display: block; font-size: 16px; color: #333; line-height: 5px; font-style: normal; font-weight: normal; } 
.ym47fw3 { background:url(/images/e9f9c238f003480ca5d0b829fa59b04d_41.jpg?ver=39) no-repeat center 0; height: 850px; padding-top: 105px; } .ym47fw3_1 ul { background: rgba(27, 28, 30, 0.67); height: 500px; padding: 2% 0; } 
.ym47fw3_1 ul li { float: left; width: 30%; border-radius: 20px; margin-right: 1%; text-align: center; height: 235px; margin-bottom: 24px; color: #1b1c1e; border: 1px solid #c4c4c4; margin-left: 2%; } 
.ym47fw3_1 ul li:nth-child(3n) { margin-right: 0; } 
.ym47fw3_1 ul li b { font-size: 36px; display: block; color: #ffffff; font-style: italic; background: rgba(27, 28, 30, 0.5); width: 70px; height: 70px; margin: 20px auto; border-radius: 50%; line-height: 70px; } 
.ym47fw3_1 ul li p { height: 30px; margin-top: -6px; width: 100%; z-index: 1; position: relative; padding-top: 10px; font-size: 26px; color: #fff; font-weight: bold; } .ym47fw3_1 ul li span { display: block; color: #d2cfcf; font-size: 14px; width: 230px; margin: 20px auto; } 
.ym47fw3_1 ul li:hover { background: #ffecd9; } 
.ym47fw3_1 ul li:hover b { font-size: 80px; padding-top: 55px; display: block; color: #fddec0; font-style: italic; background: none; width: unset; height: unset; margin: unset; border-radius: 50%; line-height: unset; } 
.ym47fw3_1 ul li:hover p, .ym47fw3_1 ul li:hover span { background: #ffecd9; color: #ff7f00; } 
.ym47fw3_2 ul { padding-top: 55px; height: 115px; margin: 8px auto; background: rgba(27, 28, 30, 0.26); } 
.ym47fw3_2 ul li { float: left; width: 19.9%; text-align: center; font-size: 24px; color: #ff7f00; } 
.ym47fw3_2 ul li em { display: block; font-size: 15px; font-style: normal; color: #ffffff; padding-top: 10px; } 
.ym47fw3_2 ul li:nth-child { border-right: none; } 

/* 荣誉证书 */
.index_pding{
	padding:65px 0;
}
.w1500{
	width:1600px; padding:0; margin:0 auto;
}
.index_title{
	position:relative;
}
.index_title .index_t{
	font-size:44px; color:#000; font-weight:bold; text-align:center;

}
.index_title .index_b{
	text-transform: uppercase; 
}
.index_title a.index_a{

}
.index_03{
	padding:90px 0;
}
.index_03_incon{
	width:88.375%; margin-left:auto; margin-right:auto; margin-top:55px;  
}
.index_03_incon_con{
	display:flex; flex-wrap:wrap; padding:0 60px; position:relative;
}
.index_03_incon_con::after{
	background:url(../images/index03_bg.png) no-repeat;  background-size:100% auto; background-position:left 88%; content:" "; position:absolute;  width:100%; height:100%;
	bottom:0px; left:-32px; z-index:1;
}
.index03_list{
	width:calc(20% - (20px * 4) / 5); margin-left:20px; position:relative; z-index:2;
}
.index03_list:nth-child(5n+1){
	margin-left:0px;
}
.index03_list .img{
	width:100%; padding:52% 0; position:relative;
}
.index03_list .img img{
	position:absolute; max-height:108%; max-width:108%; bottom:0px; left:50%; transform:translateX(-50%);
}
.index03_list .text_con .tc_t{
	font-size:18px; color:#000; line-height:1.66; margin-top:15px; text-align:center; 
}
.index_a{
	margin-top:40px;
}
.index_a a{
	width:136px; height:42px; line-height:42px; font-size:14px; margin:0 auto; text-align:center;
	color:#e50012; border:1px solid #e50012; border-radius:4px; display:block;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}
.index_a a:hover{
	color:#fff; background:#e50012;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}
.index_a.index_a_color01 a{
	color:#fff; border:1px solid #fff;
}
.index_a.index_a_color01 a:hover{
	color:#fff; background:#e50012; border:1px solid #e50012;
}
/* 为您解决以下问题 */
  :root {
    --primary-color: #078437;
    --secondary-color: #252468;
    --text-dark: #333;
    --text-gray: #666;
    --spacing-unit: 1rem;
  }

  .services-intro {
    max-width: 1440px;
    margin: 0 auto;
    padding: 2rem 1rem;
  }

  .section-header {
    text-align: center;
    margin-bottom: 3rem;
    position: relative;
  }

  .section-header::after {
    content: "";
    position: absolute;
    width: 122px;
    height: 4px;
    background: var(--primary-color);
    left: 50%;
    transform: translateX(-50%);
    bottom: -1.5rem;
  }

  .section-title {
    font-size: 2.5rem;
    color: var(--text-dark);
    line-height: 1.2;
    margin-bottom: 1rem;
  }

  .section-subtitle {
    font-size: 1.25rem;
    color: var(--text-gray);
    text-transform: uppercase;
  }

  .solution-container {
    background: url(/images/e4b2998a3a704a349cfbf345e416c800_98.jpg) no-repeat center/cover;
    border-radius: 8px;
    padding: 2rem;
    margin-top: 2rem;
  }

  .challenges {
    display: grid;
    gap: 2rem;
  }

  .challenges-title {
    font-size: 1.625rem;
    color: var(--primary-color);
    text-align: center;
  }

  .problem-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 2rem;
    padding: 0;
    list-style: none;
  }

  .problem-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .problem-icon {
    width: 120px;
    height: 120px;
    object-fit: contain;
    margin-bottom: 1rem;
  }

  .problem-title {
    font-size: 1.25rem;
    color: var(--secondary-color);
    margin: 0.5rem 0;
  }

  .number {
    font-size: 1.5rem;
    margin-right: 0.5rem;
  }

  .problem-description {
    font-size: 1rem;
    color: var(--text-gray);
    line-height: 1.5;
  }

  .callout-banner {
    background: #5b5b5b;
    color: white;
    text-align: center;
    padding: 1.5rem;
    border-radius: 4px;
    margin-top: 2rem;
  }

  @media (max-width: 768px) {
    .section-title {
      font-size: 2rem;
    }

    .section-subtitle {
      font-size: 1rem;
    }

    .problem-list {
      grid-template-columns: 1fr;
    }
  }
/* 案例 */
.case{padding: 110px 1.5%;background: #f5f5f5;}
.case_con{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 56px;}
.case_con dl{width: 23.65%;margin-bottom: 1.4rem;}
.case_con dt{ display: block;width: 100%;}
.case_con dt img{ display: block;width: 100%;}
.case_con dd{height: 6rem;padding: 1.5rem 1.2rem 0;box-sizing: border-box;position: relative;background: #fff;}
.case_con dd:after{position: absolute;left: 0rem;bottom: 0px;background:#fcb815;content: "";width: 0px;height: 2px;z-index: 1;transition: all 0.5s;}
.case_con dd h4 a{ display: block;font-size: 1.1rem;color: #333333;line-height:1.2rem; font-weight: normal;}
.case_con dd p{ display: block;font-size: 0.8rem;color: #333333;line-height:0.9rem;margin-top:0.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.case_con dl:hover h4 a{background: url(../images/case_jt.png) no-repeat right ;background-size: 1.2rem 1.2rem;color: #fcb815;}
.case_con dl:hover dd:after{width: 100%;}
.case .more{display: block;width: 10rem;height: 3rem;line-height: 3rem;border-radius: 1.5rem;border: 1px solid #d4d4d4;box-sizing: border-box;font-size: 0.9rem;color: #333333;text-align: center;margin: 1.6rem auto 0;transition: all 0.5s;}
.case .more  img{display: inline-block;width: 1.2rem;height: 1.2rem;margin-right: 0.6rem;vertical-align: -0.25rem;}
.case .more:hover{transform: translateY(-6px);}
/* 新闻中心 */
.newstit{ font:48px "Microsoft YaHei UI"; text-align:center; color:#333333; height:140px;}
.newstit a{ color:#333333;}
.newstit em{ display:block; font-size:18px; padding:12px 0 0;font-weight:normal; color:#666;}
.newstit i{ font:30px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#215295; display:block;}
.newsbj{height:830px; background:url(../images/new_bg.jpg) no-repeat center top; padding-top:70px;}
.news .news-left{width:826px;float:left; margin-top:12px;}
.news .news-left h4{height:47px; border-bottom:1px solid #e0e0e0; position: relative; margin-bottom: 32px;}
.news .news-left h4 a{display: inline-block; height:47px; line-height: 47px;font-size: 18px; color:#333; margin-right:54px; font-weight:normal; position:relative;}
.news .news-left h4 i{ display:block; width:25px; height:24px; overflow:hidden;background:url(../images/new_icon1.png) no-repeat left 0; float:left; margin:10px 5px 0 0;}
.news .news-left h4 a:nth-child(2) i{background:url(../images/new_icon2.png) no-repeat left 0;}
.news .news-left h4 a:hover:before,.news .news-left h4 .cur:before{width:109px; height:2px; background:#078437; content:""; position: absolute; left:0;bottom:-1px;}
.news .news-left h4 a:hover,.news .news-left h4 .cur{ font-weight:bold; color:#078437;}
.news .news-left h4 a:hover i,.news .news-left h4 .cur i{ background-position:0 -24px;}
.news .news-left .news-cen{width:797px; height:374px;background:#fff; margin-bottom: 7px;border-top:1px solid #fff;padding:24px 35px 0 38px; box-sizing: border-box;}
.news .news-left .news-cen ul li{float:left; width:337px;}
.news .news-left .news-cen ul li:last-child{float:right;}
.news .news-left .news-cen ul li dl dd{margin-bottom: 13px;}
.news .news-left .news-cen ul li dl dd h5{height:39px; line-height: 39px; margin-bottom: 7px;}
.news .news-left .news-cen ul li dl dd h5 a{font-size: 16px; color:#333333; font-weight: normal;}
.news .news-left .news-cen ul li dl dd p{line-height: 24px;font-size: 14px; color:#787878;}
.news .news-left .news-cen ul li dl dd p a{font-size: 14px; color:#078437;}
.news .news-left .news-cen ul li dl dt{width:100%; line-height: 0; overflow: hidden;}
.news .news-left .news-cen ul li dl dt img{width: 100%; transition: 1s;}
.news .news-left .news-bot{height:147px;width:797px; background:#fff;padding:21px 34px 0 37px; box-sizing: border-box;}
.news .news-left .news-bot ul li{height:36px;padding-left:34px; background:url(../images/new_arr.png) no-repeat left;}
.news .news-left .news-bot ul li h5{height:36px; line-height: 36px; float:left;font-size: 14px; color:#777777; font-weight: normal;}
.news .news-left .news-bot ul li i{display: block; height:36px; line-height: 36px;font-size: 14px; color:#999999;float:right;}
.news .news-rig{width:374px; float:right; margin-top:12px;}
.news .news-rig h4{height:47px; border-bottom:1px solid #e0e0e0;margin-bottom: 32px; line-height:47px;}
.news .news-rig h4 span{display: block;height:47px;float:left;}
.news .news-rig h4 span a{display: block; padding-left:26px; background: url(../images/new_icon2.png) no-repeat left 12px;font-size: 18px; color:#333333; font-weight: normal; height:37px;}
.news .news-rig h4 em{display: block; height:47px;float:right;}
.news .news-rig h4 em a{font-size: 14px; color:#1e1e1e;font-weight: normal;}
.news .news-rig .rig-con{height:517px;background:#fff;padding:12px 34px 0;}
.news .news-rig .rig-con dl{margin-bottom:8px;}
.news .news-rig .rig-con dl dt{width:100%; line-height: 0; overflow: hidden;}
.news .news-rig .rig-con dl dt img{width:100%;}
.news .news-rig .rig-con dl dd{height:126px; background: #078437;padding:14px 31px 0 18px; box-sizing: border-box;}
.news .news-rig .rig-con dl dd h4{height:38px; line-height: 38px; margin-bottom: 6px; border-bottom:0;}
.news .news-rig .rig-con dl dd h4 a{font-size: 16px;color:#fff; font-weight: normal;}
.news .news-rig .rig-con dl dd p{line-height: 24px;font-size: 14px; color:#fff;}
.news .news-rig .rig-con dl dd p a{font-size: 14px; color:#fff;}
.news .news-rig .rig-con ul li{height:36px; line-height: 36px;padding-left:20px; background:url(../images/new_arr.png) no-repeat left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-rig .rig-con ul li a{font-size: 14px; color:#777777;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news .news-left .news-cen ul li dl dd h5 a:hover,.news .news-left .news-bot ul li:hover h5,.news .news-rig .rig-con dl dd h4 a:hover,.news .news-rig .rig-con ul li a:hover{ font-weight:bold; color:#078437;}
/* 底部样式 */

           .footer{height:454px; background:url(images/foot.jpg) no-repeat center;}
		   .foot{padding-top:26px;}
		   .foot .gsxx{height:104px;border-bottom:2px solid #e6e6e6; padding-top:27px; box-sizing: border-box;margin-bottom: 24px;position:relative;}
		   .foot .gsxx ul li{float:left;margin-left: 130px;}
		   .foot .gsxx ul li i{display: block;width:50px; height:50px; float:left;margin-right: 19px;}
		   .foot .gsxx ul li .db1{background:url(images/db1.png) no-repeat center;}
		   .foot .gsxx ul li .db2{background:url(images/db2.png) no-repeat center;}
		   .foot .gsxx ul li .db3{background:url(images/db3.png) no-repeat center;}
		   .foot .gsxx ul li .db4{background:url(images/db4.png) no-repeat center;}
		   .foot .gsxx ul li span{display: block;float:left;}
		   .foot .gsxx ul li span em{display: block;font-size: 16px; color:#6C6C6C; line-height: 16px; margin-bottom: 12px; font-style: normal;}
		   .foot .gsxx ul li span p{font-size: 20px; line-height: 20px; color:#333333; font-weight: bold;}
		   .foot .gsxx ul li.first{margin-left: 0;}
		   .foot .gsxx ul li.last{width: 450px;position: absolute;right: -80px;}
		   .foot .ftnav{width:318px;height:196px; float:left; margin-right: 143px;}
		   .foot .ftnav b{display: block;padding-left:15px; font-size: 20px; color:#242424; line-height: 20px; background:url(images/hg2.jpg) no-repeat left; font-weight: normal; margin-bottom: 31px;}
		   .foot .ftnav ul li{float:left; width:109px; margin-bottom: 25px; margin-right: 50px;}
		   .foot .ftnav ul li a{padding-left:15px; background:url(images/jt2.png) no-repeat left; font-size: 14px; color:#6c6c6c;}
		   .foot .jtwz{width:360px;height:196px; float:left;}
		   .foot .jtwz b{display: block;padding-left:15px; font-size: 20px; color:#242424; line-height: 20px; background:url(images/hg2.jpg) no-repeat left; font-weight: normal; margin-bottom:6px;}
		   .foot .jtwz ul li{float:left; width:114px; height:14px; line-height: 14px; margin-right: 51px; margin-top: 25px;}
		   .foot .jtwz ul li a{font-size: 14px; color:#6c6c6c;}
		   .foot .jtwz .tit1{width:320px; height:140px; margin-left: -60px;margin-top: 5px;}
		   .foot .jtwz .tit1 img{width:320px; height:140px;}
		   .foot .ewm{width:308px;float:right;height:196px;}
		   .foot .ewm b{display: block;padding-left:15px; font-size: 20px; color:#242424; line-height: 20px; background:url(images/hg2.jpg) no-repeat left; font-weight: normal; margin-bottom: 29px;}
		   .foot .ewm span{display: block; float:left;width:110px; height:142px;}
		   .foot .ewm span em{display: block;width:108px; height:108px; border:1px solid #e3e3e3;}
		   .foot .ewm span em img{width:108px; height:108px;}
		   .foot .ewm span i{display: block;height:20px; line-height: 20px; text-align: center; font-size: 14px; color:#6c6c6c;font-style:normal;}
		   .foot .ewm .first{margin-right: 80px;}
		   .foot .link{height:74px; text-align: center;padding-top:16px; box-sizing: border-box;}
		   .foot .link p{margin-bottom: 8px;font-size: 14px;line-height: 14px;}
		   .foot .link p em{font-size: 14px; color:#c7c6c6;margin-right: 10px;font-style:normal;}
		   .foot .link p em a{font-size: 14px; color:#c7c6c6;font-style:normal;}
		   .foot .link b{display:block;height:14px; line-height:14px;}
		   .foot .link b i{font-size: 14px; line-height: 14px; color:#6c6c6c; font-weight: normal;font-style:normal;}
	

/**/
.guide{height:30rem;padding-top:3.55rem; box-sizing: border-box;}
.guide .gui-left{width:18.1rem;float:left;}
.guide .gui-left h2{ margin-bottom: 1.9rem;}
.guide .gui-left h2 span{display: block; line-height: 4.95rem;font-size: 2.1rem;color:#1a1a1a;font-weight: normal;}
.guide .gui-left h2 i{display: block;width:3rem;height:0.05rem;background:#1f4a8b;}
.guide .gui-left p{line-height: 1.8rem; margin-bottom: 2.5rem;font-size: 0.8rem;color:#4c4c4c;}
.guide .gui-left .gui-code{width:11.6rem;position: relative;}
.guide .gui-left .gui-code:before{width:100%;height:11.35rem;background:#078437;content:""; position: absolute;left:0;bottom:0;border-radius: 0px 1.5rem 1.5rem 1.5rem;display: none;}
.guide .gui-left .gui-code strong{display: block;width:11.6rem;height:3rem;border:0.05rem solid rgba(21,80,170,.2); box-sizing: border-box;border-radius: 0px 1.5rem 1.5rem 1.5rem; text-align: center;cursor: pointer;z-index:200; }
.guide .gui-left .gui-code strong i{display: inline-block; height:2.9rem; line-height: 2.9rem; padding-left:1.8rem;background:url(../images/abovid-dy.png) no-repeat left;background-size:1.3rem 1.5rem;font-size: 0.8rem; color:#078437;font-weight: normal;}
.guide .gui-left .gui-code p{width:7.15rem; line-height: 0; overflow: hidden;display: none;z-index:200; position: absolute; left:50%;top:-7.15rem; transform: translate(-50%,0);}
.guide .gui-left .gui-code p img{width:100%;}
.guide .gui-left .gui-code:hover:before{display: block;}
.guide .gui-left .gui-code:hover strong i{background:url(../images/abovid-dy_h.png) no-repeat left;background-size:1.3rem 1.5rem;color:#FFF;}
.guide .gui-left .gui-code:hover p{display: block;}
.guide .gui-rig{width:46.75rem;float:right; margin-top: 1.45rem;}
.guide .gui-rig .gui-vid ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.guide .gui-rig .gui-vid ul li{width:11.3rem; margin-bottom: 1rem;position: relative;}
.guide .gui-rig .gui-vid ul li span{display: block;width:100%; line-height: 0; overflow: hidden;position: relative;}
.guide .gui-rig .gui-vid ul li span:before{width:100%; height:3.55rem;background:url(../images/abovid-yy.png) no-repeat center;content:""; position: absolute;left:0;bottom:0;z-index:100;}
.guide .gui-rig .gui-vid ul li span img{width:100%; transition: 1s;filter: grayscale(100%);}
.guide .gui-rig .gui-vid ul li video{width:100%;position:absolute;left:0;top:0;z-index:0;opacity:1;}
.guide .gui-rig .gui-vid ul li span em{display: block; line-height: 1.15rem;font-size: 0.8rem;color:#ffffff; position: absolute;left:0.6rem; bottom:0.6rem;padding-left:1.55rem;background:url(../images/gui-btn.png) no-repeat left;background-size:1.15rem 1.15rem; cursor: pointer;z-index:1;}
.guide .gui-rig .gui-vid ul li:hover span img{filter: grayscale(0);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.guide .gui-rig .gui-vid ul li:hover video{opacity:1;}
.guide .gui-rig .gui-shu{margin-top: 1.1rem;width:38.8rem;margin-left: 0.5rem;}
.guide .gui-rig .gui-shu ul{display: flex;display: -webkit-flex;justify-content: space-between;-webkit-justify-content: space-between;flex-wrap: wrap;}
.guide .gui-rig .gui-shu ul li{position:relative;}
.guide .gui-rig .gui-shu ul li span{display: block;height:2.95rem;}
.guide .gui-rig .gui-shu ul li span em{display: inline-block;line-height: 2.95rem;font-size: 2.5rem;color:#333333;font-family: 'OPPOSANS-B';}
.guide .gui-rig .gui-shu ul li span i{display: inline-block; font-size: 1.6rem;color:#333333;font-family: 'OPPOSANS-B'; vertical-align: top;margin-left: 0.65rem;}
.guide .gui-rig .gui-shu ul li:first-child span i{font-size: 0.9rem;margin-left: 0.5rem;}
.guide .gui-rig .gui-shu ul li p{line-height: 1.6rem;font-size: 0.8rem;color:#666666;}
 html {
            font-size: 10px;
            -webkit-text-size-adjust: none;
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }
        
        @media screen and (min-width: 800px) {
            html {
                font-size: 12.6px;
            }
        }
        
        @media screen and (min-width: 900px) {
            html {
                font-size: 12.6px;
            }
        }
        
        @media screen and (min-width: 1000px) {
            html {
                font-size: 12.6px;
            }
        }
        
        @media screen and (min-width: 1100px) {
            html {
                font-size: 12.6px;
            }
        }
        
        @media screen and (min-width: 1200px) {
            html {
                font-size: 12.6px;
            }
        }
        
        @media screen and (min-width: 1280px) {
            html {
                font-size: 13.4px;
            }
        }
        
        @media screen and (min-width: 1366px) {
            html {
                font-size: 14.2px;
            }
        }
        
        @media screen and (min-width: 1440px) {
            html {
                font-size: 15px;
            }
        }
        
        @media screen and (min-width: 1600px) {
            html {
                font-size: 16.6px;
            }
        }
        
        @media screen and (min-width: 1920px) {
            html {
                font-size: 20px;
            }
        }
		/*公司实力*/ 
		.content { width: 1200px; margin: 0 auto; } 
		/*标题*/ 
		.tit1 { font-size: 34px; margin: 40px 0; color: #078437; } 
		.tit1 span { display: block; font-size: 18px; margin-top: 14px; letter-spacing: 1px; position: relative; padding-left: 12px; font-weight: normal; color: #000; } .tit1 span:before { content: ""; position: absolute; width: 5px; height: 20px; background: #078437; left: 0; bottom: 5px; } 
		.tit1 em { display: block; float: right; margin-top: -58px; font-style: normal; font-weight: normal; color: #424242; font-size: 30px; } 
		.ym82gsys dl dt { float: left; width: 500px; height: 550px; background: #ddd; } 
		.ym82gsys dl dd { width: 627px; float: right; } 
		.ym82gsys dl dd h3 { font-size: 24px; position: relative; margin-bottom: 55px; margin-top: 40px; color: #333; } 
		.ym82gsys dl dd h3 em { display: block; font-size: 40px; color: #078437; font-style: normal; margin: 15px 0 30px; } 
		.ym82gsys dl dd h3 span { display: block; font-size: 12px; text-transform: uppercase; color: #c3c3c3; font-weight: normal; } 
		.ym82gsys dl dd h3:after { content: ""; position: absolute; width: 100px; height: 1px; background: #078437; left: 0; bottom: -15px; } 
		.ym82gsys dl dd p { text-align: justify; } 
		.ym82gsys dl dd ul { margin-top: 50px; } 
		.ym82gsys dl dd ul li { width: 120px; float: left; margin-right: 43px; box-shadow: 1px 1px 20px 5px #ddd; padding: 30px; text-align: center; } 
		.ym82gsys dl dd ul li b { font-size: 17px; color: #078437; } 
		.ym82gsys dl dd ul li:last-child { margin-right: 0; } 
		.ym82gsys dl.er dt { width: 701px; float: right; height: 400px; } 
		.ym82gsys dl.er dd { width: 464px; float: left; margin-top: 15px; } 
		.ym82gsys dl.er dd h3 { margin-bottom: 35px; } 
		.ym82gsys dl.er dd h3 em { margin: 15px 0; } 
		.ym82gsys dl.er dd h3 span { line-height: 20px; margin-bottom: 14px; }