/*html {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}*/
.thj_head{background:#af0a1f;}
.shortcut {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #fff;
}
.shortcut .login,
.shortcut .regist {
  color: #ff4400 !important;
}
.shortcut .my-hjb {
  display: inline-block;
  height: 30px;
  text-align: center;
  width: 100px;
  background: url("../img/downArr.png") right center no-repeat;
}
.shortcut .my-hjb div {
  position: absolute;
  left: 0;
  top: 26px;
  background-color: #ffffff;
  z-index: 1000;
  width: 115px;
  display: none;
}
.shortcut .my-hjb div p {
  line-height: 30px;
  text-align: left;
}
.shortcut .my-hjb div p a {
  padding-left: 20px;
}
.shortcut .my-hjb div p a:hover {
  color: #ff4400;
}
.shortcut .xht {
  display: inline-block;
  width: 90px;
  padding-left: 5px;
  background: url("../img/downArr.png") right center no-repeat;
  position: relative;
}
.shortcut.content {
	padding: 0 !important;
}
.shortcut .xht div {
  position: absolute;
  left: 0;
  top: 26px;
  background-color: #ffffff;
  width: 90px;
  padding-left: 5px;
  display: none;
  z-index: 1000;
}
.shortcut .xht div a {
  line-height: 24px;
}
.shortcut .xht div a:hover {
  color: #ff4400;
}
.shortcut span {
  cursor: pointer;
}
.shortcut .khfw {
  display: inline-block;
  width: 80px;
  height: 30px;
  position: relative;
  padding-left: 5px;
}
.shortcut .khfw .khfw-list {
  position: absolute;
  display: none;
  z-index: 1000;
  padding-left: 5px;
  left: 0;
  top: 25px;
  background-color: #ffffff;
  width: 73.26px;
}
.shortcut .khfw .khfw-list p {
  text-indent: 0 !important;
}
.shortcut .khfw .khfw-list a {
  line-height: 25px;
}
.shortcut .khfw .khfw-list a:hover {
  color: #ff4400 !important;;
}
.shortcut .line {
  position: relative;
  top: 2px;
}
.shortcut .download-app {
  cursor: pointer;
  position: relative;
}
.shortcut .download-app img {
  position: absolute;
  top: 28px;
  left: -47px;
  z-index: 10000;
  display: none;
  transition: opacity .25s;
}
.shortcut .download-app:hover img {
  opacity: 1;
  display: block;
}
.shortcut .downArr {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../img/downArr.png") no-repeat;
}
.shortcut .shortcut-right {
  position: relative;
}
.shortcut .shortcut-right .phone {
  cursor: pointer;
  color: #ff4400;
}
.shortcut .shortcut-right a {
  color: #a3a3a3;
  padding: 0 2px;
}
.header {
  background-color: #f6f6f6;
  height: 113px;
  text-align: center;
  z-index: 2;
  position: relative;
}
.header .content {
	padding: 0 !important;
}
.header .thjb {
  display: inline-block;
  width: 242px;
  height: 70px;
  margin-top: 20px;
}
.header .thjb img {
  width: 100%;
  height: 100%;
}
.header .slogan {
  margin-top: 32px;
}
.header .search {
  display: inline-block;
  margin-top: 31px;
}
.header .search-form {
  width: 563px;
  height: 40px;
  background-color: #ffffff;
  border: solid 2px #ff4400;
  font-size: 14px;
  color: #999;
}
.header .search-form .tip {
  width: 60px;
  height: 32px;
  margin-top: 2px;
  display: inline-block;
  border-right: solid 2px #ff4400;
  line-height: 32px;
  text-align: center;
}
.header .search-form .searchI {
  height: 100%;
  width: 428px;
}
.header .search-form .searchI input {
  height: 100%;
  width: 428px;
  border: none;
  padding-left: 20px;
  font-size: 14px;
}
.header .search-form .searchBtn {
  width: 70px;
  height: 38px;
  background-color: #ff4400;
  outline: none;
  border: none;
  font-family: MicrosoftYaHei;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #ffffff;
  cursor: pointer;
}
.header .search-keyword {
  margin-top: 5px;
}
.header .search-keyword li {
  float: left;
  margin-right: 5px;
}
.header .search-keyword li a:hover {
  color: #ff7300;
}
.header .search-keyword li .hot {
  color: #ff7300 !important;
  position:static !important;
}
.nav {
  height: 40px;
  position: relative;
}
.nav.content {
  padding: 0 !important;
}

.nav .nav-list {
  float: left;
  width: 200px;
  height: 40px;
  background-color: #ff4400;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 40px;
  letter-spacing: 0px;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.nav .nav-list .all {
  position: absolute;
  left: 25px;
  top: 12px;
  width: 20px;
  height: 17px;
  background: url(../img/hjspirite.png) no-repeat -423px -4px;
}
.nav .nav-list #nav_list {
  width: 100%;
  position: relative;
  z-index: 1000;
  background-color: #ffffff;
  display: none;
}
.nav .nav-list #nav_list:hover {
  background-color: #ff4400;
  color: #ffffff;
}
.nav .nav-list:hover #nav_list {
	display: block;
}

