#banner {
  width: 100%;
  height: 523px;
  overflow: hidden;
}
#banner ul li {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 523px;
}
#banner ul li img {
  display: block;
  width: 1920px !important;
  position: absolute;
  left: 50%;
  margin-left: -960px;
}
.flexslider .flex-control-nav {
  bottom: 20px;
}
.flexslider .flex-control-nav a {
  width: 11px !important;
  height: 11px !important;
  border-radius: 50%;
}
.flexslider .flex-control-nav a.flex-active {
  width: 34px !important;
  border-radius: 5px;
}
.flexslider .flex-direction-nav {
  display: none;
}
#not {
    width: 100%;
    height: 50px;
    background: #f1f3f7  repeat-x;
}
#not #not-center {
  width: 1200px;
  height: 50px;
  margin: 0 auto;
  position: relative;
}
#not #not-center img {
  float: left;
  margin-top: 13px;
}
#not #not-center marquee {
  width: 1175px;
  position: absolute;
  right: 0;
  top: 0;
  height: 50px;
  line-height: 45px;
}
#notice {
  width: 100%;
  height: 370px;
  background: #f1f3f7;
}
#notice #notice-center {
  width: 1200px;
  height: 438px;
  margin: 0 auto;
}
#notice #notice-center #l-list {
  width: 385px;
  height: 320px;
  float: left;
  background: #ffffff;
  margin-top: 25px;
  border-radius: 2px;
  border-top: 2px solid #f49e9e;
  padding: 0 18px;
  box-sizing: border-box;
}
#notice #notice-center #l-list h3 {
  width: 100%;
  height: 45px;
  margin-top: 5px;
  line-height: 45px;
  border-bottom: 1px solid #c7c7c7;
}
    #notice #notice-center #l-list h3 strong {
        color: #cf3137;
        font-size: 20px;
        font-weight: 500;
        padding-left: 12px;
        background:  no-repeat left center;
    }
#notice #notice-center #l-list h3 strong i {
  color: #9e9e9e;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
}
#notice #notice-center #l-list h3 a {
  color: #5e5e5e;
  font-size: 12px;
  float: right;
  font-weight: 500;
  margin-top: 5px;
}
#notice #notice-center #l-list .gd-list {
  width: 100%;
  height: 250px;
  padding: 10px 0;
  box-sizing: border-box;
  position: relative;
  /*border-bottom: 1px solid #c7c7c7;*/
}
#notice #notice-center #l-list .gd-list .flex-control-nav {
  top: 307px;
  left: 125px;
  width: 70px;
  height: 20px;
}
#notice #notice-center #l-list .gd-list .flex-control-nav li {
  margin: 0 3px;
}
#notice #notice-center #l-list .gd-list .flex-control-nav li a {
  background: #c8c8c8;
  width: 7px;
  height: 7px;
  border-radius: 50%;
}
#notice #notice-center #l-list .gd-list .flex-control-nav li a.flex-active {
  background: #cf3137;
}
#notice #notice-center #l-list .gd-list .flex-direction-nav {
  display: none;
}
#notice #notice-center #l-list .gd-list em {
  display: block;
  float: left;
  width: 355px;
  height: 315px;
}
#notice #notice-center #l-list .gd-list em img {
  display: block;
  width: 349px;
  height: 275px;
}
#notice #notice-center #l-list .gd-list .r-txt {
  width: 420px;
  box-sizing: border-box;
  height: 100%;
  float: left;
  padding-left: 15px;
}
#notice #notice-center #l-list .gd-list .r-txt h4 {
  color: #393939;
  font-size: 16px;
  font-weight: 500;
  height: 40px;
  margin-top: 3px;
}
#notice #notice-center #l-list .gd-list .r-txt p {
  height: 65px;
  color: #808080;
  font-size: 13px;
  overflow: hidden;
  line-height: 22px;
}
#notice #notice-center #l-list .gd-list .r-txt div {
  margin-top: 15px;
}
#notice #notice-center #l-list .gd-list .r-txt div span {
  float: left;
  color: #808080;
  font-size: 13px;
}
#notice #notice-center #l-list .gd-list .r-txt div a {
  color: #cf3137;
  float: right;
}
#notice #notice-center #l-list dl dd {
  overflow: hidden;
  margin-top: 10px;
}
#notice #notice-center #l-list dl dd:hover i {
  background-position: left top;
}
#notice #notice-center #l-list dl dd:hover p {
  color: #cf3137;
}
    #notice #notice-center #l-list dl dd i {
        display: block;
        float: left;
        width: 5px;
        height: 6px;
        background:  no-repeat;
        background-position: -5px top;
        margin-top: 6px;
        margin-right: 5px;
    }
