.layui-container {width:1330px;}
/*top*/
.top{height:44px;line-height:44px;background:#152b5a;color:#fff;}
.top .top-right span{margin-right:10px;}
.top .top-right span img{margin-right:6px;display: none;}
.top .top-right em{color:#fff;}
/*****logobox*****/
.logobox{position:relative;background:#fff;height:100px;box-shadow: 0 5px 15px rgba(0,0,0,0.2)}
.media,.media .media{margin-top:0;}
.logo{width:210px;float:left;margin-top:16px;}
.logobox button{cursor:pointer;border:none; color:#da1c24; font-size:22px;display:none;z-index:20000;background:none;float:left !important;z-index:2;}
/*nav*/
#nav{height:100px;float:right;width:940px;}
#nav ul>li{float:left;width:12.5%;text-align:center;position:relative;line-height:100px;background:url(../images/split.png) left center no-repeat;}
#nav ul>li:nth-child(1){background:none;}
#nav ul>li>a{font-size:16px;line-height:100px;color:#333;font-weight:bold;display:block;}
#nav ul>li.active>a{border-bottom: 3px solid #f60;line-height: 97px;}
#nav ul .submenu{position:absolute;width:100%;top:100px;z-index:99;background:#055fa5;display:none;}
#nav ul .submenu li{line-height:25px;padding:10px 0;}
#nav ul .submenu li a{color:#fff;display:block;}
#nav ul .submenu li a:hover{text-decoration:underline;}
.nav-posi{position:fixed;top:0;left:0;right:0;z-index:10000;width:100%}
.small{position:relative;}

/*banner*/
.banner {width:100%;height:604px;}
.banner .swiper-slide{background-repeat:no-repeat;background-size:cover;background-position:center;}

/*****company*****/
.index-block1 {background:url(../images/index-block1-bg.jpg) center top no-repeat;padding-top: 110px;padding-bottom: 50px;}
.about-con {margin-top: 20px;}
.about-item {margin-top: 30px;margin-bottom:30px;}
.about-item li {float: left;width: 33.33333%;border-left: 1px solid #ddd;box-sizing: border-box;text-align: center;font-size: 16px;line-height:normal;}
.about-item li:nth-child(1) {border-left: none;}
.about-item span {font-size: 24px;color: #0258bf;}
.about-item p {font-size: 14px;}
.btn-details {transition: all 0.3s;}
.btn-details:hover {margin-left:20px;}

.about-other {margin-top: 110px;}
.about-other a {display: block;height: 280px;overflow: hidden;transition: all 0.3s;}
.about-other a:hover {box-shadow: 0 0 15px rgba(0,0,0,0.3)}
.about-other img {width: 100%;transition: all 0.3s;}
.about-other img:hover {transform:scale(1.1);}
.wenhua {font-size: 18px;}
.wenhua .title {font-size: 30px;}

.index-block2 {background:url(../images/index-block2-bg.jpg) center top no-repeat;padding-top: 40px;padding-bottom: 40px;}
.procate-box {margin-top: 30px;}
.procate-box .swiper-slide a {display: flex;position: relative;background: #2768c2;transition: all 0.3s;}
.procate-box .swiper-slide a img {opacity: 1;transition: all 0.3s;width: 100%;}
.procate-box .swiper-slide a:hover img {opacity: 0.5;filter: blur(2px);}
.procate-box .swiper-slide a:hover {box-shadow: 0 0 20px rgba(0,0,0,0.3)}
.procate-box .swiper-slide a p {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 24px;color: #fff;width: 100%;text-align: center;text-shadow: 0 0 10px #000;}
.procate-box .swiper-slide a span {position: absolute;left: 50%;bottom: 40px;transform: translateX(-50%);display: inline-block;background: #de2602;color: #fff;padding:3px 20px;}

.index-news {padding-top: 50px;}
.news-cate {margin-top: 40px;font-size: 16px;}
.news-cate li {margin-bottom: 10px;}
.news-cate a {background: #f5f5f5;display: block;line-height: 38px;padding:0 10px;border-radius: 4px;}
.news-cate a:hover {background: #2768c2;color: #fff;}

.news-item {border: 1px solid #eee;border-radius: 2px;padding:20px;margin-bottom: 20px;}
.normal-news {transition: all 0.3s;}
.normal-news:hover {box-shadow: 5px 5px 10px rgba(0,0,0,0.2)}
.news-date {color: #777;}
.news-date p {font-size: 28px;margin-bottom: 10px;color: #333;}
.news-date:after {content: '';display: block;border-top: 2px solid #ddd;margin-top:12px;}
.news-info h3 {font-size: 18px;line-height: normal;}
.news-info p {color: #999;}

.focus-news {height: 304px;}
.focus-news a {display: block;height: 304px;box-sizing: border-box;padding-top: 164px;background-image: linear-gradient(to top, rgba(39,104,194,0.8), rgba(39,104,194,0));transition: all 0.3s;}
.focus-news a:hover {background-image: linear-gradient(to top, rgba(39,104,194,1), rgba(39,104,194,0));}
.focus-news .news-item {border: none;}
.focus-news .news-item .news-date {color: #fff;}
.focus-news .news-item .news-date p {color: #fff;}
.focus-news .news-item .news-info {color: #fff;}
.focus-news .news-item .news-info p {color: #fff;}

/*****f-contact*****/
#footer{margin-top:70px;}
.f-contact{background:#005baa;color:#fff;overflow:hidden;}
.f-contact li{width:33.3%;float:left;}
.f-contact li .f-box{margin-top:20px;}
.f-contact li .f-box img{margin-right:10px;}
.f-contact li .f-box h3{font-size:18px;}
.f-contact li .f-box p{color:#bde2fd;}
.f-contact li.f-li3{border-left:1px solid #116cbb;display:block;height:110px;}
.f-contact li.f-li3 a{width:174px;height:40px;border:1px solid #fff;color:#fff;line-height:40px;text-align:center;display:block;margin:35px auto 0;border-radius:30px;font-size:16px;}
.f-contact li.f-li3 a:hover{background:#fff;color:#005baa;}

.foot{background:url(../images/footer-bg.jpg);overflow:hidden;padding:60px 30px;}
.footer-logo {margin-right:30px;color: #fff;}
.footer-lianxi {border-top: 1px solid #fff;padding:10px 30px 0 0;margin-top: 20px;}
.f-cont dl{float:left;margin-right:90px;}
.f-cont dl dt{font-size:18px;color:#fff;}
.f-cont dl dd a{background:url(../images/fot-ico.png) left center no-repeat;padding-left:10px;color:#fff;line-height:34px;}
.f-cont dl dd a:hover{color:#fff;}

.copyright {background-color: #1b76d1;padding-top: 15px;}
.copyright,.copyright a{color:#fff;}

.main-box {margin-bottom: 20px;}