body {font-size:16px;color:black;font-family: "Microsoft YaHei Light","微软雅黑 Light",Montserrat,"Helvetica","Lucida Grande","Lucida Sans",STXihei,"华文细黑",sans-serif;}
p {font-size:inherit;}
h1, h2, h3, h4, h5, h6 {font-family: "Microsoft YaHei","微软雅黑",Montserrat,"Helvetica","Lucida Grande","Lucida Sans",STXihei,"华文细黑",sans-serif;font-weight:bold;}
img,table {max-width:100%;}
.field-body p {font-size:16px;}
.inner .breadcrumb {font-size:16px;}
.three-line {max-height:4.5em;height:4.5em;}
.four-line {max-height:6em;height:6em;}
.two-line {max-height:3em;height:3em;}

a {color:black;}
a:hover {color:#be555b;}

/*btn rotate animated*/
.btn-rotate-animated {
	-webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -o-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease;
  -o-transition: transform 1s ease;
  -ms-transition: transform 1s ease;
  transition: transform 1s ease;
}
.btn-rotate-animated:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

/*img scale animated*/
.img-scale-animated img {
	-webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease;
  -o-transition: transform 1s ease;
  -ms-transition: transform 1s ease;
  transition: transform 1s ease;
}

.img-scale-animated:hover img {
	-webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}


.inner {width:70%;max-width:70%;}

#block-header-block {box-shadow:1px 2px 3px #979797;background:#2f3f61;position:fixed;top:0;left:0;width:100%;z-index:999;}
.page-front #main {margin-top:100px;}
#header-btns {background:#3b4c6f;}

.header-container.inner, .header-row {height: 100px;}

#header {position: relative;background-image: url('http://rrlab.sysu.edu.cn/files/header-bg.jpg');background-position: bottom right;background-repeat: no-repeat;background-size:contain;}

@media (min-width: 1600px){
.footer-bg-primary .footer-menu .footer-link {padding:0;width:20%;}
}

@media (min-width: 1200px){
.inner {width: 70%;}
.index-newscenter-section,.index-rsch-section {margin:0 auto;max-width:70%;margin-top:80px;}
}

#site-logo img {height:90px;}
.main-menu-bg-primary {/*float:right;*/background:none;/*margin-right:5%;*/border-top:solid 1px #405071;}
#main-menu > .inner {/*max-width:100%;width:100%;margin-top:24px;*/}

.page-front .header-top.inner {/*float:left;margin-left:5%;width:auto;*/width:100%;max-width:100%;border-bottom:solid 1px #263554;}
.page-front .header-top.inner .header-row {margin:auto;width:70%;max-width:70%;}

.main-menu-1-1 .nav-menu>.menu-item .menu-toggle a,.main-menu-1-1 .nav-menu>.menu-item>a,.main-menu-1-1 .nav-menu>.menu-item i,.main-menu-1-1 .nav-menu>.menu-item span{font-size:20px;font-family: "Microsoft YaHei Light","微软雅黑 Light",Montserrat,"Helvetica","Lucida Grande","Lucida Sans",STXihei,"华文细黑",sans-serif;}
.main-menu-1-1 .nav-menu .level-menu a {font-size:16px;}
.main-menu-1-1 .nav-menu .level-menu a:hover {color:#be555b;}
.dropdown .dropdown-menu {width:100%;min-width:72px;max-width:100%;}

.main-menu-1-1 .nav-menu>.menu-item.active {background:white;}
.main-menu-1-1 .nav-menu>.menu-item.active .menu-toggle>a {/*color:white;*/}
.main-menu-1-1 .nav-menu>.menu-item.active:hover {background:white;}
.main-menu-1-1 .nav-menu>.menu-item.active:hover .menu-toggle>a {color:#2f3f61;}
.menu.nav-menu ul.dropdown-menu>li>a, .menu.nav-menu .dropdown .dropdown-menu>li>a {text-align:center;}

.swiper-1 .swiper-slide .inner {width:auto;bottom:36%;background:rgba(204,204,204,.6);}
.swiper-slide h3.title {font-size:32px;}

.pic-txt-box {margin:30px auto 20px auto;/*width:80%;*/float:none;}
.block-region-top-first h2.block-title {margin-top:50px;height:180px;font-size:50px;border:none;color:#2f3f61;}
.index-rsch-section h2.block-title{text-align:left;background:url('http://rrlab.sysu.edu.cn/files/titleleft.png') left no-repeat;}
.index-newscenter-section h2.block-title{text-align:right;background:url('http://rrlab.sysu.edu.cn/files/titleright.gif') right no-repeat;}
.pic-txt-box .pic-txt-title {padding-bottom:0;font-size:18px;text-align:left;/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/}
.pic-txt-box .pic-txt-title.three-line {height:3.6em;max-height:3.6em;font-weight:bold;}
.pic-txt-box .pic-txt-des .four-line{height:6em;max-height:6em;font-size:16px;text-align:left;}
.pic-txt-box .pic-txt-des {padding-top:0;padding-bottom:30px;text-align:left;}
.pic-txt-box img {width:100%;/*box-shadow: 1px 2px 3px #ddd;border: solid 1px #ddd;*/}
.pic-txt-des .list-category a {color:#a1a1a1;}
.pic-txt-des .list-category a:hover {color:#be555b;}

.footer-bg-primary {padding:45px 0;background-color:#2f3f61;color:#e2e2e2;}
.footer-bg-primary a, .footer-bg-primary p {font-size:16px;color:#e2e2e2;}
.footer-bg-primary a:hover {color:white;}
.footer-bg-primary i {color:#666;}

.footer-bg-primary h4 {margin-bottom:25px;}
.footer-bg-primary h4,.footer-bg-primary h4 a {font-size:20px;color:white;}

.footer-bg-primary .footer-link li {width: 100%;display:block;margin-bottom:10px;}

.footer-bg-primary .footer-seprate {height:218px;border-left:solid 2px #e2e2e2;}

.btn-list-item {float:left;width:20%;list-style:none;}
.btn-list-box{overflow:hidden;padding:12px 0;width:100%;position: absolute;top: -159px;z-index: 99;background: rgba(0, 0, 0, 0.4);}
.btn-list-ul {width:80%;margin:0 auto;}
.btn-list-item .item-img-box {margin:0 auto 10px auto;width:72px;height:72px;line-height:72px;}
.btn-list-item .item-img-box a {display:block;}

.btn-list-item .item-txt-title {font-size:18px;text-align:center;}
.btn-list-item .item-txt-title a {color:white;}

.btn-list-item:hover h4 a {text-decoration:underline;}

.list-images-1 .list-title {font-size:20px;}
.list-images-2 .list-content p {color:#a1a1a1;}

@media (max-width: 992px){
#site-logo {height: auto;}
.inner {width:96%;max-width:96%;}
.swiper-slide h3.title {font-size:24px;}
}
@media screen and (max-width: 768px){
 .page-front #main {margin-top:74px;}
.header-container.inner, .header-row {height: 74px;}
#header .header-container .header-row .header-column #site-logo.header-logo img {max-height: 56px;margin-top: 0;}
#site-logo img {height: 56px;}
.header-top {margin-left:0;}
#header .header-container .header-row .header-column #site-logo.header-logo {text-align:left;}

.swiper-slide h3.title {font-size:20px;}

.btn-list-box {top:-114px;}
.btn-list-item .item-txt-title {font-size:14px;font-weight:normal;}
.btn-list-item .item-img-box {width:36px;height:36px;}
.btn-list-ul {width:100%;}
#header .header-container .header-row .header-column #header-btns {position: absolute;right: -10px;top: -52px;}

.index-rsch-section h2.block-title {padding-left:10px;margin-top:50px;height:auto;font-size:30px;}
.index-newscenter-section h2.block-title {padding-right:10px;margin-top:50px;height:auto;font-size:30px;}
.pic-txt-box .pic-txt-title.three-line {height:auto;}
.pic-txt-box .pic-txt-des {padding-bottom:0;}

.pic-txt-box .pic-txt-title {font-size:16px;}
.pic-txt-box .pic-txt-des .four-line,.pic-txt-des .list-category {font-size:14px;}

.article-title h1 {font-size:20px;}
.inner .breadcrumb {font-size:14px;}

.footer-bg-primary {padding:25px 0;font-size:14px;}
.footer-bg-primary .footer-seprate,.footer-bg-primary .footer-menu {display:none;}
.footer-bg-primary .footer-menu .footer-link {padding-left:0;padding-right:0;}
.footer-link ul {visibility:visible;opacity:1;max-height:initial;text-align:center;}
.footer-link h4 {display:none;}
/*.footer-bg-primary .footer-link ul .qr-code {display:none;}*/
}
@media screen and (max-width: 540px){
  #header .header-container .header-row .header-column #site-logo.header-logo img {margin-top:5px;height: 50px;}
}