#notice #notice-center #l-list dl dd p {
  float: left;
  width: 245px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  white-space: nowrap;
}
#notice #notice-center #l-list dl dd span {
  float: right;
  color: #a5a5a5;
  line-height: 20px;
  font-size: 12px;
}
#notice #notice-center #r-list {
  width: 395px;
  height: 320px;
  float: right;
  background: #ffffff;
  margin-top: 25px;
  border-radius: 2px;
  border-top: 2px solid #f49e9e;
  padding: 0 18px;
  box-sizing: border-box;
}
#notice #notice-center #r-list h3 {
  width: 100%;
  height: 45px;
  margin-top: 5px;
  line-height: 45px;
  border-bottom: 1px solid #c7c7c7;
}
    #notice #notice-center #r-list h3 strong {
        color: #cf3137;
        font-size: 20px;
        padding-left: 12px;
        font-weight: 500;
        background:  no-repeat left center;
    }
#notice #notice-center #r-list h3 strong i {
  color: #9e9e9e;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
}
#notice #notice-center #r-list h3 a {
  color: #5e5e5e;
  font-size: 12px;
  float: right;
  font-weight: 500;
  margin-top: 5px;
}
#notice #notice-center #r-list dl dd {
  overflow: hidden;
  margin-top: 11px;
}
#notice #notice-center #r-list dl dd:hover i {
  background-position: left top;
}
#notice #notice-center #r-list dl dd:hover p {
  color: #cf3137;
}
    #notice #notice-center #r-list dl dd i {
        display: block;
        float: left;
        width: 5px;
        height: 6px;
        background:  no-repeat;
        background-position: -5px top;
        margin-top: 6px;
        margin-right: 5px;
    }
#notice #notice-center #r-list dl dd p {
  float: left;
  width: 295px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  white-space: nowrap;
}
#notice #notice-center #r-list dl dd span {
  float: right;
  color: #a5a5a5;
  line-height: 20px;
  font-size: 12px;
}
#icon {
    width: 100%;
    height: 291px;
    background:  no-repeat top center;
}
#icon #icon-center {
  width: 1200px;
  height: 291px;
  margin: 0 auto;
  position: relative;
}
#icon #icon-center ul {
  margin-top: 30px;
}
#icon #icon-center ul li div {
  float: left;
  margin-left: 74px;
}
#icon #icon-center ul li div:first-child {
  margin-left: 0;
}
#icon #icon-center ul li div p {
  text-align: center;
  font-size: 15px;
  margin-top: 10px;
}
#icon .flex-direction-nav {
  width: 1342px;
  top: 87px;
  left: -72px;
  position: absolute;
}
    #icon .flex-direction-nav .flex-prev {
        width: 42px;
        height: 61px;
        color: transparent;
        text-shadow: none;
        background: ;
    }
    #icon .flex-direction-nav .flex-next {
        width: 42px;
        height: 61px;
        color: transparent;
        text-shadow: none;
        background: ;
    }