.mainnav_box {
  position: absolute;
  left: 0;
  top: 0;
  width: 200px;
  border: 1px solid #ddd;
  border-top: 0;
  background: #fff;
}
.mainnav_box * {
  box-sizing: content-box !important;
}
.mainnav_box ul li .mainnav_title {
  width: 203px;
  height: 57px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #fff;
  cursor: pointer;
  transition: all 0.25s;
  vertical-align: middle;
}
.mainnav_box ul li .mainnav_title .mainnav_title_box {
  width: 173px;
  height: 48px;
  padding: 4px 0;
  margin: 0 15px;
  overflow: hidden;
  border-bottom: 1px solid #eee;
  background: #fff;
  padding: 4px 0px;
  margin: 0px 15px;
}
.mainnav_box ul li .mainnav_title .mainnav_title_box.prevon {
  border-bottom: 1px solid #fff;
}
.mainnav_box ul li .eighth .mainnav_title_box {
  border-bottom: 1px solid #fff;
}
.mainnav_box ul li .mainnav_title .pic {
  float: left;
  width: 20px;
  height: 20px;
  margin-top: 15px;
  margin-right: 10px;
}
.mainnav_box ul li .mainnav_title .text {
  position: relative;
  float: left;
  width: 143px;
  height: 48px;
  overflow: hidden;
  display: inline;
  text-align:left;
}
.mainnav_box ul li .mainnav_title .text i {
  position: absolute;
  right: 10px;
  top: 15px;
  display: block;
  width: 6px;
  height: 11px;
  overflow: hidden;
}
.mainnav_box ul li .mainnav_title .text h3 {
  height: 24px;
  line-height: 24px;
  font-weight: normal;
}
.mainnav_box ul li .mainnav_title .text h3 a {
  font-size: 16px;
  color: #222;
}
.mainnav_box ul li .mainnav_title .text p {
  height: 24px;
  line-height: 24px;
  color: #777;
  font-size: 12px;
  text-indent: 0 !important;
}
.mainnav_box ul li .mainnav_title .text p a {
  margin-right: 5px;
  color: #777;
  font-size: 12px;
}
.mainnav_box ul li .first .pic {
  background: url(../img/sy1.png) no-repeat -423px -44px;
}
.mainnav_box ul li .second .pic {
  background: url(../img/sy1.png) no-repeat -423px -84px;
}
.mainnav_box ul li .third .pic {
  background: url(../img/sy1.png) no-repeat -423px -124px;
}
.mainnav_box ul li .fourth .pic {
  background: url(../img/sy1.png) no-repeat -423px -164px;
}
.mainnav_box ul li .fifth .pic {
  background: url(../img/icon_index.png) no-repeat 0 -200px;
}
.mainnav_box ul li .sixth .pic {
  background: url(../img/icon_index.png) no-repeat 0 -240px;
}
.mainnav_box ul li .seventh .pic {
  background: url(../img/icon_index.png) no-repeat 0 -280px;
}
.mainnav_box ul li .eighth .pic {
  background: url(../img/icon_index.png) no-repeat 0 -320px;
}
.mainnav_box ul li.hover .first .pic {
  background: url(../img/sy1.png) no-repeat -503px -44px;
}
.mainnav_box ul li.hover .second .pic {
  background: url(../img/sy1.png) no-repeat -503px -84px;
}
.mainnav_box ul li.hover .third .pic {
  background: url(../img/sy1.png) no-repeat -503px -124px;
}
.mainnav_box ul li.hover .fourth .pic {
  background: url(../img/sy1.png) no-repeat -503px -164px;
}
.mainnav_box ul li.hover .fifth .pic {
  background: url(../img/icon_index.png) no-repeat -80px -200px;
}
.mainnav_box ul li.hover .sixth .pic {
  background: url(../img/icon_index.png) no-repeat -80px -240px;
}
.mainnav_box ul li.hover .seventh .pic {
  background: url(../img/icon_index.png) no-repeat -80px -280px;
}
.mainnav_box ul li.hover .eighth .pic {
  background: url(../img/icon_index.png) no-repeat -80px -320px;
}
.mainnav_box ul li .mainnav_showbox {
  display: none;
  position: absolute;
  top: 0;
  left: 203px;
  width: 540px;
  height: 441px;
  padding: 15px 15px;
  overflow: hidden;
  background: #fff;
  border: 1px solid #ddd;
}
.mainnav_box ul li .mainnav_first {
  width: 300px;
}
.mainnav_box ul li .mainnav_showbox .text {
  width: 300px;
  float: left;
  margin-right: 20px;
}
.mainnav_box ul li .mainnav_showbox .text .kinds_list {
  width: 300px;
  height: 78px;
  padding-bottom: 15px;
  margin-bottom: 6px;
  border-bottom: 1px solid #ddd;
}
.mainnav_box ul li .mainnav_showbox .text .kinds_list.no {
  border-bottom: 0;
  margin-bottom: 7px;
}
.mainnav_box ul li .mainnav_showbox .text .kinds_list a {
  display: block;
  float: left;
  width: 69px;
  height: 26px;
  line-height: 26px;
  overflow: hidden;
  display: inline;
  margin: 0 3px;
  font-size: 12px;
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mainnav_box ul li .mainnav_showbox .text .kinds_list a:hover {
  color: #f40;
}
.mainnav_box ul li .mainnav_showbox .text .stell_logo {
  height: 300px;
}
.mainnav_box ul li .mainnav_showbox .text .stell_logo dl {
  float: left;
  width: 138px;
  border: 1px solid #eee;
  display: inline;
  margin: 0 5px 10px 5px;
}
.mainnav_box ul li .mainnav_showbox .text .stell_logo dl dt img {
  width: 138px;
  height: 40px;
}
.mainnav_box ul li .mainnav_showbox .text .stell_logo dl dd {
  border-top: 1px solid #eee;
  height: 23px;
  line-height: 23px;
  width: 138px;
  background: #f4f4f4;
  text-align: center;
}
.mainnav_box ul li .mainnav_showbox .text .stell_logo dl dd a {
  color: #666;
}
.mainnav_box ul li .mainnav_showbox .text .stell_logo dl dd a:hover {
  color: #f20;
}
.mainnav_box ul li .mainnav_showbox .text .ad_scroll {
  position: relative;
  width: 300px;
  height: 140px;
  overflow: hidden;
}
.mainnav_box ul li .mainnav_showbox .text .ad_scroll .hd {
  position: absolute;
  bottom: 10px;
  left: 40%;
}
.mainnav_box ul li .mainnav_showbox .text .ad_scroll .hd ul {
  overflow: hidden;
  zoom: 1;
  float: left;
}
.mainnav_box ul li .mainnav_showbox .text .ad_scroll .hd ul li {
  float: left;
  margin-right: 5px;
  width: 15px;
  height: 6px;
  overflow: hidden;
  text-indent: -30px;
  background: #ddd;
  cursor: pointer;
}
.mainnav_box ul li .mainnav_showbox .text .ad_scroll .hd ul li.on {
  background: #f70;
  color: #fff;
}
.mainnav_box ul li .mainnav_showbox .text .ad_scroll .bd {
  position: relative;
  height: 100%;
  z-index: 0;
}
.mainnav_box ul li .mainnav_showbox .text .ad_scroll .bd li {
  zoom: 1;
  vertical-align: middle;
}
.mainnav_box ul li .mainnav_showbox .text .ad_scroll .bd li img {
  width: 300px;
  height: 140px;
}
.mainnav_box ul li .mainnav_showbox .pic {
  position: relative;
  width: 220px;
  height: 140px;
  margin-bottom: 10px;
  overflow: hidden;
}
.mainnav_box ul li .mainnav_showbox .pic a {
  margin-bottom: 10px;
}
.mainnav_box ul li .mainnav_showbox .pic a img {
  width: 220px;
  height: 140px;
}
.mainnav_box ul li.hover .mainnav_title {
  position: relative;
  z-index: 10;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-right: 1px solid #fff;
  padding-left: 13px;
  width: 190px;
}
.mainnav_box ul li.hover .mainnav_title .mainnav_title_box {
  border-bottom: 1px solid #fff;
  padding: 4px 2px 4px 28px;
  margin: 0;
}
.mainnav_box ul li.hover .eighth {
  border-bottom: 1px solid #fff;
}
.mainnav_box ul li.hover .eighth .first .mainnav_title_box {
  border-bottom: 1px solid #fff;
}
.mainnav_box ul li.hover .mainnav_title .text h3 a {
  color: #f40;
}
.mainnav_box ul li.hover .mainnav_title .text p,
.mainnav_box ul li.hover .mainnav_title .text p a {
  color: #f40;
}
.mainnav_box ul li.hover .mainnav_title .text i {
  background: url(../img/sy1.png) no-repeat -534px -55px !important;
}
.mainnav_box ul li.hover .mainnav_showbox {
  display: block;
}
#serie_nav .bd ul {
  position: absolute;
  z-index: 10;
  right: 5px ;
  bottom: 5px;
  overflow: hidden;
}
#serie_nav .bd ul li {
  margin-left: 5px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  color: #ff4502;
  border-radius: 50%;
  float: left;
  background: #fff;
}
#serie_nav .bd ul li.on {
  background-color: #ff4502;
  color: #FFF;
  width: 20px;
  border-radius: 50%;
}
#serie_nav .pic ul {
  position: absolute !important;
  z-index: 10;
  right: 5px ;
  bottom: 5px;
  overflow: hidden;
}
#serie_nav .pic ul li {
  margin-left: 5px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  color: #ff4502;
  border-radius: 50%;
  float: left;
  background: #fff;
}
#serie_nav .pic ul li.on {
  background-color: #ff4502;
  color: #FFF;
  width: 20px;
  border-radius: 50%;
}
.nav-items {
  float: left;
  height: 100%;
}
.nav-items ul {
  height: 100%;
  width: 800px;
  display: flex;
}
.nav-items li {
  float: left;
  position: relative;
  flex: 1;
}
.nav-items li i {
  position: absolute;
  background: url(../img/cgt_qbu.png) no-repeat;
  display: inline-block;
  overflow: hidden;
}
.nav-items li.hot i {
  width: 30px;
  height: 21px;
  left: 85px;
  top: 0px;
  background-position: -157px -194px;
}
.nav-items li.new i {
  width: 26px;
  height: 21px;
  left: 52px;
  top: 0;
  background-position: -157px -215px;
}
.nav-items li a {
  display: block;
  text-align: center;
  line-height: 40px;
  width: 100%;
  height: 100%;
  font-size: 16px;
  color: #333 !important;
}
.nav-items li a.active {
  color: #ff4400;
}
.nav-items li a:hover {
  color: #ff4400 !important;
}
.thjb-footer {
  height: 423px;
  background-color: #333333;
}
.thjb-footer .footer-help {
  height: 269px;
  border-bottom: 2px solid #999999;
  padding: 29px 15px;
}
.thjb-footer .footer-help .help-left {
  width: 640px;
  height: 100%;
  border-right: 2px solid #999999;
  padding-top: 15px;
}
.thjb-footer .footer-help .help-left div {
  width: 100px;
  float: left;
  margin-right: 50px;
  padding-top: 40px;
  /*background: url("../img/感叹号02.png") no-repeat left top;*/
}
.thjb-footer .footer-help .help-left div h4 {
  font-size: 14px;
  color: #ffffff;
  line-height: 30px;
}
.thjb-footer .footer-help .help-left div a {
  display: block;
  font-size: 12px;
  line-height: 30px;
  text-emphasis: none;
  color: #999999 !important;
}
.thjb-footer .footer-help .help-right {
  width: 529px;
  height: 100%;
  padding-left: 35px;
}
.thjb-footer .footer-help .help-right .cominfo {
  height: 137px;
  background-color: purple;
}
.thjb-footer .footer-help .help-right .commore {
  margin-top: 15px;
}
.thjb-footer .footer-help .help-right .commore a {
  display: inline-block;
  width: 90px;
  float: right;
  height: 32px;
  border: solid 1px #ffffff;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 19px;
  letter-spacing: 0px;
  color: #ffffff;
  padding: 5px 10px;
  margin-right: 40px;
}
.thjb-footer .footer-link {
  height: 154px;
  padding-top: 15px;
}
.thjb-footer .content {
	padding: 0 !important;
	line-height: none !important;
}
.thjb-footer .footer-link .link-head span {
  display: inline-block;
  width: 78px;
  height: 28px;
  font-size: 12px;
  line-height: 28px;
  text-align: center;
  background-color: transparent;
  color: #999999;
  cursor: pointer;
  margin-right: 20px;
}
.thjb-footer .footer-link .link-head span.active {
  background-color: #999999;
  color: #ffffff;
}
.thjb-footer .footer-link .link-content {
  padding-top: 32px;
}
.thjb-footer .footer-link .link-content a {
  color: #999999!important;
  font-size: 12px;
  padding: 0 5px;
  display: inline-block;
  margin-bottom: 10px;
}
.thjb-footer .footer-link .link-content .line {
  position: relative;
  top: 3px;
}
.footer-copyright {
  padding-top:20px;
  height: 140px;
  background-color: #bf402e;
  text-align: center;
  font-size: 16px;
  color: #ffffff;
  line-height: 45px;
}
.footer-copyright .content {
	line-height: 45px;
}
.footer-copyright p {
  font-size: 16px;
  color: #ffffff !important;
}
.footer-copyright a {
  font-size: 16px;
  color: #ffffff !important;
}
.footer-copyright .line {
  position: relative;
  top: 3px;
}
.num4 {
	box-sizing: content-box !important;
}
