@charset "utf-8";
/* CSS Document */
body{ font-family:微软雅黑;  background-color:#FFFFFF; font-size:13px;  }
*{ margin:0px; padding:0px;}
a{ text-decoration:none;}
ul{ list-style-type:none;}
li{ list-style-type:none;}
img{ border:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}

.head{ width:100%;   background-color:#FFF;}
.logo{ max-width:640px; margin:0 auto;}
.logo img{ width:80%; margin-top:5px; margin-bottom: 5px;}

.nav_dh{ width:100%; background-color:#D1DBE5;}
.nav{ max-width:640px; margin:0 auto;}
.nav_dh .nav li {float:left; width:20%; height:40px;}
.nav_dh .nav li a{ display:block; width:100%; text-align:center; line-height:40px; color:#183376; font-size:15px; font-weight:bold; }

.dh_js{ width:95%; max-width:640px; margin:0 auto;}
.dh_js li{ float:left; width:12%; height:65px; padding:0 1% 0% 1%; text-align:center; color:#21325E; font-size: 18px;     line-height: 35px;}

.dh_js li a{ display:block; width:100%; height:35px; text-align:center; }
.dh_js li:nth-child(1) a{ background-image:url(../images/dh_03.png); background-size:contain; background-repeat: no-repeat; background-position: center center;}
.dh_js li:nth-child(2) a{ background-image:url(../images/dh_04.png); background-size:contain; background-repeat: no-repeat; background-position: center center;}
.dh_js li:nth-child(3) a{ background-image:url(../images/dh_05.png); background-size:contain; background-repeat: no-repeat; background-position: center center;}
.dh_js li:nth-child(4) a{ background-image:url(../images/dh_06.png); background-size:contain; background-repeat: no-repeat; background-position: center center;}
.dh_js li:nth-child(5) a{ background-image:url(../images/dh_07.png); background-size:contain; background-repeat: no-repeat; background-position: center center;}
.dh_js li:nth-child(6) a{ background-image:url(../images/dh_08.png); background-size:contain; background-repeat: no-repeat; background-position: center center;}
.dh_js li:nth-child(7) a{ background-image:url(../images/dh_09.png); background-size:contain; background-repeat: no-repeat; background-position: center center; border-right:#6A7D9F  1px solid;}
.dh_js li:nth-child(7) a:before{ height:10px;}

.banners{ max-width:640px;  margin:0 auto; margin-bottom:30px;}


.tuandui{ max-width:640px; margin:0 auto; margin-top:10px; .nav_dh .nav li}
.tuandui img{ width:100%;}
.footer{  width:100%;   position:fixed; bottom:0px; left:0px; }
.foot_xuanze{  max-width:640px; margin:0 auto; position:relative;}
.foot_xuanze img{ width:100%; max-width:640px;}
.foot_xuanze a{ display:block; width:50%; float:left; height:3.6em;}
.foot_xuanze a:nth-child(2){ position:absolute; top:0px; left:0px;}
.foot_xuanze a:nth-child(3){ position:absolute; top:0px; right:0px;}

.ba a{ max-width:640px; display:block; margin:0 auto; text-align:center; line-height:30px; color:#FFF;}

.banner-container {
    position: relative;
    width: 100%;
    height: 349px;
    overflow: hidden;
}

.banner {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: opacity 1s ease-in-out;
    opacity: 0;
}

.banner.active {
    opacity: 1;
}