/*全局样式*/

@font-face{
	font-family:'Bahnschrift';
	src:url("font/Bahnschrift.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
}

@font-face{
	font-family:'Cambria';
	src:url("font/Cambria.ttf") format("truetype");
	font-weight:normal;
	font-style:normal;
}

*:focus{outline:none;}
html{overflow-x:hidden;}
body,a{color:#333;}

.wrapper{width:1280px;}
.wrap-white{background:#fff;}
.wrap-white.p1{padding:30px 0;}
.wrap-white.p2{padding:40px 0 70px 0;}

/*头部样式*/

.new_index_header{ display:none}

#header{left:0; right:0; top:0; z-index:99; height:106px; background:rgba(0,0,0,.16);}
#logo{left:0; top:26px;}
#logo img{width:266px; height:54px;}
#nav{right:58px; top:0;}
#nav > ul{display:flex;}
#nav > ul > li{position:relative; margin-left:42px; text-align:center;}
#nav > ul > li:first-child{margin-left:0;}
#nav > ul > li > a{display:block; padding:32px 0;}
#nav > ul > li h3{height:18px; line-height:18px; font-size:16px; color:#fff; overflow:hidden;}
#nav > ul > li h4{height:16px; line-height:16px; margin-top:8px; font-family:'Arial'; font-size:13px; text-transform:uppercase; color:#fff; overflow:hidden;}
#nav > ul > li ul{position:absolute; left:50%; top:106px; transform:translate(-50%,20px); z-index:99; display:none; width:176px; padding: 8px 1px; background:rgba(255,255,255,.8); border-radius:0 0 8px 8px; box-shadow:0 0 10px rgba(0,0,0,.08); opacity:0; animation:NavAnimation 0.3s; animation-fill-mode:forwards;}
#nav > ul > li:hover ul{display:block;}
@keyframes NavAnimation{100%{transform:translate(-50%,0); opacity:1;}}
#nav > ul > li ul li{height:40px; line-height:40px; font-size:14px; overflow:hidden; transition:background 0.1s linear;}
#nav > ul > li ul li a{display:block; padding:0 16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; transition:color 0.1s linear;}
#nav > ul > li ul li:hover{background:#d80d18; transition:background 0.1s linear;}
#nav > ul > li ul li:hover a{color:#fff; transition:color 0.1s linear;}
#search-btn{right:0; top:41px; width:24px; height:24px; background:url(img/search.png); cursor:pointer;}
#search{right:0; top:126px; z-index:99; display:none; height:64px; padding:10px; background:rgba(255,255,255,.5); box-shadow:0 0 10px rgba(0,0,0,.08); overflow:hidden;}
#search input{width:256px; height:44px; line-height:44px; padding:0 16px; border:none; border-radius:0; font-size:15px; color:#464646;}
#search input::-moz-placeholder{color:#999;}
#search input::-webkit-input-placeholder{color:#999;}
#search input::-ms-input-placeholder{color:#999;}
#search button{width:44px; height:44px; background:url(img/search.png) no-repeat center #d80d18; background-size:20px 20px; border:none; border-radius:0;}
.shangj{ background:url(img/swen.jpg) no-repeat bottom center; background-size:cover}
/*首页样式*/

#banner{width:100%; height:980px; overflow:hidden;}
#banner .swiper-wrapper{height:980px;}
#banner .swiper-slide{width:100%; height:980px;}
#banner .swiper-slide img{width:100%; height:980px;}
#banner .swiper-pagination{left:50%; bottom:56px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; width:auto;}
#banner .swiper-pagination-bullet{width:44px; height:4px; margin:0 0 0 10px; background:rgba(0,0,0,.28); border-radius:0; cursor:pointer; opacity:1;}
#banner .swiper-pagination-bullet:first-child{margin-left:0;}
#banner .swiper-pagination-bullet-active{background:#d80d18;}
#banner .swiper-button-prev,#banner .swiper-button-next{top:50%; transform:translateY(-50%); width:60px; height:60px; margin:0; background-color:rgba(0,0,0,.2); background-repeat:no-repeat; background-position:center; background-size:18px 16px; border-radius:50%; cursor:pointer; opacity:1;}
#banner .swiper-button-prev:after,#banner .swiper-button-next:after{display:none;}
#banner .swiper-button-prev{left:40px; background-image:url(img/prev.png);}
#banner .swiper-button-next{right:40px; background-image:url(img/next.png);}
#banner .swiper-button-prev:hover,#banner .swiper-button-next:hover{background-color:rgba(0,0,0,.38);}

.title h2{height:38px; line-height:38px; font-size:36px; font-weight:bold; overflow:hidden;}
.title h2 em{color:#d80d18;}
.title h3{height:22px; line-height:22px; margin-top:12px; font-family:'Cambria'; font-size:20px; font-weight:bold; text-transform:uppercase; color:#52595f; overflow:hidden;}
.title.white h2,.title.white h3{color:#fff;}

.wrap-white.p1 .cate{
    margin-top: 30px;
    text-align: center;
    width: 100%;
    display: block;
    height: 50px;
}
.wrap-white.p1 .cate ul li{
    width: auto;
    padding: 10px 40px;
    border: 1px solid #d80d18; 
    text-align: center;
    display: inline-block; 
    margin-right: 10px;
    border-radius: 20px;
}
.wrap-white.p1 .cate ul li a{
    color: #d80d18;
}
.wrap-white.p1 .cate ul .current{
    background: #d80d18;
}
.wrap-white.p1 .cate ul .current a{
    color: #fff;
}

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

#product{margin-top:50px;}
#product ul{display:flex; flex-wrap:wrap;}
#product ul li{position:relative; width:408px; height:446px; margin:28px 0 0 15px; background:#fff; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,.08); overflow:hidden;}




#product ul li a{display:block; padding:170px 40px 40px 40px;}
#product ul li section{position:absolute; left:40px; right:40px; top:54px; text-align:center;}
#product ul li section h3{height:28px; line-height:28px; font-size:25px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#product ul li section h4{width:144px; height:44px; line-height:42px; margin:23px auto 0 auto; background:#fff; border:1px solid #d80d18; border-radius:22px; font-size:14px; color:#d80d18; overflow:hidden;}
#product ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#product ul li:hover section h3{color:#d80d18;}

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

#step{margin-top:50px;}
#step ul{display:flex; justify-content:space-between;}
#step ul li{position:relative; width:290px; text-align:center;}
#step ul li i{display:block; width:96px; height:96px; margin:0 auto; background-repeat:no-repeat; background-position:center;}
#step ul li i.step1{background-image:url(img/step1.png);}
#step ul li i.step2{background-image:url(img/step2.png);}
#step ul li i.step3{background-image:url(img/step3.png);}
#step ul li i.step4{background-image:url(img/step4.png);}
#step ul li h3{height:24px; line-height:24px; margin-top:18px; font-size:22px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#step ul li h4{height:16px; line-height:16px; margin-top:16px; font-size:14px; color:rgba(255,255,255,.7); white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#step ul li .line{position:absolute; left:-122px; right:206px; top:42px; display:flex; align-items:center;}
#step ul li .line span{flex:1; height:0; border-bottom:1px dashed rgba(255,255,255,.2);}
#step ul li .line em{width:17px; height:13px; margin:0 5px; background:url(img/arrow-r.png) no-repeat center; opacity:.6;}
#step ul li:hover i{transform:rotateY(360deg); transition:transform 0.6s linear;}

#about{position:relative; display:flex; align-items:center; margin:50px 0 70px 0; padding:50px; background:url(img/about-bg1.jpg) no-repeat left 220px bottom 40px #fff; box-shadow:0 0 20px rgba(0,0,0,.08); overflow:hidden;}
#about:before{content:''; position:absolute; left:30px; top:30px; display:block; width:236px; height:236px; background:#ebf0f7; border-radius:50%;}
#about .left{position:relative; z-index:1; flex:1;}
#about .left h2{height:28px; line-height:28px; padding-left:28px; font-size:26px; font-weight:bold; overflow:hidden;}
#about .left h2 em{color:#22529f;}
#about .left h3{height:20px; line-height:20px; margin-top:8px; padding-left:28px; font-family:'Arial'; font-size:17px; color:#5a5a5a; overflow:hidden;}
#about .left i{display:block; width:52px; height:3px; margin:25px 0 0 28px; background:#d80d18;}
#about .left .text{height:180px; line-height:30px; margin-top:36px; font-size:14px; color:#666; overflow:hidden;text-align: justify}
#about .left .text p{text-indent:28px;}
#about .left a{display:block; width:164px; height:44px; line-height:44px; margin-top:40px; background:#d80d18; border-radius:4px; font-size:14px; text-align:center; color:#fff; overflow:hidden; transition:background 0.1s linear;}
#about .left a:hover{background:#ef0e1b; transition:background 0.1s linear;}
#about .right{width:612px; height:430px; margin-left:50px; border-radius:10px; overflow:hidden;}
#about .right img{width:612px; height:430px;}

#project{position:relative; margin-top:50px;}
#project .swiper-container{height:536px; overflow:hidden;}
#project .swiper-wrapper{height:536px;}
#project .swiper-slide{width:408px; height:536px; overflow:hidden;}
#project .swiper-slide span{display:block; width:408px; height:282px; overflow:hidden;}
#project .swiper-slide img{width:408px; max-width:none; height:282px; transition:transform 0.3s linear;}
#project .swiper-slide section{height:214px; padding:28px 28px 32px 28px; background:#fff; overflow:hidden;}
#project .swiper-slide section h4{height:18px; line-height:18px; font-family:'Arial'; font-size:15px; color:#737373; overflow:hidden; text-align:left}
#project .swiper-slide section h3{color: #333;font-weight: bold;

    line-height: 24px; height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 17px;
    margin-top: 10px; text-align:left}
#project .swiper-slide section p{height:52px; line-height:26px; margin-top:16px; font-size:14px; color:#7a7e87; display:none}
#project .swiper-slide section h5{width:164px; height:44px; line-height:42px; margin:24px auto 0 auto; background:#fafafa; border:1px solid #e5e5e5; border-radius:22px; font-size:15px; text-align:center; color:#d80d18; overflow:hidden; transition:all 0.1s linear;}
#project .swiper-slide:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#project .swiper-slide:hover section h3{color:#d80d18;}
#project .swiper-slide:hover section h5{background:#fefefe; border-color:#d80d18; transition:all 0.1s linear;}
#project .swiper-button-prev,#project .swiper-button-next{top:50%; transform:translateY(-50%); width:60px; height:60px; margin:0; background-repeat:no-repeat; background-position:center; background-size:18px 16px; border:1px solid #a5a5a5; border-radius:50%; cursor:pointer; opacity:1; transition:all 0.1s linear;}
#project .swiper-button-prev:after,#project .swiper-button-next:after{display:none;}
#project .swiper-button-prev{left:-88px; background-image:url(img/prev1.png);}
#project .swiper-button-next{right:-88px; background-image:url(img/next1.png);}
#project .swiper-button-prev:hover{background-image:url(img/prev1-h.png); border-color:#d80d18; transition:all 0.1s linear;}
#project .swiper-button-next:hover{background-image:url(img/next1-h.png); border-color:#d80d18; transition:all 0.1s linear;}

#news-title{display:flex; justify-content:space-between; align-items:flex-end;}
#news-title .left h2{display:flex; align-items:flex-end;}
#news-title .left h2 em{height:38px; line-height:38px; font-size:35px; font-weight:bold; overflow:hidden;}
#news-title .left h2 em i{color:#d80d18;}
#news-title .left h2 span{height:20px; line-height:20px; margin-left:12px; font-family:'Arial'; font-size:17px; text-transform:uppercase; color:#595f66; overflow:hidden;}
#news-title .left h3{height:18px; line-height:18px; margin-top:14px; font-size:15px; color:#908f8f; overflow:hidden;}
#news-title .right{display:flex; margin-bottom:10px;}
#news-title .right span{width:134px; height:44px; line-height:42px; margin-left:14px; background:#f2f4f7; border:1px solid #e5e5e5; border-radius:22px; font-size:16px; text-align:center; color:#737373; cursor:pointer; overflow:hidden; transition:all 0.1s linear;}
#news-title .right span:first-child{margin-left:0;}
#news-title .right span:hover{border-color:#004098; color:#004098; transition:all 0.1s linear;}
#news-title .right span.current{background:#004098; border-color:#004098; color:#fff;}

#news{margin-top:50px;}
#news .item{display:none;}
#news .item.current{display:flex;}
#news .left{width:584px; height:364px; overflow:hidden;}
#news .left a{position:relative; display:block;}
#news .left a:after{content:''; position:absolute; left:0; right:0; bottom:0; top:50%; background:linear-gradient(transparent,rgba(0,0,0,.6));}
#news .left img{width:584px; max-width:none; height:364px; transition:transform 0.3s linear;}
#news .left h3{position:absolute; left:24px; right:0; bottom:24px; z-index:1; height:22px; line-height:22px; font-size:20px; font-weight:bold; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news .left:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#news .right{flex:1; height:364px; margin-left:28px; overflow:hidden;}
#news .right ul li{height:168px; margin-top:28px; overflow:hidden;}
#news .right ul li:first-child{margin-top:0;}
#news .right ul li a{display:flex; align-items:center;}
#news .right ul li span{width:258px; height:168px; overflow:hidden;}
#news .right ul li img{width:258px; max-width:none; height:168px; transition:transform 0.3s linear;}
#news .right ul li section{flex:1; margin-left:24px;}
#news .right ul li section h5{height:16px; line-height:16px; font-size:14px; color:#d80d18; overflow:hidden;}
#news .right ul li section h3{height:20px; line-height:20px; margin-top:18px; font-size:18px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news .right ul li section h4{height:18px; line-height:18px; margin-top:10px; font-family:'Arial'; font-size:15px; color:#737373; overflow:hidden;}
#news .right ul li section p{height:48px; line-height:24px; margin-top:16px; font-size:14px; color:#737373;}
#news .right ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#news .right ul li:hover section h3{color:#d80d18;}

/*内页样式*/

#lm-banner{position:relative; height:450px; background:url(img/lm-banner.jpg) no-repeat center; background-size:cover; overflow:hidden;}
/*#lm-banner h2{position:absolute; left:calc((100% - 1280px) / 2); top:50%; height:38px; line-height:38px; font-size:36px; font-weight:bold; color:#fff; overflow:hidden; display:none}*/

#location {
    padding-left: 28px;
    background: url(img/home.png) no-repeat 0 15px;
    display: flex;
    width: 1280px;
    margin: 0 auto;
    position: inherit;
    padding-top: 14px;
}
#location a{height:18px; line-height:18px; font-size:15px; color:#666; overflow:hidden;}
#location span{height:18px; line-height:18px; font-size:15px; color:#666; overflow:hidden;}
#location i{display:block; width:0; height:0; margin:0 12px; border-left:5px solid #666; border-top:3.5px solid transparent; border-bottom:3.5px solid transparent;margin-top: 6px;}

.ximi{background:#e8e8e8; width:100%; height:50px; line-height:50px}

#menu{position:relative; display:flex; justify-content:space-between; height:52px; }
#menu:after{content:''; position:absolute; left:0; right:0; bottom:0px; display:block; height:3px; background:#eee;}
#menu h2{height:28px; line-height:28px; font-size:23px; overflow:hidden;}
#menu ul{display:flex; margin-top:8px;}
#menu ul li{height:44px; line-height:20px; margin-left:50px; font-size:18px; font-weight:bold; overflow:hidden;}
#menu ul li:first-child{margin-left:0;}
#menu ul li a{display:block;}
#menu ul li:hover a{color:#d80d18;}
#menu ul li.current{position:relative; z-index:1;}
#menu ul li.current:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:3px; background:#d80d18;}
#menu ul li.current a{color:#d80d18;}

#load-more{width:206px; height:56px; line-height:52px; margin:70px auto 0 auto; border:2px solid #d80d18; border-radius:28px; font-size:16px; text-align:center; color:#d80d18; cursor:pointer; overflow:hidden; transition:all 0.1s linear;}
#load-more:hover{background:#d80d18; color:#fff; transition:all 0.1s linear;}

/*关于我们*/

#lm-about{display:flex; justify-content:space-between; margin-top:60px;}
#lm-about .left{width:640px; height:480px; overflow:hidden;}
#lm-about .left img{width:640px; height:480px;}
#lm-about .right{flex:1; margin-left:60px; padding-top:16px;}
#lm-about .right h2{height:30px; line-height:30px; font-size:27px; font-weight:bold; overflow:hidden;}
#lm-about .right h2 em{color:#22529f;}
#lm-about .right h3{height:20px; line-height:20px; margin-top:8px; font-family:'Arial'; font-size:18px; color:#5a5a5a; overflow:hidden;}
#lm-about .right i{display:block; width:52px; height:3px; margin-top:25px; background:#d80d18;}
#lm-about .right .text{line-height:30px; margin-top:30px; font-size:15px; color:#666;}
#lm-about .right .text p{margin-top:20px; text-indent:30px;}
#lm-about .right .text p:first-child{margin-top:0;}

#wrap-step{padding:100px 0; background:url(img/step-bg.jpg) no-repeat top center; background-size:cover;}
#lm-step ul{display:flex; justify-content:space-between;}
#lm-step ul li{position:relative; width:290px; text-align:center;}
#lm-step ul li i{display:block; width:96px; height:96px; margin:0 auto; background-repeat:no-repeat; background-position:center;}
#lm-step ul li i.step1{background-image:url(img/step1.png);}
#lm-step ul li i.step2{background-image:url(img/step2.png);}
#lm-step ul li i.step3{background-image:url(img/step3.png);}
#lm-step ul li i.step4{background-image:url(img/step4.png);}
#lm-step ul li h3{height:24px; line-height:24px; margin-top:18px; font-size:22px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#lm-step ul li h4{height:16px; line-height:16px; margin-top:16px; font-size:14px; color:rgba(255,255,255,.7); white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#lm-step ul li .line{position:absolute; left:-122px; right:206px; top:42px; display:flex; align-items:center;}
#lm-step ul li .line span{flex:1; height:0; border-bottom:1px dashed rgba(255,255,255,.2);}
#lm-step ul li .line em{width:17px; height:13px; margin:0 5px; background:url(img/arrow-r.png) no-repeat center; opacity:.6;}
#lm-step ul li:hover i{transform:rotateY(360deg); transition:transform 0.6s linear;}

#wrap-philosophy{padding:70px 0; background:url(img/philosophy-bg.jpg) no-repeat top center; background-size:cover;}
#lm-philosophy ul{display:flex; justify-content:space-between;}
#lm-philosophy ul li{width:400px; height:376px; padding:40px; background:#fff; overflow:hidden;}
#lm-philosophy ul li h4{height:20px; line-height:20px; font-size:17px; color:#666; overflow:hidden;}
#lm-philosophy ul li h3{height:64px; line-height:32px; margin-top:16px; font-size:23px; color:#22529f;}
#lm-philosophy ul li span{display:block; width:320px; height:160px; margin-top:36px; overflow:hidden;}
#lm-philosophy ul li img{width:320px; max-width:none; height:160px; transition:transform 0.3s linear;}
#lm-philosophy ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}

#honor-list{margin-top:50px;}
#honor-list ul{display:flex; flex-wrap:wrap;}
#honor-list ul li{width:290px; margin:40px 0 0 40px; overflow:hidden;}
#honor-list ul li:nth-child(-n+4){margin-top:0;}
#honor-list ul li:nth-child(4n+1){margin-left:0;}
#honor-list ul li span{display:block; width:290px; height:200px; overflow:hidden;}
#honor-list ul li img{width:290px; max-width:none; height:200px; transition:transform 0.3s linear;}
#honor-list 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;}
#honor-list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#honor-list ul li:hover h3{color:#d80d18;}

#image-preview{position:absolute; left:0; right:0; top:0; bottom:0; display:none; padding:60px 140px; background:rgb(0,0,0,.5); overflow:hidden;}
#image-preview .swiper-pagination{position:absolute; left:60px; top:40px; width:auto; height:16px; line-height:16px; margin:0; font-size:14px; color:#fff;}
#image-preview .close{position:absolute; right:60px; top:40px; width:16px; height:16px; background:url(img/close.png) no-repeat center; cursor:pointer;}
#image-preview .swiper-button-prev,#image-preview .swiper-button-next{top:50%; width:20px; height:16px; margin:0; background-repeat:no-repeat; background-position:center; background-size:20px 16px; cursor:pointer; opacity:1;}
#image-preview .swiper-button-prev:after,#image-preview .swiper-button-next:after{display:none;}
#image-preview .swiper-button-prev{left:60px; background-image:url(img/prev3.png);}
#image-preview .swiper-button-next{right:60px; background-image:url(img/next3.png);}
#image-preview .swiper-container{position:relative; left:50%; top:50%; transform:translate(-50%,-50%); height:548px; overflow:hidden;}
#image-preview .swiper-wrapper{height:548px;}
#image-preview .swiper-slide{height:548px; overflow:hidden;}
#image-preview .swiper-slide h3{height:18px; line-height:18px; font-size:16px; text-align:center; color:#fff; overflow:hidden;}
#image-preview .swiper-slide img{display:block; width:750px; height:500px; margin:30px auto 0 auto;}

/*产品展示*/

#product-list{margin-top:50px;}
#product-list ul{display:flex; flex-wrap:wrap;}
#product-list ul li{position:relative; width:408px; height:446px; margin:28px 0 0 15px; background:#fff; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,.08); overflow:hidden;}

#product-list ul li a{display:block; padding:144px 40px 40px 40px;}
#product-list ul li img{display: block;
    width: 337px;
    max-width: none;
    height: 280px;
    margin: 0 auto;
    transition: transform 0.3s linear;
}
#product-list ul li section{position:absolute; left:40px; right:40px; top:54px; text-align:center;}
#product-list ul li section h3{height:28px; line-height:28px; font-size:25px; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#product-list ul li section h4{width:144px; height:44px; line-height:42px; margin:20px auto 0 auto; background:#fff; border:1px solid #d80d18; border-radius:22px; font-size:14px; color:#d80d18; overflow:hidden;}
#product-list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#product-list ul li:hover section h3{color:#d80d18;}

#pd-info{display:block;padding-top: 0px; position:relative}

#pd-info .left{position:relative; width:500px; height:380px; border:10px solid #f5f5f5; overflow:hidden;}
#pd-info .left .swiper-container{width:480px; height:360px; overflow:hidden;}
#pd-info .left .swiper-wrapper{height:360px;}
#pd-info .left .swiper-slide{width:480px; height:360px; overflow:hidden;}
#pd-info .left .swiper-slide img{width:480px; height:360px; transition:transform 0.3s linear;}


#pd-info .left .swiper-slide:hover img{transform:scale(1.08); transition:transform 0.3s linear;}




#pd-info .left .swiper-pagination{position:absolute; left:50%; bottom:30px; transform:translateX(-50%); display:flex; justify-content:center; align-items:center; width:auto;}
#pd-info .left .swiper-pagination-bullet{width:10px; height:10px; margin:0 0 0 12px; background:#999; border-radius:50%; cursor:pointer; opacity:1;}
#pd-info .left .swiper-pagination-bullet:first-child{margin-left:0;}
#pd-info .left .swiper-pagination-bullet-active{background:#d80d18;}
#pd-info .right{flex:1; margin-left:50px; padding-top:30px;width: 478px; position: absolute;
    right: 0;
    top: 50px;}
    
    
    
    
#pd-info .right h1{height:30px; line-height:30px; font-size:28px; font-weight:bold; overflow:hidden;}
#pd-info .right i{display:block; height:1px; margin-top:31px; background:#e5e5e5;}
#pd-info .right p{max-height:120px; line-height:30px; margin-top:20px; font-size:15px; color:#666; -webkit-line-clamp:4;}
#pd-info .right h4{display:flex; margin-top:40px;}
#pd-info .right h4 a{width:170px; height:50px; line-height:50px; margin-left:24px; background:#d80d18; font-size:16px; text-align:center; color:#fff; overflow:hidden; transition:background 0.1s linear;}
#pd-info .right h4 a:first-child{margin-left:0;}
#pd-info .right h4 a:hover{background:#ef0e1b; transition:background 0.1s linear;}

#pd-tab{position:relative; display:flex; height:40px; margin-top:50px;}
#pd-tab:after{content:''; position:absolute; left:0; right:0; bottom:1px; display:block; height:1px; background:#e5e5e5;}
#pd-tab h2{position:relative; z-index:1; height:40px; line-height:18px; font-size:16px; font-weight:bold; color:#d80d18; overflow:hidden;}
#pd-tab h2:after{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:3px; background:#d80d18;}

#pd-item{line-height:32px; margin-top:32px; font-size:15px; color:#666;}

/*工程业绩*/

#project-list{margin-top:50px;}
#project-list ul{display:flex; flex-wrap:wrap;}
#project-list ul li{width:298px; height:362px; margin:40px 0 0 28px; box-shadow:0 0 20px rgba(0,0,0,.08); overflow:hidden;}
#project-list ul li:nth-child(-n+4){margin-top:0;}
#project-list ul li:nth-child(4n+1){margin-left:0;}
#project-list ul li span{display:block; width:278px; height:188px; overflow:hidden;align-items: center; margin: 0 auto; margin-top: 10px;
display: flex;
justify-content: center; }
#project-list ul li img{width:auto; height:100%; max-width:none; transition:transform 0.3s linear;}
#project-list ul li section{height:254px; padding:22px 22px 32px 22px; background:#fff; overflow:hidden;}
#project-list ul li section h4{height:18px;text-align:left; line-height:18px; font-family:'Arial'; font-size:15px; color:#737373; overflow:hidden;}
#project-list ul li section h3{color: #333;font-weight: bold;

    line-height: 24px; height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 17px;
    margin-top: 5px; text-align:left}



#project-list ul li section p{height:52px; line-height:26px; margin-top:16px; font-size:14px; color:#7a7e87;}
#project-list ul li section h5{width: 136px;
    height: 40px;
    line-height: 40px;
    margin: 13px auto 0 auto; background:#fafafa; border:1px solid #e5e5e5; border-radius:22px; font-size:14px; text-align:center; color:#d80d18; overflow:hidden; transition:all 0.1s linear;}
#project-list ul li:hover img{transform:scale(1.08); transition:transform 0.3s linear;}
#project-list ul li:hover section h3{color:#d80d18;}
#project-list ul li:hover section h5{background:#fefefe; border-color:#d80d18; transition:all 0.1s linear;}

#project-article-title{line-height:38px; margin-top:20px; font-size:28px; font-weight:bold; text-align:center;}
#project-article-info{height:18px; line-height:18px; margin-top:20px; font-size:15px; text-align:center; color:#999; overflow:hidden;}
#project-article{line-height:200%; margin-top:40px; padding:40px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:15px; color:#666;}
#project-prev-next{display:flex; justify-content:space-between; margin-top:40px;}
#project-prev-next a{max-width:calc((100% - 60px) / 2); height:18px; line-height:18px; margin-left:40px; font-size:15px; color:#666; overflow:hidden;}
#project-prev-next a:first-child{margin-left:0;}
#project-prev-next a:hover{color:#d80d18;}

#prev-next{

    margin-top: 30px;
}
#prev-next p{
	margin-bottom: 20px;
	color: #666;
}
#prev-next p a{ 
	color: #666;
}