#icon .flex-control-nav {
  display: none;
}
#work-trend {
  width: 100%;
  height: 485px;
  background: #fff;
}
#work-trend #work-center {
  width: 1200px;
  height: 485px;
  margin: 0 auto;
  padding-top: 32px;
  box-sizing: border-box;
}
#work-trend #work-center .l-list {
  width: 588px;
  height: 425px;
  float: left;
  background: #fcfcfc;
  border-radius: 2px;
  border-top: 2px solid #f49e9e;
  padding: 0 18px;
  box-sizing: border-box;
}
#work-trend #work-center .l-list h3 {
  width: 100%;
  height: 45px;
  margin-top: 5px;
  line-height: 45px;
  border-bottom: 1px solid #c7c7c7;
}
    #work-trend #work-center .l-list h3 strong {
        color: #cf3137;
        font-size: 20px;
        padding-left: 12px;
        font-weight: 500;
        background:  no-repeat left center;
    }
#work-trend #work-center .l-list h3 strong i {
  color: #9e9e9e;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
}
#work-trend #work-center .l-list h3 a {
  color: #5e5e5e;
  font-size: 12px;
  float: right;
  font-weight: 500;
  margin-top: 5px;
}
#work-trend #work-center .l-list dl dd {
  overflow: hidden;
  margin-top: 25px;
}
#work-trend #work-center .l-list dl dd:hover i {
  background-position: left top;
}
#work-trend #work-center .l-list dl dd:hover p {
  color: #cf3137;
}
    #work-trend #work-center .l-list dl dd i {
        display: block;
        float: left;
        width: 5px;
        height: 6px;
        background:  no-repeat;
        background-position: -5px top;
        margin-top: 6px;
        margin-right: 5px;
    }
#work-trend #work-center .l-list dl dd p {
  float: left;
  width: 345px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  white-space: nowrap;
}
#work-trend #work-center .l-list dl dd span {
  float: right;
  color: #a5a5a5;
  line-height: 20px;
  font-size: 12px;
}
#work-trend #work-center .r-list {
  width: 588px;
  height: 425px;
  float: right;
  background: #fcfcfc;
  border-radius: 2px;
  border-top: 2px solid #f49e9e;
  padding: 0 18px;
  box-sizing: border-box;
}
#work-trend #work-center .r-list h3 {
  width: 100%;
  height: 45px;
  margin-top: 5px;
  line-height: 45px;
  border-bottom: 1px solid #c7c7c7;
}
    #work-trend #work-center .r-list h3 strong {
        color: #cf3137;
        font-size: 20px;
        padding-left: 12px;
        font-weight: 500;
        background:  no-repeat left center;
    }
#work-trend #work-center .r-list h3 strong i {
  color: #9e9e9e;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
}
#work-trend #work-center .r-list h3 a {
  color: #5e5e5e;
  font-size: 12px;
  float: right;
  font-weight: 500;
  margin-top: 5px;
}
#work-trend #work-center .r-list dl dd {
  overflow: hidden;
  margin-top: 25px;
}
#work-trend #work-center .r-list dl dd:hover i {
  background-position: left top;
}
#work-trend #work-center .r-list dl dd:hover p {
  color: #cf3137;
}
    #work-trend #work-center .r-list dl dd i {
        display: block;
        float: left;
        width: 5px;
        height: 6px;
        background:  no-repeat;
        background-position: -5px top;
        margin-top: 6px;
        margin-right: 5px;
    }
#work-trend #work-center .r-list dl dd p {
  float: left;
  width: 345px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  white-space: nowrap;
}
#work-trend #work-center .r-list dl dd span {
  float: right;
  color: #a5a5a5;
  line-height: 20px;
  font-size: 12px;
}
#windows {
  width: 100%;
  height: 236px;
  background: #f1f3f7;
  overflow: hidden;
  position: relative;
  padding-top: 80px;
  box-sizing: border-box;
}
#windows h3 {
  width: 1200px;
  margin: 0 auto;
  height: 45px;
  margin-top: 5px;
  line-height: 45px;
  border-bottom: 1px solid #c7c7c7;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -600px;
}
    #windows h3 strong {
        color: #cf3137;
        font-size: 20px;
        padding-left: 12px;
        font-weight: 500;
        background:  no-repeat left center;
    }
