@charset "utf-8";
@media (max-width: 1500px) {
.w1300{
width: 90%;
}
header{
margin-left: 0;
/*left: 5%;*/
}
.i-ban .cent-cont{
left: 5%;
margin-left: 0;
}
.i-wrap-sev .flex-nav-prev{
left: -90px;
}
.i-wrap-sev .flex-nav-next{
right: -90px;
}
.i-ban .flex-control-nav{
width: 90%;
left: 5%;
margin-left: 0;
}
/*.header-wrap{
height: 112px;
}*/
header::after{
width: 100%;
left: 0;
margin-left: 0;
}
.i-wrap-sev .w1300{
width: 80%;
}
}
@media (max-width: 1200px) {
.w1100{
width: 90%;
}
.i-wrap-thi .cent-cont{
width: 100%;
}
.i-wrap-thi .cent-cont .boxs.active .word{
width: 55.6%;
}
.i-wrap-thi .cent-cont .left-rowbox{
position: relative;
top: 0;
margin-top: 0;
width: 100%;
}
.i-wrap-thi .cent-cont .boxs.active .time{
width: 100%;
text-align: center;
}
.i-wrap-thi .cent-cont .boxs.active .line{
display: none;
}
.i-wrap-thi .cent-cont .boxs.active .word{
width: 80%;
position: relative;
right: 10%;
margin-top: 20px;
}
}
@media (min-width: 1050px){
.i-wrap-fou li:hover{
z-index: 2;
overflow: visible;
}
.i-wrap-fou li:hover .hov-box{
top: -20px;
opacity: 1;
}
.i-wrap-sev li:hover .num{
margin-top: 36px;
}
.i-wrap-sev li:hover .up-cont{
width: 72.6%;
padding: 0 8.4%;
background: url(../images/bg_08.png) repeat 0;
left: 5.3%;
}
.i-wrap-sev li:hover .stit{
margin-top: 52px;
width: 65%;
}
.i-wrap-sev li:hover .word{
margin-top: 14px;
opacity: 1;
filter: alpha(opacity=100);
}
.i-wrap-sev li:hover img{
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
cursor: pointer;
}
.i-wrap-fiv .list li:hover img{
transform: scale(1.1, 1.1);
}
}
@media (max-width: 1024px){
.header-wrap{
height: 57px;
}
.case-tit.w1300{
width: 100%;
}
header::after{
display: none;
}
.notice-wrap{
padding-top: 30px;
}
.i-ban{
height: 354px;
}
.i-ban li{
height: 354px;
}
.i-ban li img{
margin-left: -500px;
left: 50%;
width: 1000px;
}
.i-wrap-sex .word{
width: 100%;
}
.i-wrap-fou li{
width: 33.3%;
}
.i-wrap-fir{
padding-bottom: 50px;
}
/*.i-wrap-fir .left-wrap,.i-wrap-fir .video-wrap{
float: none;
}*/
.i-wrap-fir .left-wrap{
width: 100%;
}
.i-wrap-fir .video-wrap{
top: 0;
float: left;
}
.i-wrap-fir .left-wrap .more{
display: block;
margin-top: 20px;
}
.i-ban .cent-cont{
top: 18%;
}
.i-ban .cent-cont .word{
display: none;
}
.i-ban .cent-cont a.more{
margin-top: 46px;
}
.i-wrap-fiv .list ul{
width: 100%;
}
.i-wrap-fiv .list li{
width: 100%;
margin-right: 0;
}
.i-wrap-fiv .list .img{
width: 46.6%;
float: left;
}
.i-wrap-fiv .list .cont{
width: 49%;
float: right;
}
.i-wrap-sev li img{
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
cursor: pointer;
}
.i-wrap-sev .flex-direction-nav{
display: none;
}
header{
/*position: relative;*/
top: 0;
left: 0;
opacity: 1;
height: auto;
padding-bottom: 14px;
width: 100%;
background-color: #fff;
}
header .top-link{
display: none;
}
.m-header-sub .lang{
display: block;
}
header .nav{
display: none;
}
header .logo{
width: 131px;
margin-top: 15px;
margin-left: 4%;
}
header .logo img{
width: 100%;
}
header .m-navico{
display: block;
}
.i-wrap-sev .flex-control-nav{
display: block;
}
.i-wrap-nine li{
width: 20%;
margin-right: 5%;
}
footer,.i-footer footer{
background-color: #120c0c;
padding-top: 0;
border-top: none;
}
footer .top-main{
display: none;
}
footer .bot-wrap{
border-top: none;
color: #b3b2b2;
height: auto;
}
footer .bot-wrap .link-box{
display: none;
}
footer .bot-wrap a{
color: #b3b2b2;
}
footer .bot-wrap a:hover{
color: #fff;
}
footer .intro{
float: none;
width: 100%;
text-align: center;
display: block;
line-height: 26px;
}
footer .intro span{
display: block;
width: 100%;
}
.i-wrap-ten{
display: none;
}
.i-wrap-eigh .list .word{
display: none;
}
.i-wrap-eigh .list li:hover .stit a{
color: #ea5a25;
}
.i-wrap-sev li .up-cont{
width: 72.6%;
padding: 0 8.4%;
/*background: url(../images/bg_08.png) repeat 0;*/
left: 5.3%;
}
.i-wrap-thi{
padding-top: 40px;
padding-bottom: 40px;
}
.i-wrap-thi .time-list,.i-wrap-thi .cent-scroll{
display: none;
}
.i-wrap-thi .m-scroll{
display: block;
}
.i-wrap-fiv{
padding-top: 0;
}
.i-wrap-fou ul{
margin-top: 0;
min-height: 200px;
}
.float-right{
position: relative;
width: 100%;
margin-top: 0;
background-color: #120c0c;
padding-top: 15px;
}
.float-right li{
width: 33%;
margin-bottom: 0;
background-color: #120c0c;
}
.float-right li.wx:hover .wx-box{
display: none;
}
footer .bot-wrap{
padding-top: 5px;
}
.float-right li a{
width: 100%;
text-align: center;
}
.float-right li .ico{
width: 15px;
width: 38px;
margin-top: 0;
display: inline-block;
}
.float-right li p{
display: inline-block;
vertical-align: top;
}
.line-tit{
padding-top: 0 !important;
}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 769px) and (max-width: 979px) {
body{
padding: 0;
}
}
/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
.header-wrap{
height: 57px;
}
.w1300{
width: 93.8%;
}
body{
padding: 0;
}
header .m-navico{
margin-right: 0;
}
header .logo{
margin-left: 0;
}
.i-wrap-sec .col-box{
width: 100%;
}
.i-wrap-fir .video-wrap{
width: 100%;
}
.i-wrap-fir .left-wrap li{
width: 90%;
padding-left: 10%;
font-size: 16px;
line-height: 30px;
background-position: left 5px !important;
}
.i-wrap-fir .video-wrap .up-cont .butn{
width: 60px;
height: 60px;
margin-left: -30px;
margin-top: -30px;
background-size: 100% auto;
}
.i-wrap-sev li .word{
display: none;
}
.i-wrap-sev li .num{
font-size: 58px;
line-height: 64px;
}
.i-wrap-sev li .stit{
font-size: 18px;
}
.i-wrap-fiv .list .cont{
padding-top: 0;
}
.i-wrap-fiv .list .stit{
line-height: 24px;
}
.i-wrap-eigh .list ul{
width: 100%;
}
.i-wrap-eigh .list li{
width: 100%;
margin-right: 0;
margin-bottom: 14px;
}
.i-wrap-nine ul{
width: 105.3%;
}
.i-wrap-nine li{
width: 28%;
margin-right: 5.3%;
}
.i-wrap-nine li img{
max-width: 100%;
max-height: 40px;
}
.i-wrap-eigh .list .word{
display: block;
}
.i-wrap-fou li{
width: 50%;
}
.join-info .tit-box .lab{
float: left;
width: 100%;
}
.join-info .tit-box .lab span{
margin-left: 0;
margin-right: 16px;
padding-left: 18px;
}
.i-wrap-fiv .list li{
padding-bottom: 25px;
}
.order .order-t{
width: 100%;
}
.order{
padding-bottom: 30px;
}
.order-t{
padding-bottom: 120px !important;
}
.i-wrap-thi .m-scroll li .word{
font-size: 16px;
line-height: 32px;
margin-top: 5px;
}
.i-wrap-sex{
height: 330px;
padding-top: 60px;
}
.contact-b li .tit .open{
top: 22px !important;
}
}
/* Landscape phones and down */
@media (max-width: 480px) {
.i-wrap-sec{
padding-top: 40px;
padding-bottom: 40px;
}
.i-wrap-sec h4{
font-size: 34px;
}
.i-wrap-sec .col-box{
margin-top: 20px;
}
.i-wrap-fiv .list .word{
display: none;
}
.i-wrap-fiv .list .date-box{
display: none;
}
.i-ban .cent-cont h4{
font-size: 32px;
}
.i-wrap-eigh .list .word{
display: none;
}
.i-wrap-eigh .list .stit{
margin-top: 16px;
}
.i-wrap-thi .m-scroll li{
width: 85%;
padding-left: 15%;
}
.i-wrap-sev li .num{
font-size: 32px;
line-height: 40px;
margin-top: 70%;
}
.i-wrap-sev li .stit{
font-size: 16px;
font-weight: normal;
}
.i-wrap-fiv h4,.i-wrap-sex h4,.i-wrap-eigh h4,.i-wrap-sec h4{
font-size: 28px;
line-height: 32px;
}
.i-wrap-fir .left-wrap{
padding-top: 20px;
padding-bottom: 40px;
}
.i-wrap-nine{
padding-top: 40px;
}
.i-wrap-nine li{
margin-bottom: 30px;
}
.i-wrap-fou li .ico-box{
margin-top: -41px;
}
.i-wrap-fou li .ico-box i{
width: 40px;
height: 40px;
background-size: 50% auto;
}
.i-wrap-fou li .ico-box p{
font-size: 16px;
line-height: 30px;
margin-top: 10px;
}
.i-wrap-fiv .list .stit{
height: 48px;
overflow: hidden;
position: relative;
}
.wel-newinfo .tit{
font-size: 20px;
}
}
@media (max-width: 450px) {
.i-wrap-nine li img{
max-height: 32px;
}
}