/* 
* @Author: sublime text
* @Date:   2019-10-16 10:28:11
* @Last Modified by:   sublime text
* @Last Modified time: 2022-06-13 14:45:27
*/
/*banner*/
.wrap{width: 15.5rem !important;}

.title p{font-size: 0.48rem;color: #333;}
.title{font-size: 0.2rem;color: #cccccc;text-align: center;text-transform: uppercase;padding-top: 0.8rem;line-height: 0.6rem;}

#ejdh{width: 100%;height: 0.65rem;line-height: 0.65rem;background: #fff;}
#ejdh .wrap{height: 0.65rem;}
#ejdh a{color: #333;padding:0 0.2rem;font-size: 0.14rem;}
#ejdh a:hover,#ejdh .fr a.cur{color: #0066ff;}
#ejdh .fr a{border-right:1px solid #cccccc;padding:0 0.25rem;}
#ejdh .fr a:last-child{border-right: none;padding-right: 0;}
#ejdh .fl a:first-child{padding-left: 0;}


#about{width:100%;height: 8rem;background:url(/statics/images/brand/js.jpg)no-repeat center;background-size: cover;}
#about .fl{width: 6.2rem;color: #333333;}
#about .fl i{font-size: 0.24rem;font-weight: bold;margin-top: 1.7rem;display: block;}
#about .fl p{font-size: 0.46rem;margin-top: 0.35rem;font-weight: bold;}
#about .fl .biao{font-size: 0.32rem;padding-top: 0.4rem;padding-bottom: 0.6rem;line-height: 0.36rem;}
#about .fl .biao span{color: #0066ff;}
#about .fl .wen{font-size: 0.16rem;line-height: 0.3rem;text-align: justify;overflow:auto;width:100%;height:1.45rem;padding-right:0.3rem;}


#zj{width:100%;height: 8.2rem;background:url(/statics/images/brand/zj.jpg)no-repeat center;background-size: cover;}
#zj .fl{width:6.8rem;line-height:0.38rem;color:#666666;font-size:0.16rem;text-align:justify;margin-top:4.6rem;}


/* 视频弹出 */


.dialog-header{display: none;}
.dialog-background {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 990;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000,endColorstr=#88000000); }

.dialog-section {
  opacity: 0;
  filter: alpha(opacity=0);
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 999;
  padding: 0;
  margin: 0;
  background-color: #FFF;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }

.dialog-body,
.dialog-imagelist {
  box-sizing: content-box;
  z-index: 1;
  min-width: 10rem;
  height: 100%;
  padding: 32px;
  margin: 0;
  overflow: hidden; }
  .dialog-body.withNoPadding,
  .dialog-imagelist.withNoPadding {
    padding: 0; }
  .dialog-body.withNoMinWidth,
  .dialog-imagelist.withNoMinWidth {
    min-width: auto;
    min-width: 0; }

.customClass video{width:100%;}



.xq1{width: 100%;height: 8.3rem;background: url(/statics/images/brand/lc.jpg)no-repeat center;background-size: cover;}

.xq1 .xq1L{width: 16rem; height: 6rem;position: relative;margin: 0 auto;}
.play{ width: 16rem; height:6rem;}

.big_pic { width: 11.29rem; height: 6.14rem; overflow: hidden; position: relative;margin:0 auto;}
.big_pic li { width: 11.29rem; height: 6.14rem; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0; }

.big_pic p{font-size: 0.48rem;color: #fff;text-align: center;padding-top: 0.9rem;}
.big_pic .nei{width:11.28rem; height: 3.65rem;margin-top: 0.95rem;}
.big_pic li img{ width: 100%; display: block;}
.big_pic li .zuo{width: 5.23rem;height: 3.24rem;float: left;margin:0.2rem;border:1px solid #fff;}
.big_pic li .you{text-align: center;color: #fff;font-size: 0.18rem;line-height: 0.4rem;}
.big_pic li .you span{font-size: 0.32rem;display: block;padding-top: 1.4rem;line-height:0.55rem;}




.rel .prev{ width: 0.5rem; height: 0.48rem; background: url(/statics/images/jssl/zuo.png) no-repeat top; position: absolute; top:4.3rem; left:0; z-index: 1; cursor: pointer;background-size: cover;}
.rel .next { width: 0.5rem; height: 0.48rem; background: url(/statics/images/jssl/you.png) no-repeat top; position: absolute; top: 4.3rem; right:0px; z-index: 1;cursor: pointer; background-size: cover;}

.rel .prev:hover,.rel .next:hover{background: url(/statics/images/jssl/you.png) no-repeat bottom;width: 0.5rem; height: 0.48rem; background-size: cover;}

.small_pic {width:16rem; height: 0.8rem; position: relative; top:1.1rem; left:0; overflow: hidden;}
.small_pic ul { width: 20rem !important; height:0.8rem; position: absolute; top: 0; left: 0;}
.small_pic li {height:0.8rem;cursor: pointer; filter: alpha(opacity=20); opacity: 0.2; float: left;color: #fff;font-size: 0.2rem;text-align: center;line-height: 0.8rem;padding-left:0.3rem;padding-right:1.63rem;}
.small_pic img { width: 100%;display: block;}

.big_pic li{width: 11.29rem;height: 6.14rem;background: url(/statics/images/brand/bg07.jpg)no-repeat center;background-size: cover;}


#yuanj a{width: 4.8rem;float: left;margin-right:0.55rem;position: relative;margin-top: 1rem;height:6.5rem;overflow:hidden;display:block;}
#yuanj .title{font-size:0.48rem;color:#333333;padding-top:1rem;}
#yuanj a:last-child{margin-right: 0;}
#yuanj a .tu img{display: block;width: 100%;transition:0.5s;}
#yuanj a:hover .tu img{transform: scale(1.1);}
#yuanj a .shu{position: absolute;top: 0.4rem;left:0.3rem;font-size: 0.5rem;color: #fff;font-family: 'Oswald-Medium';letter-spacing: 1px;}
#yuanj a .wen{color: #fff;font-size: 0.18rem;position: absolute;top: 1.9rem;left:20%;width:60%;text-align:center;line-height:0.3rem;} 
#yuanj a .wen p{font-size: 0.26rem;margin: 0.25rem;}.
#yuanj a .wen img{width:0.64rem !important;height:0.62rem;display:block;margin:0 auto;}
#yuanj a:hover{background: url(/statics/images/brand/bg.jpg)no-repeat center;background-size: cover;width: 4.8rem;height:6.5rem;}
#yuanj a:hover .tu,#yuanj a:hover .shu,#yuanj a:hover .wen{display:none;}

#jiagou{padding-bottom:1.5rem;}
#jiagou .title{font-size:0.48rem;color:#333333;padding-top:1rem;}
#jiagou .tu{width:15.5rem;margin:0 auto;}
#jiagou .tu img{width:100%;display:block;margin-top:0.9rem;}

.yanj{background: #f2f4f7;margin-top:1.5rem;padding-bottom:1rem;}
.yanj .xia{margin-top: 0.8rem;}
.yanj .xia a{display: block;width: 4.39rem;height: 5rem;border:1px solid #e6e6e6;padding: 0.2rem;float: left;margin-right: 0.52rem;}
.yanj .xia a:last-child{margin-right: 0;}
.yanj .xia a .tu{width: 4.4rem;height: 3rem;overflow: hidden;}
.yanj .xia a .tu img{height: 100%;display: block;transition:0.5s;}
.yanj .xia a .tu:hover img{transform: scale(1.1);}
.yanj .xia a p{font-size: 0.26rem;color: #333333;border-top: 1px solid #e6e6e6;margin-top: 0.2rem;padding: 0.4rem 0;}
.yanj .xia a p:hover{color: #0066ff}
.yanj .xia .ri{font-size: 0.16rem;color: #999999;}
.yanj .xia .ri span{text-align: right;float: right;color: #0066ff;font-size: 0.16rem;}
.yanj .xia .ri span i{padding-left: 0.1rem;transition:0.5s;}
.yanj .xia .ri span:hover i{padding-left: 0.2rem;}