/* common */
.center{width: 1200px; margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
.clear{clear: both; overflow: hidden;}
.oneLine{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.twoLine{overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2;}
img{display: block;}
ul li a:hover{}
a,span,input,button{outline: none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-focus-ring-color: rgba(0, 0, 0, 0);}

/* header */
.header{height: 134px; border-bottom: 1px solid #707070; border-top: 4px solid #783370; overflow: hidden;}

.logo{padding: 28px 0;}
.logo img{height: 78px; display: block;}

.hright{margin-top: 40px; height: 52px;}
.hright .tel{padding-left: 52px; background: url(../images/tel.png) no-repeat left center; font-size: 26px; line-height: 32px; padding-bottom: 4px;}
.hright .tel .label{font-weight: normal; font-size: 14px; padding-right: 18px; display: block; line-height: 20px;}

.header .menuBtn, .header .mobileBg{display: none;}
/* navDiv */
.navDiv{border-bottom: 1px solid #707070; height: 54px; left: 0; right: 0; z-index: 99999; background: #fff;}
.nav{display: flex; justify-content: space-between;}
.nav li{float: left; height: 54px; line-height: 54px; position: relative; z-index: 99; align-items: center;}
.nav li a{display: block; height: 100%; padding: 0 22px; color: #333; font-size: 16px; cursor: pointer;}
.nav li a:hover{border-bottom: 2px solid #b85995; color: #b85995; height: 53px;}
.nav li>a{}
.nav li.on>a{border-bottom: 2px solid #b85995; color: #b85995; height: 54px; background: url(../images/icon1.png) no-repeat right center;}

.nav li .secondNav{display: none; width: 196px; position: absolute; left: 50%; margin-left: -78px; top: 54px; z-index: 9999; box-shadow: 0 5px 5px 0 rgba(0,0,0,0.5); border-top: 2px solid #b85995;}
.nav li .secondNav li{float: none; height: 42px; background: #fff; border-bottom: 1px solid #a7a7a7; border-top: 0; line-height: 42px; text-align: left; position: static; margin-left: 0;}
.nav li .secondNav li a{display: block; color: #333; padding: 0 8px 0 18px; font-size:14px; letter-spacing: 0px;}
.nav li .secondNav li a:hover{background: #b85995; color: #fff; height: 42px; border-bottom: none;}
.nav li .secondNav li.last{border-bottom: none;}

/* banner */
.banner{background-repeat: no-repeat; background-position: center; background-size: 100% 100%; height: 378px; position: relative;}
.banner .center{position: relative; z-index: 3; height: 100%; overflow: hidden;}
.banner p.th{font-size: 50px; color: #fff; font-weight: bold; position: relative; top: 50%; margin-top: -36px;}
.banner .bannBg{width: 100%; height: 100%; position: absolute; z-index: 2; background: rgba(0,0,0,0.4); left: 0; top: 0;}

/* th */
.th{overflow: hidden; text-align: center; margin-top: 30px;}
.th .title{font-size: 32px; font-weight: 800; position: relative; padding: 0 0 30px; display: block;}
.th .title:before{position: absolute; bottom: 0; left: 0; width: 62px; left: 50%; margin-left: -31px; content: ''; height: 6px; background: #3c3c3c;}

/* main */
.main{background: #fff; min-height:420px;}
.local{padding: 25px 38px; overflow: hidden; position: relative; z-index: 2; margin-top: -40px; background: #f5f5f5; border-radius: 40px; line-height: 30px;}
.local a, .local span{font-size: 14px; color: #000;}
.local .fl span, .local .fr a:last-child{color: #b03e86;}
.local .fl span{font-size: 17px; font-weight: bold; position: relative; padding-left: 26px; float: left;}
.local .fl a{font-size: 17px; font-weight: 500; margin-left: 26px; color: #555; float: left;}
.local .fl span:before{position: absolute; left:15px; top: 15px; height:4px; content: ''; background: #b03e86; width: 4px;}

/*index-news*/
.newsBox{}
.newsDiv{padding: 30px 0; overflow: hidden;}
.newsDiv .newsPic{background: #f3f3f3; border-radius: 2px; width: 48%; box-sizing: border-box; padding: 32px 30px;}
.newsDiv .newsPic .h1, .newsDiv .newsPic .date{font-size: 16px; line-height: 22px; padding-bottom: 10px;}
.newsDiv .newsPic .date{font-size: 18px;}
.newsDiv .newsPic .title{color: #000;}
.newsDiv .newsPic .title:hover{color: #b03e86;}
.newsDiv .newsPic img{margin: 10px 0 20px; max-width: 100%;}
.newsDiv .newsPic .more{height: 42px; line-height: 42px; display: block; width: 120px; text-align: center; background: #783370; font-size: 16px; color: #fff;}
.newsDiv .newsPic .more:hover{background: #b03e86;}
.newsDiv .newsList{width: 49%; padding: 0;}
.newsDiv .newsList li{padding-right: 70px;}
.newsDiv .newsList li .newsR{width: 68px;}

/* userList */
.userList{padding: 20px 0 0 0; overflow: hidden;}
.userList li{float: left; width: 49%; margin: 10px 0 10px 0; background: #f0f0f0; border-radius: 3px; overflow: hidden;}
.userList li:nth-child(odd){margin-right: 2%;}
.userList li p.pro{width: 172px; height: 230px; overflow: hidden;}
.userList li img{width: 100%; height: 100%;}
.userList li .fr{width: calc(100% - 182px); margin-left: 10px;}
.userList li .fr p{margin: 24px 16px 0;}
.userList li p.name{font-size: 16px; margin-top: 32px;}
.userList li p.brief{font-size: 12px; line-height: 20px; overflow: hidden; height: 60px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; color: #545454;}
.userList li p.more{position: relative;}
.userList li p.more a{font-size: 14px; font-weight: 300; color: #fff; display: inline-block; line-height: 30px; text-align: center;   height: 30px; width: 84px; border: 1px solid #d7d7d7; color: #545454;}
.userList li p.more a:hover{border-color: #b03e86; color: #b03e86;}
.line{border-bottom: 1px solid #ddd; margin: 0 22px; height: 10px;}

/* content */
.content{padding: 30px 20px 30px; min-height: 530px;}
.content .title{text-align: center; font-size: 20px; line-height: 32px; font-weight: bold; border-bottom: 1px dotted #e8e8e8; padding-bottom: 15px;}
.content .otherTh{border-bottom: none; font-size: 28px; font-weight: 500; margin-top: 20px;}
.content .txt{text-align: center; padding: 10px 0;}
.content .con{padding-top: 12px;}
.content .con img{max-width: 100%; display: block; margin: 0 auto;}
.content .con p{padding-bottom: 5px;}
.content .con *{line-height: 28px; font-size: 16px; background: none !important;}

.subTitle{position: relative; margin: 30px 0 20px;}
.subTitle::before{position: absolute; content: ''; height: 1px; left: 0; right: 0; top: 24px; background: #9d8559; z-index: 0;}
.subTitle span{display: block; width: 180px; height: 45px; line-height: 45px; padding-left: 24px; background: #9d8559; color: #fff; position: relative; z-index: 1; font-size: 16px;}

/* researcher */
.researcherDiv{width: 912px; margin: 10px auto 50px; overflow: hidden; border-radius: 15px; background: #f2f2f2; box-shadow: 0 0 10px 3px rgba(0,0,0, 0.2); position: relative;}
.researcherDiv .fl img{width: 435px; height: 600px;}
.researcherR{width: 410px; margin: 50px 30px 0 0;}
.researcherR .userImg{width: 140px; height: 140px; border-radius: 50%; border: 1px solid #919191; float: left; margin-right: 20px;}
.researcherDiv .userInfo{}
.researcherDiv .userLine{border-bottom: 1px solid #8a8a8a; height: 20px;}
.userInfo .name{font-size: 20px; margin-top: 16px;}
.userInfo .cardNo{font-size: 16px; margin: 14px 0;}
.userInfo .tip span{font-size: 15px; padding: 0 24px; background: #dadada; border-radius: 16px; display: inline-block; line-height: 32px; height: 32px; margin-right: 5px;}
.researcherDiv .userDesc{margin-top: 18px; height: 294px; overflow-y: auto;}
.userDesc, .userDesc p, .userDesc span, .userDesc b{line-height: 32px; font-size: 16px;}
.researcherDiv .userFoot{position: absolute; left: 435px; bottom: 0; right: 0; height: 56px; background: #e6e6e6;}
.userFoot p{padding: 0 20px 0 70px; background: url(../images/icon3.png) no-repeat 40px center; height: 100%; line-height: 56px; color: #3d3d3d; font-size: 16px;}

/* newsList */
.newsList{padding: 20px 30px 14px;}
.newsList li{border-bottom: 1px solid #aeaeae; padding: 26px 0; line-height: 28px; overflow: hidden; position: relative; padding-right: 120px;}
.newsList li:first-child{border-top: 1px solid #aeaeae;}
.newsList li .title{cursor: pointer; font-size: 18px; color: #000;}
.newsList li .brief{color: #565656; font-size: 14px; line-height: 26px; margin-top: 10px; height: 52px;}
.newsList li .newsR{position: absolute; right: 0; text-align: right; top: 24px; width: 86px;}
.newsList li .date{font-size: 16px;}
.newsList li .more{width: 32px; height: 20px; margin: 20px 0 0 28px; display: block; background: url(../images/more.png) no-repeat center; cursor: pointer;}
.newsList li:hover .title, .newsList li:hover .date{color: #b03e86;}
.newsList li:hover{border-bottom-color: #b03e86;}
.newsList li:hover .more{background: url(../images/more1.png) no-repeat center;}

/* bookList */
.bookList{overflow: hidden; width: 1220px; margin: 20px 0 10px;}
.bookList li{float: left; width: 286px; margin: 30px 18px 0 0;}
.bookList li .juryImg{display: block; position: relative; height: 346px; overflow: hidden;}
.bookList li .juryImg img{width: 100%; height: 100%; display: block;}
.bookList li .desc{background: #f2f2f2; border: 1px solid #eee; border-top: 0; padding: 15px;}
.bookList .desc .name, .juryList .desc .more{text-align: left; line-height: 26px;}
.bookList .desc .name{height: 52px; overflow: hidden;}
.bookList .desc .name a{font-size: 16px; color: #000; font-weight: 400;}
.bookList .desc .more a{font-size: 16px; color: #545454;}
.bookList .desc .text{font-size: 14px; line-height: 24px; margin: 10px 0 0; height: 48px; color: #666;}
.bookList .desc a:hover, .bookList li:hover .name a, .bookList li:hover .more a{color: #b03e86;}
.bookList li:hover .desc{border-color: #e5e5e5;}
.bookList li:hover .desc .text{color: #555;}

.subBookList{margin: 0;}

/* book - info */
.bookDiv{padding: 0 0 10px; position: relative;}
.bookDiv .fl{position: relative;}
.bookDiv .fl img{width: 400px; height: 484px; border-radius: 10px; margin-right: 20px;}
.bookDiv .fl .iconBg{position: absolute; width: 84px; height: 84px; left: 50%; top: 50%; margin: -42px 0 0 -42px; z-index: 2; background: url(../images/icon11.png) no-repeat center; cursor: pointer;}
.bookDiv .bookInfo{width: calc(100% - 420px);}
.bookInfo .name{font-size: 20px; font-weight: bold; border-bottom: 1px solid #ddd; padding: 15px 6px; line-height: 32px;}
.bookInfo .brief{margin: 30px 6px 40px; background: #f0f0f0; padding: 12px; line-height: 28px; font-size: 15px; color: #666; height: 196px; overflow-y: auto;}
.bookInfo .tips{position: relative; padding-left: 52px; overflow: hidden;}
.bookInfo .tips span.label{position: absolute; left: 0; font-size: 16px; border: none; color: #000; padding-left: 0;}
.bookInfo .tips span{font-size: 13px; border: 1px solid #ddd; padding: 3px 10px; float: left; color: #6d6d6d; margin: 0 5px 5px 0;}
.bookInfo .tips span.active{border: 2px solid #b03e86; padding: 2px 9px; background: url(../images/icon12.png) no-repeat right bottom / auto 14px;}

#bookVideo{width: 660px; height: 495px; position: absolute !important; left: 50%; top: 0; background: #000; z-index: 999; display: none; overflow: hidden; margin-left: -330px;}
#bookCloseVideo{width: 32px; height: 32px; position: absolute; left: 50%; margin-left: -16px; bottom: -42px; background: url(../images/icon10.png) no-repeat 0 0 /100% 100%; cursor: pointer; display: none; z-index: 100;}


/* page */
.pageBox{width: 100%; margin: 0 auto; overflow: hidden;}
.pages{overflow: hidden; padding: 20px 0 30px; text-align: center; height: 50px;}
.pages a.pageNum{display: inline-block; height: 42px; line-height: 40px; width: 24px; background: #fff; font-size: 20px; color: #000; margin: 0 10px;}
.pages a.active, .pages .pageNum:hover{/*background: #c53b2e; color: #fff;*/ color: #b03e86; border-bottom: 1px solid #b03e86;}
.pages .prevBtn,.pages .nextBtn{font-weight: bold; color: #333; background: none; font-size: 16px; margin-right: 30px;}
.pages .nextBtn{margin: 0 0 0 30px;}
.pages .prevBtn:hover,.pages .nextBtn:hover{color: #b03e86;}

/* link */
.linkBox{overflow: hidden;}
.linkDiv{padding: 30px 0; line-height: 26px; overflow: hidden; width: 1215px;}
.linkDiv a{float: left; margin: 0 14px 14px 0;}
.linkDiv a img{border: 1px solid #d7d7d7; width: 186px; height: 144px;}
.linkDiv a:hover img{border-color: #b85995;}


/* bottom */
.bottom{background: #2d2d2d; padding-bottom: 0; overflow: hidden;}

.subNav{overflow: hidden; padding: 26px 0 14px; height: auto; background: url(../images/line.jpg) repeat-x left bottom;}
.subNav ul{overflow: auto;}
.subNav ul li{float: left; margin-right: 25px; margin-bottom: 12px;}
.subNav ul li:last-child{margin-right: 0;}
.subNav ul li a{color: #adadad; font-size: 14px; padding: 0 5px;}

.footer{padding:20px 0 28px; color: #adadad; font-size: 14px; line-height: 36px; overflow: hidden;}
.footer .fl p{line-height: 22px; padding-bottom: 14px;}
.footer p.label{font-size: 16px; margin-top: 15px;}
.footer .fr .code{width: 118px; height: 118px; margin-right: 20px; margin-top: 8px;}


.formFixed{background: url(../images/bg_bottom.jpg) no-repeat center bottom; height: 66px; position: fixed; left: 0; right: 0; bottom: 0; border-top: 1px solid #4f4f4f; z-index: 20; display: none;}
.formFixed .inputDiv{width: calc(100% - 186px);}
.formFixed .label{font-size: 26px; font-weight: bold; color: #ffdb15; line-height: 38px; margin: 14px 18px 0 0; letter-spacing: 2px;}
.formFixed .inputRow{height: 36px; border: 1px solid #444; margin: 14px 0 0 22px; width: 172px; padding: 0 10px 0 58px; position: relative;}
.formFixed .inputRow:before{position: absolute; left: 44px; top: 8px; width: 1px; height: 20px; background: #fff; content: "";}
.formFixed .uname{background: url(../images/icon4.png) no-repeat 12px center;}
.formFixed .uphone{background: url(../images/icon3.png) no-repeat 12px center;}
.formFixed .inputRow .inputTxt{background: none; line-height: 36px; height: 36px; border: none; color: #fff;}
.formFixed .subBtn{background: #e61c10; border: none; color: #fff; font-size: 16px; line-height: 40px; height: 40px; margin-top: 13px; width: 176px; cursor: pointer;}

/* index - info */
.infoBox{background: url(../images/bg_info.jpg) no-repeat center 0; height: 744px; padding: 10px 0 0; position: relative;}
.infoBox .th .title{color: #fff;}
.infoBox .th .title:before{background: #fff;}

.infoSwipter .infoL{padding: 40px 20px 0 30px; width: 49%; box-sizing: border-box;}
.infoSwipter .infoL .title a{color: #783370; font-size: 20px;}
.infoSwipter .infoL .brief{line-height: 28px; color: #5d5d5d; font-size: 14px; margin: 20px 0; text-indent: 2em; height: 252px;}
.infoSwipter .infoL .more a{display: block; height: 42px; line-height: 42px; width: 120px; text-align: center; font-size: 16px; border: 1px solid #d7d7d7; color: #333;}
.infoSwipter .infoL .more a:hover{color: #783370; border-color: #783370;}

.infoSwipter .infoApp{display: none;}

.infoSwipter{width: 1200px; height: 448px; padding: 70px 0;}
.infoSwipter .swiper-slide{background: #fff; border-radius: 20px;}
.infoSwipter .li{width: 49%; height: 100%; position: relative; border-radius: 0 20px 20px 0; overflow: hidden;}
.infoSwipter .li a{display: block; cursor: pointer;}
.infoSwipter .li .videoIcon{position: absolute; width: 84px; height: 84px; left: 50%; top: 50%; margin: -42px 0 0 -42px;}
.infoSwipter .li .pic img{display: block; width: 100%; height: 100%;}
.infoSwipter .swiper-button-prev, .infoSwipter .swiper-button-next{width: 38px; height: 38px; top: auto; bottom: 0; border: 1px solid #fff;}
.infoSwipter .swiper-button-prev{background: url(../images/prev.png) no-repeat center/12px auto; right: 60px; left: auto;}
.infoSwipter .swiper-button-next{background: url(../images/next.png) no-repeat center/12px auto; right: 0;}

.infoSwipter .swiper-pagination{top: 20px; bottom: auto;}
.infoSwipter .swiper-pagination-bullet{width: auto; height: 22px; line-height: 22px; color: #fff; font-size: 14px; background: none; opacity: 1; margin: 0 15px !important; border-radius: 0;}
.infoSwipter .swiper-pagination-bullet-active{border-bottom: 1px solid #fff; padding-bottom: 10px;}

.videoBg{position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; background: rgba(0,0,0, 0.4); display: none;}
#video{width: 49%; height: calc(100% - 140px); position: absolute !important; right: 0; bottom: 70px; background: #000; z-index: 999; display: none; overflow: hidden;}
#closeVideo{width: 32px; height: 32px; position: absolute; left: 50%; margin-left: calc(26% - 16px); bottom: 0; background: url(../images/icon10.png) no-repeat 0 0 /100% 100%; cursor: pointer; display: none; z-index: 100;}

/* researcher */
.searchForm{height: 210px; position: absolute; top: 50%; margin-top: -120px; left: 0; right: 0;}
.searchForm .h1{text-align: center; font-size: 48px; font-weight: bold; color: #fff;}
.searchForm .searchBg{background: rgba(255,255,255, 0.34); border-radius: 12px; width: 800px; padding: 10px; overflow: hidden; margin: 15px auto 20px;}
.searchForm .inputDiv{background: #fff; border-radius: 12px; overflow: hidden; line-height: 28px; height: 28px; padding: 10px 0;}
.searchForm .inputDiv label{display: inline-block; position: relative; width: 80px; padding-right: 10px; text-align: right; font-size: 18px; float: left; color: #393939;}
.searchForm .inputDiv label:after{position: absolute; content: ''; background: #333; width: 1px; height: 20px; top: 3px; right: 0;}
.searchForm .inputDiv .inputTxt{border: none; padding: 0 15px; float: left; line-height: 28px; font-size: 18px; width: 200px;}
.searchForm .inputDiv .inputNo{width: 360px;}
.searchForm .formBtn{text-align: center;}
.formBtn .subBtn{width: 128px; height: 40px; line-height: 40px; border: none; background: #b85995; color: #fff; border-radius: 12px; font-size: 18px;}

/* index - form */
.formBg{position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; background: rgba(0,0,0, 0.5); display: none;}
.formBox{position: fixed; width: 500px; height: 340px; left: 50%; top: 50%; margin: -200px 0 0 -250px; z-index: 10; display: none;}
.formBox form{height: 290px; background: #fff; border-radius: 8px; padding: 20px 30px;}
.formBox .iconClose{margin: 10px auto 0; height: 40px; cursor: pointer; display: block;}
.formBox .label{font-size: 20px; font-weight: bold; color: #c30606; line-height: 38px; display: block; text-align: center; margin-bottom: 20px;}
.formBox .inputRow{height: 36px; padding: 0 10px 0 58px; position: relative; margin-bottom: 20px;}
.formBox .inputRow span{position: absolute; left: 10px; display: block; line-height: 36px; top: 0; color: #999;}
.formBox .inputRow .inputTxt{background: #f0f0f0; padding: 0 10px; line-height: 36px; height: 36px; border: none; color: #fff; width: 340px;}
.formBox .subBtn{background: #e61c10; border: none; color: #fff; font-size: 16px; line-height: 40px; height: 40px; margin: 30px auto 0; width: 176px; cursor: pointer; display: block; border-radius: 8px;}