.hearer { width: 1022px; margin: 0 auto; }
.logo { float: left; }
.tel { background: transparent url("tel.jpg") no-repeat scroll right 15px; height: 120px; float: right; }
.nav { margin-top: 70px; }
.nav li { float: left; width: 110px; text-align: center; border-right: 1px solid #333; font-size: 16px; }
.banner { width: 100%; position: relative; overflow: hidden; height: 540px; }
.banner-center { position: absolute; left: 50%; margin-left: -1000px; overflow: hidden; }
.change { text-align: center; }
.change h2, .change li h2 { font-size: 50px; line-height: 100px; font-weight: normal; color: #333; padding-top:50px; }
.change p { width: 1200px; padding: 0 10px;padding-bottom:70px;padding-top:50px; text-align: left; margin: 0 auto; font-size: 16px; text-indent: 2em; line-height: 32px;}
.grey { background: #EFEFEF; }
.introduce h2 { font-size: 40px; line-height: 60px; text-align: center; }
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; background-color: #000000; opacity: 0.6; filter: alpha(opacity=60) }
.modal { position: fixed; top: 0; left: 50%; z-index: 1050; width: 1200px; margin: -640px 0 0 -600px; background-color: #ffffff !important; border: 1px solid #999; border: 1px solid rgba(0,0,0,0.3); *border:1px solid #999;
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: none; -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3); box-shadow: 0 3px 7px rgba(0,0,0,0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; z-index: 100; }
.close { width: 75px; height: 32px; background: url(btnClose.png) center left no-repeat; cursor: pointer; text-indent: -10000px; display: block; float: right; margin-top: 10px; }
.table { margin-top: 10px; margin: 0 auto; }
.table table { vertical-align: middle; margin: 50px auto 0; }
/*表格*/
td { font-size: 14px; text-align: left; padding: 0 11px; line-height: 24px; }
td:hover { background: #FF4949; color: #fff; border-color: #000; }
.cpmx { font-size: 18px; font-weight: bold; text-align: center; line-height: 30px;}
.cptx { width: 30px; font-size: 16px; text-align: center; font-weight: bold;}
.khlx { font-size: 16px; text-align: center; line-height: 26px;}
.tit { text-align: center; }
.bg1 { background: #FFF1DB; }
.bg2 { background: #FDE0D2; }
.bg3 { background: #FCE0EF; }
.bg4 { background: #E6F5FA; }
.bg5 { background: #FFDDA1; }
.bg6 { background: #FCBAA0; }
.bg7 { background: #FA90C9; }
.bg8 { background: #99D7C8; }
.bg9 { background: #ffd0b9; }
.bg10 { background: #ffb7de; }
.zixun { margin: 50px auto; width: 296px; }
.footer { background: rgb(49, 52, 57); height: 60px; }
.footer-cont { width: 1000px; margin: 0 auto; }
.footer-cont p { line-height: 60px; color: #fff; font-size: 12px; }
.left { float: left; }
#box18 { float: none; height: 321px; margin-left: auto; margin-top: 0px; clear: none; width: 100%; min-width: 0px; margin-right: auto; background-color: rgb(83, 83,83);}
#box19 { float: none; height: 321px; margin: 0px auto; clear: none; width: 1280px; background-image: url("images_22.jpg"); background-attachment: scroll; -webkit-background-size: auto; background-size: auto; background-position: 0% 0%; background-repeat: repeat repeat; }
#box20 { float: none; height: 80px; margin-left: auto; margin-top: 113px; clear: none; width: 400px; margin-right: auto; background-image: url("btn.png"); background-attachment: scroll; -webkit-background-size: auto; background-size: auto; display: block; background-position: 0% 0%; background-repeat: repeat repeat; }
#box20:hover { background-image: url("btn-h.png"), url("btn.png"); background-attachment: scroll; -webkit-background-size: auto; background-size: auto; background-position: 0% 0%; background-repeat: repeat repeat; }