/*全局样式*/

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

/*头部样式*/

#header{height:112px;}
#logo{left:0; top:20px;}
#logo img{width:568px; height:72px;}
#tel{right:0; top:31px; display:flex; align-items:center;}
#tel em{display:block; width:42px; height:42px; margin-right:10px; background:url(img/tel.png) no-repeat center #ffa217; border-radius:50%;}
#tel section{height:50px; overflow:hidden;}
#tel section h4{height:18px; line-height:18px; font-size:16px; overflow:hidden;}
#tel section h3{height:28px; line-height:28px; margin-top:4px; font-size:26px; font-weight:bold; color:#ff9900; overflow:hidden;}

#nav{width:100%; height:64px; background:#0260a2;}
/*#nav ul{display:flex;}*/
#nav ul li{    display: inline-block;position:relative; height:64px; line-height:64px; background:url(img/nav-line.png) no-repeat left center; box-sizing:border-box; font-size:17px; text-align:center;}
#nav ul li:first-child{ background:none;}
#nav ul li a{display:block; padding:0 41px; color:#fff;}
#nav ul li:hover{background:#038ad6;}
#nav ul li:hover + li{background-image:none;}
#nav ul li.current{background:#038ad6;}
#nav ul li.current + li{background-image:none;}
#nav ul li:hover ul{display:block;}
#nav ul li ul{    transform: translate(-50%, 0px);position:absolute; left:50%; top:64px; min-width:100%; width:max-content; padding:14px 0; background:#ffa217; z-index:99; display:none;}
#nav ul li ul li{display:block; height:44px; line-height:44px; background:none; font-size:16px; overflow:hidden;}
#nav ul li ul li a{padding:0 22px;}
#nav ul li ul li:hover{background:none;}
#nav ul li ul li:hover a{opacity:.8;}

/*首页样式*/

#banner,#banner-img,#banner-img ul li,#banner-img ul li a{width:100%; height:552px;}
#banner-img ul li{float:left; overflow:hidden;}
#banner-img ul li a{display:block;}
#banner-btn{left:50%; transform:translateX(-50%); bottom:30px; 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:#ff9900;}
#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:30px; background-image:url(img/prev.png);}
#next{right:30px; background-image:url(img/next.png);}
#prev:hover,#next:hover{opacity:1;}

