@charset "utf-8";
/* CSS Document */
body, html, ul, li, h1, h2, h3, h4, h5, h6, ol, img, span, p, a, i, b, em, form, label, input {
	margin: 0;
	padding: 0;
}
em {
	font-style: normal;
}
img {
	border: none;display: block;
}
a {
	text-decoration: none;
}
li {
	list-style: none;
}
tr, th, td, tbody, thead, table {
	border: none;
	margin: 0;
	padding: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
button {
	border: none
}
a {
	color: #fff
}
h1, h2, h3, h4, h5, h6, b, i {
	font-weight: normal;
	font-style: normal
}
.fl {
	float: left
}
.fr {
	float: right
}
.clear {
	clear: both
}
html {
	font-size: 20px;
}

@media screen and (max-width:1024px) {
html {
	font-size: 27.30666666666667px;
}
}

@media screen and (max-width:768px) {
html {
	font-size: 20.48px;
}
}

@media screen and (max-width:414px) {
html {
	font-size: 11.04px;
}
}

@media screen and (max-width:375px) {
html {
	font-size: 10px;
}
}

@media screen and (max-width:360px) {
html {
	font-size: 9.6px;
}
}

@media screen and (max-width:320px) {
html {
	font-size: 8.23333px;
}
}
.one{ background: #f7f7f7}
.one-con{ width: 96%; margin: 0 auto;overflow: hidden}
.one li{ width: 20%; float: left; margin-top: 1rem }
.one li img{ display: block; margin: 0 auto; max-width: 80%; min-width: 80%;}
.one li span{ display: block; font-size: 1.3rem; text-align: center; color: #333;}
.bd-bac,.bd-r img,.bd-img1 img,.bd-img2 img{ display: block; max-width: 100%; min-width: 100%}
.bd-l{ width:66% }
.bd-l h5{ font-size: 1.6rem; font-weight: bold; color: #fff; margin-top: 1rem}
.bd-l p{ font-size: 1.3rem;  color: #feeb8a}
.bd-l input{width: 90%; background: #fff; height: 3rem;line-height: 3rem;border-radius: 10rem;border: none}
.bd-r{width: 20%;margin-left: -7%;margin-top: -3.5rem;}
.bd{ width:100%; height: auto; padding:0rem 0 1rem; background: #ff3b03; border-radius: 25rem; margin-top: 1rem}
.bd-img2{ width: 15%;}
.bd-img1{ width: 20%; margin-top: 1.5rem}
.bd-img2{ margin-left: -3%; margin-top: -1rem;}
.gh,.sh,.xq{ width: 96%; height: auto; background: #3660d9; padding: 2rem 2%; margin-top: 2rem}
.title{ margin-bottom:1.5rem }
.title h5{ font-size: 2.5rem;font-weight: bold; color: #fff; text-align: center}                     
.title p{font-size:1.4rem; width: 90%; margin: 0 auto; color: #fff; text-align: center;margin-top:5px;}
.title i{ display: block; margin: 5px auto 0; width: 10%; height: 2px; background: #fff}
.gh-con{ overflow: hidden;margin-bottom: 0.8rem;}
.gh-con li{float: left; width: 29.3%; background: #fff;padding: 0.8rem 1%;height: 3.8rem; margin: 0 1%}
.gh-con li div{ width: 32%; float: left}
.gh-con li div img{max-width: 100%; min-width: 100%}
.gh-con li p{ width: 65%; float: right; color: #3660d9;font-size: 1.4rem}
.kc{ margin-top:2rem;padding: 0 2%; }
.kc-con tr th{ color: #fff;text-align: center;font-size: 1.5rem;font-weight: normal;}
.kc-con tr .w1{ width:20%;}
.kc-con tr .w2{ width: 40%}
.kc-con tr .w3{ width: 20%}
.kc-con tr .w4{ width: 20%}
.kc-con tr td, .kc-con tr th{padding:1rem 0;vertical-align: middle;}
.kc-con tr td{text-align: center;font-size: 1.3rem; padding: 1rem 0;}
.kc-con .th-bac1{ background:#3660d9; color: #fff }
.kc-con .th-bac2{ background:#e4b40a }
.kc-con .th-bac3{ background:#486fc4 }
.kc-con .th-bac4{ background:#f47629 }
.kc-con .th-bac5{ background:#3a5ca6 }
.kc-con tbody tr{ background:#f3f3f3; border-top: 1px solid #fff}
.kc .title h5,.rm .title h5,.answer .title h5,.ls .title h5{ color: #1a1a1a}
.kc .title p,.rm .title p{ color: #333333}
.kc .title i,.rm .title i,.answer .title i,.ls .title i{ background: #727272}
.kc-btn{width:70%;display: block; height: 4rem;line-height: 4rem;background: #f47629;color: #fff;font-size: 2rem;text-align: center; border-radius: 4rem;margin: 2.5rem auto 0 }
.sh-box{ margin-top: 1.5rem; overflow: hidden}
.sh-box li{ float: left; width:45%; height: 23rem; background: #fff; box-shadow: 1px 1px 11px #102f89;margin: 0 2.5%;margin-bottom: 2rem }
.sh-box li .sh-img{ width: 35%; margin: 1rem  auto 0;}
.sh-box li .sh-img img{max-width: 100%; min-width: 100%}
.sh-box li p{font-size: 1.6rem; color: #161616; text-align: center;margin-top: 1rem}
.sh-box li span{ display: block; width: 96%; height: 7rem; margin:0.8rem auto 0; text-align: center; font-size: 1.3rem; color: #333; }
.sh-box li a,.rm-con li a{ display: block; width:90%; height:3.5rem; line-height: 3.5rem; margin: 0px auto; text-align: center; font-size: 1.5rem; background: #3660d9; color: #fff; border-radius: 3px }
.dk{ width: 96%; margin: -4.8rem auto 0; height: auto; background:#f7f7f7;border-radius: 0.5rem; padding-bottom: 1rem}
.dk-title { width: 85%; margin: 2rem auto 0;}
.dk-title img,.rm-img img,.ls-img img{ max-width: 100%; min-width: 100%;}
.dk-title h5{ font-size: 2.5rem;font-weight: bold; color: #fff; text-align: center;margin-top: -3.8rem}  
.dk .sh-box li{ background: #fff;box-shadow:1px 1px 5px #e1e1e1; height: 18rem }
.dk .sh-box{overflow: hidden; padding-top: 6rem}
.dk .sh-box li p{ font-size: 1.6rem; font-weight: bold;margin-top: 1.4rem}
.dk .sh-box li span{ height: 8rem}
.dk .sh-box li a{ background:#f47629 }
.rm{ width: 96%; margin: 2rem auto;}
.rm-con li{ float: left; width: 33%; border-right: 1px dashed #a1b7f9; margin-bottom: 1.5rem}
.rm-img{ width: 30%; margin: 0 auto;}
.rm-con li h6{font-size: 1.6rem; font-weight: bold;margin-top: 1rem;text-align: center}
.rm-con li p{font-size: 1.3rem; margin-top:0.5rem;text-align: center;height: 4rem}
.rm-con li span{ display: block; margin: -0.5rem auto 0; width: 30%; height: 5px; background:#7894e6;  }
.rm-con li a{border-radius:0px; margin-top: 1rem; height: 3.2rem; line-height: 3.2rem}
.rm-con .no-bor{ border-right: none}
.bor{ width: 100%; height: 1px; background: #ebebeb;margin-bottom: 1.5rem}
.answer{ width: 96%; height: auto;padding: 2rem 2%; background: #f7f7f7}
.answer-con li{ border: 1px solid #3660d9; border-radius: 5px; overflow: hidden;height: 3.5rem; line-height: 3.5rem; margin-bottom: 1.2rem}
.answer-con li p{ float: left; width: 65%;height: 3.8rem; padding-left: 2%;overflow: hidden;
text-overflow:ellipsis;white-space: nowrap; font-size: 1.4rem; }
.answer-con li a{ float: right; width: 30%;height: 3.8rem;line-height:3.8rem; font-size: 1.5rem; background:#3660d9; color: #fff; text-align: center; }
.answer-con li p::before{content:""; display:inline-block; background: url(../imgs/img27.png) no-repeat right; width:1.5rem; height: 1.4rem; background-size: 100% 100%;position: relative;left:-1%;top: 1px;}
.ls{ margin-top: 2rem}
.ls-img{ width: 90%; margin: 0 auto;}
.xq{ margin-bottom: 5rem}
.xq-title {font-size: 1.4rem; padding:0 3%;  height:2.6rem;line-height: 2.6rem;background: #fff;border-radius: 3px;display: inline-block;text-align: center; color: #3161bd;}
.xq-div{ margin-bottom: 1rem}
.xq-div a{line-height: 2.6rem; font-size: 1.4rem; margin-left: 2%;color: #fff;}
.xq-div .xq-mar{ display: inline-block; margin-left: 17%}   
.ban img{ max-width: 100%; min-width: 100%}
.top-con{  width: 96%; margin: 0 auto; overflow: hidden; position: absolute;top: 0.5rem;z-index: 99;left: 2%}
.ban-logo img {width:16rem;}
.ban-tel {font-size: 1.5rem;line-height: 3.5rem;}
.ban .swiper-pagination-bullet-active{ background: #ffeb00;}
.ban .swiper-pagination-bullet{opacity: 1}
.fixed {position: fixed;left: 0;bottom: 0;width: 100%;overflow: hidden;z-index: 99;}
.fixed_a1 {display: inline-block;width: 50%;float: left;background: #f47629;font-size: 2rem;color: #fff;height: 4.5rem;line-height: 4.5rem;text-align: center}
.fixed_a2 {display: inline-block;width: 50%;float: left;background:#3660d9;font-size: 2rem;color: #fff;height: 4.5rem;line-height: 4.5rem;text-align: center}

.popup{width:100%; height: 100%;position: fixed;left: 0;top: 0;z-index: 998; width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);}

.popup-con{position: absolute;top: 50%;left: 50%; background-color: #fff;
 -webkit-transform: translate(-50%, -55%); -ms-transform: translate(-50%, -55%);transform: translate(-50%, -55%);-webkit-box-sizing: border-box;box-sizing: border-box; width: 75%; height:auto;background-image: url(../imgs/popup-img3.png);background-repeat: no-repeat; background-position: left top; background-size: 6.95rem 3.4rem;}
.popup-img{ width: 90%; margin: -1.5rem  auto 0}
.popup-img img,.popup-img2 img{max-width: 100%; min-width: 100%}
.popup-box{ width: 90%; margin: 0 auto;}
.popup-box h4{ font-size: 1.5rem; color:#181818;text-align: center; margin-top: 1rem; margin-bottom: 1.5rem }
.popup-box h4 span{color:#d84848 }
.popup-box input{ display: block; width: 80%; margin: 0 auto 1.5rem;background-color: #fff;
height: 3.5rem;line-height: 3.5rem;border-radius: 5px;border: 1px solid #d4d4d4; padding-left: 10%}
.popup-tel{ display:inline-block; background-image: url(../imgs/popup-img5.png);background-repeat: no-repeat; background-position: 2% center;
background-size: 1.5rem 1.5rem;}
.popup-name{ display:inline-block; background: url(../imgs/popup-img6.png);background-repeat: no-repeat; background-position: 2% center;  background-size: 1.5rem 1.5rem;}
.popup-btn{display: block; width:90%; height:4rem; line-height: 4rem; margin: 1rem auto; text-align: center; font-size: 1.6rem; background: #f09974; color: #fff; border-radius: 3px }
.popup-img2{ width:30%; float: right; margin-top: -3rem }
.popup-close {float: right;
    margin-top: -3rem;
    margin-right: -2rem;}