@charset "UTF-8";body{ font-size: 12px; font-family: arial,helvetica,sans-serif;}.header{ width: 100%; height: auto; background: #fff; border-bottom: 1px solid #ccc;}.headerIn{ width: 1030px; height: 65px; margin: 0 auto;}.logo,.nav{ float: left; margin-top:15px; }.nav{ margin:-35px 0 0 480px; font-size:13px; font-weight:bolder;}.nav ul li{ float: left; padding: 0 10px;}.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: #808284; 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: 35px;}.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;}