*{margin:0; padding:0;}
body{font:14px/1.2 Arial, Helvetica, sans-serif; color:#333; background:#F5F5F5;}
img{border:0;}
ul,li{list-style:none;}
a{color:#333; text-decoration:none;}
.float-l { float: left; *display:inline; *zoom:1}
.float-r { float: right; *display:inline; *zoom:1}
.fl{float:left;}
.fr{float:right;}
.ntb{border-top:0!important;}

.header { height: 72px; background-color: #fff; border-bottom: 1px solid #ececec }
.header .header-con { width: 960px; height: 100%; margin: 0 auto }
.header .logo { width: 200px; height: 60px; margin-top: 5px }
.header .btn-quick-apply { width: 70px; height: 64px; padding-top: 8px; text-align: center; color: #fff; line-height: 30px; background-color: #0ae }
.header .btn-quick-apply:hover { background-color: #50ccff; text-decoration: none; color: #fff }
.header .btn-quick-apply:active { background-color: #09e }
.header .nav { margin-left: 220px; padding-top: 19px }
.header .nav li { position: relative; float: left; *display:inline; *zoom:1; width: 90px; height: 32px; margin-left: 20px; z-index: 99 }
.header .nav a { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: block; text-align: center; font: 500 16px/32px Microsoft YaHei; text-decoration: none; color: #333 }
.header .nav a:hover { background-color: #50ccff; color: #fff }
.header .nav a:active { background-color: #09e; color: #fff }
.header .nav .active { background-color: #0ae; color: #fff }
.footer { width: 100%; min-width: 1200px; color: #9ba2aa; font-weight: 400; font-size: 12px }
.footer .bg { width: 1100px; margin: 0 auto; text-align: center; line-height: 26px }
.footer a { color: #9ba2aa; font-weight: 400 }
.footer .contact { padding: 5px 0 }
.footer .copyright { line-height: 20px; text-align: center; font-size: 12px; font-family: Arial, sans-serif; padding: 20px 0 }
.footer .footer-gap, .footer .footer-icp { margin: 0 10px }
.footer .footer-tips { margin-left: 32px }
.icon { display: inline-block; vertical-align: middle }
.icon-quick-apply { width: 20px; height: 30px; background-repeat: no-repeat; }
.icon-weep, .icon-success, .icon-quick-apply, .icon-alert, .icon-succeed, .modal .icon-close, .icon-failed, .icon-alert-s, .selected .icon-asc, a:hover .icon-asc, .selected .icon-desc, a:hover .icon-desc, .icon-asc, .icon-desc, .icon-triangle-up { background-image: url(../img/icon.png) }
.icon-quick-apply { background-position: right top }

.main{width:100%; height:440px; background-repeat:no-repeat; background-position:center top!important;}
.main .box{margin:0 auto; width:1100px; position:relative; padding:10px 0 0 65px;}

.index{width:450px; height:419px; background:#fff;}
.index .fl{width:150px;}
.index .fl li a{position:relative; display:block; width:150px; height:83px; line-height:83px; border-top:1px dashed #ececec; font-size:16px; color:#777; text-indent:60px; background:url(../img/icon.png) no-repeat; border-right:1px solid #ececec; }
.index .fl li a i{position:absolute; display:none; top:33px; right:-1px; width:0; height:0; line-height:0; font-size:0; border:5px solid transparent; border-width:9px; border-right-color:#fff;}
.index .fl li .on{background-color:#00AAEE; color:#fff; border-right-color:#00AAEE;}
.ico1 a{background-position:23px 30px!important;}
.ico2 a{background-position:23px -75px!important;}
.ico3 a{background-position:23px -22px!important;}
.ico4 a{background-position:23px -130px!important;}
.ico5 a{background-position:23px -185px!important;}
.ico1 .on{background-position:-5px 30px!important;}
.ico2 .on{background-position:-7px -75px!important;}
.ico3 .on{background-position:-7px -22px!important;}
.ico4 .on{background-position:-7px -130px!important;}
.ico5 .on{background-position:-8px -185px!important;}
.ico1 .on i{display:block!important;}
.ico2 .on i{display:block!important;}
.ico3 .on i{display:block!important;}
.ico4 .on i{display:block!important;}
.ico5 .on i{display:block!important;}

.index .fr{padding:15px 15px 0 0;}
input,select{border:1px solid #ddd; padding:5px; outline:none; margin:0; width:208px; box-sizing:border-box;}
input:hover,select:hover{border-color:#00AAEE;}
.index .fr dl{clear:both; padding-bottom:10px; overflow:hidden;}
.index .fr dl dt{float:left; width:60px; color:#777; font-size:12px; line-height:30px;}
.index .fr dl dd{float:left;}

button{background:#0ae; color:#fff; border:0; border-radius:4px; height:30px; font:500 16px/30px Microsoft YaHei; width:268px; box-sizing:border-box; cursor:pointer;}
button:hover{background:#50CCFF;}