/*****头部****/
header{width: 100%;background: #fff;display: inline-block;}
.tophalf{width: 100%;height: 40px;position: relative;z-index: 11;background: #f5f5f5;line-height: 40px;}
.head-logo{width: 170px;height: 55px;float: left;margin-top: 19px;}
.top-nav{width: 110px;height: 40px;line-height: 40px;float: right;margin-left: 40px;color: #333;cursor:pointer;position: relative;background: #14B9C8;text-align: center;border-radius: 0px 0px 10px 10px;}
.top-nav .icon_nav{width: 20px;height: 20px;background: url(../images/ioc-zztb.png) no-repeat -12px -4px;overflow: hidden;display: inline-block;}
.head-search .sea_btn{width: 50px;height: 45px;background: url(../images/ioc-zztb.png) no-repeat -102px -41px #14B9C8;float: right;cursor:pointer;}
.head-app{ height: 80px; line-height: 80px;color: #666; margin-left:120px; float: left;cursor:pointer; position: relative;}
.head-login{width: 70px;height: 40px;float: right;margin-top: 23px;}
.head-login a{ width: 65px; height: 30px; display: inline-block; border:2px solid #14B9C8; border-radius: 20px; text-align: center; line-height: 30px; color: #14B9C8;} 
.head-login a:hover{ background: #14B9C8; color: #fff;}
.top-zb{ width: 30%; float: left;}
.head-box{ height: 100px;}

/***登录后***/
.yxdl{float: right;width: 150px;text-align: right;}
.yxdl i{width: 13px;height: 18px;background: url(../images/ioc-zztb.png) no-repeat -172px -65px;display: inline-block;vertical-align: middle;margin-right: 8px;}
.yxdl a{ color: #14B9C8;}


.nav{height: 100px;width: 720px;float: left;margin-left: 50px;}
.nav ul{margin-top: 10px;}
.nav li{width: 100px;float: left;}
.nav li a{width: 100px;height: 100px;line-height: 100px;text-align: center;display: inline-block;font-size: 16px;color: #333;}
.nav li a:hover{background: #14B9C8;color: #ffffff;border-radius: 0;}

.headapp-n{position: absolute;left: 0;top: 62px;width: 100px;height: 100px;background: #fff;z-index: 10;padding: 10px;box-shadow: 1px 1px 10px #eee; display: none;}
.headapp-n img{ width: 100%; height: 100%;}
.topnav-zk{width: 300px;height: auto;display:none;padding: 15px 0px;position: absolute;left: -110px;top: 40px;border-top: none;background: #fff;box-shadow: 1px 1px 10px #dddddd;}
.topnav-zk dl{padding: 0 0px 0px 30px;float: left;border-right: 1px #e5e5e5 solid;height: 140px;}
.topnav-zk dt{ font-size: 16px; line-height: 36px; text-align: left; color: #14B9C8;}
.topnav-zk dd a{float: left;line-height: 24px;width: 100%;text-align: left;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;height: 24px;padding-right: 20px;box-sizing: border-box;}
.topnav-zk .s-list1,.topnav-zk .s-list2{ width: 180px;}
.topnav-zk .s-list1 a,.topnav-zk .s-list2 a{ width:50%;}
.topnav-zk .s-list3{width: 490px;border: none;}
.topnav-zk .s-list3 a{ width: 25%;}
.topnav-zk .s-list4{width: 220px;}
.topnav-zk .s-list4 a{width: 50%;}



/***底部***/
footer{ width: 100%; margin-top: 20px; background: #232323; padding-top: 40px;}
.foot-sub{width: 1200px;margin: 0 auto;text-align: center;line-height: 30px;padding-bottom: 30px;}
.foot-sub a{color: #999;margin: 0 20px 0 0;border-right: 1px solid #444;line-height: 36px;padding-right: 20px;}
.foot-sub a:last-child{ border-right: none;}
.foot-text{width: 1200px;margin: 0 auto;border-top:1px solid #383838;border-bottom:1px solid #383838;padding:30px 0;text-align: center;color: #999;line-height: 30px;}
.foot-text a{color: #999;  }
.foot-text .record {width: 20px;height: 20px;background: url(../images/bei.png) no-repeat;display: inline-block;margin: 0 8px 0 20px;vertical-align: middle;}
.footer_logo{ padding: 30px 0; text-align: center;}
.footer_logo .xt{ width: 90px; height: auto;}
.footer_logo img{ margin: 0 10px;}



.head-search {width: 230px;height: 45px;float: right;margin-top: 27px;border-radius: 5px;background: #f5f5f5;overflow: hidden;}
.head-search .sea_inp {width: 170px;height: 45px;line-height: 45px;margin: 0px 0px 0px 10px;overflow: hidden;color: #999;background: none;}
.head-app {height: 80px;line-height: 80px;color: #666;margin-left: 50px;float: left;cursor: pointer;position: relative;}
.symnq{ width: 100px;height: 80px;line-height: 80px;float: left;margin-left: 40px;color: #666;cursor: pointer;position: relative;}
.symnq .icon_symnq{width: 20px;height:20px;background: url(../images/symnq.png) no-repeat 0px 0px;overflow: hidden;display: inline-block;margin-right: 5px;vertical-align: middle;}

/***网站顶部导航***/
.topnav-lb{margin-left: 30px;display: inline-block;}
.topnav-lb li{width: 120px;float: left;margin-right: 15px;text-align: left;line-height: 40px;}
.topnav-lb li:nth-child(2n){margin-right: 0px;}
.topnav-lb li i{width: 26px;height: 25px;background: url(../images/topnav.png) no-repeat;display: inline-block;vertical-align: middle;margin-right: 10px;}
.topnav-lb li a{font-size: 14px;text-align: left;line-height: 30px;}
.topnav-lb li i.topnav1{background-position: 0px -3px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li i.topnav2{background-position: -42px -3px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li i.topnav3{background-position: -88px -3px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li i.topnav4{background-position: -131px -3px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li i.topnav5{background-position: -173px -3px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li i.topnav6{background-position: -217px -3px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li i.topnav7{background-position: -255px -3px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li i.topnav8{background-position: -290px -3px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li i.topnav9{background-position: -329px -3px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li i.topnav10{background-position: -365px -3px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li i.topnav11{background-position: -400px -3px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li i.topnav12{background-position: -439px -2px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li i.topnav13{background-position: -480px -3px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li i.topnav14{background-position: -524px -3px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li i.topnav15{background-position: -562px -3px;transition: all 0.3s ease-in-out 0s;}


.topnav-lb li:hover i.topnav1{background-position: 0px -44px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li:hover i.topnav2{background-position: -42px -44px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li:hover i.topnav3{background-position: -88px -44px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li:hover i.topnav4{background-position: -131px -44px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li:hover i.topnav5{background-position: -173px -44px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li:hover i.topnav6{background-position: -217px -44px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li:hover i.topnav7{background-position: -255px -44px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li:hover i.topnav8{background-position: -290px -44px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li:hover i.topnav9{background-position: -329px -44px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li:hover i.topnav10{background-position: -365px -44px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li:hover i.topnav11{background-position: -400px -44px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li:hover i.topnav12{background-position: -439px -44px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li:hover i.topnav13{background-position: -480px -44px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li:hover i.topnav14{background-position: -524px -44px;transition: all 0.3s ease-in-out 0s;}
.topnav-lb li:hover i.topnav15{background-position: -562px -44px;transition: all 0.3s ease-in-out 0s;}


/***网站顶部APP***/
.azapp{width: 18px;height: 22px;background: url(../images/ioc-sytb.png) no-repeat -336px -179px;overflow: hidden;display: inline-block;vertical-align: middle;margin-right: 0;}
.headapp-n{ left: -35px !important;}