.gtx-hero-banner__picture img{
  width:100%;
}
.gtx-hero-banner--opacityblack::before, .gtx-hero-banner--opacitywhite::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(8,8,8,.4);
}
.gtx-hero-banner--opacityblack{
  position: relative;
}
.gtx-hero-banner__body{
  position: absolute;
  top: 47%;
  left: 50%;
  color: #fff;
  z-index: 9;
  text-align: center;
  transform: translate(-50%,-60%);
  width: 100%;
}
.paragraph{
  font-size:16px;
  margin-top: 30px;
}
.cc_title{
  font-size:34px;
  line-height:44px;
  letter-spacing:6px;
  font-weight:500;
  color:#000;
  text-align:center;
  margin-bottom:20px;
}
.cc_contont{
  max-width:735px;
  margin:0 auto 20px;
  text-align:center;
  color:#000;
  line-height:1.8;
}
.cc_body::before {
  content: ' ';
  background: url(/img/deskto_quote.png) no-repeat;
  position: absolute;
  top: 0;
  left: -98px;
  height: 60px;
  width: 70px;
  transform: rotate(180deg);
}
.cc_body::after{
  content: ' ';
  background: url(/img/deskto_quote.png) no-repeat;
  position: absolute;
  top: 0;
  right: -98px;
  height: 60px;
  width: 70px;
}
.cc_body{
  width:60%;
  margin:0 auto;
  position: relative;
}
.cc_body .cc_body_p{
  font-size:20px;
  color:#999;
  line-height: 2;
}
.cc_shouming .cc_shouming_list{
  width:calc(50% - 30px);
  max-width:calc(50% - 30px);
  display:inline-block;
  float:left;
  margin:0 15px 30px;
}
.cc_shouming{
  width:100%;
  max-width:1600px;
  padding:0 20px;
  margin:0 auto;
}
.cc_shouming_list img{
  width:100%;
}
.cc_shouming_list_title{
  font-size:20px;
  color:#000;
}
.cc_shouming_list_paragraph{
  font-size:14px;
  line-height:25px;
  color:#000;
}
.cc_shouming_list_caption{
  margin-top:20px;
}
.cc_shouming_list_cta{
  max-width:267px;
  margin-top:20px;
}
.cc_shouming_list_but{
  padding:12px;
  display:block;
  text-align:center;
  box-shadow:inset 0 0 0 1px #000;
  font-size:16px;
}
.cc_shouming_list_cta:hover .cc_shouming_list_but{
  box-shadow:inset 0 0 0 2px #000;
}
.cc_fanzhan_title{
  font-size:22px;
  line-height:34px;
  letter-spacing:4px;
}
.cc_fanzhan_title2{
  padding-left:3.3rem;
  font-size:34px;
  line-height:41px;
  letter-spacing:6px;
  color:#000;
  font-weight:bold;
}
.cc_fanzhan_three_1{
  width:calc(33.33333% - 30px);
  max-width:calc(33.33333% - 30px);
  float:left;
  margin:0 15px;
  position:relative;
}
.cc_fanzhan_three_1 img{
  width:100%;
}
.cc_fanzhan{
  padding:0 15px;
}
.cc_fanzhan_three_1 a{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  color:#fff;
  background-color:rgba(0,0,0,.4);
  padding:15%;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:24px;
  line-height:34px;
  letter-spacing:13px;
}
.cc_fanzhan_three{
  margin-top:30px;
}
.cc_fanzhan_three_1 a:hover {
  background-color: rgba(0,0,0,.2);
}
.cc_body_cot{
  display:inline-block;
  width:100%;
  margin-top:40px;
}
.cc_body_cot .cc_body_cot_left{
  float:left;
}
.cc_body_cot .cc_body_cot_left img{
  width:90%;
}
.cc_body_cot .cc_body_cot_right{
  float:left;
}
.cc_body_cot .cc_body_cot_right p{
  font-size:16px;
  color:#999;
}
.cc_body_cot .cc_body_cot_right p:nth-child(2){
  margin-top:10px;
}
.cc_twodun_title{
  font-size:16px;
  line-height:30px;
  letter-spacing:1px;
  padding-left:40px;
  color:#000;
}
.cc_towdun_body{
  display:flex;
  justify-content: space-between;
}
.cc_twodun{
  padding:0 10%;
}
.cc_twodun_title1{
  font-size:16px;
  line-height:30px;
  letter-spacing:1px;
  color:#000;
}
.cc_twodun_title2{
  font-size:16px;
  line-height:30px;
  letter-spacing:1px;
  color:#000;
  padding-right:40px;
}
.cc_towdun_top{
  margin-top:80px;
}
.cc_twodun_img,.cc_twodun_img1,.cc_twodun_title,.cc_twodun_title1{
  width:50%;
}
.cc_twodun_img img,.cc_twodun_img1 img{
  width:100%;
}
.cc_nears{
  font-size:24px!important;
  color:#000;
  line-height: 1.5!important;
  font-weight:bold;
}
.cc_newrs_title{
  font-size:32px!important;
  color:#000;
  line-height: 1.5!important;
}
.cc_newsgg{
  margin-top:10px;
}
@media only screen and (max-width: 768px){
  .gtx-hero-banner__body .gtx-heading__title h1{
    font-size: 22px;
  }
  .paragraph{
    font-size: 12px;
    margin-top: 10px;
    padding: 0 15px;
  }
  .cc_body::before,.cc_body::after{
    display:none;
  }
  #c_portalResPublic_codeContainer-15989399991335084{
    padding:0 15px;
    margin-top:40px!Important;
    margin-bottom:0px!Important;
  }
  .cc_body{
    width:90%;
  }
  .cc_body .cc_body_p{
    font-size:14px;
  }
  .cc_title{
    font-size:22px;
    padding: 0 15px;
    letter-spacing: 1px;
  }
  .cc_banner_body_contont h1{
    font-size:20px;
  }
  #w_grid-1598939918094{
    margin-top:40px!Important;
    margin-bottom:0px!Important;
  }
  #c_portalResPublic_codeContainer-15990175687780042{
    margin-top:10px!Important;
    margin-bottom:20px!Important;
  }
  #c_portalResPublic_codeContainer-1599035319418{
    margin-top:40px!Important;
    margin-bottom:20px!Important;
  }
  .cc_shouming{
    padding:0px;
  }
  #w_grid-1599018380295{
    margin-top:10px!Important;
  }
  .cc_fanzhan_title2{
    font-size: 20px;
  }
  .cc_fanzhan_three_1{
    width: 90%;
    max-width: 100%;
    margin: 8px auto;
    float: none;
  }
  .cc_shouming_list_title{
    font-size:16px;
  }
  .cc_contont{
    padding: 0 15px;
  }
  .cc_towdun_body{
    display: flex;
  }
  .cc_towdun_body:nth-child(2n-1) {
    flex-flow: column;
  }
  .cc_towdun_body:nth-child(2n) {
    flex-flow: column-reverse;
  }
  .cc_twodun_img, .cc_twodun_img1, .cc_twodun_title, .cc_twodun_title1{
    width:100%;
  }
  .cc_twodun_title,.cc_twodun_title1{
    padding-left:0;
    font-size:14px;
  }
  .cc_towdun_top{
    margin-top: 26px;
  }
  #w_grid-1599035319403{
    margin-top:40px!important;
  }
  #c_portalResPublic_codeContainer-15990394252635770 .cc_banner__bodyc{
    width:83%;
  }
  #c_portalResPublic_codeContainer-1599038864888{
    margin-top:40px!Important;
    margin-bottom:20px!Important;
  }
  #w_grid-1599038864873{
    margin-top:40px!Important;
  }
  #w_grid-1599038864863{
    margin-bottom:0px!Important;
  }
  #w_grid-1599039319866{
    margin-top:0px!Important;
    margin-bottom:20px!Important;
  }
  .cc_twodun{
    padding:0 15px;
  }
  #c_portalResPublic_codeContainer-1599038125319{
    margin-top:40px!Important;
    margin-bottom:20px!Important;
  }
  #w_grid-1599038516155{
    margin-top:40px!Important;
  }
  #w_grid-1599038125304{
    margin-top:40px!Important;
  }
  #w_grid-1599038649347{
    margin-bottom:40px!Important;
  }
  #c_portalResPublic_codeContainer-1599043630552{
    margin-top:40px!Important;
    margin-bottom:20px!Important;
  }
  #w_grid-1599043630487{
    margin-bottom:20px!Important;
  }
  #w_grid-1599043630497{
    display:none;
  }
  .homedetail,.homeSum{
    font-size:14px;
  }
  #w_common_text-1599047105050{
    width:100%;
  }
  #w_common_text-1599047105050 p span{
    line-height:2!Important;
    font-size: 14px;
  }
  .neiBannerTit{
    font-size:28px!important
  }
  .cc_newrs_title{
    font-size:16px!important
  }
  #w_grid-1599041724869,#w_grid-1599042644637{
    margin-top:90px;
  }
  #w_common_text-1599042212325 p span,#w_common_text-1599042644657 p span{
    font-size:28px!important
  }
  #w_common_text-1599042235254{
    padding:0 15px;
  }
  #w_common_text-1599042644662{
    padding:0 15px;
    text-align:left;
  }
  #w_common_text-1599042644662 p{
    text-align:left!important;
  }
  #w_grid-1599023700134{
    padding-top:40px!Important;
  }
  #w_grid-1599039477110{
    margin-top:110px!important;
  }
  #w_grid-1599464277288{
    margin-top:110px!important;
  }
}