@charset "utf-8";
/*轮播 banner*/
#banner{}
#banner ul{}
#banner ul li{}
#banner ul li a{}
#banner ul li img{display: block;width: 100%;}
#banner .bannerBtn{position:absolute;right:1rem;top:50%;transform:translateY(-50%);z-index:999;color:#fff;font-size:0.825rem}
#banner .bannerBtn .swiper-button-prev,#banner .bannerBtn .swiper-button-next{background:unset}
#banner .bannerBtn span{margin:0 0.825rem}
#banner .bannerBtn i{}
@media (max-width:1024px){
	#banner{}
	#banner ul{}
	#banner ul li{}
	#banner ul li a{}
	#banner ul li img{}
	#banner .bannerBtn{}
	#banner .bannerBtn span{}
	#banner .bannerBtn i{}
}
@media (max-width:768px){
	#banner{}
	#banner ul{}
	#banner ul li{}
	#banner ul li a{}
	#banner ul li img{}
	#banner .bannerBtn{display: none;}
	#banner .bannerBtn span{}
	#banner .bannerBtn i{}
}

/*案例展示 case*/
#home-case{}
.title{margin:20px 0;text-align:center}
.title .cn{color:#0062ad;font-size:28px;line-height:1.6}
.title .en{color:#0062ad;font-size:16px;line-height:1.6;text-transform: uppercase;}
#home-case .title .cn{}
#home-case .title .en{}
#home-case .home-case-btn{max-width:1000px;margin:0 auto;display:flex}
#home-case .home-case-btn li{width:33.3%;background-color:#f1f1f1;text-align:center;color:#959595;font-size:16px;line-height:70px;cursor:pointer}
#home-case .home-case-btn li.active{color:rgba(255,255,255,1);background-color:#0062ad}
#home-case .home-case-box{padding:0 1rem;margin-top:1rem}
#home-case .home-case-list{flex-wrap:wrap;display: flex;justify-content: space-between;}
#home-case .home-case-list.active{display:flex}
#home-case .home-case-list li{width: 32%;padding:1rem;box-sizing:border-box}
#home-case .home-case-list li:{}
#home-case .home-case-list li a{display:block;width:100%;overflow:hidden;border:solid 1px #e9e9e9;transition:all .5s ease}
#home-case .home-case-list li:hover a{-moz-box-shadow:0px 0px 30px #ccc;-webkit-box-shadow:0px 0px 30px #ccc;box-shadow:0px 0px 1rem #ccc}
#home-case .home-case-list li .home-case-img{position:relative;width:100%;overflow:hidden}
#home-case .home-case-list li .home-case-img img{display: block;width:100%;height:auto;transition:all .5s ease}
#home-case .home-case-list li:hover .home-case-img img{transform: scale(1.1);}
#home-case .home-case-list li .home-case-txtbox{padding:15px 20px}
#home-case .home-case-list li .home-case-txtbox:hover{background:#0062ad}
#home-case .home-case-list li .home-case-txtbox p{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.0rem;color:#333}
#home-case .home-case-list li .home-case-txtbox span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;margin-top:10px}
#home-case .home-case-list li .home-case-txtbox:hover p{color:#fff}
#home-case .home-case-list li .home-case-txtbox:hover span{color:#fff}
#home-case .more{max-width:174px;margin:1rem auto 2rem;text-align:center;background-color:#0062ad;border-radius:30px}
#home-case .more a{display:block;line-height:40px;color:#fff;font-size:14px}
#home-case .more:hover{
    background-color: #0773c6;
}
@media (max-width:1024px){
	#home-case{}
	.title{}
	.title .cn{}
	.title .en{}
	#home-case .title .cn{}
	#home-case .title .en{}
	#home-case .home-case-btn{padding:0 1rem}
	#home-case .home-case-btn li{}
	#home-case .home-case-btn li.active{}
	#home-case .home-case-box{padding:0}
	#home-case .home-case-list{}
	#home-case .home-case-list li{width:50%}
	#home-case .home-case-list li:hover{}
	#home-case .home-case-list li a{}
	#home-case .home-case-list li .home-case-img{}
	#home-case .home-case-list li .home-case-img img{}
	#home-case .home-case-list li:hover .home-case-img img{}
	#home-case .home-case-list li .home-case-txtbox{}
	#home-case .home-case-list li .home-case-txtbox:hover{}
	#home-case .home-case-list li .home-case-txtbox p{}
	#home-case .home-case-list li .home-case-txtbox span{}
}
@media (max-width:768px){
	#home-case{}
	.title{}
	.title .cn{}
	.title .en{}
	#home-case .title .cn{}
	#home-case .title .en{}
	#home-case .home-case-btn{}
	#home-case .home-case-btn li{}
	#home-case .home-case-btn li.active{}
	#home-case .home-case-box{}
	#home-case .home-case-list{}
	#home-case .home-case-list li{width:100%}
	#home-case .home-case-list li:hover{}
	#home-case .home-case-list li a{}
	#home-case .home-case-list li .home-case-img{height:unset}
	#home-case .home-case-list li .home-case-img img{position:unset;width:100%;transform:unset;display:block}
	#home-case .home-case-list li:hover .home-case-img img{transform:scale(1.1)}
	#home-case .home-case-list li .home-case-txtbox{}
	#home-case .home-case-list li .home-case-txtbox:hover{}
	#home-case .home-case-list li .home-case-txtbox p{}
	#home-case .home-case-list li .home-case-txtbox span{}
}

#home-about{background:#0062AD;flex-wrap:wrap}
#home-about .home-aboutL{position:relative;width:49.2%}
#home-about .home-aboutL img{display:block;width:100%}
#home-about .home-aboutL:after{display:block;content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:#0062AD;opacity:0}
#home-about .home-aboutR{width:49.2%;margin-left:1.6%;padding-left:20px;min-height:192px;box-sizing:border-box;color:#fff}
#home-about .home-aboutR .home-about-tit{font-size:50px;line-height:1.6;font-family:sans-serif;text-transform:uppercase;font-weight:bold;letter-spacing:0}
#home-about .home-aboutR .home-about-cn{font-size:30px;font-weight:bold;line-height:1.6}
#home-about .home-aboutR .home-about-en{text-transform:uppercase;font-size:13px;line-height:1.6}
#home-about .home-aboutR .home-about-en:after{display:block;content:'';width:50px;height:2px;background:#F0F0F0;margin:22px 0}
#home-about .home-aboutR .home-about-txt{font-size:14px;line-height:1.8}
#home-about .home-aboutR .more{background-color:#0062ad;border:1px solid #fff;border-radius:30px;max-width:170px;line-height:38px;text-align:center;margin-top:1rem}
#home-about .home-aboutR .more a{color:#fff}
#home-about .home-aboutR .more:hover{}
@media (max-width:1024px){
	#home-about{}
	#home-about .home-aboutL{width:100%}
	#home-about .home-aboutL img{}
	#home-about .home-aboutL:after{display:block;content:''}
	#home-about .home-aboutR{width:100%;margin-left:0;padding:2em 20px}
	#home-about .home-aboutR .home-about-tit{}
	#home-about .home-aboutR .home-about-cn{}
	#home-about .home-aboutR .home-about-en{}
	#home-about .home-aboutR .home-about-en:after{display:block;content:''}
	#home-about .home-aboutR .home-about-txt{}
	#home-about .home-aboutR .more{}
	#home-about .home-aboutR .more:hover{}
}
@media (max-width:768px){
	#home-about{}
	#home-about .home-aboutL{}
	#home-about .home-aboutL img{}
	#home-about .home-aboutL:after{display:block;content:''}
	#home-about .home-aboutR{}
	#home-about .home-aboutR .home-about-tit{font-size:28px}
	#home-about .home-aboutR .home-about-cn{font-size:26px}
	#home-about .home-aboutR .home-about-en{font-size:12px}
	#home-about .home-aboutR .home-about-en:after{display:block;content:''}
	#home-about .home-aboutR .home-about-txt{}
	#home-about .home-aboutR .more{}
	#home-about .home-aboutR .more:hover{}
}
#home-section{margin:54px 0}
#home-section .home-section-list{flex-wrap:wrap}
#home-section li{max-width:32%;position:relative}
#home-section li:before{content:"";position:absolute;width:100%;height:100%;left:0px;top:0px;z-index:1}
#home-section li:after{content:"";position:absolute;width:100%;height:0%;left:0px;bottom:0px;z-index:1;background-color:rgb(0,98,173,0.8);transition:all .5s cubic-bezier(.4,0,.2,1)}
#home-section li>img{display:block;max-width:100%;margin: 0 auto;}
#home-section .home-section-list .home-section-box{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center}
#home-section .home-section-list .home-section-box div{position:relative;z-index:2;line-height:1.2}
#home-section .home-section-list .home-section-box a{}
#home-section .home-section-list div img{display:block;margin:0 auto}
#home-section .home-section-list div p{font-family:黑体,tahoma,arial,宋体,sans-serif;color:#fff;font-size:26px;font-weight:bold;margin-top:10px}
#home-section .home-section-list div span{font-size:14px;font-family:arial,helvetica,sans-serif;color:#fff;text-transform:uppercase}
#home-section li:hover>img{}
#home-section li:hover:after{height:100%;top:0px;bottom:auto}
@media (max-width:1024px){
	#home-section{}
	#home-section .home-section-list{}
	#home-section li{}
	#home-section li:before{display:block;content:''}
	#home-section li>img{}
	#home-section .home-section-list div{}
	#home-section .home-section-list div a{}
	#home-section .home-section-list div a img{}
	#home-section .home-section-list div a p{}
	#home-section .home-section-list div a span{}
	#home-section li:hover>img{}
}
@media (max-width:768px){
	#home-section{margin:24px 0}
	#home-section .home-section-list{}
	#home-section li{width:100%;max-width:unset;margin-bottom:10px}
	#home-section li:before{display:block;content:''}
	#home-section li>img{}
	#home-section .home-section-list div{}
	#home-section .home-section-list div a{}
	#home-section .home-section-list div a img{}
	#home-section .home-section-list div a p{}
	#home-section .home-section-list div a span{}
	#home-section li:hover>img{}
}
#home-news{background:url(../images/news_bg.jpg) no-repeat center;overflow:hidden;padding:2em 0}
#home-news .title p{color:#A9A9A9}
#home-news .title p:before,#home-news .title p:after{}
#home-news .title p:before{}
#home-news .title p:after{}
#home-news .title p:span{}
#home-news .home-newsL{width: 37%;display:flex;align-items:center;position:relative}
#home-news .home-newsL .home-news-img{
    width: 100%;
}
#home-news .home-newsL .home-news-img a{display:block;overflow:hidden}
#home-news .home-newsL .home-news-img img{display:block;width:100%;transition:600ms;-webkit-transition:600ms;-ms-transition:600ms}
#home-news .home-newsL .home-news-txt{position:absolute;width:100%;bottom:0;padding:20px;text-align:center;font-size:16px;overflow:hidden;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;background-color:rgba(0,0,0,.5)}
#home-news .home-newsL .home-news-txt a{color:#fff}
#home-news .home-news-list{flex: 1;}
#home-news .home-news-list li{background:#fff;width:97%;margin-left:3%;margin-bottom: 30px;transition:all .5s ease;display:flex}
#home-news .home-news-list li:last-child{margin-bottom:0}
#home-news .home-news-list .home-news-time{width:140px;height:100%;margin-top:3%}
#home-news .home-news-list .home-news-time .day{font-size:30px;color:#0062ad;text-align:center;font-family:sans-serif;line-height:1.4}
#home-news .home-news-list .home-news-time .year{text-align:center;font-size:16px;color:#0062ad;margin-top:8px;font-family:'Oswald',sans-serif}
#home-news .home-news-list .home-news-con{width:calc((100% - 140px)/1);padding:0 1rem;position:relative;box-sizing:border-box}
#home-news .home-news-list .home-news-con:before{position:absolute;left:-10px;top:15%;content:'';background:#ddd;width:1px;height:70%;z-index:1}
#home-news .home-news-list .home-news-con:after{position:absolute;left:-10px;top:15%;content:'';background:#128dec;width:1px;height:0%;z-index:2;transition:all .36s ease}
#home-news .home-news-list .home-news-tit{font-size:16px;overflow:hidden;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;margin-top:1.4rem}
#home-news .home-news-list .home-news-tit a{transition:all .5s ease}
#home-news .home-news-list .home-news-desc{font-size:14px;height:46px;line-height:26px;color:#999;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2px;-webkit-box-orient:vertical;text-overflow:ellipsis;margin-bottom:28px;transition:all .5s ease}
#home-news .home-newsL:hover img{transform:scale(1.1)}
#home-news .home-news-list li:hover{background:#0062ad}
#home-news .home-news-list li:hover .day{color:#fff}
#home-news .home-news-list li:hover .year{color:#fff}
#home-news .home-news-list li:hover .home-news-tit a{color:#fff}
#home-news .home-news-list li:hover .home-news-desc{color:#fff}
#home-news .home-news-list .home-news-con:hover:after{height:70%}
#home-news .more{max-width:174px;margin:2rem auto 2rem;text-align:center;background-color:#0062ad;border-radius:30px}
#home-news .more a{display:block;line-height:40px;color:#fff;font-size:14px}
#home-news .more:hover{background-color:#0773c6}
@media (max-width:1024px){
	#home-news{padding:0;background-size:auto 100%}
	#home-news .title p{}
	#home-news .title p:before,#home-news .title p:after{}
	#home-news .title p:before{}
	#home-news .title p:after{}
	#home-news .title p:span{}
	#home-news .home-newsL{width:100%}
	#home-news .home-newsL .home-news-img{}
	#home-news .home-newsL .home-news-img a{}
	#home-news .home-newsL .home-news-img img{}
	#home-news .home-newsL .home-news-tit{}
	#home-news .home-newsL .home-news-tit a{}
	#home-news .home-news-list{width:100%;margin-top:20px}
	#home-news .home-news-list li{width:100%;margin-left:0}
	#home-news .home-news-list .home-news-time{}
	#home-news .home-news-list .home-news-time .day{}
	#home-news .home-news-list .home-news-time .year{}
	#home-news .home-news-list .home-news-con{}
	#home-news .home-news-list .home-news-con:before{}
	#home-news .home-news-list .home-news-tit{}
	#home-news .home-news-list .home-news-desc{}
	#home-news .home-newsL:hover img{}
	#home-news .home-news-list li:hover{}
	#home-news .home-news-list li:hover .home-news-con:after{}
}
@media (max-width:768px){
	#home-news{}
	#home-news .title p{}
	#home-news .title p:before,#home-news .title p:after{}
	#home-news .title p:before{}
	#home-news .title p:after{}
	#home-news .title p:span{}
	#home-news .home-newsL{}
	#home-news .home-newsL .home-news-img{}
	#home-news .home-newsL .home-news-img a{}
	#home-news .home-newsL .home-news-img img{}
	#home-news .home-newsL .home-news-tit{}
	#home-news .home-newsL .home-news-tit a{}
	#home-news .home-news-list{}
	#home-news .home-news-list li{}
	#home-news .home-news-list .home-news-time{margin-top:4%;width:60px}
	#home-news .home-news-list .home-news-time .day{font-size:18px}
	#home-news .home-news-list .home-news-time .year{font-size:12px}
	#home-news .home-news-list .home-news-con{width:calc((100% - 60px)/1)}
	#home-news .home-news-list .home-news-con:before{left:0px}
	#home-news .home-news-list .home-news-tit{font-size:15px;margin-top:10px}
	#home-news .home-news-list .home-news-desc{font-size:13px;margin-bottom:16px}
	#home-news .home-newsL:hover img{}
	#home-news .home-news-list li:hover{}
	#home-news .home-news-list li:hover .home-news-con:before{}
}
#link{
    line-height: 2;
    padding: 10px 0;
    font-size: 16px;
}
#link span{}
#link a{}
@media (max-width:768px){
	#link{font-size:14px;display: none;}
	#link span{}
	#link a{}
}