@charset "utf-8";




@media screen and ( max-width: 1024px){

	footer{
		padding: 32px 5% 64px;
		font-size:12px;
		color: #999999;
		width:100%;
	}
	footer .mob-footer-top{
    height: 192px;
    line-height: 48px;
	display: block;
	}
	
	footer .mob-footer-top .shareitem {
    display: inline-block;
    padding-left: 48px;
    background: no-repeat left center/32px auto;
    font-size: 16px;
    min-height: 48px;
    line-height: 48px;
    vertical-align: middle;
    position: relative;
    color: #333333;
}



	
	footer .mob-footer-top .shareitem + .shareitem{
		margin-left: 92px
	}
	footer .mob-footer-top .shareitem.wx{
		background-image: url('../png/wx-ico.png');
	}
	footer .mob-footer-top .shareitem.qq{
		background-image: url('../png/qq-ico.png');
	}
	footer .mob-footer-top .shareitem.qq:after{
		content: '';
		position: absolute;
		width: 1px;
		height: 40px;
		top: 50%;
		margin-top: -20px;
		left: -20px;
		background-color: #b2b2b2;
	}
	footer .mob-footer-top .shareitem.qq:before{
	content: '';
		position: absolute;
		width: 1px;
		height: 40px;
		top: 50%;
		margin-top: -20px;
		left: -20px;
		background-color: #b2b2b2;
	}
	footer .mob-footer-top .telbox{
		display: inline-block;
		vertical-align: middle;
		line-height: 18px;
		margin-left: 0px;
	}
	footer .mob-footer-top .telbox .d1{
	color: #e60012;
    font-size: 22px;
    padding-bottom: 8px;
    margin-top: 8px;
	}
	footer .mob-footer-top .telbox .telnumber{
		color: #333333;
		font-size: 14px;
	}
	footer .mob-footer-bottom {
	padding-top: 64px;
    text-align: center;
    font-size: 14px;
	}
	footer .mob-footer-bottom .abox{
		color: #333333;
		font-size: 0;
	}
	footer .mob-footer-bottom .abox a{
		font-size: 14px;
		position: relative;
	}
	footer .mob-footer-bottom .abox a + a{
		margin-left:12px;
	}
	footer .mob-footer-bottom .abox a + a:after{
		content: '';
		position: absolute;
		width: 1px;
		height: 14px;
		background-color: #999999;
		left: -6px;
		top: 50%;
		margin-top: -7px;
	}
/*	footer .mob-footer-bottom .d2{
		line-height: 20px;
	}*/
	footer .mob-footer-bottom .d2 span{
		display: inline-block;
		padding-left: 20px;
		background: url('../png/ga-ico.png') no-repeat left center/14px auto;
		margin-left: 8px;
	}
}

