.research { background-color: #352C84; }
.research .contain { overflow: hidden; min-height: 500px; }
/* banner */
.banner { position: relative; }
.banner .b_bg { width: 100%; }
.banner .b_txt { position: absolute; left: 15%; top: 45%; max-width: 30% }

/*info*/
.info { background-color: #f3f3f3; }
.info .info-cont { width: 80%; margin: 0 auto; display: flex; align-items: center; padding: 20px 0; font-size: 14px; line-height: 1.8em; }
.info .info-cont .txt { padding-left: 40px; padding-right: 20px; color: #333333; font-size: 18px; line-height: 36px; }

.info .info-cont .txt .txt-title { align-items: center; }

.info .info-cont .txt .txt-title .csr { background-color: #CCA84D; color: #FFFFFF; font-size: 16px; height: 30px; line-height: 30px; border-radius: 20px; margin-left: 10px; position: relative; text-align: center; padding: 0 50px 0 20px; display: inline-block; }

.info .info-cont .txt .txt-title .csr img { position: absolute; top: 33%; }
.c667 { font-size: 12px; line-height: 130%; text-align: justify; color: #999 }

@media only screen and (max-width:1399px) {
    .info .info-cont .txt .txt-title .csr { float: none; }
}

.txt .txt-title .csr img { height: 11px; margin-left: 15px; margin-bottom: 15px; }

.cont { width: 80%; margin: 0 auto; padding-bottom: 60px; padding-left: .5%; box-sizing: border-box; }
.cont .top-nav { padding: 40px 0; color: #333; display: flex; align-items: center }
.cont .top-nav .tit { font-size: 36px; margin-right: 40px; margin-left: 50px; }
.cont .top-nav .list { display: flex; align-content: center; font-size: 12px; color: #999; margin-left: 30px; }
.cont .top-nav .list i { font-style: normal; margin-left: 5px; }
.search-input { border: 1px solid #ddd; border-radius: 2rem; display: flex; align-items: center; padding: 3px; margin-left: 40px; }
.search-input .search { border: none; padding-left: 10px; }
.search-input .search:hover, .search-input .search:focus { border: none; outline: none; }
.search-input .search-img { cursor: pointer; }
.area { display: flex; }
.area-left { width: 230px; margin-right: 49px; }
.area-nav { text-align: center; width: 230px; box-shadow: 0px 0px 4px 0px rgba(204, 168, 77, 0.35); background-color: #f3f3f3; }
.area-nav .tit { background-color: #cca84d; color: #fff; padding: 19px 0; width: 100%; font-size: 24px; margin-bottom: 5px; }
.tit a { color: #eee }
.tit a:hover { color: #FFFFFF }
.area-nav ul li { color: #333; cursor: pointer; margin-bottom: 1px; font-size: 16px; }
.area-nav ul li a { display: block; padding: 19px 0; width: 100%; }
.area-nav ul li.active, .area-nav ul li:hover { background-color: #fff; }

.area-right { width: 100%; }

.area-right .page-list .page { width: 100%; margin-bottom: 40px; text-align: left; position: relative; }
.area-right .page-list .page .row { display: flex; }
.area-right .page-list .row-right { padding-left: 10px; line-height: 1.3em; }
.area-right .page-list .row-right .row-tit { padding: 10px 0; border-bottom: 2px dotted #ccc; margin-bottom: 10px; font-size: 20px; line-height: 27px; font-weight: 400; color: #a77700; }

.area-right .page-list .row-right p { font-size: 16px !important; margin-bottom: 10px; }

.area-right .page-list .page .row .img { /*width: 391px;*/ }

.area-right .page-list .row-right .more { padding: 5px 0; font-size: 16px; }
.area-right .page-list .row-right .more .more_img { margin-left: 5px; width: 20px; vertical-align: bottom; }
.mobileNav{display:none;}

@media only screen and (max-width:1200px) { .search-input, .area-left { display: none; }
    .info .info-cont { flex-direction: column; align-items: flex-start; }
    .info .info-cont .txt { width: 100%; padding-left: 0; padding-top: 25px; }
    .cont { width: 100%; }
    .area-right { padding: 0 2%; }
    .area-right .page-list .row-right { padding-left: 10px; }
    .banner .b_txt { position: absolute; left: 10%; top: 10%; max-width: 40%; }
    .mobileNav{display:inline}

}

@media only screen and (max-width:959px) {
    .area-right .page-list .page .row { display: block; }
    .area-right .page-list .page .row .img { width: 100%; }
    .cont .top-nav { padding-bottom: 24px; }
    .banner .b_txt { position: absolute; left: 10%; top: 10%; max-width: 40%; }
}

@media only screen and (max-width:550px) {
    .info .info-cont .txt { text-align: left; padding-top: 20px; padding-right: 0px; font-size: 16px; line-height: 30px; }
    .info-cont .img { width: 100%; padding-left: 0px !important; }
    .cont .top-nav { padding: 30px 0; }
    .cont .top-nav .tit { font-size: 30px; }
    .area-right .page-list .row-right .row-tit { font-size: 20px; }
    .banner .b_txt { position: absolute; left: 10%; top: 10%; max-width: 50%; }
    .info .info-cont { width: 90%; }
}

@media only screen and (max-width:350px) {
    .cont .top-nav .tit { font-size: 24px; }
    .area-right .page-list .row-right .row-tit { font-size: 16px; }
    .area-right .page-list .row-right p { font-size: 14px !important; }
}

.cpct { position: absolute; top: 20px; left: 400px }

.page .title { font-size: 30px; text-align: center; margin-top: 15px; color: #cca84d ; font-weight:bold;}
.page hr { margin: 20px 0 10px 0 }
.page .content p { text-indent: 2em; font-size: 18px; line-height: 150%; padding-bottom: 10px; text-align: justify; color:#333; }
.page .content p.bold { color: #cca84d; font-size:20px; text-indent:0em; }
.page .content p.imgInfo { text-indent: 0em; font-size: 14px; color: dimgrey; padding-bottom: 10px; text-align: center; }
.page .content p.img { text-indent: 0em; text-align: center; }
.page .content img { max-width: 100%; max-height: 100%; }
.page .foot { text-align: right; margin-top:20px; color:#999 }

.newsList { padding: 0 0 10px 0; }
.bold { font-weight: bold; }
.pdfDownload { text-align: center !important; font-size: 14px !important; }

.mobileNav{clear:both; width:100%;}
.mobileNav ul{padding:0; margin:0;}
.mobileNav ul li { display:inline-block;  float:left;width: 30%; margin:10px 10px 0 0; text-align: center; background: #cca84d; height: 50px; line-height: 50px; font-size: 24px; }
.mobileNav ul li a { color: #FFFFFF }