@charset "utf-8";
@media (min-width: 979px) and (max-width: 1199px) {
.imos_cx{padding:70px;width:100%; display:block;}
.imos_cx .nav{width:100%; height:auto; display:block; position:relative; display:none;}
.imos-content{width:100%; display:block;}
.tkbox{margin:0px 5px 100px; padding:30px 0px; min-height:auto;}
.tkbox .lt{width:142px; height:130px; min-height:auto; background:url(box_xs.png) no-repeat;}
.tkbox .rt{width:132px; height:74px; min-height:auto; background:url(box_xs.png) no-repeat -137px -131px;}
.tkbox .lb{background:url(box_xs.png) no-repeat 0px -140px; display:block;}
.tkbox .rb{background:url(box_xs.png) no-repeat -115px -210px; display:block;}
.imoscontructor{margin-top:0px; padding-left:0px; min-width:auto; background:none;}
.imos_cx .nav{width:100%; height:317px; display:block; position:absolute; left:0px; top:0px; vertical-align:top; z-index:100;}
.imos_cx .nav p{margin:0px; padding:0px; font-size:54px; line-height:316px; color:#2289c2; display:none;}
.imos_cx .nav ul{width:236px; height:auto; background:none; position:absolute; left:50%; margin-left:-118px;  top:auto;}
.imos_cx .nav ul li{float:left; position:static; margin:0px 1px; width:57px; height:36px; color:#bbbbbb; font-size:18px; line-height:36px; text-align:center; cursor:pointer; background:#1a1a29; display:inline;}
.imos_cx .nav ul li.on{padding-right:0px; width:57px; background:#092760;}
.imos_cx .nav ul li:nth-child(1),
.imos_cx .nav ul li:nth-child(2),
.imos_cx .nav ul li:nth-child(3),
.imos_cx .nav ul li:nth-child(4){left:auto; top:auto;}
.cxgallery{padding:0px 40px 20px;}
}
@media (min-width: 768px) and (max-width: 979px) {
.imos_cx{padding:70px;width:100%; display:block;}
.imos-content{width:100%; display:block;}
.tkbox{margin:0px 5px 50px; padding:30px 0px; min-height:auto;}
.tkbox .lt{width:142px; height:130px; min-height:auto; background:url(box_xs.png) no-repeat;}
.tkbox .rt{width:132px; height:74px; min-height:auto; background:url(box_xs.png) no-repeat -137px -131px;}
.tkbox .lb{background:url(box_xs.png) no-repeat 0px -140px; display:block;}
.tkbox .rb{background:url(box_xs.png) no-repeat -115px -210px; display:block;}
.imoscontructor{margin-top:0px; padding-left:0px; min-width:auto; background:none;}
.imos_cx .nav{width:100%; height:317px; display:block; position:absolute; left:0px; top:0px; vertical-align:top; z-index:100;}
.imos_cx .nav p{margin:0px; padding:0px; font-size:54px; line-height:316px; color:#2289c2; display:none;}
.imos_cx .nav ul{width:236px; height:auto; background:none; position:absolute; left:50%; margin-left:-118px;  top:auto;}
.imos_cx .nav ul li{float:left; position:static; margin:0px 1px; width:57px; height:36px; color:#bbbbbb; font-size:18px; line-height:36px; text-align:center; cursor:pointer; background:#1a1a29; display:inline;}
.imos_cx .nav ul li.on{padding-right:0px; width:57px; background:#092760;}
.imos_cx .nav ul li:nth-child(1),
.imos_cx .nav ul li:nth-child(2),
.imos_cx .nav ul li:nth-child(3),
.imos_cx .nav ul li:nth-child(4){left:auto; top:auto;}
.cxgallery{padding:0px 40px 20px;}
}
@media (max-width: 767px) {
.wrapper_cx{background:none;}
.top{min-height:auto;}
.menu_cx{margin:0 auto 40px; width:360px;}
.menu_cx li{float:left; margin:0 10px; width:100px; height:39px; display:inline;}
.menu_cx li a{ width:100px; font-size:14px; line-height:39px; background:url(menu_xs.png) no-repeat;}
.menu_cx li a:hover,.menu_cx li a.active{background:url(menu_xs_on.png) no-repeat;}
.point_xs{ font-size:12px;}
.imos_cx{padding:90px 0px 40px;width:100%; display:block;}
.imos-content{width:100%; display:block;}
.imos_cx .nav{width:100%; height:317px; display:block; position:absolute; left:0px; top:30px; vertical-align:top; z-index:100;}
.imos_cx .nav p{margin:0px; padding:0px; font-size:54px; line-height:316px; color:#2289c2; display:none;}
.imos_cx .nav ul{width:208px; height:auto; background:none; position:absolute; left:50%; margin-left:-104px;  top:auto;}
.imos_cx .nav ul li{float:left; position:static; margin:0px 1px; width:50px; height:36px; color:#bbbbbb; font-size:16px; line-height:36px; text-align:center; cursor:pointer; background:#1a1a29; display:inline;}
.imos_cx .nav ul li.on{padding-right:0px; width:50px; background:#092760;}
.imos_cx .nav ul li:nth-child(1),
.imos_cx .nav ul li:nth-child(2),
.imos_cx .nav ul li:nth-child(3),
.imos_cx .nav ul li:nth-child(4){left:auto; top:auto;}
.imosintro{padding:0px 20px;}
.txt1{margin-bottom:15px; font-size:32px;}
.txt2{margin-bottom:30px; font-size:16px;}
.txt3{font-size:18px;}
.txt3 strong{line-height:32px;}
.imoscontructor{margin-top:0px; padding-left:0px; min-width:auto; background:none;}
.imoscontructor p{font-size:12px;}
.imoscontructor p strong{font-size:16px;}
.imoscontructor p em{font-size:16px;}
.imosdata{margin-top:0px; }
.imosdata p{font-size:14px;}
.imosdata p strong{color:#2289c2; font-size:24px;}
.imosdata ul.row1{margin-bottom:20px;}
.imosdevelop{padding:0px 10px;}
.timeline{padding:40px 0px; height:707px; background:url(line.png) no-repeat 8px center; position:relative;}
.timeline .year{width:100%; background:url(dot.png) left top no-repeat; position:relative; left:auto; top:auto;}
.timeline p{margin-left:22px; padding:8px; font-size:14px; color:#ccc; line-height:20px; background:rgba(46,46,46, .2); border:1px solid #141421; border-radius:5px;}
.timeline p strong{margin-bottom:5px;font-size:20px; color:#2289c2; font-weight:normal;}
.timeline p span{margin-bottom:5px;}
.timeline .year:nth-child(odd) p{ width:92%; text-align:left;}
.timeline .year:nth-child(even) p{margin-left:22px; width:92%; text-align:left;}
.timeline .year:nth-child(1),
.timeline .year:nth-child(2),
.timeline .year:nth-child(3),
.timeline .year:nth-child(4),
.timeline .year:nth-child(5),
.timeline .year:nth-child(6),
.timeline .year:nth-child(7){margin-bottom:10px; top:auto;}
.tkbox{margin:0px 5px 50px; padding:30px 0px; min-height:auto;}
.tkbox .lt{width:142px; height:130px; min-height:auto; background:url(box_xs.png) no-repeat;}
.tkbox .rt{width:132px; height:74px; min-height:auto; background:url(box_xs.png) no-repeat -137px -131px;}
.tkbox .lb{background:url(box_xs.png) no-repeat 0px -140px; display:block;}
.tkbox .rb{background:url(box_xs.png) no-repeat -115px -210px; display:block;}
.intro{padding:30px 30px ;width:100%; display:block;}
.text{display:none;}
.text_xs{margin-bottom:20px; display:block;}
.intro p{font-size:16px; line-height:24px;}
.table1_cx{float:none; margin:0px; width:100%;}
.city{padding:20px;}
p.next-stop{margin-top:20px; font-size:14px; top:5px;}
.table2_cx{ border-collapse:collapse;}
.table2_cx th{padding:10px 0px; font-size:14px; text-align:center; color:#fff; font-weight:normal; background:rgba(51,190,242,.5); border-bottom:1px solid #252530; border-left:1px solid #252530;}
.table2_cx td{padding:10px 0px; font-size:12px; text-align:center;color:#d5d5d5; border-bottom:1px solid #252530;border-left:1px solid #252530;}
.table2_cx th:first-child,.table2_cx td:first-child{border-left:none;}
.warning{font-size:12px; text-align:right; color:#ccc;}
.cxtitle{width:auto; font-size:32px; background:url(title_xs.png) no-repeat center bottom;}
.cxgallery{padding:0px 40px 20px;}
/*.cxgallery{margin:0 auto; padding:45px 0px; width:180px;}
.cxgallery .scene{float:none; margin:30px auto 20px; display:block;}*/

}
@media (max-width: 480px) {
.cxgallery{margin:0 auto; padding:0px 0px 20px;}
.cxgallery .scene{float:none; margin:30px auto 0px; width:250px; height:180px; display:block;}
.cxgallery .scene a.mask{width:250px; height:180px;}
.cxgallery .scene a.mask span{position:absolute; left:0px; bottom:15px; width:100%; font-size:16px; text-align:center; cursor:pointer;}
.cxgallery .scene a{width:72px; height:54px;}
.cxgallery .scene a.s01{left:9px; top:9px;}
.cxgallery .scene a.s02{left:89px; top:9px;}
.cxgallery .scene a.s03{left:169px; top:9px;}
.cxgallery .scene a.s04{left:9px; top:75px;}
.cxgallery .scene a.s05{left:89px; top:75px;}
.cxgallery .scene a.s06{left:169px; top:75px;}
.cx-visible-xs{ display: none !important;}
.cx-hidden-xs{display:block !important;}
}