#windows h3 strong i {
  color: #9e9e9e;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
}
#windows h3 a {
  color: #5e5e5e;
  font-size: 12px;
  float: right;
  font-weight: 500;
  margin-top: 5px;
}
#windows #windows-center {
  width: 1200px;
  height: 150px;
  margin: 0 auto;
  position: relative;
}
#windows #windows-center .flex-control-nav {
  display: none;
}
#windows #windows-center ul li div {
  float: left;
  margin-left: 28px;
}
#windows #windows-center ul li div:first-child {
  margin-left: 30px;
}
#windows #windows-center ul li div em {
  display: block;
  width: 166px;
  height: 100px;
  border: 1px solid #e5e5e5;
  box-sizing: border-box;
}
#windows #windows-center ul li div em img {
  display: block;
  width: 100%;
}
#windows #windows-center ul li div p {
  text-align: center;
  font-size: 15px;
  margin-top: 10px;
}
#windows #windows-center .flex-direction-nav {
  width: 1220px;
  top: 65px;
  left: -10px;
  position: absolute;
}
    #windows #windows-center .flex-direction-nav .flex-prev {
        width: 10px;
        height: 19px;
        color: transparent;
        text-shadow: none;
        background: ;
    }
    #windows #windows-center .flex-direction-nav .flex-next {
        width: 10px;
        height: 19px;
        color: transparent;
        text-shadow: none;
        background: ;
    }
#case {
  width: 100%;
  height: 545px;
  background: #fff;
}
#case #case-center {
  width: 1200px;
  height: 545px;
  margin: 0 auto;
  padding-top: 25px;
  box-sizing: border-box;
}
#case #case-center .l-list {
  width: 588px;
  height: 495px;
  float: left;
  background: #fcfcfc;
  border-radius: 2px;
  border-top: 2px solid #f49e9e;
  padding: 0 18px;
  box-sizing: border-box;
}
#case #case-center .l-list h3 {
  width: 100%;
  height: 45px;
  margin-top: 5px;
  line-height: 45px;
  border-bottom: 1px solid #c7c7c7;
}
    #case #case-center .l-list h3 strong {
        color: #cf3137;
        font-size: 20px;
        padding-left: 12px;
        font-weight: 500;
        background:  no-repeat left center;
    }
#case #case-center .l-list h3 strong i {
  color: #9e9e9e;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
}
#case #case-center .l-list h3 a {
  color: #5e5e5e;
  font-size: 12px;
  float: right;
  font-weight: 500;
  margin-top: 5px;
}
#case #case-center .l-list .show-k {
  width: 100%;
  padding: 20px 0;
  overflow: hidden;
  border-bottom: 1px solid #e5e5e5;
}
    #case #case-center .l-list .show-k em {
        display: block;
        width: 113px;
        height: 120px;
        padding: 1px;
        float: left;
        padding-right: 11px;
        box-sizing: border-box;
        background: ;
    }
#case #case-center .l-list .show-k em img {
  display: block;
  width: 100%;
}
#case #case-center .l-list .show-k div {
  width: 430px;
  float: left;
  padding-left: 12px;
  box-sizing: border-box;
}
#case #case-center .l-list .show-k div h4 {
  color: #333333;
  font-size: 16px;
  font-weight: 500;
}
#case #case-center .l-list .show-k div p {
  color: #999999;
  line-height: 20px;
  font-size: 12px;
  margin-top: 5px;
}
#case #case-center .l-list .show-k strong {
  display: block;
  margin-top: 5px;
}
#case #case-center .l-list .show-k strong a {
  display: block;
  width: 54px;
  height: 20px;
  color: #fff;
  background: #ea3e3e;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  font-weight: 500;
  float: left;
}
#case #case-center .l-list .show-k strong span {
  float: right;
  color: #999999;
  font-weight: 500;
  font-size: 12px;
}
#case #case-center .l-list dl dd {
  width: 100%;
  height: 92px;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
  padding: 12px 0;
  overflow: hidden;
}
#case #case-center .l-list dl dd h4 {
  font-size: 16px;
}
#case #case-center .l-list dl dd h4 a {
  float: right;
  color: #cf3137;
  font-size: 12px;
  font-weight: 500;
  margin-top: 5px;
}
#case #case-center .l-list dl dd h4:hover {
  color: #cf3137;
}
#case #case-center .l-list dl dd h4:hover i {
  background-position: left top;
}
    #case #case-center .l-list dl dd h4 i {
        display: block;
        float: left;
        width: 5px;
        height: 6px;
        background:  no-repeat;
        background-position: -5px top;
        margin-top: 6px;
        margin-right: 5px;
    }
