@media (min-width: 320px) and (max-width: 991px){
	* {touch-action: pan-y; }
	.center{width: 100%; padding: 0 15px; box-sizing: border-box;}
		
	.header{height: 64px;}
	.logo{line-height: 40px; padding: 12px 0;}
	.logo img{height: 40px;}
	
	.hright{margin-top: 18px;}
	.hright .tel{width: 26px; height: 26px; overflow: hidden; box-sizing: border-box; background-size: 20px 20px; cursor: pointer; background-position: center; padding-left: 26px; float: left; margin-top: 1px;}
	
	.header .menuBtn{display: inline-block; float: right; margin-left: 10px; background: #fff; border: 1px solid #b85995; height: 24px; width: auto; border-radius: 5px;}
	.header .menuBtn img{display: block; height: 14px; padding: 5px 10px;}
	.header .mobileBg{position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; background: rgba(0,0,0, 0.4);}
	/* nav */
	.navDiv{display: none;}
	.navDiv .appMenu{position: fixed; z-index: 999; display: block; width: 100%; background: #fff; left: 0; top: 69px; border-top: 1px solid #f0f0f0;}
	.navDiv .appMenu li{float: none; width: 100%; border-bottom: 1px solid #f0f0f0; line-height: 42px; height: 42px; margin-left: 0;}
	.navDiv .appMenu li a{text-align: left; background: url(../images/nav_jiantou.png) no-repeat right center /8px auto; margin:0 24px; padding: 0; border-bottom: none;}
	.navDiv .appMenu li a:hover{height: auto; background: url(../images/nav_jiantou2.png) no-repeat right center /8px auto;}
	.navDiv .appMenu li.on{height: auto;}
	.nav li .secondNav{display: none}
	.appMenu li .secondNav{position: static; margin: 0 20px; width: auto; background: none; border-top: none; box-shadow: none;}
	.appMenu li .secondNav li{background: url(../images/li.jpg) no-repeat 6px center /3px auto; border: none; border-bottom: 1px solid #f0f0f0;}
	.appMenu li .secondNav li:last-child{border-bottom: none;}
	.appMenu li .secondNav li a{margin: 0 4px 0 0; padding-left: 20px; color: #333;}
	.appMenu li .secondNav li a:hover{background: url(../images/nav_jiantou.png) no-repeat right center /8px auto; color: #333;}
	.nav li.on a, .nav li .secondNav li a:hover{color: #b85995; height: auto;}
	.nav li .secondNav li a{padding-left: 20px;}
	.nav li .secondNav:before{background: none;}
	
	.banner{height: 160px; background-size: auto 100%;}
	.banner p.th{font-size: 24px; margin-top: -16px;}
	
	/* researcher */
	.searchForm{height: 120px; margin-top: -70px; padding: 0 15px;}
	.searchForm .h1{font-size: 20px;}
	.searchForm .searchBg{padding: 4px; margin: 4px auto 8px; width: 100%; box-sizing: border-box;}
	.searchForm .inputDiv{height: auto; line-height: 24px; padding: 6px 10px;}
	.searchForm .inputRow{float: left; overflow: hidden; width: 58%;}
	.searchForm .inputRow:first-child{width: 42%;}
	.searchForm .inputDiv label, .searchForm .inputDiv .inputTxt{font-size: 15px;}
	.searchForm .inputDiv label{width: 58px; padding-right: 0; letter-spacing: -1; white-space: nowrap;}
	.searchForm .inputDiv .inputTxt{width: calc(100% - 58px); box-sizing: border-box; line-height: 24px; padding-left: 10px;}
	.searchForm .inputDiv .uname label{width: 32px;}
	.searchForm .inputDiv .uname .inputTxt{width: calc(100% - 32px);}
	.searchForm .inputDiv label:after{height: 16px; display: none;}
	.formBtn .subBtn{font-size: 16px; height: 30px; line-height: 30px; width: 85px; border-radius: 10px;}
	
	.local{padding: 5px 20px; margin-top: -20px;}
	.local .fl a{margin-left: 16px;}
	.local .fr{display: none;}
	.local .fr span:first-child{display: none;}
	
	/* th */
	.th{margin-top: 15px;}
	.th .title{font-size: 20px; padding-bottom: 10px;}
	.th .title:before{height: 4px; width: 42px; margin-left: -21px;}
	/*.th .fr{margin-top: 10px;}
	.th .fr a{height: 32px; line-height: 32px; padding: 0 20px;}
	.th .proTh{width: 100%;}
	.th .proTh a{width: calc(50% - 10px); padding: 0; margin: 0 0 10px; border-color: #e8e8e8;}
	.th .proTh a:nth-child(2n + 1){margin-left: 0;}
	.th .proTh a:nth-child(2n){float: right;}*/
	
	/*  #jssor_1 */
	#jssor_1 .bgCon{width: 100%; padding: 0 15px; left: 0; margin-left: 0; height: 110px; margin-top: -60px; box-sizing: border-box;}
	.bannDiv .bgCon p.title{font-size: 22px; line-height: 24px;}
	.bannDiv .bgCon p.keyword{margin-top: 8px; font-size: 17px; line-height: 22px;}
	.bannDiv .bgCon p.btns{margin-top: 16px;}
	.bannDiv .bgCon .more{height: 32px; line-height: 32px; font-size: 14px; font-weight: 400; border-radius: 12px; padding: 0 20px; margin-right: 8px;}
	
	.jssort01{width: 228px !important; bottom: 15px; margin-left: -114px;}
	.jssort01 .p{width: 50px;}
	.jssort01 .c{width: 40px;}
	.jssora05l, .jssora05r{display: none;}
	
	/* index - news */
	.newsDiv{padding: 15px 0;}
	.newsDiv .newsPic, .newsDiv .newsList{float: none; width: 100%;}
	.newsDiv .newsPic{padding: 15px; margin-bottom: 15px;}
	.newsDiv .newsPic img{margin: 0 0 15px;}
	.newsDiv .newsPic .more{height: 36px; line-height: 36px; width: 100px;}
	
	/* user */
	.userList{padding-top: 5px;}
	.userList li{width: 100%;}
	.userList li:nth-child(odd){margin-right: 0;}
	.userList li p.pro{width: 140px; height: 187px; overflow: hidden;}
	.userList li img{width: 100%; height: 100%;}
	.userList li .fr{width: calc(100% - 150px); margin-left: 5px;}
	.userList li .fr p{margin: 15px 15px 0 10px;}
	.userList li p.name{font-size: 16px; margin-top: 20px;}
	.userList li p.brief{letter-spacing: -1px;}
	.userList li p.more{padding: 2px 0 0;}
	.userList li p.more a{}
	.line{height: 6px;}
	
	.content{min-height: 360px; padding: 10px 0 20px;}
	.content .otherTh{margin-top: 15px; font-size: 24px; padding-bottom: 5px;}
	.subTitle{margin: 15px 0 5px;}
	.subTitle span{padding-left: 18px; width: 180px; height: 40px; line-height: 40px;}
	
	/* index - about */
	.aboutBox{height: auto; padding-bottom: 20px;}
	.aboutBox .bLeft{margin-top: 15px; overflow: hidden;}
	.aboutBox .bLeft img{float: left; width: 45%; max-width: 344px;}
	.aboutBox .bLeft .aboutBtn{float: right; margin: 8px 0 0; font-size: 16px; height: 35px; line-height: 35px; letter-spacing: 3px; padding: 0 18px 0 20px;}
	.aboutBox .bRight{box-sizing: border-box; margin-top: 15px; padding: 15px;}
	.aboutBox .bRight .title{font-size: 20px; margin: 0 0 10px;}
	.aboutBox .bRight .con{padding-bottom: 0px;}
	
	/* index - info */
	.infoBox{height: auto; background-repeat: repeat-y; padding-bottom: 15px; margin-top: 5px;}
	.infoSwipter{width: 100%; padding-bottom: 50px;}
	.infoSwipter .infoL{width: 100%; float: none; padding: 15px 15px 15px 18px;}
	.infoSwipter .infoL .brief{margin: 10px 0; height: auto;
	overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 6; line-clamp: 6;}
	.infoSwipter .infoL .more a{height: 36px; line-height: 36px; width: 100px; font-size: 15px;}
	.infoSwipter .li{width: 100%; float: none; border-radius: 20px;}
	.infoSwipter .li .videoIcon{width: 50px; height: 50px; margin: -25px 0 0 -25px;}
	.infoSwipter .li .name{line-height: 42px; height: 42px; font-size: 17px;}
	.infoSwipter .swiper-button-prev, .infoSwipter .swiper-button-next{width: 32px; height: 32px; background-size: auto 20px; bottom: 5px;}
	
	.infoSwipter .swiper-pagination{left: -15px; width: calc(100% + 30px);}
	.infoSwipter .swiper-pagination-bullet{ margin: 0 5px !important; letter-spacing: -2px;}
	
	.infoSwipter .infoL .brief, .infoSwipter .infoL .more{display: none;}
	.infoSwipter .infoApp{display: block;}
	.infoSwipter .infoApp .brief{margin-top: 0; display: -webkit-box; }
	.infoSwipter .infoApp .more{display: block;}
	
	#video{width: 100%; top: 126px;}
	#closeVideo{margin-left: -16px;}
	
	/* news */
	.newsList{padding: 12px 0 8px;}
	.newsList li{padding: 10px 86px 10px 0; line-height: 24px;}
	.newsList li .title{font-size: 16px;}
	.newsList li .brief{margin-top: 6px; line-height: 22px; height: 44px;}
	.newsList li .newsR{top: 10px;}
	.newsList li .date{font-size: 16px;}
	.newsList li .more{margin-top: 30px;}
	
	/* bookList */
	.bookList{width: calc(100% + 16px); margin-top: 0;}
	.bookList li{margin: 15px 16px 0 0; width: calc(50% - 16px);}
	.bookList li .juryImg{height: 260px;}
	.bookList li .desc{padding: 10px 12px;}
	.bookList .desc .name{height: 72px; line-height: 24px;}
	.bookList .desc .text{margin: 5px 0; line-height: 22px; height: 66px; -webkit-line-clamp: 3; line-clamp: 3;}
	
	.bookDiv{padding: 6px 0 0;}
	.bookDiv .fl{}
	.bookDiv .fl img{max-width: 100%;}
	.bookDiv .fl .iconBg{width: 60px; height: 60px; margin: -30px 0 0 -30px; background-size: 100%;}
	.bookDiv .bookInfo{float: none; width: 100%; clear: both;}
	.bookInfo .name{padding: 15px 0 10px;}
	.bookInfo .brief{margin: 15px 0;}
	
	#bookVideo{width: 100%; margin-left: 0; left: 0; top: auto; top: 30px;}
	#bookCloseVideo{bottom: 18px;}
	
	/* page */
	.pages{padding: 10px 0 15px; height: 30px; line-height: 30px;}
	.pages .prevBtn, .pages .nextBtn{margin-right: 6px;}
	.pages .nextBtn{margin-left: 6px;}
	.pages a.pageNum{width: 24px; height: 30px; line-height: 30px; background: #fff; margin: 0 4px;}
	
	/* researcher */
	.researcherDiv{width: 100%; padding-bottom: 45px; margin-bottom: 30px;}
	.researcherDiv .fl{float: none; width: 100%; display: none;}
	.researcherDiv .fl img{max-width: 100%; height: auto;}
	.researcherDiv .researcherR{float: none; width: 100%; margin: 0; padding: 15px; box-sizing: border-box;}
	.researcherR .userImg{width: 100px; height: 100px; margin-right: 12px;}
	.userInfo .name{margin-top: 8px;}
	.userInfo .cardNo{margin: 6px 0;}
	.userInfo .tip span{height: 30px; line-height: 30px; font-size: 14px; padding: 0 20px;}
	.researcherDiv .userLine{height: 16px;}
	.researcherDiv .userDesc{margin: 15px 0; height: auto; max-height: 288px; min-height: 160px;}
	.researcherDiv .userFoot{left: 0; height: 45px;}
	.researcherDiv .userFoot p{line-height: 45px; height: 45px; padding-left: 45px; background-position: 16px center;}
	
	/* bottom */
	.linkDiv{padding: 12px 0; width: calc(100% + 14px);}
	.linkDiv .label{font-size: 18px;}
	.linkDiv a{font-size: 15px; margin: 0 10px 10px 0;}
	
	.bottom{padding-bottom: 0;}
	
	.subNav{width: 100%; clear: both; padding: 16px 0 0;}
	.subNav ul{width: calc(100% + 20px);}
	.subNav ul li{margin-right: 24px;}
	.subNav ul li a{padding: 0 2px;}
	
	.footer{padding: 15px 0 20px; line-height: 32px;}
	.footer .fl p{padding-bottom: 10px;}
	.footer p.label{margin-top: 0;}
	.footer .fr, .footer .fl{float: none;}
	.footer .fr .code{margin-right: 20px; margin-top: 8px; height: 100px; width: 100px;}
	
	/* .formFixed */
	.formFixed{height: 50px;}
	.formFixed .label{margin: 0; width: 100%; text-align: center; padding: 6px 0; font-size: 20px; cursor: pointer;}
	.formFixed .inputDiv{display: none; width: 100%; position: fixed; bottom: 50px; left: 0; right: 0; background: rgba(0, 0, 0, 0.9); padding-bottom: 12px; border-top: 1px solid #444;}
	.formFixed .inputRow{width: calc(50% - 22px); margin-left: 15px; box-sizing: border-box; background-size: 14px 14px; padding-left: 50px;}
	.formFixed .inputRow:before{left: 38px; height: 18px; top: 9px;}
	.formFixed .subBtn{width: calc(50% - 22px); height: 38px; line-height: 38px; float: left; margin-left: 15px;}
	
	/* formBox */
	.formBox{width: 86%; left: 7%; margin-left: 0;}
	.formBox form{padding: 20px 15px;}
	.formBox .inputRow .inputTxt{width: 85%;}
	.formBox .iconClose{height: 30px;}
}
@media (min-width: 786px) and (max-width: 991px){
	.bannDiv .cr{width: 48%; margin-top: -5%;}	
}

@media (min-width: 992px) and (max-width: 1240px){
	.center{width: 100%; padding: 0 20px; box-sizing: border-box;}
	
	/* nav */
	.nav li a{padding: 0 15px;}
	.banner{height: 270px;}
	.banner p.th{font-size: 42px;}
	
	/* slide */
	#jssor_1 .bgCon{width: 100%; padding: 0 15px; left: 0; margin-left: 0; height: 240px; margin-top: -120px; box-sizing: border-box;}
	.bannDiv .bgCon p.keyword{margin-top: 15px;}
	.bannDiv .bgCon p.title{font-size: 52px;}
	.jssort01{bottom: 30px;}
	.jssora05l, .jssora05r{width: 50px; height: 50px; background-size: 100% auto; margin-top: -25px;}
	
	/* index-info */
	.infoBox{height: auto; padding-bottom: 40px;}
	.infoSwipter{width: 100%;}
	.infoSwipter .infoL{padding: 25px 18px 0 25px;}
	.infoSwipter .infoL .brief{line-height: 26px; margin: 20px 0; text-indent: 2em; height: auto;
		overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 8; line-clamp: 8;}
	
	.linkDiv{padding: 26px 0 12px; width: calc(100% + 14px);}
	.bookList{width: calc(100% + 18px); margin-top: 0;}
	
	.searchForm .h1{font-size: 42px;}
	.searchForm .inputDiv{height: 24px; line-height: 24px;}
	.searchForm .inputDiv label, .searchForm .inputDiv .inputTxt{font-size: 16px;}
	
	/* bottom */
	.formFixed .inputDiv{width: calc(100% - 180px);}
	.formFixed .label{margin-right: 10px;}
	.formFixed .inputRow{width: 17%; margin-left: 15px;}
	.formFixed .inputRow .inputTxt{width: 100%;}
	.formFixed .subBtn{width: 12%;}
}
@media (min-width: 1241px) and (max-width: 1360px){
	.banner{height: 320px;}
	.banner p.th{font-size: 45px;}
}
/*@media screen and (min-width: 1200px) and (max-width: 1240px){
	.otherDiv ul li{width: 50%; box-sizing: border-box;}
	.tabConDiv .tabCon{padding-right: 30px;}
	.researchList li .txtDiv{margin: 15px; padding: 15px 24px 20px 24px;}
	.researchList li .txtDiv .brief{padding: 10px 0 15px;}
}
@media screen and (min-width: 1260px) {
	.center{padding: 0;}
	.tabConDiv .tabCon{padding-right: 0;}
}
@media screen and (min-width: 1360px) {
	.center{padding: 0;}
	.tabConDiv .tabCon{padding-right: 0;}
}
@media (min-width: 1440px){
	.center{width: 1200px; padding: 0;}
	.head .center{width: 1370px; padding: 0;}	

}*/