@charset "UTF-8";
body{ font-size: 12px; font-family: arial,helvetica,sans-serif;}
.header{ width: 100%; height: auto; background: #324f93; border-bottom: 1px solid #ccc;}
.headerIn{ width: 1030px; height: 55px; margin: 0 auto;}
.logo,.nav{ float: left;}
.nav{ margin: 35px 0 0 93px;}
.nav ul li{ float: left; padding: 0 31px;}
.nav ul li a{ color: #888888;}
.nav ul li a:hover{ color: #71b2f1;}
.header-lang{float:right;position:relative;z-index:200;background:url("../images/i1.png") no-repeat;width:125px;height:23px;margin:0px 0 0 16px;}
.header-lang h3{cursor:pointer;width:115px;height:24px;color:#4c4c4c;text-indent:-9999em;}
.header-lang ul{overflow:hidden;min-width:114px;width:115px;position:absolute;right:0px;z-index:200; background:#fff;border:1px solid #e1e1e1;border-radius:5px;}
.header-lang ul li{width:100%;float:left;}
.header-lang ul li img{float:left;margin:8px 5px 0 0}
.header-lang ul li a{display:block;padding-left:8px;line-height:26px}
.header-lang ul li a:hover{background:#ccc;text-decoration:none}


.banner{ width: 1030px; height: auto; position: relative; overflow: hidden; margin:0 auto; background:#fefefd none repeat scroll 0 0;}
.banner ul li { display: none; margin:0 auto; width: 100%;}
.banner ul li a{ width: 100%; height: auto; display: block;}
.banner ul li a img{ width: 100%; height: auto; display: block;}
.banner ul .current{ display: block;}
.banner ol { overflow: hidden; width: 146px; position: absolute; left: 50%; bottom: 20px; margin-left: -73px; }
.banner ol li { width: 10px; height: 10px; margin-right: 17px; background:url(../images/banner-dian.png) no-repeat left bottom; float: left; cursor:pointer; }
.banner ol li:last-child{ margin-right: 0;}
.banner ol .current { background-position: left top;}


.footer{ width: 100%; height: auto; background: #324f93; border-top:3px solid #118fb6;}
.footerIn{ width: 1030px; height: 40px; margin: 0 auto; padding-top: 20px; position: relative;}
.footerIn dl dd{ color: #fff;}
.footerIn dl{ float: left; margin-right: 23px;}
.footerIn dl:last-child{ margin-right: 0;}
.footerIn dl:first-child{ margin-right: 40px;}
.footerIn dl dd a{ color: #fff;}
.footerIn dl dt{ padding: 0 0 15px; color: #666; font-size: 16px; font-weight: bold;}

.modal-container{display: none; position: absolute; left: 0; bottom: 100%; width: 1030px; z-index: 51; 
overflow: hidden; background-color: #808284; border: solid thin #ccc; border-bottom-width: 4px;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
-webkit-box-shadow: 1px 5px 3px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 5px 3px -4px rgba(0,0,0,0.75);
box-shadow: 1px 5px 3px -4px rgba(0,0,0,0.75); }
.modal-container h3{ position: relative; font-size: 16px; line-height: 50px; padding-left: 10px; border-bottom: 1px solid #ccc;}
.prolist{ width: 100%; padding: 2% 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.prolist ul li{ display: inline-block; margin: 0 2% 1% 0;}
.prolist ul{ text-align: justify;}
.modal-link { width: 165px; display: block; padding: .5em; margin: 0 20px 0 0; border: solid 1px #ccc; -webkit-border-radius: .5em;
-moz-border-radius: .5em; border-radius: .5em; position: relative;
-webkit-transition: background-color .2s ease;
-moz-transition: background-color .2s ease;
-ms-transition: background-color .2s ease;
-o-transition: background-color .2s ease;
transition: background-color .2s ease;}
.modal-link:hover {
  background-color: #808284;
  text-decoration: none;
}
.modal-link.active {
  z-index: 52;
  background-color: #808284;
  color: #ffd602;
}
.modal-link .jscss{position: absolute; right: 10px; top: 10px; display: block; width: 11px; height: 7px; background: url(../images/jt.png) no-repeat left top;}