@charset "utf-8";
/* CSS Document */

.ly_banner {
  width: 100%;
  height: auto;
  overflow: hidden;
}

.ly_banner img {
  display: block;
  width: 100%;
  height: auto;
}


.ly_video { padding: 40px 28px;}
.ly_video ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -14px;}
.ly_video ul li { width: 50%; padding: 0 14px;}
.lyVideo_con { min-height: 100%; overflow: hidden; background-color: #f5fbff; border-radius: 8px;}
.lyVideo_con:hover { background-color: #0084d6;}
.lyVideo_con .lyVideo_img { width: 100%; height: 240px; overflow: hidden;}
.lyVideo_con .lyVideo_img a { display: block; width: 100%; height: 100%; overflow: hidden; position: relative;}
.lyVideo_con .lyVideo_img a img { display: block; width: 100%; height: 100%; object-fit: cover; margin: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.lyVideo_con:hover .lyVideo_img a img { transform: scale(1.1); -webkit-transform: scale(1.1);}
.lyVideo_con .lyVideo_img a i { display: block; width: 60px; height: 60px; overflow: hidden; padding: 12px 10px 12px 14px; border: 4px solid #fff; border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.lyVideo_con .lyVideo_img a i svg { display: block; width: 100%; height: 100%; overflow: hidden;}
.lyVideo_con .lyVideo_text { padding: 20px;}
.lyVideo_con .lyVideo_text a.lyVideo_name { display: block; height: 64px; overflow: hidden; line-height: 32px; color: #202020; font-size: 22px; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.lyVideo_con .lyVideo_text p { line-height: 25px; color: #565656; font-size: 15px; margin-top: 10px; padding-left: 80px; position: relative;}
.lyVideo_con .lyVideo_text p span { display: block; width: 80px; height: 25px; line-height: 25px; color: #202020; font-size: 15px; font-weight: bold; position: absolute; left: 0; top: 0;}
.lyVideo_con:hover .lyVideo_text a.lyVideo_name, .lyVideo_con:hover .lyVideo_text p { color: #fff;}
.lyVideo_con:hover .lyVideo_text p span { color: rgba(255, 255, 255, .65);}


.ly_solution { margin: 0 auto 20px; padding: 0 28px;}
.lySolution_list ul { display: flex; flex-wrap: wrap; justify-content: left; margin: 0 -14px;}
.lySolution_list ul li { width: 50%; margin-bottom: 20px; padding: 0 14px;}
.lySolution_list ul li a { display: block; width: 100%; min-height: 100%; overflow: hidden; line-height: 30px; color: #202020; font-size: 16px; padding: 20px 20px 20px 40px; background-color: #f5fbff; border-radius: 8px; position: relative;}
.lySolution_list ul li a:hover { color: #fff; background-color: #0084d6;}
.lySolution_list ul li a::before, .lySolution_list ul li a::after { content: ''; display: block; background-color: #0084d6; border-radius: 50%; position: absolute;}
.lySolution_list ul li a::before { width: 12px; height: 12px; left: 17px; top: 28px; opacity: .25;}
.lySolution_list ul li a::after { width: 6px; height: 6px; left: 20px; top: 31px;}
.lySolution_list ul li a:hover::before, .lySolution_list ul li a:hover::after { background-color: #fff;}


.ly_title { width: 100%; line-height:40px; color:#202020; font-size:30px; font-weight:bold; margin-bottom:20px; position: relative;}
.ly_title span { color: #0084d6;}
.ly_title::after { content:''; display:block; width: calc(100% - 200px); height:1px; background-color:#e6e6e6; position: absolute; left: 200px; top: 50%;}



/**表单**/
.ly_order {
  padding: 20px 28px;
  position: relative;
}

.order_title { line-height:40px; color:#202020; font-size:30px; font-weight:bold; text-align:center; margin-bottom:20px; position: relative;}
.order_title span { color: #0084d6;}
.order_title::before, .order_title::after { content:''; display:block; width:calc(50% - 80px); height:1px; background-color:#e6e6e6; position: absolute; top: 50%;}
.order_title::before { left: 0;}
.order_title::after { right: 0;}

.ly_order .order_div {
  width: 100%;
  overflow: hidden;
  margin: 0 auto 20px;
}

.ly_order .order_div1 {
  width: 50%;
  padding: 0 14px 0 0;
  float: left;
}

.ly_order .order_div2 {
  width: 50%;
  padding: 0 0 0 14px;
  float: right;
}

.od_title {
  width: 100%;
  overflow: hidden;
  line-height: 30px;
  color: #202020;
  font-size: 15px;
  font-weight: bold;
  margin: 0 auto 5px;
  padding: 0 0 0 20px;
  background: url(../images/ico0.png) 0 8px no-repeat;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.od_title span {
  color: #f00;
}

input[type="radio"]+label::before {
  content: "\a0";
  /*不换行空格*/
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  width: 18px;
  height: 18px;
  margin: 11px 10px 11px 0;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  text-indent: .15em;
  line-height: 1;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

input[type="radio"]:checked+label::before {
  background-color: #0084d6;
  border: 1px solid #0084d6;
  background-clip: content-box;
  padding: 4px;
}

input[type="checkbox"]+label::before {
  content: "\a0";
  /*不换行空格*/
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  width: 16px;
  height: 16px;
  margin: 12px 10px 12px 0;
  border-radius: 2px;
  text-indent: .15em;
  line-height: 1;
  float: left;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

input[type="checkbox"]:checked+label::before {
  border: 1px solid #0084d6;
  background-color: #0084d6;
  background-clip: content-box;
  content: "\2714";
  color: #fff;
}

.fm_radio,
.fm_checkbox {
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
}

.fm_radio ul li {
  width: 50%;
  height: 40px;
  overflow: hidden;
  float: left;
  position: relative;
}

.fm_radio1 ul li {
  width: 33.333333%;
}

.fm_radio2 ul li {
  width: 20%;
}

.fm_radio3 ul li {
  width: 100%;
}

.fm_radio4 ul li {
  width: 25%;
}

.fm_checkbox ul li {
  width: 33.333333%;
  height: 40px;
  overflow: hidden;
  float: left;
  position: relative;
}

.fm_radio ul li input,
.fm_checkbox ul li input {
  display: none;
}

.fm_radio ul li label,
.fm_checkbox ul li label {
  height: 40px;
  overflow: hidden;
  line-height: 40px;
  color: #202020;
  font-size: 14px;
  cursor: pointer;
}

.fm_checkbox0 ul li {
  width: 100%;
}

.fm_checkbox1 ul li {
  width: 33.333333%;
}

.fm_checkbox2 ul li {
  width: 20%;
}

.fm_checkbox3 ul li label {
  width: auto;
  float: left;
}

.fm_checkbox4 ul li {
  width: 25%;
}

.fm_radio1 ul li label {
  width: auto;
  float: left;
}

.fm_radio1 ul li input.rd_ipt {
  display: block;
  width: 120px;
  height: 36px;
  overflow: hidden;
  line-height: 34px;
  color: #565656;
  font-size: 14px;
  border: 1px solid #ccc;
  margin: 2px 0;
  padding: 0 10px;
  outline: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.fm_checkbox2 ul li input.rd_ipt {
  float: right;
  display: block;
  width: 40%;
  height: 36px;
  overflow: hidden;
  line-height: 34px;
  color: #565656;
  font-size: 14px;
  border: 1px solid #ccc;
  background-color: #fff;
  margin: 2px 0;
  padding: 0 10px;
  outline: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}


.tips {
  width: 100%;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.6);
  font-size: 14px;
  margin: 20px auto;
  padding: 0 30px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.fm_ipt {
  width: 100%;
  height: 40px;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
}

.fm_ipt input {
  display: block;
  width: 100%;
  height: 36px;
  overflow: hidden;
  line-height: 34px;
  color: #565656;
  font-size: 14px;
  border: 1px solid #ccc;
  margin: 2px auto;
  padding: 0 10px;
  outline: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.fm_checkbox1 ul li label {
  float: left;
}

.fm_checkbox1 ul li input.rd_ipt {
  float: right;
  display: block;
  width: 50%;
  height: 36px;
  overflow: hidden;
  line-height: 34px;
  color: #565656;
  font-size: 14px;
  border: 1px solid #ccc;
  background-color: #fff;
  margin: 2px 0;
  padding: 0 10px;
  outline: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}


.ipt_tit {
  width: 100%;
  height: 30px;
  overflow: hidden;
  line-height: 30px;
  color: #202020;
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 10px;
  padding: 0 0 0 20px;
  background: url(../images/ico0.png) left center no-repeat;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.ipt_tit1 {
  width: 30%;
}

.ipt_tit2 {
  padding: 0;
  background: none;
  font-size: 14px;
}

.ipt_tit span {
  color: #f00;
}

.fm_ipt1,
.fm_ipt2 {
  width: 100%;
  height: auto;
  overflow: hidden;
  margin: 0;
  padding: 0;
  float: right;
  position: relative;
}

.fm_ipt3 {
  width: 70%;
}

.fm_ipt1 input,
.fm_ipt1 textarea,
.fm_ipt4 input,
.fm_ipt1 select,
.fm_ipt2 select,
.fm_slc1 select,
.fm_slc2 select,
.fm_slc2 input,
.fm_slc3 select,
.fm_slc4 select,
.fm_slc5 select {
  display: block !important;
  width: 100%;
  height: 40px;
  overflow: hidden;
  line-height: 40px;
  color: #565656;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 4px;
  margin: 0 auto;
  padding: 0 15px;
  outline: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.fm_ipt2 select {
  width: 49%;
  margin: 2px 1% 2px 0;
  float: left;
}

.fm_ipt3 select {
  width: 36%;
}

.fm_slc1 select {
  width: 100%;
  float: left;
}

.fm_slc3 select {
  width: 48%;
  margin: 0 4% 0 0;
  float: left;
}

.fm_slc4 select {
  width: 48.5%;
  float: left
}

.fm_ipt1 textarea {
  height: 120px;
  line-height: 30px;
  resize: none;
}

.fm_ipt3 input.rd_ipt {
  float: right;
  display: block;
  width: 26%;
  height: 36px;
  overflow: hidden;
  line-height: 34px;
  color: #565656;
  font-size: 14px;
  border: 1px solid #ccc;
  margin: 2px 0;
  padding: 0 10px;
  outline: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.fm_ipt1 select,
.fm_ipt2 select,
.fm_slc1 select,
.fm_slc2 select,
.fm_slc3 select,
.fm_slc4 select,
.fm_slc5 select {
  background: #fff url(../images/jt.png) top right no-repeat;
}

.fm_ipt1 a.yzm {
  display: block;
  width: auto;
  height: 40px;
  overflow: hidden;
  line-height: 40px;
  color: #fff;
  font-size: 14px;
  margin: 0;
  padding: 0 20px;
  background-color: #454545;
  border-radius: 0 4px 4px 0;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.fm_ipt1 a.yzm:hover {
  background-color: #0084d6;
}

.fm_checkbox3 .fm_ipt1 select {
  width: 48%;
  margin: 2px 2% 2px 0;
  float: left;
}

.fm_checkbox3 .fm_ipt1 input {
  width: 48%;
  display: block;
}

.order_btn {
  width: 160px;
  height: auto;
  overflow: hidden;
  margin: 0 auto;
  padding: 0 0 20px 0;
}

.order_btn input {
  display: block;
  width: 150px;
  height: 45px;
  overflow: hidden;
  line-height: 45px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  background-color: #0084d6;
  border-radius: 24px;
  border: none;
  outline: none;
  cursor: pointer;
}

.order_btn input:hover {
  background-color: #006aab;
}

.fm_slc2 {
  width: 200px;
  height: 40px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 120px;
}

.fm_slc5 {
  width: 190px;
  height: 40px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.fm_ipt4 input {
  width: 48.5%;
  float: left;
}


@media (max-width:960px) {

  .ly_video { padding: 40px 20px;}
  .ly_video ul { margin: 0 -10px;}
  .ly_video ul li { padding: 0 10px;}

  .ly_solution { padding: 0 20px;}
  .lySolution_list ul { margin: 0 -10px;}
  .lySolution_list ul li { padding: 0 10px;}

  .ly_order {
    padding: 20px;
  }

  .ly_order .order_div1 {
    padding: 0 10px 0 0;
  }

  .ly_order .order_div2 {
    padding: 0 0 0 10px;
  }

  .fm_slc3 select {
    width: 49%;
    margin: 0 2% 0 0;
  }

  .fm_checkbox1 ul li {
    width: 50%;
  }

}

@media (max-width:820px) {

  .ly_order .order_div1,
  .ly_order .order_div2 {
    width: 50%;
  }

  .lyProCon .order_ts .fl {
    width: 25%;
  }

  .lyProCon .order_ts .fr {
    width: 75%;
  }


}

@media (max-width:767px) {

  .ly_video { padding: 20px;}
  .ly_video ul { margin: 0;}
  .ly_video ul li { width: 100%; margin-bottom: 20px; padding: 0;}
  .lyVideo_con .lyVideo_img { height: 220px;}
  .lyVideo_con .lyVideo_text a.lyVideo_name { height: auto; max-height: 60px; line-height: 30px; font-size: 18px; font-weight: bold;}

  .ly_solution { margin: 0 auto;}
  .lySolution_list ul { margin: 0;}
  .lySolution_list ul li { width: 100%; padding: 0;}

  .ly_title { line-height: 32px; font-size: 24px;}
  .ly_title::after { width: calc(100% - 160px); left: 160px;}


  .order_title { line-height: 32px; font-size: 24px;}
  .order_title::before, .order_title::after { width: calc(50% - 64px);}


  .ly_order .order_div1,
  .ly_order .order_div2 {
    width: 100%;
  }

  .ly_order .order_div {
    margin: 0 auto 20px;
    padding: 0;
  }

  .fm_checkbox ul li,
  .fm_radio4 ul li {
    width: 100%;
  }

  .fm_radio2 ul li {
    width: 33%;
  }

  .ly_text2 dl dt,
  .ipt_tit,
  .od_title {
    font-size: 15px;
  }
}

@media (max-width:375px) {

  .fm_checkbox ul li {
    width: 100%;
  }
}

@media (max-width:320px) {
  .lyVideo_con .lyVideo_img { height: 180px;}
  .lyVideo_con .lyVideo_img a i { width: 48px; height: 48px; border: 2px solid #fff;}
}