Template:ECUST China/ecustbox.css

html {

 font-family: sans-serif;
 line-height: 1.15;
 -webkit-text-size-adjust: 100%;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 overflow-x: hidden;

}

body {

 margin: 0;
 font-family: 'Lato', sans-serif;
 font-size: 16px;
 font-weight: 500;
 line-height: 26px;
 color: #000000;
 text-align: justify;
 background-color: #fff;

}

1. ecust-box h1, h2, h3, h4, h5, h6 {

 margin: 0;
 font-family: 'Lato', sans-serif;
 padding:30px 0 25px 0;

}

p {

 margin-top: 0;
 margin-bottom: 1rem;
 font-size: 16px !important;

}

ol, ul, dl {

 margin-top: 0;
 margin-bottom: 1rem;

}

ol ol, ul ul, ol ul, ul ol {

 margin-bottom: 0;

}

a {

 text-decoration: none;
 background-color: transparent;

}

a:not([href]):not([tabindex]) {

 color: inherit;
 text-decoration: none;

}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {

 color: inherit;
 text-decoration: none;

}

a:not([href]):not([tabindex]):focus {

 outline: 0;

} a:not(.nav-link):visited{ color: inherit !important; }

img {

 vertical-align: middle;
 border-style: none;

}

svg {

 overflow: hidden;
 vertical-align: middle;

}

table {

 border-collapse: collapse;

}

th {

 text-align: inherit;

}

label {

 display: inline-block;
 margin-bottom: 0.5rem;

}

button {

 border-radius: 0;

}

button:focus {

 outline: 1px dotted;
 outline: 5px auto -webkit-focus-ring-color;

}

input, button, select, optgroup, textarea {

 margin: 0;
 font-family: inherit;
 font-size: inherit;
 line-height: inherit;

}

button, input {

 overflow: visible;

}

button, select {

 text-transform: none;

}

select {

 word-wrap: normal;

}

button, [type="button"], [type="reset"], [type="submit"] {

 -webkit-appearance: button;

}

button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) {

 cursor: pointer;

}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {

 padding: 0;
 border-style: none;

}

input[type="radio"], input[type="checkbox"] {

 box-sizing: border-box;
 padding: 0;

}

input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {

 -webkit-appearance: listbox;

}

textarea {

 overflow: auto;
 resize: vertical;

}

fieldset {

 min-width: 0;
 padding: 0;
 margin: 0;
 border: 0;

}

legend {

 display: block;
 width: 100%;
 max-width: 100%;
 padding: 0;
 margin-bottom: .5rem;
 font-size: 1.5rem;
 line-height: inherit;
 color: inherit;
 white-space: normal;

}

progress {

 vertical-align: baseline;

}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {

 height: auto;

}

[type="search"] {

 outline-offset: -2px;
 -webkit-appearance: none;

}

[type="search"]::-webkit-search-decoration {

 -webkit-appearance: none;

}

-webkit-file-upload-button {

 font: inherit;
 -webkit-appearance: button;

}

output {

 display: inline-block;

}

summary {

 display: list-item;
 cursor: pointer;

}

template {

 display: none;

}

[hidden] {

 display: none !important;

}

hr {

 margin-top: 1rem;
 margin-bottom: 1rem;
 border: 0;
 border-top: 1px solid rgba(0, 0, 0, 0.1);

}

.dropdown {

 position: relative;

}

.dropdown-toggle {

 white-space: nowrap;

}

.dropdown-toggle::after {

 display: inline-block;
 margin-left: 0.255em;
 vertical-align: 0.255em;
 content: "";
 border-top: 0.3em solid;
 border-right: 0.3em solid transparent;
 border-bottom: 0;
 border-left: 0.3em solid transparent;

}

.dropdown-toggle:empty::after {

 margin-left: 0;

}

.dropdown-menu {

 position: absolute;
 top: 100%;
 left: 20;
 z-index: 1000;
 display: none;
 float:left;
 min-width: 10rem;
 padding: 0.5rem 0;
 margin: 0.125rem 0 0;
 font-size: 1rem;
 color: #212529;
 text-align: left;
 list-style: none;
 background-color: #fff;
 background-clip: padding-box;
 border: 1px solid rgba(0, 0, 0, 0.15);
 border-radius: 0.25rem;
 line-height: 15px;

}

.dropdown-menu-left {

 right: auto;
 left: 0;

}

