.section {
  position: relative;
  height: 950px;
}
.section .li {
  width: 100%!important;
  height: 100%;
  position: absolute!important;
}
.section img {
  max-width: 100%;
}
.q5_02 .q5_02wen .li01 .left{
  width:850px;
  height:100%;
}
.q5_01 .q5_01wen {
  position: absolute;
  width: 385px;
  height: 108px;
  right: 315px;
  top: 295px;
}
.video-btn{
    display: none;
    position: absolute;
    bottom: 24%;
    left: 50%;
    transform: translate(-50%, 0);
}
.video-btn span{
      vertical-align: middle;
    font-size: 16px;
    color: #fff;
}
.video-btn .icon{
  margin-left: 8px;
}
.videobox{
	position: absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.videobox video{
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    top:-4%;
    object-fit: fill;
    transform: translate(-50%);
    min-width: 120%;
    min-height: 120%;
}
.videobox2 video{
  transform: translate(-10%);
    min-width: 135%;
    min-height: 135%;
}
.n42 {
  line-height: 1;
  font-size: 42px;
}

.n26 {
  font-size: 26px;
  line-height: 1;
}

.n30 {
  font-size: 30px;
  line-height: 1;
}

.n16 {
  font-size: 17px;
  line-height: 1;
}

.zhing {
  text-align: center;
}
.zhing.cur .tit01 {
  color: #c9995f;
}
.zhing.cur .tit02 {
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-left: 5px solid rgba(255, 255, 255, 0.1);
}
.zhing.cur .tit03 {
  color: #ffffff;
}
.zhing .tit01 {
  color: #c9995f;
}
.zhing .tit02 {
  color: #111111;
  font-weight: normal;
  height: 55px;
  line-height: 55px;
  border: 1px solid #e2e2e2;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 5px solid #e2e2e2;
  border-left: 5px solid rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  margin: 0 auto;
  margin-bottom: 12px;
  margin-top: 27px;
  padding-right: 25px;
  display: inline-block;
  box-sizing: border-box;
}
.zhing .tit02 span {
  color: #d5b187;
  font-family: Arial;
  margin: 0 15px;
}
.zhing .tit03 {
  color: #111111;
  line-height: 32px;
}
.zhing .tit03 span {
  display: block;
}

body {
  max-width: 1920px;
  margin: 0 auto;
}

.q5_02 .q5_02wen {
  width: 100%;
  height: 100%;
}
.q5_02 .q5_02wen .li {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transition: 1s;
  opacity: 0;
  filter: alpha(opacity=0);
}
.q5_02 .q5_02wen .li.in.animate {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: 1s;
  z-index: 2;
}
.q5_02 .q5_02wen .li01 {
  padding: 0 160px;
  box-sizing: border-box;
}
.q5_02 .q5_02wen .li01 .right {
  text-align: center;
  box-sizing: border-box;
  position: absolute;
  right: 315px;
  top: 280px;
}
.q5_02 .q5_02wen .li03 .left {
  padding-top: 128px;
  box-sizing: border-box;
}
.q5_02 .q5_02wen .li02 {
  background: #18191a;
}
.q5_02 .q5_02wen .li02 .left {
  padding-top: 280px;
  padding-left: 210px;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
.q5_02 .q5_02wen .li02 .tit03 {
  margin-top: 20px;
}
.q5_02 .q5_02wen .li02 .right {
  position: absolute;
  right: 0;
  bottom: 0;
}

.q5_03 .q5_03wen .li {
  padding-top: 172px!important;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: 1s;
}
.q5_03 .q5_03wen .li.in.animate{
  opacity: 1;
  filter: alpha(opacity=100);
  transition: 1s;
  z-index:2;
}
.q5_03 .q5_03wen .li .img {
  width: 1375px;
  margin: 0 auto;
  margin-top: 110px;
}
.q5_03 .q5_03wen .li .imgb {
  position: absolute;
  width: 898px;
  height: 564px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.q5_03 .q5_03wen .li .imgb .i {
  position: absolute;
  top: 0;
  left: 0;
}
.q5_03 .q5_03wen .li03 {
  padding-top: 135px;
}

.q5_04 .q5_04wen .li {
  position: absolute!important;
  top: 0;
  left: 0;
  box-sizing: border-box;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: 1s;
}
.q5_04 .q5_04wen .li.in.animate{
  opacity: 1;
  filter: alpha(opacity=100);
  transition: 1s;
  z-index: 2;
}
.main.pro-info .box4{
		transition:1s;
}
.main.pro-info .box4.active{
	opacity:1;
	transition:1s;
}
.q5_04 .q5_04wen .li .wen {
  position: relative;
  z-index: 2;
}
.q5_04 .q5_04wen .li01 .wen {
  padding-top: 365px;
  padding-right: 295px;
}
.q5_04 .q5_04wen .li02 {
  background: #fbfafa!important;
  padding-top: 380px;
  padding-left: 270px;
}
.q5_04 .q5_04wen .li02 .img {
  width:1433px;
  height:100%;
  position: absolute;
  right: 0;
  top: 0;
}
.q5_04 .q5_04wen .li03 {
  padding-top: 415px;
  padding-right: 195px;
  box-sizing: border-box;
}
.q5_04 .q5_04wen .li03 .img {
  width:1096px;
  height:100%;
  position: absolute;
  left: 0;
  top: 0;
}

.q5_05 .li {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.q5_05 .li.in.animate {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 2;
}
.q5_05 .li01 .img {
  position: absolute;
  left: 233px;
  top: 0;
}
.q5_05 .li01 .img .o {
  opacity: 0;
  filter: alpha(opacity=0);
}
.q5_05 .li01 .img .i {
  position: absolute;
  top: 0;
  left: 0;
}
.q5_05 .li01 .wen {
  padding-top: 305px;
  padding-right: 332px;
  box-sizing: border-box;
}
.q5_05 .li02 {
  background: #fdfcfb;
  padding-top: 120px;
  box-sizing: border-box;
}
.q5_05 .li02 .img {
  position: absolute;
  bottom: 0;
}
.q5_05 .li03 {
  padding-top: 148px;
  box-sizing: border-box;
}
.q5_06 .li {
  padding-top: 343px;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: 1s;
}
.q5_06 .li.in.animate {
  opacity: 1;
  filter: alpha(opacity=100);
  transition: 1s;
  z-index: 2;
}
.aniy{
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(-30px);
    transition: opacity 1s,transform 1s;
}
.ani_y{
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateY(30px);
    transition: opacity 1s,transform 1s;
}
.anix{
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateX(-90px);
    transition: opacity 1s,transform 1s;
}
.ani_x{
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translateX(90px);
    transition: opacity 1s,transform 1s;
}
.aniq{
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(0);
    transition: opacity 1s,transform 1s;
}
.animate .ani_x{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateX(0);
    transition: opacity 1s,transform 1s;
}

.ani{
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 1s,transform 1s;
}
.animate .ani{
    opacity: 1;
    filter: alpha(opacity=100);
    transition: opacity 1s,transform 1s;
}
.animate .anix{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateX(0);
    transition: opacity 1s,transform 1s;
}
.animate .ani_y{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0);
    transition: opacity 1s,transform 1s;
}
.animate .aniy{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: translateY(0);
    transition: opacity 1s,transform 1s;
}
.animate .aniq{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
    transition: opacity 1s,transform 1s;
}
.animate .delay1 {
    transition-delay: .2s;
}
.animate .delay2 {
    transition-delay: .4s;
}
.animate .delay3 {
    transition-delay: .6s;
}

.animate .delay4 {
    transition-delay: .8s;
}
.animate .delay5 {
    transition-delay: 1s;
}
.animate .delay7 {
    transition-delay: 1.4s;
}
.animate .delay6 {
    transition-delay: 1.2s;
}
.main.pro-k2-wrap .box8 .wrap .w1280{
  padding-top:28px;
}
.q5_05 .li01.animate .img .i{
	    opacity: 0;
    bottom: 2%;
}
.q5_05 .li01.animate .img .i1{
	    animation: opacity 1s 0.2s infinite ease-in-out;
}
.q5_05 .li01.animate .img .i2{
	    animation: opacity 1s 0.4s infinite ease-in-out;
}
.q5_05 .li01.animate .img .i3{
	    animation: opacity 1s 0.6s infinite ease-in-out;
}
.q5_05 .li01.animate .img .i4{
	    animation: opacity 1s 0.8s infinite ease-in-out;
}
    img.mm768{
      display:none;
    }
@media screen and (max-width: 1800px) {
  .q5_01 .q5_01wen {
    right: 16%;
    top: 30%;
  }
  .q5_02 .q5_02wen .li01 .right {
    right: 8%;
    top: 29%;
  }

  .q5_02 .q5_02wen .li02 .left {
    padding-top: 14.5%;
    padding-left: 10.9%;
  }

  .q5_04 .q5_04wen .li01 .wen {
    padding-top: 19%;
    padding-right: 15%;
  }

  .q5_04 .q5_04wen .li02 {
    padding-top: 20%;
    padding-left: 14%;
  }

  .q5_04 .q5_04wen .li03 {
    padding-top: 22%;
    padding-right: 11%;
  }

  .q5_05 .li01 .wen {
    padding-top: 16%;
    padding-right: 18%;
    position: relative;
    z-index: 1;
  }

  .q5_02 .q5_02wen .li03 .left {
    padding-top: 7%;
  }

  .q5_03 .q5_03wen .li {
    padding-top: 9%!important;
  }

  .q5_05 .li02 {
    padding-top: 6.5%;
  }

  .q5_05 .li03 {
    padding-top: 7.5%;
  }

  .q5_06 .li {
    padding-top: 18%;
  }

  .q5_02 .q5_02wen .li01 {
    padding: 0 8%;
  }
}
@media screen and (max-width: 1680px){
  .q5_02 .q5_02wen .li02 .right{
    width: 65%;
  }
  .q5_04 .q5_04wen .li02 .img{
    width:75%;
  }
  .q5_02 .q5_02wen .li02 .right img{
    width:100%;
  }
  .q5_02 .q5_02wen .li01 .left{
    height:100%;
  }
  .q5_02 .q5_02wen .li01 .left img{
    height:100%;
    max-width: auto;
  }
  .q5_04 .q5_04wen .li03 .img{
    width:58%;
  }
  .q5_03 .q5_03wen .li .imgb{
    width:45%;
    height: auto;
  }
}
@media screen and (max-width: 1450px) {
  .q5_03 .q5_03wen .li .img {
    width: 95%;
  }
  .q5_02 .q5_02wen .li01 .left{
    width:700px;
  }
  .q5_02 .q5_02wen .li01{
    padding:0 5%;
  }
  .q5_04 .q5_04wen .li01 .wen{
    padding-right:10%;
  }
  .q5_02 .q5_02wen .li02 .right{
    width:56%;
  }
  .q5_03 .q5_03wen .li .imgb{
  	width: 36%;
  }

}
@media screen and (max-width: 1270px) {
  .q5_03 .q5_03wen .li .img {
    width: 95%;
  }
  .q5_01 .q5_01wen {
    width: 327.25px;
    height: auto;
  }
  .n42 {
    line-height: 1;
    font-size: 30px;
  }

  .n26 {
    font-size: 18px;
    line-height: 1;
  }
  .q5_02 .q5_02wen .li02 .tit03{
    margin-top:15px;
  }

  .n30 {
    font-size: 20px;
    line-height: 1;
  }

  .n16 {
    font-size: 14px;
    line-height: 1;
  }
  .q5_02 .q5_02wen .li01 {
    padding: 0 4%;
  }
  .zhing .tit02 {
    height: 45px;
    line-height: 45px;
    margin-bottom: 8px;
    margin-top: 18px;
    padding-right: 15px;
  }
  .zhing .tit02 span {
    margin: 0 10px;
  }
  .zhing .tit03 {
    line-height: 28px;
  }
  .q5_01 .q5_01wen{
        width: 280px;
  }
  .q5_05 .li03,.q5_05 .li02,.q5_02 .q5_02wen .li03 .left{
    padding-top:10%;
  }
  .q5_03 .q5_03wen .li{
    padding-top:10%!important;
  }
  .q5_05 .li01 .wen{
    position: relative;
    z-index: 1;
  }

}
@media screen and (max-width: 1150px){
  .q5_02 .q5_02wen .li01 .left{
    width:55%;
  }
}
@media screen and (max-width: 1080px){
  .q5_05 .li03, .q5_05 .li02, .q5_02 .q5_02wen .li03 .left{
      padding-top:120px;
  }
  .q5_03 .q5_03wen .li{
    padding-top:120px!important;
  }
  .q5_05 .li01 .img{
    left:12%;
    top: auto;
    bottom: 0;
    width: 50%;
  }
  .q5_05 .li01 .wen{
    padding-top: 16%;
    padding-right: 10%;
  }
  .n42 {
    font-size: 26px;
  }

  .n26 {
    font-size: 16px;
  }
  .q5_02 .q5_02wen .li02 .tit03{
    margin-top:10px;
  }
  .n30 {
    font-size: 18px;
  }
  .n16 {
    font-size: 14px;
  }

  .zhing .tit02 {
    height: 40px;
    line-height: 40px;
    margin-bottom: 6px;
    margin-top: 15px;
  }
  .zhing .tit02 span {
    margin: 0 8px;
  }
  .zhing .tit03 {
    line-height: 1.5;
  }
  .q5_01 .q5_01wen{
        width: 240px;
  }
  .q5_03 .q5_03wen .li .img{
  	margin-top:65px;
  }
}
@media screen and (max-width: 920px) {
  .q5_03 .q5_03wen .li .imgb {
    width: 60%;
    height: auto;
  }
}
@media screen and (max-width: 769px){
  .q5_02 .q5_02wen .li01{
    padding:0;
  }
  .q5_03 .q5_03wen .li .img{
  	margin-top:35px;
    position: absolute;
    bottom:0;
    width:100%;
  }
  .q5_01 .q5_01wen{
  	top:20%;
  }
  .q5_02 .q5_02wen .li02 .right{
    width:100%;
  }
  .q5_02 .q5_02wen .li02 .left{
  	width:100%;
  	padding-left:0;
  }
  .main.pro-k2-wrap .box8 .wrap .text-box{
  	/*margin-top: -30px;*/
  }
  .main.pro-k2-wrap .box8 .wrap .img-box img{
  	width:30%;
  	margin:0 auto;
  }
  .pro-k2-wrap .box8{
  	height:auto!important;
  }
	.videobox2 video {
	    transform: translate(0);
	    min-width: 100%;
	    min-height: 100%;
	}

  .q5_04 .q5_04wen .li02 .img{
  	width:100%;
  }
  .q5_01 .q5_01wen{
  	right:50%;
  	margin-right:-120px;
  }
  .q5_02 .q5_02wen .li02 .left{
  	padding-top:30%;
  }
  .q5_02 .q5_02wen .li02 .right{
  	margin-top:5%;
  }
  .q5_05 .li03, .q5_05 .li02, .q5_02 .q5_02wen .li03 .left{
  	padding-top:30%;
  }
	.q5_03 .q5_03wen .li {
	    padding-top: 30%!important;
	}
	.q5_04 .q5_04wen .li01 .wen{
		padding-right:0;
		padding-top:30%;
		width:100%;
		float: none;
	}

	.q5_04 .q5_04wen .li03{
		padding-right:0;
	}
	.q5_05 .li01 .wen{
		padding-top: 30%;
		width:100%;
		padding-right: 0;
	}
	.q5_05 .li01 .img{
		width:100%;
		left:0;
	}
	.q5_04 .q5_04wen .li .wen{
		width:100%;
	}
	.q5_04 .q5_04wen .li02{
		padding-left:0;

	}
	.q5_03 .q5_03wen .li .imgb{
		width:100%;
	}
	.q5_05 .li01 .wen{
	  	float: none;
	  }

	.q5_06 .li{
	  	padding-top:30%;
	  }
	.q5_04 .q5_04wen .li03{
	  	padding-top:30%;
	  }
	.q5_02 .q5_02wen .li01 .left{
	  	    width: 100%;
		    height: 50%;
		    float: none;
		    margin-top:25px;
	  }
    img.mm768{
      display:block;
        position: absolute;
      bottom:0;
    }
	.q5_02 .q5_02wen .li01 .right{
	  	padding-top:30%;
	  	position: static;
	  	float:none;
	  	width:100%;
	  	box-sizing:border-box;
      height:50%;
	}
	.q5_04 .q5_04wen .li02{
		padding-top:30%;
	}
	.main.pro-info .box8 .wrap .table-cell{
		overflow-y:auto;
	}
  .q5_02 .q5_02wen .li03,.q5_03 .q5_03wen .li02{
    background:none!important;
  }
  .q5_02 .q5_02wen .li03 img.mm768{
    position: absolute;
    bottom:0;
  }
  .q5_03 .q5_03wen .li02 img.mm768{
    position: absolute;
    bottom:0;
  }
  .q5_04 .q5_04wen .li01,.q5_05 .li03,.q5_06 .li{
    background:none!important;
  }
  .q5_06 .li01 .zhing .tit02,
  .q5_06 .li02 .zhing .tit02,
  .q5_05 .li03 .zhing .tit02,
  .q5_04 .q5_04wen .li01 .zhing .tit02{
    color:#111;
    border-color:rgba(0, 0, 0, 0.1);;
  }
  .q5_04 .q5_04wen .li02 .img{
    height:50%;
    top:auto;
    bottom:0;
    right:auto;
  }
  .q5_04 .q5_04wen .li03 .img{
    width:100%;
    height:50%;
    bottom:0;
    top: auto;
  }

}
/*# sourceMappingURL=style.css.map */
@media screen and (max-width: 476px){
	  .n42 {
	    font-size: 22px;
	  }

	  .n26 {
	    font-size: 15px;
	  }
	  .q5_02 .q5_02wen .li02 .tit03{
	    margin-top:6px;
	  }
	  .n30 {
	    font-size: 16px;
	  }
	  .n16{
	  	font-size: 13px;
	  }
	  .zhing .tit02 {
	    height: 35px;
	    line-height: 35px;
	    margin-bottom: 3px;
	    margin-top: 10px;
	  }
	  .zhing .tit02 span {
	    margin: 0 5px;
	  }
	  .zhing .tit03 span{
	  	display: inline;
	  }
	  .zhing .tit03{
	  	width:95%;
	  	margin:0 auto;
	  }


}