/*鍏ㄥ眬鏍峰紡*/

*:focus{outline:none;}
html{overflow-x:hidden;}
body,a{color:#333;}

.wrapper{width:1200px;}
.wrap-white{background:#fff;}
.wrap-white.p1{padding:80px 0 50px 0;}
.wrap-white.p2{padding:90px 0 60px 0;}
.wrap-white.p3{padding:80px 0;}
.wrap-white.p4{padding:50px 0 80px 0;}
.wrap-gray{background:#f8f8f8;}
.wrap-gray.p1{padding-top:20px;}

/*澶撮儴鏍峰紡*/
.new_index_header{ display:none}
#header{height:80px; background:#fff;}
#logo{left:0; top:28px;}
#logo img{width:186px; height:28px;}
#nav{right:82px; top:0;}
#nav > ul{display:flex;}
#nav > ul > li{position:relative; height:80px; margin-left:29px; text-align:center;}
#nav > ul > li:first-child{margin-left:0;}
#nav > ul > li:after{content:''; position:absolute; left:50%; right:50%; bottom:0; display:block; height:3px; background:#1976d2; transition:all 0.15s linear;}
#nav > ul > li > a{display:block; height:80px; line-height:80px; font-size:16px; font-weight:bold; overflow:hidden;}
#nav > ul > li:hover:after{left:-20px; right:-20px; transition:all 0.15s linear;}
#nav > ul > li:hover > a{color:#1976d2;}
#nav > ul > li.current:after{left:-20px; right:-20px;}
#nav > ul > li.current > a{color:#1976d2;}
#nav > ul > li ul{position:absolute; left:50%; top:80px; z-index:99; transform:translateX(-50%); display:none; width:192px; background:#fff; border-top:2px solid #333; box-shadow:0 0 10px rgba(0,0,0,.08);}
#nav > ul > li:hover ul{display:block;}
#nav > ul > li ul li{position:relative; height:40px; line-height:40px; font-size:12px; overflow:hidden; transition:all 0.15s linear;}
#nav > ul > li ul li:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:1px; background:#e3e3e3;}
#nav > ul > li ul li:last-child:after{display:none;}
#nav > ul > li ul li a{display:block; transition:all 0.15s linear;}
#nav > ul > li ul li:hover{background:#f6f6f6; transition:all 0.15s linear;}
#nav > ul > li ul li:hover a{padding-left:10px; transition:all 0.15s linear;}
#language{right:0; top:32px; display:flex;}
#language a{height:16px; line-height:16px; font-size:14px; font-weight:bold; overflow:hidden;}
#language a:last-child{margin-left:12px; font-family:'Arial'; text-transform:uppercase; color:#808080;}

/*棣栭〉鏍峰紡*/
.xin_di{ display:none}

#banner{width:100%; height:824px; overflow:hidden;}
#banner .swiper-wrapper{height:824px;}
#banner .swiper-slide{width:100%; height:824px;}
#banner .swiper-slide img{width:100%; height:824px;}
#banner .swiper-pagination{bottom:16px; display:flex; justify-content:center; align-items:center;}
#banner .swiper-pagination-bullet{position:relative; width:16px; height:16px; margin:0 0 0 10px; background:none; border-radius:50%; cursor:pointer; opacity:1;}
#banner .swiper-pagination-bullet:first-child{margin-left:0;}
#banner .swiper-pagination-bullet:after{content:''; position:absolute; left:4px; right:4px; top:4px; bottom:4px; display:block; background:#fff; border-radius:50%;}
#banner .swiper-pagination-bullet-active{background:rgba(0,0,0,0.21);}
#banner .swiper-button-prev,#banner .swiper-button-next{top:50%; transform:translateY(-50%); width:80px; height:80px; margin:0; background-color:rgba(0,0,0,.2); background-repeat:no-repeat; background-position:center; background-size:16px 28px; cursor:pointer; opacity:1;}
#banner .swiper-button-prev:after,#banner .swiper-button-next:after{display:none;}
#banner .swiper-button-prev{left:0; background-image:url(img/prev.png);}
#banner .swiper-button-next{right:0; background-image:url(img/next.png);}
#banner .swiper-button-prev:hover,#banner .swiper-button-next:hover{background-color:rgba(0,0,0,.4);}

.title h2{height:34px; line-height:34px; font-size:32px; overflow:hidden;}
.title h2 em{color:#1976d2;}
.titleEsg h2{height:34px; line-height:34px; font-size:32px; overflow:hidden;border-bottom: 1px solid #08B612;display: inline-table;padding: 0px 30px 18px;}
.title h2 em{color:#1976d2;}
.title h3{height:16px; line-height:16px; margin-top:12px; font-family:'Arial'; font-size:14px; color:#666; overflow:hidden;}
.titleEsg h3{height:16px; line-height:16px; margin-top:35px; font-family:'Arial'; font-size:14px; color:#666; overflow:hidden;}
.title h4{height:16px; line-height:16px; margin-top:6px; font-size:14px; overflow:hidden;}

#about{display:flex;}
#about .left{width:546px; height:364px; overflow:hidden;}
#about .left img{width:546px; max-width:none; height:364px;}
#about .right{flex:1; margin-left:54px; padding-top:12px;}
#about .right h2{height:30px; line-height:30px; font-size:28px; overflow:hidden;}
#about .right h3{height:16px; line-height:16px; margin-top:10px; font-family:'Arial'; font-size:14px; text-transform:uppercase; color:#666; overflow:hidden;}
#about .right p{height:140px; line-height:28px; margin-top:26px; font-size:14px; text-indent:28px; -webkit-line-clamp:5;}
#about .right h4{position:relative; width:140px; height:40px; line-height:38px; margin:50px 0 0 34px; background:#fff; border:1px solid #1e88e5; font-size:12px; text-align:center; overflow:hidden;}
#about .right h4:after{content:''; position:absolute; left:0; right:100%; top:0; bottom:0; display:block; background:#1976d2; transition:all 0.25s linear;}
#about .right h4 a{position:relative; z-index:1; display:block; color:#1e88e5; transition:all 0.2s linear;}
#about .right h4:hover{border-color:#1976d2;}
#about .right h4:hover:after{right:0; transition:all 0.25s linear;}
#about .right h4:hover a{color:#fff; transition:all 0.2s linear;}

#industry{margin:90px 0;}
#industry .item{margin-top:50px;}
#industry .item:first-child{margin-top:0;}
#industry .left{flex:1; margin-right:54px;}
#industry .left h2{height:28px; line-height:28px; font-size:26px; font-weight:bold; overflow:hidden;}
#industry .left h3{height:14px; line-height:14px; margin-top:10px; font-family:'Arial'; font-size:12px; color:#7d7d7d; overflow:hidden;}
#industry .left p{height:84px; line-height:28px; margin-top:48px; font-size:14px; text-indent:28px; -webkit-line-clamp:3;}
#industry .left h4{position:relative; width:112px; height:36px; line-height:36px; margin-top:24px; background:#1e88e5; font-size:12px; text-align:center; overflow:hidden;}
#industry .left h4:after{content:''; position:absolute; left:50%; right:50%; top:50%; bottom:50%; display:block; background:#1976d2; opacity:0; transition:all 0.15s linear;}
#industry .left h4 a{position:relative; z-index:1; display:block; color:#fff;}
#industry .left h4:hover:after{left:0; right:0; top:0; bottom:0; opacity:1; transition:all 0.15s linear;}
#industry .right{width:574px; height:250px; overflow:hidden;}
#industry .right{width:574px; height:250px;}
#industry .number{margin-top:50px;}
#industry .number ul{display:flex; justify-content:space-between;}
#industry .number ul li img{display:block; width:50px; height:50px; margin:0 auto;}
#industry .number ul li h3{display:flex; justify-content:center; align-items:flex-end; margin-top:20px;}
#industry .number ul li h3 em{height:42px; line-height:42px; font-family:'Arial'; font-size:40px; color:#1e88e5; overflow:hidden;}
#industry .number ul li h3 span{height:16px; line-height:16px; margin:0 0 6px 6px; font-size:14px; color:#1e88e5; overflow:hidden;}
#industry .number ul li h4{height:16px; line-height:16px; margin-top:12px; font-size:14px; text-align:center; overflow:hidden;}

#news{display:flex; margin-top:50px;}
#news .left{width:600px; height:260px; overflow:hidden;}
#news .left img{width:600px; height:260px;}
#news .right{flex:1; margin-left:40px;}
#news .right ul li{position:relative; display:flex; align-items:center; height:50px; padding:0 10px; overflow:hidden;}
#news .right ul li:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:1px; background:#d8d8d8;}
#news .right ul li a{flex:1; height:18px; line-height:18px; font-size:14px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news .right ul li.top a{position:relative; padding-left:26px;}
#news .right ul li.top a:before{content:'椤?; position:absolute; left:0; top:0; display:block; width:18px; height:18px; line-height:16px; border:1px solid #e50b1c; border-radius:2px; box-sizing:border-box; font-size:12px; font-weight:bold; text-align:center; color:#e50b1c; overflow:hidden;}
#news .right ul li span{height:14px; line-height:14px; margin-left:14px; font-size:12px; color:#666; overflow:hidden;}
#news .right ul li a:hover{color:#1976d2;}
#news .right h4{position:relative; width:180px; height:50px; line-height:50px; margin:0 auto; border-radius:5px; font-size:14px; text-align:center; overflow:hidden;}
#news .right h4:after{content:''; position:absolute; left:0; right:0; top:50%; bottom:50%; display:block; background:#1976d2; opacity:0; transition:all 0.25s linear;}
#news .right h4 a{position:relative; z-index:1; display:block; color:#7f7f7f; transition:all 0.2s linear;}
#news .right h4:hover:after{top:0; bottom:0; opacity:1; transition:all 0.25s linear;}
#news .right h4:hover a{color:#fff; transition:all 0.2s linear;}

/*鍐呴〉鏍峰紡*/

#lm-banner{height:320px; background-repeat:no-repeat; background-position:center; background-size:cover;}
#lm-banner.about{background-image:url(img/lm-about.jpg);}
#lm-banner.news{background-image:url(img/lm-news.jpg);}
#lm-banner.business{height:640px; background-image:url(img/lm-business1.jpg);}
#lm-banner.business2{height:640px; background-image:url(img/lm-business2.jpg);}
#lm-banner.building{background-image:url(img/lm-building.jpg);}
#lm-banner.welfare{background-image:url(img/lm-welfare.jpg);}
#lm-banner.team{background-image:url(img/lm-team.jpg);}
#lm-banner.link{background-image:url(img/lm-link.jpg);}
#lm-banner.download{background-image:url(img/lm-download.jpg);}
#lm-banner.esg{height:553px;background-image:url(img/img_01.png);}
#lm-banner.policy{background-image:url(img/img_11.png);}
#lm-banner.strategy1{background-image:url(img/img_19.png);}
#lm-banner.strategy2{background-image:url(img/img_24.png);}
#lm-banner.strategy3{background-image:url(img/img_25.png);}
#lm-banner.strategy4{background-image:url(img/img_26.png);}
#lm-banner.strategy5{background-image:url(img/img_27.png);}
#lm-banner.sustainability{background-image:url(img/img_22.png);}
#lm-banner.esg h4{width: 1200px;margin: 0 auto;font-weight: bold;font-size:72px;padding-top:55px;color:#fff;}
#lm-banner.esg p{width: 1200px;margin: 0 auto;font-size:36px;color:#fff;}
#lm-banner.policy h4,#lm-banner.strategy h4,#lm-banner.sustainability h4{width: 1200px;margin: 0 auto;font-weight: bold;font-size:48px;padding-top:45px;color:#fff;}
#lm-banner.policy p,#lm-banner.strategy p,#lm-banner.sustainability p{width: 1200px;margin: 0 auto;font-size:20px;color:#fff;}

#pageinfo {
	height: 60px;
	text-align: center;
    margin-bottom: 10px;
    margin-top: 26px;
}
.digg {
	padding-top: 30px;
}
.digg li{
    cursor: pointer;
    width: 43px;
    height: 43px;
    line-height: 42px;
	display:inline-block;

    margin:0 4px;
    /*padding:0 16px;*/
    background:#fff;
    border:1px solid #d6d6d6;
    border-radius:2px;
    font-size:14px;
    color:#767676;


}
.digg .page-item a{
	border: none;
    padding: 0px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    width: 40px;
    overflow: inherit;
}
.digg .page-item a:hover {
	/*background-color: #015196;*/
	color: #044f9a;
}
.digg .page-item a:active {
	background-color: #3772bc;
	color:#fff;
}
.digg li.active  {

    display: inline-block;
    /* margin: 2px; */
    width: 43px;
    height: 43px;
    line-height: 42px;
    background-color: #3772bc;
    color: #fff;
    text-decoration: none;
}
/* 璇︽儏椤甸檮浠 */
.file p{color:#101010;font-size: 14px;line-height:40px;margin-top: 30px;}
.file ul li{line-height:30px;}
.file ul li a{color: #1976D2;font-size: 14px;cursor: pointer;padding-left:5px;}
/* ESG */
#esg {margin-top:70px;}
#esg .esgModule1{width: 100%;height: 884px;background:url(img/img_02.png) no-repeat center;padding-top: 80px;background-size: cover;}
#esg .esgModule1 .list{width: 1200px;margin: 20px auto 0;}
#esg .esgModule1 .list ul{display:flex;flex-wrap: wrap;}
#esg .esgModule1 .list ul li{width: 350px;height: 255px;position: relative;margin: 40px 0;cursor: pointer;overflow:hidden;}
#esg .esgModule1 .list ul li img{width: 350px;height: 255px;}
#esg .esgModule1 .list ul li a{display: block;}
#esg .esgModule1 .list ul li:nth-child(2),#esg .esgModule1 .list ul li:nth-child(5){margin: 40px 75px;}
#esg .esgModule1 .list ul li p{width: 100%;height: 56px;line-height: 56px;color:#101010;font-size: 18px;text-align: center;background: #ffffffcf;font-weight: bold;position: absolute;bottom: 0;left: 0;right: 0;}
#esg .esgModule1 .list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#esg .esgModule1 .list ul li:hover p{background: #1976d2b5;color:#fff;}
#esg .esgModule2{width: 100%;padding-top: 80px;}
#esg .esgModule2 .itemTab{width: 1200px;margin: 50px auto 30px;overflow: auto;white-space: nowrap;animation: movetext 10s linear infinite;}
#esg .esgModule2 .itemTab ul{display: inline-flex;border: 1px solid #1976D2;height: 32px;border-radius: 5px ;margin-left: 25px;}
#esg .esgModule2 .itemTab ul li{text-align: center;height: 30px;line-height: 30px;cursor: pointer;color:#1976D2;padding: 0 30px;border-right: 1px solid #1976D2;}
#esg .esgModule2 .itemTab ul li:last-child{border-right: none;}
#esg .esgModule2 .itemTab ul li.active{background: #1976D2;color:#fff;position: relative;}
#esg .esgModule2 .list{width: 1200px;margin: 20px auto 0;}
#esg .esgModule2 .list ul li{padding: 25px;border-bottom: 1px solid #BBBBBB;display:flex;}
#esg .esgModule2 .list ul li:last-child{border-bottom:none;}
#esg .esgModule2 .list ul li .img{width: 233px;height: 155px;margin-right: 30px;}
#esg .esgModule2 .list ul li .img img{width: 233px;height: 155px;}
#esg .esgModule2 .list ul li .text{width: 897px;height: 155px;}
#esg .esgModule2 .list ul li .text h4{font-size: 20px;height: 30px;}
#esg .esgModule2 .list ul li .text h4 a{font-size: 20px;color:#101010;cursor: pointer;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:1;}
#esg .esgModule2 .list ul li .text h4:hover a{color:#1976D2;}
#esg .esgModule2 .list ul li .text p{height: 72px;font-size:14px;color:#666;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;margin-top:15px;}
#esg .esgModule2 .list span{position: relative;margin: 0 auto;cursor: pointer;;width:112px; height:36px;display:block; line-height:36px; margin-top:24px; background:#1e88e5; font-size:12px; text-align:center; overflow:hidden;}
#esg .esgModule2 .list span:after{content:''; position:absolute; left:50%; right:50%; top:50%; bottom:50%; display:block; background:#1976d2; opacity:0; transition:all 0.15s linear;}
#esg .esgModule2 .list span a{position:relative; z-index:1; display:block; color:#fff;}
#esg .esgModule2 .list span:hover:after{left:0; right:0; top:0; bottom:0; opacity:1; transition:all 0.15s linear;}
#esg .esgModule3{width: 100%;height:519px;background:url(img/img_09.png) no-repeat center;padding-top: 80px;margin-top: 80px;background-size: cover;}
#esg .esgModule3 .center{width: 1200px;margin:0 auto;}
#esg .esgModule3 .center .baogao{width: 648px;height: 355px;background: #1976d28c;border:1px solid #1976D2;padding: 50px;}
#esg .esgModule3 .center .baogao .text{padding:10px 0 10px 20px;border-left:2px solid #fff;margin-bottom: 32px;}
#esg .esgModule3 .center .baogao .text h4{color:#fff;font-size:28px;font-weight: bold;}
#esg .esgModule3 .center .baogao .text p{color:#fff;font-size:14px;line-height:25px;}
#esg .esgModule3 .center .baogao .button{display: flex;justify-content: space-between;}
#esg .esgModule3 .center .baogao .button .left{width: 216px;height:51px;background: #fff;text-align: center;line-height: 51px;position: relative;}
#esg .esgModule3 .center .baogao .button .left:after{content:''; position:absolute; left:0; right:100%; top:0; bottom:0; display:block; background:#1976d2; opacity:0; transition:all 0.25s linear;}
#esg .esgModule3 .center .baogao .button .left a{position:relative; z-index:1;color:#1976D2;font-size: 16px;display: block;cursor: pointer;}
#esg .esgModule3 .center .baogao .button .left:hover:after{right:0; opacity:1; transition:all 0.25s linear;}
#esg .esgModule3 .center .baogao .button .left:hover a{color:#fff; transition:color 0.25s linear;}
#esg .esgModule3 .center .baogao .button .right{height:51px;line-height: 51px;position: relative;width: 120px;text-align: center;}
#esg .esgModule3 .center .baogao .button .right:after{content:''; position:absolute; left:0; right:100%; top:0; bottom:0; display:block; background:#fff; opacity:0; transition:all 0.25s linear;}
#esg .esgModule3 .center .baogao .button .right a{color:#fff;font-size: 16px;cursor: pointer;position:relative; z-index:1;}
#esg .esgModule3 .center .baogao .button .right:hover:after{right:0; opacity:1; transition:all 0.25s linear;}
#esg .esgModule3 .center .baogao .button .right:hover a{color:#1976D2; transition:color 0.25s linear;}
#esg .esgModule4{width: 1200px;height:auto;margin: 0 auto;}
#esg .esgModule4 img{width: 100%;height:auto;}

/* 鏀跨瓥涓庢姤鍛 */
#policy {margin:0 auto;width: 1200px;}
#policy .title{border-left: 3px solid #1976D2;padding: 5px 0 5px 15px;}
#policy .title h2{height:28px; line-height:28px; font-size:26px; font-weight:bold; overflow:hidden;color:#1976D2;}
#policy .title h3{height:14px; line-height:14px; margin-top:10px; font-family:'Arial'; font-size:12px; color:#7d7d7d; overflow:hidden;}
#policy .baokao1 .list {display: flex;flex-wrap: wrap;margin-top: 35px;}
#policy .baokao1 .list .item{display: flex;width: 575px;padding: 25px;position: relative;margin-bottom: 20px;}
#policy .baokao1 .list .item:nth-child(2n){margin-left: 50px;}
#policy .baokao1 .list .item:after{z-index: 1;content:''; position:absolute; left:50%; right:50%; top:50%; bottom:50%; display:block; background:#1976d2; opacity:0; transition:all 0.25s linear;}
#policy .baokao1 .list .item:hover:after{z-index: 1;left:0; right:0; top:0; bottom:0;opacity:1; transition:all 0.25s linear;box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);}
#policy .baokao1 .list .item .img{width: 123px;height: 153px;z-index: 2;margin-right: 20px;}
#policy .baokao1 .list .item .img img{width: 123px;height: 153px;box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.4);}
#policy .baokao1 .list .item .text{width: 380px;}
#policy .baokao1 .list .item .text h4{height: 78px;color:#333;font-size: 18px;line-height: 26px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:3;}
#policy .baokao1 .list .item .text .button{display: flex;justify-content: flex-end;margin-top: 30px;}
#policy .baokao1 .list .item .text .button span{display: block;margin-right: 30px;cursor: pointer;}
#policy .baokao1 .list .item .text .button span a{color:#101010;font-size: 16px;}
#policy .baokao1 .list .item .text .button span.xiazai{background: url(img/img_13.png) no-repeat left center;background-size:20px 20px;padding-left: 25px;}
#policy .baokao1 .list .item .text .button span.yulan{background: url(img/img_14.png) no-repeat left center;background-size:20px 20px;padding-left: 25px;}
#policy .baokao1 .list .item:hover .text h4{color:#fff;z-index:999;}
#policy .baokao1 .list .item:hover .text{z-index: 2;}
#policy .baokao1 .list .item:hover .text .button span a{color:#fff;}
#policy .baokao1 .list .item:hover .text .button span.xiazai{background: url(img/img_15.png) no-repeat left center;background-size:20px 20px;padding-left: 25px;}
#policy .baokao1 .list .item:hover .text .button span.yulan{background: url(img/img_16.png) no-repeat left center;background-size:20px 20px;padding-left: 25px;}
#policy .baokao2{margin-top:50px;}
#policy .baokao2 .list{margin: 20px;}
#policy .baokao2 .list .item{display: flex;justify-content: space-between;padding: 20px 0;border-bottom:1px solid #EFEFEF;}
#policy .baokao2 .list .item:hover h4{color:#1976d2;background: url(img/img_18.png) no-repeat left center;}
#policy .baokao2 .list .item h4{font-size: 18px;background: url(img/img_17.png) no-repeat left center;background-size:37px 37px;padding-left:42px;height: 37px;line-height: 37px;color:#4F4F4F;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:1;}
#policy .baokao2 .list .item .button{display: flex;justify-content: flex-end;}
#policy .baokao2 .list .item .button span{display: block;margin-right: 30px;cursor: pointer;height: 37px;line-height: 37px;}
#policy .baokao2 .list .item .button span a{font-size: 16px;}
#policy .baokao2 .list .item .button span.xiazai{background: url(img/img_13.png) no-repeat left center;background-size:20px 20px;padding-left: 25px;}
#policy .baokao2 .list .item .button span.yulan{background: url(img/img_14.png) no-repeat left center;background-size:20px 20px;padding-left: 25px;}
/* 绛栫暐涓庣鐞 */
#strategy {width: 1200px;margin: 0 auto;}
#strategy .itemTab{width: 1200px;margin: 50px auto 30px;border-left:2px solid #1976D2;overflow: auto;white-space: nowrap;animation: movetext 10s linear infinite;}
#strategy .itemTab ul{display: inline-flex;border: 1px solid #1976D2;height: 32px;border-radius: 5px ;margin-left: 25px;}
#strategy .itemTab ul li{text-align: center;height: 30px;line-height: 30px;cursor: pointer;color:#1976D2;padding: 0 30px;border-right: 1px solid #1976D2;}
#strategy .itemTab ul li:last-child{border-right: none;}
#strategy .itemTab ul li.active{background: #1976D2;color:#fff;position: relative;}

#strategy .itemTab ul a{text-align: center;height: 30px;line-height: 30px;cursor: pointer;color:#1976D2;padding: 0 30px;border-right: 1px solid #1976D2;}
#strategy .itemTab ul a:last-child{border-right: none;}
#strategy .itemTab ul a.active{background: #1976D2;color:#fff;position: relative;}

/* 鍔ㄦ€佸垪琛 */
#trendsList .itemTab{width: 1200px;margin: 50px auto 30px;overflow: auto;white-space: nowrap;animation: movetext 10s linear infinite;}
#trendsList .itemTab ul{display: inline-flex;border: 1px solid #1976D2;height: 32px;border-radius: 5px ;margin-left: 25px;}
#trendsList .itemTab ul li{text-align: center;height: 30px;line-height: 30px;cursor: pointer;color:#1976D2;padding: 0 30px;border-right: 1px solid #1976D2;}
#trendsList .itemTab ul li:last-child{border-right: none;}
#trendsList .itemTab ul li.active{background: #1976D2;color:#fff;position: relative;}
#trendsList .list{width: 1200px;margin: 20px auto 0;}
#trendsList .list ul li{padding: 25px;border-bottom: 1px solid #BBBBBB;display:flex;}
#trendsList .list ul li:last-child{border-bottom:none;}
#trendsList .list ul li .img{width: 233px;height: 155px;margin-right: 30px;}
#trendsList .list ul li .img img{width: 233px;height: 155px;}
#trendsList .list ul li .text{width: 897px;height: 155px;}
#trendsList .list ul li .text h4{font-size: 20px;height: 30px;}
#trendsList .list ul li .text h4 a{font-size: 20px;color:#101010;cursor: pointer;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:1;}
#trendsList .list ul li .text h4:hover a{color:#1976D2;}
#trendsList .list ul li .text p{height: 72px;font-size:14px;color:#666;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;margin-top:15px;}
#trendsList .list span{position: relative;margin: 0 auto;cursor: pointer;;width:112px; height:36px;display:block; line-height:36px; margin-top:24px; background:#1e88e5; font-size:12px; text-align:center; overflow:hidden;}
#trendsList .list span:after{content:''; position:absolute; left:50%; right:50%; top:50%; bottom:50%; display:block; background:#1976d2; opacity:0; transition:all 0.15s linear;}
#trendsList .list span a{position:relative; z-index:1; display:block; color:#fff;}
#trendsList .list span:hover:after{left:0; right:0; top:0; bottom:0; opacity:1; transition:all 0.15s linear;}

/* 鍔ㄦ€佸垪琛 */
#trendsList .itemTab{width: 1200px;margin: 50px auto 30px;overflow: auto;white-space: nowrap;animation: movetext 10s linear infinite;}
#trendsList .itemTab ul{display: inline-flex;border: 1px solid #1976D2;height: 32px;border-radius: 5px ;margin-left: 25px;}
#trendsList .itemTab ul a{text-align: center;height: 30px;line-height: 30px;cursor: pointer;color:#1976D2;padding: 0 30px;border-right: 1px solid #1976D2;}
#trendsList .itemTab ul a:last-child{border-right: none;}
#trendsList .itemTab ul a.active{background: #1976D2;color:#fff;position: relative;}



/*璧拌繘钘忔牸*/

#lm-about{line-height:200%; margin-top:70px; font-size:14px;}

#lm-industry{margin-top:90px;}
#lm-industry .item{margin-top:50px;}
#lm-industry .item:first-child{margin-top:0;}
#lm-industry .left{flex:1; margin-right:54px;}
#lm-industry .left h2{height:28px; line-height:28px; font-size:26px; font-weight:bold; overflow:hidden;}
#lm-industry .left h3{height:14px; line-height:14px; margin-top:10px; font-family:'Arial'; font-size:12px; color:#7d7d7d; overflow:hidden;}
#lm-industry .left p{height:84px; line-height:28px; margin-top:48px; font-size:14px; text-indent:28px; -webkit-line-clamp:3;}
#lm-industry .left h4{position:relative; width:112px; height:36px; line-height:36px; margin-top:24px; background:#1e88e5; font-size:12px; text-align:center; overflow:hidden;}
#lm-industry .left h4:after{content:''; position:absolute; left:50%; right:50%; top:50%; bottom:50%; display:block; background:#1976d2; opacity:0; transition:all 0.15s linear;}
#lm-industry .left h4 a{position:relative; z-index:1; display:block; color:#fff;}
#lm-industry .left h4:hover:after{left:0; right:0; top:0; bottom:0; opacity:1; transition:all 0.15s linear;}
#lm-industry .right{width:574px; height:250px; overflow:hidden;}
#lm-industry .right{width:574px; height:250px;}
#lm-industry .number{margin-top:50px;}
#lm-industry .number ul{display:flex; justify-content:space-between;}
#lm-industry .number ul li img{display:block; width:50px; height:50px; margin:0 auto;}
#lm-industry .number ul li h3{display:flex; justify-content:center; align-items:flex-end; margin-top:20px;}
#lm-industry .number ul li h3 em{height:42px; line-height:42px; font-family:'Arial'; font-size:40px; color:#1e88e5; overflow:hidden;}
#lm-industry .number ul li h3 span{height:16px; line-height:16px; margin:0 0 6px 6px; font-size:14px; color:#1e88e5; overflow:hidden;}
#lm-industry .number ul li h4{height:16px; line-height:16px; margin-top:12px; font-size:14px; text-align:center; overflow:hidden;}

#organization{margin-top:80px;}
#organization img{display:block; margin:0 auto;}

#culture{display:flex; margin-top:80px;}
#culture img{width:300px; height:400px;}

#history{margin-top:80px;}
#history img{display:block; margin:0 auto;}

#honor-list{margin-top:80px;
    width: 1000px;
    margin: auto;
    margin-top: 43px;}
#honor-list ul{display:flex; flex-wrap:wrap;}
#honor-list ul li{width:308px; margin:48px 0 0 36px; overflow:hidden;}
#honor-list ul li:nth-child(-n+3){margin-top:0;}
#honor-list ul li:nth-child(3n+1){margin-left:0;}
#honor-list ul li span{

    position: relative;
    display: block;
    width: 308px;
    height: 300px;
    overflow: hidden;
    margin: auto;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;

}
#honor-list ul li span:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; display:none; background:url(img/view.png) no-repeat center rgba(0,0,0,.5);}
#honor-list ul li img{width:auto; max-width:100%; height:auto; transition:transform 0.3s linear;}

#honor-list ul li:nth-child(1) img{
    height: 100% !important;
}

#honor-list ul li h3{height:18px; line-height:18px; margin-top:24px; font-size:14px; text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#honor-list ul li h4{height:18px; line-height:18px; margin-top:24px; font-size:14px; text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;color:#666;

}
#honor-list ul li:hover span:after{display:block;}
#honor-list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}




#honor-listzizhi{margin-top:80px;}
#honor-listzizhi ul{display:flex; flex-wrap:wrap;}
#honor-listzizhi ul li{width:376px; margin:48px 0 0 36px; overflow:hidden;}
#honor-listzizhi ul li p{
    color: #999;
    font-size: 14px;

    text-align: center;
    padding-top: 10px;
}
#honor-listzizhi ul li:nth-child(-n+3){margin-top:0;}
#honor-listzizhi ul li:nth-child(3n+1){margin-left:0;}
#honor-listzizhi ul li span{position:relative; display:block; width:376px; height:250px; overflow:hidden;}
#honor-listzizhi ul li span:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; display:none; background:url(img/view.png) no-repeat center rgba(0,0,0,.5);}
#honor-listzizhi ul li img{width:376px; max-width:none; height:250px; transition:transform 0.3s linear;}
#honor-listzizhi ul li h3{height:18px; line-height:18px; margin-top:24px; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#honor-listzizhi ul li:hover span:after{display:block;}
#honor-listzizhi ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}



#image-preview{position:absolute; left:0; right:0; top:0; bottom:0; display:none; padding:60px 140px; background:rgb(0,0,0,.5); overflow:hidden;}
#image-preview .swiper-pagination{position:absolute; left:60px; top:40px; width:auto; height:16px; line-height:16px; margin:0; font-size:14px; color:#fff;}
#image-preview .close{position:absolute; right:60px; top:40px; width:16px; height:16px; background:url(img/close.png) no-repeat center; cursor:pointer;}
#image-preview .swiper-button-prev,#image-preview .swiper-button-next{top:50%; width:20px; height:16px; margin:0; background-repeat:no-repeat; background-position:center; background-size:20px 16px; cursor:pointer; opacity:1;}
#image-preview .swiper-button-prev:after,#image-preview .swiper-button-next:after{display:none;}
#image-preview .swiper-button-prev{left:60px; background-image:url(img/prev1.png);}
#image-preview .swiper-button-next{right:60px; background-image:url(img/next1.png);}
#image-preview .swiper-container{position:relative; left:50%; top:50%; transform:translate(-50%,-50%); height:692px; overflow:hidden;}
#image-preview .swiper-wrapper{height:692px;}
#image-preview .swiper-slide{height:692px; overflow:hidden;}
#image-preview .swiper-slide img{display:block; height:600px; margin:0 auto;}
#image-preview .swiper-slide h3{height:18px; line-height:18px; margin-top:24px; font-size:16px; text-align:center; color:#fff; overflow:hidden;}



#image-preview .swiper-slide p{color: #fff;
    text-align: center;
    padding-top: 10px;}


/*鍏徃鍔ㄦ€?/

#lm-news{margin-top:80px;}
#lm-news .item{margin-top:80px;}
#lm-news .item:first-child{margin-top:0;}
#lm-news h2{height:24px; line-height:24px; font-size:22px; overflow:hidden;}
#lm-news h3{height:16px; line-height:16px; margin-top:8px; font-family:'Arial'; font-size:14px; color:#999; overflow:hidden;}
#lm-news .weo-flex{margin-top:20px;}
#lm-news .left{width:600px; height:260px; overflow:hidden;}
#lm-news .left img{width:600px; height:260px;}
#lm-news .right{flex:1; margin-left:40px;}
#lm-news .right ul li{position:relative; display:flex; align-items:center; height:50px; padding:0 10px; overflow:hidden;}
#lm-news .right ul li:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:1px; background:#d8d8d8;}
#lm-news .right ul li a{flex:1; height:18px; line-height:18px; font-size:14px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#lm-news .right ul li.top a{position:relative; padding-left:26px;}
#lm-news .right ul li.top a:before{content:'椤?; position:absolute; left:0; top:0; display:block; width:18px; height:18px; line-height:16px; border:1px solid #e50b1c; border-radius:2px; box-sizing:border-box; font-size:12px; font-weight:bold; text-align:center; color:#e50b1c; overflow:hidden;}
#lm-news .right ul li span{height:14px; line-height:14px; margin-left:14px; font-size:12px; color:#666; overflow:hidden;}
#lm-news .right ul li a:hover{color:#1976d2;}
#lm-news .right h4{position:relative; width:180px; height:50px; line-height:50px; margin:0 auto; border-radius:5px; font-size:14px; text-align:center; overflow:hidden;}
#lm-news .right h4:after{content:''; position:absolute; left:0; right:0; top:50%; bottom:50%; display:block; background:#1976d2; opacity:0; transition:all 0.25s linear;}
#lm-news .right h4 a{position:relative; z-index:1; display:block; color:#7f7f7f; transition:all 0.2s linear;}
#lm-news .right h4:hover:after{top:0; bottom:0; opacity:1; transition:all 0.25s linear;}
#lm-news .right h4:hover a{color:#fff; transition:all 0.2s linear;}


#news-list ul li.top section:before{content:'椤?; position:absolute;  display:block; width:18px; height:18px; line-height:16px; border:1px solid #e50b1c; border-radius:2px; box-sizing:border-box; font-size:12px; font-weight:bold; text-align:center; color:#e50b1c; overflow:hidden;}
#news-list ul li.top section h3{padding-left: 25px !important;}

#news-list{margin-top:80px;}
#news-list ul li{position:relative; margin-top:10px;}
#news-list ul li:first-child{margin-top:0;}
#news-list ul li:after{content:''; position:absolute; left:0; right:100%; top:0; bottom:0; display:block; background:#1976d2; opacity:0; transition:all 0.25s linear;}
#news-list ul li a{position:relative; z-index:1; display:flex; align-items:center; padding:10px 0;}
#news-list ul li .date{width:220px; text-align:center; color:#666; transition:color 0.25s linear;}
#news-list ul li .date h4{height:34px; line-height:34px; font-family:'Arial'; font-size:32px; overflow:hidden;}
#news-list ul li .date h5{height:16px; line-height:16px; margin-top:8px; font-family:'Arial'; font-size:14px; overflow:hidden;}
#news-list ul li i{width:1px; height:80px; background:#ccc; transition:background 0.25s linear;}
#news-list ul li section{flex:1; margin-left:40px; padding-right:30px; overflow:hidden;}
#news-list ul li section h3{height:20px; line-height:20px; padding-left: 0px; font-size:18px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:color 0.25s linear;}
#news-list ul li section p{height:14px; line-height:14px; margin-top:20px; font-size:12px; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:color 0.25s linear;}
#news-list ul li:hover:after{right:0; opacity:1; transition:all 0.25s linear;}
#news-list ul li:hover .date,#news-list ul li:hover section h3,#news-list ul li:hover section p{color:#fff; transition:color 0.25s linear;}
#news-list ul li:hover i{background:#fff; transition:background 0.25s linear;}

#video-notopen{margin-top:80px;}
#video-notopen img{display:block; margin:0 auto;}

#article-title{height:24px; line-height:24px; padding-left:10px; border-left:5px solid #f10215; font-size:21px; font-weight:bold;}
#article-info{height:16px; line-height:16px; margin-top:24px; font-size:13px; color:#999; overflow:hidden;}
#article{line-height:200%; margin-top:16px; padding-top:32px; border-top:1px solid #e5e5e5; font-size:14px;}
#article video{

    width: auto;
    max-height: 100%;
}
/*#article img{*/

/*    text-align: center;*/
/*    display: block;*/
/*    margin: auto !important;*/
/*} */
#article-share{margin-top:32px;}
#article-share h3{height:16px; line-height:16px; font-size:14px; color:#666; overflow:hidden;}
#article-share a{width:36px; height:36px; margin:0 0 0 12px; padding:0; background-repeat:no-repeat; background-position:center; border:1px solid #ccc; border-radius:50%;}
#article-share a.bshare-weixin{background-image:url(img/share-icon1.png);}
#article-share a.bshare-sinaminiblog{background-image:url(img/share-icon2.png);}
#article-share a.bshare-qqim{background-image:url(img/share-icon3.png);}
#article-share a.bshare-qzone{background-image:url(img/share-icon4.png);}
#article-share a.bshare-douban{background-image:url(img/share-icon5.png);}
#article-share a.bshare-clipboard{background-image:url(img/share-icon6.png);}
#article-share h3 + a{margin-left:8px;}

.breadcrumbesg{padding-bottom: 30px;}
.breadcrumbesg a{ font-size: 14px; color: #666;}
.breadcrumbesg .be-a:hover{ color: #3772bc; text-decoration: underline;}

/*鏍囩*/
.line-data{

    border-top: 1px solid #eee;
    margin-top: 30px;
}
.Mark{

    text-align: left;
    width: 100%;
    height: auto;
    white-space: nowrap;
    padding: 30px 0 0px;
}

.Mark label{

    color: #999;
    float: left;
    padding-right: 15px;
    line-height: 32px;
    margin-bottom: -12px;
}
.Mark ul {
    display: block;
    margin: 0;
    padding: 0;
    width: 90%;
    overflow: hidden;
    margin-top: -12px;
}
.Mark ul li{

    display: inline;
    margin-right: 10px;
    float: left;
    text-align: center;
    line-height: 32px;
    /* width: 86px; */
    max-width: 180px;
    margin-top: 12px;
    background: rgb(233, 233, 233);
}

.Mark ul li a {
    font-size: 0.875rem;
    color: #999;
    display: block;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 11px;
}

#prev-next{
     display: flex;
    justify-content: space-between;
    padding-top: 30px;

}
#prev-next a{max-width:calc((100% - 60px) / 2); height:16px; line-height:16px; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#prev-next a:hover{text-decoration:underline;}

/*涓氬姟甯冨眬*/

#business1-product{padding:80px 0; background:url(img/product-bg.jpg) no-repeat top center; background-size:cover;}
#business1-product .text h2{height:30px; line-height:30px; font-size:28px; text-align:center; color:#fff; overflow:hidden;}
#business1-product .text h3{height:36px; line-height:36px; margin-top:16px; font-family:'Arial'; font-size:34px; font-weight:bold; text-transform:uppercase; text-align:center; color:#fff; overflow:hidden;}
#business1-product .text i{display:block; width:30px; height:2px; margin:24px auto 0 auto; background:#fff;}
#business1-product .item{margin-top:40px;}
#business1-product .item ul{display:flex; flex-wrap:wrap;}
#business1-product .item ul li{width:282px; height:376px; margin:24px 0 0 24px; background:#fff; overflow:hidden;}
#business1-product .item ul li:nth-child(-n+4){margin-top:0;}
#business1-product .item ul li:nth-child(4n+1){margin-left:0;}
#business1-product .item ul li a{display:block; padding:10px 10px 30px 10px;}
#business1-product .item ul li span{display:block; width:262px; height:262px; overflow:hidden;}
#business1-product .item ul li img{width:262px; max-width:none; height:262px; transition:transform 0.3s linear;}
#business1-product .item ul li h3{height:18px; line-height:18px; margin-top:24px; padding:0 10px; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#business1-product .item ul li p{height:14px; line-height:14px; margin-top:18px; padding:0 10px; font-size:12px; text-align:center; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#business1-product .item ul li:hover{background:#1976d2;}
#business1-product .item ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#business1-product .item ul li:hover h3,#business1-product .item ul li:hover p{color:#fff;}

#pd-title{height:26px; line-height:26px; font-size:24px; text-align:center; overflow:hidden;}
#pd-item{line-height:200%; margin-top:50px; padding:60px 0; border-top:1px dashed #dcdcdc; border-bottom:1px dashed #dcdcdc; font-size:14px;}

#business2-product{margin:80px 0;}
#business2-product .text{display:flex; justify-content:space-between; align-items:center;}
#business2-product .text h2{height:28px; line-height:28px; font-size:26px; font-weight:bold; overflow:hidden;}
#business2-product .text h3{height:14px; line-height:14px; margin-top:10px; font-family:'Arial'; font-size:12px; color:#999; overflow:hidden;}
#business2-product .text a{width:90px; height:38px; line-height:36px; border:1px solid #dcdcdc; border-radius:19px; font-size:14px; text-align:center; color:#999; overflow:hidden;}
#business2-product .text a:hover{border-color:#666; color:#333;}
#business2-product .item{display:flex; margin-top:60px;}
#business2-product .item img{width:300px; height:204px;}
#business2-product .item section{flex:1; display:flex; align-items:center; height:204px; padding:0 80px; background:#f9f9f9; overflow:hidden;}
#business2-product .item section p{flex:1; height:120px; line-height:30px; font-size:14px;}
#business2-product .item i{display:block; width:1px; height:40px; margin:0 80px; background:#dcdcdc;}
#business2-product .item section a{height:16px; line-height:16px; font-size:14px; color:#666; overflow:hidden;}

#business2-advantage{margin-top:80px;}
#business2-advantage ul{display:flex;}
#business2-advantage ul li{width:400px; height:440px; overflow:hidden;}
#business2-advantage ul li .text{display:flex; align-items:center; height:220px; padding:0 32px; border:1px solid #e5e5e5; text-align:center; overflow:hidden;}
#business2-advantage ul li:nth-child(1) .text{border-right:none; border-bottom:none;}
#business2-advantage ul li:nth-child(2) .text{border-left:none; border-right:none; border-top:none;}
#business2-advantage ul li:nth-child(3) .text{border-left:none; border-bottom:none;}
#business2-advantage ul li .text h3{height:18px; line-height:18px; font-size:16px; overflow:hidden;}
#business2-advantage ul li .text p{line-height:24px; margin-top:24px; font-size:12px; color:#999;}
#business2-advantage ul li .img{width:400px; height:220px; background:#e5e5e5; overflow:hidden;}
#business2-advantage ul li .img img{width:400px; height:220px;}
#business2-advantage h4{position:relative; width:180px; height:50px; line-height:50px; margin:40px auto 0 auto; background:#1e88e5; border-radius:5px; font-size:14px; text-align:center; overflow:hidden;}
#business2-advantage h4:after{content:''; position:absolute; left:0; right:0; top:50%; bottom:50%; display:block; background:#1976d2; opacity:0; transition:all 0.25s linear;}
#business2-advantage h4 a{position:relative; z-index:1; display:block; color:#fff;}
#business2-advantage h4:hover:after{top:0; bottom:0; opacity:1; transition:all 0.25s linear;}

/*鍏氱兢寤鸿*/

#building{margin-top:80px;}
#building ul li{margin-top:50px;}
#building ul li:first-child{margin-top:0;}
#building ul li a{display:flex; align-items:center;}
#building ul li section{flex:1;}
#building ul li section h3{height:22px; line-height:22px; font-size:20px; overflow:hidden;}
#building ul li section p{height:44px; line-height:22px; margin-top:14px; font-size:12px; color:#999;}
#building ul li section h4{width:240px; height:40px; line-height:38px; margin-top:24px; border:1px solid #1976d2; font-size:12px; text-align:center; color:#1976d2; overflow:hidden;}
#building ul li span{width:308px; height:204px; margin-left:60px; overflow:hidden;}
#building ul li img{width:308px; max-width:none; height:204px; transition:transform 0.3s linear;}
#building ul li:hover section h3{font-weight:bold;}
#building ul li:hover section h4{background:#1976d2; color:#fff;}
#building ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}

#building-news{margin-top:60px; padding-top:60px; border-top:1px solid #dcdcdc;}
#building-news h3{height:18px; line-height:18px; font-family:'Arial'; font-size:16px; color:#666; overflow:hidden;}
#building-news h2{height:38px; line-height:38px; margin-top:8px; font-size:36px; font-weight:bold; overflow:hidden;}
#building-news .swiper-container{height:186px; margin-top:40px; overflow:hidden;}
#building-news .swiper-wrapper{height:186px;}
#building-news .swiper-slide{height:16px; display:flex; align-items:center; overflow:hidden;}
#building-news .swiper-slide a{flex:1; height:16px; line-height:16px; font-size:14px; color:#666; overflow:hidden;}
#building-news .swiper-slide span{height:16px; line-height:16px; margin-left:32px; font-family:'Arial'; font-size:14px; color:#999; overflow:hidden;}
#building-news .swiper-slide a:hover{color:#1976d2;}
#building-news h4{position:relative; width:180px; height:50px; line-height:50px; margin:0 auto; border-radius:5px; font-size:14px; text-align:center; overflow:hidden;}
#building-news h4:after{content:''; position:absolute; left:0; right:0; top:50%; bottom:50%; display:block; background:#1976d2; opacity:0; transition:all 0.25s linear;}
#building-news h4 a{position:relative; z-index:1; display:block; color:#7f7f7f; transition:all 0.2s linear;}
#building-news h4:hover:after{top:0; bottom:0; opacity:1; transition:all 0.25s linear;}
#building-news h4:hover a{color:#fff; transition:all 0.2s linear;}

#building-list{margin-top:80px;}
#building-list ul li{margin-bottom:12px; padding-bottom:12px; border-bottom:1px dashed #dcdcdc;}
#building-list ul li a{display:flex; align-items:center;}
#building-list ul li .date{width:90px; height:90px; padding:18px 0 20px 0; background:#1976d2; text-align:center; color:#fff; overflow:hidden;}
#building-list ul li .date h4{height:30px; line-height:30px; font-family:'Arial'; font-size:28px; overflow:hidden;}
#building-list ul li .date h5{height:16px; line-height:16px; margin-top:6px; font-family:'Arial'; font-size:14px; overflow:hidden;}
#building-list ul li section{flex:1; margin-left:36px; overflow:hidden;}
#building-list ul li section h3{height:20px; line-height:20px; font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#building-list ul li section p{height:16px; line-height:16px; margin-top:16px; font-size:14px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#building-list ul li:hover section h3{color:#1976d2;}

/*浼佷笟璐ｄ换*/

#pageinfo + .title{margin-top:80px;}

#welfare-list{margin-top:70px;}
#welfare-list ul{display:flex; flex-wrap:wrap;}
#welfare-list ul li{width:376px; height:506px; margin-left:36px; overflow:hidden;}
#welfare-list ul li:nth-child(3n+1){margin-left:0;}
#welfare-list ul li span{position:relative; display:flex; justify-content:center; align-items:center; width:376px; height:376px; overflow:hidden;}
#welfare-list ul li span:after{content:''; position:absolute; left:0; right:0; top:65%; bottom:0; display:none; background:linear-gradient(transparent,rgba(0,0,0,.5));}
#welfare-list ul li span em{position:absolute; left:50%; top:-5%; transform:translate(-50%,-50%) scale(0.7); z-index:2; display:block; opacity:0; transition:0.3s ease 0s;}
#welfare-list ul li span em:before{content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:0; display:block; width:0; height:0; background:rgba(255,158,32,0.6); border-radius:50%; animation:welfareView 2s linear 0s infinite;}
#welfare-list ul li span em i{display:block; width:66px; height:66px; background:rgba(255, 158, 32, 0.6); border-radius:50%;}
#welfare-list ul li span em i:before,#welfare-list ul li span em i:after{content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:0; display:block; background:#fff;}
#welfare-list ul li span em i:before{width:24px; height:1px;}
#welfare-list ul li span em i:after{width:1px; height:24px;}
@keyframes welfareView{0%{width:100%; height:100%; opacity:1;}100%{width:calc(100% + 40px); height:calc(100% + 40px); opacity:0;}}
#welfare-list ul li img{max-width:100%; max-height:100%;}
#welfare-list ul li section{padding:36px 24px;}
#welfare-list ul li section h3{height:18px; line-height:18px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#welfare-list ul li section h4{height:16px; line-height:16px; margin-top:24px; font-size:14px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#welfare-list ul li:hover{background:#fff; box-shadow:0 0 30px rgba(0,0,0,.08);}
#welfare-list ul li:hover span:after{display:block;}
#welfare-list ul li:hover span em{top:50%; transform:translate(-50%,-50%) scale(1); opacity:1;}
#welfare-list ul li:hover span em:before{animation:welfareView 2s linear 0.2s infinite;}

#welfare-album{left:0; right:0; top:0; bottom:0; z-index:999; display:none; background:#000; overflow:hidden;}
#welfare-album .top{position:absolute; left:0; right:0; top:0; z-index:99; display:flex; justify-content:space-between; align-items:center; padding:20px; background:rgba(0,0,0,.5); overflow:hidden;}
#welfare-album .swiper-pagination{position:static; width:auto; height:18px; line-height:18px; margin:0; font-family:'Arial'; font-size:16px; color:#fff;}
#welfare-album .swiper-pagination span{font-family:'Arial';}
#welfare-album .operate{display:flex; align-items:center;}
#welfare-album .operate i{width:18px; height:18px; margin-left:24px; background-repeat:no-repeat; background-position:center; cursor:pointer;}
#welfare-album .operate i:first-child{margin-left:0;}
#welfare-album .operate i.restore{background-image:url(img/restore.png);}
#welfare-album .operate i.reduce{background-image:url(img/reduce.png);}
#welfare-album .operate i.amplify{background-image:url(img/amplify.png);}
#welfare-album .operate i.close{width:16px; height:16px; background-image:url(img/close.png);}
#welfare-album .operate i.disable{opacity:0.6; cursor:default;}
#welfare-album .welfare-slide{position:absolute; left:0; right:0; top:0; bottom:0; overflow:hidden;}
#welfare-album .welfare-slide .swiper-wrapper{height:100%;}
#welfare-album .welfare-slide .swiper-slide{display:flex; justify-content:center; align-items:center; width:100%; height:100%; overflow:hidden;}
#welfare-album .welfare-slide .swiper-slide img{max-width:100%; max-height:100%;}
#welfare-album .swiper-button-prev,#welfare-album .swiper-button-next{top:50%; width:48px; height:44px; margin:0; background-color:rgba(0,0,0,.5); background-repeat:no-repeat; background-position:center; background-size:20px 16px; border-radius:4px; cursor:pointer; opacity:1;}
#welfare-album .swiper-button-prev:after,#welfare-album .swiper-button-next:after{display:none;}
#welfare-album .swiper-button-prev{left:20px; background-image:url(img/prev1.png);}
#welfare-album .swiper-button-next{right:20px; background-image:url(img/next1.png);}
#welfare-album .bottom{position:absolute; left:0; right:0; bottom:0; z-index:99; padding:20px; background:rgba(0,0,0,.5); overflow:hidden; transition:transform 0.3s linear;}
#welfare-album .bottom.fold{transform:translateY(100px); transition:transform 0.3s linear;}
#welfare-album .bottom .thumb{position:absolute; right:20px; top:20px; z-index:99; width:48px; height:36px; background:url(img/thumb.png) no-repeat center rgba(0,0,0,.5); border-radius:4px; cursor:pointer;}
#welfare-album .welfare-text{height:46px; overflow:hidden;}
#welfare-album .welfare-text .swiper-wrapper{height:46px;}
#welfare-album .welfare-text .swiper-slide{height:46px; text-align:center; color:#fff; overflow:hidden;}
#welfare-album .welfare-text .swiper-slide h3{height:18px; line-height:18px; font-size:15px; font-weight:bold; overflow:hidden;}
#welfare-album .welfare-text .swiper-slide h4{height:16px; line-height:16px; margin-top:12px; font-size:14px; overflow:hidden;}
#welfare-album .welfare-thumb{height:80px; margin-top:20px; overflow:hidden;}
#welfare-album .welfare-thumb .swiper-wrapper{height:80px;}
#welfare-album .welfare-thumb .swiper-slide{width:100px; height:80px; border:2px solid #fff; border-radius:4px; cursor:pointer; overflow:hidden;}
#welfare-album .welfare-thumb .swiper-slide img{width:96px; height:76px;}
#welfare-album .welfare-thumb .swiper-slide:hover{border-color:#a90707;}
#welfare-album .welfare-thumb .swiper-slide-thumb-active{border-color:#a90707;}


/*涓庤棌鏍煎悓琛?/

#team{margin-top:80px;}
/*#team{display:flex; align-items:center; margin-top:80px;}*/
#team .left{flex:1; line-height:200%; font-size:14px;}
#team .right{width:300px; height:400px; margin-left:60px; overflow:hidden;}
#team .right img{width:300px; height:400px;}

#job-slogan{height:18px; line-height:18px; margin-top:30px; font-size:16px; text-align:center; color:#999; overflow:hidden;}

#job-nodata{margin-top:80px; padding:100px 0;}
#job-nodata img{display:block; width:148px; height:148px; margin:0 auto;}
#job-nodata h3{height:18px; line-height:18px; margin-top:20px; font-size:16px; text-align:center; overflow:hidden;}

#job-download h2{height:22px; line-height:22px; font-size:20px; font-weight:bold; overflow:hidden;}
#job-download h3{height:14px; line-height:14px; margin-top:16px; font-size:12px; color:#666; overflow:hidden;}
#job-download .item{margin-top:40px;}
#job-download .item ul li{display:flex; margin-bottom:16px; padding-bottom:16px; border-bottom:1px solid #e5e5e5;}
#job-download .item ul li:last-child{margin-bottom:0;}
#job-download .item ul li span{flex:1; height:14px; line-height:14px; font-size:12px; color:#666; overflow:hidden;}
#job-download .item ul li span a{color:#666;}

#download-btn{display:block; width:204px; height:56px; background:url(img/download.png) no-repeat right 30px center; border:1px solid #e5e5e5; border-radius:6px; overflow:hidden;}
#download-btn a{display:block; padding:10px 64px 10px 30px;}
#download-btn h3{height:18px; line-height:18px; font-size:16px; font-weight:bold; overflow:hidden;}
#download-btn h4{height:16px; line-height:16px; margin-top:2px; font-family:'Arial'; font-size:14px; color:#999; overflow:hidden;}
#download-info{display:flex; margin-top:34px;}
#download-info section{line-height:32px; margin-left:80px; font-size:14px; overflow:hidden;}
#download-info section:first-child{margin-left:0;}
#download-detail{margin-top:40px;}
#download-detail h2{height:18px; line-height:16px; padding-left:10px; border-left:5px solid #1976d2; font-size:15px; font-weight:bold; overflow:hidden;}
#download-detail .item{line-height:200%; margin-top:24px; font-size:14px;}

#contact .item{margin-top:80px;}
#contact .item:first-child{margin-top:0;}
#contact .left{flex:1;}
#contact .left h2{height:32px; line-height:32px; font-size:30px; font-weight:bold; overflow:hidden;}
#contact .left h3{height:18px; line-height:18px; margin-top:12px; font-family:'Arial'; font-size:16px; text-transform:uppercase; color:#999; overflow:hidden;}
#contact .left .text{margin-top:60px;}
#contact .left .text p{height:24px; line-height:24px; margin-top:40px; padding-left:40px; background-repeat:no-repeat; background-position:left center; font-size:16px; color:#666; overflow:hidden;}
#contact .left .text p:first-child{margin-top:0;}
#contact .left .text p.c-icon1{background-image:url(img/c-icon1.png);
    background-size: 24px;}
#contact .left .text p.c-icon2{background-image:url(img/c-icon2.png);
    background-size: 24px;}
#contact .left .text p.c-icon3{background-image:url(img/c-icon3.png);
    background-size: 24px;}
#contact .left .text p.c-icon4{background-image:url(img/c-icon4.png);
    background-size: 24px;}
