/*# sourceMappingURL=style.css.map */

@media (max-width: 1024px){
	.wrap{
		padding: 0 .3rem;
	}
	.ispc{
		display: none !important;
	}
	.ismob{
		display: block !important;
	}
	.headerbox{
		padding: 0;
	}
	header{
		height: 1.2rem;
		line-height: 1.2rem;
		width: 100%;
		margin: 0;
		top: 0;
		background-color: #111111;
		padding-right: .3rem;
		box-sizing: border-box;
	}
	header nav{
		position: fixed;
		width: 100%;
		top: 1.2rem;
		display: block;
		height: calc(100% - 1.2rem);
		background: #111111;
		padding: .2rem 0 0;
		display: none;
	}
	header nav .item{
		display: block;
		color: #fff;
		text-align: left;
		margin: 0 .3rem;
		line-height: .8rem;
		font-size: .28rem;
	}
	header nav .item:after{
		display: none;
	}
	header nav .item a{
		display: block;
	}
	header nav .item a.issub{
		background: url('../img/ico_03.png') no-repeat center right/.26rem auto;
	}
	header nav .item.cur a.issub{
		background-image: url('../img/ico_03_h.png');
	}
	header nav .item .subcon{
		position: relative;
		top: 0;
		left: 0;
		max-height: 100%;
		background: #111111;
		display: none;
	    transition: all 0s ease;
	}
	header nav .item .subcon .box{
		padding: .1rem .3rem .2rem;
	}
	header nav .item .subcon a{
		font-size: .24rem;
	}
	header .wx{
		width: .4rem;
		font-size: 0;
		border-left: none;
		background-image: url('../img/msearbtn.png');
		background-size: .4rem auto;	
		margin-top: 0;
		height: 1.2rem;
		margin-right: .7rem;
	}
	header .navbtn{
		width: .5rem;
		height: .34rem;
		float: right;
		margin-top: .44rem;
		position: relative;
	}
	header .navbtn .line{
		width: 100%;
		height: .06rem;
		background-color: #ffffff;
		position: absolute;
		top: 0;
		left: 0;
		border-radius: .03rem;
	}
	header .navbtn .line2{
		top: 50%;
		margin-top: -.03rem;
	}
	header .navbtn .line3{
		top: 100%;
		transform: translate(0,-0.06rem);
	}
	body{
		padding-top: 1.2rem;
	}
	#main .banner .swiper-pagination{
		width: 100%;
		height: .16rem;
		bottom: .28rem;
		transform: none;
		text-align: center;
		left: 0;
		top: auto;
	}
	#main .banner .swiper-pagination .swiper-pagination-bullet{
		display: inline-block;
		width: .10rem;
		height: .10rem;
		border-radius: 100%;
		border: 1px solid #fff;
		background-color: transparent;
		margin: 0 .07rem;
		vertical-align: top;
	}
	#main .banner .swiper-pagination .swiper-pagination-bullet-active{
		background-color: #fff;
	}
	#main h3.tit{
		font-size: .32rem;
		font-weight: normal;
	}
	#main h3.tit span{
		font-size: .42rem;
	}
	#main .wrap1{
		padding: .7rem 0;
		background-color: #f5f5f5;
	}
	#main .wrap1 .tap-box{
		margin-top: .74rem;
		margin: 0 -.3rem;
	}
	#main .wrap1 .tap-tit{
		font-size: 0;
		text-align: center;
		margin-bottom: .3rem;
	}
	#main .wrap1 .tap-tit a{
		display: inline-block;
		width: 33.33%;
		box-sizing: border-box;
		position: relative;
		z-index: 2;
	}
	#main .wrap1 .tap-tit a + a{
		border-left: 1px solid #e1e1e1;
	}
	#main .wrap1 .tap-tit a .ico{
		width: .8rem;
		height: .7rem;
		margin: 0 auto;
		background: no-repeat center/.61rem auto;
	}
	#main .wrap1 .tap-tit a .ico img{
		width: 100%;
	}
	#main .wrap1 .tap-tit a .ico .ico2{
		display: none;
	}
	#main .wrap1 .tap-tit a:after{
		content: '';
		display: block;
		position: absolute;
		width: .17rem;
		height: .1rem;
		background: url('../img/marrow.jpg') no-repeat center/cover;
		bottom: calc(-.3rem - 1px);
		left: 50%;
		transform: translate(-50%, 0);
		opacity: 0;
		transition: all .4s ease-out;
	}
	#main .wrap1 .tap-tit a.on:after{
		opacity: 1;
	}
	#main .wrap1 .tap-tit a.on .ico1{
		display: none;
	}
	#main .wrap1 .tap-tit a.on .ico2{
		display: block;
	}
	/*#main .wrap1 .tap-tit a:nth-child(1) .ico{
		background-image: url('../img/ico1.png');
	}
	#main .wrap1 .tap-tit a:nth-child(2) .ico{
		background-image: url('../img/ico2.png');
	}
	#main .wrap1 .tap-tit a:nth-child(3) .ico{
		background-image: url('../img/ico3.png');
	}
	#main .wrap1 .tap-tit a:nth-child(4) .ico{
		background-image: url('../img/ico4.png');
	}
	#main .wrap1 .tap-tit a.on:nth-child(1) .ico{
		background-image: url('../img/ico1-h.png');
	}
	#main .wrap1 .tap-tit a.on:nth-child(2) .ico{
		background-image: url('../img/ico2-h.png');
	}
	#main .wrap1 .tap-tit a.on:nth-child(3) .ico{
		background-image: url('../img/ico3-h.png');
	}
	#main .wrap1 .tap-tit a.on:nth-child(4) .ico{
		background-image: url('../img/ico4-h.png');
	}*/
	#main .wrap1 .tap-tit a .d1{
		font-size: .24rem;
		color: #363535;
		padding-top: .5em;
	}
	#main .wrap1 .tap-body{
		position: relative;
		border-top: 1px solid #d5d5d5;
		border-bottom: 1px solid #d5d5d5;
	}
	#main .wrap1 .tap-item{
		height: 1.78rem;
		padding: .5rem 0 0 .5rem;
		box-sizing: border-box;
		display: none;
	}
	#main .wrap1 .tap-item:first-child{
		display: block;
	}
	#main .wrap1 .tap-item .d1{
		display: inline-block;
		line-height: 1;
		vertical-align: top;
	}
	#main .wrap1 .tap-item .d1 em{
		font-size: .58rem;
		color: #444444;
		font-style: normal;
		font-weight: bold;
	    font-family: 'CenturyGothicStd-Bold';
	}
	#main .wrap1 .tap-item .d1 .unit-box{
		display: inline-block;
	}
	#main .wrap1 .tap-item .d1 span{
		display: block;
		font-size: .2rem;
		font-weight: bold;
		color: #444444;
		text-transform: uppercase;
		/*top: -1em;
		left: .25em;
		position: relative;*/
	}
	#main .wrap1 .tap-item .d1 .unit-box .jia{
		font-size: .3rem;
		line-height: .3rem;
		font-weight: bold;
		margin-bottom: .1rem;
	}
	#main .wrap1 .tap-item.tap-item4 .d1 span:before{
		content: "+";
		display: none;
	}
	#main .wrap1 .tap-item .d2{
		font-size: .26rem;
		color: #666666;
		line-height: .32rem;
		margin-left: .36rem;
		display: inline-block;
		max-width: 4.34rem;
		vertical-align: top;
	}
	#main .wrap1 .con{
		width: 100%;
		text-align: justify;
		font-size: .26rem;
		line-height: .5rem;
		color: #666666;
	}
	#main .wrap1 .box{
		margin-top: .66rem;
	}
	#main .wrap1 .left .item{
		width: 100%;
		padding: .4rem 0 .48rem 0;
		float: none !important;
	}
	#main .wrap1 .left .item .d2{
		height: auto;
	}
	#main .wrap1 .left .item:first-child{
		border-top:1px solid #e8e8e8
	}
	#main .wrap1 .left .item .ico{
		width: 1rem;
		height: 1rem;
		margin: .2rem .15rem 0 0;
	}
	#main .wrap1 .left .item .text{
		max-width: calc(100% - 1.4rem);
	}
	#main .wrap1 .left .item .d1{
		font-size: .96rem;
	}
	#main .wrap1 .left .item .d1 span{
		font-size: .36rem;
	}
	#main .wrap1 .left .item .d2{
		font-size: .28rem;
		padding-top: 0;
	}
	#main .wrap1 .pointlist .item{
		width: 1.11rem;
		height: 1.11rem;
	}
	#main .wrap1 .pointlist .point{
		width: .16rem;
	}
	#main .wrap1 .pointlist .radio1{
		width: .4rem;
		height: .4rem;
	}
	#main .wrap1 .pointlist .radio2{
		width: .68rem;
		height: .68rem;
	}
	#main .wrap1 .pointlist .radio3{
		width: 1.11rem;
		height: 1.11rem;
	}
	#main .wrap1 .right{
		margin: .6rem 0 0;
	}
	#main .wrap2{
		height: auto;
	}
	#main .wrap2 .bg{
		top: 0 !important;
		transform: none;
		position: relative;
	}
	#main .wrap2 .text{
		line-height: .77rem;
	}
	#main .wrap2 .text .con{
		font-size: .56rem;
	}
	#main .wrap2 .text .con:after{
		height: .03rem;
	}
	#main .wrap3 .wrap{
		transform: translate(-50%, 0);
		top: .84rem;		
	}
	#main .wrap3 .text{
		text-align: center;
		line-height: .8rem;
	}
	#main .wrap3 .text .d2{
		font-size: .48rem;
	}
	#main .wrap3 .text .d2 br{
		display: none;
	}
	#main .wrap3 .text .d1{
		font-size: .28rem;
		font-weight: bold;
	}
	#main .wrap3 ul{
		width: 5.74rem;
		margin: 0.4rem auto 0;
	}
	#main .wrap3 ul li{
		width: 50%;
	    padding: 0 .3rem .2rem;
	}
	#main .wrap4{
		padding: 1rem 0 .7rem;
	}
	#main .wrap4 ul{
		margin: .3rem 0 0;
	}
	#main .wrap4 li{
		width: 33.33333%;
		padding: 0;
	}
	.div2-content img{
      width: 80%;
	}
	.div4-content{
		width: 100%; 
		height: 100%;
		position: absolute;
		top: 0%;
		text-align: center;
	}
	.div4-content img{
		width: 80%;
	  }
	.div4-content iframe{
		width: 100%;
		height: 100%;
	  }
	.div3-content{
		font-size: 0.3rem;
		top: 10%;
		margin-left: -30%;
	}
	footer{
		padding: .1rem 0 .15rem;
	}
	footer .flog{
		width: 2rem;
		display: block;
		margin: 0 auto .3rem;
	}
	footer .f-desc{
		display: block;
		text-align: center;
		font-size: .15rem;
		line-height: .3rem;
		width: 5rem;
		margin: 0 auto;
	}
	footer .f-desc .ww{
		margin-top: .3rem;
	}
	footer .wximg{
		width: 100%;
		text-align: center;
		display: block;
		margin-top: .34rem;
		padding-bottom: .1rem;
	}
	footer .wximg .d1{
		font-size: .2rem;
		padding-bottom: .1rem;
	}
	footer .wximg img{
		width: 1.4rem;
	}
	.wow{
		visibility: visible;
	}
	.m-close-search{
	    display: block;
	    width: 15px;
	    height: 15px;
	    background: url(http://192.168.0.92/hqyt/static/web/css/../img/ico_07.png) no-repeat center;
	    background-size: 100% auto;
	    position: fixed;
	    right: 4%;
	    top: 15px;
	    cursor: pointer;
	    z-index: 11;
	    display: none;
	}
	.m-search-box{
	   	width: 92%;
	    border: 1px solid #aaa;
	    position: fixed;
	    left: 3%;
	    top: 54px;
	    height: 0.8rem;
	    z-index: 100;
	    display: none;
	}
	.m-search-box input.tex{
	    border: none;
	    background: none;
	    font-size: 0.24rem;
	    font-family: "Arial";
	    color: #a7a7a7;
	    height: 0.26rem;
	    line-height: 0.24rem;
	    padding: 0.27rem 4%;
	    width: 80%;
	}
	.m-search-box input.search-btn{
	    border: none;
	    width: 0.7rem;
	    height: 0.8rem;
	    background: url(http://192.168.0.92/hqyt/static/web/css/../img/ico_08.png) no-repeat center;
	    background-size: 0.4rem auto;
	    margin: 0;
	}
}