.layui-container{width:1230px;}
/*****logobox*****/
#header{position:fixed;top:0;left:0;right:0;z-index:9999;background:rgba(35,38,43,.92)}
.media,.media .media{margin-top:0;}
.logo{float:left;margin-top:15px;}
/*nav*/
#nav{height:94px;font-weight:100;width:940px;float:left;margin-left:30px;}
#nav ul>li{float:left;text-align:center;position:relative;line-height:94px;padding:0 12px;}
#nav ul>li>a{display:inline-block;font-size:22px;color:#fff;display:flex;align-items:center;}
#nav ul>li>a i{background:url(../images/arrow.png) no-repeat;width:10px;height:5px;display:inline-block;margin-left:6px;}
#nav ul>li.active{line-height:94px;background:#2c5054;}
#nav ul .submenu{position:absolute;width:100%;left:0;top:94px;z-index:99;background:#2c5054;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;}
.logoRight{float:right;color:#fff;line-height:94px;font-size:16px;font-weight:100;position:relative;}
.logoRight p span{float: left;line-height: 24px;padding-top:24px;}
.logoRight img{margin-left:5px;}
.search img{margin-top:35px;}
.sear{position:absolute;background:#fff;width:200px;height:40px;top:94px;right:0;z-index:99;padding:0 10px;display:none;}
.sear .sear-input{height:34px;padding:3px 5px;border-bottom:1px solid #ddd;border:none;width:150px;color:#888;float:left;}
.sear .sear-btn{background:url(../images/search2.png) no-repeat;width:21px;height:21px;border:none;cursor:pointer;margin-top:10px;float:right;}


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


/*index-title*/
.index-title{display:flex;justify-content:space-between;align-items:center;}
.index-title .idx{display:flex;align-items:center;}
.index-title span{width:32px;height:2px;background:#b8b8b8;display:inline-block;}
.index-title em{font-size:36px;color:#b8b8b8;margin:0 20px;}
.index-title .idx div{color:#316b72;font-size:14px;line-height:1;text-transform:uppercase;text-align:center;}
.index-title .idx div b{font-size:36px;color:#316b72;line-height:1;}
.index-title p{color:#838383;margin-left:20px;}
.index-title a{width:74px;line-height:24px;border:1px solid #b8b8b8;color:#b8b8b8;border-radius:6px;display:inline-block;text-align:center;}
.index-title a:hover{background:#2c5054;border:1px solid #2c5054;color:#fff;}


/*aboutus*/
.aboutus{border-bottom:17px solid #e4e4e4;}
.about{position:relative;}
.about:before{background:#2c5054;position:absolute;content:'';height:510px;right:0px;width:51%;top:0px;z-index:1;bottom:0;}
.about:after{background:#262626;position:absolute;content:'';height:510px;right:0px;width:20%;top:0px;z-index:2;bottom:0;}
.abt-left{width:565px;float:left;}
.abt-left p{text-indent:2em;color:#555;margin-top:5px;line-height:30px;}
.abt-right{width:597px;float:right;position:relative;z-index:3;}
.abt-pic{position:absolute;right:5%;top:100px;z-index:5;}

/*case*/
.case-list li{margin-top:15px;}
.case-list li a{display:block;position:relative;overflow:hidden;}
.case-list li a img{height:238px;width:100%;transition:all .3s;}
.case-list li a h3{position:absolute;left:0;bottom:20px;background:#2c5054;line-height:46px;color:#fff;padding:0 10px;font-size:14px;}
.case-list li a:hover img{transform:scale(1.05,1.05)}
.case-list li a:hover h3{background:#484848;}

/*news*/
.news{background:#f2f2f2;padding:70px 0;overflow:hidden;}
.news-list li a{display:block;background:#fff;overflow:hidden;}
.news-list li a img{height:250px;width:100%;}
.news-list li a div{padding:15px;}
.news-list li a p{color:#888;}

.team-list .bd{overflow:hidden;}
.team-list li{width:25%;float: left;}
.team-list li a{display:block;margin:0 12px;}
.team-list li a img{height:380px;border:4px solid #c7161e;width:100%;}
.team-list li a p{color:#777;}

/*foot*/
.foot{background:#1e1e1f;padding:50px 0;overflow:hidden;color:#d6d6d6;font-weight:100;}
.f-logo{float:left;}
.foot-text{float:left;margin-left:50px;}
.foot-text a{display:block;color:#d6d6d6;}
.foot-contact{float:left;margin-left:50px;width:370px;}
.f-form{width:446px;float:right;}
.f-form li{margin-bottom:10px;}
.f-form li:nth-child(1){display:flex;justify-content:space-between;}
.f-form li .input-text{border:1px solid #4e4e4e;line-height:30px;background:none;width:128px;padding:2px 5px;color:#d6d6d6}
.f-form li textarea{padding:2px 5px;border:1px solid #4e4e4e;background:none;width:100%;box-sizing:border-box;color:#999;height:80px;}
.f-form li button{background:#2c5054;display:block;color:#fff;line-height:40px;text-align:center;width:100%;border:none;}
.copyright{background:#2c5054;text-align:center;padding:15px 0;color:#fff;font-size: 12px}
.copyright a{color:#fff;}
.copyright a:hover{text-decoration:underline;}


@media screen and (max-width: 1200px) {
.logoRight{display: none}
#nav{width: 1160px;float: right}
#nav ul>li{padding:0 10px;}
#nav ul>li>a{font-size: 31px;}
}