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

.icon { display: block; width: 100%; height: 100%;}

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

.ly_text { width: calc(100% - 60px); overflow: hidden; margin: 30px auto; padding: 20px; background-color: #f5fbff; border-radius: 8px;}
.ly_text h3 { line-height:32px; color:#202020; font-size:24px; font-weight:bold; margin-bottom:10px; position: relative;}
.ly_text h3::before { content: ''; display: block; width: 4px; height: 22px; background-color: #0084d6; position: absolute; left: -20px; top: 5px;}
.ly_text p { line-height:1.8; color:#202020; font-size:15px; text-indent:2em;}

.cont { text-indent:2em; font-size:15px; line-height:32px; color:#202020;}

.address{width: 50% !important;float: left !important;}
.area{float:right; width:49% !important;}
.address select{border:0; outline:none;width:49% !important;background:#f5f5f5 url(../images/jt.png) center right no-repeat; float:left;}
.address #sheng{ margin-right:2%;}

/**表单**/
.cont,.ly_order { margin: 30px auto; padding: 0 30px; 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 15px 0 0; float: left;}
.ly_order .order_div2 { width: 50%; padding: 0 0 0 15px; float: right;}

.od_title { width: 100%; overflow: hidden; line-height: 30px; color: #202020; font-size: 16px; 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: 0; border-radius: 50%; background-color: #fff; border: 1px solid #dfdfdf; text-indent: .15em; line-height: 1; position: absolute; left: 0; top: 11px; 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: 0; border-radius: 2px; text-indent: .15em; line-height: 1; background-color: #fff; border: 1px solid #dfdfdf; position: absolute; left: 1px; top: 12px; 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: #0084d6 url(../images/dh.png) center center no-repeat; background-size: 14px 14px;background-clip: content-box; color: #fff;}

.fm_radio, .fm_checkbox { width: 100%; overflow: hidden; margin: 0 auto; padding: 0;}
.fm_radio ul li { width: 50%; height: auto; overflow: hidden; float: left; position: relative;}
.fm_radio1 ul li { width: calc(100% / 3);}
.fm_radio2 ul li { width: 20%;}
.fm_radio3 ul li { width: 100%;}
.fm_radio4 ul li { width: 25%;}

.fm_checkbox ul li { width: calc(100% / 3); height: auto; 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 { min-height: 40px; overflow: hidden; line-height: 24px; color: #202020; font-size: 14px; cursor: pointer; padding: 8px 0 8px 28px; position: relative;}
.fm_checkbox0 ul li { width: 100%;}
.fm_checkbox1 ul li { width: calc(100% / 3);}
.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: 16px; font-weight: bold; margin: 0 0 5px; 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_ipt1 select, .fm_slc1 select, .fm_slc2 input, .fm_ipt2 select, .fm_slc2 select, .fm_slc3 select, .fm_ipt4 input, .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_slc1 select, .fm_ipt2 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: #82c341;}
.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;}
.order_btn input { display: block; width: 140px; height: 44px; overflow: hidden; line-height: 44px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; margin: 0 auto; background-color: #0084d6; border-radius: 4px; border: none; outline: none; cursor: pointer;}
.order_btn input:hover { background-color: #82c341;}
.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_text { width: calc(100% - 40px); margin: 20px auto;}

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

  .ly_order .order_div1 { padding: 0 10px 0 0;}
  .ly_order .order_div2 { padding: 0 0 0 10px;}
  .order_btn { margin: -10px auto 0;}
  
}

@media (max-width:820px) {
  .ly_order .order_div1, .ly_order .order_div2 { width: 50%;}

  .fm_slc3 select { width: 49%; margin: 0 2% 0 0;}
  .fm_checkbox1 ul li { width: 50%;}
}

@media (max-width:767px) {
  .ly_text { width: 100%; margin: 20px auto; padding: 0 20px; background: none;}
  .ly_text h3 { font-size: 16px;}
  .ly_text p { font-size: 14px;}

  .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: calc(100% / 3);}
  
  .address{ width:100% !important; margin-bottom:10px;}
	.area{ width:100% !important;}
}

@media (max-width:375px) {
  .fm_checkbox ul li {
    width: 100%;
  }
}

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

@media (max-width:1440px) {
  .vd_pop { width: 640px;}
  .vd_pop .vd_head { font-size: 22px;}
  .vd_pop .vd_main { height: 320px;}

}

@media (max-width:1080px) {
  .vd_pop { width: 600px;}
  .vd_pop .vd_head { height: 40px; line-height: 30px; font-size: 20px;}
  .vd_pop .vd_head a.vd_close { width: 30px; height: 30px; padding: 5px;}
  .vd_pop .vd_main { height: 300px;}
}

@media (max-width:820px) {
  .vd_pop { width: 480px; padding: 10px 15px 15px;}
  .vd_pop .vd_head { margin-bottom: 15px;}
  .vd_pop .vd_main { height: 240px;}
}

@media (max-width:767px) {
  .vd_pop { width: 94%; padding: 10px;}
  .vd_pop .vd_head { height: 36px; font-size: 18px; margin-bottom: 10px; padding-bottom: 6px;}
  .vd_pop .vd_main { height: 220px;}
}

@media (max-width:390px) {
  .vd_pop .vd_main { height: 200px;}
}

@media (max-width:320px) {
  .vd_pop .vd_main { height: 180px;}
  .vd_pop .vd_head { font-size:14px;}
}