#culture_article{

    line-height: 32px;
    margin-top: 40px; 
    font-size: 15px;
    color: #666;
}
/*新闻资讯*/

#news-list{margin-top:50px;}
#news-list .rmd{overflow:hidden;}
#news-list .rmd a{display:flex; align-items:flex-start;}
#news-list .rmd span {
    width: 320px;
    height: 192px;
    overflow: hidden;
}
#news-list .rmd img{width:100%; max-width:none; height:100%; transition:transform 0.3s linear;}
#news-list .rmd section{flex:1; height:192px; padding:33px; background:#f5f5f5; overflow:hidden; padding-top:28px}
#news-list .rmd section h4{height:50px; line-height:50px; font-family:'Bahnschrift'; font-size:42px; overflow:hidden;}
#news-list .rmd section h5{height:20px; line-height:20px; font-family:'Bahnschrift'; font-size:17px; color:#666; overflow:hidden;}
#news-list .rmd section h3{height:24px; line-height:24px; margin-top:10px; font-size:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news-list .rmd section p{height: 34px;
    line-height: 30px;
    margin-top: 4px;
    font-size: 15px;
    color: #666;
    -webkit-line-clamp: 1;}
/*#news-list .rmd:hover img{transform:scale(1.08); transition:transform 0.3s linear;}*/
/*#news-list .rmd:hover section h3{color:#d80d18;}*/
#news-list .item{margin-top:50px;}
#news-list .item ul li{position:relative;}
#news-list .item ul li:before{content:''; position:absolute; left:0; right:0; bottom:0; display:block; height:2px; background:#e5e5e5;}
#news-list .item ul li:after{content:''; position:absolute; left:0; right:100%; bottom:0; display:block; height:2px; background:#d80d18; opacity:0; transition:all 0.3s linear;}
#news-list .item ul li:first-child{border-top:2px solid #e5e5e5;}
#news-list .item ul li a{display:flex; padding:30px 0 28px 0;}
#news-list .item ul li h4{width:114px; height:24px; line-height:24px; font-family:'Bahnschrift'; font-size:22px; color:#bbb; overflow:hidden;}
#news-list .item ul li section{flex:1; margin-left:24px;}
#news-list .item ul li section h3{height:20px; line-height:20px; font-size:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#news-list .item ul li section p{height:60px; line-height:30px; margin-top:10px; font-size:15px; color:#999;}
#news-list .item ul li:hover:after{right:0; opacity:1; transition:all 0.3s linear;}
#news-list .item ul li:hover section h3{color:#d80d18;}

