body{padding-top:100px;color:#595959;}
a:hover,a:active{color:#00468c;}
.container{width:1320px;}
.header{height:100px;line-height:1;}
.sf-menu li a,.sf-menu li a:visited{color:#595959;}
.sf-menu > li{list-style: none;height:100px;line-height:1;background-color:transparent;}
.sf-menu > li > a,.sf-menu li > a:visited{/*padding:48px 25px 30px 25px;*/padding:40px 25px 38px 25px;display: block;transition: 0.5s;}
.sf-menu li:hover > a{color:white;}
.sf-menu > li:hover{background-color:transparent;}
.sf-menu > li:before{content:"";left:0;height:28px;width:1px;background:#eee;top:calc(50% - 15px);position:absolute;transition:all 0.5s;z-index:-1;}
.sf-menu > li:first-child::before{display: none;}
.sf-menu > li:last-child::before{display:none;}
.sf-menu > li:last-child::after{display:none;}
.sf-menu > li:last-child a{color:#00468c;}
.sf-menu > li:after{content:"";position:absolute;display:block;width:100%;height:0;left:0;bottom:0;background-color:#00468c;transition: all 0.5s ease 0s;z-index: -1;}
.sf-menu > li:hover::after{height:100%;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul{top:100px;width:100%;}
.sf-shadow ul{padding:0;background-color:white;}
.sf-menu li li{padding:8px 0;text-align:center;border-bottom:1px solid #ccc;}
.sf-menu li li:hover{background-color: #00468c;transition: 0.5s;}
/* index */
.profile img{transition: all 0.8s;}
.profile img:hover{transform: scale(1.1);}
.news img{transition: all 0.8s;}
.news img:hover{transform: scale(1.1);}
.news .news2 li div:nth-child(2)::before{content:'';position:absolute;left:-4px;height:7px;width:7px;background:#00468c;border-radius:50%;top:30px;}
.news .news2 li:hover{background-color:#fff;}
.cases .swiper-slide p{position:absolute;left:0;bottom:0;color:white;width:100%;z-index: 1;}
.cases .swiper-slide p::before{content:"";position:absolute;left:0;bottom:0;background-color:rgba(0,0,0,.5);width:100%;height:100%;z-index: -1;}
.cases .swiper-slide img{transition: all 0.8s;}
.cases .swiper-slide img:hover{transform: scale(1.1);}
.cases .swiper-button-prev,.cases .swiper-button-next{background-color: #00468c;border-radius: 50%;color:white;opacity: .8;width:50px;height:50px;background-size:20px 20px;}
.cases .swiper-button-next{background-image:url(../images/next.svg);}
.cases .swiper-button-prev{background-image:url(../images/prev.svg);}
/* banner */
.banner img{position:relative;top:0;left:0;transform:none;animation-name:bgscale;animation-duration:6000ms;animation-iteration-count:infinite;animation-direction:alternate;max-width:100%;max-height:100%;width:auto;height:auto;}
@keyframes bgscale{
	from{transform:scale(1.1)}
	to{transform:scale(1)}
}
/* footer */
.footer{background-color:#2E2E2E;color:#838282;font-size:14px;}
.footer a{color:#838282;}
.footer p{margin-bottom:0;}
/* position */
.position .nav>li>a{font-size:18px;}
.position .nav.nav-line>li{border-bottom:2px solid white;}
.position .nav>li.active>a, .nav>li>a:hover, .nav>li>a:active{color:#00468c;font-weight:bold;}
.position .nav.nav-line>li.active, .nav.nav-line>li:hover{border-bottom:2px solid #00468c;}
/* content */
.content{padding-bottom:2rem;}
.content img{max-width: 100%;}
/* newslist */
.newslist:hover strong{font-weight:bold;}
/* imagelist */
.imagelist a::before{content:'';position:absolute;left:-170px;top:-70px;width:140px;height:140px;background-color:#00468c;transform:rotate(45deg);transition:all .5s ease;}
.imagelist span{position:absolute;left:10px;top:0px;display:block;width:20px;height:20px;color:#fff;transition: .5s;}
.imagelist h3{height:5em;line-height:2em;padding:1rem 3rem;}
.imagelist .image{position:relative;width:100%;height:0px;padding-bottom:75%;overflow:hidden;}
.imagelist img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.0);width:auto;transition:all .8s;height:auto;max-width:100%;max-height:100%;}
.imagelist hr{position:absolute;left:0;bottom:0;width:0;transition: .5s;border-color:#00468c;}
.imagelist a:hover::before{left: -100px;}
.imagelist a:hover img{transform: translate(-50%, -50%) scale(1.1);}
.imagelist a:hover hr{width:100%;}
/* pages */
.pages{text-align:center;margin-top:30px;margin-bottom:30px;clear:both;}
.pages a{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #ccc;color:#333;}
.pages span{background:#ccc;color:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #ccc;}
.pages b{background:#fff;margin:0px 1px;padding:4px 6px;border:1px solid #ccc;color:#333;}
.pages b input{border:0;margin:0;padding:0;font-size:12px;font-weight:normal;width:12px;vertical-align:middle;text-align:center;}


