body{font-size:14px;font-family: "Microsoft YaHei";}
body,html,a,img,div,form,select,input,ul,ol,ul,li,h1,h2,h3,h4,h5,h6,dd,dl,dt,p,label,em,span{margin:0;padding:0}
a{color:#333;text-decoration:none;cursor:pointer}
a:hover{color:#2797ef;text-decoration:none}
ol,ul,li{list-style:none}
em,i{font-style:normal}
img{border:none}
.clearfix{*zoom:1;display:block;height:0;clear:both;}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
input, textarea, select {*font-size: 100%; outline: 0;border: 0;}
.tl{ color: #2797ef !important;}
.mar0{ margin-right: 0px !important;}
.jz1 {overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.jz2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.jz3 { overflow: hidden; text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.wrap {width:1200px;margin:0 auto;}

.clear {clear: both; height: 0px;width: 100%;}

/*****头部****/
header{width: 100%;background: #fff;}
.h-subnav{width: 100%;height: 110px;position: relative;z-index: 11;background:#384454 url(../images/headbg.jpg) no-repeat center top;}


.h-logo{ width: 170px; height: 55px; float: left; margin-top: 28px;}
.h-search{width: 210px;height: 40px;border-radius: 30px;padding: 0 20px;box-sizing: border-box;float: right;margin-top: 35px;background: #242e3c;}
.h-search form{display: flex;align-items: center;margin-top: 11px;}
.h-search .sea_inp {border: 0;padding: 0;text-indent: 0.5em;font-size: 14px;outline: none;flex: 1;color: #515b6a;background: #242e3c;width: 156px;}
.h-search .sea_btn{flex-shrink: 0; width: 18px;height: 18px;font-size: 0;border: 0;padding: 0;background: url(../images/inico.png) no-repeat;background-position-x: 0%;background-position-y: 0%;}

/***首页头部***/
.top_toolbar{width: 100%;height: 40px;background: #283443;line-height: 40px;position: relative;z-index: 999;}
.h-site{ float: left;color: #bcc9d9;font-size: 12px;}
.head-nav{width: 100px;height: 40px;line-height: 40px;float: right;margin-left: 40px;color: #bcc9d9;cursor:pointer;position: relative;text-align: center;}
.head-nav::before{content: "";width: 12px;height: 12px;display: inline-block;background: url(../images/inico.png) no-repeat -639px -236px;margin-right: 5px;}
.head-nav::after{content: "";width: 8px;height: 4px;display: inline-block;background: url(../images/inico.png) no-repeat -685px -240px;float: right;margin-top: 20px;}
.head-nav:hover{color: #2797ef;}
.head-nav:hover::after{background-position: -685px -221px;}


/***登录后***/
.h-login{float: right;width: 150px;text-align: right;}
.h-login::before{content: ""; width: 18px;height: 18px;background: url(../images/inico.png) no-repeat -557px -229px;display: inline-block;vertical-align: middle;margin-right:2px;}
.h-login a{ color: #bcc9d9;}

.nav{float: left;height: 110px;line-height: 110px;overflow: hidden;margin-left: 60px;}
.nav li{ float: left;position: relative;}
.nav li a{ float: left; display: inline-block;*display: inline; *zoom: 1;width: auto;padding: 0 25px;font-size: 18px; font-family: Microsoft YaHei;color: #fff;}
.nav li a:hover{ background: #2797ef;color: #fff;}

.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%;}


.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%;}
.headnav-n{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;}
.headnav-n dl{padding: 0 0px 0px 30px;float: left;border-right: 1px #e5e5e5 solid;height: 140px;}
.headnav-n dt{ font-size: 16px; line-height: 36px; text-align: left; color: #3295d9;}
.headnav-n 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;}
.headnav-n .s-list1,.headnav-n .s-list2{ width: 180px;}
.headnav-n .s-list1 a,.headnav-n .s-list2 a{ width:50%;}
.headnav-n .s-list3{width: 490px;border: none;}
.headnav-n .s-list3 a{ width: 25%;}
.headnav-n .s-list4{width: 220px;}
.headnav-n .s-list4 a{width: 50%;}


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


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



/***底部***/
footer{ width: 100%; margin-top: 20px; background: #252525; padding: 50px 0;font-size: 14px;}
.footer_nav{width: 1200px;margin: 0 auto;text-align: center;line-height: 20px;padding-bottom: 20px;}
.footer_nav a{color: #666;margin: 0 20px 0 0;line-height: 20px;padding-right: 20px;position: relative;}
.footer_nav a::after{content: "";display: inline-block;width: 1px;height: 10px;background: #555;position: absolute;right: 0;top: 5px;}
.footer_nav a:last-child::after{ display: none;}
.footer_n{width: 1200px;margin: 0 auto;text-align: center;color: #666;line-height: 30px;}
.footer_n a{color: #666;  }


/***网站顶部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;}