/*****公共样式开始*****/
html {
    -webkit-tap-highlight-color: transparent;
    overflow-x: hidden;
    height: 100%;
    font-size: 312.5%;
    background-color: #fff;
    -webkit-text-size-adjust: none;
}
*, :after, :before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
article, aside, blockquote, body, button, code, dd, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, input, legend, li, menu, nav, ol, p, pre, section, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400;
}
caption, th {
    text-align: left;
}
fieldset, img {
    border: none;
}
ul {
    overflow: hidden;
}
li {
    list-style: none;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
button, input, optgroup, option, select, textarea {
    -webkit-appearance: none;
    border: none;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
}
button {
    -webkit-appearance: none;
    border: none;
}
a {
    -webkit-touch-callout: none;
    text-decoration: none;
}
:focus {
    outline: 0;
}
em, i {
    font-style: normal;
}
input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none!important;
    margin: 0;
}
input[type=submit] {
    -webkit-appearance: none;
}
p {
    line-height: 1.6em;
}
.clear:before, .clearfix:after {
    display: table;
    content: '';
}
.clearfix:after {
    clear: both;
    overflow: hidden;
}
.clearfix {
    zoom: 1;
}
ul, ul li {
    list-style: none;
}
.clear {
    clear: both;
}
.mt3 {
    margin-top: 3%;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.hd {
    overflow: hidden;
}
.none {
    display: none;
}
img {
    vertical-align: middle;
    max-width: 100%;
    border: 0;
    margin: 0 auto;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
body {
    font-family: Microsoft YaHei, Helvetica, STHeiTi, sans-serif;
    color: #575757;
    background-color: #fff;
    outline: 0;
    max-width: 640px;
    min-width: 320px;
    width: 100%;
    margin: auto;
    font-size: .22rem;
}
@media screen and (min-width: 350px) {
    html {
        font-size: 342%;
    }
}
@media screen and (min-width: 410px) {
    html {
        font-size: 400%;
    }
}
@media screen and (min-width: 480px) {
    html {
        font-size: 469%;
    }
}
@media screen and (min-width: 640px) {
    html {
        font-size: 625%;
    }
}
/*****公共样式结束*****/
ul.u0 {
    overflow: hidden;
}
ul.u0 li {
    float: left;
}
ul.u0 li:first-of-type {
    margin-left: 0;
}
dl.d0 {
    overflow: hidden;
}
dl.d0 dt, dl.d0 dd {
    float: left;
}
.clearfloat:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}
.clearfloat {
    zoom: 1;
}
/* css S */
nav {
    margin: 0 auto 0;
}
nav ul {
    overflow: hidden;
    zoom: 1;
}
nav ul li {
    position: relative;
    display: block;
    width: 24.6%;
    margin-right: 0.5%;
    margin-bottom: 0.5%;
    float: left;
}
.hot {
    position: absolute;
    top: .07rem;
    right: .03rem;
    display: block;
    width: .3rem;
}
nav ul li:nth-of-type(4), nav ul li:nth-of-type(8) {
    margin-right: 0;
}
nav ul li a {
    display: block;
    color: #fff;
    background: #ea5504;
    padding: 8% 2%;
    text-align: center;
}
.scb .swiper-pagination-bullet-active {
    background: #8c0708;
}
.tel {
    margin: 4% auto;
    overflow: hidden;
}
.tel a {
    display: block;
    height: .5rem;
    line-height: .5rem;
    float: left;
    width: 45%;
    margin-left: 3.2%;
    background: #cda700;
    text-align: center;
    border-radius: .1rem;
    color: #fff;
	font-size:.28rem;
}
.tel a:last-of-type {
    background: #f9631a;
}
.tel a img {
    display: inline-block;
    width: .37rem;
    vertical-align: top;
}
.rl {
    overflow: hidden;
    zoom: 1;
    border: #ccc 0.02rem solid;
    padding: 2%;
    margin: 4% 2%;
    line-height: .48rem;
    background: #fff;
}
.rl h2 {
    float: left;
    height: 2.34rem;
    padding: 0;
    width: 10%;
    font-size: .3rem;
    text-align: center;
    background: #f9631a;
}
.rl h2 a {
    border: 0;
    padding: 35% 3%;
    font-size: .3rem;
    display: block;
    color: #fff;
	text-align:center;
}
.rl ul {
    width: 90%;
    float: left;
    height: 2.34rem;
    overflow: hidden;
    zoom: 1;
}
.rl ul li {
    float: left;
    font-size: .26rem;
    text-align: center;
    line-height: .46rem;
    width: 31.3%;
    margin-left: 2%;
    margin-bottom: 2%;
    overflow: hidden;
}
.rl ul li a {
    display: block;
    border: #ccc 0.02rem solid;
    color: #434343;
}
.rl ul li a img {
    display: block;
    width: 100%;
}
.rl ul li:nth-child(7) {
    width: 64.6%;
}
.rl ul li:nth-child(8) a {
    height: 1.1rem;
}
.r2 ul {
    width: 60%;
}
.r2 ul:last-of-type {
    width: 30%;
}
.r2 ul:last-of-type li {
    clear: both;
    width: 98%;
    margin-bottom: 2%;
}
.r2 ul:last-of-type li a {
    height: auto;
}
.r2 ul li {
    width: 47%;
}
.r2 ul li a {
    height: .737rem;
    line-height: .737rem;
}
.rl table {
    border-collapse: separate;
    border-spacing: .07rem;
    width: 90%;
    float: left;
    height: 2.34rem;
    overflow: hidden;
    zoom: 1;
}
.rl table tr td {
    font-size: .26rem;
    text-align: center;
    line-height: .48rem;
    width: 31.3%;
    margin-bottom: 2%;
    margin-left: 2%;
}
.rl table tr td a {
    display: block;
    border: #ccc 0.02rem solid;
    color: #434343;
}
.rl table tr td a img {
    display: block;
    width: 100%;
}
.r4 ul li {
    height: .72rem;
    line-height: .65rem;
}
.img_ban {
    margin: 4% auto;
}
.img_ban .img_ban_con {
    padding-bottom: 6%;
}
.img_ban .swiper-pagination-bullet {
    width: .3rem;
    height: .1rem;
    border-radius: 0;
}
.img_ban .swiper-pagination-bullet-active {
    background: #cda700;
}
.cap {
    background: url(cap_bg.jpg) center no-repeat;
    background-size: 100% 100%;
    text-align: center;
    font-size: .34rem;
    color: #ffffff;
    margin: 4% auto;
    height: .76rem;
    line-height: .7rem;
    font-weight: bold;
}
.zj .swiper-pagination-bullet-active {
    background: #ea5504;
}
.zj .zjm {
    position: relative;
}
.zj .zjm img {
    display: block;
    width: 100%;
}
.zj .zjm a {
    display: block;
    width: 29%;
    height: 20%;
    position: absolute;
    bottom: 0;
    right: 0;
}
.zj .zjm a:first-of-type {
    right: 29%;
}
.tela {
    margin: 0.1rem auto;
    position: relative;
}
.tela img {
    display: block;
    width: 100%;
}
.tela a {
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
}
.tela a:nth-of-type(1) {
    width: 43%;
    left: 0;
}
.tela a:nth-of-type(2) {
    width: 57%;
    right: 0;
}
.kfal {
    min-width: 320px;
    max-width: 640px;
    width: 100%;
}
.kfal_z ul{
    overflow: hidden;
	height:4.06rem;
}
.kfal_z ul li {
    width: 100%;
    height: 4rem;
    display: none;
}
.kfal_a1 {
    text-align: center;
    height: .52rem;
    line-height: .52rem;
    color: #ea5504;
    font-size: .28rem;
    margin-bottom: 2%;
}
.kfal_b {
    margin: .2rem auto 0;
}
.kfal_b li {
    float: left;
    width: 20%;
    text-align: center;
}
.kfal_b img {
    border-radius: 50%;
    width: 78%;
}
.kfal_b p {
    color: #4d4d4d;
    font-size: .24rem;
    line-height: .4rem;
}
.b4 .tla {
    margin: 4% auto;
    display: block;
    width: 4.23rem;
}
.b4u1 {
    overflow: hidden;
    zoom: 1;
}
.b4u1 li {
    display: block;
    float: left;
    width: 33%;
    margin-right: 0.5%;
    
}
.b4u1 li a{display:block;position: relative;}
.b4u1 li img {
    display: block;
    width: 100%;
}
.b4u1 li p {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.3rem;
    line-height: 0.3rem;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    text-align: center;
    font-size: 0.22rem;
}
.b4u1 li:nth-of-type(3) {
    margin-right: 0;
}
.b4u2 {
    margin: 0.03rem auto;
}
.b4u2 li:nth-of-type(1) {
    width: 50%;
    margin-right: 0.5%;
}
.b4u2 li:nth-of-type(2) {
    width: 49.5%;
    margin-right: 0;
}
.b4h {
    text-align: center;
    color: #ce0000;
    font-size: .36rem;
    font-weight: bold;
    margin: 2% auto;
}
.pro {
    border: 1px solid #d7d7d7;
    width: 93%;
    margin: 0 auto;
    padding: 2% 4%;
}
.pro p {
    height: .4rem;
    line-height: .35rem;
    color: #393939;
    margin-top: 2%;
    border-bottom: 1px dashed #d0d0d0;
}
.pro p:last-of-type {
    border: none;
}
.pro span {
    display: inline-block;
    margin-right: 1%;
    background: url(/templets/newindex/images/hua.png) center no-repeat;
    background-size: 100% 100%;
    width: .35rem;
    text-align: center;
    color: #fff;
}
.pro font {
    color: #ce0000;
    font-weight: bold;
    display: inline-block;
    margin: 0 1%;
}
.pro em {
    text-decoration: line-through;
}
.b41 .tla {
    width: 4.23rem;
    display: block;
    margin: 4% auto;
}
.b41 h2 {
    text-align: center;
    font-size: 0.24rem;
    color: #df0000;
}
.b41 #gh_f {
    margin-top: 2%;
    width: 90%;
    margin: 2% auto 0;
}
.b41 #gh_f input {
    display: block;
    border: 1px solid #cbcbcb;
    margin-top: 4%;
    width: 100%;
    line-height: 0.5rem;
    padding-left: 2%;
    height: .52rem;
}
.b41 #gh_f .ftr {
    overflow: hidden;
}
.b41 #gh_f .ftr input {
    float: left;
    display: block;
    width: 48%;
    margin-left: 4%;
}
.b41 #gh_f .ftr input:first-of-type {
    margin-left: 0;
}
.b41 #gh_f textarea {
    width: 100%;
    border: 1px solid #cbcbcb;
    padding-left: 2%;
    padding-top: 1%;
    min-height: 2rem;
    margin-top: 2%;
}
.b41 #gh_f .fa {
    display: inline-block;
    width: 46%;
    color: #fff;
    font-size: 0.3rem;
    margin-left: 0;
    background: #dd3252;
    text-align: center;
    border: 0;
}
.b41 #gh_f a.fa {
    background: #f0851d;
    margin-left: 5%;
    line-height: 0.5rem;
}
.wx {
    margin: 4% auto;
    background: url(/templets/newindex/images/wx_bg.jpg) center repeat;
    padding: 0 0 3%;
}
.wxd {
    overflow: hidden;
    zoom: 1;
    padding: 2% 1%;
}
.wxd dt, .wxd dd {
    display: block;
    float: left;
}
.wxd dt {
    width: 67%;
}
.wxd .dtm {
    height: 1.99rem;
    background: #fff;
    border: 1px solid #d4d4d4;
}
.wxd dt .dtt {
    font-size: 0.24rem;
    color: #393939;
    text-align: center;
    line-height: 0.34rem;
    margin: 0.1rem auto;
}
.wxd dt .dtt span {
    color: #cb0000;
}
.wxd dt .dtt b {
    display: block;
    color: #393939;
}
.wxd dd {
    width: 33%;
    height: 1.99rem;
}
.wxd dd img {
    width: 100%;
    height: 1.99rem;
    display: block;
}
.wxd .yh {
    font-size: 0.22rem;
    color: #393939;
    padding: 0;
    margin: 0.07rem auto;
    line-height: 0.34rem;
    text-align: left;
    width: 90%;
}
.wxd .yh span {
    color: #ea5504;
}
.wxp {
    font-size: 0.22rem;
    text-align: left;
    padding: 0 1%;
}
/*foot*/
footer {
    padding-bottom: 2%;
    background: url(/templets/newindex/images/f_bg.jpg) center no-repeat;
    background-size: 100% 100%;
}
footer nav {
    margin: 0.2rem auto;
    overflow: hidden;
    zoom: 1;
}
footer nav a {
    display: block;
    float: left;
    width: 25%;
    background: #ea5504 url(/templets/newindex/images/fotnav.jpg) no-repeat right center;
    text-align: center;
    color: #fff;
    padding: 2% 0;
}
footer .logof, footer .tla {
    display: block;
    width: 5.91rem;
}
footer .tla {
    margin: 4% auto;
}
footer p {
    color: #595757;
    padding-left:8%;
    margin: 3% auto;
}
footer p img {
    vertical-align: top;
    display: inline-block;
    margin-right: .1rem;
	width:.42rem;
}
footer p b, footer p span {
    display:block;
    padding-left: .56rem;    line-height: .24rem;
}
footer ul {
    overflow: hidden;
    text-align: center;
    margin: 10% auto;
}
footer ul li {
    display: inline-block;
    width: 22%;
}
footer ul li a {
    color: #595757;
}
footer ul li img {
    display: block;
    width: 60%;
    margin: 0 auto;
}
.navb {
    margin: 0.2rem auto .7rem;
    overflow: hidden;
    zoom: 1;
    margin-bottom: 15%;
}
.navb a {
    display: block;
    float: left;
    width: 30.5%;
    border-radius: .07rem;
    margin-left: 2%;
    background: #ababab;
    text-align: center;
    color: #fff;
    height: .6rem;
    line-height: .6rem;
}
.navb a:nth-of-type(2) {
    background: #ea5504;
}
.navb a:nth-of-type(3) {
    background: #cda700;
}
.navb a img {
    display: inline-block;
    width: .4rem;
}
.navb a span {
    display: inline-block;
    width: 60%;
    height: 100%;
    float: left;
    text-align: right;
}
/*.introduce .introduce_nav {
    overflow: hidden;
    margin: 3% 0;
}
.introduce .introduce_nav li {
    width: 49.3%;
    float: left;
    margin-right: 1.3333%;
    background: url(/templets/newindex/images/introduce_1.png) center no-repeat #969696;
    background-size: 100% 100%;
    font-size: 0.28rem;
    color: #fff;
    padding: 2% 0;
    text-align: center;
}
.introduce .introduce_nav li:last-child {
    margin-right: 0;
}
.introduce .introduce_nav li.on {
    background: url(/templets/newindex/images/introduce_1.png) center no-repeat #f9631a;
    background-size: 100% 100%;
}
.introduce .introduce_content {
    margin: 0 0.5%;
}

.introduce .introduce_content img {
    display: block;
    width: 100%;
}
.qgzslidee {
   
    width: 49%;
    float:left;
}
.introduce ul.bd li div.fr{float:right;}
.introduce ul.bd li{display:none;}
.qgzslidee a{display:block; position: relative;}
.qgzslidee span {
    display: block;
    width: 100%;
    height: 0.6rem;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
    position: absolute;
    left: 0;
    bottom: 0;
}
.qgzslidee p {
    width: 100%;
    height: 0.5rem;
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    line-height: 1.2;
    padding-top: 0.1rem;
    font-size: 0.2rem;
}
.introduce_content .swiper-container.cen .swiper-slide p {
    line-height: 0.4rem;
}*/
.qgzss-container{margin-top:3%;}
.qgzss-container .swiper-wrapper{padding-bottom:6%;}
.qgzss-pagination span.swiper-pagination-bullet{ width:.2rem;height:.2rem;}
.qgzss-pagination span.swiper-pagination-bullet-active{background:#cda700;}
.qgzss-container .swiper-wrapper a{display:block;position:relative;}
.qgzss-container .swiper-wrapper a p{position:absolute;bottom:0;width:100%;left:0;background:rgba(0,0,0,.7);color:#fff;text-align:center;padding:2% 0;opacity:70;z-index:999;}












@media only screen and (max-width: 420px) {
   .kfal_z ul{
	height:4.9rem;
}
}
@media only screen and (max-width: 380px) {
   .kfal_z ul{
	height:5.1rem;
}
}
@media only screen and (max-width: 320px) {
   .kfal_z ul{
	height:5rem;
}
}