body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button {
    margin: 0;
    padding: 0;
    font-size: 16px;
}


/* 初始化标签在所有浏览器中的margin、padding值 */

fieldset,
img {
    border: 0 none
}


/* 重置fieldset（表单分组）、图片的边框为0*/

dl,
ul,
ol,
menu,
li {
    list-style: none
}


/* 重置类表前导符号为onne,menu在HTML5中有效 */

blockquote,
q {
    quotes: none
}


/* 重置嵌套引用的引号类型 */

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}


/* 重置嵌套引用*/

input,
select,
textarea,
button {
    vertical-align: middle;
    outline: none;
    border: none;
}


/* 重置表单控件垂直居中*/

button {
    border: 0 none;
    background-color: transparent;
    cursor: pointer
}


/* 重置表单button按钮效果 */


/* body {background:#fff}   重置body 页面背景为白色 */

body,
th,
td,
input,
select,
textarea,
button {
    line-height: 1;
    font-family: "微软雅黑", "粗体";
}


/* 重置页面文字属性 */

a {
    text-decoration: none;
    color: #000;
}


/* 重置链接a标签 */

a:active,
a:hover {
    text-decoration: none
}


/* 重置链接a标签的鼠标滑动效果 */

address,
caption,
cite,
code,
dfn,
em,
var {
    font-style: normal;
    font-weight: normal
}


/* 重置样式标签的样式 */

caption {
    display: none;
}


/* 重置表格标题为隐藏 */

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}


/* 重置table属性 */

img {
    vertical-align: middle;
}


/* 图片在当前行内的垂直位置 */

i {
    font-style: normal;
}


/* 页面设置 */


/* 取消a标签点击后的虚线框 */

a {
    outline: none;
}

a:hover {
    text-decoration: none;
}

a[href] {
    cursor: pointer;
}


/* 设置页面文字等在拖动鼠标选中情况下的背景色与文字颜色 */


/*
::selection {color: #fff;background-color: #4C6E78;}
::-moz-selection {color: #fff;background-color: #4C6E78;}
*/


/*清除浮动*/


/*清除浮动*/


/*
.clear {
    clear: both;
} */


/*清除浮动--推荐使用*/


/* 清楚浮动 */

.clear {
    zoom: 1;
}

.clear:after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.fr {
    float: right;
}

.fl {
    float: left;
}


/*文本超出显示省略号*/

