.test{border:#000 solid 1px; overflow:hidden;}
.m-center{display: flex;justify-content: center;align-items: center;}
.width-100,section,header,footer{width: 100%; position: relative;margin: 0 auto;min-width: 1220px;   }
.section1{width: 100%;overflow: hidden;position: relative;margin: 0 auto;min-width: 1220px;   background: url(../images/page2.jpg);background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;}
.width-1220{/* width: 1220px;overflow: hidden;position: relative;margin: 0 auto; */
max-width: 1220px;
    min-width: 1200px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    box-sizing: border-box;
	padding-bottom: 5%;
}
.width-1600{max-width: 1220px;
    min-width: 1200px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    box-sizing: border-box;
}
.fanto{
	width: 100%;
    position: relative;
    margin: 0 auto;
    background-color: #f5f5f5;
    min-width: 1220px;
	padding: 5% 0 30px 0;
}
.width-150{width: 100%;overflow: hidden;position: relative;float: left;      }
.width-50{width: 100%;overflow: hidden;position: relative;float: left;     margin-top: 4em;}
.width-30{width: 100%;overflow: hidden;position: relative; }
.width-40{width: 20%;overflow: hidden;position: relative;float: left;     margin-top: 4em;     height: 500px;}
.zznr{ display: flex;flex-wrap: wrap;} 
.a-background{background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 0;
 display: block; transition: all .5s;}
.m-slh{display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 100%;}
.m-dhslh{display: block;
  /*   overflow: hidden; */
    text-overflow: ellipsis;
   /*  white-space: nowrap; */
    line-height: 1.5;
	font-size: 15px;
  /*   padding-bottom: 10px; */
 /*    border-bottom: 1px solid #ddd; */
    position: relative;}
 .xwdhslh{display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    /* white-space: nowrap; */
    line-height: 1.5;
	font-size: 18px;
	 
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    position: relative;}
.aldhslh{
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    line-height: 1.5;
    font-size: 16px;
    /* font-weight: bold; */
    padding: 10px 0;
    /* border-bottom: 1px solid #ddd; */
    position: relative;}
.border-bottom{border-bottom: 1px solid #efefef;}
.m-hidden{overflow: hidden;}
.font-big{font-size: 110%;}
.font-s{font-size: 90%;}
.col-000{color: #000;}
.col-fff{color: #fff;}
.col-red{color: #e72427 !important;}
.col-82b23d{color: #82b23d !important;}
.img-box{width: 100%;height: 0;display: block;position: relative;overflow: hidden;}
.img-box>img{position: absolute;width: 100%;left: 50%;top:50%; transform: translate(-50%,-50%);transition: transform 1s;  height: 100%;  max-height: none;}
.img-box>a>img{position: absolute;width: 100%;left: 50%;top:50%; transform: translate(-50%,-50%);transition: transform 1s;  height: 100%;  max-height: none;}
.bg-fff{background: #fff;}
.bg-252526{background: #222;clear:both;}
.bg-f0{ background: #f0f0f0 !important;     padding-bottom: 5%;    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    min-width: 1220px;}
.text-center{text-align: center;}


/*header*/
.index_header{
  box-shadow: 0 1px 10px rgba(0,0,0,.15);background: #fff;
}
.header_hover{
  height: 90px;
}
#logo2{
  display: none;
}

.logo2{
 display: none;
}


.header_hover:hover{
  box-shadow: 0 1px 10px rgba(0,0,0,.15);background: #fff;
}
.header_hover .nav>li>a{color:#fff;}
.header_hover:hover .nav>li>a{color:#969696;}
.header_hover:hover .logo1{display: block;}
.header_hover:hover .logo2{display: none;}

header{overflow:visible;height: 60px;z-index: 1000;font-size: 18px;padding: 0 70px;display: flex;transition: all .5s;
align-items: center;justify-content: space-between;position:fixed;top:0;     background: rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0,0,0,0.1);}

.headeractive{
  /*position: absolute;
  -webkit-animation:headeractive 1s;*/
 transform: translateY(-100%);
 box-shadow: none;
}
@keyframes headeractive
{
  from {opacity: 0;top:-100%;}
  to {opacity: 1;top:0%;}
}
.logo{width: 4rem;flex-shrink: 0;z-index: 10;}
.nav{width: 765px;}
.nav>li{display: table-cell;width: 1%;text-align: center;position: static;}
.nav>li>a{color: #969696;position: relative;line-height: 60px;
height: 60px;padding: 0;display: inline-block;cursor: pointer;}
.nav>li>a:after{content:'';position: absolute;width:0%; height: 4px;
background: #e72427;left: 0;bottom: 0;transition: all .3s;}
.nav>li:hover>a,.nav>li.hover>a{background: none;color: #000;}
.nav>li:hover>a:after,.nav>li.hover>a:after{width: 100%;}
.lang{line-height: 24px;flex-shrink: 0;font-size: 16px;padding-bottom: 5px;}
.lang>a{display: inline-block;padding: 0 11px;border-radius: 12px;color: #969696;padding-left: 30px;   background: url(../images/dh.png) center left no-repeat;}
/* .lang>a:hover,.lang>a.hover{background: #e72427;color: #fff;} */


/*新导航下拉样式*/
.menu-box{position: absolute;width:100%;left: 0;display: none;text-align: left;box-shadow: 0 2px 2px rgba(0,0,0,.1);
background:url(../images/9f0da879003949acbd792689eba92ad7.gif) repeat-x top #fff;
scrollbar-arrow-color: #fff; /*三角箭头的颜色*/
scrollbar-face-color: #fff; /*立体滚动条的颜色（包括箭头部分的背景色）*/
scrollbar-3dlight-color: #fff; /*立体滚动条亮边的颜色*/
scrollbar-highlight-color: #fff; /*滚动条的高亮颜色（左阴影？）*/
scrollbar-shadow-color: #fff; /*立体滚动条阴影的颜色*/
scrollbar-darkshadow-color: #fff; /*立体滚动条外阴影的颜色*/
scrollbar-track-color: #fff; /*立体滚动条背景颜色*/
scrollbar-base-color:#f00; /*滚动条的基色*/}


.menu-box::-webkit-scrollbar {/*滚动条整体样式*/
        width: 2px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
.menu-box::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 2px;
        background: #eee;
    }
.menu-box::-webkit-scrollbar-track {/*滚动条里面轨道*/
        border-radius: 10px;
        background: #fff;
    }

.menu-1{display: flex;padding: 1.2rem 0 1.8rem;}
.menu-2{width: 25%;padding-left: .6rem;border-left: 1px solid #dcdcdc;flex-shrink: 0;
color: #111111;}
.menu-3{font-size: 14px;line-height: 30px;padding-bottom: 55px;}
.menu-8>p{font-size: 16px;margin: 0 0 15px;line-height: 1.5;background-size: .48rem; cursor: pointer;}
.menu-3 a{color: #969696;border-bottom: 1px solid #fff;}
.menu-3 a:hover,.menu-3 a.hover{color: #e72427;border-color: #e72427;}
.menu-2>.menu-3:last-child,.menu-4>.menu-5:last-child,.menu-7>.menu-8:last-child{padding: 0;}
.menu-4{width: 20%;border-left: 1px solid #dcdcdc;flex-shrink: 0;font-size: 16px;text-align: center;}
.menu-left{border: none;padding: 0;}
.menu-5{display: block;padding-bottom: 96px;}
.menu-6{position: relative;width: 70px;height: 70px;margin: 0 auto 15px;}
.menu-6>.img{position: absolute;left: 0;top:0;right: 0;bottom: 0;opacity: 0; transition: all .3s;}
.menu-5:hover,.menu-5.hover{color: #e72427;}
.menu-5:hover .img,.menu-5.hover .img{opacity: 1;}
.menu-7{width: 20%;border-left: 1px solid #dcdcdc;flex-shrink: 0;padding-left: 30px;}
.menu-8{display: block;color: #111;}
.menu-8:hover,.menu-8.hover,.menu-10>a:hover,.menu-10>a.hover{}{color: #e72427;}
.menu-8:hover img,.menu-8.hover img{opacity: 1;-webkit-filter: grayscale(0); filter: none;}
.menu-box-1{width: 180px;left: 50%;transform: translateX(65%); background-color:#fff}
.menu-9{margin: .6rem auto .0rem 0rem;width:100%; text-align: center;}
.menu-10{font-size: 16px;line-height: 1;}
.menu-10>a{padding-bottom: 30px;display: block;}
.menu-box-jrwm{transform: translateX(-50%);}



.menu-11{font-size: 14px;color: #969696;line-height: 22px;margin-top: 60px;
display: flex;justify-content: space-between;}
.menu-11>h4{margin: 0;font-size: 20px;color: #dcdcdc;font-weight: 600;}

.cp-fh{position: absolute;left: 50%;bottom: 40px;font-size: 30px;
margin-left: -15px;color: #999;cursor: pointer;}
.cp-fh:hover{color: #777;}

/*6-4新增修改案例下拉菜单*/
.menu-anli{width: 260px;left: 50%;transform: translateX(-65%); height: 452px;overflow: hidden;}
.menu-anli .menu-15{padding: 0 35px 0 70px;width: 100%;display: block;height: auto;overflow: hidden;}
.menu-anli .menu-15>.menu-7{width: 100%;}
.menu-13.hover{color: #e72427;}
.scroll_main{width: 255px;height: 402px;overflow: hidden;position: relative;margin: 25px 5px 25px 0;border: none;}
.scroll_wrap{height: 100%;}
.scroll_wrap .scroll_cont p{padding: 0;}
.scroll_wrap .scroll_slider{background: rgba(0,0,0,.3);height: 200px;}
.menu-anli1 .swiper-scrollbar{background: #fff;}
.scroll_wrap .scroll_bar{transition: opacity .3s;background: #fff;}

/*移动端导航*/
.phone-nav{position: fixed;left: 0;    background: url(../images/7c71cec8e349408da688710019ec7fe5.gif) repeat-x top #fff;width: 100%;
font-size: .6rem;overflow-y: auto;transition: all .6s;height: 0;z-index: 1000;line-height: 2rem;}
.phone-nav>li{display: block;width: 95.4%;border-bottom: 1px solid #e6e6e6;margin-left: 4.6%;}
.phone-nav>li>a{display: block;background: url(../images/e20511da0138440980401fbe9d13e847.gif) no-repeat 98% center;
background-size: auto 30%;color: #969696;}
.phone-nav>li>a.hover,.phone-nav>li>a:hover{color: #111111;}
.phone-nav>li>a.active{transform: translateX(-50%);}
.phone-nav-1{height: 100%;background: #fff;z-index: 2;transition: transform .6s,opacity .2s;opacity: 0;
overflow-y: auto;position: fixed;top:0;left: 0;width: 100%;transform: translateX(100%);}
.phone-nav-1.active{transform: translateX(0);opacity: 1;}
.phone-nav-1.active a{background-image: none;}
.phone-nav-1>a{display: block;background: url(../images/e20511da0138440980401fbe9d13e847.gif) no-repeat 98% center;
background-size: auto 30%;border-bottom: 1px solid #e6e6e6;margin-left: 4.6%;color: #969696;}

.phone-nav-1>a:hover,.phone-nav-1>a.hover{color: #e72427;}
.fanhui{background: url(../images/a0339d10272649d2960d3f373814666e.gif) repeat-x;padding-left: 4.6%;color: #000;font-weight: 600;}
.fanhui>img{width: .8rem;padding-right: 10px;}
.fanhui>span{padding-right:5px;font-size: 20px;margin-top: 1px;color: #999;}
.phone-nav-1.active a.phone-nav-znqc{background-image:url(../images/e20511da0138440980401fbe9d13e847.gif);border: none;transition: background 0s}
.phone-nav-1.active a.phone-nav-znqc:hover{color: #969696;}
.phone-nav-1.active a.phone-nav-znqc.hover{background-image:url(../images/935d19e9fed64fcfbc8c4bf6fc5b4fe9.gif);color: #e72427;}
.phone-nav-znqc-box{margin-left: 4.6%;padding-left: 4.6%;/*border-bottom: 1px solid #ddd;*/padding-bottom: .2rem;display: none;}
.phone-nav-znqc-box>a{display: list-item;font-size: 90%;line-height: 2.5;color: #969696;}

.fanhui2{background: url(../images/a0339d10272649d2960d3f373814666e.gif) repeat-x;padding-left: 4.6%;color: #000;font-weight: 600;}
.fanhui2>img{width: .8rem;padding-right: 10px;}
/*手机三级*/
.phone-nav-2{height: 100%;background: #fff;z-index:3;transition: transform .6s,opacity .2s;opacity: 1;
overflow-y: auto;position: fixed;top:0;left: 0;width: 100%;transform: translateX(100%);}
.phone-nav-2.active{transform: translateX(0);opacity: 1;}
.phone-nav-2>a{display: block;background: url(../images/e20511da0138440980401fbe9d13e847.gif) no-repeat 98% center;
background-size: auto 30%;border-bottom: 1px solid #e6e6e6;margin-left: 4.6%;color: #969696;}
.phone-nav-2>a:hover,.phone-nav-2>a.hover{background-image: url(../images/5d8ab31355d149db9cf4fdce119f504c.gif);
background-position-x: 98%;color: #e72427;}



/*交互按钮*/
.btnljgd{width:160px;height: 50px;border: 1px solid #fff;   /*  margin-top: 20%; */
    color: #150909; display: inline-block;/* position: relative; */
font-size: 18px; line-height:50px;border-radius: 25px;/* padding-left: 42px; */text-align:center;}
.btnljgd:hover{background: rgba(231,36,39,1) !important;color: #fff !important;border: 1px solid rgba(231,36,39,1);
}
 
.btn-ljgd{width:180px;height: 50px;border: 1px solid #000000;
    color: #150909; display: inline-block;/* position: relative; */
font-size: 18px; line-height:50px;border-radius: 25px;/* padding-left: 42px; */text-align:center;}
.btn-ljgd:hover{background: rgba(231,36,39,1);color: #fff;border: 1px solid rgba(231,36,39,1);
}
.btn-ljgd>span{background: url(../images/03357705540c4202bdbed5b8bfa24709.gif) no-repeat 30% center;overflow: hidden;background-size: .3rem auto;
display: inline-block;width: 28px; height: 28px;position: absolute;right: 15px;top:50%;margin-top:-14px;
transition: background-position .3s;}
.btn-ljgd>span:after{content: '';position: absolute;width: 100%;height: 100%;border:1px solid #fff;
border-radius: 50%;border-left-color: transparent;transition: all .3s}
.btn-ljgd:hover>span{background-position-x: right;}
.btn-ljgd:hover>span:after{border-top-color: transparent;transform: rotate(135deg);}
.btn-ljgd2{background: none;border: 1px solid #e7282b;color: #e7282b;}
.btn-ljgd2>span{background-image: url(../images/8114a74c0d904f64b9f2138af1556861.gif);}
.btn-ljgd2>span:after{border-color: #e7282b;border-left-color: transparent;}
.btn-ljgd2:hover{background: none;color: #e7282b;box-shadow: 0 0 0 2px #e7282b;}

.btn-ljgd3{background: none;/* border: 1px solid #FFF; */color: #FFF;}
.btn-ljgd3:hover{background: none;color: #f00;/* box-shadow: 0 0 0 1px #FFF; */}
.btn-ljgd3>span{background-image: url(../images/0554dbbc4be14ee0ba9fbed575264833.gif);}
.btn-ljgd3>span:after{border-color: #FFF;border-left-color: transparent;}

.btn-ljgd4{background-size: 100% 100%;}
.btn-ljgd4:hover{background-image:url(../images/d501ee4602bc4b3bbf8f1cd28f12f08d.gif) ;}
/*10.24*/
.btn-ljgd5 {
  width: 198px;
  height: 50px;
  border: 1px solid rgba(255, 255, 255, .6);
  border-radius: 25px;
  position: relative;
  font-size: 18px;
  color:rgba(255, 255, 255, .6);
  line-height: 50px;
  border-radius: 25px;
  padding-left: 28px;
  text-align: left;
}

.btn-ljgd5:hover {
  color: #fff;
  opacity: 1;
  border: 2px solid #fff;
  cursor: pointer;
}

.btn-ljgd5:hover>span {
  opacity: 1;
}

.btn-ljgd5>span {
  background: url(../images/eee6652b14a448e58e111542cc7af47b.gif) no-repeat 30% center;
  overflow: hidden;
  display: inline-block;
  width: 28px;
  height: 28px;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -14px;
  transition: background-position .3s;
  opacity: .6;
  background-size: 100% 100%;
}

.btn-ljgd5>span:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}

/*footer*/
footer{font-size: 18px;color: #bbb;text-align: center;}
.footer-ba{font-size: 13px;/* border-top: 1px solid #434344; */padding: .3rem 0 .3rem;}
.footer-ba span{display: inline-block;padding-right: 10px;}
.footer-ba .footer-ba1{padding-right: 1rem;}
.footer-1{max-width: 820px;padding: 1.6rem 0;overflow: visible;}
.footer-2{background: #2e2e2f;height: 2.8em;line-height:2.8em;border-radius: 1.4em;padding: 0 2rem;display: flex;justify-content: space-between;}
.footer-2>a{color: #969696;}
.footer-2>a:hover{color: #e72427;}
.footer-3{text-align: left;padding: 0 60px;overflow: hidden;margin-bottom: .7rem;}
.footer-3>span{color: #dcdcdc;}
.footer-3>i{font-style: normal;color: #dcdcdc;}
.footer-4{padding-top: 1.6rem;display: flex;align-items: center;justify-content: center;}
.footer-5{width: .7rem;height: .7rem;overflow: hidden;margin: 0 .5rem;}
.footer-5>img{width: 100%;max-height: none;transform: translateY(-50%);transition: all .5s;}
.footer-5:hover>img{transform: translateY(0);}
.footer-logo{margin-right: .5rem;}
.modal-xsm{width: 200px;margin: 50px auto;}
.to-top{width: .96rem;height: .96rem;position: fixed;right: 40px;bottom: 40px;z-index: 90;transition: all .5s;
background: rgba(68,68,68,.1);border-radius: 50%;cursor: pointer;display: none;}
.to-top img{width: .5rem;height: .5rem }
.to-top>.m-center{width: 100%;height: 100%;}
.to-top:hover{background: rgba(68,68,68,.3);}
.footer-6{width: .7rem;height: .7rem;overflow: hidden;margin: 0 .5rem;}
.footer-6:hover{cursor: pointer;}
.footer-6>img{width: 100%;max-height: none;transform: translateY(-50%);transition: all .5s;}
.footer-6_hover img{width: 100%;max-height: none;transform: translateY(0);transition: all .5s;}
.wxbox{
  width: 100px;
  height: 105px;
  background-image: url(../images/90566434f3824489b396dacd41da5c4c.gif);
  background-repeat: no-repeat;
  background-size: 100% 100%;
      padding: 8px 0px 0px 0px;
  position: absolute;
  margin-top: 35PX;
  transform: translate3d(-35%,-59%,0);
  z-index: 10;
}
.wxbox img{width:100%;}






.banner-page .swiper-pagination-bullet{width: .8rem; height: .06rem;border-radius: 0;
 background: #fff;margin: 0 .3rem !important;}
.banner-page{bottom: 1.2rem !important;line-height:.06rem;height: .06rem;}


.banner:hover .m-prev{background-position-y: bottom;}
.banner:hover .m-next{background-position-y: bottom;}

.addtime_type {
  overflow: hidden;
  padding-top:.8rem;
}
.addtime_type p{
  float:left;
}
.news_type{
    float: right;
    background: #707070;
    color: #fff;
    padding: .05rem .2rem;
  }

.new-4>.text:hover .news_type{
    background: #e72427;
  }






.delay-1{animation-delay: .1s !important;}
.delay-2{animation-delay: .2s !important;}
.delay-3{animation-delay: .3s !important;}
.delay-4{animation-delay: .4s !important;}
.delay-5{animation-delay: .5s !important;}
.delay-6{animation-delay: .6s !important;}
.delay-7{animation-delay: .7s !important;}
.delay-8{animation-delay: .8s !important;}
.delay-9{animation-delay: .9s !important;}
.delay-10{animation-delay: 1s !important;}
.index-2 .swiper-slide-active .wo{animation: fadeInUp 1s backwards .5s;}

/*内页banner*/
.nr-banner{height: 530px;overflow: hidden;text-align: center;color: #fff;font-size: .3rem;}
.nr-banner .width-1220{display:flex;align-items: center;justify-content: center;height: 100%;
flex-direction: column;}
.nr-banner .width-1220 p{width:525px;}
.nr-banner h1{font-size: 1rem;margin: 0 0 .4rem;}
.nr-banner p{line-height: 36px;}

/*二级页面导航*/
.nr-nav{height: 1.4rem;line-height: 1.4rem;font-size: 16px;color: #969696;overflow: visible;z-index: 2;     margin: 1em auto 1em auto;}
.nr-nav-left{float: left;font-size: 22px;color: #111;}
.nr-nav-right{float: right;}
.nav-right-1{float: left;}
.right-nav-1{float: left;}
.right-nav-1>a,.nr-nav-xl{position: relative;margin: 0 .5rem;display: inline-block;color: #969696;}
.right-nav-1>a:after,.nr-nav-right1 a:after{content: '';width: 0;height: 3px;background: #e72427;position: absolute;
left: 0;bottom: 0px;transition: all .3s;}
.nav-right-2{float: left;}
.right-nav-1>a:hover,.right-nav-1>a.hover,.nr-nav-xl>div>a:hover,.nr-nav-xl>div>a.hover,
.nr-nav-right1 a.hover,.nr-nav-right1 a:hover{color: #e72427;}
.nr-nav-right1 a.hover{color: #e72427 !important;}
.right-nav-1>a:hover:after,.right-nav-1>a.hover:after,.nr-nav-right1 a.hover:after,.nr-nav-right1 a:hover:after{width: 100%;}
.nr-nav-xl{background: url(../images/4daa5d21e4a24edba0eb6a150a005af1.gif) no-repeat right center;padding-right: 20px;cursor: pointer;}
.nr-nav-xl>div{position: absolute;background: #fff;text-align: center;line-height: 2;padding:10px 20px;
border-radius: 5px;border: 1px solid #efefef;display: none;white-space: nowrap;left: 50%;transform: translateX(-50%);}
.nr-nav-xl>div>a{color: #969696;display: block;}
.nr-nav-xl:hover,.nr-nav-xl.hover{color: #111;}
.nr-nav-right1{ float: right;  font-size: 1.2em;     width: 90%; /*   font-weight: lighter; */}
.nr-nav-right1>li{float: left;padding:0 .5rem;}
.nr-nav-right1>li>a{position: relative;display: inline-block;cursor: pointer;}
.nr-nav-right1>li:last-child{padding-right: 0;}
.nrnav-box{background: #fff;border:none;}
.nrnav-box.active{position:fixed;z-index: 10;border-bottom: 1px solid #ccc;}











/*分页*/
.page{text-align: center;}
.page>a{width: .8rem;height: .8rem;background: #f3f3f3;display: inline-block;font-size: 16px;color:#cecece;
line-height: .8rem;border-radius: 50%;opacity: .6;margin: 0 .25rem;vertical-align:middle}
.page>a.hover,.page>a:hover{opacity: 1;color: #111;}
.page .news-page{background: none;
  height: 1rem;
    width: 1rem;
    display: inline-block;
    top: 50%;
    left: 50%;
    position: relative;
    transform:translate(-50%,-50%);
}
.page .current{
  width: .8rem;
    height: .8rem;
    background: #dedede;
    display: inline-block;
    color:#707070;
    font-size: 16px;
    line-height: .8rem;
    border-radius: 50%;
    opacity: .6;
    margin: 0 .1rem;
    vertical-align: middle;
}
.page>a:first-child{margin-right:.6rem;}
.page>a:last-child{margin-left:.6rem; }
.m-prev,.m-next{width: 1.4rem; height: 1.4rem;background: url(../images/d7f7ba6542994dbdac06cdaf4aff7c21.gif); background-size:100%;left: 3.5%;transform: translateY(-50%);margin: 0;}
.m-next{background-image: url(../images/b886699f46f34f22b8bc5a1c73a75e24.gif);right: 3.5%;left: auto;}
/*申请试用*/
textarea::-webkit-input-placeholder {
         /* placeholder颜色  */
         color: #dcdcdc;
     }
.sqsy{background: #fff;padding: 1rem 1.8rem;font-size: .32rem;line-height: 1.75;color: #969696;}
.form-title{font-size: .56rem;text-align: center;color: #191919;margin: 0 0 1.2rem;font-weight: normal;}
.m-form1{display: flex;flex-wrap: wrap;justify-content: space-between;}
.m-form2{width: 46.17%;flex-shrink: 0;margin-bottom: .56rem;}
.m-form2 input,.m-form2 textarea{display: block;width: 100%;font-size: 125%;color: #000;
border-radius: .2rem;line-height: 1;padding: .22rem .5rem;border: 1px solid #dcdcdc;}
.m-form2 input:focus,.m-form2 textarea:focus{border-color: #E72427;
box-shadow: 0 0 1px 1px rgba(231,36,39,.5);outline:none;}
.m-form2 label{font-weight: 400;}
.m-form2 label>span{font-size: 80%;color: #E72427;padding-right: .1rem;}
.m-form2 textarea{padding: .4rem .5rem; height:auto ;font-size: 14px;line-height: 1.5;}
.m-form3{display: flex;width: 100%;justify-content: space-between;align-items: flex-end;
margin-top: .5rem;font-size: 112.5%;}
.m-form3 .btn{padding:.3rem 2.4rem;font-size: 111%;background-color: #E72427;border: none;border-radius: .2rem;}
.m-form3 .btn:hover{background-color: #ef4345;}
.formcode label{width:100%;}
.formcode input{width:58.5%;float:left;}
.formcode img{height:47px;float:left;border:1px solid #cccccc;margin-left:.5rem;}

.sqsy-text{border-top: 1px solid #E72427;margin-top: 1.2rem;padding-top: 1.2rem;overflow: hidden;}
.sqsy-text span{padding-right: .25rem;color:#e72427;}
.sqsy-text h2{font-size: .48rem;color: #191919;margin: 0 0 .4rem;font-weight: normal;}
.sqsy-left{padding-right: 70px;}
.sqsy-right{padding-left: 40px;}
.sqsy-text1{display: flex;justify-content: space-between;}
.sqsy-text1>div{width: 45%;}
.sqsy-text1>div>h4{font-size: 18px;color: #E72427;font-weight: 500;margin-top: .1rem;}


.wxopen{
	display: none;
	background-color:rgba(0, 0, 0, 0.8);
	height:100%;
	width:100%;
	position: fixed;
	z-index: 10000;
}
.wxopen img{
	width: 72%;
	margin-top: 3rem;
	margin-left: 3rem;
}


@media only screen and (max-width:1px) {
  .form-title {
    font-size: .86rem;
}
  .formcode input{width:40%;}
  .formcode img {
    height: 1.5rem;margin-left:.7rem;
  }
  .index-1 p{
    font-size: /*.52rem*/11px;
  }
  .to-top {
    width: 36px;
    height: 36px;
    right: 20px;
    bottom: 20px;}
.foot_email{display:block;padding-left: 0px;}
.to-top>.m-center{width: 50%;height: 50%;    margin-top: 25%;margin-left: 25%;}
  #logo1{
    display: none;
  }
  #logo2{
    display: block;
  }
  .header_hover {
    height: 50px;
    background-color: #fff;
}
.width-100,section,header,footer,.width-1220{min-width: 1px;width: 100%;}
.width-50{width: 100%;}
.hidden-xs{display: none !important;}
.visible-xs{display: block !important;}
.navbar-toggle{display: block;border: none;background: none;margin: 0;flex-shrink: 0;padding: 9px 3px;}
.navbar-toggle .icon-bar{background: #111;width: 20px;height:2px;border-radius: 0;}
/*.navbar-toggle .icon-bar + .icon-bar{margin-top: .18rem;}*/
header{height: 50px;padding: 3px 14px;position: fixed;left: 0;top:0;}
.logo{width: auto;height: 43px;}
.navbar-toggle.active{}
.navbar-toggle>span{transform-origin:0 50%;transition: all .3s;}
.navbar-toggle.active>.bar-1{transform: rotateZ(45deg) translateY(-2px)}
.navbar-toggle.active>.bar-3{transform: rotateZ(-45deg) translateY(2px)}
.navbar-toggle.active>.bar-2{opacity: 0;}
.nr-banner .width-1220 p{
    width: auto;
    font-size: 14px;
    line-height: 24px;
}

.btn-ljgd,.btn-ljgd5{width:max-content;font-size: .6rem;height:2.5em;line-height:2.5;
border-radius: 1.2em;padding-left:.5rem;padding-right:1.6rem ;}
.btn-ljgd>span,.btn-ljgd5>span{width: .7rem; height: .7rem;margin-top: -.35rem;background-size: .4rem;}
.btn-ljgd5>span{background-size: .7rem;}

.wxbox{
  display: none;
  width: 60px;
  height: 64px;
  margin-top: 38PX;
  padding: 4px 0px 0px 0px;
  transform: translate3d(-34%,-91%,0);
}

.nav{display: none;}


.width-1220.box.new2{}

.width-1220.box.new2 .ul1{}

.width-1220.box.new2 .ul1 li{width: 33%;position: relative;margin-right: 0.5%;margin-top: 0.5%;position: relative;border-radius: 5px;overflow: hidden;background: #f5f5f5;text-align: justify;float: left;}

.width-1220.box.new2 .ul1 li a{/* display: block; */}

.width-1220.box.new2 .ul1 li:nth-child(3n){margin-right: 0;}

.width-1220.box.new2 .ul1 li .img{/* display: block; *//* overflow: hidden; *//* width: 100%; */}

.width-1220.box.new2 .ul1 li .img img{display: block;width: 100%;}

.width-1220.box.new2 .ul1 li .txt{padding: 40px 10%;}

.width-1220.box.new2 .ul1 li .txt .ltt{display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 1.5;padding-bottom: 10px;border-bottom: 1px solid #ddd;position: relative;}

.width-1220.box.new2 .ul1 li .txt .ltt s{/* display: block; *//* width: 20px; *//* height: 2px; *//* background: #eb7037; *//* position: absolute; *//* left: 0; *//* bottom: 0; */}

.width-1220.box.new2 .ul1 li .txt .ltc{line-height: 1.5;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 48px;margin: 20px 0;}

.width-1220.box.new2 .ul1 li .txt .day{color: #eb7037;}

.width-1220.box.new2 .ul1 li:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.width-1220.box.new2 .ul1 li:hover .txt .ltt{color: #eb7037;}

.width-1220.box {max-width:1600px;min-width: 1200px;width:90%;margin: 0 auto;position: relative;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;box-sizing: border-box;}

/*footer*/
/*.footer-1 {
    padding: 50px 0;justify-content: flex-start;margin: 92px 0 0;
}
footer{padding: 0 .5rem;font-size:.44rem;}
.footer-ba span{display: block;padding: 0;text-align: left;font-size:.4rem;}
.footer-2{padding:0;position: absolute;bottom:76%;left: 0;width: 100%;}
.footer-2>a{color: #707070;padding: 0 .42rem 0 0;font-size:.44rem;line-height:1.2rem; }
.footer-3{padding: 0;}
.footer-3>span.pull-right{float: none !important;padding-left: 3.8em;display: block;}
.footer-logo{height: 1rem;}
.footer-5,.footer-6{width: 1rem; height: 1rem;}*/
footer{padding: 0 .5rem;font-size: .48rem;}
.footer-ba span{display: block;padding: 0;text-align: left;}
.footer-2{padding: 0;background: none;border-top: 1px solid #2e2e2f;border-bottom: 1px solid #2e2e2f;border-radius: 0;
font-size: .44rem;height: 1.6rem;}
.footer-3{padding: 0;}
.footer-3>span.pull-right{float: none !important;padding-left: 5em;display: block;margin-top: .2rem;}
.footer-logo{height: 1rem;}
.footer-5,.footer-6{width: 1rem; height: 1rem;}
.footer-2>a{display: block;width: auto;}
.footer-ba{font-size: .4rem;}







.banner{height: auto;}
.banner-1{flex-wrap: wrap;flex-direction: column-reverse;padding: 19.6% 10% 30%;align-items: flex-start;}
.banner-left{width: 85%;padding:20% 0 0 0;}
.banner-right{width: 100%;text-align: center;}
.banner-img1{margin: .8rem 0 1.2rem;}
.index-3{height: auto;}
.index-3>.a-background{height: 0;padding-bottom: 86.67%;}




.index-3>.text{opacity: 1;}

.index-7>.index-6{padding: 0;}
.index-8{position: relative;padding: 10% 20%;}
.index-12>.h3{font-size: .7rem;}
.index-12{position: relative;padding-bottom: 3.6rem;}
.index-14{padding: 0;background-size: 19.6% auto;border:1px solid #dcdcdc;border-top: none;}
.index-page2{width: 100% !important;left: 0 !important;text-align: left;}
.img-box.index-11:after{top:auto;left: 50%;right:auto;bottom:0;transform:rotate(180deg) translateX(50%);
width: 28px;height: 10px;
background-image: url(../images/0d14850f6c954832ae15c8d812d8c5a9.gif); }
.index-new{margin: 0 5%;width: 90%;}
.index-16{font-size: .45rem;padding: .3rem 0;background: none;align-items: center;}
.index-19{font-size: .5rem;padding: 0;line-height: 1.5;}
.index-19>.m-dhslh{display: -webkit-box;text-overflow: clip;white-space:  normal;}
.index-20,.index-22{width: 100%;float: none;}
.index-20{padding: 0 3%;}
.index-22{padding: 1rem 18%;text-align: center;}
.index-21{margin: 3.085%;}



/*内页banner*/
.nr-banner{height: 0;padding-bottom:70.667%;}
.nr-banner>.width-1220{position: absolute;padding:10px 10%}

.nr-nav{height: auto;line-height: 2.5;}
.nr-nav-left{float: none;text-align: center;line-height: 1.2;padding: .5rem;font-size: .7rem;}
.nr-nav-right,.nr-nav-right1{float: none;font-size: .52rem;}
.right-nav-1>a, .nr-nav-xl{margin: 0 .4rem;padding-bottom: 5px;}
.right-nav-1>a:hover{color: #969696;}
.right-nav-1>a:hover:after{width: 0;}
.nav-right-2{float: right;padding-right: 10px;}
.page>a{font-size: .5rem;width:1rem;height: 1rem;line-height: 1rem;}
.nr-nav-right1{width: 100%;}
.nr-nav-right1>li{display: table-cell;width: 1%;padding: 0;float: none;text-align: center;}
.nr-nav-right1>li>a{padding-bottom: 5px;}
.nr-nav-left{}
#nr-nav a:hover{color: #111;}
#nr-nav a:hover:after{width: 0;}
#nr-nav a.hover:after{width: 100% !important;}
.nr-nav-right, .nr-nav-right1 {
    float: none;
    font-size: .44rem;
}
.sqsy{padding: 1.6rem .7rem 1.4rem;font-size: .44rem;}
.m-form2{width: 100%;}
.m-form2 input,.m-form2 textarea{font-size: .52rem;padding: .4rem .6rem;}
.m-form2 textarea{font-size: .4rem;}
.m-form3{flex-wrap: wrap;align-items: center;justify-content: center;}
.m-form3 .btn{width: 100%; margin-bottom: .8rem;}
.sqsy-left,.sqsy-right{padding: 0;}
.sqsy-right{border-top: 1px solid #dcdcdc;padding-top: .76rem;margin-top: .76rem;}
.sqsy-text h2{font-size: .72rem;}
.sqsy-text1>div>h4{font-size: .52rem;}


/*10-31 lwp*/
/*.btn-ljgd5{width: auto;height: auto;font-size: .6rem;}*/


}


.next{
	-webkit-animation: next 1s 1s ease-in-out infinite;
}
@-webkit-keyframes next {
	0% { -webkit-transform: translateY(0); }
	50% { -webkit-transform: translateY(-10px);  }
	100% { -webkit-transform: translateY(0); }
}

/*产品菜单改*/
.menulist{float:left;font-size:16px;color:#707070;width:230px;height:580px;overflow:hidden;border-right: 1px solid #ececec;padding:8px 0px;}
.menulist p{
    line-height: 20px;
    padding-left: 70px;
    margin: 24px 0px;
    cursor: pointer;
    }
.menulist p:hover{border-right:2px solid #e72427;color:#e72427;}
.menu4{display: none;float:left;margin-left:40px;margin-top:28px;}
.menu5{
  bottom: 0px;
  position: absolute;
  transform: translate(0,35%);
  margin-left: 40px;
  left: 230px;
}
.menu5 span{padding-left: .1rem;color: #969696;}
.menu5 p a{color: #e72427; border-bottom: 1px solid #e72427;}
/*.menu5 p a:link{color: #e72427;text-decoration: underline;}*/
/*.menu5 p:hover a{color: #e72427;text-decoration: underline !important;}*/
/*.menu5 p a:visited{color: #e72427;text-decoration: underline;}*/

.menulist .hover{border-right:2px solid #e72427;color:#e72427;}
.menulistbox{display: flex;width:630px; height:610px;display: none;left: 50%;
    transform: translateX(-44.5%);}
.hxjs-con-item .width-50 img{width:100%; height:auto;}



/*2019-2-22修改导航菜单样式*/
.menu-12{display: none;margin-bottom: 15px;}
.menu-zhcs{color: #707070;font-weight: 500;padding-bottom: 3px;cursor: pointer;transition: color .3s}
.menu-zhcs span,.menu-13 .mui-icon{float: right;font-size: 20px;position: relative;top:5px;transition: all .2s ease-in-out;-webkit-backface-visibility: hidden;
backface-visibility: hidden;}
.menu4{width: 316px;overflow: hidden;}
.menu-zhcs.hover{color: #e72427;}
.menu-zhcs.hover span,.menu-13.hover span{transform: rotate(90deg);}
.menu-13 .mui-icon{top:3px;}
.menu-14{padding-left: 1em;display: none;}

.menu-14 a{display: flex;font-size: 16px;color: #969696;
line-height: 1.5;margin-bottom: 15px;}
.menu-14 a>.img{width: 24px;height: 24px;overflow: hidden;flex-shrink: 0;position: relative;margin-right: 15px;}
.menu-14 a>.img>img{width: 100%;height: 100%;position: absolute;left: 0;top:0;}
.menu-14 a>.img>img:last-child{opacity: 0;transition: all .2s ease-in-out;-webkit-backface-visibility: hidden;
backface-visibility: hidden;}
.menu-14 a:hover>.img>img:last-child{opacity: 1;}
.menu-14 a:hover{color: #e72427;}
.menu-15{display: flex;padding: 56px 100px 50px;height: 100%;}
.menu-15>.menu-7{width: 50%;flex-shrink: 0;height: 100%;overflow: hidden;position: relative;}
.abtn_clearfix a{color: #000000;}

.coo6{text-align: center;/* border-top: 1px solid #ddd; */    margin-top: 3%;}
.coo6 .box{   
    width: 1200px;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    box-sizing: border-box;}
.coo6 .ctt{padding: 0 60px;line-height: 80px;background: #f3804b;color: #fff;position: relative;display: inline-block;border-radius: 100px;margin-bottom: 70px;}

.coo6 .ctt .s1{display: block;width: 220px;height: 50px;background: url(../images/7_18.png) center no-repeat;position: absolute;top: -10px;left: -15px;}

.coo6 .ctt .s2{display: block;width: 220px;height: 50px;background: url(../images/7_19.png) center no-repeat;position: absolute;bottom:  -10px;right: -15px;}

.coo6 .cbox{overflow: hidden;/* background: #f2f2f2; *//* border-radius: 5px;  */ float: left;width: 49%;  /* margin: 2.4%; */     margin-bottom: 40px;}

.coo6 .cbox .img{display: block;width: 260px;   height: 160px;;position: relative; float: left; overflow: hidden;/* border-radius: 5px; */}

.coo6 .cbox .img img{display: block;    width: 100%;height: 100%;position: relative;left: 50%;transform: translateX(-50%) scale(1);-webkit-transform: translateX(-50%) scale(1);max-width: inherit;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1);}

.coo6 .cbox .crt{width: 300px; float: left;     padding: 4% 0 0 0;overflow: auto; text-align: left; }
.coo6 .cbox .crt{width: 300px; float: left;     height: 160px;    padding: 0 0 0 4%;overflow: auto; text-align: left; }

.coo6 .cbox .crt span{display: inline-block;padding: 0 30px;line-height: 40px;background: #f3804b;border-radius: 30px;color: #fff;/* margin-bottom: 15px; */margin-right: 20px;}

.coo6 .cbox .crt .ctt2{color: #f3804b;margin: 0 0 20px;}

.coo6 .cbox .crt .ctc1{position: relative;    font-size: 14px;    line-height: 1.5;/* padding-left: 20px; */ text-align:justify; text-justify:inter-ideograph;}

.coo6 .cbox .crt .ctc1 s{display: block;width: 8px;height: 8px;background: #f3804b;border-radius: 50%;position: absolute;left: 0;top: 8px;}

.coo6 .cbox:hover .img img{transform: translateX(-50%) scale(1.05);-webkit-transform: translateX(-50%) scale(1.05);}

.coo6 .ul1{max-width: 1360px;margin: 60px auto 0;display: flex;justify-content: center;}

.coo6 .ul1 li{width: 100px;position: relative;margin-right: calc((100% - 800px) / 7);}

.coo6 .ul1 li .img{display: block;width: 100px;background: #f88956;border-radius: 50%;margin-bottom: 15px;}

.coo6 .ul1 li:after{content: '';display: block;display: block;width: 11px;height: 20px;position: absolute;top: 40px;right: -45%;background: url(../images/7_29.png) center no-repeat;}

.coo6 .ul1 li:last-child:after{display: none;}

.coo9{background: #fff;}

.coo9 .ctt{padding: 0 60px;line-height: 80px;background: #f3804b;color: #fff;position: relative;display: inline-block;border-radius: 100px;margin-bottom: 30px;}

.coo9 .ctt .s1{display: block;width: 220px;height: 50px;background: url(../images/7_18.png) center no-repeat;position: absolute;top: -10px;left: -15px;}

.coo9 .ctt .s2{display: block;width: 220px;height: 50px;background: url(../images/7_19.png) center no-repeat;position: absolute;bottom:  -10px;right: -15px;}

.coo9 .tc{margin: 0 0 50px;color: #666;}

.coo9 .swiper22{margin-bottom: 50px;    margin-top: 3%;}

.coo9 .swiper22 .swiper-slide  *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.coo9 .swiper22 .swiper-slide .sbox{overflow: hidden;/* border-radius: 5px; */position: relative;}

.coo9 .swiper22 .swiper-slide .sbox .img,.coo9 .swiper22 .swiper-slide .sbox .img img{display: block;    width: 390px;
    height: 240px;overflow: hidden;position: relative;}

.coo9 .swiper22 .swiper-slide .sbox:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.coo9 .swiper22 .swiper-slide .sbox .img .txt2{position: absolute;left: 0;bottom: 0;line-height: 80px;padding: 0 40px;color: #fff;    background: rgba(0, 0, 0, 0.48);background-size: cover;color: #fff;z-index: 2;width: 100%;text-align: justify;}
.albox{
    max-width: 1220px;
    min-width: 1200px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    box-sizing: border-box;	
}
.alfadeInUp{
float: left;
    width: 32.1%;
    visibility: visible;
    animation-delay: 200ms;
    margin: 7px;
    animation-name: fadeInUp;
}
.wxfw{
	    float: right;
	text-align: center;
}
.wxfw img{
	max-width: 120px;
	
}
.wxfw p{
	margin: .5em 0 4.3em;
	font-size: 16px;
}
 
  .pagess {
    clear: both;
    height: 30px;
    margin: 3% 0;
    overflow: hidden;
    margin-left: 0px;
    text-align: center;
}
.pagess ul li {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 2px 9px;
    margin: 0 3px;
    line-height: 20px;
    background: #fff;
    color: #999;
}
.pagess ul li a{color:#000000;}
/*第几页样式*/
.pagess ul li.thisclass {
    display: inline-block;
    border: 1px solid #238e00;
    padding: 2px 9px;
    margin: 0 3px;
    background: #238e00;
    color: #fff;
}  
.pagess_ctitle{
	text-align: center;
  /*   margin-bottom: 3em; */
    font-size: 2em;
    font-weight: bold;
}  

.flmabtn{width: 100%;left: 0;bottom: 0;line-height: 60px;    background: rgba(0, 0, 0, 0.5);display: flex;justify-content: center;}

.flmabtn a{display: block;color: #fff;width: 265px; text-align:center}

.flmabtn a:hover,.flmabtn a.act{background: #238e00;}
.header_hover .rx{float: right;color: #fff;line-height: 30px;padding-left: 30px;background: url(../images/dh.png) center left no-repeat;font-size: 1.2em;}
.header_hover:hover .rx{color:#969696;}
.main-title{
	font-size: 90px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 9px;
    text-align: center;
    text-shadow: 0 2px 23px rgba(8,19,29,.77);
}
.sub-title{
	font-size: 40px;
    color: #fafafa;
    letter-spacing: 2.67px;
    text-align: center;
    line-height: 61px;
    text-shadow: 0 2px 23px rgba(8,19,29,.77);
    margin-bottom: 80px;
}

.zjst-7{ overflow: hidden;display: flex;flex-wrap: wrap;}
.zjst-8{width: 25%;flex-shrink: 0;text-align: center;    padding: 0.2%;color: #666666;line-height: 2;font-size: 16px; }
.zjst-9{  height: 100%;position: relative;height: 16vw;
display: flex;flex-direction: column;align-items: center;justify-content: center;cursor: pointer;}
.zjst-9 .img{    width: 100%;
    height: 100%;
      }
   
.zjst-9 .text{position: absolute;    padding: 2em;left: -1px;top:-1px;bottom:-1px;right:-1px;color: #fff;
background:linear-gradient(to bottom right, #d6343c , #de4d38);transition: all .5s;opacity: 0;
display: flex;flex-direction: column;align-items: center;justify-content: center;}
.zjst-9 .text>h2{width:100%}
.zjst-9 .text>p{width:100%;font-size:16px;}
.zjst-9:hover .text{opacity: 1;}
.zjst-9 > h3{position: absolute;
    left: 5%;
    right: 5%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis; */
    top: 60%;
    line-height: 50px;
    font-size: 1em;
	padding: 0 15px;
	overflow: hidden;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s;}
.zjst-9 > h2{position: absolute;
    left: 10%;
    right: 10%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis; */
    top: 40%;
    line-height: 50px;
   font-size: 20px;
    padding: 0 15px;
    text-align: center;
    color: #fff;
     
    transition: all 0.3s;}
.zjst-9 > h2:hover{position: absolute;
    left: 10%;
    right: 10%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    /* text-overflow: ellipsis; */
    top: 40%;
    line-height: 50px;
    font-size: 2em;
    padding: 0 15px;
    text-align: center;
    color: #fff;
     
    transition: all 0.3s;}
.zjst-9 .hl{line-height: 150%;padding:10px;}
.zjst-9 .f15{font-size:15px;}
.zjst-9 .text h3{margin-bottom: .4rem;}
 .zjst-9 .img > img {
  width: 100%;
     height: 100%;
  
 
}
.qpgd-d{
	background-image: url(../images/bg_service.jpg);
	background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.qpgd-d .index-bt h1 {
	color: #fff !important;
	
}
.qpgd-d .index-bt p {
	color: #fff !important;
	
}
#video-background {

position: absolute;

right: 0;

bottom: 0;

min-width: 100%;

min-height: 100%;
filter: opacity(30%);
width: auto;

height: auto;

 
}
.tpofont{
	font-size:60px;
	color:#fff;
	font-weight:bold;
	  
}
.tpofontp{
	font-size:24px;
	color:#fff;
	     margin-top: 3%;
		   animation: twinkling 3s 1 ease-in-out;
}

 
.animated {
  animation-duration: 5s;
  animation-fill-mode: both;
}
@keyframes twinkling {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.djs{
	color: #666;
	float: right;
}

 
 .tab_list .dl1{ float: left; width: 40%; }
 .tab_list .dl2{ float: right; width: 54%;}
 .tab_list dd{ position: relative; margin-bottom: 11%; padding-left: 20%; }
 .tab_list dd:last-child{ margin-bottom: 0; }
 .tab_list dd *{margin:0;}
 .tab_list dd b{ position: absolute; top: -10px; left: 0; padding-right: 20px; font-size: 70px; color: #eee; font-weight: normal; border-right: 1px solid #eee; }
 .tab_list dd time{ position: absolute; right: 0; font-size: 14px;line-height: 22px;color: #999;margin-bottom: 0;}
 .tab_list dd h2{ padding-right: 5%; color: #282828; font-size: 18px; line-height: 30px;font-weight:bold }
 .tab_list dd p{ color: #666; line-height: 1.8; text-align: justify; overflow: hidden; }

 .tab_list dt .Ispic{ padding-bottom:50%; display:block; position:relative; overflow: hidden; }
 .tab_list dt .Ispic .pic{position: absolute;left:0;right: 0;bottom: 0;top:0;transition: .3s;background-size: cover;background-position: center;}
/*  .tab_list dt .Ispic img{ display:none;} */
 .tab_list dt figure{ position: relative; padding: 5% 0 0;}
 .tab_list dt figure *{margin:0;}
 .tab_list dt time{ font-size: 14px; color: #666; }
 .tab_list dt h2{ margin: 5px 0 0; font-size: 18px; line-height: 45px; color: #282828;font-weight:bold}
 .tab_list .hdot{    font-weight: normal; font-size: 14px; color: #666; line-height: 2; text-align: justify;}
 .tab_list dt p{ font-size: 14px; color: #999; line-height: 2; text-align: justify; }

@media screen and (max-width: 767px){
	
	a, a:hover{color: #000000;}
	.menu_head a {
		height: auto;
	}
	.menu img{height: auto;}
	section{
		min-width:auto;
	}
	.width-1220{
		max-width:100%;
		min-width:100%;
	}
	.flmabtn{line-height: 40px;}
	
	.honor_list li img{height: 130px;}
	
	.pagess ul li.thisclass a{color: #fff;}
	.footer-center p  a{color: #FFFFFF;}
	.main-title {font-size: 50px;}
	.nr-banner{ height:350px;}
	.pagess{height:auto;margin: auto;padding:3%;}
	.pagess ul li {margin-bottom: 8px;}
	 .abtn_clearfix {font-size: 18px;}
}