@media screen and (max-width: 1300px){ header .header-in .logo { width: 200px; height: 37px; float: left; } header .header-in .header-ri{ width: 680px; } footer .w1200{ width: 92%; margin: 0 auto; } footer .legal { width: 86%; padding: 37px 3%; background: #007cc2; position: absolute; bottom: 180px; } .l-view .w1200{ width: 92%; } .l-news .w1200{ width: 92%; } .l-ser-pro .w1200{ width: 92%; } .l-ser-pro .on-in ul li .img-box{ width: 70%; margin:100px auto 80px; } .l-tal .w1200{ width: 92%; } .l-tal .title .ch { font-size: 48px; line-height: 48px; } .l-news .news-title .bd li .nr-in span.time{ width:18%; padding: 8px 0; } .l-news .news-title .bd li .nr-in span.detail{ margin-left:7%; text-align: left; width:75%; } .l-tal .ri-content .tit { line-height: 60px; font-size: 16px; } } @media screen and (max-width: 1300px) and (min-width:1000px){ .banner .bd ul li .exp .exp-in{ width: 900px; padding: 15px 0 40px; } .banner .bd ul li .exp .exp-in p{ width: 798px; } .w { width:900px; /*overflow: hidden;*/ margin: 0 auto; } .bl{ width: 616px; overflow: hidden; float: left; } .br{ width: 284px; overflow: hidden; float: left; } .i-news { width:592px; margin-right: 24px; } .i-news .news-in{ margin-top: 30px; margin-bottom: 0; } .i-news .news-in .news-img{ width:240px; margin-right:24px; } .i-news .news-in ul{ width:328px; } .i-news .list-in ul li a{ max-width: 240px; } .i-images{ width:284px; height: 178px; } .i-course{ margin-top: 96px; } .i-media{ width: 284px; margin-right: 24px; } .i-infor{ width: 284px; margin-right: 20px; } .i-inv{ margin-top: 60px; } .i-dev ul .i-images{ width: 284px; height: 178px; margin-right: 24px; } .i-duty{ width: 592px; margin-right: 24px; } .i-duty .i-images ul{ /*margin: 47px auto;*/ } .i-video{ width: 284px; } } @media screen and (max-width: 1000px){ .w { width:780px; /*overflow: hidden;*/ margin: 0 auto; } .banner .bd ul li .exp .exp-in { width:700px; padding: 15px 50px 40px; margin: 0 auto; } .banner .bd ul li .exp .exp-in p { width: 592px; font-size: 14px; line-height: 30px; color: #fff; display: inline-block; float: left; } .bl{ width: 100%; } .br{ width: 100%; } .i-images{ /*width: 377px;*/ } .i-news{ width: 100%; margin-right: 0; } .i-news .news-in{ margin-top: 13px; margin-bottom: 0; } .i-course{ margin-right: 22px; margin-top: 20px; } .i-media{ margin-right:26px; } .i-infor{ margin-right: 0; } .i-dev ul .i-images{ margin-right: 22px; } .i-dev ul .i-images.li3{ display: none; } .i-video{ width: 100%; } /*footer .legal { width: 700px; padding: 37px 40px; background: #007cc2; position: absolute; bottom: 180px; }*/ header{ display: none; } .m-header{ width: 100%; /*height: 80px;*/ background: #fff; position: relative; z-index: 111; display: block; } .m-header .logo{ width:30%; margin:18px 0; display: inline-block; float: left; margin-left:10px; } .m-header .logo a{ display: block; width: 100%; /*height: 100%;*/ } .m-header .logo img{ display:block; width:100%; } .m-header .i-nav{ width:10%; padding:15px 10px 15px 8px; border-left: 1px solid #eef1f3; float: right; display: inline-block; } .m-header .nav-en{ width:10%; padding:15px 9px 9px 9px; border-left: 1px solid #eef1f3; float: right; display: inline-block; text-align: center; } .m-header .nav-en a{ display: inline-block; } .m-header .nav-en img{ display:block; width:100%; } .m-header .i-nav img{ /*display: block;*/ width: 100%; } .nav-hide{ width:100%; height: auto; background:rgba(255,255,255,0.9); overflow: hidden; position: absolute; right: 0; top:0; z-index: 2; padding-bottom:30px; display: none; } .nav-hide .del{ width: 100%; height: 25px; background: #fff; } .nav-hide .del img{ width:25px; float: right; margin: 20px; } .nav-hide .nav-list{ width: 100%; overflow: hidden; } .nav-hide .nav-list li{ width: 100%; text-align: center; /*overflow: hidden;*/ } .nav-hide .nav-list li a.fir{ display: block; font-size: 18px; color: #333; line-height:50px; text-align: center; /*margin-right: 0.3rem;*/ } .nav-hide .nav-list li .second{ overflow: hidden; padding:10px 0; width: 100%; display: none; } .nav-hide .nav-list li .second a{ font-size: 16px; color: #888; line-height:38px; display: block; } .l-ser-pro .pro-inr ul li{ width: 48%; float: left; margin-right: 4%; } .l-ser-pro .pro-inr ul li:nth-child(2n){ margin-right: 0; } .l-ser-pro .pro-inr ul li .exp p{ padding: 0 10%; } .l-ser-pro .pro-inr ul li:nth-child(3n){ margin-right: 4%; } .l-ser-pro .pro-inr ul li:nth-child(2n){ margin-right: 0px; } .l-tal .title .ch { font-size: 26px; line-height: 38px; } } @media screen and (max-width: 780px){ .banner .bd ul li .exp{ display: none; } .banner .hd{ bottom: 20px; } .banner .hd{ width: 96px; margin: 0 auto; } .banner .hd li{ width: 10px; height: 10px; border-radius: 50%; background: #fff!important; } .banner .hd li.on{ background: #ed620f!important; } .w{ width: 95%; } .i-par{ width: 100%; } .i-par .list-in ul{ width: 100%; } .i-par .list-in ul li{ width: 100%; } .i-images{ margin: 10px auto; width: 100%!important; } .i-news{ width: 100%; margin-right: 0; } .i-news .news-in{ width: 100%; } .i-news .news-in .news-img{ width: 100%; } .i-news .news-in ul li a{ width: 70%; max-height: 64px; } .i-course{ width: 100%; margin-right: 0; } .i-dev{ width: 100%; } .i-dev ul{ margin-top: 10px; } .i-duty{ margin-bottom: 0; } .i-duty .i-images{ margin-top: 20px; } .i-video .i-images{ margin-top: 20px; position: relative; } .i-video .i-images video{ /*position: absolute;*/ display: none; } .i-video{ width: 100%; } .fo-ri{ display: none; } .i-dev ul .i-images.li3{ display: block; } footer .fo-in .fo-to li a{ padding: 0 5px; } footer .fo-in .fo-to{ margin-left: 0; } footer .fo-in .fo-to li.brr:nth-child(1){ margin-left: -5px; } /*footer .legal{ width:89%; padding: 30px 3%; position: absolute; bottom:150px; }*/ .l-view .vicb table td{ width: 100%; float: left; } .l-view .vicb table td.td1{ border-right:none; } .l-view .vicb table td.td2{ margin-left:0; } .l-news .news-title .bd li .nr-in span.time { width:20%; background: #fff; text-align: center; padding: 8px 0; } .news-list ul li span.time { width: 18%; background: #e8e8e8; text-align: center; padding: 8px 0; } .news-list ul li span.detail { margin-left:5%; text-align: left; width:77%; } .l-tal .title { width: 100%; float: none; } .l-tal .title .en { margin-bottom:20px; } .l-tal .title .img{ width: 100%; margin-bottom: 30px; } .l-tal .text { width: 100%; float: none; } .l-tal .js{ display: none; } .l-tal .swiper-container{ display: block; } .invite table tr th.titles{ font-size: 12px; } .invite table tr td.texts{ font-size: 12px; } .invite .inner p{ font-size: 12px; } .invite table tr td.jiantou{ background: url(../img/jiantou.png) no-repeat center center; background-size: 80%; } .invite table tr td.zk{ background: url(../img/jiantou1.png) no-repeat center center; background-size: 80%; } .l-tal .map { width: 100%; height: 300px; float: none; } .l-tal .ri-content { width: 100%; float: none; } .news-pc{ display: none; } .news-app{ display: block; } .l-news .news-title .bd li .nl{ width: 100%; } .l-news .news-title .bd li .nr{ width: 100%; } .l-news .news-title .bd li .nr-in span.time{ width:18%; background: #fff; text-align: center; padding: 8px 0; position: absolute; top:-70px; } .l-news .news-title .swiper-pagination{ position: absolute; left: 70%; bottom: 40px; } .l-news .swiper-container span.swiper-pagination-bullet{ width: 10px; height: 10px; border-radius: 50%; background: #8bbcda; margin:0 2px; float: left; } .mob .swiper-pagination-bullet{ width: 10px; height: 10px; border-radius: 50%; background: #8bbcda; } .mob .swiper-pagination-bullet-active{ background: #fff; } .l-news .swiper-container span.swiper-pagination-bullet-active{ background: #fff; } .banner-out{ display: none; } .banner-app{ width: 100%; display: block; } .banner-app .swiper-slide{ /*min-height: 326px!important;*/ } .banner-app .news-title .swiper-pagination{ bottom: 40px; } .banner-app .swiper-container span.swiper-pagination-bullet{ width: 10px; height: 10px; border-radius: 50%; background: #fff; margin:0 3px; display: inline-block; } .banner-app .swiper-container span.swiper-pagination-bullet-active{ background: #ed620f; } .banner-app img{ width: 100%; } .l-view .tit h3 { font-size: 26px; line-height: 55px; } footer .legal .scroll li{ width: 33.3%; float: left; text-align: center; height: 350px; } .l-ser-pro .on-in ul li .img-box { width: 70%; margin: 100px auto 80px; } .l-ser-pro .on-in ul li{ width:80%; margin:20px 10%; } .i-video-app{ display: block; } .i-video-pc{ display: none; } .l-about .title{ margin-bottom: 0px!important; } form[name="form2"]{ width: 80%; } form[name="form2"] .form-in{ width:80%; height: 210px; padding:35px 10%; } form[name="form2"] .tit p.ch{ color: #fff; font-size: 26px; line-height: 35px; } form[name="form2"] .tit p.en{ color: #c2c2c2; font-size: 20px; line-height: 28px; text-transform: uppercase; } form[name="form2"] input.ty-input{ height: 55px; line-height: 55px; } /*form[name="form2"] input[type="submit"]{ height: 55px; line-height: 55px; }*/ .l-ser-pro .tab{ display: block; } .l-ser-pro .pro-inl{ width:0; display: none; } .l-ser-pro .pro-inr{ width: 100%; } .l-ser-pro .pro-inr ul li{ width: 48%; float: left; margin-right: 4%; } .l-ser-pro .pro-inr ul li:nth-child(2n){ margin-right: 0; } .l-ser-pro .pro-inr ul li .exp p{ padding: 0 10%; } .l-ser-pro .pro-inr ul li:nth-child(3n){ margin-right: 4%; } .l-ser-pro .pro-inr ul li:nth-child(2n){ margin-right: 0px; } #lightbox-container-image-box{ max-width: 100%; height: auto!important; } #lightbox-container-image{ max-width: 100%!important; } #lightbox-container-image img{ max-width: 100%!important; } #lightbox-container-image-data-box{ max-width: 100%; box-sizing:border-box; } } @media screen and (max-width:600px){ }