#contact .right{width:508px; height:380px; margin-left:80px; overflow:hidden;}
#contact .right img{width:508px; height:380px;}


#contact .map{position:relative;height:480px; margin-top:60px; background:#f9f9f9; overflow:hidden;}
#contact .map img{max-width:none;}

#contact .map .switch-type{position:absolute; left:24px; top:24px; z-index:9999; display:flex; height:38px; background:#fff; border-radius:4px; box-shadow:rgba(0,0,0,.08); overflow:hidden;}
#contact .map .switch-type span{width:72px; height:38px; line-height:38px; font-size:15px; text-align:center; cursor:pointer; overflow:hidden;}
#contact .map .switch-type span.current{background:#1976d2; color:#fff;}
.amap-logo,.amap-copyright{display:none !important;}

#link h2{display:flex; align-items:flex-end;}
#link h2 em{height:32px; line-height:32px; font-size:30px; overflow:hidden;}
#link h2 span{height:18px; line-height:18px; margin-left:10px; font-family:'Arial'; font-size:15px; text-transform:uppercase; color:#999; overflow:hidden;}
#link .item{display:flex; align-items:center; margin-top:50px;}
#link .item .logo{margin-bottom:40px;}
#link .item .logo img{height:40px;}
#link .item .qrcode{margin-left:30px;}
#link .item .qrcode img{display:block; width:178px; height:178px; margin:0 auto;}
#link .item .qrcode h3{line-height:20px; margin-top:12px; font-size:14px; text-align:center;}

