@charset "utf-8";

.mod_h1{text-align:center;padding-top:50px;padding-bottom:50px;}
.mod_h1 span{
  font-size:28px;font-weight:bold;
  color:#106470;background:url(mod_h1_bg.png) bottom center no-repeat;
  text-transform:uppercase;
}

.mod_h2 span{
  color:#fff;background:url(mod_h2_bg.png) bottom center no-repeat;
}


.mod1{background:url(gc_bg1.png) 0px 345px no-repeat;padding:50px 0 100px 0;}
.mod1_news{padding-bottom:50px;}
.research-pic {
  float: left;
  width: 100%;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
}
.research-pic a{float:left;width:100%;display: block;max-height: 230px;}
.research-pic a img{width:100%;border-radius: 8px;}
.nav_comm .nav_main .dropdown-menu.min_menu{
  background: rgba(59,64,64,0.75);
}
.nav_comm .nav_main .dropdown-menu.min_menu > li a:hover{
  background:#0c0c0cad;
}
.nav_comm .nav_main .navbar-nav_comm .navbar-nav> li > a:hover{
  border-top-color:rgba(59,64,64,0.9);
  background:rgba(59,64,64,0.75);
}
.navbar-nav_comm ul.navbar-nav > li.open > a.dropdown-toggle{
  border-top-color:rgba(59,64,64,0.9);
  background:rgba(59,64,64,0.75);
}


@media (max-width: 991px) {
  .research-box {
    margin-bottom: 40px;
    padding: 0;
  }
}

