/*全局样式*/

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

/*头部样式*/

#header{left:0; right:0; top:0; height:84px; background:rgba(0,0,0,.3);}
#logo{left:0; top:20px;}
#logo img{width:370px; height:44px;}
#nav{right:0; top:0;}
#nav ul li{position:relative; float:left; height:84px; line-height:84px; margin-left:56px; font-size:16px;}
#nav ul li:first-child{margin-left:0;}
#nav ul li a{display:block; color:#fff;}
#nav ul li:hover ul{display:block;}
#nav ul li ul{position:absolute; left:-48px; right:-48px; top:84px; display:none; padding:16px 0; background:#00a2e9; z-index:999;}
#nav ul li ul li{float:none; height:44px; line-height:44px; margin-left:0; font-size:15px; text-align:center; overflow:hidden;}
#nav ul li ul li a:hover{color:#fe0;}

/*首页样式*/

#banner,#banner-img,#banner-img ul li,#banner-img ul li a{width:100%; height:770px;}
#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:4px; overflow:hidden;}
#banner-btn dl{display:flex; justify-content:center;}
#banner-btn dl dd{width:50px; height:4px; margin:0 8px; background:#fff; border-radius:2px; cursor:pointer;}
#banner-btn dl dd.on{background:#00a2e9;}
#prev,#next{top:50%; transform:translateY(-50%); width:26px; height:48px; background-repeat:no-repeat; background-position:center; cursor:pointer; opacity:.8;}
#prev{left:60px; background-image:url(img/prev.png);}
#next{right:60px; background-image:url(img/next.png);}
#prev:hover,#next:hover{opacity:1;}

#brand{left:50%; top:50%; transform:translate(-50%,-50%);}
#brand-text{color:#fff;}
#brand-text h2{height:46px; line-height:46px; font-size:44px; font-weight:bold; overflow:hidden;}
#brand-text h3{height:24px; line-height:24px; margin-top:20px; font-size:22px; overflow:hidden;}
#brand-search{margin-top:40px; padding:34px 50px 40px 50px; background:rgba(0,0,0,.4); border:1px solid rgba(255,255,255,.5);}
#brand-search h3{height:22px; line-height:22px; font-size:20px; text-align:center; color:#fff; overflow:hidden;}
#brand-search-box{width:640px; height:56px; margin-top:26px; overflow:hidden;}
#brand-search-box section{float:left; width:460px; height:28px; padding:14px 20px; background:#fff; overflow:hidden;}
#brand-search-box section span{float:left; display:block; width:49px; height:28px; line-height:28px; border-right:1px solid #e1e1e1; font-size:16px; font-weight:bold; color:#464646; overflow:hidden;}
#brand-search-box section input{float:right; width:392px; height:28px; line-height:28px; padding:0; background:none; border:none; font-size:16px; color:#666;}
#brand-search-box section input::-moz-placeholder{color:#666;}
#brand-search-box section input::-webkit-input-placeholder{color:#666;}
#brand-search-box section input::-ms-input-placeholder{color:#666;}
#brand-search-box button{float:right; width:140px; height:56px; line-height:56px; background:#00a2e9; font-size:16px; overflow:hidden;}

