/* index */
.banner {
  position : relative;
  width    : 100%;
  min-width: 1024px;
}

.banner .bd {
  position: relative;
  height  : 100%;
  z-index : 0;
}

.banner .bd .li {
  zoom          : 1;
  vertical-align: middle;
}

.banner .bd .li a {
  display: block;
  width  : 100%;
}

.banner .bd .li img {
  display      : block;
  width        : 100%;
  /* min-width : 1024px; */
  height       : 100%;
  /* min-height: 366px; */
}

.banner .hd {
  width      : 100%;
  position   : absolute;
  z-index    : 1;
  bottom     : 20px;
  left       : 0;
  height     : 30px;
  line-height: 30px;
  text-align : center;
}

.banner .hd ul li {
  display      : inline-block;
  width        : 10px;
  height       : 10px;
  background   : #cccccc;
  border-radius: 50%;
  margin       : 0 8px;
  cursor       : pointer;
  line-height  : 9999px;
  overflow     : hidden;
}

.banner .hd ul li.on {
  background-color: #ffffff;
}

.banner .prev,
.banner .next {
  position  : absolute;
  top       : 50%;
  width     : 64px;
  height    : 64px;
  margin-top: -32px;
}

.banner .prev {
  left: 50px;
}

.banner .next {
  right: 50px;
}

.shangcheng {
  margin-top     : 60px;
  margin-bottom  : 40px;
  display        : flex;
  background     : #EEEEEE;
  padding        : 15px 0;
  justify-content: center;
}

.shangcheng>div {
  width          : 49%;
  display        : flex;
  justify-content: center;
  align-items    : center;
  cursor         : pointer;
}

.shangcheng>div:nth-child(1) {
  border-right: 1px solid #ccc;
}

.shangcheng>div>b {
  margin-left : 20px;
  margin-right: 150px;
  font-size   : 16px;
}

.leibie,
.dashijirongyu {
  display        : flex;
  justify-content: space-between;
  align-items    : center;
}

.dashijirongyu {
  margin-top   : 80px;
  margin-bottom: 80px;
}

.leibie>div {
  width: 24.3%;
}

.leibie>div img {
  cursor: pointer;
}

.dashijirongyu>div {
  width: 49%;
}

.leibie>div>img,
.dashijirongyu>div>img {
  width : 100%;
  cursor: pointer;
}

.leibie>div>.index-more {
  width: 76px;
}

.leibie h6 {
  font-size: 16px;
  margin   : 15px 0;
}

.leibie p {
  height       : 40px;
  line-height  : 22px;
  font-size    : 14px;
  color        : #666666;
  margin       : 0 0 20px 0;
  overflow     : hidden;
  text-overflow: ellipsis;
}

.dashijilist>div {
  display        : flex;
  justify-content: space-between;
}

.eventleft {
  display: flex;
}

.eventdate {
  display     : flex;
  position    : relative;
  border-right: 3px dotted #9C9C9C;
}

.eventdate p {
  margin-top   : -5px;
  font-weight  : 700;
  font-size    : 32px;
  padding-right: 20px;
  padding-left : 50px;
}

.eventdate i {
  position     : absolute;
  right        : -6px;
  top          : 0;
  display      : block;
  width        : 9px;
  height       : 9px;
  border-radius: 10px;
  background   : #0E0E0E;
}

.eventtext {
  width       : 60%;
  color       : #222;
  padding-left: 30px;
  font-size   : 14px;
}

.eventimg {
  width         : 260px;
  flex-grow     : 0;
  flex-shrink   : 0;
  padding-bottom: 20px;
}

.eventimg img {
  width: 100%;
}

.dashijimore {
  text-align: center;
}

.dashijimore img {
  margin-top: 50px;
  cursor    : pointer;
}

.newszixun {
  padding   : 50px 0;
  background: #FAFAFA;
}

.title-index {
  flex-direction : column;
  justify-content: center;
  text-align     : center;
  margin-bottom  : 30px;
}