.dropdown-menu-right {

 right: 0;
 left: auto;

}

@media (min-width: 576px) {

 .dropdown-menu-sm-left {
   right: auto;
   left: 0;
 }
 .dropdown-menu-sm-right {
   right: 0;
   left: auto;
 }

}

@media (min-width: 768px) {

 .dropdown-menu-md-left {
   right: auto;
   left: 0;
 }
 .dropdown-menu-md-right {
   right: 0;
   left: auto;
 }

}

@media (min-width: 992px) {

 .dropdown-menu-lg-left {
   right: auto;
   left: 0;
 }
 .dropdown-menu-lg-right {
   right: 0;
   left: auto;
 }

}

@media (min-width: 1200px) {

 .dropdown-menu-xl-left {
   right: auto;
   left: 0;
 }
 .dropdown-menu-xl-right {
   right: 0;
   left: auto;
 }

} .dropright .dropdown-menu {

 top: 0;
 right: auto;
 left: 100%;
 margin-top: 0;
 margin-left: 0.125rem;

}

.dropright .dropdown-toggle::after {

 display: inline-block;
 margin-left: 0.255em;
 vertical-align: 0.255em;
 content: "";
 border-top: 0.3em solid transparent;
 border-right: 0;
 border-bottom: 0.3em solid transparent;
 border-left: 0.3em solid;

}

.dropright .dropdown-toggle:empty::after {

 margin-left: 0;

}

.dropright .dropdown-toggle::after {

 vertical-align: 0;

}

.dropleft .dropdown-menu {

 top: 0;
 right: 100%;
 left: auto;
 margin-top: 0;
 margin-right: 0.125rem;

}

.dropleft .dropdown-toggle::after {

 display: inline-block;
 margin-left: 0.255em;
 vertical-align: 0.255em;
 content: "";

}

.dropleft .dropdown-toggle::after {

 display: none;

}

.dropleft .dropdown-toggle::before {

 display: inline-block;
 margin-right: 0.255em;
 vertical-align: 0.255em;
 content: "";
 border-top: 0.3em solid transparent;
 border-right: 0.3em solid;
 border-bottom: 0.3em solid transparent;

}

.dropleft .dropdown-toggle:empty::after {

 margin-left: 0;

}

.dropleft .dropdown-toggle::before {

 vertical-align: 0;

}

.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {

 right: auto;
 bottom: auto;

} .dropdown-item {

 display: block;
 width: 100%;
 padding: 0.25rem 1.5rem;
 clear: both;
 font-weight: 400;
 color: #212529;
 text-align: inherit;
 white-space: nowrap;
 background-color: transparent;
 border: 0;

}

.dropdown-item:hover, .dropdown-item:focus {

 color: #16181b;
 text-decoration: none;
 background-color: #f8f9fa;

}

.dropdown-item.active, .dropdown-item:active {

 color: #fff;
 text-decoration: none;
 background-color: #007bff;

}

.dropdown-item.disabled, .dropdown-item:disabled {

 color: #6c757d;
 pointer-events: none;
 background-color: transparent;

}

.dropdown-menu.show {

 display: block;

}

.nav {

 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 padding-left: 0;
 margin-bottom: 0;
 list-style: none;

}

.nav-link {

 display: block;
 padding: 0.5rem 1rem;

}

.nav-link:hover, .nav-link:focus {

 text-decoration: none;

}

.nav-link.disabled {

 color: #6c757d;
 pointer-events: none;
 cursor: default;

}

.navbar {

 position: relative;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -ms-flex-align: center;
 align-items: center;
 -ms-flex-pack: justify;
 justify-content: space-between;
 padding: 0.5rem 1rem;

}

.navbar-brand:hover, .navbar-brand:focus {

 text-decoration: none;

}

.navbar-nav {

 display: -ms-flexbox;
 display: flex;
 -ms-flex-direction: column;
 flex-direction: column;
 padding-left: 0;
 margin-bottom: 0;
 list-style: none;

}

.navbar-nav .nav-link {

 padding-right: 0;
 padding-left: 0;

}

.navbar-nav .dropdown-menu {

 position: static;
 float: none;

}

.navbar-text {

 display: inline-block;
 padding-top: 0.5rem;
 padding-bottom: 0.5rem;

}

.navbar-collapse {

 -ms-flex-preferred-size: 100%;
 flex-basis: 100%;
 -ms-flex-positive: 1;
 flex-grow: 1;
 -ms-flex-align: center;
 align-items: center;

}