#case #case-center .l-list dl dd p {
  color: #999999;
  font-size: 12px;
  margin-top: 10px;
  line-height: 18px;
}
#case #case-center .r-list {
  width: 588px;
  height: 495px;
  float: right;
  background: #fcfcfc;
  border-radius: 2px;
  border-top: 2px solid #f49e9e;
  padding: 0 18px;
  box-sizing: border-box;
}
#case #case-center .r-list h3 {
  width: 100%;
  height: 45px;
  margin-top: 5px;
  line-height: 45px;
  border-bottom: 1px solid #c7c7c7;
}
    #case #case-center .r-list h3 strong {
        color: #cf3137;
        font-size: 20px;
        padding-left: 12px;
        font-weight: 500;
        background:  no-repeat left center;
    }
#case #case-center .r-list h3 strong i {
  color: #9e9e9e;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
}
#case #case-center .r-list h3 a {
  color: #5e5e5e;
  font-size: 12px;
  float: right;
  font-weight: 500;
  margin-top: 5px;
}
#case #case-center .r-list dl dd {
  width: 166px;

  border: 1px solid #fcfcfc;
  box-sizing: border-box;
  float: left;
  margin: 9px;
  margin-top: 30px;
}
#case #case-center .r-list dl dd img {
  display: block;
  width: 100%;
}
#case #case-center .r-list dl dd span {
  display: block;
  text-align: center;
}
#needs {
  width: 100%;
  height: 500px;
  background: #f1f3f7;
  overflow: hidden;
}
#needs #needs-center {
  width: 1200px;
  height: 450px;
  margin: 0 auto;
  margin-top: 30px;
  background: #ffffff;
  border-top: 2px solid #e7989b;
  padding: 0 18px;
  box-sizing: border-box;
}
#needs #needs-center h3 {
  width: 100%;
  height: 45px;
  margin-top: 5px;
  line-height: 45px;
  border-bottom: 1px solid #c7c7c7;
}
    #needs #needs-center h3 strong {
        color: #cf3137;
        font-size: 20px;
        padding-left: 12px;
        font-weight: 500;
        background:  no-repeat left center;
    }
#needs #needs-center h3 strong i {
  color: #9e9e9e;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
}
#needs #needs-center h3 a {
  color: #5e5e5e;
  font-size: 12px;
  float: right;
  font-weight: 500;
  margin-top: 5px;
}
#needs #needs-center ul li {
  width: 33%;
  margin: 10px 0;
  float: left;
  cursor: pointer;
}
#needs #needs-center ul li em {
  display: block;
  width: 140px;
  height: 100px;
  float: left;
  border: 1px solid #e5e5e5;
}
#needs #needs-center ul li em img {
  display: block;
  width: 100%;
}
#needs #needs-center ul li div {
  width: 220px;
  height: 110px;
  padding-left: 20px;
  box-sizing: border-box;
  float: left;
}
#needs #needs-center ul li div h4 {
  height: 35px;
  color: #333333;
  font-size: 16px;
  font-weight: 500;
}
#needs #needs-center ul li div p {
  color: #999999;
  font-size: 12px;
  margin-top: 5px;
}
#tourism {
  width: 100%;
  height: 544px;
  background: #fff;
  overflow: hidden;
}
#tourism #tourism-center {
  width: 1200px;
  height: 490px;
  margin: 0 auto;
  margin-top: 30px;
  background: #fcfcfc;
  border-top: 2px solid #e7989b;
  padding: 0 18px;
  box-sizing: border-box;
}
#tourism #tourism-center h3 {
  width: 100%;
  height: 45px;
  margin-top: 5px;
  line-height: 45px;
  border-bottom: 1px solid #c7c7c7;
}
    #tourism #tourism-center h3 strong {
        color: #cf3137;
        font-size: 20px;
        padding-left: 12px;
        font-weight: 500;
        background:  no-repeat left center;
    }
