html, body{width: 100%; height: 100%; overflow: hidden;}
*{margin: 0; padding: 0; font-size: 0;}
li{list-style: none;}
a{text-decoration: none;}
.container{width: 100%; height: 100%; background: url(../back.jpg) no-repeat center center;}
header{width: 1503px; margin: auto;}

img{display: block; border: none;}

.logo{display: inline-block; position: relative; vertical-align: top;}
.sp{display: inline-block; width: 2px; height: 51px; vertical-align: top; margin: 48px 10px 0 10px; background: #1b66b0;}
.logo-l{display: inline-block; position: relative; z-index: 2; vertical-align: top; margin-top: 16px;}
.logo-r{display: inline-block; position: relative; z-index: 2; vertical-align: top; margin-top: 26px;}
.logo2{position: relative; top: -20px;}
.headspan{position: absolute; z-index: 1;}
.zi{display: inline-block; padding: 20px 0 0 140px;}

.search{float: right; margin-top: 40px;}
.search a{font-size: 14px; margin-right: 28px; color: #0061ae;}
.search a:hover{color: rgb(255, 5, 5);}
.search input{width: 235px; margin-top: 10px; height: 28px; border: none; background: #0061ae; font-size: 14px; color: #fff; line-height: 28px; outline: none; border-radius: 14px; padding-left: 5px;}
.search button{border: none; outline: none; position: relative; right: 34px; top: 2px; cursor: pointer; background: #0061ae;}


.content{width: 1503px; margin: auto; height: 618px; background: #fff;position: relative; z-index: 200;} 
.slide-nav{display: inline-block; vertical-align: top; width: 224px; height: 100%;}
.subnav{display: block; background: #0051a6; width: 224px; height: 102px; border-bottom: 1px solid #065ab3;}
.subnav:hover{background: #023c78 !important;}
.subnav .im1{position: relative; display: inline-block !important; vertical-align: top; top: 32px; left: 30px;}
.subnav .im2{ margin: auto; padding: 10px 0 0 46px;}
.subnav p{display: inline-block; vertical-align: top; padding: 26px 0 0 50px; font-size: 24px; color: #fff; }

.banner{width: 1503px; margin: auto; padding: 32px 0 28px 0;}
.ban{display: inline-block; width: 225px; height: 62px; margin-left: 30px; background: #fff;}
.ban1{margin-left: 0 !important;}
.ban img{width: 100%; height: 100%;}

.footerspan{position: absolute; width: 100%; height: 35px; background: #003e7f; opacity: .4;}
footer{position: absolute; z-index: 20; text-align: center; bottom: 0; width: 100%; height: 35px; line-height: 35px;}
footer p{position: relative; z-index: 2; font-size: 14px; color: #fff;}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: rgb(240, 240, 240);
}


/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0px rgb(240, 240, 240);
    border-radius: 10px;
    background-color: rgb(240, 240, 240);
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 0px rgba(240, 240, 240, .5);
    background: #0051a6;
}