#news-detail{display:flex; justify-content:space-between;}
#news-detail .left{flex:1;}
#article-title{line-height:38px; font-size:28px; font-weight:bold;}
#article-info{height:18px; line-height:18px; margin-top:24px; font-size:15px; color:#666; overflow:hidden;}
#article{line-height:32px; margin-top:40px; padding-top:40px; border-top:2px solid #eee; font-size:15px; color:#666;}
#news-detail .right{width:360px; margin-left:60px;}
#news-rmd h2{height:28px; line-height:28px; font-size:26px; overflow:hidden;}
#news-rmd i{display:block; height:2px; margin-top:26px; background:#eee;}
#news-rmd .item{margin-top:36px;}
#news-rmd .item ul li{margin-top:16px; overflow:hidden;}
#news-rmd .item ul li:first-child{margin-top:0;}
#news-rmd .item ul li a{display:flex; align-items:center;}
#news-rmd .item ul li .date{width:72px; height:72px; padding:11px 0 13px 0; background:#f5f5f5; text-align:center; color:#666; overflow:hidden;}
#news-rmd .item ul li .date h4{height:28px; line-height:28px; font-family:'Arial'; font-size:26px; font-weight:bold; overflow:hidden;}
#news-rmd .item ul li .date h5{height:16px; line-height:16px; margin-top:4px; font-family:'Arial'; font-size:14px;  overflow:hidden;}
#news-rmd .item ul li h3{flex:1; height:56px; line-height:28px; margin-left:20px; font-size:16px;}
#news-rmd .item ul li:hover .date{background:#d80d18; color:#fff;}
#news-rmd .item ul li:hover h3{color:#d80d18;}
#news-btn{display:flex; margin-top:50px; border:2px solid #eee;}
#news-btn .prev-next{display:flex; align-items:center; height:56px; padding:0 24px;}
#news-btn .prev-next a{height:18px; line-height:18px; background-repeat:no-repeat; font-size:16px; color:#666; overflow:hidden;}
#news-btn .prev-next a:first-child{padding-left:32px; background-image:url(img/prev2.png); background-position:left center;}
#news-btn .prev-next a:last-child{padding-right:32px; background-image:url(img/next2.png); background-position:right center;}
#news-btn .prev-next a:hover{color:#d80d18;}
#news-btn .prev-next i{width:2px; height:28px; margin:0 30px; background:#eee;}
#news-btn .back-list{flex:1; height:56px; background:url(img/back.png) no-repeat center; border-left:2px solid #eee;}
#news-btn .back-list a{display:block; height:56px;}

