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; } }