@charset "utf-8";
body{padding:0 0 0 0;}

@media screen and (max-width:600px)
{
	.BOO0V{
		padding:25px 0;background: #fff;
	}
	.BOO0V .ttt{
		font-size: 22px;text-align: center;color:#333;height:50px;line-height: 32px;
	}
	.BOO0V .boxs{
		width: 88%;margin:0 auto;display: block; position: relative;
	}
	.BOO0V .boxs img{
		width:100%;height:auto; vertical-align: top;
	}
	.BOO0V .boxs .name{position: absolute;left:0;bottom:0;width:90%;background: rgba(170,204,36,0.6);color:#fff;height:32px;line-height: 32px;font-size:13px; letter-spacing: 0.05em;padding:0 5%;}
	.BOO0V .more{
		width: 88%;margin:15px auto 0 auto;
	}
	.BOO0V .more a{display: inline-block;width:77px;height:25px;line-height: 25px;background: #AACC24;font-size: 13px;letter-spacing: 0.05em; color:#fff;border-radius: 5px;text-align: center;}

	.BOO0V .boxs .play{background: url(../img/play.png) no-repeat center;background-size:40px;position: absolute;left:0;top:0;height:100%;width:100%;}

}

#BANNER{height:650px;left:0;top:0;width:100%;padding:0 0 0 0;}
#BANNER li{height:auto;width:100%;z-index: 5;}
#BANNER_CONL{width:1200px;height:40px;bottom:46px;text-align:center;z-index:11;background:rgba(255,255,255,0.2);}
#BANNER_CONL a{background:#fff;height:4px;width:50px;display:inline-block;margin:18px 6px 0 6px;border-radius:0;}
#BANNER_CONL a.selected{background:#A5CF00;}
@media screen and (max-width:600px)
{
  body{padding:97px 0 60px 0;}
	#BANNER{height:auto;left:0;top:0;width:100%;display: none;}
	#BANNER_CONL{width:100%;text-align:center;margin:50px 0 0 0;display: none;}

	#TAB_0_BANNER{height:0;overflow:hidden;}
	#TAB_0_BANNER .swiper-slide{position:relative;}
	#TAB_0_BANNER .swiper-slide .banner-title{position:absolute;left:0;bottom:0;width:94%;padding:0 3%;height:34px;line-height:34px;color:#fff;font-size:14px;}
	#TAB_0_BANNER .swiper-pagination{text-align:center;width:100%;top:92%;}
	#TAB_0_BANNER .swiper-pagination-bullet{background:#fff;height:3px;width:32px;border-radius:10px;opacity:1}
	#TAB_0_BANNER .swiper-pagination-bullet-active{background:#AED124;}
}



#MK_VIDEO{
	position: fixed;width:40%;left:30%;top:-50%; z-index: 60;text-align: center;
}
#video_src{
	width:100%;margin:0 auto;outline: 0 solid #fff;background: #fff;
}

@media screen and (max-width:600px)
{
	#MK_VIDEO{
        position: fixed;width:90%;left:5%;top:-50%; z-index: 60;text-align: center;
    }
    #video_src{
        height:auto;width:100%;margin:0 auto;outline: 0 solid #fff;background: #fff;
    }
}