/*技术服务*/

#lm-technology{margin-top:50px;}
#lm-technology ul{display:flex; flex-wrap:wrap;}
#lm-technology ul li{display:flex; align-items:center; width:620px; height:240px; margin:40px 0 0 40px; padding:40px; background:#f5f5f5; border-radius:10px; overflow:hidden;}
#lm-technology ul li:nth-child(-n+2){margin-top:0;}
#lm-technology ul li:nth-child(2n+1){margin-left:0;}
#lm-technology ul li img{width:160px; height:160px; border-radius:50%;}
#lm-technology ul li p{flex:1; max-height:120px; line-height:30px; margin-left:40px; font-size:15px; color:#666; -webkit-line-clamp:4;}

/*招贤纳才*/

#job-list{margin-top:50px;}
#job-list ul li{margin-top:30px; padding:15px 36px; background:#fff; border-radius:10px; box-shadow:0 0 20px rgba(0,0,0,.08); cursor:pointer; overflow:hidden; position:relative;}
#job-list ul li .info em{position: absolute;
    right: 26px;
    top: 18px;}
    
    #job-list ul li h2{position: absolute;
    left: 30px;
    top: 16px;}
    
    
    
    
#job-list ul li:first-child{margin-top:0;}
#job-list ul li h2{height:24px; line-height:24px; font-size:19px; font-weight:bold; overflow:hidden;}
#job-list ul li .info{display:flex; align-items:center; margin-top:8px;}
#job-list ul li .info span{flex:1; height:18px; line-height:18px; font-size:15px; color:#999; overflow:hidden;}
#job-list ul li .info em{width:82px; height:18px; line-height:18px; padding-right:22px; background:url(img/arrow-b.png) no-repeat right center; font-size:15px; text-align:right; color:#d80d18; overflow:hidden;}
#job-list ul li .item{display:none; line-height:200%; margin-top:30px; padding:24px 0 12px 0; border-top:1px solid #e5e5e5; font-size:15px; color:#666;}
#job-list ul li .item strong{font-size:18px; color:#d80d18;}
#job-list ul li .item a{display:block; width:164px; height:44px; line-height:44px; margin:32px auto 0 auto; background:#d80d18; border-radius:22px; font-size:15px; text-align:center; color:#fff; overflow:hidden; transition:background 0.1s linear;}
#job-list ul li .item a:hover{background:#ef0e1b; transition:background 0.1s linear;}