.title-index h2 {
  font-size: 26px;
}

.title-index h3 {
  font-size: 14px;
  color    : #666;
}

.more-news-index {
  width  : 120px;
  display: block;
  margin : 30px auto;
  cursor : pointer;
}

.newszixun>div {
  display        : flex;
  flex-wrap      : wrap;
  justify-content: space-between;
  align-items    : center;
}

.newszixun>div>div {
  width: 48%;
}

.a-news {
  border-bottom: 1px solid #E5E5E5;
  color        : #999;
  display      : flex;
  padding      : 20px 0;
}

.a-news>div:nth-child(1) {
  width      : 110px;
  display    : flex;
  align-items: center;
  flex-shrink: 0;
}

.a-news>div:nth-child(2) {
  flex-grow: 1;
}

.a-news h5 {
  font-size    : 16px;
  margin-bottom: 15px;
  color        : #222222;
  cursor       : pointer;
}

.a-news p {
  height       : 40px;
  overflow     : hidden;
  text-overflow: ellipsis;
}

.fangweijiancha {
  margin-top   : 50px;
  margin-bottom: 50px;
}

.fangweijiancha img {
  width : 100%;
  cursor: pointer;
}

.bowuguan {
  margin-bottom: 70px;
}

.bowuguan>div {
  width: 32%;
}

.bowuguan h6 {
  font-size: 14px;
}

.bowuguan span {
  color: #999;
}

.whole-img img {
  width: 100%;
}

.main-content {
  margin-top    : 30px;
  padding-bottom: 50px;
}

.main-content .sub-nav {
  margin-bottom: 50px;
  color        : #222;
  font-size    : 14px;
}

.jianjie h1 {
  text-align   : center;
  font-size    : 24px;
  margin-bottom: 40px;
}

.jianjie p {
  text-indent: 24px;
  line-height: 26px;
}

.honor-img {
  display        : flex;
  justify-content: center;
  align-items    : center;
}

.honor-content {
  margin-top: -176px;
}

.honor-content>div {
  width: 56% !important;
}

.honor-content h1 {
  text-align: center;
  font-size : 24px;
}

.honor-main {
  display   : flex;
  flex-wrap : wrap;
  padding   : 50px;
  background: #fff;
  margin-top: 40px;
  position  : relative;
  z-index   : 9;
  box-shadow: 0px 0px 10px #ccc;
}

.honor-main img {
  width        : 22%;
  margin-right : 3.9%;
  margin-bottom: 30px;
}

.honor-main img:nth-child(4n) {
  margin-right: 0;
}

.honor-box {
  margin-bottom: 50px;
}

.chanpinmulu {
  border-top: 1px solid #ccc;
  display   : flex;
}

.prod-listname {
  width       : 150px;
  margin-right: 20px;
  flex-shrink : 0;
  padding-top : 30px;
}

.prod-listname h5 {
  padding-bottom: 10px;
  border-bottom : 1px solid #ccc;
}

.prod-listname li {
  padding: 7px 0;
  color  : #666666;
  cursor : pointer;
}

.prod-listname li:nth-child(1) {
  padding-top: 15px;
}

.prod-listname li a {
  color          : #666;
  text-decoration: none;
}

.prod-listname li a.on {
  color: #ff0000;
}

.prod-list {
  width  : 100%;
  padding: 30px;
}

.prodbox {
  display  : flex;
  flex-wrap: wrap;
}

.prodbox>div {
  width     : 20%;
  padding   : 2%;
  text-align: center;
  border    : 1px solid transparent;
}

.prodbox>div:hover {
  border: 1px solid #ccc;
}

.prodbox img {
  width : auto;
  height: 200px;
}

.prodbox p {
  color     : #666;
  margin-top: 10px;
}

.mainbowuguan {
  margin-top     : 50px;
  margin-bottom  : 50px;
  display        : flex;
  flex-wrap      : wrap;
  justify-content: space-between;
}

