@media (min-width: 320px) and (max-width: 991px){
	* {touch-action: pan-y; }
	.center{width: 100%; padding: 0 15px; box-sizing: border-box;}
		
	.logo{line-height: 40px; padding: 12px 0;}
	.logo img{height: 40px;}
	
	.navDiv{height: 64px;}
	.navDiv .menuBtn{display: inline-block; float: right; margin-left: 10px; background: #fff; border: 1px solid #eac369; height: 24px; width: auto; border-radius: 5px; margin-top: 15px; cursor: pointer;}
	.navDiv .menuBtn img{display: block; height: 14px; padding: 5px 10px;}
	.navDiv .mobileBg{position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; background: rgba(0,0,0, 0.4);}
	/* nav */
	.nav{display: none;}
	.navDiv .appMenu{position: fixed; z-index: 999; display: block; width: 100%; background: #fff; left: 0; top: 24px; 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(../activity/nav_jiantou.png) no-repeat right center /8px auto; margin:0 24px; padding: 0; border: none; color: #000;}
	.navDiv .appMenu li a:hover{height: 42px; background: url(../activity/nav_jiantou2.png) no-repeat right center /8px auto; line-height: 42px; border: none;}
	.navDiv .appMenu li.on{height: 42px;}
	.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(../activity/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(../activity/nav_jiantou.png) no-repeat right center /8px auto; color: #333;}
	.nav li.on a, .nav li .secondNav li a:hover{color: #eac369; height: 42px; line-height: 42px;}
	.nav li .secondNav li a{padding-left: 20px;}
	.nav li .secondNav:before{background: none;}
	
	.banner{height: 202px; background-size: 100% 100%;}
	.banner p.th{font-size: 24px; margin-top: -16px;}
	
	/* index - rules */
	.rulesDiv{padding: 0;}
	.rulesDiv .title{padding: 20px 0 5px; font-size: 20px; line-height: 28px;}
	
	/* index - jury */
	.juryDiv{padding-bottom: 15px;}
	.juryTab{width: 100%; float: none; overflow: hidden;}
	.juryTab .tabA{float: left; width: 50%; margin-top: 10px; height: 32px; line-height: 32px;}
	.juryTab .tabA span{font-size: 30px; margin-right: 12px;}
	.juryTab .more{margin-top: 10px; float: left; height: 32px; line-height: 32px; width: 50%; background: url(../activity/a_line.png) no-repeat right bottom;}
	.juryPic{top: 100px; left: 0; width: 300px; position: static; margin: 0 auto; float: none; padding-top: 0;}
	.juryPic .tabItem img{width: 300px; height: 300px;}
	.juryPic .tabItem .iconBg{width: 200px; height: 200px; margin-left: -100px; margin-top: -125px;}
	.juryPic .tabItem .name a{font-size: 20px;}
	
	.juryEn{display: none;}
	
	#video{width: 100%; margin-left: 0; left: 0; top: auto; bottom: 66px;}
	#closeVideo{margin-left: -16px; bottom: 18px;}
	
	/* index - author */
	.authorBox{padding-top: 0; height: auto; padding-bottom: 18px;}
	.authorDiv .authorCon{width: 100%; float: none; margin-top: 0;}
	.authorCon .title{font-size: 22px;}
	.authorCon .authorBrief{margin-top: 0; line-height: 30px; font-size: 16px;}
	.authorDiv .authorPic{float: none;}
	.authorDiv .authorPic img{max-width: 80%; height: auto; margin: 0 auto;}
	
	/* researcher */
	.searchForm{height: 120px; margin-top: -42px; padding: 0 15px;}
	.searchForm .h1{font-size: 20px;}
	.searchForm .searchDiv{width: 100%;}
	.searchForm .searchBg{padding: 4px; margin: 6px auto 8px; width: 100%; box-sizing: border-box; float: none;}
	.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;}
	.searchForm .formBtn{float: none; margin-top: 10px;}
	.formBtn .btnBg{padding: 4px; margin: 0 auto; width: 85px; height: 30px;}
	.formBtn .subBtn{font-size: 16px; height: 30px; line-height: 30px; width: 85px; border-radius: 10px;}
	
	/* author - card */
	.cardDiv{margin: 15px 0 20px; padding: 20px 15px 15px;}
	.cardDiv .cardUser{width: 140px; height: 140px;}
	.cardDiv .cardNo{margin: 10px 0;}
	.cardDiv .tip span{height: 30px; line-height: 30px; font-size: 14px; padding: 0 20px;}
	.cardDiv .cardBrief{margin-top: 16px;}
	
	.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: -26px; box-sizing: border-box;}
	.bannDiv .bgCon p.title{font-size: 20px; line-height: 24px;}
	.bannDiv .bgCon p.btns{margin-top: 10px;}
	.bannDiv .bgCon .more{height: 30px; line-height: 30px; font-size: 14px; font-weight: 400; border-radius: 12px; padding: 0 20px;}
	
	.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;}
	.newsList{padding: 12px 0 8px;}
	.newsList li{padding: 10px 0 10px 0; line-height: 24px; padding-left: 80px; min-height: 95px;}
	.newsList li .title{font-size: 16px;}
	.newsList li .brief{margin-top: 6px; line-height: 22px; height: 44px;}
	.newsList li .newsR{top: 10px;}
	.newsList li .year{font-size: 24px; padding: 4px 0 10px;}
	.newsList li .date{font-size: 16px; line-height: 22px;}
	.newsList li .date font{display: block; line-height: 10px; padding-left: 20px;}
	.newsList li .more{margin-top: 30px;}
	
	.newsSub .newsDiv{padding-bottom: 5px;}
	
	/* juryList */
	.juryList{width: calc(100% + 16px); margin-top: 0;}
	.juryList li{margin: 15px 16px 0 0; width: calc(50% - 16px);}
	.juryList li .juryImg{height: 260px;}
	.juryList li .desc{padding: 10px 12px;}
	.juryList .desc .text{margin: 5px 0; line-height: 22px; height: 66px; -webkit-line-clamp: 3; line-clamp: 3;}
	
	/* 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;}
		
	/* page */
	.pages{padding: 10px 0 18px; 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%;}
	.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 */
	.linkBox{padding-bottom: 6px;}
	.linkDiv{padding: 18px 0 32px; width: 100%}
	.linkDiv .label{font-size: 18px;}
	.linkDiv a{font-size: 15px; margin: 0 10px 10px 0;}
	.appLink{display: block;}
	.pcLink{display: none;}
	
	.bottom{padding-bottom: 0;}
	
	.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;}
	
	/* rightDiv */
	.wrap{padding-bottom: 50px;}
	.rightDiv{bottom: 0; left: 0; width: auto; padding: 0; border-radius: 0; border: none; border-top: 1px solid #e8e8e8; height: 52px; top: auto; background: #fff;}
	.rightDiv .rItem{float: left; width: 25%; height: 52px; border-bottom: none; background: none;}
	.rightDiv .rItem .itemDefault{float: none; margin: 0 auto; width: auto; background-size: auto 20px; padding-top: 23px; background-position: center 7px; border-radius: 0 !important; font-size: 14px;}
	.rightDiv .rItem .itemHover{bottom: 54px; right: 50%; margin-right: -84px; padding-right: 0; top: auto; width: 168px;}
	.rightDiv .rItem1 .itemHover{left: 0; margin-right: 0; padding-right: 0;}
	.rightDiv .rItemLast .itemHover{right: 0; margin-right: 0; padding-right: 0;}
	.rightDiv .rItem4 .itemDefault{line-height: 28px;}
	
	.rItem1 .itemDefault{background: url(../activity/rd1.png) no-repeat center;}
	.rItem2 .itemDefault{background: url(../activity/rd2.png) no-repeat center;}
	.rItem3 .itemDefault{background: url(../activity/rd3.png) no-repeat center;}
	.rItem4 .itemDefault{background: url(../activity/rd4.png) no-repeat center;}
	.rItem1 .itemFocus{background: url(../activity/rf1.png) no-repeat center;}
	.rItem2 .itemFocus{background: url(../activity/rf2.png) no-repeat center;}
	.rItem3 .itemFocus{background: url(../activity/rf3.png) no-repeat center;}
	.rItem4 .itemFocus{background: url(../activity/rf4.png) no-repeat center;}
	
	.itemHover .itemCon{border-radius: 8px 8px 0 0; float: none; margin: 0 auto; border-bottom: none;}
	.itemHover .itemCon img{width: 20px; height: 20px; margin: 15px 10px 11px 8px;}
	.br{display: none;}
	
	/* card - search */
	.formDiv{padding-bottom: 10px;}
	.formDiv .formTip{margin: 15px 0; line-height: 28px;}
	.layui-form{width: 100%;}
	.layui-form-item{margin-bottom: 10px;}
	.layui-form-item .layui-form-label{width: 100%; text-align: left;}
	.layui-form-item .layui-input{width: 90%;}
	.layui-form-item .layui-textarea{width: 90%;}
	.layui-form-item .selectItem .layui-form-select{width: 90%;}
	.layui-form-item .layui-date{width: 60%;}
	.layui-form-item .layui-input-inline{display: inline-block; margin-left: 0;}
	.layui-form-item em{display: inline-block; margin-left: 3px;}
	.layui-input-block{margin-left: 0;}
	.layui-form-item .row{position: relative; padding-left: 0;}
	.layui-form-item .row .layui-input-inline{width: 100%;}
	.layui-form-item .row .layui-form-label{width: 80px; position: absolute; left: 0; top: 0;}
	.layui-form-item .row .layui-input{width: 90%; padding-left: 5px;}
	.layui-form-item .input-code{width: 50%;}
	.fileUpload{margin-top: 6px;}
	.btnDiv{padding: 0; }
	.btnDiv .layui-btn{height: 40px; border-radius: 20px; width: 130px; font-size: 18px;}
}
@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 */
	.navDiv{height: 110px;}
	.nav{margin-top: 36px;}
	.logo img{height: 70px;}
	.nav li{margin-left: 2px;}
	.nav li a{padding: 0 12px;}
	.nav li a:hover{padding: 0 11px;}
	.nav li.on>a{padding: 0 11px;}
	.banner{height: 400px;}
	.banner p.th{font-size: 42px;}
	
	/* slide */
	#jssor_1 .bgCon{width: 100%; padding: 0 15px; left: 0; margin-left: 0; 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 - link */
	.linkBox{padding-bottom: 20px;}
	.linkDiv{padding: 26px 0 32px;}
	.juryList{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: 500px;}
	.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;}	

}*/