/*联系我们*/

#contact{display:flex; justify-content:space-between; align-items:center; margin-top:60px;}
#contact .left h2{height:28px; line-height:28px; font-size:26px; font-weight:bold; overflow:hidden;}
#contact .left .text{line-height:32px; margin-top:24px; font-size:15px; color:#666;}
#contact .left .tel{margin-top:30px;}
#contact .left .tel h4{height:18px; line-height:18px; font-size:15px; color:#666; overflow:hidden;}
#contact .left .tel h3{height:32px; line-height:32px; margin-top:8px; font-family:'Bahnschrift'; font-size:30px; font-weight:bold; color:#d80d18; overflow:hidden;}
#contact .right span{position:relative; display:block; width:164px; height:164px; padding:16px; overflow:hidden;}
#contact .right span:before{content:''; position:absolute; left:0; right:8px; top:8px; bottom:0; display:block; border:1px solid #e5e5e5;}
#contact .right span:after{content:''; position:absolute; left:8px; right:0; top:0; bottom:8px; display:block; border:1px solid #e5e5e5;}
#contact .right img{width:132px; height:132px;}
#contact .right h4{height:18px; line-height:18px; margin-top:14px; font-size:15px; text-align:center; color:#666; overflow:hidden;}

#map{height:520px; margin-top:50px; background:#f9f9f9; overflow:hidden;}
#map img{max-width:none;}
.amap-logo,.amap-copyright{display:none !important;}
#job-list ul li{ padding-bottom: 28px;}
/*底部样式*/

#footer{background:url(img/footer-bg.jpg) no-repeat top center; background-size:cover;}
#f-left{padding:50px 0;}
#f-menu{display:flex;}
#f-menu dl{margin-left:22px;}
#f-menu dl:first-child{margin-left:0;}
#f-menu dl dt{height:20px; line-height:20px; font-size:16px; color:#fff; overflow:hidden;}
#project-article img{ max-width:100%}
#f-menu dl dd{height:16px; line-height:16px; margin-top:16px; font-size:14px; overflow:hidden;}
#f-menu dl dt + dd{margin-top:32px;}
#f-menu dl dd a{display:block; color:rgba(255,255,255,.5);}
#f-menu dl dd:hover a{color:#fff;}
#f-line{width:1px; background:rgba(255,255,255,.07);}
#f-right{display:flex; padding:50px 0;}
#f-contact ul li{margin-top:24px;}
#f-contact ul li:first-child{margin-top:0;}
#f-contact ul li:nth-child(2){margin-top:18px;}
#f-contact ul li h3{height:16px; line-height:16px; font-size:14px; color:rgba(255,255,255,.7); overflow:hidden;}
#f-contact ul li h2{height:30px; line-height:30px; margin-top:8px; font-family:'Bahnschrift'; font-size:27px; color:rgba(255,255,255,.9); overflow:hidden;}
#f-contact ul li h4{height:16px; line-height:16px; margin-top:10px; font-size:14px; color:rgba(255,255,255,.9); overflow:hidden;}
#f-qrcode{margin-left:40px;}
#f-qrcode span{display:block; width:150px; height:150px; margin:0 auto; padding:8px; border:1px solid rgba(255,255,255,.2); overflow:hidden;}
#f-qrcode img{width:132px; height:132px;}
#f-qrcode h3{height:16px; line-height:16px; margin-top:14px; font-size:14px; text-align:center; color:rgba(255,255,255,.5); overflow:hidden;}
#copyright{height:77px; line-height:76px; border-top:1px solid rgba(255,255,255,.07); font-size:14px; color:rgba(255,255,255,.5); overflow:hidden;}
#copyright a{color:rgba(255,255,255,.5);}
#copyright a:hover{color:#fff;}




