/*全局样式*/



body,a{color:#333;}

.wrapper{width:1200px;}

.wrap-white{padding:60px 0; background:#fff;}

.wrap-gray{padding:60px 0; background:#f4f4f4;}



/*头部样式*/



#header{height:114px; overflow:hidden; background: #fff;}

#logo{left:0; top:24px;}

#logo img{width:174px; height:66px;}

#slogan{left:190px; top:31px; height:52px; line-height:26px; padding-left:16px; border-left:1px solid #d1d1d1; font-size:20px; font-weight:bold; color:#f27517; overflow:hidden;}

#tel{right:104px; top:33px; height:48px; padding-left:56px; background:url(img/tel.png) no-repeat left center;}

#tel h3{height:16px; line-height:16px; font-size:14px; overflow:hidden;}

#tel h2{height:30px; line-height:30px; margin-top:2px; font-family:'Impact'; font-size:28px; color:#f27517; overflow:hidden;}

#qrcode{right:0; top:18px;}

#qrcode img{width:78px; height:78px;}



#nav{height:60px; background:#223d97;}

#nav ul{justify-content:space-between; align-items:center;}

#nav ul li{position:relative; height:60px; line-height:60px; font-size:15px; text-align:center;}

#nav ul li a{display:block; color:#fff;}

#nav ul i{width:1px; height:14px; background:rgba(255,255,255,.2);}

#nav ul li:hover > a{color:#ff8e3a;}

#nav ul li.current{background:#122874;}

#nav ul li.current > a{padding:0 24px; color:#fff;}

#nav ul li.current + i{display:none;}

#nav ul li ul{position:absolute; left:-36px; right:-36px; top:60px; z-index:99; display:none; padding:0; background:#fff;}

#nav ul li.current ul{left:-12px; right:-12px;}

#nav ul li:hover ul{display:block;}

#nav ul li ul li{height:38px; line-height:38px; font-size:14px; overflow:hidden;}

#nav ul li ul li a{padding:0 14px; white-space:nowrap; text-overflow:ellipsis;color: #333;}

#nav ul li ul li:hover > a{    color: #fff;
    background: #3087ca;
    text-align: center;}



/*首页样式*/



#banner,#banner-img,#banner-img ul li,#banner-img ul li a{width:100%; height:600px;}

#banner-img ul li{float:left; overflow:hidden;}

#banner-img ul li a{display:block;}

#banner-btn{left:50%; bottom:44px; transform:translateX(-50%); height:8px; overflow:hidden;}

#banner-btn dl{display:flex; justify-content:center;}

#banner-btn dl dd{width:8px; height:8px; margin-left:12px; background:#fff; border-radius:50%; cursor:pointer;}

#banner-btn dl dd:frist-child{margin-left:0;}

#banner-btn dl dd.on{background:#da4738;}

#prev,#next{top:50%; transform:translateY(-50%); display:none; width:50px; height:50px; 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;}



#shapebar{position:relative; z-index:99; height:100px; margin-top:-20px; overflow:hidden;}

#search{flex:1; position:relative; z-index:99; height:100px; background:#223d97;}

#search:before{content:''; position:absolute; left:-360px; top:0; display:block; width:360px; height:100px; background:#223d97;}

#search:after{content:''; position:absolute; right:-50px; top:0; display:block; width:50px; height:100px; background:url(img/shape.png) no-repeat center;}

#search > .weo-flex{height:100px; align-items:center;}

#search-box{width:300px; height:40px; overflow:hidden;}

#search-box input{flex:1; width:auto; padding-left:40px; background:url(img/search.png) no-repeat left 14px center #fff; border:none; border-radius:4px 0 0 4px; font-size:14px; color:#464646;}

#search-box input::-moz-placeholder{color:#999;}

#search-box input::-webkit-input-placeholder{color:#999;}

#search-box input::-ms-input-placeholder{color:#999;}

#search-box button{background:#122874; border-color:#fff; border-radius:0 4px 4px 0; font-size:14px; color:#fff;}

#search-tag{display:flex; align-items:center; height:22px; margin-left:36px; overflow:hidden;}

#search-tag h3{height:22px; line-height:22px; padding-left:28px; background:url(img/hot.png) no-repeat left center; font-size:14px; color:#fff; overflow:hidden;}

#search-tag span{flex:1; display:flex; flex-wrap:wrap; height:16px; margin-left:4px; overflow:hidden;}

#search-tag span a{height:16px; line-height:16px; margin-left:24px; font-size:14px; color:#fff; overflow:hidden;}

#search-tag span a:first-child{margin-left:0;}

#sale-tel{position:relative; height:80px; line-height:80px; padding-left:144px; background:url(img/tel1.png) no-repeat left 100px center #f27517; font-size:16px; color:#fff;}

#sale-tel em{float:right; font-size:24px; font-weight:bold;}

#sale-tel:after{content:''; position:absolute; right:-360px; top:0; width:360px; height:80px; background:#f27517;}



.title h3{height:20px; line-height:20px; font-size:17px; text-transform:uppercase; color:#ccc; overflow:hidden;}

.title h2{height:38px; line-height:38px; margin-top:6px; font-size:36px; font-weight:bold; overflow:hidden;}

.title h2 em{color:#223d97;}

.title i{display:block; width:40px; height:5px; margin:15px auto 0 auto; background:#f27517;}

.title p{line-height:30px; margin-top:16px; font-size:16px; color:#666;}



#product-tab{margin-top:36px;}

#product-tab dl{display:flex; justify-content:center; overflow:hidden;}

#product-tab dl dd{height:40px; line-height:40px; margin-left:16px; padding:0 24px; border:1px solid #b1b1b1; border-radius:20px; font-size:16px; text-align:center; color:#666; cursor:pointer; overflow:hidden;}

#product-tab dl dd:first-child{margin-left:0;}

#product-tab dl dd.current{background:#223d97; border-color:#223d97; color:#fff;}



#product-tab dl dd.current a{color:#fff;}



#product{margin-top:40px;}

#product .item{display:none;}

#product ul{margin:-24px 0 0 -24px;}

#product ul li{float:left; width:282px; height:282px; margin:24px 0 0 24px; overflow:hidden;}

#product ul li a{position:relative; display:block;}

#product ul li a:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; display:block; border:1px solid #d1d1d1;}

#product ul li img{width:282px; max-width:none; height:282px;}

#product ul li h3{position:absolute; left:1px; right:1px; bottom:1px; height:78px; line-height:18px; padding:40px 20px 20px 20px; background:url(img/gradual.png) repeat-x top; background-size:1px 78px; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#product ul li section{position:absolute; left:0; right:0; top:0; bottom:0; display:none; padding:94px 41px; background:rgba(34,61,151,.8); overflow:hidden;}

#product ul li section:after{content:''; position:absolute; left:20px; right:20px; top:20px; bottom:20px; display:block; border:1px solid rgba(255,255,255,.5);}

#product ul li section h4{height:18px; line-height:18px; font-size:16px; font-weight:bold; text-align:center; color:#fff; overflow:hidden;}

#product ul li section i{display:block; width:22px; height:22px; margin:28px auto 0 auto; background:url(img/view.png) no-repeat center;}

#product ul li section h5{height:16px; line-height:16px; margin-top:10px; font-size:14px; text-align:center; color:#fff; overflow:hidden;}

#product ul li:hover a:after{display:none;}

#product ul li:hover h3{display:none;}

#product ul li:hover section{display:block;}



#solution{margin-top:36px;}

#solution ul{margin:-18px 0 0 -18px;}

#solution ul li{position:relative; float:left; width:388px; height:280px; margin:18px 0 0 18px; overflow:hidden;}

#solution ul li a{display:block;}

#solution ul li img{width:388px; max-width:none; height:280px;}

#solution ul li h3{position:absolute; left:0; right:0; bottom:0; height:78px; line-height:18px; padding:40px 20px 20px 20px; background:url(img/gradual1.png) repeat-x top; background-size:1px 78px; font-size:16px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#solution ul li.text{background:#223d97;}

#solution ul li.text a{padding:34px 36px 36px 36px;}

#solution ul li.text h2{height:20px; line-height:20px; font-size:18px; font-weight:bold; color:#fff; overflow:hidden;}

#solution ul li.text p{height:130px; line-height:26px; margin-top:18px; font-size:14px; color:rgba(255,255,255,.8); -webkit-line-clamp:5;}

#solution ul li.text i{display:block; width:22px; height:22px; margin-top:20px; background:url(img/arrow-r.png) no-repeat center;}



#ad1{height:244px; margin:60px 0; background:url(img/ad1-bg.png) no-repeat center; overflow:hidden;}

#ad1 section{right:0; top:88px;}

#ad1 section h3{height:24px; line-height:24px; font-size:18px; color:#f27517; overflow:hidden;}

#ad1 section h3 span{display:inline-block; padding-left:34px; background:url(img/tel2.png) no-repeat left center;}

#ad1 section h2{height:32px; line-height:32px; margin-top:12px; font-size:30px; font-weight:bold; color:#f27517; overflow:hidden;}



#case{height:246px; margin-top:36px;}

#case-item{height:246px; overflow:hidden;}

#case-item ul li{float:left; width:282px; height:246px; margin-right:24px; overflow:hidden;}

#case-item ul li span{display:block; width:282px; height:210px; overflow:hidden;}

#case-item ul li img{width:282px; max-width:none; height:210px;}

#case-item ul li h3{height:18px; line-height:18px; margin-top:18px; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#case-item ul li:hover h3{color:#f27517;}

#c-prev,#c-next{top:50%; transform:translateY(-50%); width:40px; height:14px; background-repeat:no-repeat; background-position:center; cursor:pointer;}

#c-prev{left:-64px; background-image:url(img/prev1.png);}

#c-next{right:-64px; background-image:url(img/next1.png);}

#c-prev:hover{background-image:url(img/prev1-h.png);}

#c-next:hover{background-image:url(img/next1-h.png);}



#wrap-choice{padding:70px 0; background:url(img/choice-bg.jpg) no-repeat top center; background-size:cover;}

#wrap-choice .title h3{color:rgba(255,255,255,.7);}

#wrap-choice .title h2,#wrap-choice .title p{color:#fff;}



#choice{margin-top:36px;}

#choice dl{display:flex;}

#choice dl dd{position:relative; width:300px; padding:30px 40px; cursor:pointer; overflow:hidden;}

#choice dl dd:before{content:''; position:absolute; left:0; top:30px; bottom:30px; display:block; width:1px; background:rgba(255,255,255,.3);}

#choice dl dd:last-child:after{content:''; position:absolute; right:0; top:30px; bottom:30px; display:block; width:1px; background:rgba(255,255,255,.3);}

#choice dl dd h2{height:38px; line-height:38px; font-size:36px; font-weight:bold; color:#fff; overflow:hidden;}

#choice dl dd i{display:block; width:1px; height:28px; margin:20px 0 0 10px; background:#fff;}

#choice dl dd h3{height:20px; line-height:20px; margin-top:30px; font-size:18px; font-weight:bold; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#choice dl dd p{height:140px; line-height:28px; margin-top:20px; font-size:14px; color:#fff; -webkit-line-clamp:5;}

#choice dl dd em{display:block; width:64px; height:64px; margin-top:36px; padding:5px; background:rgba(242,117,23,.3); border-radius:50%;}

#choice dl dd em span{display:block; width:54px; height:54px; background-repeat:no-repeat; background-position:center; background-color:rgba(242,117,23,.3); border-radius:50%;}

#choice dl dd em.ch-icon1 span{background-image:url(img/ch-icon1.png);}

#choice dl dd em.ch-icon2 span{background-image:url(img/ch-icon2.png);}

#choice dl dd em.ch-icon3 span{background-image:url(img/ch-icon3.png);}

#choice dl dd em.ch-icon4 span{background-image:url(img/ch-icon4.png);}

#choice dl dd:hover{background:#223d97;}

#choice dl dd:hover:before,#choice dl dd:hover + dd:before,#choice dl dd:last-child:hover:after{display:none;}

#choice dl dd:hover em{background:rgba(242,117,23,.3);}

#choice dl dd:hover em span{background-color:#f27517;}



#wrap-client{padding:60px 0; background:url(img/map.png) no-repeat center #fff;}



#client{position:relative; width:1187px; height:480px; margin:36px auto 0 auto; background:url(img/client-bg.png) no-repeat center; overflow:hidden;}

#client dl dd{position:absolute; width:232px; height:232px; cursor:pointer; overflow:hidden;}

#client dl dd:nth-child(1){left:242px; top:4px;}

#client dl dd:nth-child(2){left:478px; top:4px;}

#client dl dd:nth-child(3){left:714px; top:4px;}

#client dl dd:nth-child(4){left:123px; top:123px;}

#client dl dd:nth-child(5){left:360px; top:124px;}

#client dl dd:nth-child(6){left:596px; top:124px;}

#client dl dd:nth-child(7){left:832px; top:124px;}

#client dl dd:nth-child(8){left:242px; bottom:4px;}

#client dl dd:nth-child(9){left:714px; bottom:4px;}

#client dl dd img{width:232px; max-width:none; height:232px;}



#client-more{width:200px; height:48px; line-height:48px; margin:60px auto 0 auto; background:#223d97; border-radius:4px; font-size:16px; text-align:center; overflow:hidden;}

#client-more a{display:block; color:#fff;}

#client-more:hover{background:#f27517;}



#ad2{height:260px; background:url(img/ad2-bg.jpg) no-repeat center; overflow:hidden;}

#ad2 h3{left:50%; bottom:56px; transform:translateX(-50%); height:44px; line-height:44px; padding:0 32px; background:#fff; border-radius:22px; font-size:20px; font-weight:bold; color:#f27517; overflow:hidden;}



#about-title{display:flex; justify-content:space-between; align-items:center;}

#about-title section h3{height:20px; line-height:20px; font-size:17px; text-transform:uppercase; color:#ccc; overflow:hidden;}

#about-title section h2{height:38px; line-height:38px; margin-top:6px; font-size:36px; font-weight:bold; overflow:hidden;}

#about-title section h2 em{color:#223d97;}

#about-title section i{display:block; width:40px; height:5px; margin-top:15px; background:#f27517;}

#about-title p{height:60px; line-height:30px; font-size:18px; font-weight:bold; text-align:right; color:#f27517;}



#about{margin-top:40px; align-items:center;}

#about img{width:540px; height:388px; margin-right:50px;}

#about section{height:226px; line-height:30px; font-size:14px; color:#666;}

#about dl{margin-top:36px;}

#about dl dd{height:122px; overflow:hidden;}

#about dl dd em{display:block; width:90px; height:90px; margin:0 auto; background-repeat:no-repeat; background-position:center; border:1px solid #b1b1b1; border-radius:50%;}

#about dl dd em.a-icon1{background-image:url(img/a-icon1.png);}

#about dl dd em.a-icon2{background-image:url(img/a-icon2.png);}

#about dl dd em.a-icon3{background-image:url(img/a-icon3.png);}

#about dl dd em.a-icon4{background-image:url(img/a-icon4.png);}

#about dl dd h3{height:16px; line-height:16px; margin-top:16px; font-size:14px; text-align:center; overflow:hidden;}

#about dl dd:hover em{border-color:#f27517;}

#about dl dd:hover em.a-icon1{background-image:url(img/a-icon1-h.png);}

#about dl dd:hover em.a-icon2{background-image:url(img/a-icon2-h.png);}

#about dl dd:hover em.a-icon3{background-image:url(img/a-icon3-h.png);}

#about dl dd:hover em.a-icon4{background-image:url(img/a-icon4-h.png);}

#about dl dd:hover h3{color:#f27517;}



#honor{height:282px; margin-top:40px;}

#honor-item{width:1122px; height:282px; margin:0 auto; overflow:hidden;}

#honor-item ul li{float:left; width:210px; height:282px; margin-right:18px; overflow:hidden;}

#honor-item ul li img{width:210px; max-width:none; height:282px;}

#h-prev,#h-next{top:50%; transform:translateY(-50%); width:42px; height:42px; background-repeat:no-repeat; background-position:center; background-color:#cecece; border-radius:50%; cursor:pointer;}

#h-prev{left:-21px; background-image:url(img/prev2.png);}

#h-next{right:-21px; background-image:url(img/next2.png);}

#h-prev:hover,#h-next:hover{background-color:#f27517;}



#news{margin-top:40px;}

#news .item{width:380px; overflow:hidden;}

#news .news-img{position:relative; width:380px; height:120px; overflow:hidden;}

#news .news-img a{display:block;}

#news .news-img img{width:380px; max-width:none; height:120px;}

#news .news-img section{position:absolute; left:46px; right:46px; top:16px; bottom:16px; padding:9px; background:rgba(255,255,255,.5); overflow:hidden;}

#news .news-img section span{display:block; padding:12px 16px; background:#fff; overflow:hidden;}

#news .news-img section h3{height:22px; line-height:22px; font-size:19px; text-align:center; overflow:hidden;}

#news .news-img section h4{height:16px; line-height:16px; margin-top:8px; font-size:14px; text-align:center; color:#999; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#news .news-img:hover section{background:rgba(34,61,151,.5);}

#news .news-img:hover section span{background:#223d97;}

#news .news-img:hover section h3{color:#fff;}

#news .news-img:hover section h4{color:rgba(255,255,255,.8);}

#news .news-rmd{height:92px; margin-top:28px; overflow:hidden;}

#news .news-rmd:after{content:''; display:block; width:100%; height:1px; margin-top:15px; background:#e1e1e1;}

#news .news-rmd a{display:flex; align-items:center;}

#news .news-rmd span{height:64px; overflow:hidden;}

#news .news-rmd span em{display:block; height:38px; line-height:38px; font-size:36px; font-weight:bold; text-align:center; overflow:hidden;}

#news .news-rmd span h4{height:18px; line-height:18px; margin-top:8px; font-size:16px; text-align:center; color:#808080; overflow:hidden;}

#news .news-rmd i{width:1px; height:64px; margin:0 20px; background:#e1e1e1;}

#news .news-rmd section{flex:1; height:76px; overflow:hidden;}

#news .news-rmd section h3{height:18px; line-height:18px; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#news .news-rmd section p{height:48px; line-height:24px; margin-top:10px; font-size:14px; color:#808080;}

#news .news-rmd:hover section h3{color:#223d97;}

#news .news-item{margin-top:12px;}

#news .news-item ul li{display:flex; align-items:center; height:47px; border-bottom:1px dashed #d1d1d1; overflow:hidden;}

#news .news-item ul li:before{content:''; width:6px; height:6px; margin-right:10px; background:#223d97; border-radius:50%;}

#news .news-item ul li a{flex:1; height:46px; line-height:46px; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#news .news-item ul li span{height:16px; line-height:16px; font-size:14px; color:#808080; overflow:hidden;}

#news .news-item ul li a:hover{color:#223d92;}



/*内页样式*/



#lm-banner{height:420px; background:url(img/lm-banner.jpg) no-repeat center; background-size:cover; overflow:hidden;}

#lm-banner.news{background-image:url(img/lm-news.jpg);}

#lm-banner.contact{background-image:url(img/lm-contact.jpg);}

#lm-banner section{left:50%; top:50%; transform:translate(-50%,-50%);}

#lm-banner section h2{height:38px; line-height:38px; font-size:36px; color:#fff; overflow:hidden;}

#lm-banner section i{display:block; width:48px; height:4px; margin-top:24px; background:#f27517;}

#lm-banner section p{line-height:32px; margin-top:20px; font-size:16px; color:#fff;}



.wrap-white.main{padding:30px 0 50px 0;}



#left{width:240px;}



#l-title{height:114px; padding:28px 20px 30px 20px; background:#223d92; border-radius:30px 0 0 0; overflow:hidden;}

#l-title h3{height:20px; line-height:20px; font-size:17px; text-transform:uppercase; text-align:center; color:#fff; overflow:hidden;}

#l-title h2{height:26px; line-height:26px; margin-top:10px; font-size:24px; text-align:center; color:#fff; overflow:hidden;}



#l-menu{border:1px solid #d1d1d1;}

#l-menu dl dd{height:48px; line-height:48px; border-bottom:1px solid #d1d1d1; font-size:15px; overflow:hidden;}

#l-menu dl dd:last-child{border-bottom:none;}

#l-menu dl dd a{display:block; padding:0 56px 0 20px; background:url(img/arrow-r2.png) no-repeat right 20px center; color:#464646;}

#l-menu dl dd:hover a{background-image:url(img/arrow-r2-h.png); color:#223d92;}

#l-menu dl dd.current{margin:0 -1px; background:#223d92; border-color:#223d92;}

#l-menu dl dd.current a{background-image:url(img/arrow-r2-c.png); color:#fff;}



#l-menus{border:1px solid #d1d1d1;}

#l-menus dl dd{border-bottom:1px solid #d1d1d1;}

#l-menus dl dd:last-child{border-bottom:none;}

#l-menus dl dd .weo-flex{align-items:center; height:48px; padding:0 20px; overflow:hidden;}

#l-menus dl dd .weo-flex a{flex:1; height:48px; line-height:48px; font-size:15px; color:#464646; overflow:hidden;}

#l-menus dl dd .weo-flex a:hover{color:#223d92;}

#l-menus dl dd .weo-flex em{width:12px; height:12px; margin-left:20px; background:url(img/add.png) no-repeat center; cursor:pointer;}

#l-menus dl dd .weo-flex em:hover{background-image:url(img/add-h.png);}

#l-menus dl dd .weo-flex em.fold{background:url(img/del.png);}

#l-menus dl dd dl{display:none; padding:0 20px; border-top:1px solid #d1d1d1;}

#l-menus dl dd dl dd{height:44px; line-height:44px; border-bottom:1px dashed #d1d1d1; font-size:14px; overflow:hidden;}

#l-menus dl dd dl dd a{display:block; padding:0 34px 0 14px; background:url(img/arrow-r3.png) no-repeat right 14px center; color:#666;}

#l-menus dl dd dl dd:hover a{background-image:url(img/arrow-r3-h.png); color:#223d92;}

#l-menus dl dd.current .weo-flex{margin:0 -1px; background:#223d92;}

#l-menus dl dd.current .weo-flex a{color:#fff;}

#l-menus dl dd.current .weo-flex em{background-image:url(img/add-c.png);}

#l-menus dl dd.current .weo-flex em.fold{background-image:url(img/del-c.png);}

#l-menus dl dd.current dl{display:block; border-top:none;}



#l-p-menu{margin-top:20px;}

#l-p-menu h2{height:50px; line-height:50px; padding:0 20px 0 46px; background:url(img/fl.png) no-repeat left 20px center #223d92; font-size:16px; color:#fff; overflow:hidden;}

#l-p-menu section{padding:8px 20px; border:1px solid #e1e1e1; border-top:none;}

#l-p-menu section dl dd{height:44px; line-height:44px; border-bottom:1px dashed #d1d1d1; font-size:14px; overflow:hidden;}

#l-p-menu section dl dd:last-child{border-bottom:none;}

#l-p-menu section dl dd a{display:block; padding-right:26px; background:url(img/arrow-r3.png) no-repeat right center; color:#666;}

#l-p-menu section dl dd:hover a{background-image:url(img/arrow-r3-h.png); color:#223d92;}



#l-contact{margin-top:20px;}

#l-contact img{width:240px; height:90px;}

#l-contact section{padding:20px 20px 16px 20px; border:1px solid #d1d1d1; border-top:none;}

#l-contact section h2{height:32px; line-height:20px; font-size:18px; overflow:hidden;}

#l-contact section h2:after{content:''; display:block; width:100%; height:1px; margin-top:11px; background:#d1d1d1;}

#l-contact section p{line-height:24px; margin-top:10px; padding-left:26px; background-repeat:no-repeat; background-position:left top 4px; font-size:14px; color:#666;}

#l-contact section h2 + p{margin-top:16px;}

#l-contact section p.tel{background-image:url(img/tel4.png);}

#l-contact section p.mobile{background-image:url(img/mobile1.png);}

#l-contact section p.mail{background-image:url(img/mail1.png);}

#l-contact section p.address{background-image:url(img/address1.png);}



#l-qrcode{padding:18px 20px 26px 20px; border:1px solid #d1d1d1; border-top:none;}

#l-qrcode img{display:block; width:150px; height:150px; margin:0 auto;}

#l-qrcode h3{height:16px; line-height:16px; margin-top:8px; font-size:14px; text-align:center; color:#666; overflow:hidden;}



#l-baike{margin-top:20px;}

#l-baike h2{height:50px; line-height:50px; padding:0 20px 0 46px; background:url(img/bk.png) no-repeat left 20px center #223d92; font-size:16px; color:#fff; overflow:hidden;}

#l-baike section{padding:12px 20px; border:1px solid #e1e1e1; border-top:none;}

#l-baike section ul li{display:flex; align-items:center; height:36px; overflow:hidden;}

#l-baike section ul li:before{content:''; display:block; width:6px; height:6px; margin-right:12px; background:#999; border-radius:50%;}

#l-baike section ul li a{flex:1; height:36px; line-height:36px; font-size:14px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#l-baike section ul li:hover:before{background:#223d92;}

#l-baike section ul li:hover a{color:#223d92;}



#l-news{margin-top:20px;}

#l-news h2{height:50px; line-height:50px; padding:0 20px 0 46px; background:url(img/dt.png) no-repeat left 20px center #223d92; font-size:16px; color:#fff; overflow:hidden;}

#l-news section{padding:12px 20px; border:1px solid #e1e1e1; border-top:none;}

#l-news section ul li{display:flex; align-items:center; height:36px; overflow:hidden;}

#l-news section ul li:before{content:''; display:block; width:6px; height:6px; margin-right:12px; background:#999; border-radius:50%;}

#l-news section ul li a{flex:1; height:36px; line-height:36px; font-size:14px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#l-news section ul li:hover:before{background:#223d92;}

#l-news section ul li:hover a{color:#223d92;}



#right{width:930px;}



#location{display:flex; justify-content:space-between; position:relative; height:36px; overflow:hidden;}

#location:after{content:''; position:absolute; left:0; right:0; bottom:1px; display:block; height:1px; background:#d1d1d1;}

#location h2{position:relative; height:36px; line-height:20px; font-size:18px; color:#223d92; overflow:hidden;}

#location h2:after{content:''; position:absolute; left:0; right:0; bottom:0; z-index:99; display:block; height:3px; background:#223d92;}

#location section{height:20px; line-height:20px; padding-left:22px; background:url(img/location.png) no-repeat left center; font-size:14px; color:#666; overflow:hidden;}

#location section a{color:#666;}

#location section a:hover,#location section span{color:#223d92;}



#product-list{margin-top:30px;}

#product-list ul{margin:-24px 0 0 -24px;}

#product-list ul li{float:left; width:294px; height:294px; margin:24px 0 0 24px; overflow:hidden;}

#product-list ul li a{position:relative; display:block;}

#product-list ul li a:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; display:block; border:1px solid #d1d1d1;}

#product-list ul li img{width:294px; max-width:none; height:294px;}

#product-list ul li h3{position:absolute; left:1px; right:1px; bottom:1px; height:78px; line-height:18px; padding:40px 20px 20px 20px; background:url(img/gradual.png) repeat-x top; background-size:1px 78px; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#product-list ul li section{position:absolute; left:0; right:0; top:0; bottom:0; display:none; padding:94px 41px; background:rgba(34,61,151,.8); overflow:hidden;}

#product-list ul li section:after{content:''; position:absolute; left:20px; right:20px; top:20px; bottom:20px; display:block; border:1px solid rgba(255,255,255,.5);}

#product-list ul li section h4{height:18px; line-height:18px; font-size:16px; font-weight:bold; text-align:center; color:#fff; overflow:hidden;}

#product-list ul li section i{display:block; width:22px; height:22px; margin:28px auto 0 auto; background:url(img/view.png) no-repeat center;}

#product-list ul li section h5{height:16px; line-height:16px; margin-top:10px; font-size:14px; text-align:center; color:#fff; overflow:hidden;}

#product-list ul li:hover a:after{display:none;}

#product-list ul li:hover h3{display:none;}

#product-list ul li:hover section{display:block;}



#p-baike-rmd{margin-top:50px;}

#p-baike-rmd h2{display:flex; position:relative; height:34px; overflow:hidden;}

#p-baike-rmd h2:after{content:''; position:absolute; left:0; right:0; bottom:1px; display:block; height:1px; background:#d1d1d1;}

#p-baike-rmd h2 span{position:relative; height:34px; line-height:18px; padding-left:28px; background:url(img/star.png) no-repeat left top; font-size:16px; font-weight:bold; color:#223d92; overflow:hidden;}

#p-baike-rmd h2 span:after{content:''; position:absolute; left:0; right:0; bottom:0; z-index:99; display:block; height:3px; background:#223d92;}

#p-baike-rmd ul{margin-top:24px;}

#p-baike-rmd ul li{margin-top:18px; padding-bottom:14px; border-bottom:1px dashed #d1d1d1;}

#p-baike-rmd ul li:first-child{margin-top:0;}

#p-baike-rmd ul li h3{display:flex; justify-content:space-between; align-items:center; height:18px; overflow:hidden;}

#p-baike-rmd ul li h3 span{flex:1; height:18px; line-height:18px; padding-left:16px; background:url(img/arrow.png) no-repeat left center; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#p-baike-rmd ul li h3 em{height:16px; line-height:16px; margin-left:32px; font-size:14px; color:#999; overflow:hidden;}

#p-baike-rmd ul li p{line-height:48px; line-height:24px; margin-top:12px; font-size:14px; color:#666;}

#p-baike-rmd ul li:hover h3 span{color:#f27517;}



#p-news-rmd{margin-top:30px;}

#p-news-rmd h2{display:flex; position:relative; height:34px; overflow:hidden;}

#p-news-rmd h2:after{content:''; position:absolute; left:0; right:0; bottom:1px; display:block; height:1px; background:#d1d1d1;}

#p-news-rmd h2 span{position:relative; height:34px; line-height:18px; padding-left:28px; background:url(img/star.png) no-repeat left top; font-size:16px; font-weight:bold; color:#223d92; overflow:hidden;}

#p-news-rmd h2 span:after{content:''; position:absolute; left:0; right:0; bottom:0; z-index:99; display:block; height:3px; background:#223d92;}

#p-news-rmd ul{margin-top:24px;}

#p-news-rmd ul li{margin-top:18px; padding-bottom:14px; border-bottom:1px dashed #d1d1d1;}

#p-news-rmd ul li:first-child{margin-top:0;}

#p-news-rmd ul li h3{display:flex; justify-content:space-between; align-items:center; height:18px; overflow:hidden;}

#p-news-rmd ul li h3 span{flex:1; height:18px; line-height:18px; padding-left:16px; background:url(img/arrow.png) no-repeat left center; font-size:16px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#p-news-rmd ul li h3 em{height:16px; line-height:16px; margin-left:32px; font-size:14px; color:#999; overflow:hidden;}

#p-news-rmd ul li p{line-height:48px; line-height:24px; margin-top:12px; font-size:14px; color:#666;}

#p-news-rmd ul li:hover h3 span{color:#f27517;}



#solution-list{margin-top:30px;}

#solution-list ul{margin:-24px 0 0 -24px;}

#solution-list ul li{position:relative; float:left; width:294px; height:212px; margin:24px 0 0 24px; overflow:hidden;}

#solution-list ul li a{display:block;}

#solution-list ul li img{width:294px; max-width:none; height:212px;}

#solution-list ul li h3{position:absolute; left:0; right:0; bottom:0; height:78px; line-height:18px; padding:40px 20px 20px 20px; background:url(img/gradual1.png) repeat-x top; background-size:1px 78px; font-size:16px; text-align:center; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}



#honor-list{margin-top:30px;}

#honor-list ul{margin:-22px 0 0 -22px;}

#honor-list ul li{float:left; width:216px; height:290px; margin:22px 0 0 22px; overflow:hidden;}

#honor-list ul li img{width:216px; max-width:none; height:290px;}



#partner-list{margin-top:30px;}

#partner-list ul{margin:-22px 0 0 -22px;}

#partner-list ul li{position:relative; float:left; width:216px; height:138px; margin:22px 0 0 22px; cursor:pointer; overflow:hidden;}

#partner-list ul li:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #d1d1d1;}



#news-list{margin-top:30px;}

#news-list ul li{padding-bottom:24px; margin-bottom:24px; border-bottom:1px dashed #d1d1d1;}

#news-list ul li:last-child{margin-bottom:0;}

#news-list ul li a{display:flex; align-items:center; height:98px; overflow:hidden;}

#news-list ul li span{height:98px; padding:20px 18px; background:#e9e9e9; overflow:hidden;}

#news-list ul li span em{display:block; height:36px; line-height:36px; font-size:34px; text-align:center; color:#666; overflow:hidden;}

#news-list ul li span h4{height:16px; line-height:16px; margin-top:6px; font-size:14px; text-align:center; color:#666; overflow:hidden;}

#news-list ul li section{flex:1; height:80px; margin-left:20px; overflow:hidden;}

#news-list ul li section h3{height:18px; line-height:18px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#news-list ul li section p{height:52px; line-height:26px; margin-top:10px; font-size:14px; color:#666;}

#news-list ul li:hover span{background:#223d92;}

#news-list ul li:hover span em,#news-list ul li:hover span h4{color:#fff;}

#news-list ul li:hover section h3{color:#223d92;}



#n-product-rmd{margin-top:50px;}

#n-product-rmd h2{display:flex; position:relative; height:34px; margin-bottom:30px; overflow:hidden;}

#n-product-rmd h2:after{content:''; position:absolute; left:0; right:0; bottom:1px; display:block; height:1px; background:#d1d1d1;}

#n-product-rmd h2 span{position:relative; height:34px; line-height:18px; padding-left:28px; background:url(img/star.png) no-repeat left top; font-size:16px; font-weight:bold; color:#223d92; overflow:hidden;}

#n-product-rmd h2 span:after{content:''; position:absolute; left:0; right:0; bottom:0; z-index:99; display:block; height:3px; background:#223d92;}

#n-product-rmd ul{margin:-24px 0 0 -24px;}

#n-product-rmd ul li{float:left; width:294px; height:294px; margin:24px 0 0 24px; overflow:hidden;}

#n-product-rmd ul li a{position:relative; display:block;}

#n-product-rmd ul li a:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; display:block; border:1px solid #d1d1d1;}

#n-product-rmd ul li img{width:294px; max-width:none; height:294px;}

#n-product-rmd ul li h3{position:absolute; left:1px; right:1px; bottom:1px; height:78px; line-height:18px; padding:40px 20px 20px 20px; background:url(img/gradual.png) repeat-x top; background-size:1px 78px; font-size:16px; text-align:center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#n-product-rmd ul li section{position:absolute; left:0; right:0; top:0; bottom:0; display:none; padding:94px 41px; background:rgba(34,61,151,.8); overflow:hidden;}

#n-product-rmd ul li section:after{content:''; position:absolute; left:20px; right:20px; top:20px; bottom:20px; display:block; border:1px solid rgba(255,255,255,.5);}

#n-product-rmd ul li section h4{height:18px; line-height:18px; font-size:16px; font-weight:bold; text-align:center; color:#fff; overflow:hidden;}

#n-product-rmd ul li section i{display:block; width:22px; height:22px; margin:28px auto 0 auto; background:url(img/view.png) no-repeat center;}

#n-product-rmd ul li section h5{height:16px; line-height:16px; margin-top:10px; font-size:14px; text-align:center; color:#fff; overflow:hidden;}

#n-product-rmd ul li:hover a:after{display:none;}

#n-product-rmd ul li:hover h3{display:none;}

#n-product-rmd ul li:hover section{display:block;}



.weo-page{margin-top:50px;}

.weo-page a{height:40px; line-height:38px; margin-left:10px; padding:0 14px; border-color:#d1d1d1; border-radius:0; color:#666;}

.weo-page a:hover{border-color:#223d92; color:#223d92;}

.weo-page a.weo-page-on{background:#223d92; border-color:#223d92; color:#fff;}



#lm-about{margin-top:30px;}

#lm-about img{width:346px; height:286px; margin-right:30px; border-radius:8px;}

#lm-about .weo-flex-auto{padding:20px 0 16px 0;}

#lm-about h2{line-height:32px; font-size:24px; font-weight:bold;}

#lm-about section{line-height:28px; margin-top:20px; font-size:14px; color:#666;}



#lm-about-text{margin-top:30px;}

#lm-about-text img{width:326px; height:372px; margin-left:30px; border-radius:8px;}

#lm-about-text .weo-flex-auto{padding:20px 0 16px 0;}

#lm-about-text dl dd{margin-top:24px;}

#lm-about-text dl dd:first-child{margin-top:0;}

#lm-about-text dl dd h3{height:18px; line-height:18px; font-size:16px; overflow:hidden;}

#lm-about-text dl dd section{line-height:28px; margin-top:10px; font-size:14px; color:#666;}



#pd-info{align-items:center; height:360px; margin-top:30px; overflow:hidden;}

#pd-info img{width:360px; height:360px; margin-right:30px; border:1px solid #d1d1d1;}

#pd-info h1{height:26px; line-height:26px; font-size:24px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#pd-info p{height:180px; line-height:30px; margin-top:20px; font-size:14px; color:#666; -webkit-line-clamp:6;}

#pd-info h4{width:280px; height:52px; line-height:52px; margin-top:30px; background:#f27517; border-radius:4px; font-size:18px; font-weight:bold; text-align:center; color:#fff; overflow:hidden;}



#pd-tab{margin-top:40px;}

#pd-tab{height:52px; border:1px solid #d1d1d1; overflow:hidden;}

#pd-tab dl{display:flex;}

#pd-tab dl dd{height:50px; line-height:50px; padding:0 24px; border-right:1px solid #d1d1d1; font-size:16px; text-align:center; color:#666; cursor:pointer;}

#pd-tab dl dd:hover{color:#223d92;}

#pd-tab dl dd.current{position:relative; background:#223d92; color:#fff;}

#pd-tab dl dd.current:after{content:''; position:absolute; left:-1px; right:-1px; top:-1px; bottom:-1px; display:block; border:1px solid #223d92;}



#p-detail{line-height:200%; margin-top:20px; font-size:14px; color:#666;}

#p-detail .item{display:none;}



#p-detail-share{line-height:200%; margin-top:24px; font-size:14px; color:#666;}



#s-detail{line-height:200%; margin-top:30px; font-size:14px; color:#666;}

#s-detail-title{line-height:180%; margin-bottom:16px; font-size:24px; text-align:center; color:#333;}

#s-detail-share{margin-top:24px;}



#prev-next + #n-product-rmd{margin-top:30px;}



#article{line-height:200%; margin-top:30px; font-size:14px; color:#666;}

#article-title{line-height:180%; font-size:24px; text-align:center; color:#333;}

#article-info{margin-top:10px; text-align:center; color:#999;}

#article-line{height:0; margin:24px 0; border-top:1px dashed #d1d1d1;}



#prev-next{display:flex; justify-content:space-between; align-items:center; height:60px; margin-top:30px; border-top:1px dashed #d1d1d1; border-bottom:1px dashed #d1d1d1; overflow:hidden;}

#prev-next a{max-width:440px; height:16px; line-height:16px; font-size:14px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#prev-next a:hover{color:#223d92;}



#n-news-rmd{margin-top:40px;}

#n-news-rmd h2{display:flex; position:relative; height:34px; margin-bottom:16px; overflow:hidden;}

#n-news-rmd h2:after{content:''; position:absolute; left:0; right:0; bottom:1px; display:block; height:1px; background:#d1d1d1;}

#n-news-rmd h2 span{position:relative; height:34px; line-height:18px; padding-left:28px; background:url(img/star.png) no-repeat left top; font-size:16px; font-weight:bold; color:#223d92; overflow:hidden;}

#n-news-rmd h2 span:after{content:''; position:absolute; left:0; right:0; bottom:0; z-index:99; display:block; height:3px; background:#223d92;}

#n-news-rmd ul{margin-left:-110px;}

#n-news-rmd ul li{display:flex; align-items:center; float:left; width:410px; height:36px; margin-left:110px; overflow:hidden;}

#n-news-rmd ul li:before{content:''; display:block; width:6px; height:6px; margin-right:12px; background:#999; border-radius:50%;}

#n-news-rmd ul li a{flex:1; height:36px; line-height:36px; font-size:14px; color:#666; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

#n-news-rmd ul li span{height:16px; line-height:16px; font-size:14px; color:#999; overflow:hidden;}

#n-news-rmd ul li:hover:before{background:#223d92;}

#n-news-rmd ul li:hover a{color:#223d92;}



#n-news-rmd + #n-product-rmd{margin-top:24px;}



#contact{align-items:center; margin-top:40px;}

#contact h2{height:26px; line-height:26px; font-size:24px; overflow:hidden;}

#contact h4{height:18px; line-height:18px; margin-top:8px; font-size:16px; color:#999; overflow:hidden;}

#contact i{display:block; width:48px; height:3px; margin-top:21px; background:#f27517;}

#contact section{margin-top:32px;}

#contact section p{height:16px; line-height:16px; margin-top:24px; padding-left:28px; background-repeat:no-repeat; background-position:left center; font-size:14px; color:#666; overflow:hidden;}

#contact section p:first-child{margin-top:0;}

#contact section p.tel{background-image:url(img/tel4.png);}

#contact section p.mobile{background-image:url(img/mobile1.png);}

#contact section p.mail{background-image:url(img/mail1.png);}

#contact section p.address{background-image:url(img/address1.png);}

#c-qrcode{margin-left:30px; padding:22px 30px 30px 30px; border:1px solid #d1d1d1;}

#c-qrcode img{display:block; width:150px; height:150px; margin:0 auto;}

#c-qrcode h3{height:16px; line-height:16px; margin-top:8px; font-size:14px; text-align:center; color:#666; overflow:hidden;}



#map{height:380px; margin-top:40px; background:#f9f9f9; overflow:hidden;}

#map img{max-width:none;}

.anchorBL{display:none;}



/*底部样式*/



#footer{padding-top:24px; background:url(img/footer-bg.jpg) no-repeat bottom center #213884;}

#f-link{display:flex; flex-wrap:wrap; margin-bottom:36px;}

#f-link:after{content:''; display:block; width:100%; height:1px; margin-top:24px; background:rgba(255,255,255,.1);}

#f-link h3{height:32px; line-height:32px; margin-right:4px; font-size:16px; font-weight:bold; color:#fff; overflow:hidden;}

#f-link a{position:relative; height:32px; line-height:32px; margin-right:18px; padding-right:19px; font-size:14px; color:#fff; overflow:hidden;}

#f-link a:after{content:''; position:absolute; right:0; top:9px; bottom:9px; display:block; width:1px; background:rgba(255,255,255,.6);}

#f-link a:last-child{margin-right:0; padding-right:0;}

#f-link a:last-child:after{display:none;}

#f-link a:hover{color:#f27517;}

#f-line{width:100%; height:1px; margin:30px 0 36px 0; background:rgba(255,255,255,.1);}

#f-logo{margin-bottom:24px;}

#f-logo img{width:202px; height:76px;}

#f-qrcode img{display:block; width:120px; height:120px; margin:0 auto; border-radius:6px;}

#f-qrcode h3{height:16px; line-height:16px; margin-top:12px; font-size:14px; text-align:center; color:rgba(255,255,255,.8); overflow:hidden;}

#f-iot{margin-left:36px;}

#f-iot img{display:block; width:120px; height:120px; margin:0 auto; border-radius:6px;}

#f-iot h3{height:16px; line-height:16px; margin-top:12px; font-size:14px; text-align:center; color:rgba(255,255,255,.8); overflow:hidden;}

#f-iot h3 span{display:inline-block; padding-right:22px; background:url(img/arrow-r1.png) no-repeat right center;}

#f-contact{margin-right:60px; padding-right:60px; border-right:1px solid rgba(255,255,255,.1);}

#f-contact h2{display:flex; height:32px; overflow:hidden;}

#f-contact h2 span{position:relative; height:32px; line-height:20px; font-size:18px; color:#fff; overflow:hidden;}

#f-contact h2 span:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:1px; background:#fff;}

#f-contact h2 em{height:32px; line-height:20px; margin-left:12px; font-size:18px; color:rgba(255,255,255,.5); overflow:hidden;}

#f-contact section{margin-top:32px;}

#f-contact section p{height:16px; line-height:16px; margin-top:26px; padding-left:28px; background-repeat:no-repeat; background-position:left center; font-size:14px; color:rgba(255,255,255,.8); overflow:hidden;}

#f-contact section p:first-child{margin-top:0;}

#f-contact section p.tel{background-image:url(img/tel3.png);}

#f-contact section p.people{background-image:url(img/people.png);}

#f-contact section p.mobile{background-image:url(img/mobile.png);}

#f-contact section p.mail{background-image:url(img/mail.png);}

#f-contact section p.address{background-image:url(img/address.png);}

#f-feedback h2{display:flex; height:32px; overflow:hidden;}

#f-feedback h2 span{position:relative; height:32px; line-height:20px; font-size:18px; color:#fff; overflow:hidden;}

#f-feedback h2 span:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:1px; background:#fff;}

#f-feedback h2 em{height:32px; line-height:20px; margin-left:12px; font-size:18px; color:rgba(255,255,255,.5); overflow:hidden;}

#f-feedback section{margin-top:16px;}

#f-feedback .input-group{display:flex; justify-content:space-between; height:40px; overflow:hidden;}

#f-feedback .input-group input{width:208px; height:40px; line-height:40px; margin-left:14px; padding:0 14px; background:none; border-color:rgba(255,255,255,.22); border-radius:0; font-size:14px; color:rgba(255,255,255,.8);}

#f-feedback .input-group input:first-child{margin-left:0;}

#f-feedback .input-group input::-moz-placeholder{color:rgba(255,255,255,.5);}

#f-feedback .input-group input::-webkit-input-placeholder{color:rgba(255,255,255,.5);}

#f-feedback .input-group input::-ms-input-placeholder{color:rgba(255,255,255,.5);}

#f-feedback textarea{display:block; width:100%; height:70px; line-height:28px; margin-top:16px; padding:6px 14px; background:none; border-color:rgba(255,255,255,.22); border-radius:0; font-size:14px; color:rgba(255,255,255,.8);}

#f-feedback textarea::-moz-placeholder{color:rgba(255,255,255,.5);}

#f-feedback textarea::-webkit-input-placeholder{color:rgba(255,255,255,.5);}

#f-feedback textarea::-ms-input-placeholder{color:rgba(255,255,255,.5);}

#f-feedback button{display:block; width:140px; height:40px; line-height:40px; margin-top:20px; background:#f27517; border:none; border-radius:0; font-size:14px; color:#fff;}



#copyright{height:60px; line-height:60px; margin-top:36px; border-top:1px solid rgba(255,255,255,.1); font-size:14px; color:rgba(255,255,255,.5); overflow:hidden;}

#copyright a{color:rgba(255,255,255,.5);}

#copyright a:hover{color:#fff;}

/*底部产品*/
#f-feedback{
    width: 400px;
}
#f-feedback section span{
    width: 150px;
    margin: 12px 18px 10px 0px;
    display: inline-block;
}
#f-feedback section span a{
    color: #fff;
    font-size: 14px;
}