body{  margin:0; padding:0; text-align:center;  font-size:12px; font-family:PingFangSC-Semibold, sans-serif;}
table,td,tr,img,ul,li,h1,h2,h5,p,object,param,embed{margin:0; padding:0; border:0;}
img{border:0;}
ul,li{list-style:none;}
a{text-decoration:none; color:#fff;}
a:hover{text-decoration:none;}
.clear{clear:both;}
.clearfix{zoom:1;}
.clearfix:after{content:""; display:block; height: 0; clear:both; visibility:hidden;}

/*-返回定部-*/
#tbox{width:54px; float:right; position:fixed; right:50px; bottom:15px;}
#gotop{ width:54px; height:54px; background:#f19601; display:block;}
#gotop .retopic{display: inline-block; border-top: 2px solid; border-right: 2px solid; margin-top: 20px; width: 25px; height: 25px; border-color: #fff; transform: rotate(-45deg);}

.pc-container{width: 100%; height: 100%; margin: 0 auto 0 auto; text-align: center;  background:url("/topic/yasi/images/bg.png") no-repeat top ; }
.pc-container .banner1{padding-top:180px; height:480px;  background:url("/topic/yasi/images/1.png") no-repeat center ;}
.pc-container .banner2{height:200px;  }
.pc-container .banner3{ height:184px;  background:url("/topic/yasi/images/3.png") no-repeat center;}
.pc-container .banner4{ height:648px;  background:url("/topic/yasi/images/4.png") no-repeat center;}
.pc-container .banner5{ height:700px;  background:#e7e7e7 url("../images/5.png") no-repeat center;}
.pc-container .banner6{ height:642px;  background:url("/topic/yasi/images/bg3.png") no-repeat center;}
.pc-container .banner7{ height:1200px;  background:url("/topic/yasi/images/7.png") top no-repeat ;}
.pc-container .banner8{ height:464px;  background:#e42a2d url("../images/8.png") no-repeat center;}

.pc-container .main_m{width: 960px; height: 100%; margin: 0 auto; text-align: center; position: relative;}

.pc-container  .pc-zx{width: 100%; height: auto; display:flex;flex-flow: row nowrap; justify-content: center; padding:10px 0 20px 0;   }
.pc-container  .pc-zx-icon1{width:15%; height:30px; background: #f77a26; color: #fff; padding: 10px; text-align: center; line-height: 30px; font-size: 16px; transition:all 1s ease-in-out 0s; cursor: pointer; border-radius:20px;  }
.pc-container  .pc-zx-icon2{width: 13%; margin:0 2%; height:30px; background:#3ea6ff; color: #fff; padding: 5px; text-align: center; line-height: 30px; font-size: 16px; transition:all 1s ease-in-out 0s; cursor: pointer; border-radius: 25px;}
.pc-container  .pc-zx-icon1:hover,.pc-container  .pc-zx-icon2:hover{box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.8);}

/**/
.pc-container .yuyue{width: 860px; height: 150px; padding-top:110px; margin-left:30px; position: relative;}
.pc-container .top_yuyue_form{width:100%; height: auto; margin: 5px auto 40px auto;}
.pc-container .top_yuyue_form .textinput{width: 260px; height: 40px; margin-bottom: 15px; margin-right:10px;  font-size: 16px; padding-left: 5px; float: left;  outline: none; }
.pc-container .top_yuyue_form .btnon{position: absolute; outline: none; width:246px; height: 44px; border: 2px solid #e0e0e0; background: #f77a26; font-size: 16px; color: #fff; cursor: pointer; right:15px; bottom:100px; font-weight: bold; }

.pc-container .top_yuyue_form .form-group{width: 27%; float: left;}
.pc-container .top_yuyue_form .yzmcode{width: 55%; height: 40px;  font-size: 16px; float: left;}
.pc-container .top_yuyue_form .codetxt{width: 40%; background: #f0f0f0; outline: none; height: 42px; cursor: pointer; font-size: 16px; border: 0;}

.pc-container  .top_yuyue{width: 300px; height: 165px;  top:155px; right:30px; position: absolute;}
.pc-container .top_yuyue_form1{width: 80%; height: auto; margin: 10px auto 0 auto;}
.pc-container .top_yuyue_form1 .textinput{width: 97%; height: 42px; margin-bottom:8px; font-size: 16px; padding-left: 5px; }
.pc-container .top_yuyue_form1 .btnon{outline: none; border: 0; width: 100%; height: 42px; background: #fe4101; font-size: 16px; color: #fff; cursor: pointer;margin-top: 8px;}

.pc-container .top_yuyue_form1 .form-group{width: 100%; margin-bottom:5px; }
.pc-container .top_yuyue_form1 .yzmcode{width: 55%; height: 31px;  font-size: 14px; float: left;}
.pc-container .top_yuyue_form1 .codetxt{width: 40%; background: #f0f0f0; outline: none; height: 35px; cursor: pointer; font-size: 14px; }


/*--*/
.top_head{width:100%; height:70px; margin:0 auto; text-align:center; background:#2f3034; position: fixed; z-index: 9999; top: 0; left: 0;}
.top_main{width:1180px; height:70px; text-align:center; margin:0 auto; display: flex; justify-content: center; flex-flow: row nowrap;}
.top_left{width:177px; float:left; height:auto;}
.logo{width:auto; height:70px; float:left; margin-top:16px; display:inline;  }
.top_right{width:auto; float:left; height:auto; line-height:70px; font-size:16px; display:inline;}
.top_right li{float:left; width:auto;  margin:0 5px;  position: relative;}
.top_right li .ys-hot{width:25px; height: 25px; position: absolute; right: -18px; top: 5px;}
.top_right li .ys-hot img{width: 100%; height: 100%;}
.top_right li a{padding: 0 10px;}
.top_right a:hover{ text-decoration:none;  background:#212832; display:block; cursor:pointer;}

.top_phone{width:200px; float:left; height:70px; line-height:70px; margin-top:10px;}

/*ʦ×Ê*/
.ls{ width: 100%; height: 600px; background: #232323; padding-top: 50px;}
.ls-con{width: 1080px; margin: 0 auto;}
.ls-con .title h2{ color: #d83143;font-size: 42px;font-weight: bold;text-align: center;}
.title div span {width: 62px;height: 5px;background: #d83143;display: table-caption;margin: -2px auto;margin-left: 132px;}
.title div {width: 326px; height: 1px; background: #4a4949; margin: 15px auto 0;}
.ls-tab li{ display: block; width: 275px; padding: 8px 10px; background: #d83143; position: absolute; overflow: hidden; cursor: pointer}
.ls-tab li img{ margin-right: 5px;}
.ls-tab li div{ margin-top: 17px;text-align: left;}
.ls-tab li div h5{ font-size: 20px; color: #fff;padding-left: 6px;}
.ls-tab li div p{ font-size: 15px; color: #f7e5e5; margin-top: 3px}
.ls-box{ width: 1080px; position: relative; margin-top: 50px}
.fl {float: left; display: inline;}
#ls-tea1{ top: 0px; left: 0px}
#ls-tea2{ top:110px; left: 0px}
#ls-tea3{ top: 220px; left: 0px}
#ls-tea4{ top: 330px; left: 0px}
#ls-tea5{ top: 0px; right: 0px}
#ls-tea6{ top: 110px; right: 0px}
#ls-tea7{ top: 220px; right: 0px}
#ls-tea8{ top: 330px; right: 0px}
.ls-tabcon{ width: 450px;position: absolute;left: 313px; top: 20px;}
.ls-tabcon div{}
.ls-tabcon div img{ display: block; margin: 0 auto;}
.ls-tabcon div h5{font-size: 20px; color: #fff; text-align: center; margin-top: 10px;}
.ls-tabcon div h6{font-size: 16px; color: #fff;text-align: center; margin-top: 2px; margin-bottom: 10px;}
.ls-tabcon div p{font-size: 16px; color: #cccbcb;text-align: left; line-height: 23px;}
.ls-tab .ls-cur{ background: #474545}
.ls-span1{ display: block; width:0;
    height:0;
    border-top:10px solid transparent;
    border-bottom:10px solid transparent;
    border-left:10px solid #232323; position: relative;
}
/*¾¨Ð¡°®*/
.list_jxa {
    width: 100%;
    height: 400px;
    margin: 0 auto;
    text-align: center;
    background: url(/topic/yasi/images/jxa.jpg) no-repeat center center;
}
.xq{    width: 100%;
    height: 841px;
    margin: 0 auto;
    background: url("/topic/yasi/images/xq.png") no-repeat center center;
}



.footer {
  padding: 40px 0;
  width: 100%;
  float: left;
  background-color: #fff;
}
.footer .footer_bt {
  width: 1200px;
  margin: 0 auto;
}
.footer .choose_btn {
  float: left;
  margin: 0 250px;
}
.footer .choose_btn_list {
  width: 320px;
  height: 57px;
  background: #d20000;
  border-radius: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 57px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  display: block;
  float: left;
  text-decoration: none;
}
.footer .choose_btn_list:hover{
    box-shadow: 0 6px 16px #89010c;
    
}
.footer .choose_btn_list:first-child {
  margin-right: 60px;

}
.footer .choose_address {
  width: 100%;
  margin-top: 60px;
  float: left;
  font-size: 16px;
  text-align: center;
  color: #494949;cursor: pointer;
}