#pageinfo { 
	height: 60px; 
	text-align: center;
    margin-bottom: 10px; 
    margin-top: 26px;
}
.digg { 
	padding-top: 30px;
}
.digg li{ 
 
    width: 43px;
    height: 43px;
    line-height: 42px;
	display:inline-block; 
	
    margin:0 4px;
    /*padding:0 16px;*/
    background:#fff;
    border:1px solid #d6d6d6;
    border-radius:2px; 
    font-size:14px; 
    color:#767676;
    
	    
}
.digg .page-item a{
	border: none;
    padding: 0px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    width: 40px;
    overflow: inherit;
}
.digg .page-item a:hover { 
	/*background-color: #015196;*/
	color: #044f9a;
}
.digg .page-item a:active { 
	background-color: #d80d18; 
	color:#fff;
}
.digg li.active  { 
	
    display: inline-block;
    /* margin: 2px; */
    width: 43px;
    height: 43px;
    line-height: 42px;
    background-color: #d80d18;
    color: #fff;
    text-decoration: none;
}






/*产品开始*/

.chanpin_nr_le{ float: left; width: 240px; background: #fff; height: auto; overflow: hidden;}
.chanpin_nr_re{ float: right; width: 1000px;}
.chanpin_nr_le ul li{  line-height: 50px; display: block; cursor: pointer; width: 100%; border-bottom: 1px solid #eee;box-sizing: border-box;  color: #222;transition: all 0.5s; font-size:16px}
.chanpin_nr_le ul li dt:hover{ color:#d80d18; }

.chanpin_nr_le ul li dt{ padding-left: 28px;background: url(img/tr2.png) no-repeat 210px center;}
.chanpin_nr_le ul .current dt{ background:url(img/tr1.png) no-repeat 210px center; color:#d80d18;}

.chanpin_nr{ margin-top: 10px; margin-bottom: 20px;}

.chanpin_nr_le ul li:hover .current div{ background:none;} 

.chanpin_nr_le ul .current div{
    display: block;
}
 .chanpin_nr_le ul li div{
        display: none;padding-left: 40px;
 }
.chanpin_nr_le ul li div dd{ line-height: 35px; font-size: 14px; position:relative}
.chanpin_nr_le ul li div dd:before {
    content: "";
    width: 4px;
    height: 4px;
    background-color: #023265;
    border-radius: 50%;
    position: absolute;
    left: -11px;
    top: 15px;
}
.chanpin_nr_le ul li div dd:hover{  color: #d80d18; background:none;}
.chanpin_nr_le ul li div dd a:hover{ color:#d80d18}

.chanpin_nr_re ul li {
   display: none;
}
.chanpin_nr_re ul li:first-child {
   display: block;
}
.chanpin_nr_re ul li .erjidata {
   display: none;
}
.chanpin_nr_re ul li .erjidata dd {
   display: none;
}
.ddcenter {
   background: none;
}

.tianjj{padding: 10px 20px;
    font-size: 18px;
    line-height: 30px;
    position: relative;
    text-transform: uppercase;
    color: #fff;
    background: #1f7cb7;
}

.zong dl dd{ width: 308px; height: 352px; background:#fff;box-sizing: border-box; text-align: center; float: left; margin-left:24px ; margin-top: 20px;}
.zong dl dd p{ text-align: center;line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; padding-top: 10px;} 
.shi_tu{ width: 280px; height: 280px;align-items: center; margin: 0 auto;
display: flex;
justify-content: center; overflow: hidden;}

.shi_tu img{ width: 100%; text-align: center;transition: 1s;transition: all 0.5s;}
.zong dl dd:hover .shi_tu img {
	transform: scale(1.1);transition: all 0.5s;
}
.zong dl dd:hover p{ color: #00a2ea;}


.chanpin_nr_re ul li{width: calc((100% - 36px)/4);
    float: left; display:block;border: 1px solid #e8e8e8;
    transition: all .3s;margin-right: 12px;margin-bottom: 12px; text-align:center}
.chanpin_nr_re ul li img{ width:100%}
.chanpin_nr_re ul li:nth-child(4n){ margin-right:0}


.thise {
    padding: 10px;
    width: 220px;
    height: 166px;
    box-sizing: border-box;
    margin: auto;align-items: center;
display: flex;
justify-content: center;
}
.thise_w{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; padding-bottom:10px}
    
.chanpin_nr_re ul li:hover{border: 1px solid #1f7cb7;}

#pd-info .right {
    flex: 1;
    margin-left: 50px;
    padding-top: 0;
    width: 451px;
    position: absolute;
    right: 0;
    top: 7px;
}

.etalage_magnifier div{left: 11px;
    top: 12px;}











@media (max-width: 980px){
    
    .wrapper{width:100%; }
    .title h2{ font-size:24px}
    .title h3{ font-size:13px; margin-top:0px}
    #f-left{ display:none}
    #step ul li{ width:25%}
    #about .right{ width:100%}
    #about{ display:block}
    #about .right img{ width:100%}
    #project .swiper-button-next{ right:0;background: #fff url(img/next1.png) no-repeat center center;}
    #project .swiper-button-prev{ left:0;background: #fff url(img/prev1.png) no-repeat center center;}
    #news .right ul li section h5 {
    height: 15px;
    line-height: 15px;
    font-size: 13px;
    color: #d80d18;
    overflow: hidden;
}
    
    #product ul li section h3{ font-size:18px}
    #product ul li section h4 {
    width: 116px;
    height: 31px;
    line-height: 31px;
    margin: 6px auto 0 auto;
    background: #fff;
    border: 1px solid #d80d18;
    border-radius: 22px;
    font-size: 13px;
    color: #d80d18;
    overflow: hidden;
}
#product ul li img {
    display: block;
    width: 82%;
    max-width: none;
    height: inherit;
    margin: 0 auto;
    transition: transform 0.3s linear;
}

#product ul li {
    position: relative;
    width: 100%;
    height: auto;
    margin: 15px 0 0 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,.08);
    overflow: hidden;
}

#product ul li section{ top:28px}
#product ul li a{padding: 102px 40px 30px 40px}
#product{ width:94%; margin:0 auto; margin-top:0px;}

#wrap-product{padding: 30px 0;}
#banner{ height:260px; width:100%}
#banner .swiper-slide{height:260px; width:100%}
 #banner .swiper-slide img{height:260px; width:100%} 
 #banner .swiper-button-next{}
 #about{margin: 20px 0 20px 0;
    padding: 20px;}
#about .left h2{ padding-left:0; font-size:19px}
#about .left h3{ padding-left:0; font-size:12px; margin-top:0}
#about .left i {
    display: block;
    width: 36px;
    height: 3px;
    margin: 10px 0 0 0px;
    background: #d80d18;
}
body #about .left .text{
    color: #3e3e3e;
    line-height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    font-size: 13px;
    margin-bottom: 16px; margin-top: 15px; height: 111px;

}
body #about .left .text span{ color: #3e3e3e!important;
    line-height: 22px!important;}   
#about .left a {
    display: block;
    width: 120px;
    height: 36px;
    line-height: 36px;
    margin-top: 10px;
    background: #d80d18;
    border-radius: 4px;
    font-size: 13px;
    text-align: center;
    color: #fff;
    overflow: hidden;
    transition: background 0.1s linear;
}


#about .right img{  height:242px}
 #about .right{  height:242px; margin-left:0; margin-top:18px}   
 #step ul li h3{ font-size:18px}   
   #step ul li h4 {
    height: auto;
    line-height: 16px;
    margin-top: 16px;
    font-size: 13px;
    color: rgba(255,255,255,.7);
    white-space: break-spaces;
    text-overflow: inherit;
    overflow: inherit;
}
#step ul{ display:block}
#step ul li{ width:25%; float:left}

#about{ padding-bottom:30px}