.BOO0{height:auto;margin:-24px 0 0 0;}
.BOO0 .t_tit0{position: relative;top:50px;font-weight: normal;height: 140px;}
.BOO0 .t_tit0 .t0{font-size: 35px;color:#555;text-align: center;}
.BOO0 .t_tit0 .line{width:45px;height:3px;background: #ACCE22;margin:15px auto;}
.BOO0 .info{font-size: 16px;color:#777;text-align: center;line-height: 35px;height:118px;}
.BOO0 .more{margin:68px 0 0 0;}
.BOO0 .more a{background:#ACCE22;color:#fff;width:120px;height:39px;line-height: 40px;display: inline-block;font-size: 15px;position: relative;overflow: hidden;}
.BOO0 .more a .cn{position: absolute;left:0;top:0;width:100%;}
.BOO0 .more a .en{position: absolute;left:0;top:39px;width:100%;}
.BOO0 .more a:hover .en{top:0;}
.BOO0 .more a:hover .cn{top:-39px;}

.BOO0 .video{text-align: center;padding:25px 0 44px 0;background: #eee;margin:50px 0 50px 0;}
.BOO0 .video .ttt{padding:20px 0 22px 0;font-size: 25px;color:#333;}
.BOO0 .video .boxs{display: inline-block;width:300px;margin:0 5px;position: relative;}
.BOO0 .video .boxs .name{position: absolute;left:0;bottom:0;width:100%;background: rgba(172,206,34,0.8);color:#fff;height:32px;line-height: 32px;font-size:13px; letter-spacing: 0.05em;}
.BOO0 .video .boxs .play{background: url(../img/play.png) no-repeat center;background-size:40px;position: absolute;left:0;top:0;height:100%;width:100%;}
.BOO0 .video .boxs img{vertical-align: top;}
.BOO0 .video .boxs:hover{transform: scale(1.05);}
.BOO0 .video .more a{display: inline-block;width:111px;height:35px;line-height: 35px;background: #ccc;font-size: 13px;letter-spacing: 0.05em; color:#444;border-radius: 5px;}

@media screen and (max-width:600px)
{
  .BOO0{height:auto;margin:-24px 0 0 0;width:92%;margin:0 auto;max-width:92%;}
  .BOO0 .t_tit0{position: relative;top:50px;font-weight: normal;height: 140px;}
  .BOO0 .t_tit0 .t0{font-size: 25px;color:#555;text-align: center;}
  .BOO0 .t_tit0 .t1{font-size: 14px;color:#888;text-align: center;padding:1px 0 0 0;}
  .BOO0 .t_tit0 .line{width:45px;height:3px;background: #acce22;margin:8px auto 8px auto;}
  .BOO0 .info{font-size: 15.1px;color:#777;text-align: left;line-height: 31px;height:auto;background:#fff;padding:10px 18px;}
  .BOO0 .imgli img{width:100%;height:auto;}
  .BOO0 .more{margin:0 0 25px 0;background:#fff;padding:15px 0 45px 0;}
  .BOO0 .more a{background:#acce22;color:#333;width:45%;height:39px;line-height: 40px;display: inline-block;font-size: 15px;position: relative;overflow: hidden;border-radius: 5px;}
  .BOO0 .more a .cn{position: absolute;left:0;top:0;width:100%;}
  .BOO0 .more a .en{position: absolute;left:0;top:39px;width:100%;}
  .BOO0 .more a:hover .en{top:0;}
  .BOO0 .more a:hover .cn{top:-39px;}

  .BOO0 .video{text-align: center;padding:25px 0 0 0;background: #fff;margin:50px 0 50px 0;}
  .BOO0 .video .more{padding-bottom:15px;}
}

.BOO1{height:755px;}
.BOO1 .DEFS{width:1200px;margin:0 auto;background:#fff;padding:0 0 90px 0;height:462px;position: relative;top:50px;}
.BOO1 h3{padding:50px 40px 28px 40px;font-weight: normal;}
.BOO1 h3 img{float: left;}
.BOO1 h3 .cn{padding: 0 0 0 10px;height:30px;line-height: 30px;font-size:18px;}
.BOO1 h3 .en{padding: 0 0 0 10px;height:30px;line-height: 30px;color:#888;}
.BOO1 .l{width:100%;margin:0 0 0 0;}
.BOO1 .l .select{}
.BOO1 .l ul{border-bottom:0;height:auto;width:100%;}
.BOO1 .l ul a{display: inline-block;width:14.2%;height:100px;font-size:14px;color:#888;position:relative;z-index: 4;opacity:1;text-align: center;margin:0 0 0 0;filter:grayscale(1);}
.BOO1 .l ul a:last-child{margin:0 0 0 0;}
.BOO1 .l ul a:nth-last-of-type(1){display: none;}
.BOO1 .l ul a span{display: block;padding:0 0 0 0;font-size: 15px;font-weight: bold;line-height:33px;}
.BOO1 .l ul a.selected{opacity: 1;filter:grayscale(0);}
.BOO1 .l ul a.selected span{text-shadow: 2px 2px 2px #ddd;color:#333;}
.BOO1 .r{width:100%;margin:60px 0 0 0;float: right;height:450px;overflow:hidden;}
.BOO1 .r ul{}
.BOO1 .r ul li{height:450px;position: relative;}
.BOO1 .r .eff{position: absolute;left:0;top:0;}
.BOO1 .r .text{position: absolute;left:673px;top:0px;height:448px;border:1px solid #ddd;border-left: 0;width:526px;}
.BOO1 .r .text h5{font-size:26px;color:#666666;font-weight: bold;margin:25px 0 11px 50px;}
.BOO1 .r .text h5 b{float:left;}
.BOO1 .r .text h5 span{font-size:14px;color:#444;font-weight: normal;margin:10px 0 11px 24px;float:left;line-hgith:25px;}
.BOO1 .r .ms{line-height: 28px;color:#777;font-size: 14px;margin:0 0 0 50px;width:85%;}
.BOO1 .r .cp{margin:25px 0 15px 50px;border-bottom:1px dashed #ddd;width:85%;}
.BOO1 .r .cp a{margin:0 11px 0 0 ;}
.BOO1 .r .cp a p{height:25px;line-height: 25px;font-size:14px;}
.BOO1 .r .cp img{max-width:140px;max-height: 140px;}
.BOO1 .r .cp img:hover{transform: scale(0.95);}
.BOO1 .r .more{display: block;width:112px;border:1px solid #ACCE22;height:36px;line-height: 37px;text-align: center;color:#fff;font-size:14px;position: absolute;bottom:25px;left:50px;background: #ACCE22;}
.BOO1 .r .more:hover{background:#A5CF00;color:#fefefe;width: 122px;}
@media screen and (max-width:600px)
{
  .t_tit0{text-align: center;position: relative;}
  .t_tit0 .cn{display: inline-block;font-size:27px;font-weight: normal;height:60px;line-height: 80px;color:#111;background:#fff;z-index: 2;position: relative;padding:0 5%;}
  .t_tit0 .en{display: block;background:none;padding:0 15px;height:30px;line-height: 30px;font-size:14px;font-weight: normal;letter-spacing: 1px;position: relative;z-index: 1;color:#555;font-family: 'arial';}
  .t_tit0 .line{width:70%;position: absolute;left:15%;top:45px;height:1px;background:#aaa;z-index: 1;}
}
@media screen and (max-width:600px)
{
  .BOO1{height:auto;}
  .BOO1 .DEFS{width:100%;margin:0 auto;background:#fff;padding:0 0 15px 0;height:auto;position: relative;top:0;}
  .BOO0 .t_tit0{position: relative;top:25px;}
  .BOO1 h3{padding:50px 40px 28px 40px;font-weight: normal;}
  .BOO1 h3 img{float: left;}
  .BOO1 h3 .cn{padding: 0 0 0 10px;height:30px;line-height: 30px;font-size:18px;}
  .BOO1 h3 .en{padding: 0 0 0 10px;height:30px;line-height: 30px;color:#888;}
  .BOO1 .l{width:100%;margin:0 0 0 0;}
  .BOO1 .l .select{}
  .BOO1 .l ul{border-bottom:0;height:auto;width:95%;padding:24px 0 0 0;margin:0 auto;}
  .BOO1 .l ul a{display: inline-block;width:31.33%;height:auto;font-size:14px;color:#888;position:relative;z-index: 4;opacity:1;text-align: center;margin:5px 1% 2.1% 1%;filter:grayscale(1);outline:none;float:left;border-radius: 4px;display: flex;overflow: hidden;box-shadow: 0 0 1px #aaa;justify-content: center;align-items:center;height:48px;line-height: 48px;}
  .BOO1 .l ul a img{height:40%;width: auto;display:none;}
  .BOO1 .l ul a .icon{padding:6% 0 0 0;width:100%;display:none;}
  .BOO1 .l ul a:last-child{margin:5px 1% 1% 1%;}
  .BOO1 .l ul a span{display: table-cell;width:100%;padding:0 8%;font-size: 13px;font-weight: normal;line-height:23px;vertical-align: middle;}
  .BOO1 .l ul a.selected{opacity: 1;filter:grayscale(0);background:#acce22;}
  .BOO1 .l ul a.selected span{text-shadow: none;color:#f6f6f6;}
.BOO1 .l ul a:nth-child(n+9){display: none;}
.BOO1 .l ul a:nth-last-of-type(1){display: flex !important;}
  .BOO1 .r{width:94%;margin:20px auto 0 auto;float: none;height:650px;overflow:hidden;}
  .BOO1 .r ul{}
  .BOO1 .r ul li{height:650px;position: relative;}
  .BOO1 .r .eff{position: inherit;left:inherit;top:inherit;wdith:100%;}
  .BOO1 .r .eff img{wdith:100%;height:300px;}
  .BOO1 .r .text{position: inherit;left:inherit;top:inherit;height:350px;border:1px solid #ddd;border-left: 0;width:100%;}
  .BOO1 .r .text h5{font-size:24px;color:#666666;font-weight: bold;margin:25px 0 11px 0;text-align: center;}
  .BOO1 .r .text h5 b{float:none;display: block;text-align: center;}
  .BOO1 .r .text h5 span{font-size:14px;color:#444;font-weight: normal;margin:10px 0 11px 0;float:none;line-hgith:25px;}
  .BOO1 .r .ms{line-height: 28px;color:#777;font-size: 14px;margin:0 0 0 50px;width:85%;display: none;}
  .BOO1 .r .cp{margin:25px auto 15px auto;border-bottom:0;width:100%;}
  .BOO1 .r .cp a{margin:0 0 0 0 ;text-align:center;display: block;}
  .BOO1 .r .cp a p{height:25px;line-height: 25px;font-size:14px;}
  .BOO1 .r .cp img{width:140px;}
  .BOO1 .r .cp img:hover{border-color:#acce22;}
  .BOO1 .r .cp img:hover{transform: scale(0.95);}
  .BOO1 .r .more{display: block;width:52%;margin:0 auto;border:1px solid #99B81F;height:36px;line-height: 37px;text-align: center;color:#222;font-size:14px;position: inherit;bottom:0;left:0;background: #acce22;border-radius: 5px;}
  .BOO1 .r .more:hover{background:#acce22;color:#fefefe;width: 122px;}
}


.BOO5 {background:url(../img/home_limg1.jpg) center ;height:435px;}
.BOO5 .more a{background:none;color:#f5f5f5;width:120px;height:39px;line-height: 40px;display: inline-block;font-size: 15px;position: relative;overflow: hidden;border:1px solid #fff;text-align: center;top:220px;}
.BOO5 .more a .cn{position: absolute;left:0;top:0;width:100%;}
.BOO5 .more a .en{position: absolute;left:0;top:39px;width:100%;}
.BOO5 .more a:hover .en{top:0;}
.BOO5 .more a:hover .cn{top:-39px;}

.BOO4{height:650px;padding:50px 0 0 0;}
.BOO4 .l{width:636px;border-right:5px solid #eee;margin:50px  0 0 0;float:left;height:}
.BOO4 .l h5{font-size:38px;color:#555;font-weight: normal;}
.BOO4 .l .line{width:55px;height:4px;background:#A5CF00;margin:15px 0 12px 0;}
.BOO4 .l .ms{line-height: 25px;color:#777;font-size:15px;margin:15px 0 33px 0;}
.BOO4 .l .uls{display: block;}
.BOO4 .l .uls a{display: block;height:145px;margin:0 0 21px 0;width:575px;}
.BOO4 .l .uls a:hover{transform: translateX(14px);box-shadow: 4px 0px 4px #ddd;}
.BOO4 .r{float:right;width:488px;}
.BOO4 .r h5{font-size:38px;color:#494949;font-weight: normal;text-align: center;margin:50px  0 0 0;}
.BOO4 .r .en{text-align: center;font-size:15px;padding:5px;color:#999;}
.BOO4 .r .line{width:55px;height:3px;background:#A5CF00;margin:5px auto 20px auto;}
.BOO4 .r .yycg{font-size:15px;color:#565656;text-align:center;height:29px;background:url(../img/icon_0.gif) 25% center no-repeat;line-height: 29px;}
.BOO4 .r .yycg span{color:#A5CF00;}
.BOO4 .r .yylist{width:100%;margin:20px auto;background:#f8f8f8;}
.BOO4 .r .yylist li{width:100%;background:url(../img/icon_1.png) no-repeat 15px center;height:64px;position: relative;font-size:14px;}
.BOO4 .r .yylist li .name {position: absolute;left:50px;top:10px;}
.BOO4 .r .yylist li .info {position: absolute;left:50px;top:34px;color:#787878;}
.BOO4 .r .yylist li .time {position: absolute;right:24px;top:23px;}
.BOO4 .r form{width:100%;margin:0 auto;}

.BOO4 .r form .li{margin:0 0 13px 0;}
.BOO4 .r form .li .i0 {width:220px;height:35px;padding:0 10px;border:0;background:#f5f5f5 url(../img/icon_2.png) 190px center no-repeat;margin:0 0 0 10px;font-size:14px;color:#444;}
.BOO4 .r form .li .i1 {width:200px;height:35px;border:0;padding:0 10px 0 45px;font-size:14px;color:#444;background:#f5f5f5 url(../img/icon_3.png) 15px center no-repeat; }
.BOO4 .r form .li .i2 {width:200px;height:35px;border:0;padding:0 10px 0 45px;font-size:14px;color:#444;background:#f5f5f5 url(../img/icon_4.png) 15px center no-repeat; }
.BOO4 .r form .li .i3 {width:200px;height:35px;border:0;padding:0 10px 0 45px;font-size:14px;color:#444;background:#f5f5f5 url(../img/icon_5.png) 15px center no-repeat; }
.BOO4 .r form .li .i4 {width:230px;color:#fff;height:44px;line-height: 44px;background:#A5CF00;font-size: 16px;border:0;font-weight: bold;}
@media screen and (max-width:600px)
{
  .BOO4{height:auto;padding:10px 0 0 0;width:94%;max-width:94%;}
  .BOO4 .l{width:99%;border-right:0;margin:20px auto 0 auto;float:none;outline:1px solid #dfdfdf;background:#EFF0F2;}
  .BOO4 .l h5{font-size:25px;color:#555;font-weight: normal;text-align: center;text-align: center;padding:25px 0 0 0;}
  .BOO4 .l h6{font-size:13px;color:#888;font-weight: normal;text-align: center;text-align: center;padding:4px 0;}
  .BOO4 .l .line{width:55px;height:2px;background:#ACCE22;margin:15px auto 12px auto;}
  .BOO4 .l .ms0{line-height: 25px;color:#666;font-size:25px;margin:0 5%;font-weight: bold;}
  .BOO4 .l .ms1{line-height: 25px;color:#ACCE23;font-size:25px;margin:12px 5%;}
  .BOO4 .l .ms2{line-height: 23px;color:#888;font-size:14px;margin:12px 5%;}
  .BOO4 .l .uls{display: block;}
  .BOO4 .l .uls a{display: block;height:145px;margin:0 0 21px 0;width:575px;}
  .BOO4 .l .uls a:hover{transform: translateX(14px);box-shadow: 4px 0px 4px #ddd;}
  .BOO4 .l .more{margin:0 5% 4px 5%;padding:15px 0 5px 0;text-align: left;}
  .BOO4 .l .more a{background:#ACCE22;color:#333;width:35%;height:39px;line-height: 39px;display: inline-block;font-size: 15px;position: relative;overflow: hidden;border-radius: 5px;text-align: center;}

  .BOO4 .r{float:none;width:100%;padding:0 0 25px 0;}
  .BOO4 .r h5{font-size:25px;color:#494949;font-weight: normal;text-align: center;margin:50px  0 0 0;}
  .BOO4 .r .en{text-align: center;font-size:12px;padding:5px;color:#999;}
  .BOO4 .r .line{width:55px;height:3px;background:#ACCE22;margin:5px auto 20px auto;}
  .BOO4 .r .yycg{font-size:14px;color:#565656;text-align:center;height:29px;background:url(../img/m/icon_1.png) 15% 5px no-repeat;background-size:22px;line-height: 29px;height:50px;}
  .BOO4 .r .yycg span{color:#ACCE22;}
  .BOO4 .r .yylist{width:100%;margin:20px auto;background:#f8f8f8;display: none;}
  .BOO4 .r .yylist li{width:100%;background:url(../img/icon_1.png) no-repeat 15px center;height:64px;position: relative;font-size:14px;}
  .BOO4 .r .yylist li .name {position: absolute;left:50px;top:10px;}
  .BOO4 .r .yylist li .info {position: absolute;left:50px;top:34px;color:#787878;}
  .BOO4 .r .yylist li .time {position: absolute;right:24px;top:23px;}
  .BOO4 .r form{width:100%;margin:0 auto;}

  .BOO4 .r form .li{margin:0 0 13px 0;}
  .BOO4 .r form .li .i0 {width:45%;height:35px;padding:0 2%;border:0;background:#f5f5f5 url(../img/icon_2.png) 95% center no-repeat;margin:0 0 0 10px;font-size:14px;color:#444;border:1px solid #ddd;background-size: 10px;}
  .BOO4 .r form .li .i1 {width:45%;height:35px;border:0;padding:0 2%;font-size:14px;color:#444;background:#f5f5f5 url(../img/icon_3.png) 15px center no-repeat;background-image: none;border:1px solid #ddd;}
  .BOO4 .r form .li .i2 {width:45%;height:35px;border:0;padding:0 2%;font-size:14px;color:#444;background:#f5f5f5 url(../img/icon_4.png) 15px center no-repeat;background-image: none;border:1px solid #ddd;}
  .BOO4 .r form .li .i3 {width:45%;height:35px;border:0;padding:0 2%;font-size:14px;color:#444;background:#f5f5f5 url(../img/icon_5.png) 15px center no-repeat;background-image: none;border:1px solid #ddd;}
  .BOO4 .r form .li .i4 {width:100%;color:#fff;height:44px;line-height: 44px;background:#8CA81D;font-size: 16px;border:0;font-weight: bold;}
}

.BOO2_BG{height:551px;width:100%;background:#f7f7f7;}
.BOO2{height:500px;top:0px;position: relative;}
.BOO2 .t0{font-size:35px;font-weight:normal;;color:#565656;text-align: center;padding:40px 0 10px 0;}
.BOO2 .t1{font-size:16px;color:#888;text-align: center;letter-spacing: 1px;margin:0 0 22px 0;}
.BOO2 .t2{width:55px;height:2px;background:#A5CF00;margin:0 auto;}
.BOO2 ul{margin:55px 0 0 0;}
.BOO2 ul li{display: inline-block;text-align: center;width:370px;float: left;margin:0 45px 0 0;}
.BOO2 ul li:hover{transform: translateY(-10px);}
.BOO2 ul li:hover img{box-shadow: 0 14px 4px #ddd;}
.BOO2 ul li:last-child{margin:0 0 0 0;}
.BOO2 ul li p{height:50px;line-height: 58px;font-size: 18px;font-weight: normal;;color:#666;}
@media screen and (max-width:600px)
{
  .BOO2_BG{height:auto;width:100%;background:#fff;}
  .BOO2{height:auto;top:0px;position: relative;}
  .BOO2 .t0{font-size:20px;font-weight:normal;width:100%;color:#565656;text-align: center;padding:40px 0 10px 0;text-align: center;}
  .BOO2 .t1{font-size:12px;color:#888;text-align: center;letter-spacing: 1px;margin:0 0 16px 0;}
  .BOO2 .t2{width:55px;height:2px;background:#ACCE22;margin:0 auto 15px auto;}
  .BOO2 ul{margin:22px 4% 0 4%;}
  .BOO2 ul img{width: 100%;height: auto;margin:0 0 1% 0;}
  .BOO2 ul li{display: inline-block;text-align: center;width:370px;float: left;margin:0 45px 0 0;}
  .BOO2 ul li:hover{transform: translateY(-10px);}
  .BOO2 ul li:hover img{box-shadow: 0 14px 4px #ddd;}
  .BOO2 ul li:last-child{margin:0 0 0 0;}
  .BOO2 ul li p{height:50px;line-height: 58px;font-size: 18px;font-weight: normal;;color:#666;}
  .BOO2 .more{width:92%;height:50px;background:#fff;margin:0 auto;padding:25px 0;text-align: center;}
  .BOO2 .more a{background:#ACCE22;color:#333;width:35%;height:39px;line-height: 39px;display: inline-block;font-size: 15px;position: relative;overflow: hidden;border-radius: 5px;text-align: center;}
}
.carousel {
	top:150px;
	position: relative;
  padding: 20px;
  -webkit-perspective: 1200px;
          perspective: 1200px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.carousel > * {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
.carousel figure {
  margin: 0;
  width: 65%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.carousel figure .boxs {
  width: 100%;
  box-sizing: border-box;
  transform: scale(0.9);
  padding: 0 0px;
}
.carousel figure .boxs:not(:first-of-type) {
  position: absolute;
  left: 0;
  top: 0;
}
.carousel nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;

  position: absolute;
  left:0;top:42%;width:100%;
  height:70px;
  z-index: 100;
  width:100%;
}
.carousel nav button {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0 0;
  cursor: pointer;
  color: #333;
  background: none;
  border:0;
  letter-spacing: 1px;
  padding:0;
  width:70px;
  height:70px;
  position: absolute;
}
.carousel nav .next{right:10%;top:15%;background:url(../img/tr1.png);}
.carousel nav .prev{left:10%;top:15%;background:url(../img/tl1.png);}