.research-caption {
  overflow: hidden;
  line-height: 24px;
}
.research-caption > h2 {
  float: left;
  width: 100%;
  font-size: 20px;
  position: relative;
  line-height: 26px;
  color: #106470;
  margin: 15px 0;
}
.research-caption > h2 a{
  color: #106470;
  font-weight: bold;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.research-caption > h2 a:hover{text-decoration: underline;}

.research-caption > p {
  font-size: 16px;
  margin-top: 20px;
  color: #424242;
}
.research-caption > span{
  float: left;
  width: 100%;
  font-size: 15px;
  color: #124590;
}
.research-caption .a_link{
  display: block;
  width: 100%;
  font-size: 15px;
  color: #124590;
  text-decoration: revert;
}
.more-wire{
  padding:10px 30px;color:#106470;
  border:3px solid #106470;font-size:16px;
  font-weight: bold;
  border-radius: 30px;
  text-transform:uppercase;
  position: relative;
  z-index: 99;
}
.more-wire i{font-size:14px;}
.more-wire:hover{opacity: 0.6;}

.img-cover {
  width: 100%; /*dimensions are mandatory*/
  /*dimensions are mandatory*/
  object-fit: cover;
  overflow: hidden; /* Cuts off the parts of the image poking out */
  max-width: none !important;
}

.img-cover {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
}

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


/*.mod2{background:#f2f2f2 url(gc_bg3.png) top right no-repeat;background-position:right -100px;min-height:300px;padding: 30px 0 0px 0;}*/
.mod2{background: url(gc_newbg03.png) center center no-repeat;min-height:300px;padding: 30px 0 50px 0;background-size: cover;}
.mod2_bg{background: url(gc_bg2.png)  no-repeat;padding-bottom:60px;background-position:left 600px;}
.mod2_media{}




/*.mod3{background:url(gc_bg4.png) bottom left no-repeat;position:relative;padding: 130px 0 160px 0;min-height:300px;}*/
.mod3{background:url(gc_newbg04.png) center center no-repeat;position:relative;padding: 130px 0 160px 0;min-height:300px;background-size: cover;}
/*.mod3_bg{background:#106470  bottom right no-repeat;position:absolute;right:0px;top:0;height:calc(100%);width:40%;}*/
.mod3_bg{position:absolute;right:0px;top:0;height:calc(100%);width:40%;}
.mod3 .scientists_w{width: 97%;}




/*.mod4{background:#eff5f6 url(gc_bg5.png) bottom right no-repeat;padding-bottom:60px;min-height:300px;}*/
.mod4{background:url(gc_newbg05.jpg) center center no-repeat;padding-bottom:70px;min-height:300px;background-size: cover;}


.mod5{background: url(gc_h_img9.jpg) top right no-repeat;position:relative;padding-bottom:70px;padding-top:70px;min-height:300px;}
.mod5_bg{background:#106470 url(gc_bg6.png) bottom left no-repeat;background-position:-50px bottom ;position:absolute;left:0px;top:0;height:calc(100%);width:40%;}
.mod5_joinus,.mod_h2{position:relative;z-index:9999;}
.mod5 .mod_h2{text-align:right;padding-right:50px;}
.mod5 .mod_h2 span{padding-right:95px;}
@media (max-width:767px){ 
.mod5 .mod_h2{text-align:left;padding-right:0px;padding-top:0px;}
}
.mod5_joinus{background:#fff;height:340px;padding:30px;border-radius: 8px;position: relative;left: 45px;}
.mod5_joinus_list{overflow-y: auto;height:285px;padding:0px 10px;overflow: hidden;}
.mod5_joinus_list:hover{overflow-y: scroll;height:285px;}
.mod5_list1 h1 {font-size:18px;font-weight:bold;color:#004f2c;margin:0px;padding:0px;margin-bottom:10px;}
.mod5_list1 h1 a{font-size:18px;font-weight:bold;color:#004f2c;}
.mod5_list1 h1 a:hover{text-decoration: underline;}
.mod5_list1 span{font-size:16px;color:#004f2c;margin:0px;padding:0px;padding-bottom:10px;}
.mod5_list1 p{font-size:14px;color:#879b92;margin:0px;padding:0px;margin-bottom:10px;}
.mod5_list1{border-bottom:1px solid #edf2f0;padding-bottom:10px;margin-bottom:20px;}

.mod5_joinus_list::-webkit-scrollbar {/*滚动条整体样式*/
    width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}

.mod5_joinus_list::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
     -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #106470;
}

.mod5_joinus_list::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #EDEDED;
}
@media (min-width: 1280px) and (max-width: 1500px) {
  .flex-caption .banner_text{
    height: 310px !important;
    padding: 20px 20px !important;
  }
  .banner_img .flex-caption{
    width: 80% !important;
  }
  .flex-caption .banner_text p{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .events_slider .banner_text p{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .events_slider .banner_text a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .research-pic a img{
    max-height: 180px;
  }
  .research-caption > h2 a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .media_text h1{
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
  }
  .media_text font{
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
  }
  .mod2_media .media_text{
    padding: 10px !important;
  }
}
@media (min-width: 1101px) and (max-width: 1279px) {
  .flex-caption .banner_text{
    padding: 15px !important;
    height: 280px !important;
  }
  .banner_img .flex-caption{
    width: 80% !important;
  }
  .flex-caption .banner_text h1{
    -webkit-line-clamp: 2 !important;
  }
  .flex-caption .banner_text p{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .research-pic a img{
    max-height: 145px;
  }
  .research-caption > h2 a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .mod1{
    padding: 0px 0 50px 0;
  }
  .mod_h1{
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .mod2_bg {
    padding-bottom: 20px;
  }
  .mod2_media .slides .media_img > img{
    width: 100%;
    height: 300px!important;
    object-fit: cover;
  }
  .media_text font{
    -webkit-line-clamp: 1;
  }
  .events_slider .banner_text a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .events_slider .banner_text p{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .banner_img .flex-control-nav{
    padding-top:0 !important;
  }
}
@media (min-width: 992px) and (max-width: 1100px) {
  .flex-caption .banner_text{
    padding: 15px !important;
    height: 220px !important;
  }
  .flex-caption .banner_text h1{
    -webkit-line-clamp:2 !important;
  }
  .flex-caption .banner_text p{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .research-pic a img{
    max-height: 145px;
  }
  .research-caption > h2 a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .mod2_media .slides .media_img > img{
    width: 100% !important;
    height: 300px !important;
    object-fit: cover;
  }
  .mod2_media .media_text{
    padding: 10px;
  }
  .media_text font{
    -webkit-line-clamp: 1;
  }
  .mod_h1{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .mod2_bg{
    padding-bottom: 20px;
  }
  .mod3{
    padding: 90px 0 120px 0;
  }
  .events_slider .banner_text a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .events_slider .banner_text p{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .banner_img .flex-control-nav{
    padding-top:0 !important;
  }
  .banner_img .flex-caption{
    width: 80% !important;
  }
}
@media (min-width: 769px) and (max-width: 990px) {
  .nav_bar_top_gc .navbar-brand{
    padding: 0 10px;
  }
  .banner_img .flex-control-nav{
    display: none !important;
  }
  .flex-caption .banner_text{
    padding: 20px 20px !important;
    height: auto !important;
    margin-left: 100px !important;
    background: transparent !important;
  }
  .banner_img .flex-caption{
    top: 40% !important;
    width: 70% !important;
  }
  .mod1_news{
    width: 95%;
    margin: 0 auto;
    float: none;
    overflow: hidden;
    padding-bottom:0;
  }
  .research-pic a img{
    max-height: 300px;
  }
  .mod1{
    padding:0 0 50px 0;
  }
  .mod_h1{
    margin:0;
  }
  .mod2{
    padding:0;
  }
  .mod2_bg{
    padding-bottom: 50px;
  }
  .mod2_media .media_text > img{
    width: 100%;
    height: 300px !important;
    object-fit: cover;
  }
  .mod3{padding:50px 0 50px 0 !important;}
}
@media (max-width:767px){
  .mod5_joinus{
    left: auto;
    padding: 12px;
  }
  .mod1{
    padding: 0px 0 50px 0;
  }
  .mod2{
    padding: 0;
  }
  .mod_h1 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .mod1_news{
    padding-bottom: 10px;
  }
  .mod5_joinus_list{
    overflow-y: scroll;
  }
  .events_slider .banner_text a{
    font-size: 20px;
  }
  .mod5_list1 h1 a{
    font-size: 20px;
    font-weight: 400;
  }
  .research-caption > h2 a{
    font-weight: 400;
  }
  .mod_h1 span{
    font-size: 26px;
  }
  .research-caption > h2 a{
    display:block;
  }
}
@media (max-width: 320px) {
}