.clearfix:before,.clearfix:after{display: table;content: "";}
.clearfix:after{clear: both}
.w{width: 1100px; margin: 0 auto;}
.mT1{margin-top: 10px;}
.mT15{margin-top: 15px;}
.mT2{margin-top: 20px;}
.mT25{margin-top: 25px;}
.mT3{margin-top: 30px;}
.pull-left{float: left;}
.pull-right{float: right;}
.text-3{color: #333;}
.text-6{color: #666;}
.text-9{color: #999;}
.f14{font-size: 14px;}
.f12{font-size: 12px;}
.hidden{display: none;}
.text-yellow1{color: #FE7E01 !important;}
.text-green{color: #4BAC1E !important;}
.text-red{color: #FD0304 !important;}
.text-blue{color: #0396DB !important;}
.text-ellipsis{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.center-block{display: block; margin: 0 auto;}
.c_top{height: 35px; background: #F2F2F2; border-bottom: 1px solid #E0DFDF; line-height: 35px; font-size: 14px; color: #666;}
.c_top .pull-right a{text-decoration: none; color: #666; padding: 0 10px;}
a:hover{color: #0CABDF !important;}
.c-search{padding: 30px 0;}
.c-search .pull-right{border: 1px solid #EFEFEF; border-radius: 5px; margin-top: 13px;}
.c-search .pull-right li{display: inline-block;}
.c-search .pull-right li:nth-child(1){border-right: 1px solid #EFEFEF;}
.c-search .pull-right li a{padding: 10px; display: block; font-size: 14px; text-decoration: none; color: #333;}
.c-search .pull-right li i{font-size: 18px; padding-right: 5px;}
.c-search form{position: relative; width: 440px; margin-left: 100px; top: 12px;}
.c-search form input[type=text]{width: 350px; height: 35px; border: 1px solid #EFEFEF; outline: none; position: absolute; padding-left: 10px; font-size: 14px;}
.c-search form input[type=button]{width: 80px; font-size: 14px; height: 39px; outline: none; color: #fff; background: #0EABE0; border-radius: 0 5px 5px 0; position: absolute; right: 0; border: 0;}
.c-nav{height: 48px; border-bottom: 1px solid #03A1DB;}
.c-nav .w{position: relative;}
.c-nav .slide-nav{position: absolute; z-index: 2; width: 220px; height: 549px; background: #0CABDF;}
.c-nav .slide-nav header{background: #03A1DB; border-bottom: 1px solid #0CD4ED; line-height: 48px; text-align: center; color: #fff; font-size: 18px;}
.c-nav .slide-nav dl{border-bottom: 1px solid #0CD4ED; background: #0CABDF; padding: 20px 10px; position: relative;}
.c-nav .slide-nav dl:after{position: absolute; content: ">"; right: 15px; top: 32px; color: #9AD6E8;}
.c-nav .slide-nav a{color: #fff; text-decoration: none;}
.c-nav .slide-nav dt{font-size: 16px; padding-bottom: 10px;}
.c-nav .slide-nav dd a{color: #9AD6E8; font-size: 14px; padding-right: 10px;}
.c-nav .slide-nav a:hover{color: #FFFFFF !important;}
.c-nav ul{float: right;}
.c-nav ul li{line-height: 48px; float: left;}
.c-nav ul li a{text-decoration: none; color: #333; padding: 0 22px;}
.c-nav ul li.on a{color: #03A1DB;}
.nav-hidden dl{display: none;}
.nav-hidden{height: 50px !important;}
.c-footer-nav{text-align: center; color: #666; height: 50px; line-height: 50px; background: #F7F5F5;}
.c-footer-nav a {display: inline-block; padding: 0 10px; font-size: 14px; color: #666; text-decoration: none;}
footer{background: #4F5257; padding: 30px 0;}
footer .pull-left ul li{float: left; color: #FFFFFF; font-size: 15px; padding: 0 40px; border-right: 1px solid #C9C9C9;}
footer .pull-left ul li a{display: block;color: #C9C9C9; font-size: 14px; line-height: 30px; text-decoration: none;}
footer .pull-left ul li h3{padding-bottom: 5px;}
footer .pull-right{width: 420px;}
footer .pull-right .text{color: #fff; float: left; font-size: 14px; line-height: 25px; width: 280px;}
footer .pull-right img{float: right; width: 120px; height: 120px;}

.shadow{position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.5); top: 0; z-index: 999; left: 0;}
.shadow .index-form{width: 360px; padding-bottom: 20px; position: absolute; left: 50%; margin-left: -180px; top: 150px; background: #fff; border-radius: 5px;}
.shadow .index-form header{height: 50px; padding-left: 55px; position: relative; background: #F1F2F4; line-height: 50px; border-radius: 5px 5px 0 0; }
.shadow .login header{padding-left: 0;}
.shadow .index-form header li{width: 80px; margin-left: 20px; cursor: pointer; text-align: center; display: inline-block;}
.shadow .index-form header li.on{color: #0396DB; border-bottom: 4px solid #0396DB; line-height: 46px;}
.shadow .index-form header i{position: absolute; right: 20px; top: 0px; cursor: pointer; color: #999;}
.shadow .index-form .form-item input{width: 270px; height: 35px; border: 1px solid #ccc; border-radius: 5px; outline: none; padding-left: 30px;}
.shadow .index-form .form-item{position: relative; width: 300px; margin: 20px auto;}
.shadow .index-form .form-item i{position: absolute; font-size: 20px; color: #999; left: 6px; top: 9px;}
.shadow .index-form .form-item a{position: absolute; right: 0; display: block; width: 100px; border-radius: 5px; border: 1px solid #ccc; top: 0; font-size: 14px; text-decoration: none; color: #999; text-align: center; line-height: 37px;}
.shadow .index-form .form-button button{width: 300px; margin: 20px auto; display: block; height: 40px; background: #0396DB; color: #fff; border: 0; border-radius: 5px; font-size: 14px;}
.shadow .index-form p{line-height: 30px; padding: 0 15px; color: #666; font-size: 14px;}
.shadow .index-form p a{text-decoration: none; color: #0396DB;}