.navbar-toggler {

 padding: 0.25rem 0.75rem;
 font-size: 1.25rem;
 line-height: 1;
 background-color: transparent;
 border: 1px solid transparent;
 border-radius: 0.25rem;

}

.navbar-toggler:hover, .navbar-toggler:focus {

 text-decoration: none;

} @media (max-width: 575.98px) {

 .navbar-expand-sm > .container,
 .navbar-expand-sm > .container-fluid {
   padding-right: 0;
   padding-left: 0;
 }

}

@media (min-width: 576px) {

 .navbar-expand-sm {
   -ms-flex-flow: row nowrap;
   flex-flow: row nowrap;
   -ms-flex-pack: start;
   justify-content: flex-start;
 }
 .navbar-expand-sm .navbar-nav {
   -ms-flex-direction: row;
   flex-direction: row;
 }
 .navbar-expand-sm .navbar-nav .dropdown-menu {
   position: absolute;
 }
 .navbar-expand-sm .navbar-nav .nav-link {
   padding-right: 0.5rem;
   padding-left: 0.5rem;
 }
 .navbar-expand-sm > .container,
 .navbar-expand-sm > .container-fluid {
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
 }
 .navbar-expand-sm .navbar-collapse {
   display: -ms-flexbox !important;
   display: flex !important;
   -ms-flex-preferred-size: auto;
   flex-basis: auto;
 }
 .navbar-expand-sm .navbar-toggler {
   display: none;
 }

}

@media (max-width: 767.98px) {

 .navbar-expand-md > .container,
 .navbar-expand-md > .container-fluid {
   padding-right: 0;
   padding-left: 0;
 }

}

@media (min-width: 768px) {

 .navbar-expand-md {
   -ms-flex-flow: row nowrap;
   flex-flow: row nowrap;
   -ms-flex-pack: start;
   justify-content: flex-start;
 }
 .navbar-expand-md .navbar-nav {
   -ms-flex-direction: row;
   flex-direction: row;
 }
 .navbar-expand-md .navbar-nav .dropdown-menu {
   position: absolute;
 }
 .navbar-expand-md .navbar-nav .nav-link {
   padding-right: 0.5rem;
   padding-left: 0.5rem;
 }
 .navbar-expand-md > .container,
 .navbar-expand-md > .container-fluid {
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
 }
 .navbar-expand-md .navbar-collapse {
   display: -ms-flexbox !important;
   display: flex !important;
   -ms-flex-preferred-size: auto;
   flex-basis: auto;
 }
 .navbar-expand-md .navbar-toggler {
   display: none;
 }

}

@media (max-width: 991.98px) {

 .navbar-expand-lg > .container,
 .navbar-expand-lg > .container-fluid {
   padding-right: 0;
   padding-left: 0;
 }

}

@media (min-width: 992px) {

 .navbar-expand-lg {
   -ms-flex-flow: row nowrap;
   flex-flow: row nowrap;
   -ms-flex-pack: start;
   justify-content: flex-start;
 }
 .navbar-expand-lg .navbar-nav {
   -ms-flex-direction: row;
   flex-direction: row;
 }
 .navbar-expand-lg .navbar-nav .dropdown-menu {
   position: absolute;
 }
 .navbar-expand-lg .navbar-nav .nav-link {
   padding-right: 0.5rem;
   padding-left: 0.5rem;
 }
 .navbar-expand-lg > .container,
 .navbar-expand-lg > .container-fluid {
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
 }
 .navbar-expand-lg .navbar-collapse {
   display: -ms-flexbox !important;
   display: flex !important;
   -ms-flex-preferred-size: auto;
   flex-basis: auto;
 }
 .navbar-expand-lg .navbar-toggler {
   display: none;
 }

}

@media (max-width: 1199.98px) {

 .navbar-expand-xl > .container,
 .navbar-expand-xl > .container-fluid {
   padding-right: 0;
   padding-left: 0;
 }

}