#tourism #tourism-center h3 strong i {
  color: #9e9e9e;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
}
#tourism #tourism-center h3 a {
  color: #5e5e5e;
  font-size: 12px;
  float: right;
  font-weight: 500;
  margin-top: 5px;
}
#tourism #tourism-center .limg {
  width: 550px;
  height: 380px;
  float: left;
  position: relative;
  margin-top: 15px;
}
#tourism #tourism-center .limg a {
  display: block;
  width: 100%;
  height: 100%;
}
#tourism #tourism-center .limg a img {
  display: block;
  width: 100%;
}
#tourism #tourism-center .limg a span {
  display: block;
  width: 100%;
  height: 36px;
  padding-left: 10px;
  box-sizing: border-box;
  line-height: 36px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
#tourism #tourism-center .rimg {
  width: 610px;
  height: 380px;
  margin-top: 11px;
  float: left;
}
#tourism #tourism-center .rimg a {
  display: block;
  width: 280px;
  height: 180px;
  float: left;
  position: relative;
  margin-bottom: 20px;
  margin-left: 20px;
}
#tourism #tourism-center .rimg a img {
  display: block;
  width: 100%;
  height: 100%;
}
#tourism #tourism-center .rimg a span {
  display: block;
  width: 100%;
  height: 36px;
  padding-left: 10px;
  box-sizing: border-box;
  line-height: 36px;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
#support {
  width: 100%;
  height: 485px;
  background: #f1f3f7;
}
#support #support-center {
  width: 1200px;
  height: 485px;
  margin: 0 auto;
  padding-top: 32px;
  box-sizing: border-box;
}
#support #support-center .l-list {
  width: 588px;
  height: 425px;
  float: left;
  background: #fcfcfc;
  border-radius: 2px;
  border-top: 2px solid #f49e9e;
  padding: 0 18px;
  box-sizing: border-box;
}
#support #support-center .l-list h3 {
  width: 100%;
  height: 45px;
  margin-top: 5px;
  line-height: 45px;
  border-bottom: 1px solid #c7c7c7;
}
    #support #support-center .l-list h3 strong {
        color: #cf3137;
        font-size: 20px;
        padding-left: 12px;
        font-weight: 500;
        background:  no-repeat left center;
    }
#support #support-center .l-list h3 strong i {
  color: #9e9e9e;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
}
#support #support-center .l-list h3 a {
  color: #5e5e5e;
  font-size: 12px;
  float: right;
  font-weight: 500;
  margin-top: 5px;
}
#support #support-center .l-list dl dd {
  overflow: hidden;
  margin-top: 25px;
}
#support #support-center .l-list dl dd:hover i {
  background-position: left top;
}
#support #support-center .l-list dl dd:hover p {
  color: #cf3137;
}
    #support #support-center .l-list dl dd i {
        display: block;
        float: left;
        width: 5px;
        height: 6px;
        background:  no-repeat;
        background-position: -5px top;
        margin-top: 6px;
        margin-right: 5px;
    }