#step ul li i.step1{background-image:url(img/step1.png); background-size:60%}
#step ul li i.step2{background-image:url(img/step2.png); background-size:60%}
#step ul li i.step3{background-image:url(img/step3.png); background-size:60%}
#step ul li i.step4{background-image:url(img/step4.png); background-size:60%}
#step ul li .line{ display:none}
#step ul li h3{ margin-top:0}
#step ul li h4{ margin-top:8px}
#step {
    margin-top: 20px;
}
#wrap-about{padding: 30px 0;}
#step ul li {
    width: 25%;
    float: left;
    box-sizing: border-box;
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 20px;
}
#step ul li i{ height: 70px;}
#step ul li h4{ line-height:20px}
#about .left{ padding-top:15px}
#project{width: 94%;
    margin: 0 auto; margin-top:10px}
#project .swiper-slide section h3{ font-size:14px}
#project .swiper-slide section h4{ font-size:13px}
#project .swiper-slide section h5 {
    width: 125px;
    height: 36px;
    line-height: 34px;
    margin: 24px auto 0 auto;
    background: #fafafa;
    border: 1px solid #e5e5e5;
    border-radius: 22px;
    font-size: 13px;
    text-align: center;
    color: #d80d18;
    overflow: hidden;
    transition: all 0.1s linear;
}
#project .swiper-slide section {
    height: 192px;
    padding: 28px 28px 0 28px;
    background: #fff;
    overflow: hidden;
}
#project .swiper-slide img{ width:100%}
#project .swiper-slide{ height:auto}
#project .swiper-container{ height:auto}
#project .swiper-wrapper{ height:auto}
#project .swiper-button-prev, #project .swiper-button-next{ width:44px; height:44px}
#project .swiper-button-next{ right:12px}
#project .swiper-button-prev{ left:12px}

#news-title .left h2 em{ font-size:24px}
#news-title .left h3{ font-size:13px}
#news-title .left h2 span{ display:none}
  #news .item.current{ display:block} 
  #news-title .right a{ font-size:13px!important; width:100px!important; margin-right:10px!important}
  #news .left img{ width:100%; height:300px}
  #news .left{ width:100%; height:300px}
  
  #news{width:94%; margin:0 auto; margin-top:20px}
  #news .right ul li span{width: 156px;
    height: 120px;
    }  
  #news .right ul li img{ width:100%; height:100%}  
    #news .right{ width:100%; margin-left:0}
    #news .right ul li section h3{ font-size:18px}
    #news .right ul li section p{ font-size:13px; margin-top:5px}
    #news .right ul li section h3{ margin-top:8px}
    #news .right ul li{ height:auto}
    #news .right ul li section h4{ font-size:13px}
    #news .right{ height:auto; margin-top:14px}
    
    
    #news-title .left{box-sizing: border-box;
    padding-left: 15px;}
    #news-title .left h3{ margin-top:0}
    
    #news-title .left h3{ height:auto;margin-top: 0px;
    padding-top: 10px;
    padding-right: 23px;}
    #news .left h3{ font-size:16px}
    #news .right ul li section h3{ font-size:16px}
    
    #news .right ul li section p{font-size: 13px;
    margin-top: 5px;}
    
    #news .right ul li section{ margin-left:10px}
    #f-contact ul li h4{ font-size:13px}
    #f-right{padding: 30px 12px;}
    #f-contact ul li:nth-child(2){ margin-top:8px}
    #f-contact ul li {
    margin-top: 12px;
}
    #f-contact ul li h4{ margin-top:5px}
    #f-qrcode img{ width:110px; height:110px}
    #f-qrcode span{ width:128px; height:128px}
    
    #f-qrcode h3{margin-top: 6px;
    font-size: 13px;}
    
    #copyright .weo-flex{ display:block;}
    #copyright {
    height: auto;
    line-height: 21px;
    border-top: 1px solid rgba(255,255,255,.07);
    font-size: 13px;
    color: rgba(255,255,255,.5);
    overflow: hidden;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 11px;
}
#f-qrcode {
    margin-left: 0px;
}
    
    
#banner .swiper-button-next{ display:none} 
#banner .swiper-button-prev { display:none}
 #banner .swiper-pagination{ bottom:12px}  
#news-list .rmd span {
    width: 170px;
    height: 148px;
    overflow: hidden;
}
#news-list .rmd section {
    flex: 1;
    height: 149px;
    padding: 19px;
    background: #f5f5f5;
    overflow: hidden;
    padding-top: 8px;
}
#news-list .rmd section h3{ font-size:16px; margin-top:10px}
 #news-list .rmd section p {
    height: 20px;
    line-height: 19px;
    margin-top: 4px;
    font-size: 13px;
    color: #666;
    -webkit-line-clamp: 1;
}
#news-list .rmd section h5{ font-size:14px; font-weight:normal}
#news-list .rmd section h4{ font-size:23px; line-height:30px; height:30px}


#news-list{ width:95%; margin:0 auto; margin-top:15px}
#location a{ font-size:13px}
#location i{margin:  6px}
#location {
    width: 100%;
    background: url(img/home.png) no-repeat 12px 12px;
    padding-left: 30px;
    background-size: 3%;padding-top: 11px;
}
  #lm-banner{ height:240px}  
  
    
  #menu h2{ display:none}  
 #menu {
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 45px;
    width: 95%;
    margin: 0 auto;
}
#menu ul{ margin-top:0}
#menu ul li{ line-height:30px; font-size:16px}    
  .wrap-white.p2 {
    padding: 19px 0 20px 0;
}  
.ximi{ height:40px; line-height:40px}
#news-list .rmd section{ padding:15px}
#location span{ font-size:13px}


#news-detail{ display:block;box-sizing: border-box; padding:20px}
#article-title {
    line-height: 28px;
    font-size: 20px;
    font-weight: bold;
}
#article-info {
    height: 18px;
    line-height: 18px;
    margin-top: 8px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
}
#article {
    line-height: 32px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid #eee;
    font-size: 15px;
    color: #666;
}

#news-detail .right{ display:none;}
#article img{ max-width:100%; height:auto!important}
#project-list ul{ display:block}


#project-list ul li{ width:49%; display:block; float:left; margin:0}
#project-list ul li img{ width:100%; height:100%}
#project-list ul li span{ width:100%; height:160px}

#project-list ul li section h3{ font-size:15px}
#project-list ul li section h4{ font-size:14px}
#project-list ul li section {
    height: auto;
    padding: 16px;
    background: #fff;
    overflow: hidden;
}


#project-list ul li{ height:auto; margin-bottom:10px}
#project-list ul li:nth-child(2n){  float:right}
#project-list ul li section h5 {
    width: 122px;
    height: 35px;
    line-height: 31px;
    margin: 15px auto 0 auto;
    background: #fafafa;
    border: 1px solid #e5e5e5;
    border-radius: 22px;
    font-size: 13px;
    text-align: center;
    color: #d80d18;
    overflow: hidden;
    transition: all 0.1s linear;
}

#project-list{ width:96%; margin:0 auto; margin-top:20px}

#project-article-title {
    line-height: 30px;
    margin-top: 13px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

#project-article-info {
    height: 18px;
    line-height: 18px;
    margin-top: 2px;
    font-size: 13px;
    text-align: center;
    color: #999;
    overflow: hidden;
}

#project-article {
    line-height: 200%;
    margin-top: 20px;
    padding: 20px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    color: #666;
}
#project-article{ padding:20px}

#project-article-title{ padding-left:10px; padding-right:10px}

#contact .right{ display:none}

#contact .left h2{ font-size:18px}
#contact .left .text {
    line-height: 25px;
    margin-top: 7px;
    font-size: 14px;
    color: #666;
}

#contact .left .tel h3{ font-size:24px}
#contact{ margin-top:20px; padding-left:18px}