@media (min-width: 1200px) {

 .navbar-expand-xl {
   -ms-flex-flow: row nowrap;
   flex-flow: row nowrap;
   -ms-flex-pack: start;
   justify-content: flex-start;
 }
 .navbar-expand-xl .navbar-nav {
   -ms-flex-direction: row;
   flex-direction: row;
 }
 .navbar-expand-xl .navbar-nav .dropdown-menu {
   position: absolute;
 }
 .navbar-expand-xl .navbar-nav .nav-link {
   padding-right: 0.5rem;
   padding-left: 0.5rem;
 }
 .navbar-expand-xl > .container,
 .navbar-expand-xl > .container-fluid {
   -ms-flex-wrap: nowrap;
   flex-wrap: nowrap;
 }
 .navbar-expand-xl .navbar-collapse {
   display: -ms-flexbox !important;
   display: flex !important;
   -ms-flex-preferred-size: auto;
   flex-basis: auto;
 }
 .navbar-expand-xl .navbar-toggler {
   display: none;
 }

}

.navbar-expand {

 -ms-flex-flow: row nowrap;
 flex-flow: row nowrap;
 -ms-flex-pack: start;
 justify-content: flex-start;

}

.navbar-expand > .container, .navbar-expand > .container-fluid {

 padding-right: 0;
 padding-left: 0;

}

.navbar-expand .navbar-nav {

 -ms-flex-direction: row;
 flex-direction: row;

}

.navbar-expand .navbar-nav .dropdown-menu {

 position: absolute;

}

.navbar-expand .navbar-nav .nav-link {

 padding-right: 0.5rem;
 padding-left: 0.5rem;

}

.navbar-expand > .container, .navbar-expand > .container-fluid {

 -ms-flex-wrap: nowrap;
 flex-wrap: nowrap;

}

.navbar-expand .navbar-collapse {

 display: -ms-flexbox !important;
 display: flex !important;
 -ms-flex-preferred-size: auto;
 flex-basis: auto;

}

.navbar-expand .navbar-toggler {

 display: none;

}

.navbar-brand {

 display: inline-block;
 font-size: 1.25rem;
 white-space: nowrap;

}

.navbar-dark .navbar-toggler {

 color: rgba(255, 255, 255, 0.5);
 border-color: rgba(255, 255, 255, 0.1);

} @media print {

 *,
 *::before,
 *::after {
   text-shadow: none !important;
   box-shadow: none !important;
 }
 a:not(.btn) {
   text-decoration: underline;
 }
 abbr[title]::after {
   content: " (" attr(title) ")";
 }
 pre {
   white-space: pre-wrap !important;
 }
 pre,
 blockquote {
   border: 1px solid #adb5bd;
   page-break-inside: avoid;
 }
 thead {
   display: table-header-group;
 }
 tr,
 img {
   page-break-inside: avoid;
 }
 p,
 h2,
 h3 {
   orphans: 3;
   widows: 3;
 }
 h2,
 h3 {
   page-break-after: avoid;
 }
 @page {
   size: a3;
 }
 body {
   min-width: 992px !important;
 }
 .container {
   min-width: 992px !important;
 }
 .navbar {
   display: none;
 }

} /*# sourceMappingURL=bootstrap.css.map */

/*# 原mdb */

