@charset "utf-8";

@media (max-width: 1500px) {
	.w1300{
		width: 90%;
	}
	header{
		margin-left: 0;
		/*left: 5%;*/
	}
	.i-ban .cent-cont{
		margin-left:-580px
	}
	.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%;
	}
	.i-ban{ height:610px}
	.i-ban li img {
    width: 1500px;
    position: relative;
    left: 50%;
    margin-left: -750px;
    top: 0;
}
}
@media (max-width: 1280px) {
	.i-ban .cent-cont {
    margin-left: -480px;
}
}
@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,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#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){
	.i-ban .flex-direction-nav li{ width:30px; height:48px; background-size:100%;    top: 60%}
	.i-ban .flex-direction-nav li.flex-nav-next{ width:30px; height:48px; background-size:100%;}
	.header-wrap{
		height: 57px;
	}
	.case-tit.w1300{
		width: 100%;
		margin-bottom:15px;
	}
	header::after{
		display: none;
	}
	.notice-wrap{
		padding-top: 30px;
	}
	.i-ban{
		height:415px;
	}
	.i-ban li{
		height: 415px;
	}
	.i-ban li img{
		margin-left: -500px;
		left: 50%;
		width: 1000px;
	}
	.i-wrap-sex .word{
		width: 100%;
	}
	.i-wrap-fou li{
		width:calc(25% - 1px);
		margin-bottom:1px;
		margin-left:1px;
	}
	.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%;
		padding-bottom: 0;
	}
	.i-wrap-fir .video-wrap{
		top: 0;
		width:100%
	}
	.i-wrap-fir .left-wrap .more{
		display: block;
		margin-top: 20px;
	}
	.i-ban .cent-cont{
		top: 18%;
	}
	.i-ban .cent-cont h4 {
    font-size: 32px;
    line-height: 32px;
    color: #fff;
}
	.i-ban .cent-cont .word{
		 line-height: 16px;
    font-size: 18px;
    font-weight: bold;
    margin-top: 15px;
    width: 100%;
    color: #fff;
	}
	.i-ban .cent-cont {
    top: 15%;
    width: 100%;
    height: 75px;
	padding:0;
    margin-left: -400px;
}
	.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,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#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: 91px;
		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: left;
    width: 60%;
    text-align: left;
    display: block;
    line-height: 26px;
	padding-top:20px;
	}
	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;
    }
}
@media (max-width: 900px) {
.i-ban .cent-cont{ margin-left: -370px;}
}
/* Landscape phone to portrait tablet */
@media (max-width: 768px) {
	.i-ban .flex-direction-nav{ display:none}
	.i-ban .flex-control-nav{ display:block}
	.i-ban{
		height: 350px;
	}
	.i-ban li{
		height: 350px;
	}
	.i-ban li img{
		margin-left: -450px;
		left: 50%;
		width:900px;
	}
	.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: 48%;
    margin-left: 2%;
    }
    .i-wrap-nine li img{
    	max-width: 100%;
    	max-height: 40px;
    }
	.i-wrap-eigh .list .word{
		display: block;
	}
	.i-wrap-fou li{
		width: calc(50% - 1px)
	}
	.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;
	}
	.i-ban .cent-cont{ margin-left:-300px;}
}

@media (max-width: 680px) {
	.i-ban .cent-cont h4 {
    font-size: 22px;
}
.i-ban .cent-cont .word {
    line-height:18px;
    font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
    width: 100%;
    color: #fff;
}
.i-ban .cent-cont {
	width:80%;
    margin-left: -200px;
}
.i-ban {
    height: 275px;
}
.i-ban li img {
    margin-left: -340px;
    left: 50%;
    width: 680px;
}
}

/* Landscape phones and down */
@media (max-width: 480px) {
	.i-wrap-fir .left-wrap .span1 {
    font-size: 26px;
    font-weight: bold;
    width: 100%;
    line-height: 30px;
	margin-bottom:10px;
}
	.i-ban{
		height: 195px;
	}
	.i-ban li{
		height: 195px;
	}
	.i-ban li img {
    margin-left: -250px;
    left: 50%;
    width: 500px;
}
	.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: 22px;
	}
	.i-ban .cent-cont {
    top: 15%;
    width:82%;
    height: 60px;
    padding: 0;
	margin-left:-170px;
}
 
.i-ban .cent-cont .word {
    line-height: 18px;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    width:100%;
    color: #fff;
}
	.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: 26px;
    	line-height: 32px;
		
    }
    .i-wrap-fir .left-wrap{
    	padding-top: 20px;
    	padding-bottom: 0;
    }
    .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;
	}
}