#map{ width:94%; margin:0 auto; margin-top:20px; height:260px}
#contact .left .tel {
    margin-top: 15px;
}






  #product-list ul li section h3{ font-size:18px}
 #product-list ul li section h4 {
    width: 116px;
    height: 31px;
    line-height: 31px;
    margin: 6px auto 0 auto;
    background: #fff;
    border: 1px solid #d80d18;
    border-radius: 22px;
    font-size: 13px;
    color: #d80d18;
    overflow: hidden;
}
#product-list ul li img {
    display: block;
    width: 82%;
    max-width: none;
    height: inherit;
    margin: 0 auto;
    transition: transform 0.3s linear;
}

#product-list ul li {
    position: relative;
    width: 100%;
    height: auto;
    margin: 15px 0 0 0;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 20px rgba(0,0,0,.08);
    overflow: hidden;
}

#product-list ul li section{ top:28px}
#product-list ul li a{padding: 102px 40px 30px 40px}
#product-list{ width:94%; margin:0 auto; margin-top:10px;}

#pd-tab{ display:block}
#pd-info .right{margin-left: 0;
    padding-top: 30px;
    width: 100%;
    position: inherit;
    right: 0;
    top: 0;}

#pd-info .right h1{ font-size:18px}
#pd-info .right p {
    max-height: 120px;
    line-height: 30px;
    margin-top: 20px;
    font-size: 14px;
    color: #666;
    -webkit-line-clamp: 4;
}
body .wid-1300 {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    height: auto;
}
body .pc-show{ display:block;}
body .etalage .etalage_thumb img{ width:100%!important; height:auto!important}
.etalage li{ display:none}

#etalage{ width:100%; margin:0 auto}
.etalage li {
    position: inherit!important;width:94%!important; margin:0 auto!important;
}
.etalage, .etalage_small_thumbs li {
    float: inherit!important;
}

#pd-info .right{ padding-left:10px; padding-right:10px}
#pd-info .right i{ margin-top:10px}
#pd-info .right p{ margin-top:10px}


#pd-info{ padding-top:10px}
#pd-info .right h4 a{ font-size:14px; width:160px; height:40px; line-height:40px}
#pd-info .right h4{ margin-top:20px}

#pd-tab{  width:94%; margin:0 auto;margin-top:30px;}
body  #pd-item { padding-left:14px; padding-right:14px;
    line-height: 24px;
    margin-top: 18px;
    font-size: 14px;
    color: #666;
}
body  #pd-item p {
    line-height: 24px;
    margin-top: 18px;
    font-size: 14px;
    color: #666;
}
body #pd-item span {
    line-height: 24px;
    margin-top: 18px;
    font-size: 14px;
    color: #666;
}
body  #pd-item img{ width:100%!important; height:auto!important}
#pd-info .right p{  line-height:24px}

   
 body .etalage .etalage_thumb{ padding:18px!important}  
 
 #lm-about{ display:block; }
 #lm-about .right{ margin-left:0}
 #lm-about .right h2{ font-size:19px}
 #lm-about .right h3{ font-size:13px; margin-top:0}  
   #lm-about .right i{display: block;
    width: 40px;
    height: 3px;
    margin-top: 11px;}
   #lm-about .right .text {
    line-height: 22px;
    margin-top: 21px;
    font-size: 14px;
    color: #666;
}
   body  #lm-about .right .text span {
    line-height: 22px;
    margin-top: 21px;
    font-size: 14px!important;
    color: #666;
}
    
 
 
 #lm-about{ padding:18px}
 #lm-about .left{ width:100%; height:auto}
 #lm-about .left img{ width:100%; height:auto}
 #lm-about{ margin-top:10px}
 #lm-banner{ background-size:cover!important; height:170px}
 
 
 
 
 #header{ display:none}
 
 /*侧栏效果*/
 .new_index_header {
    position: fixed;
    z-index: 999;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 9px 0px;
    background: #fff;  box-shadow: 0 8px 8px 0px rgb(0 0 0 / 8%); display: block; height: 54px;
   
}
.xin_logo{ float: left; width: 168px; padding-left:5px; padding-top: 2px;}
.xin_logo img{ width: 100%;}

.new_index_navbtn { float: right; margin-right: 15px; width: 30px; height: 26px; position: relative; cursor: pointer; margin-top: 8px; }

.new_index_navbtn span { display: block; height: 2px; background: #333; top: 0px; position: absolute; width: 100%; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }

.new_index_navbtn span:nth-child(2) { width: 70%; top: 10px; }

.new_index_navbtn span:nth-child(3) { top: 21px; }

.new_index_navbtn:hover span { width: 100%; }

.new_index_closeNavbtn span:nth-child(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 12px; }

.new_index_closeNavbtn span:nth-child(2) { display: none; }

.new_index_closeNavbtn span:nth-child(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 12px; }
.new_Common_nav {
    display: none;
    position: fixed;
    left: 0px;
    top: 52px;
    bottom: 0px;
    right: 0px;
    overflow-y: auto;
    background-color: #fff;
}
.new_Common_nav ul { padding: 20px 15px 0px; }

.new_Common_nav ul li { cursor: pointer; border-bottom: 1px solid #ccc; position: relative; }
.new_Common_nav ul li h2{ margin:0; }
.new_Common_nav ul li h2 a { font-weight: 700; height: 50px; line-height: 50px; font-size: 14px; display: block; color: #333; position: relative; }

.new_Common_nav ul li i { position: absolute; right: 0px; top: 0px; height: 50px; width: 30%; }

.new_Common_nav ul li i:before { position: absolute; top: 50%; right: 10px; width: 10px; height: 10px; border-top: 2px solid #555; border-right: 2px solid #555; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); -o-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; }

.new_Common_nav ul li.cur .new_child_navbox { max-height: 1500px; height: auto; padding-bottom: 20px; }

.new_Common_nav ul li.cur i:before { -webkit-transform: translateY(-50%) rotate(135deg); -ms-transform: translateY(-50%) rotate(135deg); -o-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); }

.new_child_navbox { width: 100%; background-color: #fff; overflow: hidden; max-height: 0px; }
.new_childnav_web dd h3 { padding-top: 10px; margin:0; }



.new_childnav_web dd h3 a { color: #4c4f55; font-size: 14px; display: block; background-image: url(../images/new_navicon15.png); background-repeat: no-repeat; background-position: -50px center; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

.new_childnav_web dd h3 a:hover { padding-left: 30px; color: #ed3542; font-weight: 700; background-position: 0px center; }



.new_childnav_web dd:last-child { background-image: none; }
dd{ margin:0; padding-left: 0; }
.new_childnav_Program dd h3 { padding-top: 10px; }
.new_childnav_web{ margin:0; }

 
 #lm-banner h2{display:block}
 
 #project-prev-next{ display:block; padding-left:10px; padding-right:10px}
 
#banner .swiper-pagination-bullet{ width:28px;} 

 
 .chanpin_nr_le ul li dt{ padding-left: 28px;background: url(img/tr2.png) no-repeat 122px center;background-size: 7%;}
.chanpin_nr_le ul .current dt{ background:url(img/tr1.png) no-repeat 122px center; color:#d80d18;background-size: 7%;}
#f-contact ul li h2 {
    height: 30px;
    line-height: 30px;
    margin-top: 0;
    font-family: none;
    font-size: 14px;
    color: rgba(255,255,255,.9);
    overflow: hidden;
}
 
 .chanpin_nr_re ul li img{ height: 76px;}
 .tianjj{ text-align: center;}
 #lm-banner{ margin-top: 54px;}
 #banner{ margin-top: 54px;height: 214px;}
 #banner .swiper-slide{ height: 214px;}
 #lm-banner{ height: 124px;}
 .thise_w{ padding-top: 5px;}
   
    
}