/*# sourceMappingURL=style.css.map */
@media (max-width: 991px){
	.wrap{
		width: 80%;
		max-width: 100%;
	}
	.search-bg {
	  position: fixed;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 999;
	  background-color: #000;
	  opacity: 0.8;
	  filter: Alpha(opacity=80);
	  display: none;
	}

	.m-search-box {
	  width: 92%;
	  border: 1px solid #aaa;
	  position: fixed;
	  left: 3%;
	  top: 54px;
	  height: 0.8rem;
	  z-index: 1000;
	  display: none;
	}
	.m-search-box select{
		width: 30%;
		height: 0.8rem;
		line-height: 0.24rem;
     	padding: 0.27rem 4%;
     	font-size: .24rem;
     	color: #a7a7a7;
     	float: left;
     	border-right: 1px solid  #aaa;
     	background:transparent url('../img/sel-down.png') no-repeat 80%/9px auto;
	}
	.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: 50%;
	}
	.m-search-box input.search-btn {
	  border: none;
	  width: 0.7rem;
	  height: 0.8rem;
	  background: url(../img/ico_08.png) no-repeat center;
	  background-size: 0.4rem auto;
	}
	.m-close-search {
	  display: block;
	  width: 15px;
	  height: 15px;
	  background: url(../img/ico_07.png) no-repeat center;
	  background-size: 100% auto;
	  position: fixed;
	  right: 4%;
	  top: 15px;
	  cursor: pointer;
	  z-index: 1001;
	  display: none;
	}
	/* end */
	.ad .text .fz60{
		font-size: .44rem;
	}
	.fz48{
		font-size: .4rem;
	}
	.fz36{
		font-size: .36rem;
	}
	.fz30{
		font-size: .32rem;
	}
	.fz24{
		font-size: .3rem;
	}
	.fz18{
		font-size: .3rem;
	}
	.fz16,
	.fz15{
		font-size: .26rem;
	}
	.fz14{
		font-size: .24rem;
	}
	.fz13{
		font-size: .23rem;
	}
	#main .wrap2 .whalf{
		width: 100%;
	}
	#main .wrap3 .htbox{
		position: relative;
		top: 0;
		transform: none;
	}
	#main .wrap3 .htbox{
		width: 100%;
	}
	#main .wrap3 .swiper-slide{
		width: auto;
		position: relative;
		padding-right: .2rem;
	}
	#main .wrap3 .swiper-slide:last-child{
		padding-right: 0;
	}
	#main .wrap3 .swiper-slide img{
		width: 6.7rem;
		vertical-align: top;
	}
	#main .wrap3 .swiper-slide .fz18{
		position: absolute;
		color: #fff;
		left: .8rem;
		bottom: .3rem;
	}
	#main .wrap3 .htbox .con p{
		display: block;
	}
	header .logo{
		width: 1.5rem;
	}
	header nav{
		position: absolute;
		top: 100%;
		z-index: 3;
		height: auto;
		background-color: #f5f5f5;
	    width: 92%;
	    padding: 0.5rem 4% 0.28rem;
	    line-height: 1;
		display: none;
	}
	header nav .item{
		width: 100%;
		margin-left: 0;
		padding: 0;
	}
	header nav a.tit{
	    display: block;
	    width: 91%;
	    padding: 0 4.5%;
	    line-height: 0.66rem;
	    color: #000;
	    position: relative;
	}
	header nav a.tit:after{
	    content: '';
	    display: block;
	    width: 0.26rem;
	    height: 0.26rem;
	    background: url(../img/ico_03.png) no-repeat center;
	    background-size: 100% auto;
	    position: absolute;
	    right: 0.3rem;
	    top: 0.18rem;
	}
	header nav a.tit.nocon:after{
		background: url('');
	}
	header nav a.tit.on{
	    background-color: #183883;
	    color: #fff;
	}
	header nav a.tit.on:after{
		background-image: url('../img/ico_03_h.png');
	}
	header nav .item .sel-con{
		border-top: 0;
	}
	header nav .item .sel-con{
	    line-height: 0.54rem;
	    padding: 0.2rem 4.5%;
	    display: none;
		display: block;
		width: auto;
		max-width: 100%;
		position: relative;
		background: transparent;
		display: none;
	}
	header nav .item .sel-con a{
		border: none;
	    background: url(../img/ico_04.png) no-repeat left center;
	    background-size: 0.06rem auto;
	}
	header .r-side{
		height: 100%;
	}
	header .mobsearico{
		height: 100%;
		width: .4rem;
		background: url('../img/6.png') no-repeat center/100% auto;
		float: right;
	}
	header .navbar .line{
		width: 100%;
		height: .04rem;
		background-color: #163685;
		left: 0;
		position: absolute;
		transition: all .3s ease-out;
	}
	header .navbar .line1{
	    top: 0;
	    transform-origin: left top 0;
	}
	header .navbar .line2{
	    top: 0.129rem;
	}
	header .navbar .line3 {
		top: auto;
	    bottom: 0;
	    transform-origin: left bottom 0;
	}
	header .navbar.hover .line{
	    left: 0.06rem;
	}
	header .navbar.hover .line1{
    	transform: rotate(45deg);
	} 
	header .navbar.hover .line2{
	    transform: rotate(0deg);
	    opacity: 0;
	}
	header .navbar.hover .line3{
    	transform: rotate(-45deg);
	}
	header .navbar{
		float: right;	
		margin:0 .3rem 0;
	    width: 0.4rem;
	    height: 0.3rem;
	    position: relative;
	    cursor: pointer;
	    margin-top: 0.24rem;
    	min-height: auto;
	}
	header nav .item.on:after{
		display: none;
	}
	#main .wrap2 .text{
		padding: .7rem .8rem .9rem;
	}
	#main .wrap3 .htbox .box{
		width: 100%;
		padding: .7rem .8rem .9rem;
		box-sizing: border-box;
	}
	#main .wrap3 .htbox .more,
	#main .wrap2 .text .more{
		display: block;
		width: 1.85rem;
		height: .52rem;
		border: 1px solid #163685;
		color: #153585;
		line-height: .52rem;
		text-align: center;
		margin-top: .6rem;
	}
	footer .left{
		width: 100%;
		max-width: 100%;
		text-align: center;
		padding-left: 0;
	}
	#main .wrap2 .text .en{
		opacity: .5;
	}
	#main .wrap3 .swiper-button-prev,
	#main .wrap3 .swiper-button-next{
		width: 21px;
		height: 37px;
		background: url('../img/7.png') no-repeat center/cover;
	}
	#main .wrap3 .swiper-button-next{
		transform: rotate(180deg);
	}
	#main .wrap1 .text{
		border-left: .05rem solid #fff;
	}
	#main .iban .wrap{
		width: calc(100% - 1.6rem);
		max-width: 100%;
	}
	#main .iban .wrap .text{
		width: 100%;
		max-width: 100%;
	}
	body{
		padding-top: .77rem;
	}
	body .swiper-pagination .swiper-pagination-bullet{
		width: .18rem;
		height:.18rem;
		margin: 0 .07rem;
	}
	header{
		height: .77rem;
		line-height: .77rem;
	}
	header .logo{
		height: .77rem;
	}
	#main .wrap4 .play{
		color: #fff;
	}
	body .swiper-container-horizontal>.swiper-pagination{
		bottom: .8rem;
	}
	#about .wrap1 .left{
		width: 100%;
	}
	#about .wrap1 .right{
		width: 100%;
		margin-top: .6rem;
	}
	.topnav .swiper-slide a,
	.topnav,
	.circuit_nav.topnav .swiper-container:after{
		height: .8rem;
		line-height: .8rem;
	}
	.topnav .wrap{
		max-width: 100%;
		width: 100%;
	}
	#news .wrap1 .wrap li a{
		padding: .4rem;
	}
	#news .wrap1 .wrap li .imgs{
		width: 100%;
		padding-right: 0;
	}
	#news .wrap1 .wrap li .text{
		width: 100%;
	}
	#news .wrap1 .wrap li .more{
	    width: 1.5rem;
	    height: .5rem;
	    line-height: .5rem;
	    padding: 0 .2rem;
	    margin-top: .4rem;
	}
	#news .wrap1 .wrap li .more:after{
	    width: .3rem;
	    height: 100%;
	    background-size: 100% auto;
	}
	#news .wrap1 .wrap li .text{
		margin-top: .3rem;
	}
	#news .wrap1 .wrap li.noimg .text{
		margin-top: 0;
	}
	.paging{
		padding: .15rem .2rem;
	}
	#news .wrap1 .paging{
		margin-top: .6rem;
	}
	#news .wrap1{
		padding-bottom: 1rem;
	}
	#idea .swiper-container-horizontal>.swiper-pagination{
		bottom: 0;
	}
	#idea .wrap1 ul{
		width: calc(100% + .3rem);
		margin-left: -.15rem;
	}
	#idea .wrap1 ul li{
		width: calc(50% - .3rem);
		margin: 0 .15rem .3rem;
	}
	#idea .wrap2 .swiper-button-prev, #idea .wrap2 .swiper-button-next{
		width: .32rem;
		height: .57rem;
	}
	#idea .wrap1{
		margin-top: .4rem;
	}
	#idea .wrap1 ul li .ico img{
		width: 1rem;
	}
	#honor .wrap1 ul li{
		width: calc(50% - .3rem);
	}
	.topnav .swiper-container{
		max-width: 100%;
		width: 100%;
	}
	#circuit .wrap1,
	#search .wrap1{
		margin-top: .6rem;
	}
	#circuit .wrap1 ul,
	#search .wrap1 .circuitlist{
		width: calc(100% + .3rem);
		margin-left: -.15rem;
	}
	#circuit .wrap1 ul li,
	#search .wrap1 .circuitlist li{
		width: calc(50% - .3rem);
		margin: 0 .15rem .3rem;
	}
	.circuit_nav.topnav .swiper-container{
		width: calc(100% - .8rem);
	}
	.topnav .wrap .leftmark,
	.topnav.circuit_nav .next,
	.topnav.circuit_nav .prev,
	.topnav .swiper-container:after{
		height: .8rem;
	}
	.topnav.circuit_nav .swiper-slide .topnav-con{
		top: calc(.8rem - 2px);
	}
	.topnav.circuit_nav .next, .topnav.circuit_nav .prev{
		width: .4rem;
		background-size: 8px auto;
	}
	.topnav .swiper-slide a{
		padding: 0 .3rem;
	}
	.circuit_nav .swiper-slide a{
		padding: 0 .7rem 0 .3rem
	}
	.circuit_nav .topnav .swiper-slide a.tit:before{
		right: .24rem;
	}
	#list .wrap1{
		padding: .6rem 0 .4rem;
	}
	#list .wrap1 .left,
	#list .wrap1 .imgs{
		width: 100%;
	}
	#list .wrap1 .imgs{
		margin-top: .4rem;
	}
	#list .wrap1 .left .more{
	    width: 2.6rem;
	    height: 0.7rem;
	    line-height: .7rem;
    	padding: 0 .3rem;
	}
	#list .wrap1 .left .more:after{
		width: .3rem;
		background-size: .3rem auto;
		left: .3rem;
	}
	#list .wrap2 .imgbox .imgs{
		width: 100%;
	}
	#list .wrap2 .imgbox .imgs + .imgs{
		margin-top: .4rem;
	}
	#list .wrap2 table td{
		height: auto;
		padding: .1rem;
		line-height: 1.5;
	}
	.listsw{
		margin: 0;
		padding: 0;
	}
	.listsw .swiper-slide{
	    width: calc(50% - .15rem);
	    margin-right: .3rem;
	}
	#list .wrap2{
		padding-bottom: .8rem;
	}
	#chip .wrap1 ul,
	#search .wrap1 .chiplist{
		margin-left: -.15rem;
		margin-right: -.15rem;
		margin: 0 -.15rem 0;
	}
	#chip .wrap1 ul li,
	#search .wrap1 .chiplist li{
		width: calc(50% - .3rem);
		margin: 0 .15rem .3rem;
	}
	.searbox{
	    width: 100%;
	    height: .6rem;
	    line-height: .6rem;
	    padding: 0px .6rem 0 .2rem;
	    margin-bottom: .5rem;
	}
	.searbox .submit{
		width: .3rem;
		right: .3rem;
	}
	#chip .wrap1 ul li .imgs,
	#search .wrap1 .chiplist li .imgs{
		display: none;
	}
	#chip .wrap1{
		padding-bottom: .8rem;
	}
	#list .wrap3 .teblebox table{
		width:10rem;
	}
	#service .wrap1 ul{
	    margin: 0 -.15rem .3rem;
	}
	#service .wrap1 ul li{
		width: calc(50% - .3rem);
		margin: 0 .15rem .3rem;
	}
	#service .wrap1 ul li .text{
		padding: .3rem .4rem .3rem .3rem;
	}
	#service .wrap1 ul li .text .d1{
		line-height: 1.5;
		font-size: .26rem;
	}
	#service .wrap1 ul li .text .d2{
		line-height: 1.5;
		font-size: .2rem;
	}
	#service .wrap1 ul li .text .more{
		margin-top: .2rem;
		opacity: 1;
	}
	#service .wrap1 ul li .text .more{
		font-size: .2rem;
		width: 1.7rem;
		height: .5rem;
		line-height: .5rem;
		padding: 0 .24rem 0 .2rem;
	}
	#contact .wrap1 .mapbox .mark{
	    position: relative;
	    max-width: 100%;
	    width: 100%;
	    padding: .2rem .4rem .4rem;
	    background-color: #fff;
	    right: 0;
	    top: 0;
	    transform: none;
	    margin-left: 0px;
	    box-shadow: 0 5px 20px rgba(0,33,89,.2);
	}
	#contact .wrap1 .mapbox{
		padding: 0;
	}
	#contact .wrap1 .mapbox #map{
		height: 4rem;
	}
	#contact .wrap1 li{
		width: 100%;
		margin-bottom: .2rem;
	}
	#contact .wrap1{
	    padding: .6rem 0 .8rem;
	}
	#join .wrap1 .container .titbox{
		display: none;
	}
	#join .wrap1 .container span.sp2,
	#join .wrap1 .container span.sp3,
	#join .wrap1 .container span.sp4{
		display: none;
	}
	#join .wrap1 .container span.sp1{
		width: 70%;
	}
	#join .wrap1 .container span.sp5{
		width: 30%;
	}
	#join .wrap1 .container li .top span{
		width: 50%;
		text-align: left;
		line-height: 1.71;
	}
	#join .wrap1 .container li .top span:nth-child(4n){
		text-align: left;
	}
	#join .wrap1 .container li .mid .text{
		width: 100%;
		float: none;
	}
	#join .wrap1 .container li{
		padding: 0 .3rem;
	}
	#join .wrap1 .container li .tit{
		line-height: .8rem;
		height: .8rem;
	}
	#join .wrap1 .container li .lcon{
		padding: .3rem .3rem .5rem;
	}
	#join .wrap1 .container li .top{
		padding-bottom: .3rem;
	}
	#join .wrap1{
		padding: .6rem 0 .8rem;
	}
	#join .wrap1 .container{
		padding-bottom: .5rem;
	}
	#join .wrap1 .container .paging{
		margin-top: .6rem;
	}
	.paging a{
		width: .6rem;
		height: .6rem;
		line-height: .6rem;
	}
	#join .wrap1 .container .paging a.prev, #join .wrap1 .container .paging a.next{
		width: .6rem;
		height: .6rem;
		background-size: .14rem auto;
	}
	#join .wrap1 .container li .sp5 em{
		width: .3rem;
		height: .3rem;
	}
	#join .wrap1 .container li .mid{
		padding: .3rem 0 .4rem;
	}
	#join .wrap1 .container li .more{
	    width: 2rem;
	    height: .7rem;
	    line-height: .7rem;
	    margin-top: .4rem;
	}
	.ad .text .con{
	    padding-top: 1em;
	    line-height: 1.5;
	}
	.ad .text .fz36{
		line-height: 1.71;
		padding-bottom: .3em;
	}
	#main .iban .wrap{
		top: 50%;
	}
	body .swiper-container-horizontal>.swiper-pagination{
		bottom: .2rem;
	}
	#info .pagin .return{
	    width: 30%;
	    height: .7rem;
	    line-height: .7rem;
	    border-radius: .1rem;
	}
	#circuit .searlist .wrap1 ul li{
		width: calc(50% - .3rem);
	}
}