html{
font-size: 100%;
}
body{
font-size: 1em;
background: #EEEEEE;
}
h1,h2,h3,h4,h5,h6{
margin: 0;
}
.container{
padding: 0;
}
.system{
padding: 1.25em 0;
border-bottom: 0.0625em solid #b16f71;
border-top: 0.0625em solid #b16f71;
max-width: 36.25em;
}
.system li{
float: left;
}
.sy01{
font-size: 1.125em;
color: #fff;
}
.sy02{
font-size: 1.625em;
font-weight: bold;
color: #fff;
}
.system li{
margin: 0 1.65em;
}
.direction{
width: 100%;
background-color: #fff;
padding: 6.25em 0;
}
.direction_bg{
width: 89.375em;
height: 37.5em;
background: url(../images/directionbg.jpg) no-repeat center;
overflow: hidden;
}
.dire_r{
width: 44.6875em;
height: 100%;
background-color: rgba(126,22,22,0.8);
overflow: hidden;
}
.dire_r>h3{
font-size: 1.875em;
line-height: 1em;
color: #fff;
margin: 2.8em 0 0 2.667em;
}
.dire_r ul{
margin-left: 4.0625em;
}
.dire_r li{
width: 26%;
height: 10em;
background: url(../images/border01.png) no-repeat;
float: left;
margin: 0.9375em;
text-align: center;
}
.dire_r li a{
display: block;
color: #fff;
}
.dir01 a{
background: url(../images/dire01.png) no-repeat center 2.375em;
}
.dir02 a{
background: url(../images/dire02.png) no-repeat center 2.375em;
}
.dir03 a{
background: url(../images/dire03.png) no-repeat center 2.375em;
}
.dir04 a{
background: url(../images/dire01.png) no-repeat center 2.375em;
}
.dir05 a{
background: url(../images/dire02.png) no-repeat center 2.375em;
}
.dir06 a{
background: url(../images/dire03.png) no-repeat center 2.375em;
}
.dire_r li a p{
padding-top: 6.5625em;
}
.dire_r li:hover{
background: rgba(255,255,255,0.2);
}
/*科研经费*/
.funds{
width: 100%;
height: 610px;
background-color: #822f22;
margin-bottom: 5.25em;
}
.funds .funds_ico{
display: block;
width: 2.4375em;
height: 2.125em;
background: url(../images/fundsbg.png) no-repeat;
margin: 5em auto 0;
}
.funds h4{
text-align: center;
font-size: 1.875em;
color: #fff;
margin-top: 1.267em;
}
.funds .funds_p{
width: 55em;
margin: 2.714em auto 0;
font-size: 0.875em;
line-height: 2.714em;
color: #fff;
height:7.9285em;
text-align: center;
}
.more01{
display: block;
width: 6.25em;
height: 2.25em;
margin: 1.8125em auto 0;
background: #fff;
border-radius: 0.9375em;
text-align: center;
line-height: 2.25em;
color: #822f22;
}
.more01:hover{
background: #7e1616;
color: #fff;
}
.funds_bot{
width: 82%;
height: 15em;
margin: 5.25em auto 0;
background-color: #fff;
border-top-left-radius: 6.9375em;
border-bottom-right-radius: 6.9375em;
}
.funds ul{
padding: 4.7em 1.875em 0;
}
.funds li{
float: left;
width: 25%;
position: relative;
text-align: center;
}
.funds li a{
display: block;
}
.funds li em {
width: 0.0625em;
height: 3.125em;
background-color: #dbdbdb;
position: absolute;
right: 0;
top: 25%;
}
.funds01{
color: #7e1616;
}
.funds01 span{
font-size: 1.875em;
}
.funds02{
color: #555555;
}
.funds_bot2{
width: 100%;
background-color: #fff;
margin-top: 2.28em;
display: none;
}
/*科研获奖*/
.award{
width: 100%;
padding: 5em 0;
}
.award h3{
width: 100%;
text-align: center;
font-size: 1.875em;
color: #333333;
}
.award_con{
width: 100%;
}
.award ul{
margin-top: 50px;
}
.award_con li{
float: left;
/*height: 28.75em;*/
position: relative;
}
.award_con li+li{
margin-left: 0.625em;
}
.awardImg{
display: block;
width: 20.9375em;
height: 100%;
}
.awardImg img{
width: 100%;
}
.award_con li h4{
display: none;
}
.awardHover{
position: absolute;
left: 20.9375em;
top: 0;
width: 21.5625em;
height: 100%;
background-color: #fff;
padding: 2.8125em 3.125em 0;
z-index: 1;
display: none;
}
.awardHover h6{
color: #333333;
line-height: 2.714em;
}
.awardHover p{
font-size: 0.875em;
line-height: 2.714em;
}
.awardHover a{
display: block;
width: 5.625em;
height: 2.3125em;
border: 0.0625em solid #dbdbdb;
border-radius: 1.9375em;
text-align: center;
line-height: 2.3125em;
color: #7e1615;
}
.award04 .awardHover{
left: -21.5625em;
}
.award_con li:hover .awardHover{
display: block;
}
.patents{
width: 100%;
background-color: #fff;
padding: 6.25em 0;
}
.patents h3{
text-align: center;
font-size: 1.875em;
color: #333333;
}
.patents_bot{
background: #EEEEEE;
margin-top: 3.75em;
width: 85.375em;
}
.patents_l{
width: 50%;
}
.patents_l ul{
padding: 3.4375em 2.25em;
}
.patents_r{
width: 50%;
}
.patents_r ul{
padding: 3.4375em 2.25em;
}
.patents_r li{
text-indent: 1em;
background: url(../images/spot.jpg) no-repeat left center;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.patents_r li a{
line-height: 2.3125em;
}
.patents_r li+li{
margin-top: 1.3em;
}
.patents_r li:hover a{
color: #7e1615;
}
.footer{
background: #7e1615;
}
@media( max-width: 1499px){
.container{ width: 75em; }
.awardImg{width: 18.28em; }
.awardHover{left: 18.28em;width: 18.905em;}
.award04 .awardHover{left: -18.905em;}
.patents_bot{width:100%;}
.patents_r li+li{margin-top: 0.7em;}
}
@media( max-width: 1279px){
.container {width: 60.625em;}
.awardImg{width: 14.685em; }
.awardHover{left: 14.685em;width: 15.31em;padding: 1em 1em 0;}
.award04 .awardHover{left: -15.31em;}
.patents_r li+li{margin-top: 0.5em;}
}
@media( max-width: 991px){
.container{ width: 46.875em}
.awardImg{width: 11.25em; }
.awardHover{left: 11.25em;width: 11.875em;padding: 1em 1em 0;}
.award04 .awardHover{left: -11.875em;}
.awardHover h6{line-height: 1.5em;}
.awardHover p{line-height: 1.5em;}
.awardHover a{height:1.8em;line-height: 1.8em;}
.patents_r li a{line-height: 1.7em;}
}
@media( max-width: 768px){
.container{ width: 100%;}
.container-box{
width: 96%;
margin: 0 auto;
}
.system{max-width: 28em;}
.system li{margin: 0 0.35em;}
.direction{margin: 1em 0;}
.direction_bg{background: none;height: auto;}
.dire_r{float: none;width: 100%;}
.dire_r>h3{margin-left: 0;
text-align: center;
padding-top: 1.5em;
margin: 0;
}
.dire_r ul{
margin-left: 0;
width: 85%;
margin: 1em auto;
}
.dire_r li{
width: 50%;
margin: 1em 0;
background: none;
}
.funds .funds_ico{
margin-top: 3em;
}
.funds .funds_p{width: 100%; padding: 0 1em;}
.funds_bot{display: none; }
.funds_bot2{display: block;}
.funds li em{
display: none;
}
.funds li{
width: 50%;
}
.funds li a{
width: 100%;
padding: 0;
text-align: center;
}
.funds{margin-bottom: 1em;height: auto;}
.award{
width: 100%;
padding: 0em 0 1em;
}
.award h3{
line-height: 1.667em;
}
.award_con ul{
margin: 0 5%;
}
.award_con ul a{
text-align: center;
}
.award_con ul a img{width: 100%;}
.awardImg{width: 100%; }
.awardHover{display: none;}
.award_con li h4{
display: block;
text-align: center;
line-height: 2em;
}
.award_con li+li{
margin-left: 0em;
}
.award_con li{width:48%;margin: 0 1%;}
.patents{padding: 0 0 1em}
.patents_l{
display: none;
}
.patents_bot{
width: 96%;
margin: 0 auto;
}
.patents_r{width: 100%;}
.patents_r ul{padding: 1em;}
.patents h3{margin: 1em;}
.pull-left{
width: 96%;
margin: 0 auto;
float: none!important;
}
.award_con li:hover .awardHover{
display: none;
}
}
@media( max-width: 425px){
.system{
max-width: 17em;
}
.dire_r li {
margin: 0;
width: 50%;
}
}
@media( max-width: 375px){
.kg-banner-tt{
width: 100%;
text-align: center;
}
.system{
max-width: 100%;
}
.system li{
width: 100%;text-align: center;
}
}