#banner{width:100%; height:600px;}
#banner .con{width:100%; height:100%; overflow: hidden;}

#banner .con .swiper-container{width:100%; height:100%; overflow: hidden; z-index: 1; position: relative;}
#banner .con .swiper-container .swiper-slide{width:100%; height:100%; overflow: hidden;}
#banner .con .swiper-container .swiper-slide .bannerk{width:1920px; position: relative; overflow: hidden; height:100%; text-align: center; left:50%; margin-left: -960px; 
	background: rgba(0,0,0,0.40);}
#banner .con .swiper-container .swiper-slide .bannerk a{display:block; width:100%; height:100%; overflow: hidden; position: relative;}
#banner .con .swiper-container .swiper-slide .bannerk a img{height:100%; width:auto;}
#banner .con .swiper-container .swiper-pagination span{width:30px; height:5px; border: 0px solid rgba(0,0,0,0.3); border-radius: 50px; background-color:rgba(255,255,255,1);
	text-align: center; line-height: 5px; font-size: 20px; color:#FFF; opacity:1; overflow: hidden; margin: 0 2px; margin-left: 10px;}
#banner .con .swiper-container .swiper-pagination span:nth-child(1){margin-left:0px;}
#banner .con .swiper-container .swiper-pagination span.swiper-pagination-bullet-active{border: 0px solid rgba(0,0,0,0.3); color:#d9b766; 
	background-color:rgba(255,255,255,0.4); width:30px; height:5px;}

