﻿.layui-container {width:1330px;}

/*****logobox*****/
#header{position: relative;top:0;left:0;right:0;height: 90px;z-index:10001;background: #fff;}
.logobox{position:relative;}
.media,.media .media{margin-top:0;}
.logo{width:160px;float:left;margin-top:25px;}
.logobox .headicon{font-size: 18px;float: right;margin-top:25px}
.logobox .headicon em{padding: 0 10px;}
/*nav*/
#nav{height:90px;float:left;width:980px;margin-left: 50px;}
#nav ul>li{float:left;width:12.5%;text-align:center;position:relative;line-height:85px;}
#nav ul>li:last-child{background:none;}
#nav ul>li>a{display:inline-block;font-size:16px;border-bottom:5px solid #fff;line-height:85px;}
#nav ul>li.active>a{color:#008bd4;border-bottom:5px solid #008bd4;box-sizing:border-box;}
#nav ul .submenu{position:absolute;width:100%;top:90px;z-index:99;background:#008bd4;display:none;}
#nav ul .submenu li a{color:#fff;display:block;line-height:25px;padding:10px 0;}
#nav ul .submenu li a:hover{background: #017cbc;}

/*banner*/
.swiper-container{width:100%;height:100vh;}
.swiper-slide{background-repeat:no-repeat;background-size:cover;background-position:center;}


/*search*/
.seach-content{display: none;position: absolute;z-index: 999;top:0;left: 0;right: 0;bottom: 0;}
.seach-content .search-shadw{position: absolute;background: rgba(0,0,0,0.7);height: 100%;top: 0;bottom: 0;left: 0;right: 0;}
.seach-content .search-wrap{position: absolute;top: 400px;left: 0;z-index: 999;width: 100%;}
.seach-content .iframe-content{position: relative;z-index: 10;height: auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.seach-content .iframe-content .seek-box {width: 680px;margin-left: auto;margin-right: auto;margin-bottom: 30px;}
.seach-content .layui-input{width: 680px;height: 60px;background: #fff;border: none;padding-left: 20px;}
.seach-content .glyphicon{width:100px;line-height:56px;border: none;background: #008bd4;color: #fff;right: 2px;top: 2px;}


.aboutus{background: url(../images/bg1.jpg) no-repeat;padding: 80px 0;}
.index-title .t1{font-size: 36px;line-height: 1.2;}
.index-title span{width: 79px;height: 3px;background: #008bd4;display: inline-block;}
.index-title .t2{font-size: 16px;color:#707070;}

.about-cont{background: #fff;height:570px;display: flex;justify-content: space-between;}
.about-left{width: 460px;height: 570px;position: relative;}
.about-left i{position: absolute;bottom:30px;right: 40px;color:#fff;font-size: 56px;}
.about-center{width: 530px;margin-top:60px}
.about-center strong{display: block;;font-weight: normal;font-size: 24px;color:#008bd4;}
.about-center p{color:#888;font-size: 16px;;}
.about-center a{font-size: 16px;color:#008bd4;border:1px solid #008bd4;display: inline-block;padding: 4px 15px;margin-top:10px;}
.about-center a:hover{background: #008bd4;color:#fff;}
.about-right{width: 211px;}
.about-right ul li{margin-top:19px;}
.about-right ul li:nth-child(1){margin: 0;}
.about-right ul li a{position: relative;display: block;}
.about-right ul li a div{position: absolute;top:0;background:rgba(0,139,212,.4);left:0;right:0;bottom:0;text-align: center;color:#fff;display: flex;align-items: center;justify-content: center;text-transform: uppercase;font-size: 12px;}
.about-right ul li a div h3{font-size: 20px;}
.about-right ul li:hover div{background:rgba(0,139,212,.1);}


.changfang{padding-bottom: 80px;background: url(../images/cf.jpg) bottom center no-repeat;}
.changfang li{margin-top:60px;}
.changfang li a{display: block;background: #fff;}
.changfang li a img{width: 100%;height: 290px;}
.changfang li a span{display: block;padding: 15px;}
.changfang li a span strong{font-weight: normal;font-size: 18px;;}
.changfang li a span p{color:#777;}


.honor{background: url(../images/bg2.jpg) top center no-repeat;padding: 80px 0;}
.honor li{width: 25%;float: left;margin-top:40px;}
.honor li a{display: block;margin: 0 15px;background: #fff;padding: 15px;}
.honor li a span{display: flex;align-items: center;height: 330px;}
.honor li a img{width:100%;}
.honor li a p{border-top:1px solid #ddd;margin-top:20px;padding: 10px 0;background: url(../images/arrow.png) right center no-repeat;}


.news-title{display: flex;justify-content: space-between;align-items: center;}
.news-left strong{font-size: 36px;font-weight: normal;line-height: 1.2;}
.news-left p{color: #666;font-size: 16px;;}
.news-right{background: #008bd4;line-height: 45px;border-radius: 30px;}
.news-right a{padding: 0 15px;color:#fff;}
.news-right a.active{background: #f5f5f5;display: inline-block;border-radius: 30px;color:#333;padding: 0 30px;margin-left: -1px;}

.news-list li a img{width: 100%;height: 280px;}
.news-list li a div{background: #f8f9fa;position: relative;top:-20px;margin: 0 20px;padding: 20px;}
.news-list li a div strong{display: block;font-weight: normal;font-size: 18px;;}
.news-list li a div p{color:#888;}
.news-list li a div span{color:#888;}
.news-list li a div span i{margin-right: 6px;}

.partner{background: url(../images/bg3.jpg) top center no-repeat;padding: 90px 0;}
.partner .t1,.partner .t2{color:#fff;}
.partner span{background: #fff;}
.partner li{width: 20%;margin-top:20px;float: left}
.partner li span{display: block;margin: 0 10px;border-radius: 5px;overflow: hidden}
.partner li img{width: 100%;height: 88px;}


.footer{background: #008bd4;overflow: hidden}
.foot{padding: 70px 0;}
.foot dl{float: left;margin-right: 80px;}
.foot dl:nth-child(5){border-left:1px solid #1880be;padding-left: 40px;}
.foot dl:nth-child(6){border-left:1px solid #1880be;float: right;padding-left: 40px;width: 320px}
.foot dl dt{color:#fff;font-size: 18px;display: flex;align-items: center}
.foot dl dt i{font-size: 24px;}
.foot dl dd,.foot dl dd a{color:#fff}
.copyright{border-top: 1px solid #1880be;padding: 15px 0;color:#fff;}
.copyright .copyrightTxt{display: flex;justify-content: space-between;align-items: center;}
.copyright a{color:#fff;}
.footer a:hover{text-decoration: underline;}