.mainbowuguan>div {
  width : 31%;
  cursor: pointer;
  margin-bottom: 40px;
  box-shadow: 3px 3px 20px #C4C4C4;
}

.mainbowuguan>div>div{
  position: relative;
}

.mainbowuguan>div>div h3{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 22px;
  color: #fff;
}

.mainbowuguan>div:hover h3{
  color: #30302B;
}

/* .mainbowuguan>div:nth-child(2) {
  padding-top: 20px;
}

.mainbowuguan>div:nth-child(3) {
  display        : flex;
  flex-direction : column;
  justify-content: flex-end;
} */

.mainbowuguan>div img {
  width: 100%;
}

.mainbowuguan>div p {
  padding: 25px 0;
  font-size  : 14px;
  text-align: center;
  background: #fff;
}

.mainbowuguan>div p span {
  font-weight: normal;
  color      : #999;
}

.titlehead{
  display: block;
  margin: 0 auto;
}

.line-red{
  margin-top: 50px;
  height: 2px;
  border-top: 5px solid #E30404;
  border-bottom: 1px solid #E30404;
}

.line-red+p{
  font-size: 16px !important;
  color: #E30404;
}

.onequestion{
  border: 1px solid #FDE6E5;
  margin-bottom: 20px;
}

.onequestion>div{
  display: flex;
  align-items: center;
}

.onequestion>div>div{
  width: 80%;
}

.onequestion>div>button{
  padding: 12px 22px;
  background: #E30404;
  color: #fff;
}

.shengchangongyi{
  display: flex;
  justify-content: center;
}

.shengchangongyi button{
  margin: 50px 10px 0;
  padding: 8px 22px;
  background: #fff;
  border: 1px solid #ccc;
  color: #000;
}

.shengchangongyi button.scactive{
  background: #E30404;
  border: 1px solid #E30404;
  color: #fff;
}

.onequestion>div>button.qaactive{
  background: #ccc;
}

.onequestion>div>img{
  margin-right: 30px;
}

.onequestionq{
  padding: 30px 36px;
  background: #FDE6E5;
}

.onequestionq div{
  font-size: 16px;
  font-weight: 700;
}

.onequestion>.onequestiona{
  padding: 33px 36px;
}

.onequestion>.hide{
  display: none;
}

.shiyongjifa>img{
  display: block;
  margin: 0 auto;
}

.biaozhunbox>p{
  margin: 50px 0 15px;
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  border-left: 4px solid #E30404;
  font-size: 16px;
  font-weight: 700;
}

.shiyong-3{
  display: flex;
  justify-content: space-around;
}

.biaozhun-3{
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 70px;
}

.shiyong-3>div{
  width: 28%;
}

.biaozhun-3>div{
  width: 31%;
  margin-bottom: 40px;
}

.shiyong-3>div img{
  width: 100%;
}

.shiyong-3>div p{
  margin-top: 20px;
  color: #fff;
}

.biaozhun-3>div p{
  font-weight: 700;
  color: #000;
}

.shiyong-3-3>div p{
  color: #000;
}

.bowuguanlishi {
  margin-bottom: 70px;
}

.bowuguanlishi h5 {
  font-size    : 16px;
  text-align   : center;
  margin-bottom: 5px;
}

.bowuguanlishi h2 {
  font-size : 24px;
  text-align: center;
}

.bowuguanlishi p {
  font-size : 14px;
  text-align: center;
  margin-top: 50px;
}

.bowuguanlishi+section {
  margin-bottom: 50px;
}

.gongsixinwen {
  margin-bottom: 70px;
}

.gongsixinwen h6 {
  text-align   : center;
  margin-bottom: 50px;
}

.gongsixinwen h6 a {
  margin         : 0 7px;
  color          : #222;
  text-decoration: none;
  text-align     : center;
  display        : inline-block;
  padding        : 10px 12px;
  font-size      : 16px;
}

.gongsixinwen h6 a.newsactive {
  color     : #fff;
  background: #ff0000;
}

.newslist2-box {
  display  : flex;
  flex-wrap: wrap;
}