.sy_ggtit{width:100%; height:auto; text-align: center;}
.sy_ggtit p:nth-child(1){font-size:26px; color:#333333;}
.sy_ggtit p:nth-child(2){font-size:14px; color:#999999;}

#fwxm{width:100%; height:auto; padding: 60px 0px;}
#fwxm .con{width:100%; height:auto; max-width: 1200px; position: relative; transform: translate(-50%,0%); left:50%;}
#fwxm .con .ul{width:100%; height:auto;}
#fwxm .con .ul .li{width:calc((100% - 30px) / 3); height:91px; float:left; margin-top: 35px;}
#fwxm .con .ul .li a{display: inline-block; width:100%; height:100%;}
#fwxm .con .ul .li a .pic{width:91px; height:91px; position: relative; overflow: hidden; float:left;}
#fwxm .con .ul .li a .pic img{width:auto; height:90%; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
#fwxm .con .ul .li a .size{width:calc(100% - 100px); height:auto; float:right; position: relative; top:55%; transform: translate(0%,-50%);}
#fwxm .con .ul .li a .size p:nth-child(1){font-size:18px; color:#333333; text-align: left;}
#fwxm .con .ul .li a .size p:nth-child(2){font-size:14px; color:#999999; text-align: left; line-height: 30px;}
#fwxm .con .ul .li a:hover .size p:nth-child(1){color:#ffc001; text-shadow: 0px 1px 1px rgba(0,0,0,0.5);}
#fwxm .con .ul .li a:hover .pic img{top:50%; left:50%; animation:fwxm_pic 1s linear infinite; -webkit-animation:fwxm_pic 1s linear infinite;}
@keyframes fwxm_pic{
	0%   {transform: translateX(-50%) translateY(-45%) scale(1,1);}
	50%  {transform: translateX(-50%) translateY(-55%) scale(1,1);}
    100%   {transform: translateX(-50%) translateY(-45%) scale(1,1);}
	}
@-webkit-keyframes fwxm_pic{
	0%   {transform: translateX(-50%) translateY(-45%) scale(1,1);}
	50%  {transform: translateX(-50%) translateY(-55%) scale(1,1);}
	100%   {transform: translateX(-50%) translateY(-45%) scale(1,1);}
	}

#wdys{width:100%; height:auto; position: relative; overflow: hidden;}
#wdys .bj{width:1925px; height:auto; position: absolute; transform: translate(-50%,0%); left:50%;}
#wdys .bj img{width:100%; height:auto;}
#wdys .con{width:100%; max-width: 1200px; height:auto; padding: 60px 0px; position: relative; transform: translate(-50%,0%); left:50%;}
#wdys .con .ul{width:100%; height:auto;}
#wdys .con .ul .li{width:calc(100% / 5); height:auto; float:left; overflow: hidden; text-align: center; margin-top: 36px;}
#wdys .con .ul .li .pick{width:120px; height:120px; position: relative; display: inline-block;}
#wdys .con .ul .li .pick .bja{width:100%; height:100%; border-radius: 200px; overflow: hidden; position: absolute; top:0%; left:0%;}
#wdys .con .ul .li .pick .bja .dhbja{width:calc(100% - 30px); height:calc(100% - 30px); position: absolute; transform: translate(-50%,-50%); left:50%; top:50%; border-radius: 200px;}
#wdys .con .ul .li .pick .bja .bjb{width:calc(100% - 30px); height:calc(100% - 30px); border-radius: 200px; overflow: hidden; position: relative; transform: translate(-50%,-50%); left:50%; top:50%;}
#wdys .con .ul .li .pick .bja .bjb .pic{width:100%; height:100%; position: relative;}
#wdys .con .ul .li .pick .bja .bjb .pic img{width:80%; height:auto; position: absolute; transform: translate(-50%,-50%); left:50%; top:50%;}
#wdys .con .ul .li:nth-child(1) .pick .bja{background: rgba(58,191,16,0.3);}
#wdys .con .ul .li:nth-child(1) .pick .bja .dhbja{background: rgba(58,191,16,0.6);}
#wdys .con .ul .li:nth-child(1) .pick .bja .bjb{background: rgba(58,191,16,1);}
#wdys .con .ul .li:nth-child(2) .pick .bja{background: rgba(2,189,176,0.3);}
#wdys .con .ul .li:nth-child(2) .pick .bja .dhbja{background: rgba(2,189,176,0.6);}
#wdys .con .ul .li:nth-child(2) .pick .bja .bjb{background: rgba(2,189,176,1);}
#wdys .con .ul .li:nth-child(3) .pick .bja{background: rgba(109,207,26,0.3);}
#wdys .con .ul .li:nth-child(3) .pick .bja .dhbja{background: rgba(109,207,26,0.6);}
#wdys .con .ul .li:nth-child(3) .pick .bja .bjb{background: rgba(109,207,26,1);}
#wdys .con .ul .li:nth-child(4) .pick .bja{background: rgba(253,180,2,0.3);}
#wdys .con .ul .li:nth-child(4) .pick .bja .dhbja{background: rgba(253,180,2,0.6);}
#wdys .con .ul .li:nth-child(4) .pick .bja .bjb{background: rgba(253,180,2,1);}
#wdys .con .ul .li:nth-child(5) .pick .bja{background: rgba(230,110,120,0.3);}
#wdys .con .ul .li:nth-child(5) .pick .bja .dhbja{background: rgba(230,110,120,0.6);}
#wdys .con .ul .li:nth-child(5) .pick .bja .bjb{background: rgba(230,110,120,1);}
#wdys .con .ul .li .size{width:100%; height:70px; line-height: 30px; font-size: 18px; text-align: center; margin-top: 10px;}
#wdys .con .ul .li .size.dq{color:#ffc604; text-shadow: 0px 1px 1px rgba(0,0,0,0.5);}
#wdys .con .ul .li .ms{display: none;}
#wdys .con .msk{width:100%; height:260px; background: #FFF; margin-top: 60px; border-radius: 10px; position: relative; box-shadow: 0 2px 8px rgba(0,0,0,0.15);}
#wdys .con .msk .sjzs{width:50px; height:50px; background: #FFF; position: absolute; top:-25px; transform: rotate(45deg); left:8%;}
#wdys .con .msk .dhpic{width:13%; height:calc(100% - 45px); position: absolute; bottom:0px; left:2.5%;}
#wdys .con .msk .dhpic img{width:auto; height:100%; position: relative;}
#wdys .con .msk .size{width:calc(84.5% - 60px); height:calc(100% - 60px); position: absolute; right:30px; top:30px;}
#wdys .con .msk .size p{display: inline-block; font-size:18px; text-align: left; color:#333333; line-height: 35px; position: relative; transform: translate(-50%,-50%); left:50%; top:50%; width:100%;
	text-indent: 2em;}

#wdys .con .ul .li .pick .bja .dhbja.dq{animation:wdys_dhbja_dq 1.5s linear infinite; -webkit-animation:wdys_dhbja_dq 1.5s linear infinite;}
@keyframes wdys_dhbja_dq{
	0%   {width:calc(100% - 30px); height:calc(100% - 30px);}
	50%  {width:100%; height:100%;}
    100%   {width:calc(100% - 30px); height:calc(100% - 30px);}
	}
@-webkit-keyframes wdys_dhbja_dq{
	0%   {width:calc(100% - 30px); height:calc(100% - 30px);}
	50%  {width:100%; height:100%;}
	100%   {width:calc(100% - 30px); height:calc(100% - 30px);}
	}

#khal{width:100%; height:auto; overflow: hidden; background: #FFF;}
#khal .con{width:100%; max-width: 1200px; height:auto; padding: 60px 0px; position: relative; transform: translate(-50%,0%); left:50%;}
#khal .con .ul{width:100%; height:auto;}
#khal .con .ul .li{width:calc((100% - 100px) / 3); height:auto; float:left; margin-top: 50px; margin-left: 50px;}
#khal .con .ul .li:nth-child(3n + 1){margin-left: 0px;}
#khal .con .ul .li a{display: inline-block; width:100%; height:auto;}
#khal .con .ul .li a .pick{width:calc(100% - 30px); height:250px; background: #FFF; padding: 15px; box-shadow: 0px 2px 8px rgba(0,0,0,0.3);position: relative; border-radius: 3px;}
#khal .con .ul .li a .pick .pic{width:100%; height:100%; position: relative; overflow: hidden;}
#khal .con .ul .li a .pick .pic img{width:auto; height:100%; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
#khal .con .ul .li a .pick .lx{display: inline-block; padding: 0px 10px; position: absolute; bottom:15px; left:15px; background: #f1be17; color:#FFF; font-size:16px; border-radius: 0px 6px 0px 0px;}
#khal .con .ul .li a .size{width:100%; height:auto; line-height: 40px; font-size:16px; color:#333333; text-align: center; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; margin-top: 15px;}
#khal .con .more{width:100%; height:auto; margin-top: 60px; text-align: center;}
#khal .con .more a{display: inline-block; padding: 10px 30px; background:rgba(58,191,16,1); color:#FFF; font-size:16px; border-radius: 10px; font-weight: bold; box-shadow: 0px 2px 5px rgba(0,0,0,0.3);}
#khal .con .more a:hover{background:#ffc604;}
#khal .con .ul .li a:hover .size{color:#ffc604; text-shadow: 0px 1px 1px rgba(0,0,0,0.5);}

#cjwt{width:100%; height:auto; position: relative; overflow: hidden;}
#cjwt .bj{width:1925px; height:100%; position: absolute; transform: translate(-50%,0%); left:50%;}
#cjwt .bj img{width:100%; height:100%;}
#cjwt .con{width:100%; max-width: 900px; height:auto; padding: 60px 0px; position: relative; transform: translate(-50%,0%); left:50%;}
#cjwt .con .ul{width:100%; height:auto; margin-top: 35px;}
#cjwt .con .ul .li{width:100%; height:auto; margin-top: 30px;}
#cjwt .con .ul .li .bth{width:100%; height:auto; cursor:pointer; border-bottom: 1px dashed rgba(0,0,0,0.5); padding-bottom: 10px;}
#cjwt .con .ul .li .bth .tb{width:30px; height:30px; position: relative; float:left;}
#cjwt .con .ul .li .bth .tb img{width:80%; height:80%; filter: grayscale(100%); -webkit-filter: grayscale(100%);}
#cjwt .con .ul .li .bth .size{width:calc(100% - 100px); height:30px; float:left; font-size:18px; color:#333333; text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#cjwt .con .ul .li .bth .zkgb{width:20px; height:20px; float:right; position: relative; background: #16B777; border-radius: 100px; margin-top: 5px;}
#cjwt .con .ul .li .bth .zkgb img{width:70%; height:auto; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%) rotate(0deg); -webkit-transform:translate(-50%,-50%) rotate(0deg);}
#cjwt .con .ul .li .nrh{width:calc(100% - 60px); height:auto; padding: 30px; color:#333333; line-height: 25px; font-size:16px; border:1px dashed rgba(0,0,0,0.5); border-top:0px; display: none;}
#cjwt .con .ul .li .bth:hover .tb img{filter: grayscale(0%); -webkit-filter: grayscale(0%);}
#cjwt .con .ul .li .bth:hover .size{color:#ffc604; text-shadow: 0px 1px 1px rgba(0,0,0,0.5);}
#cjwt .con .ul .li.dq .bth .tb img{filter: grayscale(0%); -webkit-filter: grayscale(0%);}
#cjwt .con .ul .li.dq .bth .size{color:#ffc604; text-shadow: 0px 1px 1px rgba(0,0,0,0.5);}
#cjwt .con .ul .li.dq .bth .zkgb img{transform:translate(-50%,-50%) rotate(180deg); -webkit-transform:translate(-50%,-50%) rotate(180deg);}
#cjwt .con .ul .li.dq .nrh{display:block; white-space: pre-wrap; overflow-wrap: break-word; word-break: break-all;}
#cjwt .con .more{width:100%; height:auto; margin-top: 60px; text-align: center;}
#cjwt .con .more a{display: inline-block; padding: 10px 30px; background:rgba(58,191,16,1); color:#FFF; font-size:16px; border-radius: 10px; font-weight: bold; box-shadow: 0px 2px 5px rgba(0,0,0,0.3);}
#cjwt .con .more a:hover{background:#ffc604;}