body {
  font: 14px 'Open Sans', 'Helvetica Neue', 'Hiragino Sans GB', Arial, 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif !important;
}
.btn-group-vertical > .btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
  clear: none;
}
.hide {
  display: none;
}
a {
  text-decoration: none;
  margin: 0;
  padding: 0;
}
a:hover,
a:active {
  outline: 0;
  text-decoration: none;
}
ul li {
  margin: 0;
  padding: 0;
}
img:hover {
  cursor: pointer;
}
.container2 {
  padding-left: 0;
  background: #f5f5f5;
  height: auto;
  padding-right: 0;
  padding-bottom: 0;
}
.container2 .container {
  width: 1195px;
  height: auto;
  margin: auto;
  padding: 0;
  position: relative;
}
.clearfloat:after {
  display: block;
  clear: both;
  content: "";
  visibility: hidden;
  height: 0;
}
.clearfloat {
  zoom: 1;
}
.conrt {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 99999999999999999999;
}
.conrt .brn {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.conrt .login {
  position: absolute;
  top: 50%;
  right: 50%;
  left: 50%;
  bottom: 50%;
  margin-left: -120px;
  margin-top: -200px;
  width: 350px;
  height: 400px;
  background: #fff;
  border-radius: 4px;
}
.conrt .login h3 {
  display: block;
  text-align: center;
  margin-top: 55px;
}
.conrt .login .form-group {
  width: 100%;
  height: auto;
  padding-left: 35px;
  padding-right: 35px;
}
.conrt .login p {
  font-size: 12px;
  color: #FF0000;
}
.conrt .login .ypl {
  margin-top: 29px;
}
.conrt .login .inpt {
  width: 100%;
  height: 40px;
  border: 1px solid #BEBEBE;
  background: #fff;
}
.conrt .login .inpt input {
  color: #BEBEBE;
  font-size: 14px;
}
.conrt .login .inpt .kop {
  display: inline-block;
  width: 22px;
  height: 28px;
  margin-top: 5px;
  background: yellowgreen;
  margin-left: 5px;
}
.conrt .login .inpt .control {
  width: 245px;
  height: 38px;
  float: right;
  border-radius: 1%;
  text-indent: 3px;
  border: none;
  outline: none;
}
.conrt .login .box {
  width: 100%;
  height: auto;
  margin-top: 20px;
  color: #808080;
}
.conrt .login .btn-block {
  margin-top: 40px;
  background: #006CFF;
  border: none;
  outline: none;
  height: 42px;
}
.had {
  height: 33px;
  font-size: 12px;
  line-height: 33px;
}
.had a {
  color: #999999;
  text-decoration: none;
}
.had .had-s {
  width: 55px;
  height: 33px;
  font-size: 12px;
  float: left;
  overflow: hidden;
}
.had .span {
  float: left;
  display: inline-block;
  margin-left: 30px;
}
.had .had-q {
  float: left;
  margin-left: 375px;
  color: #fb8002;
  letter-spacing: 2px;
}
.had .had-q span:hover {
  cursor: pointer;
  color: red;
}
.had .ha-b {
  float: left;
  margin-left: 80px;
  color: #bbbbbb;
  letter-spacing: 1px;
}
.had .ha-b span {
  margin-left: 8px;
}
.had .ha-b b {
  cursor: pointer;
  margin-left: 250px;
  color: #FF0000;
  font-size: 12px;
}

.had .ha-b a {
  cursor: pointer;
  color: #FF0000;
  font-size: 12px;
}

.had .ha-b .kld {
  float: right;
  margin-left: 18px;
}
.had .ha-b .kld .powe {
  padding-left: 10px;
  padding-right: 10px;
  height: 14px;
  color: #FFFFFF;
  line-height: 14px;
  background: #FF0000;
  border-radius: 20px;
  margin-left: 5px;
}
.had .ul {
  height: 33px;
  float: right;
  list-style: none;
  margin-bottom: 0;
  position: relative;
}
.had .ul li {
  padding-left: 15px;
  padding-right: 15px;
  height: 33px;
  margin-left: 11px;
  float: left;
  overflow: hidden;
}
.had .ul li a {
  text-decoration: none;
  color: #999999;
}
.had .ul li a b {
  width: 0;
  height: 0;
  border: 5px solid #CFF;
  float: right;
  border-color: #999 transparent gray;
  border-bottom: none;
  margin-top: 14px;
  transition: transform 0.3s;
}
.had .ul li a b.hover {
  border-color: #999 transparent gray;
  border-bottom: none;
  transform: rotate(180deg);
}
.had .ul li .kehu1 {
  height: auto;
  position: absolute;
  z-index: 999999999;
  margin-left: -15px;
  width: 88px;
  background: #fff;
}
.had .ul li .kehu1 span {
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: #666666;
}
.had .ul li .kehu1 span:hover {
  cursor: pointer;
  background: #F5F5F5;
  color: #006CFF;
}
.had .ul li .kehu1 .ahover {
  cursor: pointer;
  background: #F5F5F5;
  color: #006CFF;
}
.had .ul li .km {
  padding-bottom: 10px;
}
.had .ul li .km .ma-s {
  margin-top: 15px;
  height: 150px;
}
.had .ul li .km .ma-s h4 {
  padding-left: 15px;
  display: block;
  margin-top: 0;
  font-size: 14px;
  color: black;
  height: 20px;
  margin-bottom: 0;
  font-weight: bold;
}
.had .ul li .km .ma-s ks {
  padding-left: 15px;
  display: block;
  width: 100px;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  color: #999999;
  float: left;
}
.had .ul li .km .ma-s ks:hover {
  cursor: pointer;
  background: #F5F5F5;
  color: #006CFF;
}
.had .ul li:nth-child(1):hover .io {
  display: block;
}
.had .ul li:hover {
  background: #fff;
}
.synr {
  margin-bottom: 80px;
}
.synr .c-tr {
  width: 100%;
  height: auto;
  margin: auto;
  background: #fff;
}
.synr .c-tr .na-l {
  height: 162px;
}
.synr .c-tr .na-l .img2 {
  width: 155px;
  height: 56px;
  float: left;
  margin-left: 20px;
  margin-top: 26px;
}
.synr .c-tr .na-l .ss-k {
  width: 539px;
  height: 45px;
  float: left;
  margin-left: 64px;
  border: 1px solid #0086ef;
  margin-top: 33px;
}
.synr .c-tr .na-l .ss-k .sak {
  width: 80px;
  height: 45px;
  float: left;
  position: relative;
}
.synr .c-tr .na-l .ss-k span {
  text-align: center;
  display: block;
  float: left;
  width: 80px;
  height: 40px;
  font-size: 15px;
  letter-spacing: 1px;
  color: #999999;
  padding-left: 15px;
  cursor: pointer;
}
.synr .c-tr .na-l .ss-k span l {
  line-height: 40px;
  float: left;
}
.synr .c-tr .na-l .ss-k span b {
  width: 0;
  height: 0;
  border: 5px solid #CFF;
  float: left;
  border-color: #999 transparent gray;
  border-bottom: none;
  display: inline-block;
  margin-top: 18px;
  transition: transform 0.3s;
  margin-left: 8px;
}
.synr .c-tr .na-l .ss-k span b.hover {
  border-color: #999 transparent gray;
  border-bottom: none;
  transform: rotate(180deg);
}
.synr .c-tr .na-l .ss-k .sskx {
  display: none;
  width: 88px;
  height: 90px;
  background: #fff;
  position: absolute;
  left: 0;
  top: 40px;
}
.synr .c-tr .na-l .ss-k .sskx l {
  display: inline-block;
  width: 88px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  float: left;
}
.synr .c-tr .na-l .ss-k .sskx l:hover {
  cursor: pointer;
  background: #f5f5f5;
}
.synr .c-tr .na-l .ss-k .hove {
  background: #f5f5f5;
}
.synr .c-tr .na-l .ss-k input {
  float: left;
  width: 440px;
  margin-left: 5px;
  outline: none;
  height: 22px;
  text-indent: 3px;
  border: none;
  border-left: 2px solid #dddddd;
  margin-top: 10px;
}
.synr .c-tr .na-l .sc-an {
  width: 69px;
  height: 45px;
  float: left;
  background: #0278f1;
  margin-top: 33px;
  cursor: pointer;
}
.synr .c-tr .na-l .sc-an button {
  background: url("../images/ss-an.png") no-repeat center center;
  width: 34px;
  height: 34px;
  display: block;
  margin: 6px auto;
  outline: none;
  border: none;
}
.synr .c-tr .na-l .ks-cg {
  text-align: center;
  line-height: 45px;
  width: 166px;
  height: 45px;
  float: right;
  background: #fff;
  margin-top: 33px;
  color: #004eb9;
  font-size: 15px;
  border: 1px solid #dcdcdc;
  z-index: 0;
}
.synr .c-tr  .sp-lb {
  width: 100%;
  height: 35px;
  float: left;
  margin-top: 45px;
}
.synr .c-tr  .sp-lb .sp-aa {
  width: 191px;
  height: 35px;
  float: left;
  text-align: center;
  background: #006cff;
  line-height: 35px;
  color: #fff;
}
.synr .c-tr  .sp-lb .sp-aa span {
  margin-left: 15px;
}
.synr .c-tr  .sp-lb .sp-aa img {
  margin-left: 35px;
}
.synr .c-tr .sp-lb .ol {
  width: 786px;
  height: 35px;
  line-height: 35px;
  float: left;
  list-style: none;
  margin-left: 28px;
}
.synr .sp-lb .ol li {
  padding-left: 25px;
  padding-right: 25px;
  color: #fb8002;
  float: left;
}
.synr .b-s {
  width: 100%;
  height: 480px;
  margin: auto;
}
.synr .b-s .l-b {
  width: 191px;
  height: 480px;
  background: #004eb9;
  float: left;
}
.synr .b-s .l-b .ul-a {
  width: 100%;
  float: left;
}
.synr .b-s .l-b .erji {
  width: 813px;
  height: auto;
  min-height: 470px;
  background: #fff;
  position: absolute;
  left: 191px;
  top: 10px;
  z-index: 9999999;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.5);
}
.synr .b-s .l-b .erji kz {
  display: inline-block;
  width: 823px;
  height: auto;
}
.synr .b-s .l-b .erji kz er {
  display: block;
  width: 823px;
  height: auto;
  margin-top: 20px;
}
.synr .b-s .l-b .erji kz er nh {
  display: inline-block;
  width: 222px;
  height: auto;
  font-size: 14px;
  letter-spacing: 1px;
  text-align: right;
  float: left;
}
.synr .b-s .l-b .erji kz er kk {
  width: 599px;
  height: auto;
  float: right;
  display: inline-block;
}
.synr .b-s .l-b .erji kz er kk sc {
  color: #666666;
  margin-left: 15px;
  font-size: 12px;
  float: left;
  margin-right: 15px;
}
.synr .b-s .l-b .erji kz er kk sc:hover {
  cursor: pointer;
  color: red;
}
.synr .b-s .l-b .ul-a li {
  display: block;
  list-style: none;
  width: 100%;
  font-size: 13px;
  height: 32px;
  line-height: 32px;
  padding-left: 10px;
  position: relative;
  cursor: pointer;
}
.synr .b-s .l-b .ul-a li a {
  text-decoration: none;
  color: #fff;
}
.synr .b-s .l-b .ul-a li .a {
  width: 100%;
  height: 32px;
}
.synr .b-s .l-b .ul-a li .a span {
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: 12px;
  right: 8px;
}
.synr .b-s .l-b .ul-a li .a img {
  display: inline-block;
  position: relative;
  top: 0px;
  margin-right: 8px;
  left: 0;
  -webkit-transition: margin-left .2s linear;
  -moz-transition: margin-left .2s linear;
  -o-transition: margin-left .2s linear;
  width: 18px;
  height: 18px;
  opacity: .4;
}
.synr .b-s .l-b .ul-a li.menulihover img {
  margin-left: 6px;
}
.synr .b-s .l-b .ul-a li.menuliselected {
  background: #737373;
}
.synr .b-s .l-b .ul-a li.menuliselected span {
  top: 14px;
  right: 7px;
  border-left: 4px solid transparent;
  border-top: 4px solid #fff;
  border-right: 4px solid transparent;
  border-bottom: 0;
}
.synr .b-s .l-b .ul-a li.menulihover {
  width: 191px;
  position: relative;
  z-index: 9999999999999999999999;
  background: #FFFFFF;
}
.synr .b-s .l-b .ul-a li.menulihover a {
  color: #000000;
}
.synr .b-s .l-b .ul-a li span {
  display: inline-block;
  width: 0;
  height: 0;
  position: absolute;
  top: 12px;
  right: 8px;
}
.synr .b-s .l-b .ul-a li.menulihover span {
  top: 12px;
  right: 8px;
  border-left: 4px solid #fff;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-right: 0;
}
.synr .b-s .bann {
  width: 790px;
  height: 470px;
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}
.synr .b-s .bann .bner-a {
  width: 790px;
  height: 331px;
}
.synr .b-s .bann .bn-b {
  width: 790px;
  height: 128px;
  margin-top: 10px;
}
.synr .b-s .bann .bn-b .bn-bl {
  width: 390px;
  height: 128px;
  float: left;
  position: relative;
}
.synr .b-s .bann .bn-b .bn-bl .bn-bw {
  width: 100%;
  height: 100%;
  background: #fff;
  font-family: "arial narrow";
  overflow: hidden;
}
.synr .b-s .bann .bn-b .bn-bl .bn-bw span {
  position: absolute;
  display: inline-block;
  margin-top: 12px;
  font-size: 18px;
  color: #FF0000;
  margin-left: 20px;
}
.synr .b-s .bann .bn-b .bn-bl .bn-bw samp {
  position: absolute;
  display: inline-block;
  margin-top: 38px;
  font-size: 20px;
  font-weight: normal;
  color: #000000;
  margin-left: 20px;
}
.synr .b-s .bann .bn-b .bn-bl .bn-bw samp b {
  font-size: 35px;
  margin-left: 8px;
  margin-right: 8px;
  color: #004eb9;
}
.synr .b-s .bann .bn-b .bn-bl .bn-sj {
  width: 0;
  height: 0;
  border-left: 390px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 128px solid #fffbe0;
}
.synr .b-s .bann .bn-b .bn-bl2 {
  width: 390px;
  height: 128px;
  background: green;
  float: right;
  position: relative;
  z-index: 1;
}
.synr .b-s .bann .bn-b .bn-bl2 .bn-bw {
  width: 100%;
  height: 100%;
  background: #fff;
  font-family: "arial narrow";
  overflow: hidden;
}
.synr .b-s .bann .bn-b .bn-bl2 .bn-bw span {
  position: absolute;
  display: inline-block;
  margin-top: 12px;
  font-size: 18px;
  color: #FF0000;
  margin-left: 20px;
}
.synr .b-s .bann .bn-b .bn-bl2 .bn-bw samp {
  position: absolute;
  display: inline-block;
  margin-top: 38px;
  font-size: 20px;
  font-weight: normal;
  color: #000000;
  margin-left: 20px;
}
.synr .b-s .bann .bn-b .bn-bl2 .bn-bw samp b {
  font-size: 35px;
  margin-left: 8px;
  margin-right: 8px;
  color: #004eb9;
}
.synr .b-s .bann .bn-b .bn-bl2 .bn-sj {
  width: 0;
  height: 0;
  border-left: 390px solid transparent;
  border-right: 0 solid transparent;
  border-bottom: 128px solid #e0e0e0;
}
.synr .b-s .z-r {
  width: 191px;
  height: 470px;
  float: right;
  background: #fff;
  margin-top: 10px;
  position: relative;
}
.synr .b-s .z-r .tab {
  margin-top: 10px;
}
.synr .b-s .z-r .z-h {
  width: 100%;
  height: 208px;
  padding: 17px 10px 13px 10px;
  text-align: center;
}
.synr .b-s .z-r .z-h .b-l {
  height: 55px;
  width: 191px;
  text-align: center;
  display: table-cell;
}
.synr .b-s .z-r .z-h .b-l img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 0 auto;
}
.synr .b-s .z-r .z-h .hi span {
  color: #666666;
  font-size: 14px;
  display: inline-block;
  line-height: 25px;
  margin: 13px 0px;
}
.synr .b-s .z-r .z-h .prize p {
  font-size: 12px;
  color: #F66000;
  vertical-align: bottom;
}
.synr .b-s .z-r .z-h .prize p e {
  color: #f66000;
  font-size: 12px;
}
.synr .b-s .z-r .z-h .prize p e:visited {
  text-decoration: none;
}
.synr .b-s .z-r .z-h .prize p e:hover {
  cursor: pointer;
}
.synr .b-s .z-r .z-h .prize p span {
  color: #666;
}
.synr .b-s .z-r .z-h .text p {
  font-size: 12px;
  color: #666;
  font-family: 'PingFang-SC-Regular';
}
.synr .b-s .z-r .z-h .anniu {
  width: 100%;
}
.synr .b-s .z-r .z-h .anniu button {
  height: 30px;
  width: 80px;
  border: 1px solid #F66000;
  background-color: #fff;
}
.synr .b-s .z-r .z-h .anniu button:hover {
  background-color: #F66000;
  color: #fff;
}
.synr .b-s .z-r .z-j {
  width: 165px;
  height: 200px;
  margin-left: 12px;
  margin-top: 20px;
}
.synr .b-s .z-r .z-j h5 {
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 1px;
}
.synr .b-s .z-r .z-j .zka {
  margin-top: 10px;
}
.synr .b-s .z-r .z-j .z-ka li {
  margin: 0;
  list-style: none;
  line-height: 17px;
  color: #666666;
  margin-top: 10px;
  *margin-left: -10px;
}
.synr .b-s .z-r .z-b {
  width: 100%;
  height: 32px;
}
.synr .b-s .z-r .z-b ul li {
  text-align: center;
  width: 50%;
  height: 42px;
  list-style: none;
  line-height: 32px;
  float: left;
  cursor: pointer;
}
.synr .b-s .z-r .z-b ul span {
  float: left;
  width: 4px;
  height: 32px;
  line-height: 32px;
}
.synr .b-s .z-r .article {
  width: 95%;
}
.synr .b-s .z-r .article ul {
  width: 100%;
  height: 32px;
}
.synr .b-s .z-r .article ul li {
  text-align: center;
  width: 50%;
  height: 42px;
  list-style: none;
  line-height: 32px;
  float: left;
  cursor: pointer;
}
.synr .b-s .z-r .article ul li a {
  color: #555;
  margin-right: 2px;
  line-height: 1.42857143;
  border: 2px solid transparent;
  border-radius: 4px 4px 0 0;
  position: relative;
  display: block;
  padding: 10px 15px;
}
.synr .b-s .z-r .article ul li a.active {
  color: #ee2e2c;
  cursor: default;
  background-color: #fff;
  border-bottom-color: #337ab7;
}
.synr .b-s .z-r .z-yy1 {
  width: 100%;
  height: 80px;
}
.synr .b-s .z-r .z-yy1 .tab-content {
  height: 80px;
}
.synr .b-s .z-r .z-yy1 .tab-content .tab-pane {
  height: 80px;
  padding: 25px 10px;
}
.synr .b-s .z-r .z-yy1 .tab-content .tab-pane .box {
  height: 40px;
  width: 40px;
  background-color: #f1f1f1;
  float: left;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.synr .b-s .z-r .z-yy1 .tab-content .tab-pane .box div {
  width: 40px;
  height: 40px;
  display: inline-block;
  padding-top: 4px;
  cursor: pointer;
}
.synr .b-s .z-r .z-yy1 .tab-content .tab-pane .box div p {
  font-size: 12px;
  color: #000;
}
.synr .b-s .z-r .z-yy2 {
  width: 100%;
  height: 98px;
  padding: 18px 14px;
}
.synr .b-s .z-r .z-yy2 a {
  font-size: 12px;
  color: #666;
  margin-bottom: 6px;
  display: block;
}
.synr .b-s .z-r .z-yy2 a:hover {
  color: red;
}
.synr .b-s .z-r .z-yy2 a:active {
  text-decoration: none;
}
.synr .z-sp {
  width: 100%;
  height: 360px;
  margin: 26px auto auto;
}
.synr .z-sp .z-spl {
  /*border: 1px solid blue;*/
  width: 100%;
  height: 400px;
  background: #fff;
  /*border-top: 2px solid #ee2e2c;*/
  float: left;
  margin-left: 18px;
}
.synr .z-sp .z-spl .z-hr {
  width: 151px;
  height: 32px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 32px;
  margin: -5px auto auto;
  background: url("../images/rexiaochanping.png") no-repeat center;
}
.synr .z-sp .z-spl .z-le {
  width: 210px;
  height: 330px;
  float: left;
  border-right: 1px solid #e4e4e4;
  margin-left: 36px;
}
.synr .z-sp .z-spl .z-le h4 {
  margin-top: 22px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: bold;
  margin-left: 16px;
  position: absolute;
}
.synr .z-sp .z-spl .z-le img {
  margin-top: 120px;
  margin-left: -17px;
  width: 200px;
  height: 200px;
  transition: margin-left .25s ease-in-out;
}
.synr .z-sp .z-spl .z-le img:hover {
  margin-left: -23px;
}
.synr .z-sp .z-spl .z-zj {
  width: 380px;
  height: 350px;
  float: left;
}
.synr .z-sp .z-spl .z-zj .z-ww {
  /*border: 1px solid red;*/
  width: 100%;
  height: 205px;
  border: 1px solid #e4e4e4;
}
.synr .z-sp .z-spl .z-zj .z-ww h4 {
  float: left;
  margin-top: 22px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
  line-height: 1.3;
  margin-left: 16px;
  position: absolute;
}
.synr .z-sp .z-spl .z-zj .z-ww img {
  display: inline-block;
  width: 140px;
  height: 140px;
  float: right;
  margin-right: 27px;
  margin-top: 11px;
  transition: margin-right .25s ease-in-out;
}
.synr .z-sp .z-spl .z-zj .z-ww img:hover {
  margin-right: 36px;
}
.synr .z-sp .z-spl .z-zj .z-zjb {
  width: 100%;
  height: 205px;
}
.synr .z-sp .z-spl .z-zj .z-zjb .z-zjbl {
  width: 190px;
  height: 100%;
  text-align: center;
  float: left;
  border-right: 1px solid #e4e4e4;
}
.synr .z-sp .z-spl .z-zj .z-zjb .z-zjbl h4 {
  float: left;
  margin-top: 22px;
  font-size: 16px;
  font-weight: 700;
  color: #333333;
  line-height: 1.3;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  width: 100px;
  height: 20px;
  position: absolute;
}
.synr .z-sp .z-spl .z-zj .z-zjb .z-zjbl img {
  float: left;
  margin-top: 58px;
  margin-left: 35px;
  width: 100px;
  height: 100px;
  transition: margin-left .25s ease-in-out;
}
.synr .z-sp .z-spl .z-zj .z-zjb .z-zjbl img:hover {
  margin-left: 30px;
}
.synr .z-sp .z-spl .z-rl {
  width: 90px;
  *width: 80px;
  text-align: center;
  *text-align: left;
  height: 330px;
  line-height: 33px;
  float: right;
  *margin-right: 6px;
}
.synr .z-sp .z-spl .z-rl li {
  list-style: none;
  color: #363636;
  font-size: 14px;
  *font-size: 12px;
}
.synr .ww {
  margin-top: 26px;
  width: 100%;
}
.synr .z-cen {
  width: 100%;
  margin-top: 20px;
  height: 465px;
  background: #fff;
}
.synr .z-cen .height3 {
  height: 395px;
  margin-top: 60px;
}
.synr .z-cen .z-he {
  width: 100%;
  height: 60px;
  float: left;
  line-height: 60px;

}
.synr .z-cen .z-he0{
	  background: #b97706;
}
.synr .z-cen .z-he1{
	  background: #734f37;
}

.synr .z-cen .z-he2{
	  background: #943b13;
}
.synr .z-cen .z-he3{
	  background: #e25922;
}

.synr .z-cen .z-he4{
	  background: #0b957c;
}
.synr .z-cen .z-he5{
	  background: #de1817;
}
.synr .z-cen .z-he6{
	  background: #534f4e;
}
.synr .z-cen .z-he7{
	  background: #c65a19;
}
.synr .z-cen .z-he8{
	  background: #3676ce;
}
.synr .z-cen .z-he9{
	  background: #7743cc;
}
.synr .z-cen .z-he10{
	  background: #3e4b7f;
}
.synr .z-cen .z-he11{
	  background: #254abf;
}
.synr .z-cen .z-he12{
	  background: #59ab2b;
}
.synr .z-cen .z-he13{
	  background: #506a4f;
}
.synr .z-cen .z-he14{
	  background: #4c6eb6;
}
.synr .z-cen .z-he img {
  display: inline-block;
  margin-top: -2px;
  margin-left: 14px;
}
.synr .z-cen .z-he span {
  color: #fff;
  font-size: 22px;
  margin-left: 4px;
}
.synr .z-cen .z-he .z-sd {
  float: right;
  height: 30px;
  margin-top: 14px;
  *margin-top: -46px;
  margin-right: 10px;
}
.synr .z-cen .z-he .z-sd li {
  list-style: none;
  padding-left: 16px;
  padding-right: 16px;
  margin-left: 14px;
  line-height: 30px;
  border: 1px solid transparent;
  float: left;
  background: rgba(255, 255, 225, 0.4);
  color: #fff;
}
.synr .z-cen .z-he .z-sd li:hover {
  cursor: pointer;
  border: 1px solid #fff;
}
.synr .z-cen .z-spk {
  width: 398px;
  height: 395px;
  float: left;
}
.synr .z-cen .z-spk .sp-z {
  width: 398px;
  float: left;
  height: 250px;
  margin-top: 10px;
  border-right: 1px solid #e4e4e4;
}
.synr .z-cen .z-spk .sp-z h4 {
  float: left;
  font-size: 18px;
  color: #ff0101;
  margin-top: 20px;
  line-height: 1.3;
  margin-left: 20px;
  white-space: nowrap;
  // text-overflow: ellipsis;
  // -o-text-overflow: ellipsis;
  // overflow: hidden;
  width: 359px;
  height: 40px;
  position: absolute;
  z-index: 9999;
  small{
    color: #666;
  }
}
.synr .z-cen .z-spk .sp-z .ima {
  width: 246px;
  height: 226px;
  float: left;
  margin-top: 44px;
  margin-left: 120px;
  transition: transform .25s ease-in-out;
}
.synr .z-cen .z-spk .sp-z .ima img {
  width: 100%;
  height: 90%;
}
.synr .z-cen .z-spk .sp-z .ima img[src=""] {
  display: none;
}
.synr .z-cen .z-spk .sp-z .ima:hover {
  transform: translateX(-5px);
}
.synr .z-cen .z-spk .z-spa {
  width: 186px;
  height: 118px;
  background: #dfe2f0;
  float: left;
  margin-left: 12px;
  margin-top: 16px;
}
.synr .z-cen .z-spk .z-spa h4 {
  margin-top: 10px;
  margin-left: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
  position: absolute;
  font-size: 16px;
  color: #010101;
}
.synr .z-cen .z-spk .z-spa img {
  float: left;
  margin-left: 32px;
  margin-top: 50px;
  height: 60px;
  width: 120px;
  transition: transform .25s ease-in-out;
}
.synr .z-cen .z-spk .z-spa img[ng-src=""] {
  display: none;
}
.synr .z-cen .z-spk .z-spa img:hover {
  transform: translateX(-5px);
}
.synr .z-cen .z-img {
  margin: auto;
  height: 56px;
}
.synr .z-cen .z-img img {
  width: 100%;
  height: 57px;
}
.synr .c-kk {
  width: 100%;
  height: 520px;
  margin-top: 20px;
}
.synr .c-kk .c-kka {
  width: 590px;
  height: 520px;
  float: left;
  background: #fff;
}
.synr .c-kk .c-kka .z-ch {
  width: 100%;
  height: 60px;
  background: #506a4f;
  line-height: 60px;
}
.synr .c-kk .c-kka .z-ch img {
  display: inline-block;
  margin-top: -2px;
  margin-left: 14px;
}
.synr .c-kk .c-kka .z-ch .z-sd {
  float: right;
  height: 30px;
  margin-top: 14px;
  margin-right: 15px;
}
.synr .c-kk .c-kka .z-ch .z-sd li {
  list-style: none;
  padding-left: 16px;
  padding-right: 16px;
  margin-left: 14px;
  line-height: 30px;
  border: 1px solid #aca8ff;
  float: left;
  background: rgba(255, 255, 225, 0.4);
}
.synr .c-kk .c-kka .z-ch .z-sd li:hover {
  cursor: pointer;
  border: 1px solid #fff;
}
.synr .c-kk .c-kka .z-ch span {
  color: #fff;
  font-size: 22px;
  margin-left: 4px;
}
.synr .c-kk .c-kka .z-sf {
  width: 100%;
  height: 291px;
  margin-top: 10px;
  float: left;
}
.synr .c-kk .c-kka .z-sf .z-sfw {
  width: 200px;
  height: 291px;
  float: left;
  border-right: 1px solid #ebebeb;
}
.synr .c-kk .c-kka .z-sf .z-sfw h4 {
  float: left;
  font-size: 24px;
  color: #ff0101;
  margin-top: 20px;
  line-height: 1.3;
  margin-left: 20px;
}
.synr .c-kk .c-kka .z-sf .z-sfw .ima {
  width: 196px;
  height: 171px;
  float: left;
  margin-top: 14px;
}
.synr .c-kk .c-kka .z-sf .z-sfw .ima img {
  width: 100%;
  height: 100%;
}
.synr .c-kk .c-kka .z-sf .z-sa {
  width: 387px;
  height: 291px;
  display: inline-block;
}
.synr .c-kk .c-kka .z-sf .z-sa .z-sal {
  width: 193px;
  height: 145px;
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  float: left;
}
.synr .c-kk .c-kka .z-sf .z-sa .z-sal h4 {
  float: left;
  font-size: 24px;
  color: #ff0101;
  margin-top: 20px;
  line-height: 1.3;
  margin-left: 20px;
}
.synr .c-kk .c-kka .z-sf .z-sa .z-sal .ima {
  width: 72px;
  height: 72px;
  float: left;
  margin-top: 65px;
  margin-left: -18px;
}
.synr .c-kk .c-kka .z-sf .z-sa .z-sal .ima img {
  width: 100%;
  height: 100%;
}
.synr .c-kk .c-kka .z-bn {
  width: 555px;
  height: 118px;
  float: left;
  margin: 18px;
}
.synr .c-kk .c-kka .z-bn .z-spa {
  width: 182px;
  height: 118px;
  background: #dfe2f0;
  margin-left: 3px;
  float: left;
}
.synr .c-kk .c-kka .z-bn .z-spa h4 {
  margin-top: 10px;
  margin-left: 10px;
}
.synr .c-kk .c-kka .z-bn .z-spa img {
  float: left;
  margin-left: 60px;
  height: 50px;
}
.loading {
  width: 100%;
  text-align: center;
  font-size: 40px;
  height: 513px;
  border: 1px solid #ccc;
  line-height: 513px;
  margin-top: 10px;
}
.loading img {
  height: 513px;
  display: block;
  width: 100%;
}
.foot-top-slogan {
  height: 94px;
  line-height: 94px;
  background-color: #f5f5f5;
  position: relative;
  margin-bottom: 20px;
}
.foot-top-slogan .slogan {
  position: absolute;
  left: 50%;
}
.foot-top-slogan .slogan1 {
  margin-left: -604px;
}
.foot-top-slogan .slogan2 {
  margin-left: -302px;
}
.foot-top-slogan .slogan4 {
  margin-left: 302px;
}
.foot-top-buy dl {
  float: left;
  width: 200px;
}
.foot-top-buy .last-dl {
  width: 100px;
}
.foot-top-buy dt,
.map h3 {
  font: 400 16px/35px "微软雅黑";
}
.foot-bottom {
  margin-top: 20px;
  padding: 23px 0 32px;
  border-top: 1px solid #E5E5E5;
  text-align: center;
}
.foot-bottom a {
  padding: 0 9px;
}
.foot-bottom .copy {
  padding: 10px 0;
}
.foot-bottom img {
  padding: 0 5px;
}
.footr {
  height: auto;
  background: #dcdfdf;
  position: relative;
}
.f-t {
  height: 310px;
}
.f-t .foot-top-buy dl {
  float: left;
  width: 160px;
  margin-bottom: 20px;
}
.f-t .foot-top-buy dl dd {
  margin-bottom: 24px;
  font-size: 12px;
  color: #999999;
}
.f-t .foot-top-buy dl dd a {
  color: #999;
}
.f-t .foot-top-buy .last-dl {
  width: 100px;
}
.f-t .w {
  margin-top: 30px;
}
.f-t .ms {
  height: 15px;
  list-style: none;
  font-size: 12px;
  margin: 32px auto auto;
  color: #666666;
}
.f-t .ms span {
  float: left;
  width: 70px;
  height: 15px;
  line-height: 15px;
}
.f-t .ms li {
  float: left;
  width: 70px;
  height: 15px;
  line-height: 15px;
  margin-right: 10px;
}
.f-zy {
  width: 300px;
  height: 184px;
  margin-left: 47px;
  float: left;
  margin-top: 30px;
}
.f-zy b {
  font-size: 14px;
  color: #000;
}
.bg span,
.bg-z span,
.f-zy span {
  display: inline-block;
  width: 100%;
  height: 10px;
  color: #383737;
  font-size: 14px;
}
.f-zy .di {
  list-style: none;
  margin-top: 18px;
}
.f-zy .di i {
  font-size: 30px;
  font-style: 700;
  color: red;
}
.f-zy .di .erweima {
  width: 120px;
  height: 120px;
  background-color: #ccc;
  margin-top: 10px;
  background: url(../images/erweima.jpg) no-repeat;
  background-size: 120px 120px;
}
.f-zy .di li {
  margin-top: 18px;
}
.f-zy .di li img {
  display: inline-block;
  width: 14px;
  float: left;
  margin-top: 2px;
  height: 16px;
}
.f-zy .di li samp {
  font-size: 16px;
  color: #000;
}
.footr2 {
  height: auto;
  background: #dfdcdc;
  border-top: 2px solid #fff;
}
.footr2 .f-t2 {
  padding: 30px 0px 34px 0px;
  color: #999;
  font-size: 14px;
}
.footr2 .f-t2 .pic {
  text-align: center;
  width: 100%;
  height: 100px;
}
.footr2 .f-t2 .pic .mod_copyright_auth_ico {
  overflow: hidden;
  display: inline-block;
  margin: 0 3px;
  width: 103px;
  height: 32px;
  background-image: url(../images/ico_footer.png);
  line-height: 1000px;
}
.footr2 .f-t2 .pic .mod_copyright_auth_ico_1 {
  background-position: 0 -151px;
}
.footr2 .f-t2 .pic .mod_copyright_auth_ico_2 {
  background-position: -104px -151px;
}
.footr2 .f-t2 .pic .mod_copyright_auth_ico_3 {
  background-position: 0 -184px;
}
.footr2 .f-t2 .pic .mod_copyright_auth_ico_4 {
  background-position: -104px -184px;
}
.footr2 .f-t2 .pic .mod_copyright_auth_ico_5 {
  background-position: 0 -217px;
}
.footr2 .f-t2 .pic .mod_copyright_auth_ico_6 {
  background-position: -104px -217px;
}
.bg {
  width: 200px;
  height: 178px;
  float: left;
  margin-top: 30px;
  margin-left: 130px;
}
.bg .kla {
  list-style: none;
  color: #535353;
  font-size: 14px;
  margin-top: 20px;
  float: left;
}
.bg .kla li {
  margin-top: 4px;
}
.bg-z {
  width: 211px;
  height: 178px;
  float: left;
  margin-top: 30px;
  margin-left: 130px;
}
.bg-z div {
  list-style: none;
  margin-top: 26px;
}
.bg-z div li {
  width: 41px;
  float: left;
  margin-left: 20px;
  height: 41px;
}
.as-d {
  width: 1127px;
  height: 25px;
  float: left;
  margin-top: 34px;
}
.as-d li {
  list-style: none;
  float: left;
  letter-spacing: 1px;
  line-height: 25px;
}
.z-bs {
  width: 100%;
  height: 77px;
  text-align: center;
  margin-top: 10px;
  float: left;
  letter-spacing: 1px;
}
.z-gd {
  width: 48px;
  height: 220px;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 999;
}
.z-gd li {
  list-style: none;
  width: 48px;
  height: 50px;
  text-align: center;
  line-height: 45px;
  background: #5d6167;
  border-bottom: 1px solid #f5f5f5;
  border-top-left-radius: 10%;
  border-bottom-left-radius: 10%;
}
.z-gd li:hover {
  cursor: pointer;
  background: #006cff;
}
.louz {
  width: 50px;
  *left: -20px;
  position: absolute;
  top: 537px;
  left: 50%;
  text-align: center;
  background-color: #FFF;
  margin-left: -675px;
  z-index: 999999999999;
}
.louz li {
  width: 50px;
  height: 50px;
  background: #fff;
  font-size: 14px;
  list-style: none;
  text-align: center;
  border-bottom: 1px solid #e3e3e3;
  line-height: 50px;
  cursor: pointer;
}
.louz li span {
  float: left;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff;
  display: none;
}
.louz li i {
line-height: 50px;
}
.louz .poa {
  cursor: pointer;
  background: #006cff;
}
@media (max-width: 500px) {
  .had {
    width: 1190px;
    height: 33px;
    background: #F5F5F5;
    font-size: 12px;
    line-height: 33px;
  }
  .footr {
    width: 1190px;
    background: #dfdcdc;
  }
}
@media screen and (min-width: 960px) {
  .container-fluid {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .had {
    width: 100%;
    background: #F5F5F5;
  }
  .footr {
    width: 100%;
    background: #dfdcdc;
  }
}

/*************************new shop start**************************/
#scrollBox{
  margin:0;
  padding:0;
}
#scrollBox ul,li{
  list-style:none;
  display:block;
}
#scrollBox{
  height:80px;
  width:300px;
  margin:100px auto;
  overflow:hidden;
}
#scrollBox #con1,#con2{
  width:280px;
  float:left;
}
#scrollBox li{
  height:30px;
  line-height:5px;
  text-align:center;
  margin-left: -100px;
  color: #666666;
  font-size: 14px;
}
.list .z-he0{
    background: #b97706;
}
.list .z-he1{
    background: #734f37;
}
.list .z-he2{
    background: #943b13;
}
.list .z-he3{
    background: #e25922;
}
.list_two .z-he0{
    background: #0b957c;
}
.list_two .z-he1{
    background: #de1817;
}
.list_two .z-he2{
    background: #534f4e;
}
.list_two .z-he3{
    background: #c65a19;
}
.list_three .z-he0{
    background: #3676ce;
}
.list_three .z-he1{
    background: #7743cc;
}
.list_three .z-he2{
    background: #3e4b7f;
}
.list_three .z-he3{
    background: #254abf;
}
.list_three .z-he4{
    background: #59ab2b;
}
/*#feature .z-he13{
    background: #506a4f;
}
#feature .z-he14{
    background: #4c6eb6;
}*/

/*************************new shop end**************************/