.newslist2-box>div {
  width        : 32%;
  margin-right : calc((100% - 96%)/2.5);
  border       : 1px solid #ccc;
  margin-bottom: 30px;
}

.newslist2-box>div:nth-child(3n) {
  margin-right: 0;
}

.newslist1-box {
  margin-bottom: 40px;
}

.newslist1-box>div {
  display        : flex;
  justify-content: space-between;
  border-bottom  : 1px solid #ccc;
  padding-bottom : 30px;
  padding-top    : 30px;
}

.newslist1-box h4 {
  font-size: 16px;
}

.newslist1-box h5 {
  margin: 5px 0 20px 0;
  color : #9a9a9a;
}

.newslist1-box p {
  color: #9a9a9a;
}

.newslist2-box>div>img {
  width      : 150px;
  flex-shrink: 0;
}

.newslist2-box>div img {
  width : 100%;
  height: 280px;
}

.newslist2-box>div div {
  padding: 30px 20px;
}

.newslist2-box>div h5 {
  color        : #ff0000;
  margin-bottom: 20px;
  font-size    : 13px;
}

.newslist2-box>div h4 {
  font-size    : 16px;
  margin-bottom: 20px;
}

.newslist2-box>div b {
  display      : inline-block;
  width        : auto;
  font-weight  : normal;
  margin-top   : 30px;
  padding      : 5px 0;
  border-bottom: 1px solid #222;
}

.newslist2-box>div p {
  color        : #9A9A9A;
  height       : 46px;
  line-height  : 24px;
  overflow     : hidden;
  text-overflow: ellipsis;
}

.newslist1-box h4,
.newslist1-box img,
.newslist2-box img,
.newslist2-box h4,
.newslist2-box b {
  cursor: pointer;
}

.newslist1-box img {
  width: 278px;
}

.banshichuinfo {
  display        : flex;
  justify-content: center;
  align-items    : center;
}

.banshichuinfo table {
  background  : #faf9f9;
  border-top  : 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3;
}

.banshichuinfo table th {
  background : #ececec;
  font-weight: normal;
  text-align : left;
}

.banshichuinfo td,
.banshichuinfo table th {
  border-left  : 1px solid #E3E3E3;
  border-bottom: 1px solid #E3E3E3;
  padding      : 10px 125px 10px 20px;
}

.newsdetail h3 {
  text-align   : center;
  font-size    : 24px;
  margin-bottom: 12px;
  font-weight  : normal;
}

.newsdetail h5 {
  text-align   : center;
  font-weight  : normal;
  color        : #666666;
  font-size    : 12px;
  margin-bottom: 60px;
}

.newsdetail .sublanmu {
  margin-right: 40px;
}

.newsdetail p {
  color        : #080808;
  margin-bottom: 30px;
  line-height  : 28px;
}

.newsdetail h6 {
  font-size    : 16px;
  color        : #959595;
  margin-bottom: 30px;
  margin-top   : 130px;
  cursor: pointer;
}

.newsdetail h6:hover{
  color: #222;
  text-decoration: underline;
}

.newsmorelist {
  padding: 0;
}

.newsmorelist .prodbox {
  /* justify-content: space-between; */
}

.newsmorelist .prodbox>div {
  padding: 0;
}

.newsmorelist .prodbox>div {
  width : 23%;
  border: none;
  margin-right: calc((100% - 92%) / 4);
}

.newsmorelist .prodbox>div:nth-child(4n){
  margin-right: 0;
}

.newsmorelist .prodbox>div:hover {
  border: none;
}

.newsmorelist .prodbox img {
  width : 100%;
  height: 220px;
  cursor: pointer;
}

.newsmorelist .prodbox p {
  text-align : left;
  line-height: 22px;
}

.floor .title {
  padding         : 64px 0 32px;
  background-color: #ffffff;
  text-align      : center;
  color           : #000000;
}

.floor .title .t-main {
  font-size  : 24px;
  line-height: 40px;
}

