@charset "utf-8";
.contact_domestic{ background:#FFFFFF url(../images/con_guonei_back.png) center top no-repeat; background-size: cover; padding:1.2rem 0;}
.contact_domestic .contact_domestic_con{ margin-top:0.4rem;}
.contact_domestic .contact_domestic_con .contact_domestic_l{height: 5rem; float:left; width:55%; background-size: cover; background-repeat:no-repeat; background-position:center; border-radius: 0.1rem;}
.contact_domestic .contact_domestic_con .contact_domestic_r{ float:right; width:40%;}
.contact_domestic .contact_domestic_con .contact_domestic_r ul li{ margin-bottom:0.4rem;}
.contact_domestic .contact_domestic_con .contact_domestic_r ul li .company_name{display: flex; align-items: center; font-size:0.2rem; font-weight:bold; margin-bottom:0.15rem;}
.contact_domestic .contact_domestic_con .contact_domestic_r ul li .company_name .nationality{ height:0.2rem; width: auto; margin-right:0.1rem;}
.contact_domestic .contact_domestic_con .contact_domestic_r ul li .company_fonts{ line-height:2; font-size:0.16rem;padding-left: 0.3rem;}



.branch_office{ background-color:#F8F8F8;padding-top:1.2rem; padding-bottom:0.5rem;}
.branch_office .branch_office_lists{ width:100%; overflow:hidden}
.branch_office .branch_office_lists ul{ margin-left:-2%;margin-right: -2.8%;}
.branch_office .branch_office_lists ul li{  width:45.5%; margin:0px 2%; display:inline-block; vertical-align:top; margin-bottom:0.7rem;}
.branch_office .branch_office_lists ul li .branch_office_img{height: 3rem;width:100%; background-size: cover; background-repeat:no-repeat; background-position:center; border-radius: 0.1rem; margin-bottom:0.4rem;}

.branch_office .branch_office_lists ul li  .company_name{display: flex; align-items: center; font-size:0.2rem; font-weight:bold; margin-bottom:0.15rem;}
.branch_office .branch_office_lists ul li  .company_name .nationality{ height:0.2rem; width: auto; margin-right:0.1rem;}
.branch_office .branch_office_lists ul li  .company_fonts{ line-height:2; font-size:0.16rem;padding-left: 0.3rem;}



.branch_office.agent_con{ background-color:#FFFFFF;}


.gas_trade{ background:#FFFFFF url(../images/con_guonei_back.png) center top no-repeat; background-size: 100% auto; padding:1.2rem 0;}
.gas_trade_list {
  position: relative;
  z-index: 2; width:100%; overflow:hidden
}
.gas_trade_list ul{ margin-left:-2%; margin-right:-2%;}
.gas_trade_list ul li{padding: 0;
  float: left;
  width: 46%;
  margin-right: 2%;margin-left: 2%;
  background-color: #fff;
  margin-bottom: 4%;
  display: inline;border-radius: 0.1rem;box-shadow: 0 0px 13px 0 rgba(69,69,69,0.05);}
.gas_trade_list ul li:nth-child(n+7) {
            display: none;
        }
.gas_trade_list ul li:nth-child(even) {margin-right: 0}
.gas_trade_list ul li a .left_img{position: relative; height:5.4rem; background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius: 0.1rem ;vertical-align: middle;transition: transform 0.5s ease;  transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;}
.gas_trade_list ul li a .left_img_over { height:5.4rem;overflow: hidden;}
.gas_trade_list ul li .right_font{ position:absolute; left:0; bottom:0; width:100%; text-align: center;padding:0.4rem 0; background: url(../images/back_black.png) left top repeat-x;}
.gas_trade_list ul li .right_font .times{ font-size:0.18rem; line-height:1; color:#222; margin-bottom:0.4rem;}
.gas_trade_list ul li a .right_font .name{ font-size:0.2rem; line-height:1.6;color:#fff;}
.gas_trade_list ul li a:hover .right_font .name{color:#fff;}
.gas_trade_list ul li .right_font .dsecip{ font-size:0.16rem; line-height:2; color:#666;}
.gas_trade_list ul li a:hover  .left_img{transform: scale(1.03);box-shadow: 0 6px 13px 0 rgba(69,69,69,0.13);    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;}
.gas_trade_descipe{ line-height:2; padding-right:30%; font-size:0.17rem; margin-bottom:0.6rem;}



/*常见问题 页面 样式开始*/
.questions_con{background-color: #fff;
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;text-align: center;}
.questions_conquestions_con .join_list{ position:relative;margin-top: -0.5rem;}
.questions_con .join_list li{ margin-bottom:0.25rem;text-align: left;}
.joinTit{ position: relative;background:#F8F8F8; height:0.7rem; line-height:0.7rem; padding:0 0.3rem; border-radius: 0.1rem;  cursor:pointer;}
.joinTit .job_name::after {
  left:0rem;
  position: absolute;
  top:50%;
  content: " ";
  width:2px;
  margin-top: -0.13rem;
  -webkit-transition: .3s;
  transition: .3s;
  height: 0.26rem; 
  background-color: #F3C500;
}
.joinTit .iconfont{ display: inline-block; font-size: 0.24rem;}
.joinTit .job_name{position: relative; display: inline-block; font-size: 0.18rem; padding-left: 0.15rem; }
.joinTit .wenzi{ display: inline-block; color: rgba(44,52,78,0.6); margin-left: 0.2rem;}
.joinTit .wenzi .xueli{ display: inline-block; margin-right: 0.2rem;}
.joinTit .wenzi .renshu{ display: inline-block; margin-right: 0.2rem;}
.joinTit .icons_jiantou{ float: right;}
.joinTit .icons_jiantou .iconfont{ color: rgba(44,52,78,0.6);font-size: 0.24rem;}


.joinTit .lermore_box{ width:60px; float:right; }
.joinTit .lermore{ float:right; width:100%; height:60px; cursor:pointer; background:url(../images/btn_06.png) no-repeat center;  transition: all 0.1s ease-out 0s;}

.joinTit.curr .lermore{ background:url(../images/btn_06_h.png) no-repeat center;}
.joinTit.curr{background: #F5D851;color: #333;}
.joinTit.curr .wenzi{color: #fff;}
.joinTit.curr .icons_jiantou .iconfont{ color: #333;transform:rotateX(180deg);}


.joinFirst{ margin-top:0;}
.joinFirst .joinTit{ background:#006b6e;height:60px; font-weight: bold}
.joinFirst .joinTit .pd{ color:#fff; line-height:60px;  font-weight:bold;}
.joinFirst .joinTit .li{ color:#fff;}
.joinFirst .joinTit.curr .li{ color:#fff;}

.joinDeta{ display:none; overflow:hidden; padding-top: 0.3rem;line-height:2;position:relative;color: rgba(44,52,78,0.8);padding-left: 0.3rem;
  padding-right: 0.3rem;}
.joinDeta:before{}
/*.joinDeta span{ color:#ed6d00;}*/
.joinDeta strong{ color:#000000;}
.joinDeta strong a{ font-weight:bold;}
.joinFl{ }
.joinFl .titile,.joinFr .titile{ font-size: 0.2rem;}
.joinFr{ padding-bottom: 0.3rem;}
.joinDeta .send_email a{ display:inline-block; border: #c73036 1px solid; border-radius: 0.1rem; height: 0.5rem; line-height: 0.5rem; padding:0 0.3rem;  color: #c73036;}
.joinDeta .send_email a .iconfont{ font-size: 0.2rem;}
.joinDeta .send_email a:hover  { background-color:#c73036; color: #fff;}
.fazhan_con01 {
  background: #FFFFFF url(../images/con_guonei_back.png) center top no-repeat;
    background-size: auto;
  background-size: cover;
  padding: 1.2rem 0;
}
.fazhan_con01.fazhan_con02{
    background:none;
  background: #F8F8F8;
    background-size: auto;
  background-size: cover;
  padding: 1.2rem 0;
}
.fazhan_con01_con {
  display: table;
  width: 100%;
  -webkit-transition: all ease .4s;
  transition: all ease .4s;
}
.fazhan_con01_con .left_img_over {
  height: 7rem;
  overflow: hidden;
  display: table-cell;
  width: 40%;border-radius: 0.1rem;
}
.fazhan_con01_con .left_img_over .left_img {
  position: relative;
  height: 7rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  vertical-align: middle;
  transition: transform 0.5s ease;
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
}

.fazhan_con01_con .left_img_over .left_img:hover{transform: scale(1.06);box-shadow: 0 6px 13px 0 rgba(69,69,69,0.13);    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;}
.fazhan_con01_con .right_font {
  text-align: left;
  display: table-cell;
  width: 60%;
  vertical-align: middle;
  padding-left:6%;padding-right:6%;
}
.fazhan_con01_con .right_font .name{position: relative;
  font-size: 0.32rem;
  margin-bottom: 0.7rem;
  line-height: 1;}
.fazhan_con01_con .right_font .name::after {
  left: 0rem;
  position: absolute;
  bottom: -0.4rem;
  content: " ";
  width: 0.4rem;
  margin-top: 0;
  -webkit-transition: .3s;
  transition: .3s;
  height: 3px;
  background-color: #F3C500;
}
.fazhan_con01_con .right_font .dsecip {line-height: 2; font-size:0.16rem;}






@media (max-width:768px) {
    .gas_trade_descipe {
  line-height: 2;
  padding-right: 0;
  font-size: 15px;
  margin-bottom: 0.6rem;
}
.gas_trade_list ul li {
  padding: 0;
  float: none;
  width: auto;
  margin-right: 0;
  margin-left: 0;
  background-color: #fff;
  margin-bottom: 8%;
  display: block;

}
.gas_trade_list ul li a .left_img_over,.gas_trade_list ul li a .left_img {
  height: 5rem;}
  
  .gas_trade_list ul li a .right_font .name {
  font-size: 20px;}
  .contact_domestic .contact_domestic_con .contact_domestic_l {
  height: 4rem;
  float: none;
  width: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 0.1rem;
  margin-bottom: 0.4rem;
}
.contact_domestic .contact_domestic_con .contact_domestic_r {
  float: none;
  width: auto;
}
.contact_domestic .contact_domestic_con .contact_domestic_r ul li .company_name,.branch_office .branch_office_lists ul li .company_name{font-size: 20px;}
.contact_domestic .contact_domestic_con .contact_domestic_r ul li .company_fonts,.branch_office .branch_office_lists ul li .company_fonts {
  font-size: 15px;}  
  
  .branch_office .branch_office_lists ul li {
  width: 100%;
  margin: 0;
    margin-bottom: 0px;
  display: block;
  vertical-align: top;
  margin-bottom: 0.7rem;
}
.branch_office .branch_office_lists ul {
  margin-left: 0;
  margin-right: 0;
}
.fazhan_con01_con .right_font {
  text-align: left;
  display: block;
  width: auto;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0.5rem;
}
.fazhan_con01_con .left_img_over {
  height: 5rem;
  overflow: hidden;
  display: block;
  width: 100%;
  border-radius: 0.1rem;
}
.fazhan_con01_con .left_img_over .left_img{  height: 5rem;
    
}
.fazhan_con01_con .right_font .dsecip {
  line-height: 2;
  font-size: 15px;
}
.joinTit .job_name{font-size: 18px;}
.joinTit {
  position: relative;
  background: #F8F8F8;
  height: 0.8rem;
  line-height: 0.8rem;}
  .joinDeta {
  font-size: 15px;
}
  
  

}