.ehn,
.otw,
.tow {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.w {
    width: 78%;
    margin: 0 auto;
}


/* 截字符 */

.ellipsis,
.jzf {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}

.ellipsis_d,
.jzf_d {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* 下面这句用来控制行数 */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

:root {
    --red: #d50101;
    --yell: #f29803;
}


/* 引导页 */

.ydy {
    position: relative;
    z-index: 999;
    background: url(../img/yd_banner.jpg) no-repeat;
    height: 937px;
    overflow: hidden;
}

.yd_top a {
    margin: 20px auto;
    width: 40%;
    display: block;
}

.yd_top a:nth-child(1) {
    width: 10%;
}

.yd_top img {
    display: block;
    margin: 50px auto;
}

.yd_top .nr {
    margin: -30px auto 0;
}

.yd_top .nr span {
    display: block;
    width: 74%;
    line-height: .3rem;
    font-weight: 100;
    text-align: center;
    margin-left: 100px;
    font-size: 18px;
    color: #ffffff;
}


/* .logo{
    animation: logo 2s linear;
} */


/* @keyframes logo{
    0%{
        transform: rotateZ(90deg);
    }
    35%{
        transform: rotateZ(180deg);
    }
    70%{
        transform: rotateZ(270deg);
    }
    100%{
        transform: rotateZ(360deg);
    }
}

.nr{
    animation: nr 2s linear;
}
@keyframes nr{
    0%{
        margin-left:-10px;
    }
    20%{
        margin-left:100px;
    }
    40%{
        margin-left:200px;
    }
    60%{
        margin-left:300px;
    }
    80%{
        margin-left:420px;
    }
    100%{
        margin-left:550px;
    }
} */

.yd_bot {
    margin-top: 50px;
    /*  display: inline-block;
    overflow: hidden;
    animation: wrapper-gradient 2s linear; */
    animation: lc 5s linear;
}


/* .gradient-wrapper>img{
    animation: img-gradient 2s linear;
} */

@keyframes lc {
    0% {
        clip-path: polygon(0 0, 0 0, 0 0%, 0 0%);
    }
    10% {
        clip-path: polygon(0 0, 10% 0, 0 99%, 0% 100%);
    }
    30% {
        clip-path: polygon(0 0, 30% 0, 34% 100%, 0 100%);
    }
    50% {
        clip-path: polygon(0 0, 50% 0, 51% 100%, 0 100%);
    }
    70% {
        clip-path: polygon(0 0, 70% 0, 74% 100%, 0 100%);
    }
    100% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}


/* @keyframes wrapper-gradient {
    0% {
      transform: translateX(-100%);
    }
    100% {
      transform: translateX(0);
    }
  }
  @keyframes img-gradient {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(0);
    }
  }
  .gradient-wrapper {
    display: inline-block;
    overflow: hidden;
    animation: wrapper-gradient 2s linear;
  }
  .gradient-wrapper>img {
    animation: img-gradient 2s linear;
  } */


/* 头部 */

.head {
    position: relative;
    border-bottom: 1px solid #dbdcdd;
}

.pub_ban {
    overflow: hidden;
    width: 15%;
    float: left;
}

.pub_ban>a {
    display: block;
}


/* .sub{
    display: none;
}
.nav li:hover .sub{
display: block;
} */

.nav li:hover .sub {
    padding-top: 0.2rem;
    height: 3.2rem;
}

.sub {
    background: url(../img/lsy.jpg) no-repeat center;
    position: absolute;
    left: 0;
    top: 80%;
    width: 100%;
    z-index: 1000;
    padding-top: 0;
    box-sizing: border-box;
    height: 0;
    overflow: hidden;
    transition: all .5s;
}

.sub li {
    display: inline-block;
    width: 0.2rem;
    vertical-align: top;
    text-align: center;
    margin-right: 0.6rem;
}

.sub li a {
    display: block;
    color: #000;
    line-height: 140%;
    height: 1.8rem;
    overflow: hidden;
}

.sub li a img {
    margin-bottom: 0.12rem;
    width: 0.19rem;
}

.item_tit {
    margin-right: 100px;
}

.item_tit div {
    margin-top: 6px;
    font-size: .3rem;
    font-weight: bold;
    margin-right: 0.2rem;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 0.3rem;
    padding-bottom: 0.2rem;
    margin-bottom: 0.2rem;
}

.item_tit span {
    margin-top: 6px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    writing-mode: vertical-lr;
    writing-mode: tb-rl;
    width: 0.15rem;
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
}

.item_tit div i {
    margin: 0 0.1rem;
    font-weight: normal;
    font-size: .2rem;
    display: inline-block;
}

.header {
    display: flex;
    /* position: relative; */
    top: 0;
    z-index: 2;
    width: 89%;
    margin: 0 auto;
    overflow: hidden;
}

.nav li:hover .dqwz {
    display: block;
}

.sub li:hover a {
    color: #a8191f !important;
}

.dqwz {
    float: right;
    color: #000;
    position: absolute;
    margin-top: 15%;
    right: 10%;
    display: none;
    z-index: 9999;
}

.dqwz a.on {
    color: #ac1e23 !important;
}

.dqwz img {
    margin-right: 0.12rem;
    vertical-align: baseline;
    width: 0.18rem;
}

.dqwz a {
    color: #000;
}

.dqwz span {
    display: inline-block;
    margin: 0 0.1rem;
}

.img {
    width: 100%;
}

.logo2>img {
    padding-top: 15px;
    padding-bottom: 20px;
}

.navbox {
    width: 70%;
}

.ssk {
    margin-top: 40px;
}

.ssk>input {
    border-bottom: 1px solid #999999;
    width: 90%;
}

.navbox .nav {
    width: 100%;
    height: 107px;
    display: flex;
    justify-content: space-between;
}

.navbox .nav .first {
    margin-left: 50px;
}

.navbox .nav .last {
    margin-right: 60px;
}

.on h3 a {
    color: #a8191f !important;
    border-bottom: 2px solid #ac1e23;
    background: url(../img/xz.png) no-repeat center 35px;
}

.nLi:hover h3 a {
    color: #a8191f !important;
    border-bottom: 2px solid #ac1e23;
    background: url(../img/xz.png) no-repeat center 35px;
}

.nLi h3 a {
    padding-top: 45px;
    padding-bottom: 20px;
    margin-left: 20px;
    margin-right: 10px;
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    font-family: "微软雅黑";
    display: block;
}

.sousuo {
    /*    width:260px;*/
    height: 107px;
    display: flex;
    align-items: center;
}

.phone {
    margin-top: 5px;
    float: left;
}

.phone>img {
    margin-top: 2px;
}

.dh {
    margin-left: 5px;
    float: right;
}

.dh span,
.dh em {
    display: block;
}

.dh span {
    font-size: 16px;
    color: #333333;
    margin-bottom: 3px;
}

.dh em {
    font-size: 25px;
    color: #f6b420;
    font-family: 'Bahnschrift';
    font-weight: 700;
}

.ss {
    margin-right: 20px;
    float: left;
}


/* 首页banner图 */

.sy_banenrP {
    position: relative;
    z-index: 9;
}

.banners {
    width: 100%;
    height: 830px;
    position: relative;
}

.banner2 {
    /*width:30%;*/
    z-index: 9;
    position: absolute;
    top: 33%;
    right: 23%;
}

.sp {
    z-index: 9;
    position: absolute;
    bottom: 9%;
    right: 10.5%;
}

.banner {
    height: 100%;
    width: 100%;
}

.banner_xt {
    width: 13%;
    height: 230px;
    position: absolute;
    float: right;
    background: url(../img/banner_jd.png) no-repeat;
    top: 43%;
    right: 0%;
    z-index: 99;
    padding-left: 30px;
}

.banner_xt>.swiper {
    margin-top: -10px;
    padding-bottom: 60px;
}


/*.banners_xts{
    margin-top: 30px;

}*/

.banners_xt {
    margin-top: 20px;
}

.banner_xt .swiper-slide {
    cursor: pointer;
    margin-bottom: 25px;
}

.swiper-slide-thumb-active h4 {
    color: #f6b420 !important;
}

.gp {
    margin-top: 15px;
    margin-bottom: 20px;
}

.banner_xt img {
    width: 12%;
    display: inline;
}

.banner_xt h4 {
    color: #fff;
    font-size: 16px;
    margin-left: 20px;
    display: inline;
    font-weight: 400;
}


/* 首页新闻 */

.sy_xw {
    position: relative;
    z-index: 10;
    background: url(../img/xwbj.jpg) no-repeat;
}

.sy_xw .xw {
    overflow: hidden;
}

.xw_title a {
    margin: 0 auto;
    width: 10%;
    display: block;
}

.bt {
    margin-top: 80px;
    padding-bottom: 10px;
    text-align: center;
    color: #323232;
    font-size: 42px;
    font-weight: 400;
    background: url(../img/bty.png) no-repeat 93% 80%;
}

.bt:hover {
    color: #ac1e23;
}

.jss {
    display: block;
    text-align: center;
    margin-bottom: 50px;
    font-size: 20px;
    color: #323232;
}

.sy_xw .xw_con li:nth-child(1) {
    width: 75%;
    float: none;
    border: none;
    margin: 0 auto 60px;
}

.sy_xw .xw_con li {
    width: 35%;
    float: left;
    box-sizing: border-box;
    overflow: hidden;
    border-right: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc;
}

.sy_xw .xw_con li em {
    display: block;
    font-size: 16px;
    color: #323232;
    margin-top: 60px;
    margin-bottom: 15px;
}

.sy_xw .xw_con li:nth-child(2) a {
    margin: 0 100px 50px 235px;
}

.sy_xw .xw_con li:nth-child(3) a {
    margin-left: 80px;
    margin-bottom: 50px;
    margin-right: 100px;
}

.sy_xw .xw_con li:nth-child(3) {
    width: 30%;
}

.sy_xw .xw_con li:nth-child(4) a {
    margin-left: 45px;
    margin-bottom: 50px;
    margin-right: 260px;
}

.sy_xw .xw_con li:nth-child(4) {
    border-right: none;
}

.sy_xw .xw_con li>a {
    display: block;
    overflow: hidden;
}

.sy_xw .xw_con li>a:hover h2 {
    color: #ac1e23;
}

.sy_xw .xw_con li>a:hover h3 {
    color: #ac1e23;
}

.sy_xw .xw_con li .img {
    width: 23%;
    height: 200px;
    float: left;
    overflow: hidden;
}

.sy_xw .xw_con li .img img {
    width: 100%;
    height: 100%;
    transition: all 0.5s;
}

.sy_xw .xw_con li>a:hover .img img {
    transform: scale(1.1);
}

.sy_xw .xw_con li .xw_nr {
    margin-left: 45px;
    float: left;
    width: 72%;
}

.sy_xw .xw_con li .xw_nr em {
    margin-top: 0;
    display: block;
    font-size: 16px;
    color: #323232;
    margin-bottom: 25px;
}

.sy_xw .xw_con li .xw_nr h2 {
    font-weight: 400;
    font-size: 28px;
    color: #323232;
    margin-bottom: 20px;
    height: 30px;
    line-height: 28px;
}

.sy_xw .xw_con li .xw_nr span {
    font-size: 16px;
    color: #323232;
    line-height: 25px;
    margin-bottom: 18px;
}

.sy_xw .xw_con li .xw_nr .gd {
    padding-top: 12px;
    text-align: center;
    width: 14%;
    padding-bottom: 15px;
    background: url(../img/jtbj.png) no-repeat;
}

.sy_xw .xw_con li .xw_nr .gd strong {
    font-size: 16px;
    color: #ac1e23;
    font-weight: 400;
}

.sy_xw .xw_con li .xw_nr .gd>img {
    margin-left: 5px;
}


/* 首页横幅 */

.hf {
    background: url(../img/hfbj.jpg) no-repeat;
}

.hf_nr {
    width: 60%;
    margin: 0 auto;
}

.hf_nr .sl:nth-child(1) {
    margin-left: 0;
    margin-right: 60px;
}

.hf_nr .sl {
    width: 20%;
    display: inline-block;
    margin-left: 50px;
}

.sl .sl_top {
    margin-bottom: 10px;
}

.sl .sl_top h3 {
    font-weight: 400;
    display: inline-block;
    margin-top: 60px;
    font-size: 78px;
    color: #f6b420;
    -webkit-text-stroke: 1px #fff;
}

.sl .sl_top em {
    color: #fff;
    font-size: 18px;
}

.sl_bot {
    margin-bottom: 50px;
}

.sl_bot span {
    color: #ffffff;
    font-size: 18px;
}


/* 首页招商加盟 */

.sy_jm {
    padding-bottom: 50px;
    background: url(../img/jmbj.jpg) no-repeat;
    background-size: 100% 100%;
}

.sy_jm .bt {
    background: url(../img/bty.png) no-repeat 87.2% 95%;
}

.sy_jm .jm_title {
    position: relative;
    z-index: 99;
}

.sy_jm .jm_title a {
    width: 12%;
    margin: 0 auto;
}

.sy_jm h1 {
    padding-top: 60px;
    margin-top: 0;
}

.sy_jm .jm_title a {
    display: block;
}

.jm_nr {
    overflow: hidden;
    width: 70%;
    margin: 0 auto;
}

.jm_nr .jm_left {
    width: 50%;
    float: left;
    margin-top: 130px;
    margin-left: 75px;
}

.textBox a {
    display: block;
}

.fys {
    margin-bottom: 25px;
}

.dqgs {
    color: #ffffff;
    font-size: 52px !important;
    margin-bottom: 25px;
}

.jm_left em {
    color: #ffffff;
    font-size: 32px;
}

.jm_left a {
    display: block;
    width: 21%;
}

.jm_left h2,
.jm_left h3 {
    display: inline;
}

.jm_left h2 {
    font-size: 42px;
    color: #fff;
    font-weight: 400;
}

.jm_left .pp {
    margin-bottom: 20px;
}

.jm_left .pp>span {
    color: #fff;
    font-size: 26px;
}

.jm_left h3 {
    font-size: 26px;
    color: #f6ab00;
    font-weight: 400;
}

.jm_left .jmnr {
    display: block;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
}

.jm_left span {
    color: #fff;
    font-size: 16px;
}

.jm_left h1 {
    line-height: 50px;
    display: inline;
    font-size: 28px;
    color: #fff;
    font-weight: 400;
}

.wyjm {
    color: #fff;
    width: 100%;
    padding-left: 30px;
    margin-top: 0px;
    line-height: 40px;
    background: url(../img/wyjm.png) no-repeat;
    padding-bottom: 30px;
}

.wyjm:hover {
    color: #f6b420;
}

.X:hover {
    cursor: pointer;
}

.wyjm a {
    color: #fff;
}

.jm_right {
    height: 389px;
    border: 10px solid #ffd8a8;
    margin-left: 125px;
    margin-top: 90px;
    width: 389px;
    float: left;
    border-radius: 50%;
    overflow: hidden;
}

.jm_right img {
    width: 100%;
    height: 100%;
}


/* 特色美食 */

.sy_ms {
    height: 966px;
    overflow: hidden;
    background: url(../img/msbj.jpg) no-repeat;
}

.sy_ms .bt {
    color: #fff !important;
}

.sy_ms .bt:hover {
    color: #ac1e23 !important;
}

.ms_title>a {
    display: block;
    margin: 0 auto;
    width: 10%;
}

.sy_ms .jss {
    color: #fff;
}

.syms_img {
    width: 74.2%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.syms_img .swiper {
    overflow: unset;
}

.syms_img .swiper-button-next {
    right: 35px;
    background: url(../img/msyjt.png) no-repeat;
}

.syms_img .swiper-button-prev {
    left: 45px;
    background: url(../img/mszjt.png) no-repeat;
}

.syms_img .swiper-button-prev:after,
.syms_img .swiper-button-next:after {
    content: '';
}

.msxt {
    width: 60%;
    margin: 0 auto;
    overflow: hidden;
}

.msxt a {
    display: block;
    padding-top: 45px;
    padding-bottom: 60px;
}

.xt {
    float: left;
    text-align: center;
    width: 23%;
}

.xt h3 {
    margin-top: 10px;
    color: #fff;
    font-size: 24px;
}

.xt:hover {
    cursor: pointer;
    /* padding-top: 30px; */
    /* margin-top: -20px; */
    background: url(../img/cpbj.png) no-repeat center;
}

.msxt .swiper-slide-thumb-active {
    margin-top: -35px;
    background: url(../img/cpbj.png) no-repeat center;
}

.msxt .swiper-slide-thumb-active .xt {
    padding-top: 55px;
}

.ms_img {
    width: 1170px;
    height: 560px;
    position: relative;
}

.ms_img>img {
    width: 100%;
    height: 100%;
}

.ms_img .ms_nr {
    width: 50%;
    text-align: center;
    position: absolute;
    top: 35%;
    left: 25%;
}

.ms_img .ms_nr h2 {
    color: #ffffff;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 24px;
}

.ms_img .ms_nr span {
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 15px;
}

.msjs {
    z-index: 99;
    position: absolute;
    top: 6%;
    right: 12%;
}

.ban_line {
    position: relative;
    margin: 0.17rem auto 0;
    width: 0.01rem;
    height: 0.5rem;
    background-color: #fff;
    text-align: center;
    overflow: hidden;
    margin-bottom: 10px;
}

.ban_line span {
    position: absolute;
    width: 1px;
    left: 0;
    height: 25px;
    background-color: #ac1e23;
    animation: aline 3s infinite linear;
}

@keyframes aline {
    from {
        bottom: 100%;
    }
    to {
        bottom: -100%;
    }
}


/*首页视频*/

.sy_video {
    z-index: 9;
    width: 50%;
    display: block;
    height: 500px;
    position: fixed;
    top: 30%;
    left: 25%;
    text-align: center;
}

.gb_video {
    position: absolute;
    top: 0%;
    right: 0%;
    color: #fff;
    font-size: 40px;
}

.gb_video:hover {
    cursor: pointer;
}

.sy_video video {
    width: 93%;
    height: 100%;
}

.sp:hover {
    cursor: pointer;
}

.bgs {
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    bottom: 0%;
    left: 0;
    width: 100vw;
    z-index: 11;
}


/* 底部 */

.bottom {
    background-color: #f4f4f4;
    padding-top: 60px;
}

.bot-top {
    width: 80%;
    margin: 0 auto 60px;
    /*margin-top: 60px;*/
}

.bot-left,
.bot-middle,
.bot-right {
    float: left;
}

.bot-left {
    width: 32%;
}

.bot-middle {
    width: 39%;
}

.bot-right {
    width: 28%;
}

.bot-right img {
    width: 10%;
}

.bot-right .mab {
    width: 4%;
}

.bot-top h1 {
    font-size: 26px;
    color: #323232;
    margin-bottom: 20px;
    font-weight: normal;
}

.bot-left span {
    font-size: 16px;
    display: table;
    padding-bottom: 5px;
    color: #323232;
    margin-bottom: 15px;
    border-bottom: 1px solid #8a8a8a;
}

.bot-left h2 {
    color: #f6b420;
    font-size: 32px;
    margin-bottom: 20px;
}

.bot-middle .ewm {
    overflow: hidden;
}

.bot-middle .ewm span {
    font-size: 16px;
    color: #323232;
    display: block;
    margin-top: 10px;
}

.ewm_s {
    width: 20%;
    padding-right: 30px;
    float: left;
    text-align: center;
}

.ewm_s img {
    width: 114px;
    height: 114px;
}

.bot-right a {
    color: #323232;
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 30px;
}

.bot-right .dt {
    margin-right: 15px;
}

.bot-right .dt:hover {
    color: #b60004;
}

.bot-right a:hover {
    color: #b60004;
}

.bot-bot {
    border-top: 1px solid #d2d2d2;
}

.bot-bot ul {
    width: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.bot-bot ul p {
    float: left;
    height: 60px;
    padding: 0 3px;
    line-height: 60px;
    font-size: 16px;
    color: #323232;
}

.bottom .yl {
    position: relative;
    width: 90%;
    margin-top: 30px;
    background: url(../img/ylbj.png) no-repeat;
    padding: 16px 0 25px 16px;
}

.bottom .yl span {
    font-size: 16px;
    color: #323232;
}


/*.bot-top {
    overflow:hidden;
}*/

.bottom .yl img {
    float: right;
    margin-right: 25px;
}

.bottom .yqlj {
    overflow: hidden;
    background-color: #fafafa;
    width: 97.5%;
    bottom: 100%;
    margin-left: -15px;
    position: absolute;
}

.bottom .yl:hover {
    cursor: pointer;
}

.bottom .yl:hover span {
    color: #b60004;
}

.bottom .none {
    display: none !important;
}

.bottom .yqlj li {
    padding: 15px 0;
    text-align: center;
}

.bottom .yqlj li a {
    font-size: 16px;
}

.bottom .yqlj li a:hover {
    color: #ac1e23;
}

@media screen and (Max-width: 1680px) {
    .sousuo {
        width: 18%;
    }
    .xw_title a {
        width: 12%;
    }
    .bt {
        background: url(../img/bty.png) no-repeat 93.5% 80%;
    }
    .sy_xw .xw_con li .xw_nr .gd {
        width: 16%;
    }
    .ms_title>a {
        display: block;
        margin: 0 auto;
        width: 12%;
    }
    .sy_jm .bt {
        background: url(../img/bty.png) no-repeat 94.2% 95%;
    }
    .hf_nr {
        width: 70%;
    }
    .ewm_s {
        width: 25%;
    }
    .bot-right {
        width: 32%;
    }
    .bot-bot ul {
        width: 60%;
    }
    .bottom .yqlj {
        background-color: #fafafa;
        width: 23.5%;
        margin-left: -15px;
        margin-top: -13%;
        position: absolute;
    }
}

@media screen and (Max-width: 1600px) {
    .sousuo {
        width: 19%;
    }
    .header {
        width: 90%;
    }
    .bt {
        background: url(../img/bty.png) no-repeat 55% 80%;
    }
    .sy_xw .xw_con li .xw_nr .gd {
        width: 17%;
    }
    .hf_nr {
        width: 75%;
    }
    .bot-right {
        width: 34%;
    }
    .bottom .yqlj {
        background-color: #fafafa;
        width: 24.7%;
        margin-left: -15px;
        margin-top: -13.5%;
        position: absolute;
    }
}

@media screen and (Max-width: 1440px) {
    .header {
        width: 95%;
    }
    .sousuo {
        width: 21%;
    }
    .ssk {
        margin-left: 50px;
    }
    .bt {
        background: url(../img/bty.png) no-repeat 55.5% 80%;
    }
    .sy_xw .xw_con li .xw_nr .gd {
        width: 98%;
    }
    .hf_nr {
        width: 79%;
    }
    .ms_img {
        width: 880px;
    }
    .ms_img>img {
        width: 100%;
        height: 100%;
    }
    .ms_img .ms_nr {
        left: 23%;
    }
    .bot-left {
        width: 23%;
    }
    .bot-middle {
        width: 40%;
    }
    .bot-right {
        width: 37%;
    }
    .bottom .yqlj {
        background-color: #fafafa;
        width: 27.5%;
        margin-left: -15px;
        margin-top: -15%;
        position: absolute;
    }
}

@media screen and (Max-width: 1366px) {
    .header {
        width: 96%;
    }
    .pub_ban {
        width: 17%;
    }
    .navbox {
        width: 73%;
    }
    .sousuo {
        width: 22%;
    }
    .sy_xw .xw_con li .xw_nr .gd {
        width: 20%;
    }
    .hf_nr {
        width: 85%;
    }
    .syms_img .swiper-button-prev {
        left: 30px;
    }
    .syms_img .swiper-button-next {
        right: 20px;
    }
    .bot-bot ul {
        width: 65%;
    }
    .bot-top {
        width: 85%;
    }
    .bottom .yqlj {
        background-color: #fafafa;
        width: 98%;
        margin-left: -15px;
        margin-top: -15.9%;
        position: absolute;
    }
    .xw_title a {
        width: 100%;
    }
    .sy_jm .jm_title a {
        width: 15%;
    }
    .ms_title>a {
        width: 100%;
    }
    .banner2 {
        top: 35%;
    }
    .sp {
        bottom: -10%;
    }
    .sy_video {
        top: 25%;
    }
    .sy_video video {
        height: auto;
    }
    .gb_video {
        top: -5%;
        right: -5%;
    }
    .sy_jm {
        padding-bottom: 160px;
        background: url(../img/jmbj.jpg) no-repeat;
        background-size: 100% 100%;
    }
    .jm_right {
        width: 295px;
        height: 295px;
        margin-left: 91px;
        margin-top: 190px;
    }
}