.product{
   width: 100%;
   height: auto;
   margin-top: 70px;
   margin-bottom: 50px;
   display: inline-block;
}
.index{
   width: 1200px;
   margin: 0 auto;
}
.title{
   text-align: center;
   width: 100%;
   background: url(../images/title_line.png) no-repeat center bottom;
   padding-bottom: 30px;
   margin-bottom: 40px;
}
.title h5{
   color: #808080;
   font-weight: normal;
}
.title h3{
   color:#171717;
   font-size: 31px;
   letter-spacing: 2px;
   padding-top: 10px;
}
.title h5 span{
   width: 40px;
   height: 3px;
   background-color: #2e55b2;
   display: inline-block;
   margin-right: 20px;
   margin-top: -12px;
}
.product-box{
   width: 100%;
   height: auto;
   display: inline-block;
}
.product-box li{
   width: 24%;
   float: left;
   border: 1px solid#eaeaea;
   margin-right: 13px;
   padding-bottom: 10px;
}
.product-box li:last-child{
   margin-right:0;
}
.p-top{
   position: relative;
}
#bjt{width: 100%;height: 200px;}
#bjts{
   position: absolute;
   bottom: 0px;
   right: 20px;
}
.p-bottom{
   text-align: center;
}
.p-bottom h3{color: #000000;font-size: 16px;padding: 13px;letter-spacing: 0px;font-weight: normal;}
.p-bottom p{
   color: #808080;
   font-size: 14px;
   letter-spacing: 1px;
   line-height: 25px;
}
.about{
   width: 100%;
   background: url(../images/bg.jpg) no-repeat;
   background-attachment: scroll;
   background-attachment: fixed;
   display: flow-root;
   padding-bottom: 100px;
   padding-top: 75px;
}
.titles{
   text-align: center;
   width: 100%;
   padding-bottom: 30px;
}
.titles h5{
   color: white;
   font-weight: normal;
}
.titles h3{
   color: white;
   font-size: 31px;
   letter-spacing: 2px;
   padding-top: 10px;
}
.titles h5 span{
   width: 40px;
   height: 3px;
   background-color:white;
   display: inline-block;
   margin-right: 20px;
   margin-top: -12px;
}
.con_syabout {
   position: relative;
   padding-top: 20px;
}
.con_img_about {
   float: left;
   width: 42%;
   padding: 0 10px;
   position: relative;
   z-index: 2;
}
.con_img_about img {
   width: 100%;
   height: 377px;
   -o-object-fit: scale-down;
   margin-top: -47px;
}
.con_right_about {
   background: #fff;
   width: 96%;
   text-align: left;
   padding: 5px 2%;
   position: absolute;
   top: 40px;
   height: 300px;
   z-index: 1;
}
.con_right_about p.desc {
   font-size: 14px;
   color: #666;
   line-height: 26px;
   margin: 59px 0 0px;
   margin-left: 45%;
   height: 187px;
   overflow: hidden;
}
.btn-more1 {
   border: 1px solid;
   color: #02328d;
   display: block;
   width: 110px;
   text-align: center;
   -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
   transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
   height: 30px;
   line-height: 30px;
   margin-left: 45%;
}
.con_right_about h3{
   position: absolute;
   left: 46%;
   font-size: 25px;
   padding-top: 14px;
}
.case{
   width: 100%;
   height: auto;
   display: inline-block;
   padding-top: 75px;
}
.floor_2_main {
   background: #fff;
   overflow: hidden;
}
.more {
   width: 150px;
   height: 38px;
   line-height: 38px;
   text-align: center;
   color: #aba8a8;
   display: block;
   margin: 40px auto 0;
   background: #fff;
   text-transform: uppercase;
   transition: all 0.3s ease-out 0s;
   box-shadow: 0 3px 10px rgb(222, 222, 222);
}
.more span {
   display: inline-block;
   width: 40px;
   height: 38px;
   line-height: 38px;
   background: url(../images/icon.png) no-repeat 12px -92px #2e55b2;
}
.more:hover {
   background: #2e55b2;
   color: #fff;
   text-indent: 10px;
}

.floor_2 {
   padding: 0px 0;
   position: relative;
   height: 720px;
}
.index .floor_2 .hdtit {
   padding: 30px 0;
}
.floor_2 .hdtit ul {
   margin: 0 auto;
   text-align: center;
+width:280px;
}
.floor_2 .hdtit li {
   margin-right: 30px;
   height: 28px;
   line-height: 28px;
   text-align: center;
   display: inline-block;
+
   display: inline;
+
   float: left;
   margin-bottom: 1%;
}
.floor_2 .hdtit li a {
   display: block;
   border: 1px solid #ccc;
   padding: 0 12px;
}
.floor_2 .hdtit li a:hover, .index .floor_2 .hdtit li.hover a {
   border: 1px solid #2e55b2;
   background: #2e55b2;
   color: #fff;
}
.floor_2 .vistbox {
   width: 100%;
   position: relative;
   overflow: hidden;
   height: 660px;
}
.floor_2 .slideBox {
   position: relative;
   overflow: hidden;
   height: 502px;
}
.floor_2 .txtbox {
   padding-top: 25px;
   position: relative;
   z-index: 3;
}
.floor_2 .btn {
   width: 160px;
   position: absolute;
   right: 0;
   bottom: 150px;
   z-index: 99;
   background: #fff;
   height: 350px;
}
.floor_2 .btn img {
   display: block;
   width: 110px;
   height: 230px;
   margin-left: 50px;
   margin-bottom: 90px;
}
.floor_2 .btn span {
   display: inline-block;
   width: 66px;
   height: 30px;
   margin-left: 9px;
   cursor: pointer;
}
.floor_2 .btn .sPrev {
   background-position: -204px 0;
}
.floor_2 .btn .sNext {
   background-position: -284px 0;
}
.floor_2 .btn .cur.sPrev {
   background-position: -204px -40px;
}
.floor_2 .btn .cur.sNext {
   background-position: -284px -40px;
}
.transs {
   -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   -o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.slidebanner {
   width: 100%;
   margin: 0 auto;
   height: 500px;
   overflow: hidden;
   position: relative;
}
.slidebanner .game163 {
   position: relative;
   z-index: 0;
   overflow: hidden;
}
.slidebanner .bigImg {
   overflow: hidden;
   position: relative;
   width: 992px;
   height: 500px;
}
.slidebanner .bigImg a {
   display: block;
}
.slidebanner .bigImg li {
   position: relative;
}
.slidebanner .bigImg li .img {
   padding-left: 290px;
   width: 700px;
   height: 100%;
}
.game163 .bigImg li img {
   width: 700px;
   height: 350px;
}
.slidebanner .bigImg .txt {
   position: absolute;
   top: 65px;
   left: 0;
   width: 380px;
   height: 438px;
   background: url(../images/redbg.png) repeat left top;
}
.slidebanner .bigImg .txt a {
   padding: 30px;
   color: #fff;
}
.slidebanner .bigImg .txt h5 {
   font-size: 30px;
   display: block;
}
.slidebanner .bigImg .txt s {
   display: block;
   width: 68px;
   height: 1px;
   background: #fff;
   margin: 34px 0;
}
.slidebanner .bigImg .txt p {
   padding: 12px 0 0;
   height: 222px;
   overflow: hidden;
   color: white;
   line-height: 31px;
}
.slidebanner .bigImg .txt span {
   display: block;
   margin-top: 10px;
   color: white;
}
.slidebanner .smallScroll {
   position: absolute;
   right: 0;
   bottom: 0;
   width: 800px;
   height: 126px;
   background: #fff;
   z-index: 10;
}
.slidebanner .smallImg {
   width: 800px;
   position: relative;
   overflow: hidden;
   height: 126px;
}
.slidebanner .smallImg ul li {
   float: left;
   width: 250px;
   height: 126px;
   display: block;
   margin-right: 23px;
   cursor: pointer;
   position: relative;
}
.slidebanner .smallImg ul li img {
   height: 124px;
   filter: alpha(opacity=80);
   -moz-opacity: 0.8;
   -khtml-opacity: 0.8;
   opacity: 0.8;
   width: 248px;
   border: 1px solid #fff;
   -webkit-transition: all .3s ease-in-out 0s;
   -moz-transition: all .3s ease-in-out 0s;
   transition: all .3s ease-in-out 0s;
}
.slidebanner .smallImg ul li.on img {
   filter: alpha(opacity=100);
   -moz-opacity: 1;
   -khtml-opacity: 1;
   opacity: 1;
   border: 1px solid #2e55b2;
}
.slidebanner .bigImg .txt h3{
   color: white;
   font-size: 16px;
   letter-spacing: 1px;
}
.icon {
   background-position-x: 0%;
   background-position-y: 0%;
   display: inline-block;
   vertical-align: middle;
}
.news {
   width: 100%;
   height: auto;
   padding-top: 75px;
   background-color: #f5f5f5;
}
.news-box li{
   width: 47%;
   float: left;
   height: auto;
   background-color: white;
   padding: 10px;
   margin-right: 16px;
   margin-bottom: 18px;
}
.nb-left{
   width: 27%;
   float: left;
}
.nb-left img{
   width: 100%;
   height: 118px;
   display: inline-block;
}
.nb-right{
   width: 70%;
   float: left;
   margin-left: 13px;
}
.nb-right h3{font-size: 17px;font-weight: normal;margin-bottom: 5px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: clip;overflow: hidden;}
.nb-right span{
   color: #979797;
   font-size: 14px;
   padding-bottom: 4px;
   display: inline-block;
}
.nb-right p{
   color: #7a7a7a;
   font-size: 15px;
   line-height: 28px;
   padding-top: 4px;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   text-overflow: clip;
   overflow: hidden;
}
.mores{
   width: auto;
   display: block;
   margin: 0 auto;
   text-align: center;
}
.mores a{
   color: white;
   background-color: #2e55b2;
   padding: 18px 48px;
   display: inline-block;
   text-align: center;
   margin: 0 auto;
   margin-top: 20px;
   margin-bottom: 60px;
}
@media screen and (max-width: 1024px) and (min-width: 0px) {
   .index {
       width: 95%;
       margin: 0 auto;
   }

   .title {
       text-align: center;
       width: 100%;
       background: url(../images/title_line.png) no-repeat center bottom;
       padding-bottom: 30px;
       margin-bottom: 29px;
   }

   .title h3 {
       color: #171717;
       font-size: 23px;
       letter-spacing: 2px;
       padding-top: 10px;
   }

   .titles h3 {
       color: #fff;
       font-size: 23px;
       letter-spacing: 2px;
       padding-top: 10px;
   }

   .product {
       width: 100%;
       height: auto;
       margin-top: 30px;
       margin-bottom: 30px;
       display: inline-block;
   }

   .product-box li {
       width: 48%;
       float: left;
       border: 1px solid #eaeaea;
       padding-bottom: 5px;
       margin-right: 4px;
       margin-bottom: 14px;
   }
   #bjt {
      width: 100%;
      height: 115px;
  }
.p-bottom h3 {
        color: #000000;
        font-size: 13px;
        padding: 13px 4px;
        letter-spacing: 1px;
        height: 52px;
    }

   .about {
       width: 100%;
       background: url(../images/bg.jpg) no-repeat;
       background-attachment: scroll;
       background-attachment: fixed;
       display: flow-root;
       padding-bottom: 90%;
       padding-top: 40px;
   }

   .con_right_about {
       background: #fff;
       width: 96%;
       text-align: left;
       padding: 11px 2%;
       position: absolute;
       top: 13px;
       height: auto;
       z-index: 1;
   }

   .btn-more1 {
       border: 1px solid;
       color: #02328d;
       display: block;
       width: 110px;
       text-align: center;
       -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
       transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms;
       height: 30px;
       line-height: 30px;
       margin-left: 0px;
   }

   .con_right_about h3 {
      position: absolute;
      left: 9px;
      font-size: 15px;
      padding-top: 14px;
   }

   .con_img_about {
       float: left;
       width: auto;
       padding: 0 10px;
       position: relative;
       z-index: 2;
       display: none;
   }

   .con_right_about p.desc {
font-size: 12px;
        color: #666;
        line-height: 26px;
        padding: 14px 0 0px;
        margin-left: 0px;
        height: 214px;
        overflow: hidden;
  }

   .titles {
       text-align: center;
       width: 100%;
       padding-bottom: 0px;
   }

   .case {
       display: none;
   }

   .news {
       width: 100%;
       height: auto;
       padding-top: 40px;
       background-color: #f5f5f5;
   }

   .news-box li {
       width: auto;
       float: left;
       height: auto;
       background-color: white;
       padding: 10px;
       margin-right: 0px;
       margin-bottom: 18px;
   }

   .nb-left {
       width: 30%;
       float: left;
   }

   .nb-right {
       width: 63%;
       float: left;
       margin-left: 13px;
   }

   .nb-right h3 {
       font-size: 15px;
       font-weight: normal;
       overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-line-clamp: 1;
       -webkit-box-orient: vertical;
   }

   .nb-right span {
       color: #979797;
       font-size: 12px;
       padding-bottom: 0px;
       display: inline-block;
   }

   .nb-right p {
       color: #7a7a7a;
       font-size: 13px;
       line-height: 18px;
       padding-top: 3px;
       overflow: hidden;
       text-overflow: ellipsis;
       display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
   }
   .nb-left img {
      width: 100%;
      height: 75px;
      display: inline-block;
  }
.title h5 {
    color: #808080;
    font-weight: normal;
    font-size: 7px;
}

}