/*导航栏样式和底部样式写在common.css文件里面*/

/*首页最大的div 全局样式*/

/*#wrap{
    max-width: 1920px;
    margin: 0 auto;
}*/

/*轮播图部分*/
.carousel-inner { background: #d8d8d8; width: 100%; }
.carousel-indicators { bottom: 30px; }
.carousel-indicators li { width: 10px !important; height: 10px !important; margin: 0 10px !important; border: 0; background: #FFFFFF; }
.below li { background: #A0A0A0; }
#div1 { width: 100%; }
.item { width: 100%; overflow: hidden; }
.item img { width: 100%; height: auto; }

/*轮播图结束*/

/*中间主Banner部分*/

/*了解更多*/
.More { position: absolute; width: 80px; line-height: 22px; border: 2px solid #1868ff; border-radius: 4px; text-align: center; transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; z-index: 10; }
.More a { padding-left: 2px; color: #1868ff; font-size: 12px; letter-spacing: 3px; }
.More:hover { background: #1868ff; }
.More:hover .terms { color: #FFFFFF; }

/*了解更多结束*/

/*所有的大盒子*/
.main, .module, .column, .wire, .phone, .news, .cinema, .video { position: relative; overflow: hidden; width: 100%;    /*margin-top: 0.54%;*/ cursor: pointer; padding-top: 8px; }
.main > div { overflow: hidden; }
.main img, .module img, .column img, .phone img, .wire img, .news img, .cinema img { width: 100%; height: auto; display: block; }
.main .mobile_banner, .module .mobile_banner, .column .mobile_banner, .phone .mobile_banner, .wire .mobile_banner, .news .mobile_banner, .cinema .mobile_banner, .slider-img .mobile_banner { display: none; }
.main .pc_banner, .module .pc_banner, .column .pc_banner, .phone .pc_banner, .wire .pc_banner, .news .pc_banner, .cinema .pc_banner, .mobile_banner .pc_banner { display: block; }
.around_left, .around_right { float: left; width: 50%; height: auto; position: relative; overflow: hidden; }
.around_left { padding-right: 4px; }
.around_right { padding-left: 4px; }
.around_left > div, .around_right > div { overflow: hidden; }
.module > div:nth-child(2), .wire > div:nth-child(2), .phone > div:nth-child(2) { float: right; }
.writing { position: absolute; top: 16%; left: 35%; width: 31%; z-index: 30; overflow: hidden; display: none; }
.understand { border: 2px solid #2E71F7; }
.understand a { color: #CACACA; }
.understand:hover { border: 2px solid #1868ff; }
.understand:hover a { color: #FAFAFA; }

/* .major{
    top: 40%;
    left: 47%;
} */

/*.major a{
    color: #000000;
    z-index: 1;
}*/
.terms { transition: all 0.5s; }
.More:hover { background: #1868ff; }
.More:hover .terms { color: #FFFFFF; }
.TWJ { top: 55%; left: 63.5%; }
.ST, .VR, .BX, .XYJ, .LYQ { top: 31%; left: 8.5%; }
.news-one { top: 75%; left: 90%; width: 56px !important; }
.active { background: #1868FF !important; }
.amplify { overflow: hidden; }
.Banner { -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; }
.amplify:hover .Banner { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

/*主图标题文字部分*/
.keyword { position: absolute; color: #282828; font-size: 30px; z-index: 20; }
.sperd, .wallpaper, .major { position: static !important;    /*float: right;*/ }

/*.sperd,.wallpaper{
    width: 100%;
}*/
.major { margin-top: 5px; display: inline-block; }
.small { font-size: 13px; color: #282828; z-index: 20; padding: 0; }

/* .wallpaper{
    top: 34%;
    left: 41%;
} */
.crosshead, .recommend { position: absolute; font-size: 24px; color: #FFFFFF; z-index: 20; left: 8.5%; }
.SoundBar, .Kiosk, .chime, .healthy, .wind, .sterilize { top: 10%; }
.seeing { top: 19%; }
.inches { top: 8%; }
.cinema { top: 16% }
.kid { position: absolute; font-size: 1.1vw; color: #FFFFFF; z-index: 20; left: 8.5%; }
.immerse, .ingenuity { top: 21%; }
.free, .healthy { top: 21%; }
.Star { top: 40%; left: 63.5%; }
.wisdom { top: 46%; left: 63.5%; }
.keyword, .small, .crosshead, .recommend, .crosshead, .kid { letter-spacing: 3.5px; }

/*新闻和视频样式*/
.video { background: #272729; margin-top: 8px; padding-top: 0 !important; }
.video-left, .video-right { float: left; height: auto; width: 50%; overflow: hidden }
.video-left, .photo_frame_left { padding-right: 4px; }
.video-right, .video-left > div:nth-child(2), .photo_frame_right { padding-left: 4px; }
.video-right > div:first-child, .video-right > div:nth-child(2) { position: relative; width: 50%; float: left; overflow: hidden; }
.video-left > div:first-child { padding-right: 4px; }
.video-left > div:first-child > a { display: block; width: 100%; }
.video-left > div:first-child > a > img { width: 100%; }
.video-left > div:nth-child(2) > div > img { width: 100%; }

/*.video-left>div:nth-child(2){
    padding-left: 4px;
}*/
.video-left > div:nth-child(2) > div { overflow: hidden; }
.video-left > div { width: 50%; float: left; overflow: hidden; }
.video-right > img:first-child { float: left; }
.video-right > img:nth-child(2), .video-left > img:nth-child(2) { float: right; }
.video img { display: inline-block; }
.interior_left, .interior_right {  }
.swiper-slide img { width: 100%; cursor: pointer;object-fit: cover}
#bott { bottom: 10px !important; }

/*视频按钮部分样式*/
.picture { width: 100%; }
.picture_Button { position: absolute; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; top: 39%; width: 13%; z-index: 20; }
.video_case { width: 100%; height: 45vw; position: fixed; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: 999; background: rgba(0, 0, 0, 0.3); display: none }
.main_video { width: 81%; height: 100%; margin: 0 auto; }
.btn_video { position: absolute; top: 4%; right: 4%; cursor: pointer; width: 28px; height: 28px; background: url("../images/btn-close-white.png") no-repeat 50% 50%; }
.video-one { width: 100%; height: 100%; }
.SkyworthNews { -moz-transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s; transition: all 1s; }
.SkyworthNews:hover { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

/*新闻和视频样式结束*/
.top-news { color: #CACACA; }
.top-news .box { width: 80%; margin: 5% 8%; overflow: hidden; }
.top-news .box .title { font-size: 1.1vw; margin-bottom: 20px; }
.top-news .box .summary { font-size: 0.7vw; }

/*.carou
 * el-indicators li:hover{
    background:#1868ff !important;
}*/

/*子菜单*/

/*设置鼠标滑过或悬停时变化的背景颜色*/