/*搴曢儴鏍峰紡*/

#footer{padding:64px 0 40px 0; background:#3772bc;}
#f-search input{width:414px; height:36px; line-height:36px; padding:0 14px 0 42px; background:url(img/search.png) no-repeat left 14px center #fff; border:none; border-radius:0; font-size:12px; color:#333;}
#f-search input::-moz-placeholder{color:#333;}
#f-search input::-webkit-input-placeholder{color:#333;}
#f-search input::-ms-input-placeholder{color:#333;}
#f-search button{width:66px; height:36px; line-height:36px; padding:0; background:#1e88e5; border:none; border-radius:0; font-size:12px; color:#fff;}
#f-search button:hover{background:#1976d2;}
#f-logo{margin-top:30px; padding-left:122px;}
#f-logo img{width:144px; height:38px;}
#f-contact{padding-left:68px;}
#f-contact p{height:26px; line-height:26px; margin-top:16px; padding-left:36px; background-repeat:no-repeat; background-position:left center; font-size:14px; color:#fff; overflow:hidden;}
#f-contact p:first-child{margin-top:0;}
#f-contact p.tel{background-image:url(img/tel.png);}
#f-contact p.address{background-image:url(img/address.png);}
#f-menu{display:flex; margin-top:40px; padding:0 40px 23px 10px; border-bottom:1px solid rgba(255,255,255,.5);}
#f-menu a{height:18px; line-height:18px; font-size:16px; color:#fff; overflow:hidden;}
#f-menu i{width:1px; height:16px; margin:0 20px; background:#fff;}