.floor .title .t-sub {
  font-size     : 14px;
  line-height   : 24px;
  letter-spacing: 4px;
}

.floor .line {
  height          : 10px;
  background-color: #ffffff;
}

.floor .line.bb {
  border-top: 1px solid #d7d7d7;
}

.product {
  position  : relative;
  max-height: 351px;
  overflow  : hidden;
}

.product ul {
  overflow: hidden;
  zoom    : 1;
}

.product ul li {
  float       : left;
  width       : 25%;
  /* max-width: 350px; */
  overflow    : hidden;
}

.product ul li a {
  display         : block;
  margin          : 0 6px;
  background-color: #f2f2f4;
}

.product ul li .img {
  display: block;
  width  : 100%;
  height : 100%;
}

.product .prev,
.product .next {
  position  : absolute;
  top       : 50%;
  width     : 30px;
  height    : 30px;
  background: #f2f2f4;
  margin-top: -15px;
}

.product .prev {
  left: 16px;
}

.product .next {
  right: 16px;
}

.product .prev.prevStop,
.product .next.nextStop {
  filter : alpha(opacity=40);
  opacity: 0.4;
}

.video-wp {
  position: relative;
  border  : 0;
}

.video-btn {
  position     : absolute;
  top          : 50%;
  left         : 50%;
  width        : 80px;
  height       : 80px;
  margin-left  : -40px;
  margin-top   : -40px;
  cursor       : pointer;
  background   : rgba(255, 255, 255, 0.5);
  filter       : progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7FFFFFFF, endcolorstr=#7FFFFFFF);
  /* ie8背景透明度 */
  border-radius: 50%;
  z-index      : 2;
}

.video-btn img {
  display: block;
  width  : 100%;
  height : 100%;
  cursor : pointer;
}

.video .tit {
  padding: 30px 0;
}

.video .tit .t-m {
  font-size  : 20px;
  line-height: 34px;
}

.video .tit .t-s {
  font-size  : 14px;
  line-height: 24px;
}

.video-small {
  width: 52%;
}

.video .pro {
  width: 47.6%;
}

.news-list {
  margin-bottom: 20px;
}

.news-list .item {
  width: 33.3333%;
}

.news-list .inner {
  display: block;
  margin : 0 4%;
}

.news-list .inner,
.news-list .inner:hover,
.news-list .inner:visited,
.news-list .inner:active {
  color: #000000;
}

.news-list .inner .img {
  display   : block;
  width     : 100%;
  height    : 100%;
  max-height: 344px;
  overflow  : hidden;
}

.news-list .info {
  padding   : 20px 0;
  text-align: center;
}

.news-list .info .tit {
  width        : 100%;
  height       : 30px;
  font-size    : 13px;
  font-weight  : bold;
  line-height  : 30px;
  overflow     : hidden;
  text-overflow: ellipsis;
  white-space  : nowrap;
  color        : #000000;
}

.news-list .info .desc {
  color      : #666666;
  font-size  : 14px;
  line-height: 24px;
}

.check-out {
  position: relative;
  width   : 350px;
  margin  : 0 auto;
  padding : 80px 20px;
}

.check-out .c-input {
  display      : block;
  width        : 100%;
  padding      : 10px 20px;
  font-size    : 14px;
  text-align   : center;
  line-height  : 28px;
  font-style   : italic;
  border-bottom: 1px solid #222222;
}

.check-out .c-input:-webkit-input-placeholder,
.check-out .c-input::-webkit-input-placeholder,
.check-out .c-input:-moz-placeholder,
.check-out .c-input::-moz-placeholder,
.check-out .c-input:-ms-input-placeholder,
.check-out .c-input:placeholder {
  color: #666666;
}

.check-out .btn {
  position   : absolute;
  top        : 80px;
  right      : -34px;
  width      : 48px;
  height     : 48px;
  text-align : center;
  font-size  : 20px;
  line-height: 48px;
  cursor     : pointer;
  color      : #000000;
}