@charset "utf-8";

/* CSS Document */
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box;}
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,address,em,img,ol,ul,li,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td,i,b,s { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: inherit; font-family: 'Arial', 'Microsoft Yahei', 'Helvetica'; word-break: break-all;}
select { appearance: none; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; background-color: transparent; border-radius: 4px;}
ul,ol { list-style: none}
a img { border: none;}
a,a:link { text-decoration: none; color: #333}
button { overflow: visible; border: 0; background-color: transparent; appearance: none; -webkit-appearance: none;}
textarea,input { background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
input[type=number],input[type=search],input[type=text],input[type=tel] { appearance: none; -webkit-appearance: none; border: 0;}
input[type=button] { appearance: none; -webkit-appearance: none;}
input[type=password] { -webkit-text-security: disc; appearance: none; -webkit-appearance: none; border: 0;}
input[type=submit] { appearance: none; -webkit-appearance: none; border: 0;}
.clear { clear: both; height: 0;}

.ly_container { padding-bottom:40px; background:url(../images/bg.jpg) center top repeat-y; background-size:100%;}

/**ly_banner**/
.ly_banner { width: 100%; overflow: hidden; position: relative;}
.ly_banner img { width: 100%; height: auto;}
.ly_banner img.ba { display:block;}
.ly_banner img.ba1 { display:none;}

/**ly_main**/
.ly_main { width: 1200px; margin:20px auto 0;}
.ly_title { line-height:40px; color:#101010; font-size:36px; font-weight:bold; text-align:center; margin-bottom:40px; padding-bottom: 20px; position:relative}
.ly_title span { color:#065aa8; font-size:36px; font-weight:bold;}
.ly_title::before,.ly_title::after { content:''; display:block; width:32px; height:4px; position:absolute; bottom:0;}
.ly_title::before { right:50.1%; background-color:#101010;}
.ly_title::after { left:50.1%; background-color:#065aa8;}

.ly_part1 { margin-bottom:20px;}
.ly_part1 ul { display:flex; flex-wrap:wrap; justify-content:center; margin:0 -5px;}
.ly_part1 ul li { width:25%; padding:0 5px;}
.ly_part1 ul li .lyPart1_con { height:100%; padding:30px 10px; background: linear-gradient(45deg, #1f88ea, #065aa8); border-radius:4px;}
.lyPart1_con i { display:block; width:50px; height:50px; overflow:hidden; margin:0 auto 15px;}
.lyPart1_con i svg { display:block; width:100%; height:100%; overflow:hidden;}
.lyPart1_con .lyPart1_title { line-height:28px; color:#fff; font-size:18px; text-align:center; margin:0 auto 13px; padding-bottom:13px; position:relative;}
.lyPart1_title::after { content:''; display:block; width:32px; height:2px; margin-left:-16px; background-color:#fff; position:absolute; bottom:0; left:50%; opacity:.3;}
.lyPart1_text1 p, .lyPart1_text2 dl dd p, .lyPart1_text3 dl dd p { line-height:28px; color:#fff; font-size:20px; font-weight:bold; text-align:center; margin-bottom:2px;}
.lyPart1_text1 span, .lyPart1_text2 dl dd span, .lyPart1_text3 dl dd span { display:block; line-height:20px; color:#fff; font-size:14px; text-align:center; opacity:.6;}
.lyPart1_text2 dl, .lyPart1_text3 dl { display:flex; flex-wrap:wrap; justify-content:center; margin:0 -5px;}
.lyPart1_text2 dl dd { width:33.333333%; padding:0 5px;}
.lyPart1_text3 dl dd { width:50%; padding:0 5px;}

.ly_part2 { margin-bottom:20px;}
.ly_part2 .swiper-container { padding-bottom: 26px;}
.ly_part2 .swiper-container .swiper-slide p { height:300px; overflow:hidden; background-color:#fff; border:4px solid #fff; border-radius:4px; box-shadow:0 6px 10px rgba(6, 90, 168, .2); position:relative;}
.ly_part2 .swiper-container .swiper-slide p img { display:block; max-width:100%; max-height:100%; margin:auto; position:absolute; left:0; top:0; right:0; bottom:0;}

.ly_part2 .swiper-pagination { width: 100%; height: 6px; bottom: 0 !important;}
.ly_part2 .swiper-pagination span { width: 6px; height: 6px; margin: 0 4px !important; background-color: #065aa8; vertical-align: top; opacity: .1; border-radius: 50%;}
.ly_part2 .swiper-pagination span::after { display: none;}
.ly_part2 .swiper-pagination span.swiper-pagination-bullet-active { opacity: 1;}


/**表单**/
.ly_order { width: 100%; overflow: hidden; padding:40px 80px; background-color:#fff; box-shadow:0 6px 10px rgba(6, 90, 168, .2); border-radius:4px;}
.ly_order dl { display:flex; flex-wrap:wrap; justify-content:left; margin:0 -15px;}
.ly_order dl dd { width:50%; padding:0 15px;}
.order_div { width: 100%; overflow: hidden; margin: 0 auto 30px;}

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%; border: 1px solid #e6e6e6; text-indent: .15em; line-height: 1; float: left; background-color: #fff; box-sizing: border-box; -webkit-box-sizing: border-box;}
input[type="radio"]:checked+label::before { background-color: #065aa8; border: 1px solid #065aa8; 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: 1px solid #e6e6e6; text-indent: .15em; line-height: 1; float: left; background-color: #fff; border-radius:2px; box-sizing: border-box; -webkit-box-sizing: border-box;}
input[type="checkbox"]:checked+label::before { border: 1px solid #065aa8; background-color: #065aa8; background-clip: content-box; content: "\2714"; color: #fff;}
.fm_radio,.fm_checkbox { width: 100%; overflow: hidden;}
.fm_radio ul li { width: 50%; height: 40px; overflow: hidden; float: left;}
.fm_checkbox ul li { width: 33.333333%; height: 40px; overflow: hidden; float: left;}
.fm_radio ul li input,.fm_checkbox ul li input { display: none;}
.fm_radio ul li label,.fm_checkbox ul li label { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 40px; color: #565656; font-size: 14px; cursor: pointer;}
.fm_radio1 ul li label { width: 40%; 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;}
.fm_ipt { width: 100%; height: 40px; overflow: hidden; margin: 0 auto;}
.fm_ipt input { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 38px; color: #565656; font-size: 14px; border: 1px solid #e6e6e6; margin: 0 auto; padding: 0 15px; outline: none;}
.odr_tit { width: 50%; height: 40px; overflow: hidden; line-height: 40px; color: #333; font-size: 16px; padding: 0 0 0 20px; background: url(../images/ico0.png) left center no-repeat; float: left;}
.odr_tit1 { width: 100%;}
.odr_tit2 { width: 100px;}
.odr_tit span { color: #f00;}
.fm_ipt1 { width: 50%; height: auto; overflow: hidden; float: right; position:relative;}
.fm_ipt1 input { display: block; width: 100%; height: 40px; overflow: hidden; line-height: 38px; color: #565656; font-size: 14px; border: 1px solid #e6e6e6; background-color: #fff; border-radius:4px; margin: 0 auto; padding: 0 15px; outline: none;}
.fm_ipt1 select { background: #fff url(../images/jt.jpg) center right no-repeat; background-size: 28px 28px;}
.fm_ipt2 { width:calc(100% - 100px);}
.fm_ipt3 { width:100%;}
.yzm { display:block; width:140px; height:40px; line-height:40px; color:#fff; font-size:14px; cursor:pointer; text-align: center; background-color: #065aa8; border-radius:0 4px 4px 0; position:absolute; top:0; right:0;}
.yzm:hover { background-color:#1f88ea;}
.fm_textarea { width:100%; overflow:hidden; padding:10px 15px; border: 1px solid #e6e6e6; background-color: #fff; border-radius:4px;}
.fm_textarea textarea { display: block; width: 100%; height: 120px; overflow-y: scroll; line-height: 24px; color: #222; font-size: 14px; background:none; border:0; outline: none; resize: none;}
.order_btn { width: 160px; height: 48px; overflow: hidden; margin: 0 auto;}
.order_btn input { display: block; width: 160px; height: 48px; overflow: hidden; line-height: 48px; color: #fff; font-size: 15px; font-weight: bold; text-align: center; margin: 0 auto; background-color: #065aa8; border-radius: 4px; border: none; outline: none; cursor: pointer;}
.order_btn input:hover { background-color:#1f88ea;}


/*验证码弹窗*/
.yzm_pop { display: none; width: 400px; padding: 30px; background-color: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); border-radius: 4px; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 1000;}
.yzm_pop .yzmpop_tit { width: 100%; overflow: hidden; line-height: 30px; color: #303030; font-size: 18px; font-weight: bold; text-align: center; margin: 0 auto 20px;}
.yzm_pop .yzmIpt { width: 100%; height: 44px; overflow: hidden; padding: 0 140px 0 0; position: relative;}
.yzm_pop .yzmIpt input { display: block; width: 100%; height: 44px; overflow: hidden; line-height: 42px; color: #565656; font-size: 14px; border-radius: 2px 0 0 2px; background-color: #fff; border: 1px solid #e6e6e6; border-right: 0; padding: 0 15px; outline: none;}
.yzm_pop .yzmIpt a { display: block; width: 140px; height: 44px; overflow: hidden; background-color: #e8ecf0; border-radius: 0 2px 2px 0; position: absolute; top: 0; right: 0;}
.yzm_pop .yzmIpt a img { display: block; width: 100%; height: 100%;}
.yzmBtn { width: 100%; height: auto; overflow: hidden; margin: 20px auto 0; text-align: center;}
.yzmBtn input { display: inline-block; width: 90px; height: 40px; overflow: hidden; line-height: 40px; color: #fff; font-size: 14px; text-align: center; margin: 0 10px; border-radius: 2px; border: none; outline: none; cursor: pointer; background-color: #065aa8;}
.yzmBtn input:hover { background-color: #1f88ea;}
.yzmBtn input.Qx { background-color: #808080;}
.yzmBtn input.Qx:hover { background-color: #065aa8;}
.maskYzm { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999;}


@media (max-width:1360px) {
  .ly_container { background:url(../images/bg1.jpg) center top repeat-y; background-size:100%;}
  .ly_banner img.ba { display:none;}
  .ly_banner img.ba1 { display:block;}
}

@media (max-width:1200px) {
  .ly_main { width:100%; padding:0 40px;}
  .ly_part2 ul li p { height:280px;}
  .ly_order { padding:40px 60px;}
}

@media (max-width:1080px) {
  .ly_part1 ul li .lyPart1_con { padding:20px 10px;}
  .lyPart1_con .lyPart1_title { line-height:24px; font-size:16px;}
  .lyPart1_text1 p, .lyPart1_text2 dl dd p, .lyPart1_text3 dl dd p { line-height: 24px; font-size: 18px;}
  .ly_part2 ul { margin:0 -5px;}
  .ly_part2 ul li { padding:0 5px;}
  .ly_part2 ul li p { height:240px;}
  .ly_order { padding:40px;}
  .ly_title, .ly_title span { font-size:32px;}
  .ly_title { margin-bottom: 30px; padding-bottom: 15px;}
}

@media (max-width:1024px) {
  .lyPart1_con i { width:44px; height:44px; margin:0 auto 10px;}
  .lyPart1_text1 p, .lyPart1_text2 dl dd p, .lyPart1_text3 dl dd p { font-size: 16px; margin-bottom:0;}
}

@media (max-width:920px) {
  .ly_container { padding-bottom:30px;}
  .ly_main { padding:0 3%;}
  .lyPart1_con i { width:40px; height:40px;}
  .lyPart1_text2 dl { margin:0 -2px;}
  .lyPart1_text2 dl dd { padding:0 2px;}
  .lyPart1_text1 p, .lyPart1_text2 dl dd p, .lyPart1_text3 dl dd p { font-size:16px;}
  .ly_part2 { margin-bottom:10px;}
  .ly_part2 ul li p { height:200px;}
  .ly_order { padding:30px;}
  .ly_title, .ly_title span { font-size: 30px;}
  .ly_title { padding-bottom: 12px;}
  .ly_title::before, .ly_title::after { width:24px; height:3px;}
  .order_div { margin-bottom:20px;}
  .ly_order dl { margin:0 -10px;}
  .ly_order dl dd { padding:0 10px;}
  .yzm { width:120px;}
}

@media (max-width:820px) {
  .ly_part1 { margin-bottom:10px;}
  .ly_part1 ul li { width:50%; margin-bottom:10px;}
  .lyPart1_con i { width: 50px; height: 50px;}
  .lyPart1_text1 p, .lyPart1_text2 dl dd p, .lyPart1_text3 dl dd p { line-height: 28px; font-size: 20px;}
  .ly_order dl { margin:0;}
  .ly_order dl dd { width:100%; padding:0;}
  .fm_checkbox ul li { width:50%;}  
}

@media (max-width:767px) {
  .ly_container { padding-bottom:20px;}
  .ly_main { margin:10px auto 0;}
  .ly_part1 ul { margin:0;}
  .ly_part1 ul li { width:100%; padding:0;}
  .lyPart1_con i { float:left; margin:0;}
  .lyPart1_text1, .lyPart1_text2, .lyPart1_text3 { padding-left:60px;}
  .lyPart1_con .lyPart1_title { width:52px; float:left; margin:0 10px 0 0; padding:2px 12px 2px 0;}
  .lyPart1_title::after { width: 2px; height: 32px; margin: -16px 0 0; position: absolute; bottom: inherit; left: inherit; top: 50%; right: 0; opacity: .3;}
  .lyPart1_text1 p, .lyPart1_text2 dl dd p, .lyPart1_text3 dl dd p { line-height: 26px; font-size: 18px; margin-bottom:4px;}
  .ly_part2 ul li { width:33.333333%; margin-bottom:10px;}
  .ly_part2 ul li:nth-child(4), .ly_part2 ul li:nth-child(5) { width:50%;}
  .ly_part2 ul li p { height:170px;}
  .ly_order { padding:20px;}
  .ly_title, .ly_title span { line-height: 34px; font-size: 26px;}
  .ly_title { margin-bottom:20px; padding-bottom: 10px;}
  .ly_title::before, .ly_title::after { width:18px; height:3px;}
  .odr_tit2, .fm_ipt2 { width:100%;}
  .fm_checkbox ul li { width:100%;}
}

@media (max-width:390px) {}

@media (max-width:320px) {
  .lyPart1_con i { float:none; margin:0 auto 20px;}
  .lyPart1_text1, .lyPart1_text2, .lyPart1_text3 { padding:0;}
  .ly_part2 ul li { width:50%;}
  .ly_part2 ul li:last-child { width:100%;}
}