@charset "utf-8";

/*高光特效*/
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: '';position: absolute;left: -100%;top: 0;width:100%;height:100%;background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));transform: skewx(-25deg);}
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after{left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}
/*网站公用样式表*/
.w1200{width: 1200px;margin: 0 auto;}
/*资质展示*/
.index .honor{position: relative;height: 610px;background: url(../images/honor_bg.jpg) no-repeat center top;background-attachment: fixed;background-size: cover;}
.index .honor:after{content:" ";position: absolute;top: 0;width: 100%;height: 100%;/*background: var(--colour6);*/}
.index .honor .w1200{position: relative;}
.index .honor .swiper-container{padding-top: 30px;padding-bottom: 50px;}
.index .honor .swiper-slide{width: 318px;box-shadow: 0 10px 20px rgba(0,0,0,.5);}
.index .honor .swiper-slide .img{height: 445px;padding: 23px 18px 20px 16px;background: #fff url(../images/ry_bg.png) no-repeat center top;}
.index .honor .swiper-slide .img img{display:block;width: 100%;height: 100%;}
.index .honor .button{position: relative;text-align: center;width: 260px;height: 48px;margin: 0 auto;background: url(../images/more-bg.png) no-repeat center;z-index: 1;}
.index .honor .button i{position: absolute;top: 50%;margin-top: -20px;left: 50%;margin-left: -20px;width: 40px;height: 40px;background-position: -52px 0;}
.index .honor .button .prev,.index .honor .button .next{position: absolute;top: 0;display: block;width:48px;height: 48px;background: #4554a5;cursor: pointer;}
.index .honor .button .prev{left: 0;}
.index .honor .button .next{right: 0;} 
.index .honor .button .prev:after,.index .honor .button .prev:before,
.index .honor .button .next:after,.index .honor .button .next:before{content:" ";display: block;position: absolute;left: 19px;top: 19px;width: 10px;height: 1px;background: var(--colour1);transition: all .5s;}
.index .honor .button .prev:after,.index .honor .button .next:after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.index .honor .button .prev:before,.index .honor .button .next:before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.index .honor .button .prev:after,.index .honor .button .next:before{top: 27px;}
.index .honor .button .prev:before,.index .honor .button .next:after{top: 20px;}

:root {
  --colour1: #fff;
  --colour2: #64bc59;
  --colour3: #99c822;
  --colour4: #a5d049;
  --colour5: rgba(150,195,25,.8);
  --colour6: rgba(2,162,62,.8);
  --colour7: rgba(0,124,200,.8);
  --colour8: rgba(0,162,62,.25)
}

.icon1{background-image: url("../images/icon_green.png");display: inline-block;vertical-align: middle;}