@media screen and (max-width: 768px){
	html, body {
	    height: 100%;
	}
	body{
		min-width:320px;
	}
	.mainwidth{
		width: 100%;
	}
	
	/*去掉iphone ipad默认button样式*/
	input[type="button"], input[type="submit"], input[type="reset"] {
		-webkit-appearance: none;
	}
	.header .header_con{
		background: none;
		box-shadow: none;
		height: 100%;
	}
	.wrapper{
		width: 100%;
		overflow-x: hidden;
	}
	
	
	



	
	.m_menuico{
		position: fixed;
		right: 8px;
		top:10px;
		z-index: 199;
		display: block;
		width: 50px;
		height: 50px;
		
		background: url(../images/m_menuico.png) no-repeat 50% 50%;
		background-size: 30px auto;
		
		/*transform: translateX(0);
		transition: all ease-in-out 0.35s;*/
	}
	
	.m_menuico.cur{
		/*transform: translateX(-70%);
		
		background: url(../images/close.png) no-repeat 50% 50%;*/
	}
	
	.logo_m{
	    position: fixed;
    	/*left: 15px;*/
   		top: 0px;
    	z-index: 100;
    	display: block;
    	width: 100%;
    	padding: 10px;
   		height: 50px;
    	background: #e49244 url(logo.png) no-repeat 20px;
    	background-size: 55%;
	}
	.logo_m img{width: 100%;}
	
	.logobox{
		left: 15px;
		width: 80px;
		
		display: none;
	}
	.logobox img{ width: 100%;}
	
	.header{
		position: fixed;
		left: auto;
		top:0;
		left:0;
		width: 70%;
		height: 100%;
		z-index: 800;
		overflow-y:  visible;
		background: #fff;
		
		transform: translateX(-100%);
		transition: all ease-in-out 0.35s;
		
		/*transition: width ease-in-out 0.3s;*/
	}
	.header_mobile{
		/*width: 70%;
		background: #222;
		transition: width ease-in-out 0.3s;*/
	}
	.header .mainwidth{ height: 100%;}
	

	
	.header_mobile{
		transform: translateX(0);
		transition: all ease-in-out 0.35s;
		/*overflow-y: auto;*/
		/*overflow-x: */
	}
	
	.m_close{
		position: absolute;
		left: 100%;
		top: 0;
		z-index: 899;
		display: none;
		width: 50px;
		height: 50px;
		background: url(../images/close.png) no-repeat 50% 50%;
		background-size: 50px auto;
	}
	
	.nav{
		
		float: none;
		padding: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
	}
	
	.nav li{
	display: block;
	float: none;
	margin: 0;
	background: none;
	border-bottom: 1px solid #ccc;
	}
	.nav li a{
		padding: 0 25px;
		width: auto;
		height: 45px;
		line-height:45px;
		text-align: left;
		color: #333;
	}
	.nav li a span{
		display: block;
		padding: 0;
		width: 100%;
		height: auto;
		border: none;
		background: url(../images/navico_m.png) no-repeat right 50%;
		background-size:9px auto ;
	}
	.searchtab_show .link{
		padding-bottom: 15px;
	}
	.header .header_top,.searchtab_show .link_in{
		/*padding: 5px 40px;*/
		display: none;
	}
	.header .header_top ul a span{
		line-height: 28px;
	}
	.header .header_top ul a{
		padding: 0 27px;
	}
	.nav li.active a{
		color: #fff;
		background: #e6963f;
	}
	.nav li.active a span{
		background: url(../images/navico_h_m_1.png) no-repeat right 50%;
		background-size:9px auto ;
	}
	.nav li.active a span,.nav li a:hover span{ border: none;}
	.nav li.cur a{
		color: #fff;
		background: #e6963f;
		
	}
	.nav li.cur a span{
		background: url(../images/navico_h_m.png) no-repeat right 50%;
		background-size:auto 9px ;
	}
	
	.nav .secnav{
		position: relative;
		left: auto;
		top: auto;
		padding: 0;
		width: 100%;
		
		border: none;
		background: #ebebeb;
		box-shadow:none;
	}
	.nav li li{
		padding: 0;
		width: auto;
	}
	.secnav li:first-child{ padding: 0;}
	.nav .secnav li:last-child{ border: none;}
	.nav .secnav li a {
		padding: 0 40px;
		width: 100%;
		height: 40px;
		line-height: 40px;
		color: #555;
		text-align: left;
		font-size: 14px;
	}
	.nav li.active li a{ color: #555; background: none;}
	
	
	.header .nav li{
		background: none;
	}
	
	.nav li.li_on a span{
		display: block;
		/*background: url(../images/navico.png) no-repeat right 50%;*/
	}
	
	.nav li.li_on li a span{
		background: none;
	}
	
	.header .nav li a{ color: #333;}
	/*.header .nav li.active a{ color: #fff;}*/
	.header .nav li.active a span, .header .nav li a:hover span{
		border-bottom: none;
	}
	.header .nav li.cur a{ color: #fff;}
	.header .nav li.cur li a{ color: #555;}



	
	.nav_tab{ height:100%; overflow:auto;}
	.nav_tab_show{}
	.nav_tab_title{
		display:block;
		padding:20px;
	}
	.nav_tab_title a{
		display:block;
		padding:5px 0;
		border:1px solid #ccc;
		background-color:#f9f9f9;
		text-align:center;
	}
	.nav_tab_title a.cur{
		display:none;
	}

.searchtab_tit a.active{
	background-color: rgba(0,96,152,0.8);
	zoom:1;
	/*position: relative;*/
	/*top: 14px;*/
    border-radius: 3px 3px 0 0;

}
.searchtab_tit a.active:hover{
	color: #fff;
}


	
	.headright{
		display: none;
	}
	
	
	.container{
		transform: translateX(0);
		transition: all ease-in-out 0.35s;
		padding-top: 0px;
	}
	.container_on{
		/*transform: translateX(-70%);
		transition: all ease-in-out 0.35s;*/
	}
	
	
	.container .topbg{
		height: 600px;
		background-position: 50% 0;
		background-size: auto 100%;
		top: 0;
	}
	.indsearch{
	padding: 110px 0 0px 0;
	height: 220px;
	width: 85%;
	}
	
	.searchtab_tit .superstarDiscovery{ 
		display: none;
	}
	
	
	.searchtab_tit .allianceResources{ 
		display: none;
	}
	.searchtab_show{ height: 55px;}
	
	
	
	.indsearch .selectbox{
		width: 30%;
	}
	.indsearch .select{
		width: 100%;
		font-size: 12px;
	}
	span.customSelect{
		background-size: 22px auto;
	}
	.customSelectInner {
	    text-indent: 0px;
	}
	.searchtab_show .inputbox{ padding: 0 10px 0 10px;}
	.searchtab_show .input{
		/*padding:  0 0 0 8px;*/
		width:83%;
		font-size: 14px;
	}
	.searchtab_show .submit{
		margin-right: -40px;
		width: 40px;
	}
	
	.tabtips{ display: none;}
	
	
	.container_in{ margin: 0;}
	
	.siteleft{
		display:none;
		float: none;
		width: 100%;
	}
	.siteleft .topbg{
		height: 35px;
		background-position:left 0;
		background-size: auto 70px;
	}
	.siteleft .toptitle{
		padding:15px 20px;
	}
	.siteleft .toptitle a{
		font-size: 18px;
		font-weight: normal;
		background-size: auto 20px;
	}
	.sitemapcon{ overflow: hidden; zoom:1;}
	.sitemapcon .item{
		float: left;
		margin: 0 0 -1px 0;
		padding: 0;
		width: 33%;
		border-bottom: 1px solid rgba(0,0,0,0.1);
		border-right: 1px solid rgba(0,0,0,0.1);
		background: none;
	}
	.sitemapcon .itemin{
		padding: 0;
		border: none;
	}
	.sitemapcon .links{ display: none;}
	.sitemapcon .title{
		padding: 10px 20px;
		font-weight: normal;
	}
	.sitemapcon .item:hover{ background: none;}
	.sitemapcon .item:last-child{ padding: 0;}
	
	.adcon{ display: none;}
	
	
	.con_right{
	float: none;
	width: auto;
	margin-top: 10px;
	}
	.fasttrack{
	width: 98%;
	margin: 0 auto;
	height: 96%;
	left: 0;
	bottom: 100%;
	z-index: 100;
	padding: 15px;
	background: url(../images/mfastbg.png) repeat left 0;
	}
	.fasttrack .title{
		font-size: 18px;
		font-weight: normal;
	}
	.tracklist{
		background: none;
		padding: 0;
	}
	.tracklist li{
		margin: 0 0 -1px 0;
		padding: 8px 0;
		width: 33.3%;
		border-bottom: 1px solid rgba(0,0,0,0.1);
	}
	
	
	.tracklist a{
		padding: 2px 0 2px 25px;
		overflow: hidden;
		line-height: 22px;
		background-size: 18px auto;
	}
	.tracklist a .icon{
		margin-left:-25px;
		width:22px;
		height:22px;
		line-height:22px;
		font-size:18px;
	}
	
	.indnewscon{ margin: 0;}
	.indresource, .indlecture, .indnews{
		float: none;
		margin: 0;
		padding: 20px;
		width: auto;
		height: auto;
	}
	.indnewscon .toptitle a{
		font-weight: normal;
		color: #333;
		background: none;
	}
	
	
	.indlecture{
		background: #f2f3f5;
	}
	.lecturebox .more{
		border: 1px solid rgba(0,0,0,0.1);
	}
	.indnewlist .date .t1{
		font-size: 21px;
	}
	
	
	.conban{
		height: 160px;
		background-position: 15% 0;
		background-size: auto 100%;
		margin-top: 0;
	}
	
	.conbox{
		margin: -50px 0 0 0;
		padding: 0 15px;
	}
	.aboutcon{ background: none;}
	.aboutextcon{
		padding: 20px;
		min-height: 250px;
		background: #fff;
	}
	.titlecon{
		padding: 0;
		height: 50px;
		text-align: center;
		background: rgba(255,255,255,0.85);
	}
	.titlecon .title{
		line-height: 50px;
		font-size: 18px;
		font-weight: normal;
	}
	
	.aboutleft{
		float: none;
		width: auto;
	}
	.sidebar,.sitepage{
		display: none;
	}
	
	
	.aboutextcon .texttop .img{
		position: relative;
		width: 100%;
	}
	.aboutextcon .textright{
		float: none;
		margin: 0;
		padding: 20px;
		width: auto;
		background-position: right 0;
	}
	.aboutextcon .textright .t1{ width: auto; line-height: 1.5; font-size: 16px;}
	
	
	.conleft_con{
		padding: 20px;
		min-height: 360px;
		background: #fff;
	}
	.newslist .title{
		line-height: 1.5;
		font-size: 16px;
	}
	
	
	.paginal{
		margin: 0 -10px;
		height: 28px;
	}
	.paginal .page a{
		width: 27px;
		height: 25px;
		line-height: 25px;
		font-size: 12px;
	}
	
	.paginal .prev a,.paginal .next a{
		width: 60px;
		height: 25px;
		line-height: 25px;
		font-size: 12px;
	}
	
	.informationlist li{
		padding: 15px 0;
	}
	.informationlist li:first-child{
		padding-top: 0;
	}
	.informationlist .img{
		margin: 0 10px 0 0;
		width: 35%;
	}
	.informationlist .img img{ width: 100%; height: auto;}
	.informationlist .title{
		margin: 0;
		font-size: 14px;
		line-height: 1.5;
	}
	.informationlist .text{ display: none;}
	
	
	.popbox{
		width: auto;
	}
	.popboxcon{
		padding: 20px;
	}
	.poptitle{
		font-size: 16px;
		font-weight: normal;
	}
	.poptitle .t1{
		font-size: 12px;
		color: #888;
	}
	.poptitle .ctrl{
		right: 15px;
		top: 35px;
	}
		
	
	.lecturelist{
		padding: 0;
		margin: 0;
	}
	.lecturelist li{
		display: block;
		float: none;
		margin: 0 0 20px 0;
		width: 100%;
	}
	.lecturelist .title{
		height: auto;
		line-height: 1.5;
		white-space:normal;
	}
	
	
	.branchlist{
		margin: 0 0 0 -5%;
	}
	.branchlist li{
		display: block;
		margin: 0 0 20px 5%;
		width: 45%;
		
	}
	.branchlist li img{
		width: 100%;
		height: auto;
	}
	.branchlist .title{
		padding: 10px 2%;
		width: 96%;
		font-size: 13px;
		height: auto;
		line-height: normal;
	}
	.branchlist .textcon .title_1{
		margin-top:30px;
	}
	.branchlist .textcon .text{
		display:none;
	}

	
	.mapcon{
		height: 200px;
	}
	
	.branchaddr .t1{
		padding: 0 0 0 38px;
		background: url(../images/infoico_2.png) no-repeat 0 5px;
		background-size:30px auto ;
	}
	.branchaddr .t1 span{
		display: block;
		margin: 0;
	}
	.branchaddr .t2{
		position: relative;
		right: auto;
		top: auto;
		display: block;
		padding: 0 0 0 38px;
	}
	
	.branchtext .title{
		font-size: 16px;
		font-weight: normal;
		background-position: left 2px;
	}
	
	
	.sceneryslide .slide{
		width: 100%;
		height: 300px;
	}
	
	.sceneryslide .slide div img{
		width: 100%;
		height: auto;
	}
	
	.imglist_out{
		padding: 5px 0;
	}
	.imglist_out .list{
		height: 30px;
	}
	.imglist li{
		width: 40px;
		height: 30px;
	}
	.imglist a{
		width: 30px;
		height: 30px;
	}
	.imglist img{
		margin-left:0px;
		width: 100%;
		height: 30px;
	}
	.imglist .border{
		-webkit-box-shadow: 0 0 0 2px  #e6963f inset;
		-moz-box-shadow: 0 0 0 2px  #e6963f inset;
		-ms-box-shadow: 0 0 0 2px  #e6963f inset;
		-o-box-shadow: 0 0 0 2px  #e6963f inset;
		box-shadow: 0 0 0 2px  #e6963f inset;
		
	}
	
	.imglist_out .control,.imglist_out .prev,.imglist_out .next{
		display: none;
	}
	
	
	.contactlist li{
		float: none;
		width: auto;
		background: none;
	}
	.contactlist li:first-child{
		padding-bottom: 15px;
	}
	.contactlist .t2 span{
		display: block;
	}
	
	
	.maptitle{
		font-size: 16px;
		font-weight: normal;
	}
	
	
	.faqlist dt{
		padding:10px 5px 10px 30px;
		font-size: 14px;
		line-height: 1.5;
		background-position: 10px 15px;
		background-size: 12px auto;
	}
	.faqlist dt .t{
		padding: 0 22px 0 0;
	}
	.faqlist dt .t{
		background-position: right 5px;
		background-size: 20px auto;
	}
	.faqlist dt.cur .t{
		background-position: right 5px;
		background-size: 20px auto;
	}
	
	.faqlist dd{
		padding: 10px;
	}
	.faqlist .text{
		padding: 0 0 0 20px;
		font-size: 12px;
		background-position: left 4px;
		background-size: 14px auto;
	}

	.stepbox{ width:auto;}
	.arrow-left, .arrow-right{ display:none;}
	.gallerycon{
		padding:0;
		width:auto;
	}
	.gallerycon .gallerysslide{ height:100%;}
	.stepbox .stepitem{
		padding:20px;
	}
	.stepbox .textcon{
		float:none;
		padding:0;
		width:auto;
	}
	.stepbox .textcon img{
		max-width:100%;
		height:auto !important;
	}
	.stepbox .close{
		top:10px;
		right:10px;
		width:30px;
		height:30px;
		background-size:100% auto;
	}
	
	
	.lendtitle{
		font-size: 16px;
	}
	
	.table_1 thead th, .table_1 tbody td{
		padding: 8px;
	}
	
	
	ul.accessory li{
		float: none;
		margin: 0 0 10px 0;
	}
	ul.accessory a{
		width: auto;
	}
	
	
	.digitaltab{
		margin: 0 0 0 -5%;
		padding: 0 0 20px 0;
		border: none;
		background: none;
	}
	.digitaltab li{
		margin: 0 0 10px 5%;
		width: 44%;
		border: 1px solid #e5e5e5;
		background: #f3f3f3;
	}
	.digitaltab li:first-child {
	    border: 1px solid #e5e5e5;
	}
	.digitaltab a{
		/*width: 100%;*/
	}
	
	.digitselcon{
		padding: 50px 0 0 0;
	}
	.digitsearch{ top: 0;}
	
	.digitsellist{
		float: none;
		overflow: hidden;
	}
	.digitsellist li{
		float: none;
		display: inline-block;
		margin: 0 10px 5px 0;
	}
	
	.digitselcon .delall{
		float: none;
		display: block;
		padding: 5px 0 0 0;
		margin: 0 0 0 75px;
	}
	
	.dselitemcon .t1{
		float: none;
		font-weight: bold;
	}
	
	.digitleft{
		float: none;
		margin: 0 0 20px 0;
		width: auto;
	}
	.digitcon .toptitle{
		padding: 0 20px;
	}
	.datalist li{
		padding: 10px 20px;
	}
	.datalist .title{
		float: none;
		width: auto;
	}
	.datalist .btn{
		float: none;
	}
	
	
	.digitright{
		float: none;
		width: auto;
	}
	
	
	
	.databtn{
		right: 0;
		margin: 0;
		padding: 15px 0;
		width: 100%;
	}
	
	.losttopcon{
		padding: 15px;
	}
	.losttopcon .tips{
		float: none;
		margin: 0 0 10px 0;
		width: auto;
	}
	
	.lostcon{
		overflow:auto;
	}
	.lostcon .table_1 thead th, .lostcon .table_1 tbody td{
		padding: 5px;
	}

	.figurelist{ margin-left:0px;}
	.figurelist li{
		float:none;
		width:auto;
	}
	
	
	.footer{
		background-size:auto 150% ;
	}
	.footcon{ padding: 15px 0;}
	.footer .short_border{
		display: none;
	}
	.footer .open_time{
		float: none;
		text-align: center;
		margin: 0 auto;
	}
	.footer .open_time h3{
		padding: 0;
	}
	.footer .open_time .time{
		font-size: 18px;
	}
	.friendlink,.footlist,.footqrcode,.footvisit,.rightbar,.follow,.page_top{ display: none;}

	.modulelist{}
	.modulelist li{ margin:0 0.5% 2px; width:49%; height:40px;}
	.modulelist li:first-child, .modulelist li:last-child{ display:none;}
	.modulelist a{ line-height:40px; font-size:12px;}
	.modulelist a span{ background-size:auto 20px;}


	.divisionbox{
		padding:0 20px;
		width:auto;
	}
	.divisiontop .item{
		float:none;
		width:auto;
	}
	.divisioncon .divisiontop a{ height:40px;}
	.divisioncon .title{
	margin: 68px 0 12px 0;
}
	/*.divisioncon .img{ background-size:30px auto;}*/
	.divisioncon .t1 .t, .divisioncon .t2 .t{
		display:inline;
		margin-right:10px;
	}
	.divisionbox .zqprev, .divisionbox .zqnext{ display:none;}
	
	.divisioncon .login .img, .divisioncon .lending .img, .divisioncon .teaching .img, .divisioncon .loan .img, .divisioncon .collection .img, .divisioncon .platform .img, .divisioncon .aboutlib .img, .divisioncon .donation .img, .divisioncon .evolution .img, .divisioncon .branch .img{
		line-height:48px;
		font-size:48px;
	}
	.divisioncon .login .img .icon, .divisioncon .lending .img .icon, .divisioncon .teaching .img .icon, .divisioncon .loan .img .icon, .divisioncon .collection .img .icon, .divisioncon .platform .img .icon, .divisioncon .aboutlib .img .icon, .divisioncon .donation .img .icon, .divisioncon .evolution .img .icon, .divisioncon .branch .img .icon{
		right:-5px;
		bottom:-5px;
	}

	
	.foottext{font-size: 12px; color: #fff;}
	.foottext .item{ display:block;}
	.foottext .t1{
		display: none;
	}
	.foottext .copyright{
		font-size: 14px;
		color: #fff;
	}
	.imgfloat_1, .imgfloat_2, .imgfloat_3{ display:none;}
	
	
}


@media screen and (max-width: 365px){
	.indsearch .selectbox{
		width: 25%;
	}
	.searchtab_show .input{
		width: 58%;
	}
	
	.sitemapcon .title{ padding: 10px 15px;}
	
	.tracklist a{
		font-size: 12px;
		padding-top:0;
		padding-bottom:0;
		background-size: 12px auto;
	}
}