.title h3{height:20px; line-height:20px; font-size:17px; text-transform:uppercase; color:#666; overflow:hidden;}
.title h2{height:32px; line-height:32px; margin-top:10px; font-size:30px; font-weight:bold; overflow:hidden;}
.title em{position:relative; display:block; margin:18px auto 0 auto; width:300px; height:1px; background:#d6d6d6;}
.title em i{position:absolute; left:50%; top:-1px; transform:translateX(-50%); display:block; width:60px; height:3px; background:#ff9900;}

#service{margin-top:40px;}
#service .fl,#service .fr{width:600px; height:456px; overflow:hidden;}
#service .fl dl dd{width:600px; height:228px; overflow:hidden;}
#service .fl dl dd span{float:left;}
#service .fl dl dd section{float:left;}
#service .fr dl{display:flex;}
#service .fr dl dd{width:300px; height:456px;}
#service dl dd span{position:relative; display:block; width:300px; height:228px; overflow:hidden;}
#service dl dd img{width:300px; max-width:none; height:228px;}
#service dl dd i{position:absolute; display:block; width:0; height:0;}
#service dl dd i.l{left:0; top:50%; transform:translateY(-50%); border-top:12px solid transparent; border-bottom:12px solid transparent; border-left:12px solid #fff;}
#service dl dd i.r{right:0; top:50%; transform:translateY(-50%); border-top:12px solid transparent; border-bottom:12px solid transparent; border-right:12px solid #fff;}
#service dl dd i.t{top:0; left:50%; transform:translateX(-50%); border-left:12px solid transparent; border-right:12px solid transparent; border-top:12px solid #fff;}
#service dl dd i.b{bottom:0; left:50%; transform:translateX(-50%); border-left:12px solid transparent; border-right:12px solid transparent; border-bottom:12px solid #fff;}
#service dl dd section{width:240px; height:168px; padding:30px; background:#fff; text-align:center; overflow:hidden;}
#service dl dd section em{display:block; width:100%; background-repeat:no-repeat; background-position:center;}
#service dl dd section em.s-icon1{height:40px; margin-top:26px; background-image:url(img/s-icon1.png);}
#service dl dd section em.s-icon2{height:52px; margin-top:20px; background-image:url(img/s-icon2.png);}
#service dl dd section em.s-icon3{height:52px; margin-top:20px; background-image:url(img/s-icon3.png);}
#service dl dd section em.s-icon4{height:48px; margin-top:22px; background-image:url(img/s-icon4.png);}
#service dl dd section h3{height:24px; line-height:24px; margin-top:22px; font-size:22px; overflow:hidden;}
#service dl dd section h4{height:18px; line-height:18px; margin-top:12px; font-size:15px; color:#7c7c7c; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#service dl dd:hover i.l{border-left:12px solid #ffa217;}
#service dl dd:hover i.r{border-right:12px solid #ffa217;}
#service dl dd:hover i.t{border-top:12px solid #ffa217;}
#service dl dd:hover i.b{border-bottom:12px solid #ffa217;}
#service dl dd:hover section{background:#ffa217;}
#service dl dd:hover section em.s-icon1{background-image:url(img/s-icon1-h.png);}
#service dl dd:hover section em.s-icon2{background-image:url(img/s-icon2-h.png);}
#service dl dd:hover section em.s-icon3{background-image:url(img/s-icon3-h.png);}
#service dl dd:hover section em.s-icon4{background-image:url(img/s-icon4-h.png);}
#service dl dd:hover section h3,#service dl dd:hover section h4{color:#fff;}

#wrap-about{width:100%; padding:60px 0; background:url(img/about-bg.jpg) no-repeat top center; background-size:cover;}

#about{width:800px; height:456px; margin-top:58px; overflow:hidden;}
#about-tab{width:216px; height:456px; overflow:hidden;}
#about-tab dl dd{height:50px; padding:32px 0; background:#464646; text-align:center; color:#fff; cursor:pointer; overflow:hidden;}
#about-tab dl dd:nth-child(2){background:#333;}
#about-tab dl dd:nth-child(3){background:#161616;}
#about-tab dl dd h3{height:20px; line-height:20px; font-size:18px; font-weight:bold; overflow:hidden;}
#about-tab dl dd h4{height:20px; line-height:20px; margin-top:10px; font-size:15px; overflow:hidden;}
#about-tab dl dd.current{position:relative; background:#ff9900;}
#about-tab dl dd.current em{position:absolute; right:0; top:50%; transform:translateY(-50%); display:block; width:0; height:0; border-top:12px solid transparent; border-bottom:12px solid transparent; border-right:12px solid #fff;}
#about-tab section{height:54px; padding:30px 0; background:#000; text-align:center; overflow:hidden;}
#about-tab section h3{height:20px; line-height:20px; font-size:18px; font-weight:bold; color:#fff; overflow:hidden;}
#about-tab section h4{height:22px; line-height:22px; margin-top:12px; font-size:20px; font-weight:bold; color:#ff9900; overflow:hidden;}

#about-item{width:504px; height:376px; padding:40px; background:#fff; overflow:hidden;}
#about-item section{display:none;}
#about-item h3{height:24px; line-height:24px; font-size:22px; overflow:hidden;}
#about-item i{display:block; width:100%; height:1px; margin-top:19px; background:#e1e1e1;}
#about-item span{display:block; max-height:234px; line-height:28px; margin-top:16px; font-size:15px; color:#666; overflow:hidden;}
#about-item span p{margin-top:10px;}
#about-item span p:first-child{margin-top:0;}
#about-item h4{width:160px; height:48px; line-height:48px; margin-top:30px; background:#0260a2; font-size:15px; text-align:center; overflow:hidden;}
#about-item h4 a{display:block; color:#fff;}
#about-item h4:hover{background:#ffa217;}

#about-img,#about-img img{width:400px; height:514px;}

#news-img{width:582px; height:424px; margin-top:40px;}
#news-img-box ul li{position:relative; float:left; width:582px; height:424px; overflow:hidden;}
#news-img-box ul li img{width:582px; max-width:none; height:424px;}
#news-img-box ul li h3{position:absolute; left:0; right:0; bottom:0; height:60px; line-height:60px; padding:0 18px; background:rgb(0,0,0,.5); font-size:16px; color:#fff; overflow:hidden;}
#news-img-btn{right:18px; bottom:26px; height:8px; overflow:hidden;}
#news-img-btn dl dd{float:left; width:8px; height:8px; margin-left:8px; background:#fff; border-radius:50%; cursor:pointer;}
#news-img-btn dl dd.on{background:#ff9900;}

#news{width:588px; height:424px; margin-top:40px; overflow:hidden;}
#news-tab dl dd{float:left; width:152px; height:52px; line-height:52px; margin-right:20px; background:#e9eaed; border-radius:4px; font-size:17px; text-align:center; cursor:pointer; overflow:hidden;}
#news-tab dl dd:last-child{margin-right:0;}
#news-tab dl dd.current{background:#0260a2; color:#fff;}

#news-box{height:346px; margin-top:26px; overflow:hidden;}
#news-box section{display:none;}
.news-rmd{height:116px; padding-bottom:17px; border-bottom:1px dotted #d1d1d1; overflow:hidden;}
.news-rmd h3{height:22px; line-height:22px; font-size:20px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news-rmd h4{height:18px; line-height:18px; margin-top:12px; font-size:15px; color:#999; overflow:hidden;}
.news-rmd p{height:56px; line-height:28px; margin-top:8px; font-size:15px; color:#7c7c7c; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
.news-rmd:hover h3{color:#0260a2;}
.news-item{height:200px; margin-top:12px; overflow:hidden;}
.news-item ul li{height:40px; line-height:40px; font-size:16px; overflow:hidden;}
.news-item ul li span{float:right; margin-left:20px; color:#999;}
.news-item ul li a{display:block; padding-left:16px; background:url(img/dot.png) no-repeat left center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news-item ul li a:hover{color:#0260a2;}

#news-more{width:180px; height:52px; line-height:52px; margin:40px auto 0 auto; background:#7d8c9f; font-size:15px; text-align:center; overflow:hidden;}
#news-more a{display:block; color:#fff;}
#news-more:hover{background:#ffa217;}

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

#case{height:282px; margin-top:40px;}
#case-item{position:relative; left:50%; transform:translateX(-50%); width:2072px; height:282px; overflow:hidden;}
#case-item ul li{float:left; width:332px; height:282px; margin-right:16px; overflow:hidden;}
#case-item ul li span{display:block; width:332px; height:230px; overflow:hidden;}
#case-item ul li img{width:332px; max-width:none; height:230px;}
#case-item ul li h3{height:52px; line-height:52px; padding:0 16px; background:#fff; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#case-item ul li:hover h3{color:#0260a2;}
#c-prev,#c-next{top:50%; transform:translateY(-50%); width:44px; height:98px; background-repeat:no-repeat; background-position:center; background-size:16px 30px; background-color:rgba(0,0,0,.5); border-radius:2px; cursor:pointer; opacity:.8;}
#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{opacity:1;}

#partner{margin-top:40px;}
#partner ul{margin:-16px 0 0 -16px;}
#partner ul li{position:relative; float:left; width:288px; height:122px; margin:16px 0 0 16px; overflow:hidden;}
#partner ul li img{width:286px; height:120px; border:1px solid #e1e1e1;}
#partner ul li h3{position:absolute; left:0; right:0; top:0; height:122px; line-height:122px; padding:0 20px; background:#0260a2; font-size:17px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:none;}
#partner ul li:hover img{display:none;}
#partner ul li:hover h3{display:block;}

/*内页样式*/

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

#menu{height:72px; border-bottom:1px solid #e1e1e1;}
#menu dl dd{float:left; height:72px; line-height:80px; font-size:16px; overflow:hidden;}
#menu dl dd a{display:block; padding:0 24px;}
#menu dl dd a:hover{color:#0260a2;}
#menu dl dd.current{height:71px; border-bottom:3px solid #0260a2; font-weight:bold;}
#menu dl dd.current a{color:#0260a2;}

#main{padding:30px 0 40px 0;}

#case-list ul{margin:-30px 0 0 -30px;}
#case-list ul li{float:left; width:380px; height:296px; margin:30px 0 0 30px; overflow:hidden;}
#case-list ul li span{display:block; width:380px; height:262px; overflow:hidden;}
#case-list ul li img{width:380px; max-width:none; height:262px;}
#case-list ul li h3{height:18px; line-height:18px; margin-top:16px; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#case-list ul li:hover h3{color:#0260a2;}

#news-list ul{margin:-30px 0 0 -30px;}
#news-list ul li{float:left; width:380px; height:488px; margin:30px 0 0 30px; overflow:hidden;}
#news-list ul li span{display:block; width:380px; height:276px; overflow:hidden;}
#news-list ul li img{width:380px; max-width:none; height:276px;}
#news-list ul li h2{height:20px; line-height:20px; margin-top:16px; font-size:17px; white-space:nowrap; text-overflow:ellipsis;}
#news-list ul li em{display:block; width:100%; margin-top:17px; height:1px; background:#e1e1e1;}
#news-list ul li p{height:56px; line-height:28px; margin-top:10px; font-size:15px; color:#7c7c7c; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
#news-list ul li h3{height:18px; line-height:18px; margin-top:10px; font-size:15px; color:#999; overflow:hidden;}
#news-list ul li h4{width:120px; height:42px; line-height:42px; margin-top:20px; border:1px solid #e1e1e1; font-size:14px; text-transform:uppercase; text-align:center; color:#7c7c7c; overflow:hidden;}
#news-list ul li:hover h2{color:#0260a2;}
#news-list ul li h4:hover{background:#0260a2; border-color:#0260a2; color:#fff;}

#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:#0260a2;}
#pageinfo a.info{color:#999;}
#pageinfo a.current{background:#0260a2; border-color:#0260a2; color:#fff;}

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

#prev-next{height:52px; margin-top:28px; padding-top:28px; border-top:1px solid #e1e1e1; overflow:hidden;}
#prev-next dl dd{height:18px; line-height:18px; font-size:15px; overflow:hidden;}
#prev-next dl dd:first-child{margin-bottom:16px;}
#prev-next dl dd a:hover{color:#0260a2;}

#feedback h3{height:18px; line-height:18px; margin-bottom:20px; font-size:16px; text-align:center; color:#666; overflow:hidden;}
#feedback table{margin:0 auto; font-size:15px;}
#feedback table tr td{padding:10px;}
#feedback input{height:52px; line-height:52px; padding:0 16px; font-size:15px; color:#666;}
#feedback input.min{width:360px;}
#feedback textarea{height:190px; line-height:28px; padding:10px 16px; font-size:15px; color:#666;}
#feedback button{width:360px; height:52px; line-height:52px; margin:10px auto 0 auto; font-size:15px; background:#0260a2; border-radius:26px;}

#validate-tip{left:50%; top:50%; transform:translate(-50%,-50%); height:52px; line-height:52px; padding:0 20px; background:#333; border-radius:4px; font-size:15px; color:#fff; overflow:hidden; display:none; z-index:1001;}

#map{height:500px; background:#f7f7f9; overflow:hidden;}
#map img{max-width:none;}
.anchorBL{display:none;}

#contact{display:flex; height:112px; margin-top:20px; padding:30px; background:#f7f7f9; overflow:hidden;}
#contact img{width:110px; height:110px; margin-right:20px; border:1px solid #e1e1e1;}
#contact section{height:96px; line-height:32px; padding:8px 0; font-size:15px; color:#666; overflow:hidden;}

/*底部样式*/

#footer{width:100%; padding:50px 0 30px 0; background:#353338;}
#f-menu{border-right:1px solid #555657;}
#f-menu dl{float:left; margin-right:120px;}
#f-menu dl dt{height:32px; line-height:32px; margin-bottom:10px; font-size:16px; font-weight:bold; color:#fff; overflow:hidden;}
#f-menu dl dd{height:32px; line-height:32px; font-size:14px; overflow:hidden;}
#f-menu dl dd a{display:block; color:#bfbfc0;}
#f-menu dl dd a:hover{color:#fff;}
#f-qrcode img{width:110px; height:110px;}
#f-contact{margin-left:100px;}
#f-contact section{line-height:30px; font-size:14px; color:#bfbfc0; text-align:right;}
#f-contact dl{display:flex; justify-content:flex-end; margin-top:14px;}
#f-contact dl dd{width:34px; height:34px; margin-left:14px; background-repeat:no-repeat; background-position:center; border:1px solid #696a6b; border-radius:50%;}
#f-contact dl dd.sina{background-image:url(img/sina.png);}
#f-contact dl dd.qq{background-image:url(img/qq.png);}
#f-contact dl dd.tel{background-image:url(img/tel1.png);}
#f-contact dl dd a{display:block; width:34px; height:34px;}
#f-contact dl dd:hover.sina{background-image:url(img/sina-h.png);}
#f-contact dl dd:hover.qq{background-image:url(img/qq-h.png);}
#f-contact dl dd:hover.tel{background-image:url(img/tel1-h.png);}

#copyright{width:100%; height:68px; line-height:68px; background:#353338; border-top:1px solid #555657; font-size:14px; color:#bfbfc0; overflow:hidden;}
#copyright a{color:#bfbfc0;}
#copyright a:hover{color:#fff;}