/*全局样式*/

body{overflow-x:hidden;}
.wrapper{width:1200px;}
.wrap-white{width:100%; padding:60px 0; background:#fff;}
.wrap-gray{width:100%; padding:60px 0; background:#f1f2f6;}

/*头部样式*/

#header{height:88px;}
#header.wrapper{width:1400px;}
#logo{left:0; top:20px;}
#logo img{width:182px; height:48px;}
#nav{right:0; top:0;}
#nav ul li{position:relative; float:left; height:88px; line-height:88px; margin-left:60px; font-size:17px;}
#nav ul li:first-child{margin-left:0 !important;}
#nav ul li a{display:block;}
#nav ul li a:hover{color:#ea1000;}
#nav ul li em{position:absolute; left:-30px; top:37px; display:block; width:1px; height:16px; background:#e1e1e1;}
#nav ul li.current{margin-left:30px; background:#ea1000;}
#nav ul li.current > a{padding:0 30px; color:#fff;}
#nav ul li.current > em{display:none;}
#nav ul li.current + li{margin-left:30px;}
#nav ul li.current + li > em{display:none;}
#nav ul li:hover ul{display:block;}
#nav ul li ul{position:absolute; left:-60px; right:-60px; top:88px; padding:14px 0; background:rgba(0,0,0,.6); z-index:999; display:none;}
#nav ul li.current ul{left:-30px; right:-30px;}
#nav ul li ul.max{left:-96px; right:-96px;}
#nav ul li.current ul.max{left:-66px; right:-66px;}
#nav ul li ul li{float:none; margin-left:0; height:44px; line-height:44px; font-size:16px; text-align:center; overflow:hidden;}
#nav ul li ul li a{color:#fff;}

/*首页样式*/

#banner,#banner-img,#banner-img ul li,#banner-img ul li a{width:100%; height:720px;}
#banner-img ul li{float:left; overflow:hidden;}
#banner-img ul li a{display:block;}
#banner-btn{left:50%; bottom:40px; transform:translateX(-50%); height:10px; overflow:hidden;}
#banner-btn dl{display:flex; justify-content:center;}
#banner-btn dl dd{width:10px; height:10px; margin:0 6px; background:#fff; border-radius:50%; cursor:pointer;}
#banner-btn dl dd.on{background:#ea1000;}
#prev,#next{top:50%; transform:translateY(-50%); width:26px; height:48px; background-repeat:no-repeat; background-position:center; cursor:pointer; opacity:.7; display:none;}
#prev{left:60px; background-image:url(img/prev.png);}
#next{right:60px; background-image:url(img/next.png);}
#prev:hover,#next:hover{opacity:1;}

.title img{margin:0 auto;}
.title h2{height:32px; line-height:32px; margin-top:8px; font-size:30px; font-weight:bold; overflow:hidden;}
.title h3{height:18px; line-height:18px; margin-top:14px; font-size:15px; color:#888; overflow:hidden;}

#about{margin-top:40px;}
#about .fl{position:relative; width:540px; height:428px; z-index:99; overflow:hidden;}
#about .fl h2{height:44px; overflow:hidden;}
#about .fl h2 em{display:block; height:24px; line-height:24px; font-size:22px; overflow:hidden;}
#about .fl h2 span{display:block; height:14px; line-height:14px; margin-top:6px; font-size:12px; font-family:'Arial'; text-transform:uppercase; color:#888; overflow:hidden;}
#about .fl h3{height:20px; line-height:20px; margin-top:30px; font-size:17px; overflow:hidden;}
#about .fl p{height:96px; line-height:32px; margin-top:20px; font-size:15px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
#about .fl dl{display:flex; justify-content:space-between; height:94px; margin-top:34px; overflow:hidden;}
#about .fl dl dd{height:94px; cursor:pointer; overflow:hidden;}
#about .fl dl dd em{display:block; width:64px; height:64px; margin:0 auto; background-repeat:no-repeat; background-position:center; background-color:#d9d8de; border-radius:50%;}
#about .fl dl dd em.a-icon1{background-image:url(img/a-icon1.png);}
#about .fl dl dd em.a-icon2{background-image:url(img/a-icon2.png);}
#about .fl dl dd em.a-icon3{background-image:url(img/a-icon3.png);}
#about .fl dl dd em.a-icon4{background-image:url(img/a-icon4.png);}
#about .fl dl dd span{display:block; height:18px; line-height:18px; margin-top:12px; font-size:15px; text-align:center; color:#888; overflow:hidden;}
#about .fl dl dd:hover em{background-color:#ea1000;}
#about .fl dl dd:hover em.a-icon1{background-image:url(img/a-icon1-h.png);}
#about .fl dl dd:hover em.a-icon2{background-image:url(img/a-icon2-h.png);}
#about .fl dl dd:hover em.a-icon3{background-image:url(img/a-icon3-h.png);}
#about .fl dl dd:hover em.a-icon4{background-image:url(img/a-icon4-h.png);}
#about .fl dl dd:hover span{color:#ea1000;}
#about .fl h4{width:158px; height:48px; line-height:48px; margin-top:42px; background:#ea1000; border-radius:4px; font-size:14px; text-align:center; overflow:hidden;}
#about .fl h4 a{display:block; color:#fff;}
#about .fl h4 span{display:inline-block; padding-right:24px; background:url(img/more.png) no-repeat right center;}
#about .fr{position:relative; width:600px; height:428px; z-index:99; overflow:hidden;}
#about .fr img{position:absolute; left:0; bottom:0; width:584px; height:412px; overflow:hidden;}
#about .fr em{right:0; top:0; display:block; background:#ea1000;}
#about .fr em.w{width:300px; height:16px;}
#about .fr em.h{width:16px; height:200px;}
#about-bg{left:-50px; top:36px; width:678px; height:322px; overflow:hidden;}
#about-bg img{width:678px; height:322px;}

#wrap-subcompany{width:100%; padding:60px 0; background:url(img/subcompany-bg.jpg) no-repeat top center #fff;}
#wrap-subcompany .title h2,#wrap-subcompany .title h3{color:#fff;}

#subcompany{margin-top:40px;}
#subcompany-item{width:1200px; height:600px;}
#subcompany-item ul li{position:relative; float:left; width:1200px; height:600px; cursor:pointer; overflow:hidden;}
#subcompany-item ul li img{width:1200px; max-width:none; height:600px;}
#subcompany-item ul li section{position:absolute; left:0; bottom:0; width:400px; height:200px; padding:30px; background:rgba(0,0,0,.5); color:#fff; overflow:hidden;}
#subcompany-item ul li section h3{height:20px; line-height:20px; font-size:18px; overflow:hidden;}
#subcompany-item ul li section p{height:84px; line-height:28px; margin-top:20px; font-size:15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
#subcompany-item ul li section h4{width:158px; height:48px; line-height:48px; margin-top:28px; background:#ea1000; border-radius:4px; font-size:14px; text-align:center; overflow:hidden;}
#subcompany-item ul li section h4 a{display:block; color:#fff;}
#subcompany-item ul li section h4 span{display:inline-block; padding-right:24px; background:url(img/more.png) no-repeat right center;}
#sc-prev,#sc-next{bottom:0; width:64px; height:64px; background-repeat:no-repeat; background-position:center; background-size:12px 22px; cursor:pointer;}
#sc-prev{right:64px; background-image:url(img/prev1.png); background-color:#fff;}
#sc-next{right:0; background-image:url(img/next.png); background-color:#ea1000;}
#subcompany-thumb{height:144px; margin-top:16px; overflow:hidden;}
#subcompany-thumb dl dd{position:relative; float:left; width:288px; height:144px; margin-left:16px; cursor:pointer; overflow:hidden;}
#subcompany-thumb dl dd:first-child{margin-left:0;}
#subcompany-thumb dl dd h3{position:absolute; left:0; right:0; top:0; height:144px; line-height:144px; background:rgba(0,0,0,.35); font-size:15px; text-align:center; color:#fff; overflow:hidden;}
#subcompany-thumb dl dd.on em{position:absolute; left:0; right:0; top:0; bottom:0; display:block; border:3px solid #ea1000;}

#case{margin-top:40px;}
#case-item{width:1920px; height:516px; margin:0 -360px; overflow:hidden;}
#case-item ul li{position:relative; float:left; width:456px; height:516px; margin-right:32px; overflow:hidden;}
#case-item ul li img{width:456px; max-width:none; height:516px;}
#case-item ul li h3{position:absolute; left:0; right:0; bottom:0; height:16px; line-height:16px; padding:60px 20px 30px 20px; background:url(img/gradual.png) repeat-x bottom center; background-size:1px 106px; font-size:16px; text-align:center; color:#fff; overflow:hidden;}
#case-shape-l,#case-shape-r{top:0; width:456px; height:516px; background:rgba(255,255,255,.42);}
#case-shape-l{left:-360px;}
#case-shape-r{right:-360px;}
#c-prev,#c-next{top:226px; width:64px; height:64px; background-repeat:no-repeat; background-position:center; background-size:16px 30px; background-color:#ccc; border-radius:50%; cursor:pointer;}
#c-prev{left:0; background-image:url(img/prev.png);}
#c-next{right:0; background-image:url(img/next.png);}
#c-prev:hover,#c-next:hover{background-color:#ea1000;}
#case-line{position:relative; height:5px; margin-top:40px;}
#case-line em{position:absolute; left:0; right:0; top:2px; height:1px; background:#d9d9d9;}
#case-line dl{display:flex;}
#case-line dl dd{position:relative; flex:1; height:5px; border-radius:2.5px; cursor:pointer; z-index:99;}
#case-line dl dd.on{background:#d9d9d9;}

#case-more{width:168px; height:48px; line-height:48px; margin:40px auto 0 auto; background:#ea1000; border-radius:4px; font-size:14px; text-align:center; overflow:hidden;}
#case-more a{display:block; color:#fff;}
#case-more span{display:inline-block; padding-right:24px; background:url(img/more.png) no-repeat right center;}

#news-rmd{width:340px; height:458px; margin-top:40px; padding:30px; background:#f7f7f7; overflow:hidden;}
#news-rmd h3{height:56px; line-height:28px; font-size:17px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
#news-rmd p{height:78px; line-height:26px; margin-top:12px; font-size:15px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
#news-rmd h4{height:18px; line-height:18px; margin-top:14px; font-size:15px; color:#999; overflow:hidden;}
#news-rmd span{display:block; width:340px; height:246px; margin-top:34px; overflow:hidden;}
#news-rmd img{width:340px; max-width:none; height:246px;}
#news-rmd:hover h3{color:#ea1000;}

#news-item{width:760px; height:518px; margin-top:40px; overflow:hidden;}
#news-item ul li{position:relative; height:140px; margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid #e1e1e1; overflow:hidden;}
#news-item ul li:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;}
#news-item ul li span{display:block; width:194px; height:140px; overflow:hidden;}
#news-item ul li img{width:194px; max-width:none; height:140px;}
#news-item ul li section{position:absolute; left:214px; right:0; top:6px; height:128px; overflow:hidden;}
#news-item ul li section h3{height:20px; line-height:20px; font-size:17px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news-item ul li section p{height:52px; line-height:26px; margin-top:18px; font-size:15px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
#news-item ul li section h4{height:18px; line-height:18px; margin-top:20px; font-size:15px; color:#999; overflow:hidden;}
#news-item ul li section h4 em{float:right; display:block; width:30px; height:18px; background:url(img/arrow.png) no-repeat center;}
#news-item ul li:hover section h3{color:#ea1000;}
#news-item ul li section h4 em:hover{background-image:url(img/arrow-h.png);}

/*内页样式*/

#lm-banner{width:100%; height:520px; background:url(img/lm-banner.jpg) no-repeat center; background-size:cover;}

#lmdh{position:relative; width:100%; height:68px; background:#fff; overflow:hidden;}
#lmdh .wrapper{width:1400px;}
#menu dl dd{float:left; height:68px; line-height:68px; margin-right:40px; font-size:16px; overflow:hidden;}
#menu dl dd:last-child{margin-right:0;}
#menu dl dd a{display:block;}
#menu dl dd a:hover{color:#ea1000;}
#menu dl dd.current{position:relative; font-weight:bold;}
#menu dl dd.current a{color:#ea1000;}
#menu dl dd.current em{position:absolute; left:50%; bottom:0; transform:translateX(-50%); display:block; width:40px; height:3px; background:#ea1000;}
#position{height:68px; line-height:68px; padding-left:24px; background:url(img/home.png) no-repeat left center; font-size:15px; color:#888; overflow:hidden;}
#position a{color:#888;}
#position a:hover{color:#ea1000;}

#main.wrap-gray{padding: 40px 0;}

#news-list ul li{position:relative; height:186px; margin-top:30px; padding:24px; background:#fff; overflow:hidden;}
#news-list ul li:first-child{margin-top:0;}
#news-list ul li span{display:block; width:258px; height:186px; overflow:hidden;}
#news-list ul li img{width:258px; max-width:none; height:186px;}
#news-list ul li section{position:absolute; left:310px; right:30px; top:40px; height:154px; overflow:hidden;}
#news-list ul li section h3{height:20px; line-height:20px; font-size:18px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news-list ul li section p{height:78px; line-height:26px; margin-top:18px; font-size:15px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
#news-list ul li section h4{height:18px; line-height:18px; margin-top:20px; font-size:15px; color:#999; overflow:hidden;}
#news-list ul li section h4 em{float:right; display:block; width:30px; height:18px; background:url(img/arrow.png) no-repeat center;}
#news-list ul li:hover section h3{color:#ea1000;}
#news-list ul li section h4 em:hover{background-image:url(img/arrow-h.png);}

#case-list ul{margin:-30px 0 0 -30px;}
#case-list ul li{position:relative; float:left; width:380px; height:430px; margin:30px 0 0 30px; overflow:hidden;}
#case-list ul li img{width:380px; max-width:none; height:430px;}
#case-list ul li h3{position:absolute; left:0; right:0; bottom:0; height:16px; line-height:16px; padding:60px 20px 30px 20px; background:url(img/gradual.png) repeat-x bottom center; background-size:1px 106px; font-size:16px; text-align:center; color:#fff; overflow:hidden;}

#pageinfo{margin-top:40px; font-size:0;}
#pageinfo a{display:inline-block; min-width:15px; height:46px; line-height:46px; margin:0 4px; padding:0 16px; background:#fff; border:1px solid #e1e1e1; font-size:15px; color:#666;}
#pageinfo a:hover{color:#ea1000;}
#pageinfo a.info{color:#999;}
#pageinfo a.current{background:#ea1000; border-color:#ea1000; color:#fff;}

#single{line-height:220%; padding:50px; background:#fff; font-size:15px; color:#464646;}
#single img{display:inline-block; vertical-align:middle;}
#article-title{line-height:180%; font-size:19px; font-weight:bold; text-align:center; color:#333;}
#article-info{margin:12px 0; font-size:15px; text-align:center; color:#999;}

#prev-next{height:18px; margin-top:30px; overflow:hidden;}
#prev-next dl dd{float:left; max-width:50%; height:18px; line-height:18px; font-size:15px; overflow:hidden;}
#prev-next dl dd:last-child{float:right;}
#prev-next dl dd a:hover{color:#ea1000;}

#contact{padding:40px; background:#fff;}
#contact h2{height:22px; line-height:22px; margin-bottom:30px; font-size:20px; font-weight:bold; overflow:hidden;}
#contact .fl p{height:32px; line-height:32px; margin-top:18px; padding-left:44px; background-repeat:no-repeat; background-position:left center; font-size:15px; overflow:hidden;}
#contact .fl p:first-child{margin-top:0;}
#contact .fl p.c-icon1{background-image:url(img/c-icon1.png);}
#contact .fl p.c-icon2{background-image:url(img/c-icon2.png);}
#contact .fl p.c-icon3{background-image:url(img/c-icon3.png);}
#contact .fl p.c-icon4{background-image:url(img/c-icon4.png);}
#contact .fr{margin-top:20px;}
#contact .fr img{width:112px; height:112px; border:1px solid #e1e1e1;}
#contact .fr h3{height:18px; line-height:18px; margin-top:10px; font-size:15px; text-align:center; color:#666; overflow:hidden;}

#map{height:520px; margin-top:20px; background:#fff; overflow:hidden;}
#map img{max-width:none;}
.anchorBL{display:none;}

/*子公司*/

.lm-title h2{height:30px; line-height:30px; font-size:28px; font-weight:bold; overflow:hidden;}
.lm-title h3{height:18px; line-height:18px; margin-top:12px; font-size:16px; font-family:'Arial'; text-transform:uppercase; color:#888; overflow:hidden;}

#sub-about h2{height:30px; line-height:30px; margin-bottom:40px; font-size:28px; font-weight:bold; overflow:hidden;}
#sub-about h2 span{margin-left:16px; font-size:16px; font-family:'Arial'; font-weight:normal; text-transform:uppercase; color:#888;}
#sub-about .fl{position:relative; width:492px; height:510px; overflow:hidden;}
#sub-about .fl img{position:absolute; right:0; top:0; width:480px; height:498px;}
#sub-about .fl em{left:0; bottom:0; display:block; background:#ea1000;}
#sub-about .fl em.h{width:12px; height:458px;}
#sub-about .fl em.w{width:440px; height:12px;}
#sub-about .fr{width:660px; margin-top:40px; overflow:hidden;}
#sub-about .fr h3{height:22px; line-height:22px; font-size:22px; font-weight:bold; color:#ea1000; overflow:hidden;}
#sub-about .fr section{height:360px; line-height:36px; margin-top:36px; font-size:15px; color:#464646; overflow:hidden;}
#sub-about .fr section p{margin-top:18px;}
#sub-about .fr section p:first-child{margin-top:0;}

.product{height:356px; margin-top:40px;}
.product-item{height:356px; overflow:hidden;}
.product ul li{float:left; width:288px; height:356px; margin-right:16px; overflow:hidden;}
.product ul li span{display:block; width:286px; height:306px; background:#fff; border:1px solid #e1e1e1; overflow:hidden;}
.product ul li img{width:286px; max-width:none; height:306px;}
.product ul li h3{height:48px; line-height:48px; padding:0 18px; background:#e1e1e1; font-size:15px; text-align:center; white-space:normal; text-overflow:ellipsis; overflow:hidden;}
.product ul li:hover span{border-color:#ea1000;}
.product ul li:hover h3{background:#ea1000; color:#fff;}
.p-prev,.p-next{top:50%; transform:translateY(-50%); width:26px; height:48px; background-repeat:no-repeat; background-position:center; cursor:pointer;}
.p-prev{left:-46px; background-image:url(img/prev2.png);}
.p-next{right:-46px; background-image:url(img/next2.png);}
.p-prev:hover{background-image:url(img/prev1.png);}
.p-next:hover{background-image:url(img/next1.png);}

/*底部样式*/

#footer{width:100%; padding-top:60px; background:url(img/footer-bg.jpg) no-repeat top center; background-size:cover;}
#f-contact img{width:206px; height:72px;}
#f-contact section{line-height:40px; margin-top:20px; font-size:15px; color:#fff; overflow:hidden;}
#f-contact section span{display:flex; align-items:center;}
#f-contact section em{font-size:26px; font-family:'Arial'; font-weight:bold; color:#ea1000;}
#f-menu{margin-left:120px;}
#f-menu dl{float:left; margin-left:80px;}
#f-menu dl:first-child{margin-left:0;}
#f-menu dl dt{height:18px; line-height:18px; margin-bottom:16px; font-size:16px; color:#fff; overflow:hidden;}
#f-menu dl dd{height:34px; line-height:34px; font-size:14px; overflow:hidden;}
#f-menu dl dd a{display:block; color:#d0d0d1;}
#f-menu dl dd a:hover{color:#fff;}
#f-qrcode{width:112px;}
#f-qrcode img{width:112px; height:112px; margin:0 auto;}
#f-qrcode h3{height:36px; line-height:30px; background:#fff; font-size:14px; text-align:center; color:#888; overflow:hidden;}
#copyright{height:80px; line-height:80px; margin-top:40px; border-top:1px solid rgba(255,255,255,.25); font-size:14px; text-align:center; color:#b3b3b4; overflow:hidden;}
#copyright a{color:#b3b3b4;}
#copyright a:hover{color:#fff;}