#copyright{padding-top:10px; background:#fff;}
#copyright .text{line-height:24px; font-size:14px; color:#666;}
#copyright .text a{color:#666; text-decoration:underline;}
#copyright .num{display:flex; justify-content:center; margin-top:32px;}
#copyright .num img{width:15px; height:20px;}

#record{height:30px; line-height:30px; background:#333; font-size:16px; color:#fff; overflow:hidden;}
#record a{color:#fff;}
#language22{ display:none}    #es
body .ModuleMobileNavGiant{ display:none}

@media (max-width: 1600px){
    #banner{height:690px;}
    #banner .swiper-wrapper{height:690px;}
    #banner .swiper-slide{height:690px}
    #banner .swiper-slide img{
            width: 100%;
            height: 690px
    }
}

@media (max-width: 980px){
    /* 璇︽儏椤甸檮浠 */
    .file{width:96%;margin: 0 auto;}
    .file ul li{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1;}
    /* ESG */
    #esg {margin-top:50px;}
    #esg .esgModule1{width: 100%;height: auto;background:none;padding-top: 0;}
    #esg .esgModule1 .list{margin: 0 auto;width: 92%;}
    #esg .esgModule1 .list ul{display:flex;flex-wrap: wrap;}
    #esg .esgModule1 .list ul li{width:100%;height: auto;position: relative;margin: 20px 0;cursor: pointer;overflow:hidden;}
    #esg .esgModule1 .list ul li img{width: 100%;height: auto;}
    #esg .esgModule1 .list ul li a{display: block;}
    #esg .esgModule1 .list ul li:nth-child(2),#esg .esgModule1 .list ul li:nth-child(5){margin: 20px 0;}
    #esg .esgModule1 .list ul li p{width: 100%;height: 56px;line-height: 56px;color:#101010;font-size: 18px;text-align: center;background: #ffffffcf;font-weight: bold;position: absolute;bottom: 0;left: 0;right: 0;}
    #esg .esgModule1 .list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
    #esg .esgModule1 .list ul li:hover p{background: #1976d2b5;color:#fff;}
    #strategy .itemTab{border-left:none;}
    #esg .esgModule2 .itemTab,#strategy .itemTab,#trendsList .itemTab,#trendsList .itemTab{width: 92%;margin: 50px auto 15px;
        overflow: auto;
        white-space: nowrap;
        animation: movetext 10s linear infinite;}
    #esg .esgModule2 .itemTab ul,#strategy .itemTab ul,#trendsList .itemTab ul,#trendsList .itemTab ul{display: inline-flex;border: 1px solid #1976D2;height: 32px;border-radius: 5px ;margin-left: 0;}
    #esg .esgModule2 .itemTab ul li,#strategy .itemTab ul li,#trendsList .itemTab ul li,#trendsList .itemTab ul a{text-align: center;height: 30px;line-height: 30px;cursor: pointer;color:#1976D2;}
    #esg .esgModule2 .list{width: 96%;margin: 20px auto 0;}
    #esg .esgModule2 .list ul li{padding:20px 10px;border-bottom: 1px solid #BBBBBB;display: block;}
    #esg .esgModule2 .list ul li:nth-child(3){border-bottom:none;}
    #esg .esgModule2 .list ul li .img{width: 100%;height: auto;}
    #esg .esgModule2 .list ul li .img img{width: 100%;height: auto;}
    #esg .esgModule2 .list ul li .text{width: 100%;height: auto;}
    #esg .esgModule2 .list ul li .text h4{height: auto;font-size:16px;color:#1976D2;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
    #esg .esgModule2 .list ul li .text h4 a{font-size: 16px;color:#101010;cursor: pointer;}
    #esg .esgModule2 .list ul li .text h4:hover a{font-size: 16px;color:#1976D2;cursor: pointer;}
    #esg .esgModule2 .list ul li .text p{height: auto;font-size:14px;color:#666;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;margin-top:10px;}
    #esg .esgModule2 .list span{position: relative;margin: 0 auto;cursor: pointer;;width:112px; height:36px;display:block; line-height:36px; margin-top:24px; background:#1e88e5; font-size:12px; text-align:center; overflow:hidden;}
    #esg .esgModule2 .list span:after{content:''; position:absolute; left:50%; right:50%; top:50%; bottom:50%; display:block; background:#1976d2; opacity:0; transition:all 0.15s linear;}
    #esg .esgModule2 .list span a{position:relative; z-index:1; display:block; color:#fff;}
    #esg .esgModule2 .list span:hover:after{left:0; right:0; top:0; bottom:0; opacity:1; transition:all 0.15s linear;}
    #esg .esgModule3 .center{width: 92%;margin:0 auto;}
    #esg .esgModule3 .center .baogao{width: 100%;height: auto;background: #1976d28c;border:1px solid #1976D2;padding:40px 20px;}
    #esg .esgModule3 .center .baogao .text{padding:10px 0 10px 20px;border-left:2px solid #fff;margin-bottom: 32px;}
    #esg .esgModule3 .center .baogao .text h4{color:#fff;font-size:20px;font-weight: bold;}
    #esg .esgModule3 .center .baogao .text p{color:#fff;font-size:14px;line-height:25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 5;}
    #esg .esgModule3 .center .baogao .button{display: flex;justify-content: space-between;}
    #esg .esgModule3 .center .baogao .button .left{width:170px;height:40px;background: #fff;text-align: center;line-height: 40px;}
    #esg .esgModule3 .center .baogao .button .left a{color:#1976D2;font-size: 14px;display: block;cursor: pointer;}
    #esg .esgModule3 .center .baogao .button .right{height:40px;line-height: 40px;}
    #esg .esgModule3 .center .baogao .button .right a{color:#fff;font-size: 14px;cursor: pointer;}
    #esg .esgModule4{width: 92%;margin: 0 auto;}
    /* 鏀跨瓥涓庢姤鍛 */
    #policy {margin:0 auto;width: 92%;}
    #policy .title{border-left: 3px solid #1976D2;padding: 3px 0 3px 10px;}
    #policy .title h2{height:20px; line-height:20px; font-size:18px; font-weight:bold; overflow:hidden;color:#1976D2;}
    #policy .title h3{height:14px; line-height:14px; margin-top:5px; font-family:'Arial'; font-size:12px; color:#7d7d7d; overflow:hidden;}
    #policy .baokao1 .list {display: block;flex-wrap: wrap;margin-top: 35px;width: 100%;}
    #policy .baokao1 .list .item{display: flex;width: 100%;padding: 2%;position: relative;margin: 0 auto 20px;}
    #policy .baokao1 .list .item:nth-child(2n){margin-left: 0;}
    #policy .baokao1 .list .item .img{height: auto;}
    #policy .baokao1 .list .item .img img{height: auto;}
    #policy .baokao1 .list .item .text{width: 380px;}
    #policy .baokao1 .list .item .text h4{height: 44px;color:#333;font-size: 16px;line-height: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:2;}
    #policy .baokao1 .list .item .text .button{display: flex;justify-content: flex-end;margin-top:15px;}
    #policy .baokao1 .list .item .text .button span{display: block;margin-right: 15px;cursor: pointer;}
    #policy .baokao1 .list .item .text .button span a{color:#101010;font-size: 14px;}
    #policy .baokao2 .list{margin:10px;}
    #policy .baokao2 .list .item{display: inherit;justify-content: normal;padding: 10px 0;border-bottom:1px solid #EFEFEF;}
    #policy .baokao2 .list .item h4{background: url(img/img_17.png) no-repeat left center;background-size:37px 37px;padding-left:42px;height: 37px;line-height: 37px;color:#4F4F4F;font-size: 16px;}
    #policy .baokao2 .list .item .button{display: flex;justify-content: flex-end;}
    #policy .baokao2 .list .item .button span{display: block;margin-right: 20px;cursor: pointer;height: 37px;line-height: 37px;}
    #policy .baokao2 .list .item .button span a{font-size: 14px;}

    /* 鎴樼暐涓庣鐞 */
    #strategy {width: 92%;margin: 0 auto;}
    /* 鍔ㄦ€佸垪琛 */
    #trendsList .list{width: 96%;margin: 20px auto 0;}
    #trendsList .list ul li{padding:20px 10px;border-bottom: 1px solid #BBBBBB;display: block;}
    #trendsList .list ul li:nth-child(3){border-bottom:none;}
    #trendsList .list ul li .img{width: 100%;height: auto;}
    #trendsList .list ul li .img img{width: 100%;height: auto;}
    #trendsList .list ul li .text{width: 100%;height: auto;}
    #trendsList .list ul li .text h4{height: auto;font-size:16px;color:#1976D2;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;}
    #trendsList .list ul li .text h4 a{font-size: 16px;color:#101010;cursor: pointer;}
    #trendsList .list ul li .text h4:hover a{font-size: 16px;color:#1976D2;cursor: pointer;}
    #trendsList .list ul li .text p{height: auto;font-size:14px;color:#666;line-height: 24px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 3;margin-top:10px;}
    #trendsList .list span{position: relative;margin: 0 auto;cursor: pointer;;width:112px; height:36px;display:block; line-height:36px; margin-top:24px; background:#1e88e5; font-size:12px; text-align:center; overflow:hidden;}
    #trendsList .list span:after{content:''; position:absolute; left:50%; right:50%; top:50%; bottom:50%; display:block; background:#1976d2; opacity:0; transition:all 0.15s linear;}
    #trendsList .list span a{position:relative; z-index:1; display:block; color:#fff;}
    #trendsList .list span:hover:after{left:0; right:0; top:0; bottom:0; opacity:1; transition:all 0.15s linear;}




    #banner{height:178px}
    #banner .swiper-slide{height:178px}
    #banner .swiper-slide img{height:178px}
    #about{ display:block}
    .wrapper{ width:100%}
    .title h2{ font-size:25px}
    .title h3{ font-size:12px}
    .titleEsg h2{font-size:23px; padding: 0px 10px 10px;}
    .titleEsg h3{ line-height:22px; margin-top:10px;font-size:12px;overflow:auto;height: auto;}

    .wrap-white.p1 {padding: 30px 0 20px 0;}
    #lm-banner.esg{height: 94px;}
    #lm-banner.esg h4{padding-left:30px;font-weight: bold;font-size:22px;padding-top:13px;color:#fff;}
    #lm-banner.esg p{padding-left:30px;font-size:12px;color:#fff;}
    #lm-banner.policy h4,#lm-banner.strategy h4,#lm-banner.sustainability h4{padding-left:30px;margin: 0 auto;font-weight: bold;font-size:18px;padding-top:10px;color:#fff;}
    #lm-banner.policy p,#lm-banner.strategy p,#lm-banner.sustainability p{padding-left:30px;margin: 0 auto;font-size:12px;color:#fff;}



    #lm-banner.business{height: 178px;}
    #about{ padding-left:15px; padding-right:15px}
    #about .left{width:100%; height:200px}
    #about .left img{width:100%; height:200px}
    #about .right{ margin-left:0}
    #about .right h2{ font-size:20px}
    #about .right p {
        display: inline-block;
        height: auto;
        line-height: 30px;
        margin-top: 19px;
        font-size: 13px;
        text-indent: 28px;
        -webkit-line-clamp: 5;
    }
    #about .right h4 {
        position: relative;
        width: 140px;
        height: 40px;
        line-height: 38px;
        margin: 20px 0 0px;
        background: #fff;
        border: 1px solid #1e88e5;
        font-size: 12px;
        text-align: center;
        overflow: hidden;
    }
    .wrap-gray.p1{ padding-bottom:20px}

    #industry .weo-flex{ display:block}
    #industry .left{ margin-right:0}
    #industry .left p{ margin-top:20px;

        height: 124px;

        -webkit-line-clamp: 5;


    }
    #industry {
        margin: 30px 0; padding-left:15px; padding-right: 15px;
    }
    #industry .left h2{ font-size:21px}
    #industry .right{ width:100%; margin-top:15px}
    #industry .number ul li h3 em{ font-size:22px}
    #industry .number ul li h3 span {
        height: 16px;
        line-height: 16px;
        margin: 0 0 12px 2px;
        font-size: 13px;
        color: #1e88e5;
        overflow: hidden;
    }
    #industry .number ul li h4{ margin-top:0}

    #industry .number ul li img {
        display: block;
        width: 30px;
        height: 30px;
        margin: 0 auto;
    }
    #industry .number ul li h3{ margin-top:5px}
    #industry .number {
        margin-top: 25px;
    }
    #news{ display:block}
    #news .left{ width:100%;height:200px}
    #news .left img{ width:100%; height:200px}
    #news .right{  margin-left:0}
    #nav{ display:none}
    #footer .weo-flex{ display:block; }
    #f-search input{ width:260px}
    #f-contact {
        padding-left: 10px;
    }
    #f-contact p{margin-top: 10px;}
    #f-menu a{ font-size:13px}
    #f-menu i{margin: 0 6px;}
    #f-menu{padding: 0 0px 23px 0px;}
    #f-menu a{ width:25%; text-align:center;}
    #f-contact{ padding-top:20px}
    #f-menu{ margin-top:20px}
    #f-search input{ margin-left:10px}
    #footer {
        padding: 38px 0 43px 0;}
    #record{ font-size:13px}
    #copyright .text {
        line-height: 22px;
        font-size: 13px;}
    #copyright .text{ padding-left:10px; padding-right:10px}
    #copyright .num{ margin-top:8px}
    .new_index_header {
        position: fixed;
        z-index: 999;
        left: 0px;
        top: 0px;
        width: 100%;
        padding: 15px 0px;
        background: #fff;  box-shadow: 0 8px 8px 0px rgb(0 0 0 / 8%); display:block;

    }
    .xin_logo{ float: left; width: 176px; padding-left:10px}
    .xin_logo img{ width: 100%;padding-top: 4px;}

    .new_index_navbtn { float: right; margin-right: 15px; width: 27px; height: 22px; position: relative; cursor: pointer; margin-top: 7px; }

    .new_index_navbtn span { display: block; height: 2px; background: #333; top: 0px; position: absolute; width: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

    .new_index_navbtn span:nth-child(2) { width: 70%; top: 9px; }

    .new_index_navbtn span:nth-child(3) { top: 18px; }

    .new_index_navbtn:hover span { width: 100%; }

    .new_index_closeNavbtn span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 12px; }

    .new_index_closeNavbtn span:nth-child(2) { display: none; }

    .new_index_closeNavbtn span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 12px; }
    .new_Common_nav {
        display: none;
        position: fixed;
        left: 0px;
        top: 56px;
        bottom: 0px;
        right: 0px;
        overflow-y: auto;
        background-color: #fff;
    }
    .new_Common_nav ul { padding: 20px 15px 0px; }

    .new_Common_nav ul li { cursor: pointer; border-bottom: 1px solid #ccc; position: relative; }
    .new_Common_nav ul li h2{ margin:0; }
    .new_Common_nav ul li h2 a { font-weight: 700; height:50px; line-height: 50px; font-size: 14px; display: block; color: #333; position: relative; }

    .new_Common_nav ul li i { position: absolute; right: 0px; top: 0px; height: 50px; width: 30%; }

    .new_Common_nav ul li i:before { position: absolute; top: 50%; right: 10px; width: 10px; height: 10px; border-top: 2px solid #555; border-right: 2px solid #555; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; }

    .new_Common_nav ul li.cur .new_child_navbox { max-height: 1500px; height: auto; padding-bottom: 20px; }

    .new_Common_nav ul li.cur i:before { -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); -o-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }

    .new_child_navbox { width: 100%; background-color: #fff; overflow: hidden; max-height: 0px; }
    .new_childnav_web dd h3 { padding-top: 10px; margin:0; }



    .new_childnav_web dd h3 a { color: #4c4f55; font-size: 14px; display: block; background-image: url(../images/new_navicon15.png); background-repeat: no-repeat; background-position: -50px center; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

    .new_childnav_web dd h3 a:hover { padding-left: 30px; color: #ed3542; font-weight: 700; background-position: 0px center; }



    .new_childnav_web dd:last-child { background-image: none; }
    dd{ margin:0; padding-left: 0; }
    .new_childnav_Program dd h3 { padding-top: 10px; }
    .new_childnav_web{ margin:0; }
    #banner{margin-top: 12px;}
    #banner .swiper-button-prev, #banner .swiper-button-next{ width:40px}
    #about .right h3{ margin-top:3px}
    #news{ margin-top:20px}
    .wrap-white.p2 {
        padding: 20px 0 20px 0;
    }
    #f-menu{ border-bottom:none}
    #footer {
        padding: 38px 0 1px 0;
    }

    #lm-banner{ height:94px; margin-top:-22px}
    .wrap-white.p3 {
        padding: 30px 0;
    }

    #lm-about{ margin-top:30px}
    #lm-about{ padding-left:15px; padding-right:15px}
    #lm-industry .weo-flex{ display:block;}
        #lm-industry .number ul li h3 em{ font-size:14px}
        .number ul li{ width:25%; text-align:center}
        #lm-industry .number ul li h3 span{margin: 0 0 12px 2px;}
        #lm-industry .number ul li h4{ margin-top:0}
        #lm-industry .number ul li img{ width:30px; height:30px}

    #lm-industry .number ul li h3{ margin-top:0}
    #lm-industry .left{ margin-right:0}
    #lm-industry .left p{ margin-top:16px;

        height: 124px;

        -webkit-line-clamp: 5;
    }
    #lm-industry{ padding-left:10px; padding-right:10px}
    #lm-industry .right{ width:100%}
    #lm-industry .number ul li h4{ height:auto}
    #lm-industry .right{ margin-top:12px}
    #lm-industry {
        margin-top: 26px;
    }
    #lm-industry .left h2{ font-size:22px}
    #lm-industry .left h4{ margin-top:10px}
    #honor-list {
        margin-top: 20px;
    }
    #honor-list ul li img{ width:100%}
    #honor-list ul li span{ width:100%}
    #honor-list ul li{ width:47%; margin:0 auto; margin-bottom:20px}
    #honor-list{ width:94%; margin:0 auto}
    #honor-list ul li h3{ margin-top:4px}

    #lm-news .left{ display:none}
    #lm-news .right{ margin-left:0; width:100%}
    #lm-news h2{ padding-left:10px;}
    #lm-news h3{ padding-left:10px;}
    #lm-news {
        margin-top: 20px;
    }
    #news-list ul li .date{ width:87px}
    #news-list ul li .date h4{ font-size:22px}
    #news-list ul li section { margin-left:12px}
    #news-list {
        margin-top: 28px;
    }

    #article-title{ margin-left:10px; margin-right:10px; height:auto}
    #article-info{ padding-left:10px; padding-right:10px}
    #article{ padding-left:10px; padding-right:10px}
    #business1-product .text h3{ font-size:14px;height: 20px;
        line-height: 20px;}
        #business1-product .item ul li { width:48%; margin:0 auto; height:270px; margin-top:15px;
        background: #f8f9f9;}
        #business1-product .item ul li img{ width:100%; height:170px}
        #business1-product .item ul li span{ width:100%; height:170px}

        #business1-product .item ul li:nth-child(4n+1) {
        margin-left: auto;margin-bottom: 10px;
    }
    #building ul li img{ width:100%; height:100px}
    #building ul li span{ margin-left:10px}
    #building ul li section{ width:60%}
    #building ul li section p {
        height: auto;
        line-height: 20px;
        margin-top: 8px;
        font-size: 12px;
        color: #999;
    }

    #building ul li section h4 {
        width: 120px;
        height: 30px;
        line-height: 30px;
        margin-top: 10px;
        border: 1px solid #1976d2;
        font-size: 12px;
        text-align: center;
        color: #1976d2;
        overflow: hidden;
    }
    #building ul li span{ width:40%}
    #building ul li span{ height:107px}
    #building ul li section h3{ font-size:18px}
    #building{ width:96%; margin:0 auto}
    #building ul li {
        margin-top: 20px;
    }

    #building{ padding-top:30px}
    #building-news h2{ font-size:20px}
    #building-news h3{ font-size:14px}

    #building-news{width:96%; margin:0 auto; margin-top:10px}
    #building-news{ padding-top:20px}
    #building-list {
        margin-top: 30px;
    }

    #building-list ul li section{ margin-left:10px}
    #building-list ul li section h3{ font-size:16px}

    #building-list{ padding-left:10px; padding-right:10px}
    #pageinfo + .title{ margin-top:0}

    #honor-list{ margin-top:20px}
    #team{ margin-top:20px}
    .weo-text-right {
        text-align: center;
    }
    #job-nodata {
        margin-top: 3px;
        padding: 20px 0;
    }
    #contact .weo-flex{ display:block}
    #contact .left h2{ font-size:20px}
    #contact{ padding-left:10px; padding-right:10px}
    #contact .left .text p{ font-size:14px; margin-top:10px}
    #contact .left .text p{ padding-left:30px}
    #contact .left .text {
        margin-top: 20px;
    }
    #contact .right{ margin-left:0; width:100%;height:240px; margin-top:10px}
    #contact .right img{ height:240px; width:100%}
    #contact .map {
        height: 200px;
        margin-top: 20px;}



        #contact .left .text p.c-icon1{background-size: 5%;}
    #contact .left .text p.c-icon2{background-size: 5%;}
    #contact .left .text p.c-icon3{background-size: 5%;}
    #contact .left .text p.c-icon4{background-size: 5%;}

    #contact .item {
        margin-top: 30px;
    }
    #link h2 em{ font-size:24px}
    #link .item img{ display:block}
    #link .item img {
        display: inline-block;
        width: 47%;
        display: inline-block;
        float: left; margin-right: 8px;
    }
    #link h2 em{ font-size:20px}
    #link{ padding-left:10px}

    #pd-item{padding: 20px 0; padding-left:10px; padding-right:10px}
    #pd-item {
        line-height: 200%;
        margin-top: 27px;
        }
    .wrap-white.p4 {
        padding: 20px 0 30px 0;
    }
    #image-preview .swiper-button-prev{ left:10px}
    #image-preview .swiper-button-next{ right:10px}
        #image-preview .swiper-slide{ width:100%!important}
        #image-preview{padding: 60px 40px}
        #image-preview .swiper-slide img{ height:184px}
        #image-preview .swiper-container{transform: translate(-50%,-12%); height:auto}
        #industry .number ul li h4{ height:auto}
        #industry .number ul li h3 em{ font-size:17px}
    #lm-industry .number ul li h4{ font-size:12px}


    #language22 {
        display: block;
        background: #fff;
        width: 100%;
        height: 30px;
        top: 59px; text-align: right;
    }
    #language22 {
        display: block;
        background: #fff;
        width: 100%;
        height: 35px;
        line-height: 35px;
        top: 57px;
        text-align: right;
        padding-right: 18px;
    }
    #language22 a{ color:#222; padding-right:5px}
    #language22 a:nth-child(2){ color:#808080; font-weight:bold}

    .xin_di{ background:#000; bottom:30px; height:50px; width:100%; position:fixed; display:block}
    .xin_di a{ width:32%; text-align:center; color:#fff; display:inline-block}
    .xin_di1{ margin-top:4px}
    #record {
        font-size: 13px;
        position: fixed;
        bottom: 0;
        width: 100%;
    }
    #lm-about p img{  height:auto!important}
    #lm-about {
        padding: 0px 6px;
    }

        #lm-about p img:nth-child(2n){ float:right; }
        #industry .number ul{ display:block}
        .number ul li {
        width: 49%;
        text-align: center;
        display: inline-block; margin-top: 30px;;
    }
    #industry .number ul li img{ width:40px; height:40px}
    #industry .number ul li h3 em {
        font-size: 40px;
        line-height: 40px;
        height: 40px;
    }
    #industry .number ul li h3{align-items: baseline;}
    #prev-next{ display:block;padding: 5px 15px;}
    #prev-next a{ margin-top:10px; line-height:20px; height:20px; display:block;  white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; width:100%; max-width:100%;}

    .Mark {padding-left: 15px;
        padding-right: 15px;}
        #article-share{ padding-left:15px}

        #f-search { display:none}
        #f-menu{display:none}
        #f-logo{ margin-top:0}
        #footer{ padding-bottom:30px}
        #f-contact{ padding-left:38px}

        #copyright .text{padding-bottom: 100px;}
        #honor-list ul li span{ height:200px}
        #honor-list ul li h3{ text-align:center; font-size:15px}
        #lm-news .left{ display:block;  width: 94%; margin: 0 auto;
    }
        #lm-news .left img {
        width: 100%;
        height: 160px;
    }

    #lm-news .weo-flex{ display:block}
    #lm-news .left{ height:auto}
        #pd-item p:nth-child(1){text-indent:0!important}
        #lm-industry .number ul{ display:block}

        #lm-industry .number ul li img{ width:40px; height:40px}
        #lm-industry .number ul li h3 em{ font-size:40px}
        #lm-industry .number ul li h3{    align-items: baseline;}

        #honor-list ul li h4{ text-align:center; margin-top:10px}

        #business2-advantage ul{ display:block}
        #business2-advantage ul li{ width:100%; margin-top:20px}
        #business2-advantage{ width:94%; margin:0 auto}
        #business2-advantage ul li:nth-child(1) .text{border-right:1px solid #e5e5e5}
        #business2-advantage ul li:nth-child(2) .text{border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5}
        #business2-advantage ul li:nth-child(3) .text{border-left:1px solid #e5e5e5;}

        #business2-advantage ul li:nth-child(2){ position:relative}
        #business2-advantage ul li:nth-child(2) img{ position:absolute; bottom:0;left:0}

        #lm-banner {
        height: 64px;
        margin-top: 0;
    }
    #team .firstRow img{ display:block!important}
    #team .firstRow td{ width:100%!important;display: block;}
    #team .firstRow img{ width:100%!important}

        body .ModuleMobileNavGiant{ display:block}

        .header2{ display:none}

        #banner {
        margin-top: 34px;
    }
    #language22 {
        display: block;
        background: #fff;
        width: 100%;
        height: 35px;
        line-height: 35px;
        top: 49px;
        text-align: right;
        padding-right: 18px;
    }

    #lm-banner{margin-top: 33px;}
    .xin_di{  z-index:999}
    .xin_di2{ font-size:13px}
    #record a {  font-size:13px}
    body .icon-wangluo:before {
        content: "";
    }
    #lm-about-culture img{ width:49%!important; display:inline-block; height:auto!important}
    #lm-about-culture img:nth-child(2n){ float:right;}
    #honor-listzizhi h3{ text-align:center; font-size:14px; line-height:30px}
    #honor-listzizhi ul li{ margin-top:15px}
    #honor-listzizhi{ width:96%; margin:0 auto}


    #honor-listzizhi ul li{ width:100%; margin:0; margin-top:20px}
    #honor-listzizhi ul li img{ width:100%; height:auto}
    #honor-listzizhi ul li span{ width:100%; height:auto;}
    #honor-listzizhi ul li h3{ margin-top:6px}
    #honor-listzizhi ul li:nth-child(-n+3){ margin-top:15px}
    #image-preview .swiper-slide p{ color:#fff; font-size:13px; text-align:center; line-height:30px}

    #business2-product .item{
        display: inline-block;
        width: 100%;
    }
    #business2-product .item img{
        width: 100%;
        height: auto;
    }
    #business2-product .item section{
        display: inline-block;
        padding: 10px;
    }
    #business2-product .item section p{
        height: 192px;
        line-height: 28px;}

    #business2-product .item i{display:none}
    #business2-product .item section a{display:none}

    #pageinfo{
        margin-bottom: 50px;
    }
    #business1-product{

        background-size: auto;
    }


}