@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: 80px; }
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: 30px; 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; } */

.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 { text-align: center; width: 139px; margin-top: 130px; position: fixed; z-index: 998; top: 0; background-color: #ffffff;border-right: #ececec 1px solid;}
.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: 50px;*/ 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: 79px; position: fixed; left: 0; top: 0; z-index: 999; background-color: #ffffff; border-bottom: #ececec 1px solid;}
.header {/* width: 100%;*/   /*width: 1400px;*/ max-width: 1400px; min-width: 1200px; margin: 0 auto; height: 79px; position: relative;}
.header .logo,.conHeader .logo { display: block; height: 40px; width: 180px; float: left; margin: 0px 20px 0px 5px; background: url(/staticn/v1cn/web2017/images/logo.png) no-repeat 0 0; background-size: contain; overflow: hidden; text-indent: -999px;}

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

.headerL { float: left; height: 40px; margin: 20px 10px 19px 10px; position: absolute; left: 0; top: 0; z-index: 1; }
.headerL img { width: 180px;}
/*.headerR { float: right; height: 67px; padding: 16px 10px 16px 10px; position: relative; }*/
.headerR_wrap { height: 79px; position: absolute; right: 0; top: 0; z-index: 1;}
.headerR { /*float: right; */height: 67px; padding: 8px 10px 4px 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; padding: 5px 5px; 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(/staticn/v1cn/web2017/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: 15px 0; text-align: center; /*background-color: #ffffff;*/ position: absolute; right: -13px; top:48px; z-index: 999;  padding-top: 23px; }
#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: 16px; color: #a5abb3; line-height: 40px;}
ul.topNav a { display:inline-block; margin:0 8px; height:40px;  color: #a5abb3; }
ul.topNav a:hover { color: #9ca4af;}
.topNavMoreBt { display:inline-block; height:40px; line-height: 40px; background-image:url(/staticn/v1cn/web2017/images/arr_more.png); background-repeat:no-repeat; background-position:right -45px; padding-right:44px; padding-left:10px; position:relative; cursor:pointer; font-size: 16px; color: #a5abb3; }
.topNavMoreBt.open { background-position:right 4px;}
.topNavMoreMenu { width:100px;  right: 10px; border:#dddddd 1px solid; background-color:#ffffff; position:absolute; top:39px; z-index:100; display: none; font-size: 16px; }
.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: 0px 10px 0px 30px; float: left; position: relative; }
.searchBoxR { height: 40px;/* width: 540px;*/ width: 450px; float: right; position: relative; }
.searchBox input,.searchBoxR input { display: block; float: left;/* width:430px;*/  width:340px; 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(/staticn/v1cn/web2017/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:25px auto; padding: 0 4px; clear: both; text-align: center;}
.bannerCon img { max-width: 100%; height: auto; margin: 0 auto;}
.sideBanner { width: 100%; margin-bottom: 20px;}
.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(/staticn/v1cn/web2017/images/ico_gongan.png) no-repeat left center; padding-left: 24px; margin-left: 10px; }

/*--------channel style--------*/
.conHeader { height:40px; margin-top: 30px; margin-bottom: 30px; }

.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: 15px;/* 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(/staticn/v1cn/web2017/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%; width: 14.285%; 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:145px; padding-right:5px; width:1050px; margin:0 auto;}
.footerIndexMain .wanganList a img { width: 100px; height: auto; }
.footerIndexMain .footerNav { width: auto;}