html{font-size:62.5%}
a{color:#333}
a:hover{color:#0462ae}
body{color:#333;font:17px/1.7 "Noto Sans SC", "Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;background:#fff}
.hidden{display:none}
.banner{position:relative;overflow:hidden;width:100%;margin-top:100px}
.slideBox .hd{height:15px;z-index:1;overflow:hidden;position:absolute;left:50%;bottom:60px;transform:translateX(-50%);z-index:1}
.slideBox .hd ul{text-align:center;padding-top:5px}
.slideBox .hd ul li{cursor:pointer;float:left;margin-right:20px;width:60px;height:15px;line-height:14px;text-align:center;background:#dcdcdc}
.slideBox .hd ul .on{background:#0462ae;color:#fff}
.slideBox .bd{position:relative;z-index:0}.slideBox .bd li img{width:100%;vertical-align:top}

@media screen and (max-width:1600px) and (min-width:1200px){
	.nav ul li .f_a{font-size:14px}
	.nav ul li .s_navbox .s_a a{font-size:12px}
	.foot_top ul{margin-left:60px}
	.nav ul li .s_navbox .s_a{width:100%}
}

@media(max-width:768px){
	.banner{margin-top:48px}
}
@media(max-width:769px){
	.slideBox .hd ul li{width:20px;height:10px}
}
.box{padding:0 50px}
.content{margin:0 auto;max-width:1839px}
.title{padding:50px 0 10px}
.title h2{font-size:48px;font-weight:700}
.titlejs{margin:0.5rem 0;color: #888888;padding: 20 1.5rem;}
.title small{color:#ddd}
.fl_more{padding-top:5px}
.fl_more a{padding-left:10px}
.main_products{margin-top:10px}
.stxsbox{overflow:hidden;margin:0 20px}
.stxsbox .pic{width:100%;height:350px;overflow:hidden;border:1px solid #ccc}
.stxsbox .pic img{width:100%;height:100%;object-fit:cover}


.stxsbox .pic {display: block;}
.stxsbox .pic img {transition: all 0.3s ease;  /* 添加过渡效果 */}
.stxsbox .pic:hover img {transform: scale(1.1);/* 扩大图片 */}



.stxsbox:hover{background:#fff;transition:all .5s ease-in-out 0s}
.stxsbox:hover .pic img{transform:scale(1.1)}
.text{margin-top:18px;padding:5px 15px}
.text h2{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
.text p{font-size:14px;color:#999;padding-top:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:1025px){.stxsbox .pic{height:220px}}

@media(max-width:769px){.title{padding:30px 0}.stxsbox .pic{height:240px}.stxsbox{margin:0 5px}}

@media(max-width:414px){
	.box{padding:0 20px 20px 20px}
	.title{padding:20px 0;text-align: center;}
	.title h2{font-size:21px;font-weight:normal;margin-top: 50px;}
	.stxsbox .pic{width:100%;height:200px;overflow:hidden}
	.title h2 small{display:none}.fl_more{padding-top:0}.text h2{font-size:16px}.fl_more a{font-size:12px;padding-left:5px}}

@media(max-width:320px){.stxsbox .pic{width:100%;height:150px;overflow:hidden}}.cp_bg{padding-top:280px;background:url("../images/company_bg.jpg") center top no-repeat}.box_c{width:80%;height:300px;margin:0 auto;background:#fff}.company_title{padding:35px 0}
.company_title h2{font-weight:normal;font-size:48px;margin:0 auto;text-align:center;padding-bottom:18px;font-weight: 500;	background:url("../images/line.png") center bottom no-repeat}

.company_text{padding:0 60px;font-size: 1.1em;}
.company_pic:hover{opacity:.8}

.company_pic {display: block;}
.company_pic img {transition: all 0.3s ease;  /* 添加过渡效果 */}
.company_pic:hover img {transform: scale(1.02);/* 扩大图片 */}



.more{width:12%;line-height:40px;text-align:center;margin:30px auto;font-size:14px}.more a{display:block;color:#999;border:1px solid #ccc}
.more a:hover{color:#fff;border:1px solid #0462ae}

@media(max-width:1024px){.cp_bg{margin-top:50px;padding-top:180px}.box_c{;margin:-50px auto 0 auto}}@media(max-width:769px){.more{width:20%}.box_c{margin:-50px auto 0 auto}}

@media(max-width:414px){
	.cp_bg{margin-top:0}
	.box_c{width:320px;margin:-50px auto 0 auto}
	.company_title h2{font-size:21px}.company_text{padding:0 20px;font-size:14px}
	.more{width:50%}}@media(max-width:320px){.box_c{width:280px}
}

.hvr-bounce-to-right{vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.5s;transition-duration:.5s}.hvr-bounce-to-right:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#0462ae;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-bounce-to-right:hover,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:active{color:white}

.hvr-bounce-to-right:hover:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:active:before{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66);transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66)}
.company_pic{padding-bottom:20px}
.hot_news{background:#f2f2f2;overflow:hidden;margin-bottom: 50px;}
.hot_news .pic{width:100%;height:300px;overflow:hidden}
.hot_news .pic img{width:100%;height:100%;transition:transform 1.5s;object-fit:cover}.hot_news:hover{background:#fff;transition:all .5s ease-in-out 0s}.hot_news:hover .pic img{transform:scale(1.1)}
.hot_pic dl{margin-top:10px;padding:5px 15px;min-height:115px;max-height: 115px;}
.hot_pic dl dt{font-size:18px;font-weight:normal;padding:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hot_pic dl dd{font-size:16px;color:#999;padding:2px 0 10px 0;/*overflow:hidden;text-overflow:inherit;white-space:nowrap*/}
span.hot_jb{position:absolute;width:128px;height:38px;line-height:38px;color:#fff;text-align:center;background:#0462ae;z-index:1000;top:0}
.news{padding-left:45px}
.news li{margin-bottom:40px}
.news li:hover{transition:all .5s ease-in-out 0s}
.newslist dl dt{font-size:18px;font-weight:normal;line-height:18px;padding:12px 0 20px 0;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.newslist dl dd{color:#999;line-height:21px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.newslist a{display:block;color:#666}
.newslist a:hover dt{color:#0462ae}
.other_news:hover{background:#f2f2f2}
.other_news:hover .date{color:#fff;background:#0462ae;transition:all .3s ease-in-out 0s}
.other_news:hover .yue{border-top:1px solid #fff}.date{display:block;width:90%;height:115px;color:#666;background:#f2f2f2}
.date:hover{color:#fff;background:#0462ae}.ri{font-size:46px;text-align:center;position:relative;top:-5px;z-index:999}
.yue{font-size:21px;text-align:center;padding-top:5px;border-top:1px solid #666;position:relative;top:-10px;z-index:999}

/*解决方案*/
/*bootstrap3*/

	
@media (min-width:768px) {
    .container {
        width: 750px
    }
}

@media (min-width:992px) {
    .container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1170px
            }

 .container10 {       
        padding: 0;
        margin: 0 auto;
        max-width: 1440px;
    }
}
	
/*mintop*/	
.container10.flex::before,
.container10.flex::after {
    display: none;
}

@media (min-width: 1600px) {
    .container10 {       
        padding: 0;
		margin: 0 auto;
		max-width: 1839px;
    }
}
		

.box2 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.box2main {
    margin-top: 2px;
}

.solutionul {}

.solutionli {
    position: relative;
	float:left;
    width: 49.6%;
    margin-top: 10px;
	padding: 10px 13px;
}

.solutionimg {
    overflow: hidden;
}

.solutionimg img {
    width: 100%;
    transition: all 0.3s;
}

.solutiontext {
    position: absolute;	
    bottom: 46px;
    width: 100%;
    padding: 0 7%;
}

.solutiontext h3 {
    line-height: 60px;
    font-size: 35px;
	font-weight: 500;
    color: #fff;
}

.solutiontext img {
    opacity: 0;
    transition: all 0.3s;
}

.solutionli:hover .solutionimg img {
    transform: scale(1.03);
}

.solutionli:hover .solutiontext img {
    opacity: 1;
}

 .solutiontext h3:hover {
        font-size: 40px;
    }


@media (max-width:1600px) {}

@media (max-width:1200px) {}

@media (max-width:990px) {}

@media (max-width:768px) {
    .box2 {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .solutiontext img {
        display: none;
    }

    .solutiontext h3 {
        font-size: 20px;
    }

    .solutiontext {
        bottom: calc(25% - 30px);
        padding: 0 5%;
    }

    .solutionli {
        width: 100%;
    }

    .solutionli:nth-child(n+2) {
        margin-top: 20px;
    }


}


/*可持续发展*/
.content100{margin:0 auto;max-width:100%}

.home-g {
  padding: 0 0rem;
}

.home-g .bgf {
  padding: 0.5rem;
}

.home-g .tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.home-g .content100 {
  overflow: hidden;
  padding-bottom: 1rem;
  position: relative;
  height: 17.5rem;
  overflow: hidden;
}

.home-g .content100 .txt {
  text-align: center;
  color: #fff;
}

.home-g .content100 .txt .t1 {
  margin: .625rem 0 1.25rem;
}

.teasers-con {
  position: absolute;
  left: -3%;
  top: -3%;
  width: 106%;
  height: 106%;
}

.wr {
  width: 100%;
  position: relative;
}

.tran-middle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.bg {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.banner-container .txt .more1 {
  margin-top: 1.45rem;
}
.more1 {
  display: inline-block;
  padding: 0 .65rem 0 .5rem;
  background-color: #0462ae;
  height: 1.175rem;
  line-height: 1.175rem;
  color: #fff;
  font-size: 0;
  transition: all 0.5s;
}

.more1 .font16 {
  line-height: 1.175rem;
  display: inline-block;
}

.more1 .icon1 {
  display: inline-block;
  margin-left: .3rem;
height: 1.175rem;
  line-height: 1.175rem;
}
.icon1 {
padding-bottom: 100px;

}

.imgspc {
  height: 100%;
  position: relative;
  object-fit: cover;
  position: relative;
}
.aboutadd .main .totop .font16 {
  color: #fff;
}

.font16 {
  line-height: 1.8;
  font-size: 16px;
}
.font16:hover {color:#08cd0d;}
.font48 {
  line-height: 1.8;
  font-size: 48px;
}
@media (max-width: 1681px) {
  .font16 {font-size: 15px;}
  }
@media (max-width: 1481px) {
	.font16 {
    font-size: 14px;
  }}
@media (max-width: 768px) {
	.font48 {
  line-height: 1.8em;
  font-size: 16px;
}
.t1{display: none;}
  .font16 {
    font-size: 12px;
  }
}
@media (max-width: 414px) {
	.font48 {
  line-height: 1.8em;
  font-size: 14px;
}
  .font16 {
	  font-size:10em;
	}
	.t1{display: none;}
}

/*可持续发展*/
@media(max-width:1200px){.other_news:hover{background:0}}

@media(max-width:1024px){.news{padding-left:15px}}@media(max-width:769px){.newslist dl dt{font-size:16px}}

@media(max-width:414px){.hot_news .pic{height:150px}.newslist dl dt{font-size:16px}.text2 h2{font-size:16px}.news li{font-size:14px}}

.partner{padding:50px 0 15px 0;margin-top:30px;/*background:url("../images/partner.jpg") repeat-y; */background-color:#f3f3f3;}
.partner_title h2{font-weight:normal;font-size:30px;text-align:center;margin:0 auto;padding-bottom:15px;background:url("../images/line.png") center bottom no-repeat;border-bottom:1px solid #ccc}
.partner_list{overflow:hidden;padding:60px 0 30px 0}.partner_list ul{max-width:1600px;margin:0 auto}
.partner_list li{float:left;display:inline;max-width:164px;height:86px;margin:0 11px 20px 8px;background:#fff}
.hzpic{height:88px;margin-bottom:30px;border:1px solid #ccc;background:#fff}.hzpic img{width:100%;height:86px;object-fit:contain}
.hzpic img:hover{opacity:.8}.hzpic:hover{border:1px solid #0462ae}

@media(max-width:768px){.partner{padding:50px 0 20px 0}.hzpic{height:50px;margin-bottom:20px;border:1px solid #ccc}.hzpic img{width:100%;height:48px;object-fit:contain}}

@media(max-width:414px){.hzpic{height:60px;margin-bottom:20px;border:1px solid #ccc}.hzpic img{width:100%;height:58px;object-fit:contain}
.partner_title h2{font-size:21px}}
.friendlink{font-size:14px;color:#666}
.friendlink p{line-height:20px;padding:10px 0;text-align: center;}
.friendlink p a{color:#666}
.friendlink p a:hover{color:#af1c2c}
@media only screen and (max-width:769px){.friendlink{margin-bottom:50px}}
/*首页底部logo滚动*/
ul li, a, a:hover {
    list-style: none;
    text-decoration: none;
    }
    
.customer_trust {
  overflow: hidden;
  position: relative;
}
.customer_trust .row {
  width: 100%;
  margin-bottom: 15px;
}
.customer_trust .div_1 {
  transform: translateX(-100px);
}
.customer_trust .div_2 {
  transform: translateX(-20px);
}
.customer_trust .div_3 {
  transform: translateX(-60px);
}
.customer_trust .div_4 {
  transform: translateX(-120px);
}
.customer_trust .inner_divs {
  width: 180px;
  height: 100px;
  text-align: center;
  line-height: 100px;
  margin-right: 10px;
  float: left;
}
.customer_trust .inner_divs img {
  width: 170px;
}
.submain .wrapper {
 padding: 45px
 25px
;
}

.wrapper {
 max-width: 1200px
;
 margin: 0 auto;
 width: 100%;
 position: relative;
}