.title h3{height:40px; line-height:40px; font-size:38px; font-family:'Arial'; font-weight:bold; text-transform:uppercase; color:#d5d5d5; overflow:hidden;}
.title h2{height:38px; line-height:38px; margin-top:8px; font-size:36px; font-weight:bold; overflow:hidden;}
.title em{display:block; width:52px; height:4px; margin:20px auto 0 auto; background:#00a2e9;}

#service{margin-top:40px;}
#service dl{margin:-30px 0 0 -30px;}
#service dl dd{float:left; width:300px; height:254px; margin:30px 0 0 30px; padding:50px 40px; background:#fff; box-shadow:0 0 10px #e1e1e1; border-radius:6px; cursor:pointer; overflow:hidden;}
#service dl dd img{height:72px; margin-top:36px;}
#service dl dd h3{height:26px; line-height:26px; font-size:24px; overflow:hidden;}
#service dl dd p{height:90px; line-height:30px; margin-top:30px; font-size:15px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}

#wrap-advantage{width:100%; padding:60px 0 80px 0; background:url(img/advantage-bg.jpg) no-repeat bottom center;}
#advantage{margin-top:80px;}
#advantage .title h3{color:rgba(255,255,255,.6);}
#advantage .title h2{color:#fff;}
#advantage-item{margin-top:60px;}
#advantage-item dl{display:flex; justify-content:space-between;}
#advantage-item dl dd{width:192px; height:246px; text-align:center; color:#fff; cursor:pointer; overflow:hidden;}
#advantage-item dl dd img{width:112px; height:112px; margin:0 auto;}
#advantage-item dl dd h3{height:24px; line-height:24px; margin-top:36px; font-size:22px; overflow:hidden;}
#advantage-item dl dd p{height:56px; line-height:28px; margin-top:18px; font-size:15px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}

#team{margin-top:40px;}
#team-item{width:1220px; height:466px; margin:0 -10px; overflow:hidden;}
#team-item ul li{float:left; width:372px; height:448px; margin-right:22px; padding:10px; overflow:hidden;}
#team-item ul li section{height:346px; padding:50px 30px; background:#fff; border-radius:6px; box-shadow:0 0 10px #e1e1e1;}
#team-item ul li section span{display:block; width:132px; height:132px; border-radius:50%; margin:0 auto; overflow:hidden;}
#team-item ul li section img{width:132px; max-width:none; height:132px;}
#team-item ul li section h3{height:20px; line-height:20px; margin-top:28px; font-size:18px; text-align:center; overflow:hidden;}
#team-item ul li section em{display:block; width:40px; height:3px; margin:19px auto 0 auto; background:#00a2e9;}
#team-item ul li section p{height:120px; line-height:30px; margin-top:24px; font-size:15px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}
#team-item ul li:hover section h3{color:#00a2e9;}
#t-prev,#t-next{top:200px; width:46px; height:66px; background-repeat:no-repeat; background-position:center; background-size:16px 30px; background-color:#b2b2b2; cursor:pointer;}
#t-prev{left:-76px; background-image:url(img/prev.png);}
#t-next{right:-76px; background-image:url(img/next.png);}
#t-prev:hover,#t-next:hover{background-color:#00a2e9;}
#team-btn{height:10px; margin-top:36px; overflow:hidden;}
#team-btn dl{display:flex; justify-content:center;}
#team-btn dl dd{width:10px; height:10px; margin:0 10px; background:#d7d7d7; border-radius:50%; cursor:pointer;}
#team-btn dl dd.on{background:#00a2e9;}

#wrap-number{width:100%; padding:90px 0; background:url(img/number-bg.jpg) no-repeat center; background-size:cover;}
#wrap-number h2{height:38px; line-height:38px; font-size:36px; text-align:center; color:#fff; overflow:hidden;}
#number{margin-top:80px;}
#number dl{display:flex; justify-content:space-between;}
#number dl dd{text-align:center; overflow:hidden;}
#number dl dd h3{height:82px; line-height:82px; font-size:80px; font-family:'Arial'; color:#fff; overflow:hidden;}
#number dl dd h3 em{margin-left:10px; font-size:24px;}
#number dl dd h4{height:20px; line-height:20px; margin-top:18px; font-size:18px; color:rgba(255,255,255,.8); overflow:hidden;}

#case{height:556px; margin:40px 0 60px 0;}
#case-item{width:3740px; height:556px; margin:0 -1270px; overflow:hidden;}
#case-item ul li{position:relative; float:left; width:1200px; height:556px; margin-right:70px; overflow:hidden;}
#case-item ul li img{width:1200px; max-width:none; height:556px;}
#case-item ul li section{position:absolute; left:0; right:0; top:0; bottom:0; display:none; padding:110px 130px; background:rgba(0,0,0,.3); text-align:center; color:#fff; overflow:hidden;}
#case-item ul li.on + li section{display:block;}
#case-item ul li section img{width:160px; height:160px; margin:0 auto; border-radius:50%;}
#case-item ul li section h3{height:34px; line-height:34px; margin-top:50px; font-size:32px; font-weight:bold; overflow:hidden;}
#case-item ul li section p{height:64px; line-height:32px; margin-top:28px; font-size:16px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
#c-prev,#c-next{top:50%; transform:translateY(-50%); width:46px; height:66px; background-repeat:no-repeat; background-position:center; background-size:16px 30px; background-color:#b2b2b2; cursor:pointer;}
#c-prev{left:-58px; background-image:url(img/prev.png);}
#c-next{right:-58px; background-image:url(img/next.png);}
#c-prev:hover,#c-next:hover{background-color:#00a2e9;}

#news{margin-top:40px;}
#news ul{margin:-42px 0 0 -42px;}
#news ul li{float:left; width:372px; height:404px; margin:42px 0 0 42px; background:#fff; border-radius:6px; box-shadow:0 0 10px #e1e1e1; overflow:hidden;}
#news ul li span{display:block; width:372px; height:208px; overflow:hidden;}
#news ul li img{width:372px; max-width:none; height:208px;}
#news ul li section{height:140px; padding:26px 30px 30px 30px; overflow:hidden;}
#news ul li section h3{height:20px; line-height:20px; font-size:18px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news ul li section p{height:56px; line-height:28px; margin-top:16px; font-size:15px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
#news ul li section h4{height:24px; line-height:16px; margin-top:24px; font-size:14px; text-transform:uppercase; overflow:hidden;}
#news ul li section h4 em{display:inline-block; height:16px; line-height:16px; padding-bottom:7px; border-bottom:1px solid #bcbcbc;}
#news ul li:hover section h3{color:#00a2e9;}
#news ul li section h4:hover{color:#00a2e9;}
#news ul li section h4:hover em{border-color:#00a2e9;}

#news-more{width:230px; height:50px; line-height:50px; margin:60px auto 0 auto; border:1px solid #bcbcbc; border-radius:6px; font-size:15px; text-transform:uppercase; text-align:center; overflow:hidden;}
#news-more a{display:block; color:#666;}
#news-more:hover{border-color:#00a2e9;}
#news-more:hover a{color:#00a2e9;}

#wrap-partner{width:100%; padding-bottom:80px; background:url(img/partner-bg.jpg) no-repeat bottom center;}
#partner{padding:60px 40px; background:#fff; border-radius:6px; box-shadow:0 0 10px #e1e1e1; overflow:hidden;}
#partner-item{margin-top:40px;}
#partner-item ul{margin:-10px 0 0 -10px;}
#partner-item ul li{float:left; width:216px; height:106px; margin:10px 0 0 10px; cursor:pointer; overflow:hidden;}
#partner-item ul li img{width:216px; height:106px;}

/*内页样式*/

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

#lmdh{position:relative; width:100%; height:72px; box-shadow:0 10px 10px -10px #e1e1e1; overflow:hidden;}
#menu dl dd{float:left; height:72px; line-height:72px; margin-right:52px; font-size:17px; overflow:hidden;}
#menu dl dd:last-child{margin-right:0;}
#menu dl dd a:hover{color:#00a2e9;}
#menu dl dd.current{font-size:20px; font-weight:bold;}
#menu dl dd.current a{color:#00a2e9;}

#main{padding:50px 0;}

#news-list ul li{position:relative; height:208px; margin-bottom:36px; padding-bottom:36px; border-bottom:1px solid #e1e1e1; overflow:hidden;}
#news-list ul li:last-child{margin-bottom:0;}
#news-list ul li span{display:block; width:372px; height:208px; overflow:hidden;}
#news-list ul li img{width:372px; max-width:none; height:208px;}
#news-list ul li section{position:absolute; left:404px; right:0; top:12px; height:184px; overflow:hidden;}
#news-list ul li section h3{height:24px; line-height:24px; font-size:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news-list ul li section p{height:90px; line-height:30px; margin-top:16px; font-size:15px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
#news-list ul li section h4{height:18px; line-height:18px; margin-top:36px; font-size:16px; color:#666; overflow:hidden;}
#news-list ul li:hover section h3{color:#00a2e9;}

#case-list ul{margin:-32px 0 0 -32px;}
#case-list ul li{float:left; width:556px; height:302px; margin:32px 0 0 32px; padding:14px 14px 22px 14px; box-shadow:0 0 10px #e1e1e1; overflow:hidden;}
#case-list ul li span{display:block; width:556px; height:258px; overflow:hidden;}
#case-list ul li img{width:556px; max-width:none; height:258px;}
#case-list ul li h3{height:22px; line-height:22px; margin-top:22px; padding:0 8px; font-size:20px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#case-list ul li:hover h3{color:#00a2e9;}

#team-list ul{margin:-40px 0 0 -40px;}
#team-list ul li{position:relative; float:left; width:580px; height:256px; margin:40px 0 0 40px; background:#fff; box-shadow:0 0 10px #e1e1e1; overflow:hidden;}
#team-list ul li span{display:block; width:256px; height:256px; overflow:hidden;}
#team-list ul li img{width:256px; max-width:none; height:256px;}
#team-list ul li section{position:absolute; left:256px; right:0; top:0; height:180px; padding:36px; overflow:hidden;}
#team-list ul li section h3{height:22px; line-height:22px; font-size:20px; font-weight:bold; overflow:hidden;}
#team-list ul li section em{display:block; width:40px; height:3px; margin-top:19px; background:#00a2e9;}
#team-list ul li section p{height:120px; line-height:30px; margin-top:20px; font-size:15px; color:#666; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
#team-list ul li:hover section h3{color:#00a2e9;}

#pageinfo{margin-top:50px; font-size:0;}
#pageinfo a{display:inline-block; min-width:15px; height:44px; line-height:44px; margin:0 5px; padding:0 14px; background:#fff; border:1px solid #e1e1e1; font-size:15px; color:#666;}
#pageinfo a:hover{color:#00a2e9;}
#pageinfo a.info{color:#999;}
#pageinfo a.current{background:#00a2e9; border-color:#00a2e9; color:#fff;}

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

#prev-next{height:56px; margin-top:24px; padding-top:30px; padding-bottom:10px; border-top:1px dashed #e1e1e1; overflow:hidden;}
#prev-next dl dd{height:18px; line-height:18px; font-size:15px; color:#464646; overflow:hidden;}
#prev-next dl dd:first-child{margin-bottom:20px;}
#prev-next dl dd a{color:#464646;}
#prev-next dl dd a:hover{color:#00a2e9;}

#contact{padding:40px; background:#fff; box-shadow:0 0 10px #e1e1e1;}
#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:24px; 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 .fr img{width:110px; height:110px; margin:0 auto; border:1px solid #e1e1e1;}
#contact .fr h3{height:18px; line-height:18px; margin-top:14px; font-size:15px; text-align:center; color:#666; overflow:hidden;}

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

/*底部样式*/

#footer{width:100%; background:url(img/footer-bg.jpg) no-repeat top center; background-size:cover;}
#flink{padding:24px 0; border-bottom:1px solid rgba(255,255,255,.18);}
#flink dl dt{float:left; height:40px; line-height:40px; margin-right:16px; font-size:18px; font-weight:bold; color:#fff; overflow:hidden;}
#flink dl dd{float:left; height:40px; line-height:40px; margin-right:36px; font-size:16px; overflow:hidden;}
#flink dl dd a{display:block; color:#afafaf;}
#flink dl dd a:hover{color:#fff;}
#foot{padding:40px 0;}
#f-qrcode{margin-top:26px;}
#f-qrcode img{width:136px; height:136px; padding:10px; border:1px solid rgba(255,255,255,.24);}
#f-qrcode h3{height:18px; line-height:18px; margin-top:16px; font-size:15px; text-align:center; color:#afafaf; overflow:hidden;}
#f-contact{width:360px; margin-left:120px;}
#f-contact h2{height:24px; line-height:24px; font-size:20px; font-weight:bold; color:#fff; overflow:hidden;}
#f-contact h2 span{margin-left:12px; font-family:'Arial'; font-weight:normal; color:#afafaf;}
#f-contact em{display:block; width:100%; height:1px; margin-top:19px; background:rgba(255,255,255,.18);}
#f-contact h3{height:42px; line-height:42px; margin-top:22px; font-size:28px; font-family:'Impact'; color:#fff; overflow:hidden;}
#f-contact section{line-height:32px; margin-top:14px; font-size:15px; color:#afafaf;}
#f-feedback{width:420px;}
#f-feedback h2{height:24px; line-height:24px; font-size:20px; font-weight:bold; color:#fff; overflow:hidden;}
#f-feedback h2 span{margin-left:12px; font-family:'Arial'; font-weight:normal; color:#afafaf;}
#f-feedback em{display:block; width:100%; height:1px; margin-top:19px; background:rgba(255,255,255,.18);}
#f-feedback .input{display:flex; justify-content:space-between; height:40px; margin-top:18px; overflow:hidden;}
#f-feedback .input input{width:204px; height:40px; line-height:40px; padding:0 12px; background:none; border-color:rgba(255,255,255,.24); font-size:15px; color:#afafaf;}
#f-feedback .input input::-moz-placeholder{color:#afafaf;}
#f-feedback .input input::-webkit-input-placeholder{color:#afafaf;}
#f-feedback .input input::-ms-input-placeholder{color:#afafaf;}
#f-feedback textarea{height:70px; line-height:28px; margin-top:14px; padding:6px 12px; background:none; border-color:rgba(255,255,255,.24); font-size:15px; color:#afafaf;}
#f-feedback textarea::-moz-placeholder{color:#afafaf;}
#f-feedback textarea::-webkit-input-placeholder{color:#afafaf;}
#f-feedback textarea::-ms-input-placeholder{color:#afafaf;}
#f-feedback button{width:160px; height:40px; line-height:40px; margin-top:18px; background:#00a2e9; font-size:15px;}

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

#copyright{width:100%; height:76px; line-height:76px; border-top:1px solid rgba(255,255,255,.18); font-size:15px; color:#afafaf; overflow:hidden;}
#copyright a{color:#afafaf;}
#copyright a:hover{color:#fff;}

/*侧边导航*/



#bn-sidebar{right:2px; top:50%; transform:translateY(-50%); z-index:999;}
#bn-sidebar dl dd{position:relative; width:68px; height:51px; padding:12px 0; background:#fff; border:1px solid #e1e1e1; border-top:none;}
#bn-sidebar dl dd:first-child{border-top:1px solid #e1e1e1;}
#bn-sidebar dl dd em{display:block; height:26px; margin:0 auto; background-repeat:no-repeat; background-position:center;}
#bn-sidebar dl dd em.bn-sb-icon1{width:32px; background-image:url(img/sb-icon1.png);}
#bn-sidebar dl dd em.bn-sb-icon2{width:24px; background-image:url(img/sb-icon2.png);}
#bn-sidebar dl dd em.bn-sb-icon3{width:22px; background-image:url(img/sb-icon3.png);}
#bn-sidebar dl dd em.bn-sb-icon4{width:32px; background-image:url(img/sb-icon4.png);}
#bn-sidebar dl dd em.bn-sb-icon5{width:24px; background-image:url(img/sb-icon5.png);}
#bn-sidebar dl dd h3{height:18px; line-height:18px; margin-top:6px; font-size:13px; text-align:center; color:#666; overflow:hidden;}
#bn-sidebar dl dd:hover em.bn-sb-icon1{background-image:url(img/sb-icon1-h.png);}
#bn-sidebar dl dd:hover em.bn-sb-icon2{background-image:url(img/sb-icon2-h.png);}
#bn-sidebar dl dd:hover em.bn-sb-icon3{background-image:url(img/sb-icon3-h.png);}
#bn-sidebar dl dd:hover em.bn-sb-icon4{background-image:url(img/sb-icon4-h.png);}
#bn-sidebar dl dd:hover h3{color:#00a2e9;}
#bn-sidebar dl dd.back-top{height:42px; padding:16px 0;}
#bn-sidebar dl dd.back-top em{height:14px;}
#bn-sidebar dl dd.back-top h3{margin-top:10px; color:#00a2e9;}
#bn-sidebar dl dd section{position:absolute; right:90px; top:50%; transform:translateY(-50%); width:130px; height:156px; padding:10px 10px 15px 10px; background:#fff; border:1px solid #e1e1e1; display:none; overflow:hidden;}
#bn-sidebar dl dd section img{width:130px; height:130px;}
#bn-sidebar dl dd section h4{height:16px; line-height:16px; margin-top:10px; padding:0 5px; font-size:14px; text-align:center; overflow:hidden;}
#bn-sidebar dl dd:hover section{display:block;}
#bn-sidebar dl dd span{position:absolute; right:90px; top:50%; transform:translateY(-50%); display:block; width:164px; height:42px; padding:16px 0 16px 64px; background:url(img/tel.png) no-repeat 24px center #fff; border:1px solid #e1e1e1; overflow:hidden; display:none;}
#bn-sidebar dl dd span h4{height:18px; line-height:18px; font-size:15px; color:#666; overflow:hidden;}
#bn-sidebar dl dd span h5{height:22px; line-height:22px; margin-top:2px; font-size:20px; font-weight:bold; color:#00a2e9; overflow:hidden;}