@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;
}
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;
}
}
.ban{ width: 100%; height: auto; padding: 1.5rem 0 2rem; background: url(../imgs/ban-img2.jpg) no-repeat center center; background-size: cover;}
.ban-top{ width: 96%; margin: 0 auto; overflow: hidden}
.ban-logo img{ width:10rem; }
.ban-tel{ font-size: 1.8rem; color: #fff;margin-top: 0.9rem;}
.ban h2{ font-size:3.4rem; font-weight: bold; color: #fff; text-align: center;margin-top: 1rem;}
.ban-img{ display: block; width: 75%; margin: 0 auto;}
.ban-img img{ min-width: 100%; max-width: 100%; margin: 1.5rem 0rem;}
.ban-btn{display: block; width: 50%; margin: 0 auto; height: 3rem; line-height: 3rem; text-align: center; color: #fff; font-size: 1.6rem; border: 2px solid #fff; border-radius: 3px;}
.gb{ margin-top: 2rem;}
.title h2{font-size: 2.1rem; text-align: center; font-weight: bold;
    color: #212121;}
.title span{ display: block; width: 25%;
    height: 3px;
    background: #212121;
    margin: 0.5em auto;}

.gb-con{ width: 98%; margin: 0 auto; overflow: hidden}
.gb-con li{ float: left; width: 42%; margin:1rem 4%;background: #fed700;height: auto; padding: 1.5rem 0;}
.gd-img{ width: 70%; margin: 0 auto;}
.gd-img img{ max-width: 100%; min-width: 100%}
.gb-con li h3{ font-size: 1.4rem ; color: #212121; font-weight: bold; text-align: center; margin-top: 0.5rem}
.gb-con li p{ display: block; width:80%; margin: 1rem auto 0; font-size: 1rem; color: #212121;  text-align: center}
.gb-btn{ display: block; margin: 1rem auto; width: 60%; height: 4rem; line-height: 4rem; background: #000; color: #fff; text-align: center; font-size: 1.6rem; border-radius: 5px;}
.kc{ width: 100%; height: auto;padding: 1.5rem 0 2rem; background: url(../imgs/kc-img1.jpg) no-repeat center center; background-size: cover; margin-top: 2rem}
.kc .title h2{color: #fff;}
.kc .title span{background: #fff;}
.kc-con{ width: 96%; margin: 1.5rem auto;}
.kc-tab{ overflow: hidden;}
.kc-tab li{float: left;
    width: 48%;
    height: 3rem;
    line-height: 3rem;
    background: #666;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    margin-right: 4%;
    cursor: pointer;}

.kc-tab #kc-nomar{ margin-right: 0px;}
.kc-tab .kc-cur{ background: #e52a47}
.w1{ width: 20%;}
.w2{ width: 18%;}
.w3{ width: 24%;}
.w4{ width: 15%;}

.kc-cg {
    background: #fff;
}
.kc-cg tr th {
    font-size: 1.2rem;
    color: #000;
    text-align: center;
    font-weight: normal;
    padding: 1rem 0rem;
    line-height: 1.4rem;
    border: 1px solid #c0bfbf;
}
.kc-cg tr td {
    font-size: 0.9rem;
    color: #333;
    text-align: center;
    padding: 1.2rem 0rem;
    line-height:1.2rem;
    border-left: 1px solid #c0bfbf;
    border-right: 1px solid #c0bfbf;
}
.kc-cg tbody tr:nth-child(even) {
    background: #ededed;
}
.kc-img{ max-width: 100%; min-width: 100%}
.bd-name, .bd-tel {
    display: block;
    width: 65%;
    margin: 0 auto;
    padding-left: 2%;
    height: 3.5rem;
    line-height: 3.5rem;
    background: #fff;
    border: none;
    border-radius: 3px;
    font-size: 1rem;
    margin-top: 1.5rem;
    border: 1px solid #dcdcdc;
}
.bd-btn {
    display: block;
    width: 60%;
    margin: 0 auto;
    margin-top: 1.5rem;
    background: #fed700;
    color: #000;
    height: 4rem;
    line-height: 4rem;
    text-align: center;
    font-size: 1.8rem;
}
.bd-name{ margin-top: 2rem}
.ls{ width: 100%; height: auto; padding: 2rem 0; background: #fed700}
.title p{ font-size: 1.2rem; color: #000; text-align: center}
.ls-con{ width: 96%; margin: 1.5rem auto 0;}
.ls-con li{ overflow: hidden; margin-bottom: 1rem}

.ls-ms .ls-l{ width: 30%;}
.ls-ms .ls-r{ width: 68%;}
.ls-l{ width: 26%; float: left}
.ls-l img{ max-width: 100%; min-width: 100%;}
.ls-r{ width: 70%; float: right;border-bottom: 1px solid #000;
    padding-bottom: 1rem;}
.ls-r h3 {
    font-size: 1.3rem;
    color: #000; font-weight: bold;
}
.ls-r p {
    font-size: 0.9rem;
    color: #212121;
    margin-top:0.5rem;
    line-height: 1.2rem;
}
.ls-r .ls-red {
    background: #fe0404;
    display: inline-block;
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    border-radius: 5px;
    color: #fff;
    margin-left: 0.9rem;
}
.ls-r .ls-black {
    background: #000;
    display: inline-block;
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    border-radius: 5px;
    color: #fff;
    margin-left: 0.9rem;
}
.xy{ width: 94%; margin: 2rem auto; }
.xy .title{ margin-bottom: 1.5rem}
.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }

.swiper-slide img{ min-width: 100%; max-width: 100%}
.ys-top-img {
    position: relative;
}
.ys-top-img span {
    display: inline-block;
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    font-size:1rem;
    color: #fff;
    position: absolute;
    left: 0px;
    bottom: 0px;
    background: rgba(0,0,0,0.8);
    text-align: center;
}
.xy-tab{ overflow: hidden; margin-top: 1rem; border-bottom: 1px solid #333}
.xy-tab li{float: left;
    width: 48%;
    height: 3rem;
    line-height: 3rem;
    background: #666;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
    margin-right: 4%;
   }

.xy-tab .xy-cur {
    background: #fee900;
	color: #000
}
.xy-tab #kc-nomar {
    margin-right: 0px;
}
.xy-tabcon ul li {
    font-size: 1rem;
    color: #2e2020;
    border-bottom: 1px solid #e3e1e2;
    padding: 0.9rem 0px;
}
.xy-tabcon ul li span {
    display: inline-block;
    padding:0.2rem  0.5rem;
    background: #fe1301;
    font-size: 1rem;
    color: #fff;
    border-radius: 3px; margin-left: 3px
}

.xy-tabcon .ys-btn{background: #fed700; color: #000}
.xy-tabcon .tf-btn{background: #004273;}
.hj{ width: 100%; height: auto; padding: 2rem 0rem; background: url(../imgs/hj-img2.jpg) no-repeat center center; background-size: cover; }
.hj .title h2,.hj .title p{ color: #f5de15}
.hj .title span{ background:#f5de15 }
.hj-con{ width: 96%; margin: 2rem auto 0;}
.hj-con img{ max-width: 100%; min-width: 100%}
.gf {
	width: 100%;
	background: #f9d124;
	padding: 1.5rem 0rem;
}
.gf-p1 {
	display: block;
	font-size: 1.2rem;
	color: #222;
	width: 70%;
	margin: 0 auto;
	text-align: center;
	line-height: 1.5rem
}
.gf-p2 {
	display: block;
	font-weight: bold;
	font-size: 1.6rem;
	color: #000;
	width: 70%;
	margin: 0 auto;
	text-align: center;
	line-height: 2rem;
	margin-top: 0.5rem;
}
.tel {
	width: 100%;
	padding: 1rem 0rem;
	background: #f1f1f1
}
.tel p {
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	color: #333;
}
.tel a {
	font-size: 1.6rem;
	font-weight: bold;
	color: #d66711;
	display: block;
	text-align: center;
}
.qj {
	width: 100%;
	background: #0f7172;
	font-size: 1.4rem;
	color: #fff;
	line-height: 3.5rem;
	text-align: center;
	margin-bottom: 4.2rem;
}
.fixed {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	z-index: 99999;
}
.fixed_a1 {
	display: inline-block;
	width: 50%;
	float: left;
	background: #f36f2f;
	font-size: 1.8rem;
	color: #fff;
	height: 4rem;
	line-height: 4rem;
	text-align: center
}
.fixed_a2 {
	display: inline-block;
	width: 50%;
	float: left;
	background: #004193;
	font-size: 1.8rem;
	color: #fff;
	height: 4rem;
	line-height: 4rem;
	text-align: center
}