@charset "utf-8";
/* CSS Document */

html,body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video,button { margin:0;  padding:0; font-family:'STHeiti','Microsoft YaHei','宋体','arial';  }
body {font-size: 14px;  -webkit-font-smoothing: antialiased; /*font-family:Arial; */ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color:#333333; /*font-family:'STHeiti','Microsoft YaHei','宋体','arial';*/ 
	font-family: "pingfang sc","Hiragino Sans GB","Microsoft Yahei",sans-serif;
	background-color: #f4f5f6; padding-top: 76px; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block;}
a { text-decoration: none; color:#333333;} a:visited { color:#333333; } a:hover { color:#222222;}
 .hr10 { height:10px; clear:both;}
.fl { float: left;} .fr { float: right;} .cl { clear: both; width: 100%；} .tc { text-align: center;} .tl { text-align: left; } .tr { text-align: right; } .hr20 { height: 20px; clear: both;} .hr25 { height: 25px; clear: both;} .hr30 { height: 12px; clear: both;} .hr40 { height: 40px; clear: both;} .font20 { font-size: 20px;} .font30 { font-size: 30px;} .overflowH { overflow: hidden;}  .posRel { position: relative;}
 
.white,.white a,.white a:link,a.white,a.white:link,.white a:visited,a.white:hover { color:#ffffff;}
.yellow,.yellow a,.yellow a:link,a.yellow,a.yellow:link,.yellow a:visited,a.yellow:hover { color:#e8c83c;}
.red,.red a,.red a:link,a.red,a.red:link,.red a:visited,a.red:hover { color:#ff4444;}
.gray,.gray a,.gray a:link,a.gray,a.gray:link,.gray a:visited { color:#666666;}
.gray a:hover,a.gray:hover { color:#333333;}
.gray2,.gray2 a,.gray2 a:link,a.gray2,a.gray2:link,.gray2 a:visited { color:#999999;}
.gray2 a:hover,a.gray2:hover { color:#666666;}
.blue,.blue a,.blue a:link,a.blue,a.blue:link,.blue a:visited { /*color:#0078ff;*/ color: #4fafff;}
.blue a:hover,a.blue:hover {/* color:#006ce6;*/ color: #3da3f8;}
iframe,img {border:0;}img {vertical-align: middle;}
ul,ol,li {list-style:none;}
input,textarea { outline: 0;  -webkit-user-modify: read-write-plaintext-only; border:0px; color: #333333;}
select {color: #333333; font-family:'STHeiti','Microsoft YaHei','宋体','arial'; font-size: 16px; }
input {  /* -webkit-appearance: none; */-webkit-tap-highlight-color: transparent; font-size:14px; background: none;}
/* *{  -webkit-tap-highlight-color: transparent;  -webkit-appearance: none; } */
.clearfix {
  *zoom:1}

.clearfix:before,.clearfix:after {
  display: table;
  content: ""
}

.clearfix:after {
  clear: both
}
.borderB { border-bottom: #eceff2 1px solid; }

.pages { height:30px; margin:10px auto; padding:0px; text-align:center; clear:both;}
.pages a,.pages span {display:inline-block; padding:0px 7px; height:22px; line-height:22px; margin:0px 2px; }
.pages a { background-color:#ffffff; border:#dddddd 1px solid; color:#666666;}
.pages a:hover,.pages span.pageDq { background-color:#f8f8f8; border:#cccccc 1px solid; color:#666666;}

/*--------------*/

.wrapper { /*width: 100%;*/ min-width: 1200px; margin: 0 auto;}
.sideMenuNull { width: 200px; float: left; height: 200px;}
/*.sideMenuNull.sideMenuClose { width: 100px; }*/
/*.mainWrap.sideMenuClose { overflow: visible;}
.footerWrap.sideMenuClose { margin-left: 0px; }*/

.sideMenu { width: 139px; height: 600px; padding-bottom: 10000px; margin-bottom: -10000px; /*margin-top: 30px;*/ background-color: #ffffff; /*position: fixed; z-index: 998; left: 0; top: 0; */border-right: #ececec 1px solid;  float: left;  overflow: hidden;}
.sideMenu ul.menuList { width: 139px;/* margin-top: 130px; position: fixed;*/ z-index: 998; top: 0; background-color: #ffffff;border-right: #ececec 1px solid;padding-top:29px;}
.sideMenu ul.menuList li { height: 38px; margin-bottom: 1px;}
.sideMenu ul.menuList li a { display: block; height: 38px; line-height: 38px; border-left: 4px #ffffff solid; padding-left: 6px; background-color: #ffffff; color: #8b95a0; font-size: 18px;}
.sideMenu ul.menuList li a:hover,.sideMenu ul.menuList li a.curr { border-left: 4px #4fafff solid; background-color: #f6faff; color: #333333;}
.wrapIndex {/* width: 1400px;*/ width: 1200px;  overflow: hidden; margin: 30px auto 30px auto; background-color: #ffffff;}
.mainWrap {/* width: 1140px;*/ width: 1140px;  overflow: hidden; margin: 30px auto 30px auto; background-color: #ffffff; }
.wrapIndex .mainWrap { width: 940px;  float: left; margin: 0 auto;}
.wrapIndex.shadowBox { margin-left: auto; margin-right: auto;}
.colConBoxLine { display: none;}
.wrapIndex .colConBoxLine { display: block; margin: 0 10px; height: 1px; clear: both; border-bottom: #eceff2 1px solid;}
.colConBox .colConBoxLine { display: block; margin: 0 10px; height: 1px; clear: both; border-bottom: #eceff2 1px solid;}/*--20170607--*/
.wrapIndex .bannerTl { /*background-color: #ffffff;*/ margin-top: -1px; padding: 0 30px; }
.conMainWrap { width: 1200px; overflow: hidden; margin: 0 auto 30px auto; }
.mainBox { background-color: #ffffff; /*border: #e7e8e8 1px solid; margin:30px 4px; box-shadow:0 0 4px #cccccc;   margin-top: 30px; */ overflow: hidden;/* float: left;*/}

.headerWrap { width: 100%; min-width: 1200px; height: 66px; position: fixed; left: 0; top: 0; z-index: 999; background:#fff; border-bottom: #ececec 1px solid;}
.header {/* width: 100%;*/   /*width: 1400px;*/ max-width: 1400px; min-width: 1200px; margin: 0 auto; height: 66px; position: relative;}
.header .infolab {height: 60px;}
.header .logo,.conHeader .logo {display: block; height: 40px; width: 380px; float: left; margin:12px 20px 0 83px; background: url(https://www.dianjinwa.com/haojio/images/logo.png) no-repeat 0 0; overflow: hidden; text-indent: -999px;}

.toujiangLogo { display: block; height: 50px; width: 110px; float: left; margin: -5px 20px 0px 0px; background: url(../images/logo_tower.png) no-repeat 0 0; overflow: hidden; text-indent: -999px;}

.headerL { float: left;   position: absolute; left: 19px; top: 0; z-index: 1; }
.nav-bar-menu{
  height: 45px;width:50px;
  text-align: center;
  cursor: pointer;
}
.nav-bar-menu .line{
  margin: 0 auto 6px auto;
  display: block;
  width: 32px;
  height: 3px;
  background:#a0a0a0;
}
.nav-bar-menu .line:first-child{
  margin-top:22px;
}
/*.headerR { float: right; height: 67px; padding: 16px 10px 16px 10px; position: relative; }*/
.headerR_wrap { height: 66px; position: absolute; right: 0; top: 0; z-index: 1;}
.headerR { float: right; height: 50px; padding: 8px 10px 8px 10px; position: relative; }

.headerR .userBox { height: 30px; padding: 15px 5px; margin:0px; line-height: 30px; max-width:140px; min-width: 110px; /*overflow: hidden;*/ float: right; /*border:#ffffff 1px solid; background-color: #ffffff; box-shadow:0 0 4px #ffffff;*/ position: relative;}
/*.headerR .userBox:hover { border:#ececec 1px solid; box-shadow:0 0 4px #cccccc;}*/
.headerR .userBox .tx { width: 30px; height: 30px; border-radius: 30px; margin-right: 10px; overflow: hidden; float: left; }
.headerR .userBox .tx img {width: 30px; height: 30px; border-radius: 30px;}
.headerR .userBox .name { height: 30px; font-size: 16px; overflow: hidden; color: #a5abb3; } 
.headerR .userBox .name a { color: #a5abb3; }
.headerR .userBox .name a:hover { color: #666666; }
.headerR .userBox:hover .userMenuList { display: block;}


.headerR .operation { float: right; }
.headerR .operation li { width: 50px; height: 50px; float: left; margin: 0 3px; text-align: center; border:#ffffff 1px solid; background-color: #ffffff; box-shadow:0 0 4px #ffffff; }
.headerR .operation li:hover { border:#ececec 1px solid; box-shadow:0 0 4px #cccccc; }

.icoBt { display: inline-block; width: 50px; height: 50px; background-image: url(../images/ico_bg.png); background-repeat: no-repeat; cursor: pointer; overflow: hidden; text-indent: -999px; }
.sideMenuBt { display: block; background-position: 0 0; float: left; margin:0px 10px 0px 10px;}
.icoBt1 { background-position: 0 -60px; }
.icoBt2 { background-position: 0 -120px; }
.icoBt3 { background-position: 0 -180px; }
.icoBt4 { background-position: 0 -240px; }
.icoUser { background-position: 0 -300px; }
.icoBt1:active { background-position: -60px -60px; }
.icoBt2:active { background-position: -60px -120px; }
.icoBt3:active { background-position: -60px -180px; }
.icoBt4:active,.icoBt4.curr { background-position: -60px -240px; }
.icoUser:active { background-position: -60px -300px; }

.userMenuList {width: 100%; display: none; font-size: 16px; padding: 15px 0; text-align: center; position: absolute; left: -1px; top:48px; z-index: 999; /*border: #ececec 1px solid;*/ padding-top: 23px;}
.userMenuList ul { border: #ececec 1px solid; background-color: #ffffff; overflow: hidden;}

#moreMenu { position: relative;}
.moreMenuList { width: 199px; display: none; font-size: 16px; padding: 0; text-align: center; /*background-color: #ffffff;*/ position: absolute; right: -13px; top:55px; z-index: 999;  }
#moreMenu:hover .moreMenuList { display: block;  }
.moreMenuList ul {border: #ececec 1px solid; background-color: #ffffff; overflow: hidden;}
.moreMenuList a,.userMenuList a { display: block; height: 60px; line-height: 60px; color: #8b95a0; }
.headerR .operation .moreMenuList li { width: 100%; clear: both; height: 60px; border: 0; box-shadow: none; margin: 0; padding: 0;} .headerR .operation .moreMenuList li:hover {border: 0; box-shadow: none; margin: 0; padding: 0;}
.moreMenuList a:hover,.userMenuList a:hover { background-color: #f6faff; color: #333333; }

/* ul.topNav,ul.topNav li { float:left; height:40px; font-size: 18px; color: #a5abb3; line-height: 40px;} */
ul.topNav{
  background:#fff;
  width:180px;
}
ul.topNav a { display:block; height:38px; line-height:38px;padding:0 12px;font-size:18px; color: #666; transition:all ease-in .12s;}
ul.topNav a:hover { color: #33338f;background:#f6faff;border-left:4px solid #4fafff;box-sizing: border-box;}
.topNavMoreBt { display:inline-block; height:40px; line-height: 40px; background-image:url(../images/arr_more.png); background-repeat:no-repeat; background-position:right -45px; padding-right:44px; padding-left:10px; position:relative; cursor:pointer; font-size: 18px; color: #666; }
.topNavMoreBt.open { background-position:right 4px;}
.topNavMoreMenu { width:160px;  right: 14px; border:#dddddd 1px solid; background-color:#ffffff; position:absolute; top:40px; z-index:100; display: none; font-size: 18px; }
.topNavMoreMenu a { display:block; text-align:center; height:40px; line-height:40px;}
.topNavMoreMenu a:hover { background-color:#f6f8f9;}

.searchBox { height: 40px;/* width: 540px; */ width: 450px;  margin: 13px 10px 0px 10px; float: left; position: relative; }
.searchBoxR { height: 40px;/* width: 540px;*/ width: 450px; float: right; position: relative;margin-top:13px; }
.searchBox input,.searchBoxR input { display: block; float: left;/* width:430px;*/  width:336px; height:30px;line-height:30px;padding:4px 9px;color:#ccc;border:1px solid #cbcbcb;box-shadow:0 0 4px #cbcbcb inset; font-size: 16px;}
.searchBox input:hover,.searchBox input:focus,.searchBoxR input:hover,.searchBoxR input:focus{color:#333; border:1px solid #1093ee;box-shadow:0 0 4px #1093ee inset;}
.searchBox .searchBt,.searchBoxR .searchBt { display: block; width: 89px; height: 38px; float: left; border-top: #cbcbcb 1px solid; border-right: #cbcbcb 1px solid; border-bottom: #cbcbcb 1px solid; background: #e3e7ec url(../images/search_bt.png) no-repeat center center; }

.infoList { overflow: hidden; clear: both;}
.bannerTl { width: 940px;/* height: 160px;*/ overflow: hidden; margin:0 auto; clear: both; }
.infoList .bannerTl { margin-bottom: 25px; padding-right: 3px;}
.bannerTl img {/* width: 940px;*/ max-width: 940px; /* height: 160px;*/ height: auto; }
.bannerCon { margin:12px auto; padding: 0 0px; clear: both; text-align: center;}
.bannerCon img { max-width: 100%; height: auto; margin: 0 auto;}
.sideBanner { width: 100%;}
.sideBanner img {/* width:100%; height: auto;*/ width: 350px; height: 600px;}
.sideBanner.s1 img { width: 350px; /*height: 240px;*/ height: 280px;}
.sideBanner.s2 img { width: 350px; /*height: 700px;*/}
.sideBanner.s3 img { width: 350px; /*height: 340px;*/ height: 350px;}

#popBanner { width: 300px; height: 275px; position: fixed; z-index: 100; right: 0; bottom: 10px;}
/*#popBanner .closeBt { display:block; width: 55px; height: 23px; color: #666666; cursor: pointer; float: right; clear: both; border: #dddddd 1px solid; line-height: 23px; text-align: center; background-color: #ffffff;}
#popBanner .box,#popBanner .box img { width: 300px; height: 250px;}*/

/*--*/
.footerWrap { padding: 30px 5px; text-align: center; background-color: #ffffff; border-bottom: #ececec 1px solid; color: #666666; line-height: 24px; /*margin-left: 200px; */ }
.footerWrap.conFooter {margin: 0 auto;}
.wanganList {max-width: 1160px; padding: 5px 5px; border: #e5e5e5 1px solid; margin: 10px auto; overflow: hidden; text-align: center; }
.wanganList a { display: inline-block; margin: 0 5px;}
.wanganList a img { width: auto; height: auto; }
.gonganBei { display: inline-block; height: 24px; line-height: 24px; background: url(../images/ico_gongan.png) no-repeat left center; padding-left: 24px; margin-left: 10px; }

@media screen and (max-width:800px){
  .wrapper,.headerWrap,.header{
    width:100%;
    min-width:100%;
    max-width:100%;
  }
  .conHeader{
    display: none;
  }
  .wrapLogin{
    height:550px!important;
  }
  .loginBox{
    width:85%!important;
  }
  .loginForm{
    width:80%!important;
  }
  .loginForm .input{
    width:100%!important;
  }
  .footerIndexMain{
    width:100%!important;
  }
  .footerNav li{
    width:100%!important;
  }
}

/*--------channel style--------*/
.conHeader { height:40px; float:left; }
@media screen and (max-width:1240px){
  .searchBoxR{
    width:350px;
  }
  .searchBoxR input{
    width:236px;
  }
}
.shadowBox {/*margin:0px 4px; */ margin-left: 4px; margin-right: 4px; box-shadow:0 0 4px #cccccc; background-color: #ffffff; /*overflow: hidden;*/}
.conMainL .shadowBox {margin:0px 4px; overflow: hidden;}
.padBoxLr { padding-right: 20px; padding-left: 20px;}
.padBox { padding: 20px;}
.mainWrap.shadowBox { margin-left: auto; margin-right: auto;}

.conMainL {/* width: 820px;*/ width: 825px; float: left;/* margin-right: 25px;*/ margin-right: 11px;/* overflow: hidden;*/}
.conMainR { overflow: hidden; /*--*/ /*width: 340px;*/width: 350px; margin-right: 4px; float: right;}

.tipTime { display: block; position: absolute; height: 18px; z-index: 1; bottom: 6px; right: 6px; line-height: 18px; border: #dddddd 1px solid; border-radius: 2px; padding: 0 3px; background: url(../images/transparent_bg.png) repeat 0 0; color: #ffffff; font-size: 12px; }

.listMoreBar { height: 30px; clear: both; text-align: center; padding: 20px 0;}
.listMoreBar span { display: inline-block; height: 26px; line-height: 26px; color: #899bb1; padding: 0 10px; border: #c5ced9 1px solid; cursor: pointer; border-radius: 3px;}

/*-----*/
.footerNav { width: 1200px; border: 1px solid #dcdcdc; overflow: hidden; padding: 1px 1px 1px 0px; margin:0 auto 20px auto; clear: both;}
.footerNav li {/* width: 20%; */width: 16%;  width: 16.6666%; height: 40px; float: left; line-height: 40px; text-align: center;}
.footerNav li a { display: block; border-left:#ffffff 1px solid; border-right: #dcdcdc 1px solid; background-color: #efefef;  }

/*---------*/
.miniWrap { width: 1000px; margin: 0px auto; clear: both; }

.wrapIndex .bannerTl { width: 740px;/* height: 160px;*/ overflow: hidden; margin:0 auto; clear: both; }
.wrapIndex .bannerTl img {/* width: 940px;*/ max-width: 740px; /* height: 160px;*/ height: auto; }
.wrapIndex .bannerTl embed {width: 740px; height: 70px;}

.footerIndexMain {padding-left:0px; padding-right:5px; width:1050px; margin:0 auto;}
.footerIndexMain .wanganList a img { width: 100px; height: auto; }
.footerIndexMain .footerNav { width: auto;}