@charset "UTF-8";
/*
* 2017-08-25
*/

/** home styles **/

/*slider*/
.main-row { margin-top: 22px; clear: both; }
.slider-box { width: 100%; }
.slider-wrap { position: relative; display: inline-block; float: left; vertical-align: top; width: 100%; height: 440px; }
.slider-box li img {width: 100%; height: 440px;}
.item-txt { position: absolute; display: inline-block; left: 0; bottom: 5px; width: 100%; height: 50px; line-height: 50px; color: #fff;  /* background: rgba(0,0,0,.5); */ background-image: url(../img/home-slider-bg_03.png); background-repeat: ; background-position: center; border: none; }
.item-txt span { padding-left: 10px; max-width: 80%; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nav-dot { position: absolute; bottom: 15px; right: 0; }
.nav-dot li { float: left; width: 25px; height: 25px; line-height: 25px; text-align: center; color: #206bbc; background: #fff; margin-right: 10px; }
.nav-dot li.on { background: #206bbc; color: #fff; }

/*block*/
.block-list { overflow: hidden; border: 1px solid #ccc; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.block-title { padding: 10px 20px 10px 20px; text-transform: capitalize; font-size: 20px; font-weight: bold; border-bottom: 1px solid #206bbc; background: #f6f6f6; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.block-title .more { float: right; margin-top: 5px; font-size: 14px; font-weight: 400; }
.block-item { margin: 0px 20px 7px 20px; padding-top: 5px; padding-bottom: 5px; border-top: 1px dashed #e5e5e5; }
.block-item:first-child { margin-top: 17px; border: none; }
.block-item a { color: #232323; font-size: 14px; line-height: 1.2; }
.block-item a:hover { color: #ff6606; }

/*news*/
.important-news-box { margin-left: 3%; width: 31%; vertical-align: text-bottom; }
.news-block .block-item, .ideas-block .block-item { max-height: 56px; line-height: 26px; -webkit-line-clamp: 2; overflow: hidden; height: 56px; }

/*ideas*/
.new-ideas-box, .research-activities-box, .publications-block-box { vertical-align: middle; display: inline-block; float: left; width: 32%; }
.research-activities-box, .publications-block-box { margin-left: 2%; }

/*activities*/
.activities-block .block-item { margin: 10px 20px; max-height: 115px; overflow: hidden; }
.activities-block .block-item:first-child { margin-top: 20px; }
.activities-block .block-item img { padding-right: 12px; display: inline-block; float: left; }
.activities-block .block-item a { max-height: 104px; line-height: 28px; -webkit-line-clamp: 4; overflow: hidden; }
.activities-block li { max-height: 104px; line-height: 26px; -webkit-line-clamp: 4; overflow: hidden; }

/*publications*/
.block-row { display: block; clear: both; width: 100%; margin: 0 20px 20px 0; }
.block-row .block-item { position: relative; margin: 5px 0 10px 20px; width: 41%; float: left; border: none; }
.block-row-second .block-item { margin: 0 0 10px 20px; }
.publications-block .block-item img { float: left; display: inline-block; width: 100%; width: 130px; height: 173px; }
.publications-block-box .des { position: absolute; bottom: 5px; left: 0; padding: 5px; color: #fff;    /* background: rgba(0,0,0,.5); */ background-image: url(../img/publications-minbg_03.png); background-repeat: no-repeat; background-position: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; cursor: pointer; line-height: 23.5px; -webkit-line-clamp: 2; height: 54px; transition: height .5s; -moz-transition: height .5s; -webkit-transition: height .5s; -o-transition: height .5s; }
.publications-block-box .block-item .des:hover { height: 90%; bottom: 5px; display: inline-block; text-align: center; vertical-align: middle;    /* background: rgba(0,0,0,.5); */ background-image: url(../img/publications-maxbg_03.png); background-repeat: no-repeat; background-position: center; }

/** about styles **/

/*left nav styles*/
.row { position: relative; }
.nav { margin: 22px 0; float: left; width: 240px; border: 1px solid #e5e5e5; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.nav .nav-item { padding: 0 22px; height: 60px; line-height: 60px; border-bottom: 1px solid #e5e5e5; font-size: 20px; }
.nav a { color: #232323; text-transform: capitalize; }
.nav a:hover { color: #ff6606; }
.nav .home { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.nav .home img { padding-right: 10px; }
.nav .home a { color: #fff; }

/*right content styles*/
.about-box { margin-left: 42px; margin-top: 22px; display: inline-block; width: 71.5%; background: #fff; border-top: 1px solid #ff6606; }
.about-box-con .title { padding: 23px 20px 0 23px; font-size: 24px; font-weight: bold; }
.content-box { padding-top: 14px;font-size: 16px;color: #404040;font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;font-weight: 400;line-height: 22px; }

/*about SISS*/
.about-siss-box { padding: 20px; }

/*leadership*/
.leadership-box .person { display: block; height: 100%; font-size: 16px; font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #dcdcdc; }
.leadership-box .person:last-child { border: none; }
.leadership-box .img { padding-right: 20px; padding: 23px 20px; width: 120px; vertical-align: top; }
.leadership-box p { padding-right: 20px;}
.about-box-con .title { text-align: center; }
.leadership-box .des p { padding: 0 20px; word-wrap: break-word; word-break: keep-all; overflow: hidden; display: inline-block; text-align: justify; text-justify: distribute-all-lines; text-align-last: justify; -moz-text-align-last: justify; -webkit-text-align-last: justify; text-align-last: left; }
.leadership-box .photo-img { text-align: center; margin-top: 30px; }
.leadership-box .photo-img img { max-width: 120px; }
.leadership-box .photo-img p { padding: 0 20px;margin: 0; }

/*departments*/
.departments-box { padding: 20px; }
.departments-box tr { margin-bottom: 52px; }
.departments-box span { background: #f5f5f5; }
.departments-box .tree-root { border: none; width: 37%; height: 500px; background: url(../img/table-line_03.png); background-repeat: no-repeat; background-position: right center; }
.tree-root span { padding: 21px 32px; border: 1px solid #232323; }
.tree-leaf span { margin: 5.5% 0; padding: 22px 28px; display: inline-block; width: 87%; border: 1px solid #232323; text-transform: capitalize; }

/*contact us*/
.contact-box { padding: 20px; }
.contact-box .form { padding: 20px; background: #fff; }
.contact-box .name { font-size: 20px; font-weight: bold; }
.contact-box .input input { margin-top: 20px; padding-left: 10px; width: 85%; height: 40px; font-size: 18px; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #9a9a9a; }
::-moz-placeholder { /* Firefox 19+ */
color: #9a9a9a; }
:-ms-input-placeholder { /* IE 10+ */
color: #9a9a9a; }
:-moz-placeholder { /* Firefox 18- */
color: #9a9a9a; }
.contact-box .form span { padding: 0 5px; color: #ff6606; }
.contact-box .submit input { margin-top: 20px; width: 100px; height: 40px; color: #ff6606; border: 1px solid #ff6606; background: transparent; font-size: 20px; font-weight: bold; }
.contact-box .input { position: relative; }
.contact-box .input .verification-code { position: absolute; top: 22px; right: 14%; display: inline-block; }
.contact-box .address { padding: 30px 20px; font-size: 18px; font-family: Arial, Helvetica, sans-serif; }
.contact-box .info { padding-top: 10px; }
.contact-box .info span { padding-left: 5px; }

/** expert styles **/
.content-title {padding: 15px 20px; background: #f5f5f5; }
.expert-box .content-title { font-size: 20px; font-weight: bold; }
.expert-box .content {  /*padding: 32px 50px;*/
display: inline-block; width: 100%; border-bottom: 1px dashed #e5e5e5; }
.expert-box .content li { float: left; width: 25%; text-align: center; margin: 15px 0; }
.expert-box .content li img { display: block; margin-left: 25%; width: 118px; height: 178px; }
.expert-box .content li span a { display: inline-block; text-align: center; color: #444; font-size: 14px; line-height: 30px; }
.expert-box .content li span a:hover { color: #ea7a26; }
.expert-box .content-box:first-child .content:last-child { padding: 0 50px; border: none; }
.expert-box .content-box:last-child .content:last-child { padding: 0 50px; border: none; }
.con-nav { width: 100%; margin-top: 20px; padding: 20px 0; background: #e7f2f4; }
.con-nav .con-nav-list { padding: 0 5px; }
.con-nav .con-nav-list li { display: inline-block; padding-right: 10px; margin: 0 5px; color: #206bbc; border-right: 2px solid #206bbc; cursor: pointer; }
.cur_tit { padding: 0 5px; margin-top: 10px; font-size: 12px; }
.cur_tit a { color: #444; }
.cur_tit a:hover { color: #ea7a26; }

/** events styles **/
.events { font-family: Arial, Helvetica, sans-serif; }
.events-box { margin: 32px 0; padding-bottom: 32px; border-bottom: 1px dashed #e5e5e5; }
.events-box .event-title { font-size: 20px; font-weight: bold; color: #232323; }
.events-box .time { line-height: 2; font-size: 18px; color: #999; }
.event-content .img { width: 158px; }
.events-box .des { margin-left: 10px; display: inline-block; font-size: 18px; color: #999; }
.paging { margin: 32px 0!important; clear: both; text-align: center; font-weight: bold; }
.paging-num { display: inline-block; font-size: 16px; }
.paging-num a { margin-right: 5px; padding: 10px 24px; border: 1px solid #999; color: #232323; }
.paging-num span:last-child a { border: none; padding: 0; }
.paging-num .active { color: #ff6606; border: 1px solid #ff6606; }
.paging-num .prev, .paging-num .next {padding: 10px 24px;}

/** publications styles **/

/*slider*/
.publication-slider { padding: 20px 20px 0 20px; }
.publication-slider .hd { position: relative; width: 100%; }
.publication-slider .hd a { width: 41px; height: 72px; position: absolute; top: 72px; z-index: 999; }
.publication-slider .hd .next { background: url(../img/arr_05.png); background-repeat: no-repeat; right: 0; cursor: pointer; }
.publication-slider .hd .prev { background: url(../img/arr_03.png); background-repeat: no-repeat; left: 0; cursor: pointer; }
.publication-slider .bd { margin: 0 8.2%; }
.publication-slider .bd ul { overflow: hidden; zoom: 1; }
.publication-slider .bd ul li { margin-right: 55px; float: left; _display: inline; overflow: hidden; text-align: center; }
.publication-slider .bd ul li .pic { text-align: center; }
.publication-slider .bd ul li a { position: relative; }
.publication-slider .bd ul li .pic img { border: 1px solid #f2f2f2; width: 156px; height: 210px; }
.publication-slider .bd ul li .pic a:hover img { border-color: #999; }
.publication-slider .bd ul li .pic .des { position: absolute; bottom: 2px; left: 0; padding: 5px; color: #fff;  /* background: rgba(0,0,0,.5); */ background-image: url(../img/publications-minbg_03.png); background-repeat: no-repeat; background-position: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; cursor: pointer; white-space: normal; border: none; line-height: 23.5px; -webkit-line-clamp: 2; height: 54px; transition: height .5s; -moz-transition: height .5s; -webkit-transition: height .5s; -o-transition: height .5s; }
.publication-slider .bd ul li .pic .des:hover { height: 210px; bottom: 4px; padding: 0; text-align: center; vertical-align: middle;  /* background: rgba(0,0,0,.5); */ background-image: url(../img/publications-maxbg_03.png); background-repeat: no-repeat; background-position: center; }
.publications-box .content-box .more { float: right; font-size: 14px; line-height: 30px; }
.publications-box .content-title { font-size: 24px; font-weight: bold; }
.publications-box .des { padding: 8px 20px; font-size: 14px; border-top: 1px dashed #e5e5e5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.publications-box .des:first-child { border: none; }
.publications-box a { color: #232323; }

/* detail page style */
.detail-box { margin-top: 22px; display: inline-block; width: 100%; background: #fff; border-top: 1px solid #ff6606; }
.detail-box-con { padding: 40px 86px 78px 86px; }
.detail-box-con .title { color: #232323; font-size: 24px; font-weight: bold; }
.detail-box-con .time { padding-top: 22px; color: #999; font-size: 18px; font-family: Arial, Helvetica, sans-serif; }
.detail-box .content-box { padding-top: 0; }
.detail-content { margin-top: 0; font-family: Arial, Helvetica, sans-serif;font-size: 18px;line-height: 24px;color: #999;}
.detail-box .detail-content {font-size: 16px;color: #404040;font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;font-weight: 400;line-height: 22px;}
.detail-box .img { margin-top: 40px; text-align: center; }

/* list page style */
.list-box { margin-top: 0; background: #fff !important; border: none; }
.list-name { margin-top: 10px; }
.img-list-box { padding: 8px 0 !important;font-size: 14px;line-height: 24px;border-bottom: 1px dashed #e5e5e5; }
.img-list-box td.img {width: 25%;}
.yz-m-box { border: 1px solid #d1d1d1; overflow: hidden; }
.yz-padding-box { padding: 20px; overflow: hidden; }
.yz-tit1 { text-align: center; color: #5f5f5f; line-height: 30px; font-weight: bold; }
.yz-tit2 { text-align: center; color: #5f5f5f; line-height: 30px; font-size: 12px; }
.yz-m-box p { line-height: 30px; }

/*******************************
    --------------
********************************/
.g-row { margin-top: 5px; }
.crumb { color: #999; margin-bottom: 5px; }
.line_b { background-color: #eee; border-top: 1px solid #ccc; clear: both; height: 3px; overflow: hidden; }
.search-list a { color: #1011cb; text-decoration: underline; }
.yz-tit3 { font-size: 16px; }
.search-list p { margin: 0 }
.yz-padding-box .soBox { margin: 0 auto; width: 70%; }
.yz-padding-box .soBox .inp { width: 89%; }

/**/
.search .search .col-md-3 { padding-left: 0 }
.side_col { background: #f1f2f4 none repeat scroll 0 0; padding: 5px; position: relative; }
.side_mod { background-color: #fff; border: 1px solid #dddddd; clear: both; margin: 0 0 6px; }
.mod_tit { border-bottom: 1px solid #cc0000; height: 35px; line-height: 36px; margin: 0 3px; overflow: hidden; padding-left: 16px; }
.mod_con { padding: 15px; font-size: 12px; overflow: hidden; }
.yz-tit4 { width: 40%; text-align: left; float: left; line-height: 25px; }
.mod_con .inp { max-width: 60%; float: left; height: 25px; }
.g-ul1 { margin-bottom: 10px; overflow: hidden; }
.mod_con .inp1 { max-width: 25%; height: 25px; }
.search_btn { margin: 0 auto }

/*******************************
    --------------
********************************/
.yz-tit3 { text-align: left; }
.yz-tit5 { font-size: 14px; width: 10%; float: left; line-height: 25px; }
.g-ul1 .inp { width: 88%; float: left; margin-bottom: 10px; }
.on-line { background-color: #006da3; padding: 0 28px 5px 28px; text-align: center; color: #FFF; line-height: 30px; height: 30px; font-size: 16px; display: inline-block; margin-top: 220px; margin-bottom: 10px; }
#liuye a:hover { color: #FFF; }
#liuye .yz-tit5 { font-size: 14px; width: 17%; float: left; line-height: 25px; }
#liuye .inp { width: 35%; float: left; margin-bottom: 10px; }
#liuye .y-code { margin-left: 5px; float: left; }
#liuye .s-code { margin-left: 5px; float: left; }
.map { margin-left: 10% }

/*  */
.m-page { text-align: center; line-height: 34px; margin-bottom: 30px; }
.m-page ul { display: inline-block; vertical-align: middle; }
.m-page ul li { float: left; margin-left: 3px; background: #eeeeee; }
.m-page ul li a { display: block; padding: 0 9px; font-size: 14px; color: #444; }
.m-page ul li:first-child { margin-right: 6px; }
.m-page ul li:last-child { margin-left: 6px; }
.m-page ul li:hover a, .m-page ul li.on a { background: #006da3; color: #fff; }
.m-page ul li.disable a, .m-page ul li.disable a:hover { color: #3a3a3a; background: #eeeeee; }
.m-page span { display: inline-block; color: #999; }
.m-page span input { padding: 0 5px; outline: none; }
.m-page span .lm-btn, .m-page span input { display: inline-block; height: 22px; width: 36px; line-height: 22px; margin: 0 5px; border: 1px solid #ddd; }
.m-page span .lm-btn { width: 45px; }
.h20 { height: 20px; }
.search { max-width: 1020px; margin: 0 auto; margin-top: 20px; }
@media (min-width:992px) {
  .search .col-md-3 { width: 25%; }
  .search .col-md-9 { width: 75%; }
  .search .col-md-1, .search .col-md-2, .search .col-md-3, .search .col-md-4, .search .col-md-5, .search .col-md-6, .search .col-md-7, .search .col-md-8, .search .col-md-9, .search .col-md-10, .search .col-md-11, .search .col-md-12 { float: left; }
  .search .col-md-offset-5 { margin-left: 41.66666667%; }
}
.col-xs-1, .col-sm-1, .search .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .search .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .search .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .search .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .search .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .search .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .search .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .search .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .search .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .search .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .search .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .search .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.search { margin-right: -15px; margin-left: -15px; }



.content-box { padding-top: 14px;font-size: 16px;color: #404040;font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;font-weight: 400;line-height: 22px; }
.detail-box .detail-content {font-size: 16px;color: #404040;font-family: Helmet,Freesans,Helvetica,Arial,sans-serif;font-weight: 400;line-height: 22px;}