/*全局样式*/

body,a{color:#333;}
.wrapper{width:1140px;}
.wrapper.max{width:1200px;}
.wrap-white{padding:80px 0; background:#fff;}
.wrap-white.mt{margin-top:128px;}

/*头部样式*/

#header{z-index:1000; left:0; right:0; top:0; height:128px;}
#header.bg{background:#fff; box-shadow:0 6px 6px -6px #e1e1e1;}
#header.bg-on{background:#fff; box-shadow:0 6px 6px -6px #e1e1e1;}
#header:hover{background:#fff; box-shadow:0 6px 6px -6px #e1e1e1;}
#logo{left:0; top:30px;}
#logo img{width:104px; height:68px;}
#nav{right:0; top:48px;}
#nav ul li{float:left; height:80px; margin-left:78px; font-size:17px; overflow:hidden;}
#nav ul li:first-child{margin-left:0;}
#nav ul li > a{display:block; height:32px; line-height:32px; overflow:hidden;}
#nav ul li:hover > a{color:#fdd000;}
#nav ul li.current > a{padding:0 20px; background:#fdd000; border-radius:16px; color:#333;}
#nav ul li .weo-pf{z-index:1000; left:0; right:0; top:128px; display:none; padding:60px 0; padding-top: 40px; background:rgba(250,250,250,.85);}
#nav ul li .weo-pf .wrapper{width:1200px;}
#nav ul li .weo-pf h3{height:36px; line-height:36px; margin-right:90px; font-size:34px; font-weight:bold; overflow:hidden;}
#nav ul li .weo-pf section{flex:1; display:flex;}
#nav ul li .weo-pf section dl{margin-left:140px;}
#nav ul li .weo-pf section dl:first-child{margin-left:0;}
#nav ul li .weo-pf section dl dt{height:36px; line-height:36px; font-size:24px; font-weight:bold; overflow:hidden;}
#nav ul li .weo-pf section dl dt a{display:block;}
#nav ul li .weo-pf section dl dt:hover a{color:#fdd000;}
#nav ul li .weo-pf section dl dd{height:18px; line-height:18px; margin-top:28px; font-size:16px; overflow:hidden;}
#nav ul li .weo-pf section dl dd a{display:block;}
#nav ul li .weo-pf section dl dd:hover a{color:#fdd000;}

/*首页样式*/

#banner,#banner-img,#banner-img ul li,#banner-img ul li a{width:100%; height:850px;}
#banner-img ul li{float:left; overflow:hidden;}
#banner-img ul li a{display:block;}
#banner-btn{left:50%; bottom:60px; transform:translateX(-50%); height:10px; overflow:hidden;}
#banner-btn dl{display:flex; justify-content:center;}
#banner-btn dl dd{width:10px; height:10px; margin-left:20px; border:2px solid #fff; border-radius:50%; cursor:pointer;}
#banner-btn dl dd:frist-child{margin-left:0;}
#banner-btn dl dd.on{background:#fdd000; border:none;}

#about{display:flex; justify-content:space-between; margin:0 -60px; padding:60px 80px; background:#fdd000;}
#about section{flex:1; height:346px; padding:4px 0 2px 0; overflow:hidden;}
#about section h2{height:34px; line-height:34px; font-size:32px; font-weight:bold; overflow:hidden;}
#about section p{height:280px; line-height:40px; margin-top:26px; font-size:18px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:7; overflow:hidden;}
#about video{width:496px; height:346px; margin-left:60px;}

#product{margin-top:80px;}
#product h2{width:340px; height:70px; line-height:70px; margin:0 auto; background:#fdd000; border-radius:35px; font-size:34px; font-weight:bold; text-align:center; overflow:hidden;}
#product dl{margin-top:60px;}
#product dl dd{position:relative; height:512px; overflow:hidden;}
#product dl dd span{position:absolute; left:0; top:0; width:570px; height:512px; overflow:hidden;}
#product dl dd:nth-child(even) span{left:auto; right:0;}
#product dl dd img{width:570px; max-width:none; height:512px;}
#product dl dd section{position:absolute; right:0; top:0; width:570px; height:512px; padding:50px 0 50px 50px; overflow:hidden;}
#product dl dd:nth-child(even) section{left:0; right:auto; padding:50px 50px 50px 0; text-align:right;}
#product dl dd section h3{height:52px; line-height:52px; font-size:50px; font-weight:bold;}
#product dl dd section h4{height:52px; line-height:52px; margin-top:10px; font-size:50px; text-transform:uppercase; font-weight:bold;}
#product dl dd section i{display:block; width:100px; height:6px; margin-top:14px; background:#fdd000; border-radius:3px;}
#product dl dd:nth-child(even) section i{margin-left:auto;}
#product dl dd section .weo-pa{left:40px; right:0; bottom:50px;}
#product dl dd:nth-child(even) section .weo-pa{left:0; right:40px;}
#product dl dd section h5{height:26px; line-height:26px; font-size:24px; overflow:hidden;}
#product dl dd section p{line-height:24px; margin-top:8px; font-size:16px; font-family:'Arial';}
#product dl dd:hover section h3{color:#fdd000;}

#wrap-security{padding:80px 0; background:url(img/security-text.png) no-repeat top 166px center #fdd000;}
#security-img img{display:block; width:604px; height:318px; margin:0 auto;}
#security-item{margin-top:60px;}
#security-item dl{display:flex; justify-content:center;}
#security-item dl dd{margin-left:90px;}
#security-item dl dd:first-child{margin-left:0;}
#security-item dl dd span{display:block; width:268px; height:268px; margin:0 auto; border:7px solid #fff; border-radius:50%; overflow:hidden;}
#security-item dl dd img{width:254px; max-width:none; height:254px;}
#security-item dl dd h3{height:26px; line-height:26px; margin-top:22px; font-size:24px; text-align:center; overflow:hidden;}

#store h2{width:340px; height:70px; line-height:70px; margin:0 auto; background:#fdd000; border-radius:35px; font-size:34px; font-weight:bold; text-align:center; overflow:hidden;}
#store section{display:flex; justify-content:center; margin-top:70px;}
#store section a{width:200px; height:200px; margin-left:60px;}
#store section a:first-child{margin-left:0;}
#store section img{width:200px; height:200px; border-radius:20px;}

/*内页样式*/

#lm-banner{position:relative; height:850px; background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden;}
#lm-banner.about{background-image:url(img/lm-about.jpg);}
#lm-banner.product{background-image:url(img/lm-product.jpg);}
#lm-banner.case{background-image:url(img/lm-case.jpg);}
#lm-banner.news{background-image:url(img/lm-news.jpg);}
#lm-banner.contact{background-image:url(img/lm-contact.jpg);}
#lm-banner section{position:absolute; left:50%; bottom:200px; transform:translateX(-50%); text-align:center;}
#lm-banner section h2{height:40px; line-height:40px; font-size:38px; font-weight:bold; color:#fff; overflow:hidden;}
#lm-banner section h3{height:38px; line-height:38px; margin-top:24px; font-size:36px; color:#fff; overflow:hidden;}
#lm-banner section i{display:block; width:76px; height:4px; margin:54px auto 0 auto; background:#fff;}

#left{width:212px;}
#menu dl{margin-top:40px;}
#menu dl:first-child{margin-top:0;}
#menu dl.current + dl{margin-top:30px;}
#menu dl dt{display:flex; justify-content:space-between; align-items:center; padding-bottom:16px; border-bottom:2px solid #333;}
#menu dl dt a{flex:1; height:30px; line-height:30px; font-size:28px; font-weight:bold; overflow:hidden;}
#menu dl dt a:hover{color:#fdd000;}
#menu dl .knowledge a{color:#fdd000;}
#menu dl dt i{width:16px; height:16px; margin-left:20px; background:url(img/add.png) no-repeat center; cursor:pointer;}
#menu dl dt i:hover{background-image:url(img/add1.png);}
#menu dl dd{display:none; height:32px; line-height:32px; margin-top:10px; font-size:16px; overflow:hidden;}
#menu dl dt + dd{margin-top:24px;}
#menu dl.current dd{display:flex;}
#menu dl dd a{padding:0 24px; overflow:hidden;}
#menu dl dd a:hover{color:#fdd000;}
#menu dl dd.current a{background:#fdd000; border-radius:16px; color:#333;}

#right{width:868px;}

.weo-page{margin-top:80px;}
.weo-page a{min-width:44px; height:44px; line-height:42px; margin-left:14px; padding:0 16px; border-color:#d1d1d1; border-radius:0; font-size:15px; color:#333;}
.weo-page a:hover{border-color:#747474; color:#333;}
.weo-page a.current{background:#fdd000; border-color:#fdd000; color:#333;}

/*关于汉优*/

#lm-about-title{display:flex; justify-content:space-between; align-items:center;}
#lm-about-title section h2{height:86px; line-height:86px; font-size:84px; font-family:'Arial'; color:#07275a; overflow:hidden;}
#lm-about-title section h3{height:140px; line-height:140px; margin-top:4px; font-size:138px; font-family:'Arial'; color:#07275a; overflow:hidden;}
#lm-about-title img{width:500px; height:500px;}

#lm-about{margin-top:60px;}
#lm-about h2{height:36px; line-height:36px; font-size:34px; font-weight:bold; overflow:hidden;}
#lm-about section{line-height:200%; margin-top:30px; font-size:16px; color:#464646;}
#lm-about section img{display:inline-block; vertical-align:middle;}

#lm-about-icon{margin-top:60px;}
#lm-about-icon dl{display:flex; justify-content:center;}
#lm-about-icon dl dd{margin-left:90px;}
#lm-about-icon dl dd:first-child{margin-left:0;}
#lm-about-icon dl dd span{display:block; width:296px; height:296px; margin:0 auto; border:8px solid #d8d8d8; border-radius:50%; overflow:hidden;}
#lm-about-icon dl dd img{width:280px; max-width:none; height:280px;}
#lm-about-icon dl dd h3{height:26px; line-height:26px; margin-top:30px; font-size:24px; text-align:center; overflow:hidden;}

#wrap-history{padding:80px 0; background:#07275a;}
#wrap-history .wrapper{width:1400px;}

#history-item{width:1400px; height:452px; overflow:hidden;}
#history-item dl dd{float:left; width:240px; height:452px; margin-right:50px; overflow:hidden;}
#history-item dl dd:last-child{margin-right:0;}
#history-item dl dd h3{height:26px; line-height:26px; font-size:24px; font-weight:bold; text-align:center; color:#fdd000; overflow:hidden;}
#history-item dl dd i{z-index:99; position:relative; display:block; width:52px; height:52px; margin:28px auto 0 auto; background:#fff; border-radius:50%; box-shadow:0 0 4px #999;}
#history-item dl dd span{display:block; width:240px; height:160px; margin-top:50px; overflow:hidden;}
#history-item dl dd img{width:240px; max-width:none; height:160px;}
#history-item dl dd p{height:120px; line-height:30px; margin-top:16px; font-size:15px; color:#fff; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}
#history-line{left:0; right:0; top:64px; height:32px; background:#fff; border-radius:16px;}

/*产品家族*/

#product-list ul{margin:-40px 0 0 -40px;}
#product-list ul li{float:left; width:414px; height:466px; margin:40px 0 0 40px; background:#f3f3f3; overflow:hidden;}
#product-list ul li a{display:block; padding:30px;}
#product-list ul li span{display:block; width:354px; height:354px; overflow:hidden;}
#product-list ul li img{width:354px; max-width:none; height:354px;}
#product-list ul li h3{height:22px; line-height:22px; margin-top:30px; font-size:18px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#product-list ul li:hover h3{color:#fdd000;}

#product-info{padding:208px 0 80px 0; background:#f3f3f3;}
#product-info img{width:538px; height:538px;}
#product-info section{width:478px; height:478px; margin-left:60px; overflow:hidden;}
#product-info section h1{height:60px; line-height:60px; padding:0 18px; background:#fdd000; font-size:28px; font-weight:bold; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#product-info section h3{display:flex; justify-content:space-between; height:61px; line-height:60px; border-bottom:1px solid #c1c1c1; font-size:17px; overflow:hidden; padding-left: 6px;}
#product-info section h4{height:96px; line-height:32px; margin-top:14px; font-size:17px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}
#product-info section p{height:111px; line-height:32px; margin-top:14px; padding-top:14px; border-top:1px solid #c1c1c1; font-size:17px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden;}


#product-info section h3 span:nth-child(2){ padding-right: 45px;}

/*品牌资讯*/

#news-list ul li{position:relative; margin-bottom:36px; padding-bottom:36px; border-bottom:1px dashed #ccc; overflow:hidden;}
#news-list ul li:last-child{margin-bottom:0;}
#news-list ul li span{display:block; width:500px; height:300px; overflow:hidden;}
#news-list ul li img{width:500px; max-width:none; height:300px;}
#news-list ul li section{position:absolute; left:536px; right:0; top:4px; height:292px; overflow:hidden;}
#news-list ul li section h3{height:26px; line-height:26px; font-size:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news-list ul li section h4{height:18px; line-height:18px; margin-top:22px; font-size:16px; color:#747474; overflow:hidden;}
#news-list ul li section p{height:128px; line-height:32px; margin-top:18px; font-size:15px; color:#747474; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden;}
#news-list ul li section h5{width:156px; height:46px; line-height:46px; margin-top:34px; background:#fdd000; font-size:16px; text-align:center; overflow:hidden;}
#news-list ul li section h5 em{display:inline-block; padding-right:28px; background:url(img/arrow-r.png) no-repeat right center;}
#news-list ul li:hover section h3{color:#fdd000;}

#article{line-height:200%; font-size:16px; color:#464646;}
#article img{display:inline-block; vertical-align:middle;}
#article-title{line-height:180%; margin-bottom:36px; font-size:26px; font-weight:bold; text-align:center; color:#333;}

/*联系我们*/

#contact{height:454px; overflow:hidden;}
#contact h2{height:34px; line-height:34px; font-size:32px; font-weight:bold; overflow:hidden;}
#contact i{display:block; height:1px; margin-top:23px; background:#d1d1d1;}
#contact dl{margin-top:50px;}
#contact dl dd{margin-top:50px;}
#contact dl dd:first-child{margin-top:0;}
#contact dl dd h3{height:42px; line-height:42px; padding-left:66px; background-repeat:no-repeat; background-position:left center; font-size:22px; overflow:hidden;}
#contact dl dd.tel h3{background-image:url(img/tel.png);}
#contact dl dd.mail h3{background-image:url(img/mail.png);}
#contact dl dd.address h3{background-image:url(img/address.png);}
#contact dl dd h4{height:20px; line-height:20px; margin-top:20px; padding-left:66px; font-size:18px; overflow:hidden;}

#map{flex:1; height:454px; margin-left:70px; background:#f9f9f9; overflow:hidden;}
#map img{max-width:none;}
.anchorBL{display:none;}

/*底部样式*/

#footer{padding:80px 0; background:#323232;}
#f-contact h2{height:30px; line-height:30px; font-size:28px; color:#fff; overflow:hidden;}
#f-contact section{line-height:32px; margin-top:30px; font-size:15px; color:#fff;}
#f-qrcode img{width:180px; height:180px;}