*{margin: 0; padding: 0;}
li{list-style: none;}
a{text-decoration: none;}

body{background-color: #e3e3e3;}

.container{width: 100%; min-height: 900px; background: url(../images/bg_01.png) top center no-repeat;}
header{width: 1160px; height: 158px; margin: 0 auto;}
.logo{display: inline-block; padding-top: 30px;}
.logo span{display: inline-block; width: 2px; height: 50px; margin: 0 20px 0 20px; background-color: #fff; vertical-align: middle;}
.logo img{display: inline-block; vertical-align: middle;}

.search{float: right; width: 300px; padding-top: 30px;}
.search a{margin: 10px; color: #fff; cursor: pointer;}
.search a:first-child{margin: 0;}
.input{width: 270px; height: 40px; margin-top: 10px; font-size: 0; overflow: hidden; border-radius: 10px;}
.input input{display: inline-block; width: 220px; border: none; vertical-align: middle; background-color: #0051A6; color: #fff; outline: none; height: 39px;}
.input button{display: inline-block; width: 50px; height: 40px; cursor: pointer; vertical-align: middle; border: none; outline: none; background-color: #fff;}

nav{width: 1110px; margin: 0 auto; height: 70px; padding: 0 25px; background-color: #0051a6;}
nav ul li{display: inline-block; position: relative; padding-top: 20px; vertical-align: top; width: 133px; text-align: center;}
nav ul li a{font-size: 18px; font-weight: bold; color: #fff; position: relative;}
nav ul li a::before{content: ""; position: absolute; display: block; width: 0; left: 50%; margin-left: 0; height: 2px; bottom: -10px; background-color: #fff; transition: all .5s ease;}
nav ul li a:hover::before{width: 90px; margin-left: -45px;}
nav ul li::after{content: ""; position: absolute; top: 25px; width: 1px; height: 16px; background-color: #fff; right: -1px;}
nav ul li:last-child::after{display: none;}
.sub-nav a:hover{background: #006cd8;}
.sub-nav a:hover::before{display: none;}
.sub-nav{ display: inline-block; position: relative; top: 26px; z-index: 600; opacity: 0; white-space: nowrap; background: #0051A6;}
.sub-nav a{display: block; font-size: 16px; width: auto !important; text-align: left !important;  line-height: 60px !important; padding: 0 40px 0 40px  !important;}

.banner{width: 1160px;  height: 364px; margin: auto; margin-top: 20px; overflow: hidden;}
.banner-con{width: 1160px;}

.dian{width: 7px; height: 7px; display: inline-block; vertical-align: middle; background-color: #ccc; transform: rotate(45deg);}
footer{width: 1160px; margin: 0 auto; text-align: center; font-size: 14px; color: #848484; line-height: 30px; background-color: #fff; padding: 60px 0 30px 0;}



.list-left{float: right; font-size: 16px;}
.list-left *{display: inline-block;vertical-align: middle;}
.list-left a{color: #333333;}
.list-left a:hover{color: #0051A6;}
.list-left a::after{content: ">";}
.list-left a:last-child::after{display: none;}

.slider{position: fixed; background-color: #ebebeb; text-align: center; line-height: 26px; font-size: 14px; top: 157px; right: 0; z-index: 3000;}