/*body {background: #f3f4f9;}*/
.modeCenter {width: calc(100% - 350px);}
.modeIndex_head {width: calc(100%);height: calc(86.9vW*0.189);margin-top:24px;}
.layout_right_box {width: 32.73%;float:right;height: calc(26.73vW*0.614);}
.modeIndex_head .layout_right {width: 100%;float:right;}
.modeIndex_head .layout_right img {display: block;width: 100%;}
.modeIndex_head .layout_right_btm {width: 48.72%;float:right;margin-left:2.55%;margin-top:15px;}
.modeIndex_head .layout_right_btm:last-child {margin-left:0px;}
.modeIndex_head .layout_right_btm img {display: block;width: 100%;}
.modeIndex_carousel  {width: 60%;height: 315px;float:left;position: relative;overflow: hidden;}
.modeIndex_carousel .carousel_img {width: 100%;overflow: hidden;}
.modeIndex_carousel .imgs {width: 6240px;height: 315px;transition: all 2s;margin:0px 0px;}
.modeIndex_carousel .carousel_img img {float:left;display: block;width: 1040px;}
.modeIndex_carousel .carousel_buttom {position: absolute;height: 50px;width: 100%;background: rgba(0,0,0,0.3);left:0px;bottom:0px;text-align: center;}
.modeIndex_carousel .carousel_buttom .back {position: absolute;left:30px;top:5px;background: none;}
.modeIndex_carousel .carousel_buttom .next {position: absolute;right:30px;top:5px;background: none;}
.modeIndex_carousel .carousel_buttom .next:after {content: '';display: block;position: absolute;width: 100%;height: 100%;top:0px;left:0px;}
.modeIndex_carousel .carousel_buttom .back:after {content: '';display: block;position: absolute;width: 100%;height: 100%;top:0px;left:0px;}
.modeIndex_carousel .carousel_buttom .back svg,.modeIndex_carousel .carousel_buttom .next svg {width: 40px;height: 40px;fill: rgba(255,255,255,0.6);}
.modeIndex_carousel .carousel_buttom .back:hover svg,.modeIndex_carousel .carousel_buttom .next:hover svg {fill: rgba(255,255,255,1);}
.modeIndex_carousel .carousel_buttom ul {display: inline-block;}
.modeIndex_carousel .carousel_buttom ul li {width: 17px;height: 17px;background: #fff;border-radius: 50%;float:left;margin-right:33px;margin-top:16px;cursor: pointer;position: relative;}
.modeIndex_carousel .carousel_buttom ul li:last-child {margin-right:0px;}
.modeIndex_carousel .carousel_buttom ul li:after {content: '';display: block;position: absolute;width: 17px;height: 17px;border-radius: 20px;background: #fff;top:0px;left:0px;transition: all 0.5s;}
.modeIndex_carousel .carousel_buttom ul .choice:after {content: '';display: block;position: absolute;width: 50px;height: 17px;border-radius: 20px;background: #fff;top:0px;left:-18px;}
.hot_choice {width: calc(100%);margin-top:15px;overflow:hidden;}
.hot_choice h5 {height: 70px;line-height: 70px;font-size: 26px;font-weight: 700;color:#000;margin-top:30px;}
.hot_choice h5 a {float:right;font-size: 14px;color:#bfbfbf;}
.hot_choice h5 a svg {fill: #616161;width: 10px;height: 10px;vertical-align: 0px;}
.hot_choice h5 a:hover {color:#000;}
.hot_choice h5 a:hover svg {fill:#6573ff;}
.hot_choice_carousel {position: relative;}
.hot_choice_carousel .carousel_img {width: 100%;height: 135px;overflow: hidden;padding-top:10px;margin-top:-10px;}
.hot_choice_carousel .imgs {transition: all 2s;}
.hot_choice_carousel .imgs img {display: none;float:left;margin-right:20px;cursor: pointer;border-radius: 5px;}
.hot_choice_carousel .imgs img:hover {/*transform: scale(1.1); */transition: all 0.5s!important;margin-top:-10px;}
.hot_choice_carousel .carousel_buttom  {position: absolute;width: 100%;height: 0px;top:0px;left:0px;}
.hot_choice_carousel .carousel_buttom button {position: absolute;top:37px;width: 28px;height: 54px;background: rgba(0,0,0,0.3);}
.hot_choice_carousel .carousel_buttom button:hover {opacity: 0.6;}
.hot_choice_carousel .carousel_buttom button svg {fill: #fff;}
.hot_choice_carousel .carousel_buttom .back {left:0px;border-top-right-radius: 40px;border-bottom-right-radius: 40px;display: none;}
.hot_choice_carousel .carousel_buttom .back svg {margin-left:-5px;}
.hot_choice_carousel .carousel_buttom .next {right:0px;border-top-left-radius: 40px;border-bottom-left-radius: 40px;}
.hot_choice_carousel .carousel_buttom .next svg {margin-right:-5px;}
.hot_choice_carousel .carousel_buttom button:after {content: '';display: block;position: absolute;width: 100%;height: 100%;top:0px;left:0px;}
.modeIndex_head .layout_right img:hover {opacity: 0.6;}
.modeIndex_head .layout_right_btm img:hover {opacity: 0.6;}
.modeIndex_carousel .carousel_buttom ul li:hover {opacity: 0.8;}
/*局部列表*/
.modeIndex {margin-top:100px;}
.modeIndex .poster_list {margin-top:15px;display: none;}
.modeIndex .poster_list h5 {height: 70px;line-height: 70px;font-size: 26px;font-weight: 700;color:#000;/*width: calc(100% - 20px);*/margin-top:25px;}
.modeIndex .poster_list h5 a {float:right;font-size: 14px;color:#bfbfbf;}
.modeIndex .poster_list h5 a svg {fill: #616161;width: 10px;height: 10px;vertical-align: 0px;}
.modeIndex .poster_list h5 a:hover {color:#000;}
.modeIndex .poster_list h5 a:hover svg {fill:#6573ff;}
.modeIndex .modeRec_list {width: 100%;margin:0px;}
.modeIndex .modeRec_list .modeRec_item {opacity: 0;transition: opacity 0.5s;}
.modeIndex .modeRec_list1 .modeRec_item  {width: 18.878%;}
.modeIndex .modeRec_list1 .modeRec_item .img {width:100%}
.modeIndex .modeRec_list2 .modeRec_item {width: 15.551%;}
.modeIndex .modeRec_list2 .modeRec_item .img {width: 100%;}
.modeIndex .modeRec_list1 .modeRec_item {margin-right:1.401%;}
.modeIndex .modeRec_list2 .modeRec_item {margin-right:1.337%;}
.modeIndex .modeRec_list1 .modeRec_item:nth-child(5n +5) {margin-right:0px;}
.modeIndex .modeRec_list2 .modeRec_item:nth-child(6n +6) {margin-right:0px;}

/*新头部*/
.modeIndex_heads {width: 100%;zoom:1;position: relative;visibility: hidden;}
.modeIndex_heads:after {content: '';display: block;clear: both;}
.modeIndex_heads .lt {float:left;width: 66.24%;}
.modeIndex_heads .lt img {display: block;width: 100%;border-radius: 5px;}
.modeIndex_heads .rt {float:right;width: 32.67%;height: 100%;position: absolute;top:0px;right:0px;}
.modeIndex_heads .rt img {display: block;width: 100%;}
.modeIndex_heads .rt .rtTop {width: 100%;}
.modeIndex_heads .rt .rtTop img {display: block; width: 100%;border-radius: 5px;}
.modeIndex_heads .rt .rtBtm {width: 100%;position: absolute;bottom:0px;right:0px;}
.modeIndex_heads .rt .rtBtm .rtBtmLt {width: 48.73%;float:left;}
.modeIndex_heads .rt .rtBtm .rtBtmLt img {display: block;width: 100%;border-radius: 5px;}
.modeIndex_heads .rt .rtBtm .rtBtmRt {width: 48.73%;float:right;}
.modeIndex_heads .rt .rtBtm .rtBtmRt img {display: block;width: 100%;border-radius: 5px;}

/*轮播插件*/
.carousel  {position: relative;margin:0 auto;overflow: hidden;}
.carousel:after {content: '';display: none;width: 100%;height: 50px;bottom:0px;left:0px;background: rgba(0,0,0,0.4);position: absolute;}
.carousel.carouselafter:after {display: block;}
.carousel img {display: block;float:left;}
.carousel .imgs {position: absolute;top:0px;transition: left 1s;}
.carousel .carPrev {position: absolute;z-index: 10;width: 40px;height: 40px;bottom:5px; left:20px;background: none;display: none;}
.carousel .carPrev svg {fill: rgba(255,255,255,0.6);width: 40px;height: 40px;}
.carousel .carNext {position: absolute;z-index: 10;width: 40px;height: 40px;bottom:5px;right:20px;background: none;display: none;}
.carousel .carNext svg {fill: rgba(255,255,255,0.6);width:40px;height: 40px;}
.carousel .carPrev:hover svg {fill: rgba(255,255,255,1);}
.carousel .carNext:hover svg {fill: rgba(255,255,255,1);}
.carousel ul {position: absolute;z-index: 10;bottom:15px;}
.carousel ul li {width: 13px;height: 13px;border-radius: 50%;float:left;margin-right: 33px;background: #fff;position: relative;cursor: pointer;}
.carousel ul li:last-child {margin-right: 0px;}
.carousel ul li:after {width: 13px;position:absolute;top:0px;left:0px;height: 13px;content: '';background: #fff;border-radius:50px;transition: all 1s;}
.carousel ul .choice:after {width: 30px;position:absolute;top:0px;left:-8.5px;height: 13px;content: '';background: #6807f9;border-radius:50px;}


@media screen and (max-width: 1800px) {
}
@media screen and (max-width: 1600px) {
}
@media screen and (max-width: 1650px) {
	/*.modeIndex .modeRec_list1 .modeRec_item  {width: 23.949%;}
	.modeIndex .modeRec_list2 .modeRec_item {width: 18.929%;}
	.modeIndex .modeRec_list1 .modeRec_item:nth-child(5n +5) {margin-right:1.401%;}
	.modeIndex .modeRec_list2 .modeRec_item:nth-child(6n +6) {margin-right:1.337%;}
	.modeIndex .modeRec_list1 .modeRec_item:nth-child(4n +4) {margin-right:0px;}
	.modeIndex .modeRec_list2 .modeRec_item:nth-child(5n +5) {margin-right:0px;}*/
}
@media screen and (max-width: 1350px) {
	.modeIndex .modeRec_list {width: 990px;}
	.modeIndex .modeIndex_heads {width: 990px;}
	.modeIndex .hot_choice {width: 990px;}
}