#support #support-center .l-list dl dd p {
  float: left;
  width: 345px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  white-space: nowrap;
}
#support #support-center .l-list dl dd span {
  float: right;
  color: #a5a5a5;
  line-height: 20px;
  font-size: 12px;
}
#support #support-center .r-list {
  width: 588px;
  height: 425px;
  float: right;
  background: #fcfcfc;
  border-radius: 2px;
  border-top: 2px solid #f49e9e;
  padding: 0 18px;
  box-sizing: border-box;
}
#support #support-center .r-list h3 {
  width: 100%;
  height: 45px;
  margin-top: 5px;
  line-height: 45px;
  border-bottom: 1px solid #c7c7c7;
}
    #support #support-center .r-list h3 strong {
        color: #cf3137;
        font-size: 20px;
        padding-left: 12px;
        font-weight: 500;
        background:  no-repeat left center;
    }
#support #support-center .r-list h3 strong i {
  color: #9e9e9e;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
}
#support #support-center .r-list h3 a {
  color: #5e5e5e;
  font-size: 12px;
  float: right;
  font-weight: 500;
  margin-top: 5px;
}
#support #support-center .r-list dl dd {
  overflow: hidden;
  margin-top: 25px;
}
#support #support-center .r-list dl dd:hover i {
  background-position: left top;
}
#support #support-center .r-list dl dd:hover p {
  color: #cf3137;
}
    #support #support-center .r-list dl dd i {
        display: block;
        float: left;
        width: 5px;
        height: 6px;
        background:  no-repeat;
        background-position: -5px top;
        margin-top: 6px;
        margin-right: 5px;
    }
#support #support-center .r-list dl dd p {
  float: left;
  width: 345px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  white-space: nowrap;
}
#support #support-center .r-list dl dd span {
  float: right;
  color: #a5a5a5;
  line-height: 20px;
  font-size: 12px;
}


@media screen and (max-width:1363px){
	.left_float{display: none !important;}
	.right_flaot{display: none !important;}
	
}
.right_flaot{position:fixed; right:3px;height:194px; top:60%; background-color:#fff; padding-bottom:15px; margin-top:-89.5px; }
.right_flaot li{position:relative; text-align: center; width:70px;height:72px;}
.right_flaot li span{width:26px; height: 26px; display: inline-block; margin-top:10px;}
.right_flaot li span img{width:100%; height: auto;}
.right_flaot li h1{ font-size:14px; color:#fb333c; margin-top:5px;  width:100%; text-align: center;    font-weight: normal;}
.right_flaot li p{position:absolute; width:72px; left:-72px; height: auto; padding:5px; background-color:#fff; top:0; display: none;}
.right_flaot li p img{width:100%; height: auto;}
.right_flaot li i{display:inline-block; width:40px; height: 1px; background-color:#efefef; }
.right_flaot li:hover p{display:block;}
.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}
.paneltitle {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;

}
.item_emoji { line-height: 32px; margin-left: 5px; }
.clearboth { color: gray; clear: both; margin-left: 20px; padding-top: 5px; }
.chatbox { position: relative; margin-bottom: 10px; }
.chatarrow { position: absolute; top: 20px; width: 0px; height: 0px; border-left: 8px solid transparent; border-right: 8px solid transparent; /*�������կ�����ie5����*/ font-size: 0px; line-height: 0px; }
.chat { margin-top: 5px; padding: 7px; word-wrap: break-word; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #cfffcf; float: left; }
.selfchat { background-color: #ffe6b8; float: right; }
.chat_msg { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f6f6f6; color: #a0a0a0; text-align: center; margin-bottom: 15px; padding-top: 5px; padding-bottom: 5px; }
a { cursor: pointer; }
#zone_left { display: none; float: left; width: 270px; background-color: #f9fff2; border-right: 1px solid #e4e4e4; -moz-user-select: none; }
#zone_right { float: left; margin-left: 10px; }
.badge { margin-top: 2px; background-color: orange; }
.imagelable { position: relative; cursor: pointer; }
#sendimage { position: absolute; width: 52px; left: 0; opacity: 0; overflow: hidden; cursor: pointer; }
#div_msgpanel { height: 400px; background-color: #fff; overflow: auto; padding: 2px; }
    #div_msgpanel img { max-width: 99%; }
#historymsg { height: 400px; background-color: #fff; overflow: auto; padding: 2px; }
    #historymsg img { max-width: 99%; }