a {

 cursor: pointer;
 color: rgba(59,58,58,1.00);
 text-decoration: none;
 -webkit-transition: all 0.2s ease-in-out;
 -o-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out; }
 a:hover {
   text-decoration: none;

color: rgba(0,0,0,1.00); font-weight: 400;

   -webkit-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out; }
 a.disabled:hover, a:disabled:hover {
   color: #d6bb4b; }

a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {

 color: inherit;
 text-decoration: none; }

body {

 font-family: "Lato", sans-serif;
 font-weight: 300; }

h1, h2, h3, h4, h5, h6 {

 font-weight: bold; }

.navbar {

 font-weight: 300; }
 .navbar form .md-form input {
   margin: 0 5px 1px 8px; }
 
 .navbar .navbar-toggler {
   outline: 0;
   border-width: 0; }

 @media (max-width: 992px) {
   .navbar .container {
     width: 100%; }
     .navbar .container .navbar-toggler-right {
       right: 0; } }
 .navbar .nav-item .nav-link {
   display: block; }
   .navbar .nav-item .nav-link.disabled:active {
     pointer-events: none; }
   .navbar .nav-item .nav-link .fas, .navbar .nav-item .nav-link .fab, .navbar .nav-item .nav-link .far {
     padding-right: 3px;
     padding-left: 3px; }
   @media (max-width: 992px) {
     .navbar .nav-item .nav-link {
       padding-right: 6px;
       padding-left: 6px; } }
 .navbar .dropdown-menu {
   position: absolute !important;
   margin-top: 0; }
   .navbar .dropdown-menu a {
     padding: 10px;
     font-size: 0.9375rem;
     font-weight: 300;
     color: #000; }
   @media (max-width: 600px) {
     .navbar .dropdown-menu form {
       width: 17rem; } }
   @media (min-width: 600px) {
     .navbar .dropdown-menu form {
       width: 22rem; } }
 .navbar.navbar-light .navbar-nav .nav-item .nav-link.disbled {
   color: rgba(0, 0, 0, 0.3); }
   .navbar.navbar-light .navbar-nav .nav-item .nav-link.disbled:hover {
     color: rgba(0, 0, 0, 0.3); }

 .navbar.navbar-light .breadcrumb .nav-item .nav-link,
 .navbar.navbar-light .navbar-nav .nav-item .nav-link {
   color: #000 !important; 
   -webkit-transition: 0.35s;
   -o-transition: 0.35s;
   transition: 0.35s; }
   .navbar.navbar-light .breadcrumb .nav-item .nav-link:hover,
   .navbar.navbar-light .navbar-nav .nav-item .nav-link:hover {
     color: rgba(0, 0, 0, 0.7); }
 .navbar.navbar-light .breadcrumb .nav-item.active > .nav-link,
 .navbar.navbar-light .navbar-nav .nav-item.active > .nav-link {
   background-color: rgba(0, 0, 0, 0.1); }
   .navbar.navbar-light .breadcrumb .nav-item.active > .nav-link:hover,
   .navbar.navbar-light .navbar-nav .nav-item.active > .nav-link:hover {
     color: #000; }
 .navbar.navbar-light .navbar-toggler {
   color: #000; }
 .navbar.navbar-light form .md-form input {
   border-bottom: 1px solid #000; }
   .navbar.navbar-light form .md-form input:focus:not([readonly]) {
     border-color: #4285f4; }
 .navbar.navbar-light form .md-form .form-control {
   color: #000; }
   .navbar.navbar-light form .md-form .form-control::-webkit-input-placeholder {
     color: #000;
     font-weight: 300; }
   .navbar.navbar-light form .md-form .form-control::-ms-input-placeholder {
     color: #000;
     font-weight: 300; }
   .navbar.navbar-light form .md-form .form-control::placeholder {
     color: #000;
     font-weight: 300; }
 .navbar.navbar-dark .navbar-nav .nav-item .nav-link.disbled {
   color: rgba(255, 255, 255, 0.25); }
   .navbar.navbar-dark .navbar-nav .nav-item .nav-link.disbled:hover {
     color: rgba(255, 255, 255, 0.25); }
 .navbar.navbar-dark .breadcrumb .nav-item .nav-link,
 .navbar.navbar-dark .navbar-nav .nav-item .nav-link {
   color:#FFFFFF;
   -webkit-transition: 0.35s;
   -o-transition: 0.35s;
   transition: 0.35s; }
/*before:#000*/

/*修改导航菜单hover属性*/

   .navbar:hover .nav-link{

color: #000 !important; }

 .navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link,
 .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link {
   background-color: rgba(255, 255, 255, 0.1); }
   .navbar.navbar-dark .breadcrumb .nav-item.active > .nav-link:hover,
   .navbar.navbar-dark .navbar-nav .nav-item.active > .nav-link:hover {
     color: #fff; }
 .navbar.navbar-dark .navbar-toggler {
   color: #fff; }
 .navbar.navbar-dark form .md-form input {
   border-bottom: 1px solid #fff; }
   .navbar.navbar-dark form .md-form input:focus:not([readonly]) {
     border-color: #d6bb4b; }
 .navbar.navbar-dark form .md-form .form-control {
   color: #fff; }
   .navbar.navbar-dark form .md-form .form-control::-webkit-input-placeholder {
     color: #fff;
     font-weight: 300; }
   .navbar.navbar-dark form .md-form .form-control::-ms-input-placeholder {
     color: #fff;
     font-weight: 300; }
   .navbar.navbar-dark form .md-form .form-control::placeholder {
     color: #fff;
     font-weight: 300; }
 @media (min-width: 600px) {
   .navbar.scrolling-navbar {
     -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
     -o-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
     transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
     padding-top: 12px;
     padding-bottom: 12px; }
     .navbar.scrolling-navbar .navbar-nav > li {
       -webkit-transition-duration: 1s;
       -o-transition-duration: 1s;
       transition-duration: 1s; }
     .navbar.scrolling-navbar.top-nav-collapse {
       padding-top: 5px;
       padding-bottom: 5px; } }
 @media (min-width: 400px) and (max-width: 767px), (min-width: 800px) and (max-width: 850px) {
   .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse {
     max-height: 340px;
     overflow-x: hidden;
     overflow-y: auto; } }

/* 原test*/ .navbar .navbar-brand img { position: absolute; left: 50%;right: 50%; transform: translate(-50%,10%); width: 12%;

} .navbar .navbar-brand #logo-2{ display: none; } .navbar { height:70px; width: 100% !important; z-index: 2; } .navbar .nav-item .nav-link{ padding-top: 50px; font-family: 'Barlow', sans-serif; font-size: 20px; } .navbar .nav-item .dropdown-item{ font-family: 'Lato',sans-serif; }

1. nav1{

padding-left: 68px !important; }

1. nav2{

padding-left: 82px !important; }

1. nav3{

padding-left: 82px !important; }

1. nav4{

padding-left: 280px !important; }

1. nav5{

padding-left: 62px !important; }

1. nav6{

padding-left: 62px !important; }

/*设置主图格式*/ .img-main-box{ width: 1250px; position: relative;

   top: -70px;

margin: 0 auto; }

1. gear{

transform: translateY(-10%); } .img-main-box .img-main{ width: 100%; z-index: -1; } .img-mask{ position: absolute; top:0px; left: 0; width: 100%; z-index: 1; }

.navbar:hover { background-color: #fff;

-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);

}

.navbar:hover #logo-2{

display: block; } .mininav-left{ top:200px; margin-left: 36px; float: left; width: 300px; line-height: 30px; font-size: 24px; font-family: 'Barlow', sans-serif; background: rgba(99,89,89,0.08); border-radius: 20px; position: sticky; position: -webkit-sticky; margin-bottom: 30px; } .mininav-item{ display:inline-block; }

1. main1_1, #main1_2, #main1_3, #main1_4, #main1_5, #main1_6, #main1_7, #main2_1, #main3_1, #main3_2, #main3_3{

padding-top: 50px;

       font-size: 28px;
       line-height:32px;

}

1. main1, #main2, #main3, #main4{

padding: 50px 0; font-family: 'Lato', sans-serif; font-weight: 702; font-size: 46px;

       line-height: 50px;

} .sec-mininav-item{

 display: block;
 width: 100%;
 padding: 0 1.5rem;
 clear: both;
 color: #212529;
 text-align: inherit;
 white-space: nowrap;
 background-color: transparent;
 border: 0;
 font-size: 20px;
 line-height: 25px;

}

.mian-text-box{ display: block; margin-left: 25%; }

.mian-text-box h2{ font-weight: 702; }

.member-box{ height: 250px; } .name-box{

   display: inline-block;

width: 26%; height: 50%; } .name{ text-align: center; height: 50%; font-weight: bold; padding-top: 10px; font-size: 18px; } .text-box{ display: inline; float: right; width: 74%;height: 100%; }

.img-members{ width: 180px; margin-left: 50px; } .text-intro{ padding: 40px 150px 10px 0;

} .attri-box{ padding:30px 150px 0 50px; font-size: 16px; } .attri-box h3{ padding:10px 0; font-weight: 700; } .img-com{ height: 350px; margin: 10px 0px 20px; border-radius: 20px; } .img-dialign{ width: 350px; display: inline-block; border-radius: 20px; margin: 10px; } .img-long{ width: 64%;

       border-radius: 20px;

}

1. ecust-box{

position: absolute; top: 0; margin-left: -35px; padding: 0; background-color:#FFFFFF; width: calc(100vw - 17px); }

1. ecust-box p{

font-family: 'Lato', sans-serif; font-size: 16px; } @font-face { font-family:'Barlow'; src: url('https://static.igem.org/mediawiki/2019/a/ab/T--ECUST_China--font_barlow.ttf'); }

1. gotop{

position: fixed; width: 100px; bottom: 15px;right: 10px; display: none; }

1. gotop img{

width: 100%; }

1. gotop:hover{

cursor: pointer; }

1. content {

   width: 950px;
   padding: 15px;
   border: none;
   color: black;
   margin-left: 20px;
   margin-right: auto;
   background-color: #ffffff;
   position: relative;

} .medal-1, .medal-2 , .medal-3{ width: 940px; border-radius: 25px; margin-bottom: 50px; margin-left: 20px; } .medal-1{ background-color: #f5d4bb; } .medal-2{ background-color: #e5e5e5; } .medal-3{ background-color: #fbe6af; }

1. bronze, #silver, #gold{

font-size: 34px; display: table; padding-top: 20px; font-weight: 700; }

1. bronze{

color:#ae6812; }

1. silver{

color:#c0c0c0; }

1. gold{

color: #ffd34e; } .requested{ width: 85%; margin: 20px 0 20px 90px; } .medal-1 .requested{ border-left: #ae6812 5px solid; } .medal-2 .requested{ border-left: #c0c0c0 5px solid; } .medal-3 .requested{ border-left: #ffd34e 5px solid; } .medal{ width:60px; padding-left: 350px; padding-right: 20px; } .spot{ width: 40px; margin:-10px 10px 0 -22px; display: inline-block; float: left; }

.medal-1 p a:hover, .medal-2 p a:hover, .medal-3 p a:hover{ cursor: pointer; text-decoration: underline; } .img-logo{ height: 130px; } .row{ display: flex; width: 900px; } .co-team-logo, .co-team-text{

   position: relative;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;

} .co-team-logo{ width:20%; text-align: center; } .co-team-text{ width:75%; }

-moz-selection { background: #2fd455; }

selection { background: #2fd455;; }

.circle{ list-style-image: none; list-style-type: circle;

       text-align:left;

} .img-topphoto{ height: 100px; display: inline-block; padding: 10px; } .btn {

   width: 100px;height: 28px;

transition: 0.1s linear;

   -webkit-transition: 0.1s linear;
   -moz-transition: 0.1s linear;
   border-radius: 10px;
   background-color: #37c157;
   font-size: inherit;

box-shadow: 2px 2px 20px #888888; padding: 10px; text-align: center; margin: 10px auto; display: block; }

.btn:hover {

   transform: translate(0,-5px);

-ms-transform:translate(0,-5px); -webkit-transform:translate(0,-5px); background-color:#2A9C44; } .btn:not([disabled]):not(.disabled) {

   cursor: pointer;

} .exper-com-box{ text-align: center; padding-bottom: 20px; } .exper-di-box{ width: 100%;clear: both; display: block; padding-bottom: 30px; } .exper-left{ width: 50%;

   display: inline-block;

float: left; text-align: center; } .exper-right{ width: 50%; display: inline-block; float: right; text-align: center; } .exper-long-box{ width: 100%; text-align: center; padding: 20px; } .img-link{ width: 40px; margin: 20px; transition: 0.1s linear;

   -webkit-transition: 0.1s linear;
   -moz-transition: 0.1s linear;

} .img-link:hover{ transform: translate(0,-5px); -ms-transform:translate(0,-5px); -webkit-transform:translate(0,-5px); }

1. contact{

width: 100%;height: 280px; font-size: 14px;background-color: #3c7240; color:#FFFFFF; bottom: 0px !important; }

1. contact h4{

font-weight: 700; font-size: 18px;

       color:#fff;
       padding: 0 !important;

} .cont-left{ width: 48%;height: 230px; display: inline-block; text-align: right; padding-right: 20px; border-right: 1px solid #fff; margin-top: 20px; } .cont-left a img{ width: 80px; padding: 10px;

} .cont-right{ width: 48%; height: 230px; display: inline-block; text-align: left; padding-left:20px; vertical-align: top; margin-top: 20px; } .cont-right a img{ width: 30px; margin: 20px; } table{ border-collapse: collapse; } th{ text-align: inherit; } .color {

 background-color: #69a76e !important; }

.white-text {

 color: #fff !important; }

.table {

 width: 80%;
 color: #212529;
 text-align: center;

}

.table th, .table td {

 padding: 0.75rem;
 vertical-align: top;

} .table td{ border-top: 1px solid #dee2e6; } .table thead th {

 vertical-align: bottom;
 border-bottom: 2px solid #dee2e6;

}

.table tbody + tbody {

 border-top: 2px solid #dee2e6;

} table tr:first-child td:first-child {

           border-top-left-radius: 12px;
       }

table tr:first-child td:last-child {

           border-top-right-radius: 12px;

} .table-hover tbody tr:hover {

 color: #212529;
 background-color: rgba(0, 0, 0, 0.075);

}