﻿
*{margin: 0; padding: 0;}
li{list-style: none;}
a{text-decoration: none;}
.container{width: 100%; font-size: 0;}



header{width: 100%; height: 188px; background: url(../images/index3_01.jpg) no-repeat; background-size: 100% 100%;}
.header-content{width: 1277px; height: 188px; margin: auto;}
.logo{width: 800px; float: left;}
.lo{display: inline-block; width: 320px; height: 84px; margin: 61px 0 0 18px; background: url(../images/index2_03.jpg) no-repeat; background-size: 100% 100%;}
.header-span{display: inline-block; width: 2px; height: 53px; margin: 79px 26px 0 24px; vertical-align: top; background: #a5c2e0; }
.header-title{display: inline-block; font-size: 36px; margin: 79px 0 0 0; vertical-align: top; color: #fff;}
.search{float: right; margin-top: 80px;}
.search a{font-size: 14px; margin-right: 28px; color: #fff;}
.search a:hover{color: rgb(247, 217, 47);}
.search input{width: 235px; margin-top: 10px; height: 28px; border: none; 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: #fff;}

.slider-wrapper{position: relative;}
.nivo-controlNav{position: absolute; top:0; width: 100px; z-index: 500; top: 90%; left: 48%; height: 30px;}
.nivo-controlNav a{display: block;
width: 10px;
height: 10px;
background: #fff;
text-indent: -9999px;
border: 0;
margin-right: 10px;
float: left;
border-radius: 5px;}
.active{background: #ff0000 !important; width: 40px !important;}

nav{position: relative; width: 100%; height: 56px; border-top: 1px solid #0955a3; border-bottom: 1px solid #0955a3; background: #104592;}
.nav-bar{width: 1277px; margin: auto;}
.nav-bar a{ font-size: 18px; color: #fff;}
.nav-a:hover{color: rgb(247, 217, 47);}
.nav-bar  img{position: relative; top: -2px; display: inline-block; vertical-align: top; margin-right: 10px;}
nav .nav{display: inline-block; width: 161px; padding-top: 19px; text-align: center;} 
.after{display: inline-block; width: 1px; height: 19px; vertical-align: top; background: #083373; margin: 22px 10px 0 10px}

footer{position: relative; width: 100%;height: 148px; background: url(../images/footer_09.jpg) no-repeat center center;}
.footer-content{width: 1350px; margin: auto;}
.footer-left{display: inline-block; width: 300px;padding-top: 30px; font-size: 16px;}
.footer-left a{color: #fff;  line-height: 30px; }
.footer-bottom{position: absolute; width: 100%;bottom: 0; height: 4px; background: #c11601;}
.footer-center{display: inline-block; padding-left: 200px; line-height: 30px; padding-top: 20px; font-size: 16px; color: #fff;}
.footer-riight{float: right; position: relative; top: -40px;}
#icon1{width: 22px; background: url();}

.subnav{position: absolute; width: 162px; z-index: 500; top: 68px; opacity: 0; display: none;}
.subnav img{position: absolute; left: 43%; top: -10px;}
.subnav a{display: block; width: 162px; height: 60px; line-height: 60px; color: #fff; font-size: 18px;}
.a-span{position: absolute; width: 162px; height: 59px; border-bottom: 1px solid #dfa7a1; z-index: -1; background: #c11601; opacity: .8;}


.word{width: 100%; position: absolute; z-index: 500; top: 450px;}
.word .wenzi{width: 1080px; margin: auto; height: 93px;}
.word img{position: relative; display: inline-block; height: 93px; top: -40px;  opacity: 0;}




