@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, em, b, i, u, s, dl, dt, dd, ol, ul, li, input, select, textarea, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0;padding: 0;outline: 0 none;border: 0 none;-webkit-text-size-adjust: none}
html {_background-image: url(../images/blank.jpg);_background-attachment: fixed;overflow-x: hidden;overflow-y: scroll}
body {font-family: "Microsoft Yahei", \5FAE\8F6F\96C5\9ED1, Arial, simHei, "宋体", Helvetica;font-size: 18px;color: #000}
article, aside, dialog, figure, footer, header, legend, nav, section, time {display: block}
a {text-decoration: none;outline: 0;-webkit-transition: all .3s ease-out;-moz-transition: all .4s ease-out;-ms-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out}
a:focus {-moz-outline-style: none;background: 0}
button{border: 0}
ul, ol, li {list-style: none}
h1, h2, h3, h4, h5, h6, em, b, i, u {font-style: normal;font-weight: normal;}
img {border: 0;vertical-align: top;-ms-interpolation-mode: bicubic;}
input, button, ul li {vertical-align: top}
input, button:focus {outline: 0;}
textarea {resize: none}
.clearfix {zoom: 1}
.clearfix:after {visibility: hidden;display: block;clear: both;height: 0;font-size: 0;
content: "."}
.tl {text-align: left}
.tc {text-align: center}
.tr {text-align: right
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
.pr {
	position: relative
}
.pa {
	position: absolute
}
.dn {
	display: none
}
a, button {
	cursor: pointer
}
.fl {
	float: left
}
.fr {
	float: right
}
.clearfix {
	zoom: 1
}
.clearfix:after {
	visibility: hidden;
	display: block;
	clear: both;
	height: 0;
	font-size: 0;
	content: "."
}
.clear {
	clear: both
}

.ban {width: 100%;height: 540px;background: url(../images/ban-bac.jpg) no-repeat center center}
.ban-con{ width: 795px; margin: 80px auto 0;}
.ban-con div{ width: 520px; margin: 0 auto;height: 58px; line-height: 58px; background: #fff; border-radius: 35px; text-align: center; color: #0060c7; font-size: 24px}
.ban-con p{ font-size:78px; text-align: center; font-weight: bold; color: #fff; margin-top:13px;}
.ban-con p i{font-size:82px;font-weight: bold;}
.ban-con span{ display: block; font-size: 36px; text-align: center; color: #e4ff00; margin-top: 15px;}
.ban-con a{ display: block; width: 281px;height: 75px; line-height: 75px; background: url(../images/ban-btn.png) no-repeat center center; margin: 22px auto 0; font-size: 24px; color: #fff;}
.ban-con a i{ margin-left: 45px}
.ban-con a i::after{ content:""; display: block; background: url(../images/ban-img1.png) no-repeat right; width: 29px; height: 29px; background-size: 100% 100%;position: relative;right: -205px;top: -52px;}
.ys,.sq,.fw-title,.px,.ls-con,.lc{ width: 1200px; margin: -20px auto 0;}
.title p{ font-size: 42px; text-align: center; font-weight: bold; color: #0060c7}
.title p::before{content:""; display: block; background: url(../images/title-l.png) no-repeat right; width: 61px; height: 81px; background-size: 80% 80%;position: relative;right: -390px;top: 65px;}
.title p::after{content:""; display: block; background: url(../images/title-r.png) no-repeat right; width: 38px; height: 80px; background-size: 80% 80%;position: relative;left: 750px;top: -71px;}
.title span{ display: block;height:20px;background: rgba(0,96,199,0.2);margin-top: -107px;width: 270px;margin: -100px auto 0;}
.ys{ margin-top: -20px;}
.ys-con{ overflow: hidden; margin-top: 30px}
.ys-con li{ width:400px; float: left }
.ys-con li img{ display: block; margin: 0 auto}
.ys-con li p{ font-size: 26px; color: #0c0c0c; text-align: center; margin-top: 25px; margin-bottom: 15px}
.ys-con li div span { font-size: 18px; color:#3f3f3f; display: block; text-align: center; margin-bottom: 2px}
.ys-btn{display: block;width:260px;height: 52px;line-height: 52px;background: #0060c7;color: #fff;
border-radius: 35px;font-size: 24px;text-align: center;margin:40px auto 0; letter-spacing: 2px;}
.sq .title,.ls .title{ margin-bottom: 35px}
.sq .title p::before,.fw-title .title p::before {position: relative;left:280px;top: 65px;}
.sq .title p::after,.fw-title .title p::after{position: relative;left: 855px;top: -73px;}
.sq .title span,.fw-title .title span{width: 470px;}
.sq-tab{ float: left; width: 280px;}
.sq-tab li{ width:280px; height: 60px; line-height: 60px; background: #454545; color: #fff; text-align: center; font-size: 26px; margin-bottom: 25px; cursor: pointer}
.sq-tab .sq-cur { background: #0060c7}
.sq-tab-con{ float: left; background: #ededed; width: 900px; padding: 0 10px; height: 315px; position: relative;}
.sq-box{ overflow: hidden}
.sq-box li{ width: 430px; float: left;margin-left: 20px}
.sq-box p{ font-size: 16px; color: #1b1b1b; line-height: 25px;}
.sq-box .sq-top{ color: #0060c7; padding-left:40px; font-size: 24px; margin-bottom: 16px;margin-top: -10px }
.sq-box .sq-top::before{content:""; display: block; background: url(../images/sq-icon.png) no-repeat right; width: 30px; height: 28px; background-size: 100% 100%;position: relative;left: -40px;top: 29px;}
.sq .ys-btn{ width: 240px; border-radius: 8px;position: absolute;bottom: 20px;left: 340px;}
.fw{width: 100%;height: 560px;background: url(../images/fw-bac.png) no-repeat center center;padding-top: 70px}
.fw-con{ width: 1200px; margin: 0 auto; height: auto; padding: 20px 0; background: #fff;overflow: hidden; box-shadow: 1px 1px 13px rgba(0,0,0,0.2)}
.fw-con li{ float: left; width: 310px; height: 430px; padding:25px; position: relative; margin-left: 31px }
.fw-con .fw-bac1{ background: #fdf1db;}
.fw-con .fw-bac2{ background: #e9e6ff;}
.fw-con .fw-bac3{ background: #dceeff;}
.fw-con li p{ color: #393939; font-size: 20px; margin-bottom: 15px; line-height: 28px;}
.fw-con li .fw-number{ font-size: 26px; color: #000; padding-left:36px; margin-bottom:30px}
.fw-con li .fw-number::before{content:""; display: block;  width: 25px; height: 25px; background: #5e46e3;position: relative;right: 40px;top: 28px; color: #fff; line-height: 25px; text-align: center; font-size: 20px; border-radius: 3px;}
.fw-con li .fw-one::before{content:"1";}
.fw-con li .fw-two::before{content:"2";}
.fw-con li .fw-three::before{content:"3";}
.fw-btn{display: block;width: 248px;height: 52px;line-height: 52px;background: #fda100;color: #fff;
border-radius: 5px;font-size: 20px;text-align: center; letter-spacing: 2px;position: absolute; left: 55px; bottom: 25px}
.fw-bac2 .fw-btn{background: #5e46e3;} 
.fw-bac3 .fw-btn{background: #0060c7;} 
.px .title span{width: 180px;}
.px .title p::before{ right: -430px;}
.px .title p::after{left: 705px;top: -70px;}
.px-con{width: 922px;height: 863px; margin:  0 auto; background: url(../images/px-bac.png) no-repeat center center;}
.px-ys{ display: block; font-size: 26px; color: #333; text-align: center;padding-top: 50px}
.px-ul1{ margin-top: 120px;}
.px-ul2{ margin-top: 180px;}
.px-ul3{ margin-top: 160px;}
.px-ul li a{ display: block; font-size: 26px; color: #333;}
.px-a1{ margin-left:80px; }
.px-ul2 .px-a1{ margin-left:50px; }
.px-ul2 .px-a2{ margin-right:60px; }
.px-a2{ margin-right:90px; }
.px-ul3 .px-a1{ margin-left:90px; }
.px-ul3 .px-a2{ margin-right:100px; }
.px-bk{display: block; font-size: 26px; color: #333; text-align: center;padding-top: 130px}
.ls{ background: #f5f5f5; width: 100%;height: auto; margin-top: 20px;}
.ls-box li{ margin-bottom: 15px}
.ls-box li img {float: left; margin-left: 25px;}
.ls-xq {float: left;width: 850px;margin-left: 65px;margin-top: 40px;}
.ls-xq p{ margin-bottom: 20px; overflow:hidden}
.ls-xq p span{ float: left; width: 68px; height: 32px; line-height: 32px; display: inline-block; text-align: center; background: #0060c7;font-size: 18px; color: #fff; letter-spacing: 4px; margin-right: 10px}
.ls-p1{ font-size: 30px; color: #333}
.ls-xq .ls-p1 span{ margin-top: 8px}
.ls-btnbox{width: 1200px;padding: 15px 0px;background: rgba(0,96,199,0.3);position: relative;bottom: 72px;left: 0;}
.ls-btnbox a{ display: block; width: 210px; height: 42px; line-height: 42px; background: #0060c7; color: #fff; text-align: center; margin-right: 35px; border-radius: 3px;}
.lc-con a{ display: block; margin: 0 auto 10px; width: 100px; height: 36px; line-height: 36px; background:#0060c7; color: #fff; text-align: center }
.lc-con span{ display: block; border-bottom: 1px dashed #888}
.lc-con span i{ display: block; width: 10px; height: 10px; margin: 0px auto; background:#cde5ff; border: 1px solid #0060c7; border-radius: 25px;top: 6px;position: relative;  }
.lc-con p{ width: 68%; margin: 15px auto 0; color: #141414; font-size: 16px; text-align: center; line-height: 21px;}
.lc .swiper-button-next {background-image: url(../images/lc-img2.jpg);right: 0px;top: 60%;width: 22px; height: 22px; background-size: 22px 22px;}
.lc .swiper-button-prev{background-image: url(../images/lc-img1.jpg);left: 0px;top: 60%;width: 22px; height: 22px; background-size: 22px 22px;}
.lc-con .lc-a{width: 150px;}
.lc .title {margin-bottom: 55px;margin-top: -35px;}
.lq{width: 100%;height: 632px;background: url(../images/lq-bac.jpg) no-repeat center center; margin-top: 35px;}
.lq-con{ width: 1200px; margin: 0 auto;padding-top: 50px}
.lq-box  {float: left; width: 810px; }
.lq-ul li{ float: left; width: 160px; font-weight: normal; font-size: 24px; color: #fff; text-align: center;padding-bottom: 15px }
.lq-xq ul li{float: left; width: 160px; font-weight: normal; font-size: 16px; color: #fff; text-align: center;padding: 10px 0}
.lq-img{ float: left; margin-left: 8px; margin-top: 150px}
.lq-xq{height: 500px;overflow: hidden;overflow-y: auto;}
::-webkit-scrollbar {width:4px;background-color: #80a8ff;border-radius:5px;}
::-webkit-scrollbar-track {border-radius:10px;}
::-webkit-scrollbar-thumb {border-radius:6px;background:#b4caf9;}
.lq-xq ul{ overflow: hidden}
.bd{ width: 100%;height: auto;padding: 6px 0 40px;background: #f3f3f3;}
.bd-con{ width: 1130px; margin: 0 auto;}
.bd-title{ width: 560px; margin: 25px auto;}
.bd-title span{ font-size: 42px; color: #333; font-weight: bold; text-align: center; display: block;}
.nei_yuyue1 input,.nei_yuyue1 select{width:260px;height: 50px;line-height: 50px;background: #fff;border-radius: 8px;color: #666;font-size: 16px;padding-left: 20px;line-height: 100%; float: left; margin-right: 30px; border: 1px solid #e5e5e5
}
.nei_yuyue1 button{width:200px;height: 50px;line-height: 50px; background: #0060c7; color: #fff; font-size: 21px; text-align: center; border-radius: 8px;}

.bd2{ width: 100%; height: 110px; background: #0060c7;}
.bd2-box{ width: 1100px; margin: 0 auto; padding-top: 30px;}
.bd2-box label{ font-size: 20px; line-height: 60px; margin-right: 5px; color: #fff}
.bd2-box input{ width: 300px; padding-left: 25px; height: 50px; line-height: 50px; background: #fff; border-radius:50px;}
.bd2-box button{ display: inline-block; width: 216px; height:50px; line-height:50px; background: #ff6c26; color: #fff; font-size: 22px; text-align: center;border-radius:50px; margin-left: 50px}
.bd2-box .bd-mar{ margin-left: 30px;}
.lq-title .title p::after {position: relative;left: 990px;top: -70px;}
.px-ul li a:hover,.px-bk:hover{ color:#0060c7 }
.nei_yuyue1 button:hover,.ys-btn:hover,.ls-btnbox a:hover {background: #3b6fa7;}