@media screen and ( max-width: 767px){

.zylogo{
	margin-top:23%  !important;
	}
.zylogo img{ width:100%;
	}
.zylogo2{
	margin:10px 10px 0px 10px;
	}	
.zylogo3{
	margin-top:20px  !important;
	}	


	footer{
	
		font-size:.6rem;
		color: #999999;
	}
	footer .mob-footer-top .shareitem + .shareitem{
		margin-left: .75rem;
	}
	footer .mob-footer-top .shareitem.qq:after{
		left: -0.5rem;
	}
	footer .mob-footer-top .shareitem.qq:before{
		right:-0.5rem;
	}
	footer .mob-footer-top .telbox{
		margin-left:1rem;
	}
	
	footer .mob-footer-bottom .abox a + a{
		margin-left: .6rem;
	}
	footer .mob-footer-bottom .abox a + a:after{
		left: -.3rem;
	}
	.wow{
	    visibility: visible;
	}
	.pcitem{
		display: none;
	}
	.mobitem{
	    display: block;
	}
	#main .wrap1 li{
		width: 100%;
	}
	#main .wrap1 li .pro-name{
		font-size: 1.2rem;
		top:1.16rem;
		left:1.6rem;
		transform: translate(0%);
	}
	#main .wrap2{
		padding: 1.6rem 0;
	}
	#main .wrap2 .tit{
		font-size: 1.5rem;
	}
	#main .wrap2 .subtx{
		font-size: .8rem;
	}
	#main .wrap2 .swiper-container{
		margin-top: .53rem;
	}
	#main .wrap2 .swiper-slide{
		width: 100%;
		margin: 0;
	}
	#main .wrap2 .swiper-slide .map3play{
		width: 1.4rem;
		height: 1.5rem;
		font-size: 0;
		padding-top: 0;
		margin-top: .8rem;
	}
	#main .wrap3{
		padding:1.6rem 1rem 1.6rem;
	}
	#main .wrap3 .tit{
		font-size:1.2rem;
	}
	#main .wrap3 .swiper-container{
		margin: 1.5rem 0 0;
	}
	#main .wrap3 .swiper-container .swiper-slide{
		width: 100%;
	}
	#main .wrap3 .swiper-container .swiper-slide .text{
		font-size: 1rem;
		padding: .46rem 0 0;
	}
	#main .wrap3 .swiper-container .swiper-slide .data{
		font-size: .8rem;
		padding-top: 0;
	}
	#main .wrap3 .more{
		/*display: none;*/
		font-size: .8rem;
	    width: 5.75rem;
	    height: 1.8rem;
	    line-height: 1.8rem;
	    border: 1px solid #e30920;
	    margin-top: 1.5rem;
	}
	#main .wrap3 .swiper-container .swiper-pagination{
	    display: block;
	    position: relative;
	    bottom: 0;
	    margin: 1.3rem 0 0;
	}
	#main .wrap3 .swiper-container .swiper-pagination .swiper-pagination-bullet{
		margin: 0 4px;
		background-color: rgba(153,153,153,.44);
	}
	#main .wrap3 .swiper-container .swiper-pagination .swiper-pagination-bullet-active{
		background-color: rgba(153,153,153,1);
	}
	#main .wrap4{
		height: 18rem;
	}
	#main .wrap4 .text{
		margin-top: 5.6rem;
		max-width: 60%;
	}
	#main .wrap4 .text .tit{
		font-size: 1.2rem;
	}

	
	#main .wrap4 .text .subtx{
		font-size:.8rem;
	}
	#main .wrap4 .text .more{
		font-size: 0.8rem;
		width: 5.75rem;
		height: 1.8rem;
		line-height: 1.8rem;
		border: 1px solid #fff;
		margin-top: .6rem;
	}
	#main .wrap5{
		padding: 0;
		 margin-bottom: 10px;
	}
	#main .wrap5 .item{
		padding:  0 10px;
		width: 100%;
	}
	#main .wrap5 .item a{
		height: 12.3rem;
	}
	#main .wrap5 .item .tit{
		font-size:1.2rem;
		margin-top:4rem;
	}
	#main .wrap5 .item .more{
		width:5.75rem;
		height:1.8rem;
		line-height:1.8rem;
		border: 1px solid #fff;
		font-size:.8rem;
		margin-top: 0.6rem;
	}
	#main .iban:after{
		display: none;
	}
	#main .iban .text{
		bottom: auto;
		top:10rem;
		font-size:1.2rem;
		text-align: center;
		left: 0;
		width: 100%;
	}
	#main .iban .play{
		position: absolute;
		width: 2.8rem;
		height:2.8rem;
		background: url('../png/play.png') no-repeat center/100%;
		top: 15rem;
		left: 50%;
		margin-left: -1.4rem;
		cursor: pointer;
	}
	
	#main .iban .swiper-pagination{
		bottom:1.9rem;
	}
	
	header.mhd{
	    position: fixed;
	    width: 100%;
	    height:2.3rem;
	    top: 0;
	    left: 0;
	    z-index: 99;
	}
	header.mhd .logo{
	    float: left;
	    height: 100%;
	}
	header.mhd .logo img{
	    width: auto;
	    height: 100%;
	}
	header.mhd .navbtn{
	    position: absolute;
	    width:1.46rem;
	    height: 1.1rem;
	    right:1rem;
	    top:.6rem;
	}
	header.mhd .navbtn .line{
	    position: absolute;
	    width: 100%;
	    height: 2px;
	    top: 0;
	    background-color: #fff;
	}
	header.mhd .navbtn .line2{
	    top: 50%;
	    margin-top: -1px;
	}
	header.mhd .navbtn .line3{
	    top: 100%;
	    transform: translate(0,-2px);
	}
	.fixnav-m .fixnav-controls{
		height: 2.3rem;
		line-height: 2.3rem;
		padding: 0 1rem;
		border-bottom: 1px solid #e6e5e5;
		position: relative;
	}
	.fixnav-m .fixnav-controls .close{
		position: absolute;
		width: .66rem;
		height: .66rem;
		background: url('../png/close-ico.png') no-repeat center/100%;
		right: 1rem;
		top: 50%;
		margin-top: -.33rem;
	}
	.fixnav-m .fixnav-controls .close:after{
	    content: '';
	    width: 100%;
	    height: 100%;
	    padding: .33rem;
	    margin: -.33rem;
	    display: block;
	    position: absolute;
	    top: 0;
	    left: 0;	
	}
	.fixnav-m .fixnav-controls .searchbtn{
		display: inline-block;
		width: .6rem;
		height: .6rem;
		vertical-align: middle;
		background: url('../png/search-ico.png') no-repeat center/100% auto;
	}
	.fixnav-m .fixnav-controls .userbtn{
		display: inline-block;
		width: .6rem;
		height: .6rem;
		vertical-align: middle;
		background: url('../png/user-ico.png') no-repeat center/100% auto;
		margin: 0 1.6rem;
		position: relative;
	}
	.fixnav-m .fixnav-controls .userbtn:after,
	.fixnav-m .fixnav-controls .userbtn:before{
		content: '';
		position: absolute;
		width: 1px;
		height: .73rem;
		background-color: rgba(115,115,115,.2);
		top: 50%;
		margin-top: -.36rem;
		left: -.6rem;
	}
	.fixnav-m .fixnav-controls .userbtn:after{
		left: auto;
		right: -.6rem;
	}
	.fixnav-m .fixnav-controls .lang{
		display: inline-block;
		font-size: .6rem;
		color: #333333;
		vertical-align: middle;
		text-transform: uppercase;
	}
	.fixnav-m .fixnav-list a{
		display: block;
		height: 2.2rem;
		line-height: 2.2rem;
		background-color: #f7f7f7;
		border-bottom: 1px solid #e3e3e3;
		font-size: .75rem;
		color: #333333;
		padding: 0 2rem;
		position: relative;
	}
	.fixnav-m .fixnav-list a:after{
		content: '';
		width: .3rem;
		height: .56rem;
		background: url('../png/alink-arrow.png') no-repeat center/100% auto;
		position: absolute;
		right: 1.13rem;
		top: 50%;
		margin-top: -.3rem;
	}
	.fixnav-m .fixnav-list a:nth-child(2n){
		background-color: #fff;
	}
	.search-box{
	    position: fixed;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    z-index: 101;
	    display: none;
	}
	.search-box .black {
	    position: fixed;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	    background: rgba(0,0,0,0.7);
	    z-index: 99;
	}
	
	.m-search-box{
	   	width: 92%;
	    border: 1px solid #aaa;
	    position: fixed;
	    left: 3%;
	    top: 54px;
	    height: 2.66rem;
	    z-index: 100;
	    display: none;
	}
	
	#main .wrap2 .swiper-container  .swiper-button-prev{
		background-image:none;
	}
	#main .wrap2 .swiper-container  .swiper-button-next{
		background-image:none;
	}
	#main .wrap2 .swiper-container  .swiper-button-prev.dis,
	#main .wrap2 .swiper-container  .swiper-button-next.dis{
		opacity: .5;
	}
	#main .wrap2 .swiper-container .swiper-button-next,#main .wrap2 .swiper-container  .swiper-button-prev{
		width: 2rem;
		height: 2rem;
		margin-top: -1rem;
		background-size: 100% auto;
		z-index: 9;
		color:#666;
		font-size:24px;
	}
	#main .wrap2 .swiper-container .swiper-button-next:after,#main .wrap2 .swiper-container  .swiper-button-prev:after{
		content:'\e667';
		text-align:center;
		line-height:2rem;
		display:block;
	}
	#main .wrap2 .swiper-container .swiper-button-next:after{
		transform:rotate(-180deg);
	}
	
	#main .iban{
		 height:39rem; 
	}
}

@media screen and ( max-width:414px){
#main .iban{
		 height:38.8rem; 
	}
}


@media screen and ( max-width:375px){
#main .iban{
		 height:35.5rem; 
	}
}

@media screen and ( max-width:360px){
#main .iban{
		 height:39rem; 
	}
}

@media screen and ( max-width:360px) and (device-height : 640px) {
#main .iban{
		 height:35rem; 
	}
}


@media screen and ( max-width:425px){
	.look-btn{
		font-size:14px;
	}
	.look-btn:before{
		font-size:12px;
	}
}