.header,
.nav-box {
    position: absolute;
    /* z-index: 1000; */
    /* color: #999; */
    /* left: 0; */
    top: 0;
    /* right: 0; */
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    /* height: 40px; */
    /* line-height: 40px; */
    /* padding:0 6%; */
}

.header a {
    color: #ccc;
}

.header span {
    padding: 0 5px;
}

.slick {
    overflow: hidden;
    margin: 0;
}

.nav-box {
    top: 40px;
    background: none;
}

.logo {
    padding: 15px 0;
}

.nav-list li {
    float: left;
    margin: 30px 0 0 35px;
    position: relative;
}

.nav-list>li>a:hover {
    color: #debb29;
}

.nav-list li a {
    font-size: 18px;
    color: #fff;
    line-height: 40px;
    display: inline-block;
}

.nav-list li:hover a {
    border-bottom: solid 1px #fff;
}

.nav-down {
    position: absolute;
    display: none;
    min-width: 21rem;
    padding: 10px 0;
    left: -75px;
    top: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.6);
}

.nav-list li:hover .nav-down {
    display: block;
}

.nav-down li {
    margin: 0;
    float: none;
}

.nav-down li a {
    font-size: 15px;
    line-height: 35px;
    border: none !important;
    text-align: center;
    display: block;
    padding: 0 2rem;
}

.nav-down li a:hover {
    color: #debb29;
}

.slick .slick-prev {
    width: 70px;
    height: 70px;
    /* display: none!important; */
    background: url(../images/left.png) center no-repeat;
    margin-top: -35px;
    left: 6%;
    text-indent: -9999px;
}

.slick .slick-next {
    width: 70px;
    /* display: none!important; */
    height: 70px;
    background: url(../images/right.png) center no-repeat;
    margin-top: -35px;
    right: 6%;
    text-indent: -9999px;
}

.slick .slick-dots {
    left: 6%;
    right: auto;
    width: auto;
    margin: 0 0 0 20px;
    bottom: 170px;
}

.slick .slick-dots li,
.slick-dots li button {
    display: block;
    padding: 0;
    float: none !important;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
}

.slick .slick-dots li.slick-active {
    background: #31cec2;
}

.slick .slick-dots li button:before {
    display: none;
}

.news-list li {
    float: left;
    width: 33.333333%;
}

.news-list {
    margin: 40px 0 20px 0;
}

.news-list-box {
    padding: 20px;
    transition: 0.5s all;
}

.news-list-box:hover {
    box-shadow: 0 0 10px #ddd;
}

.news-list-box .img-hide a {
    display: block;
    position: relative;
}

.news-list-box .img-hide img {
    width: 100%;
}

.news-list-box .img-hide a span {
    position: absolute;
    left: 0;
    bottom: 20px;
    font-size: 16px;
    color: #fff;
    width: 150px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #1e57f8;
    background: linear-gradient(to right, #1e57f8, #37bfc1);
    background: -webkit-linear-gradient(left, #1e57f8, #37bfc1);
    background: -o-linear-gradient(right, #1e57f8, #37bfc1);
    background: -moz-linear-gradient(right, #1e57f8, #37bfc1);
}

.news-list-tt a {
    font-size: 18px;
    color: #555;
}

.news-list-tt a:hover {
    color: #0037b6;
}

.news-list-tt {
    margin-top: 45px;
}

.news-list-p {
    color: #777;
    line-height: 30px;
    margin-top: 15px;
    overflow: hidden;
}

.news-back-box {
    background: #f2f2f2;
    padding: 70px 0;
    overflow: hidden;
}

.news-back-tt {
    font-size: 30px;
    color: #0037b6;
    line-height: 35px;
}

.news-back-tt span {
    font-size: 16px;
    color: #ccc;
}

.tt-more {
    font-size: 16px;
    color: #333;
    margin-top: 40px;
    display: inline-block;
}

.news-link {
    padding: 30px;
    background: #fff;
    margin-top: 25px;
    transition: 0.5s all;
}

.news-back-box .col-xs-6 {
    padding: 0 25px;
}

.news-back-box .row {
    margin: 0 -25px;
}

.xy-p p {
    color: #fff;
    margin: 0;
    line-height: 30px;
    color: #777;
}

.xy-p {
    margin-top: 35px;
}

.about-a {
    width: 24px;
    height: 12px;
    background: url(../images/raw01.png) center no-repeat;
    display: inline-block;
    margin-top: 20px;
}

.news-link:hover {
    background: #1e57f8;
    background: linear-gradient(to right, #1e57f8, #37bfc1);
    background: -webkit-linear-gradient(left, #1e57f8, #37bfc1);
    background: -o-linear-gradient(right, #1e57f8, #37bfc1);
    background: -moz-linear-gradient(right, #1e57f8, #37bfc1);
}

.news-link:hover .xy-p p {
    color: #fff;
}

.news-link:hover .about-a {
    background: url(../images/raw.png) center no-repeat;
}

.dt-tt {
    margin-top: 35px;
}

.dt-tt a {
    font-size: 18px;
    color: #555;
}

.dt-date {
    color: #999;
    margin: 11px 0 10px 0;
}

.dt-p {
    color: #777;
    line-height: 27px;
    height: 54px;
    overflow: hidden;
}

.news-link:hover .dt-tt a,
.news-link:hover .dt-date,
.news-link:hover .dt-p {
    color: #fff;
}

.tabs-ul li {
    float: left;
    margin-top: 65px;
}

.tabs-ul {
    margin-left: -18px;
}

.tabs-ul li a {
    display: block;
    padding: 0 18px;
    border-right: solid 1px #dbdbdb;
    font-size: 30px;
    color: #333;
    height: 30px;
    line-height: 30px;
}

.tabs-ul li:last-child a {
    border: none;
}

.tabs-ul li.active a,
.tabs-ul li a:hover {
    color: #0037b6;
}

.tabs-tt {
    font-size: 16px;
    color: #ccc;
    padding: 20px 0 40px 0;
    border-bottom: solid 1px #ededed;
    margin-bottom: 45px;
}

.tabs-tt a {
    float: right;
}

.tabs-box {
    overflow: hidden;
}

.tabs-news-list-box {
    padding-left: 100px;
    position: relative;
}

.tabs-news-list li {
    float: left;
    width: 33.333333%;
    padding: 0 65px;
}

.tabs-news-list {
    margin: 0 -65px;
}

.list-date {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 25px;
    padding-top: 14px;
    width: 74px;
    height: 74px;
    background: #eee;
    text-align: center;
    font-size: 40px;
    color: #0037b6;
}

.list-date span {
    font-size: 14px;
}

.tabs-news-list-tt {
    font-size: 16px;
    color: #555;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
}

.tabs-news-list-p {
    font-size: 14px;
    color: #777;
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    text-align: justify;
    margin-top: 10px;
}

.tabs-news-more a {
    font-size: 14px;
    color: #555;
    margin-top: 30px;
    display: inline-block;
}

.tabs-lind {
    border-bottom: solid 1px #ededed;
    padding-bottom: 45px;
    margin-bottom: 55px;
}

.tabs-news-list-tt a:hover {
    color: #0037b6;
}

.list-date:hover {
    background: #1e57f8;
    background: linear-gradient(to right, #1e57f8, #37bfc1);
    background: -webkit-linear-gradient(left, #1e57f8, #37bfc1);
    background: -o-linear-gradient(right, #1e57f8, #37bfc1);
    background: -moz-linear-gradient(right, #1e57f8, #37bfc1);
    color: #fff;
}

.js-tt {
    color: #333;
    margin-bottom: 30px;
}

.zy-tt a {
    font-size: 16px;
    color: #555;
}

.zy-tt {
    margin-top: 15px;
}

.zy-list li {
    float: left;
    width: 20%;
    padding: 0 15px;
}

.zy-list {
    margin: 0 -15px;
}

.sz-back {
    background: #1e57f8;
    background: linear-gradient(to right, #1e57f8, #37bfc1);
    background: -webkit-linear-gradient(left, #1e57f8, #37bfc1);
    background: -o-linear-gradient(right, #1e57f8, #37bfc1);
    background: -moz-linear-gradient(right, #1e57f8, #37bfc1);
    margin-top: 70px;
    padding-bottom: 80px;
    margin-bottom: 70px;
}

.sz-back .tabs-ul li a {
    color: #e5e5e5;
    border-color: #31cec2;
}

.sz-back .tabs-ul li.active a,
.sz-back .tabs-ul li a:hover {
    color: #fff;
}

.sz-back .tabs-tt {
    color: #fff;
    border: none;
    padding-bottom: 10px;
}

.sz-back .tabs-tt a {
    color: #fff;
}

.sz-name a {
    font-size: 18px;
    color: #fff;
}

.sz-name {
    margin: 25px 0 15px 0;
}

.sz-p {
    font-size: 16px;
    color: #fff;
}

.sl-ul li {
    float: left;
    width: 33.333333%;
    padding: 0 50px;
}

.sl-ul {
    margin: 0 -50px;
}

.news-back-tt {
    position: relative;
}

.news-back-tt a {
    position: absolute;
    right: 0;
    font-size: 16px;
    color: #777;
}

.lb-box {
    margin: 40px -425px 70px -425px;
}

.lb-box img {
    width: 100%;
}

.zp-tt a {
    font-size: 18px;
    color: #333;
}

.zp-tt {
    margin-top: 20px;
}

.swiper-button-prev {
    left: 410px;
    width: 145px;
    height: 652px;
    top: 0;
    background: rgba(0, 0, 0, 0.3) url(../images/left.png) center no-repeat;
}

.swiper-button-next {
    right: 410px;
    width: 145px;
    height: 652px;
    top: 0;
    background: rgba(0, 0, 0, 0.3) url(../images/right.png) center no-repeat;
}

.swiper-button-prev:hover {
    background: rgba(50, 88, 197, 0.9) url(../images/left.png) center no-repeat;
}

.swiper-button-next:hover {
    background: rgba(50, 88, 197, 0.9) url(../images/right.png) center no-repeat;
}

.footer {
    /* background: #333; */
    /* padding-top: 45px; */
}

.footer-tt {
    font-size: 18px;
    color: #ccc;
    margin-bottom: 15px;
}

.td-list li {
    margin-bottom: 10px;
    color: #999;
}

.td-list li a {
    color: #999;
}

.footer-w {
    margin-right: 210px;
}

.td-list {
    max-width: 220px;
}

.td-list li {
    margin-right: 20px;
    width: 84px;
}

.td-list-r li {
    width: auto;
    margin-right: 0;
}

.ewm {
    color: #999;
}

.ewm img {
    margin-bottom: 10px;
}

.footer-p {
    border-top: solid 1px #5c5c5c;
    padding: 20px 0;
    color: #999;
    margin-top: 40px;
}

.td-list li a:hover,
.news-back-tt a:hover,
.zy-tt a:hover,
.tabs-news-more a:hover {
    color: #31cec2;
}

.video-zp {
    width: 100%;
    height: 630px;
    background: #000;
}

.search-box {
    position: fixed;
    display: none;
    left: 0;
    right: 0;
    top: 40px;
    background: rgba(0, 0, 0, 0.6);
    padding: 105px 0;
    z-index: 10000000;
}

.search-width {
    width: 700px;
    margin: 0 auto;
    background: #fff;
    position: relative;
    padding-right: 100px;
}

.search-width .form-control {
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: 50px;
}

.btn-search,
.btn-search:hover,
.btn-search:focus {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    border-radius: 0;
    height: 50px;
    background: #debb29 url(../images/icon-search.png) center no-repeat;
}

.header {
    z-index: 100000000;
}

.header a {
    position: relative;
    z-index: 10000;
}

.header a span {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 130px;
    display: none;
    padding-top: 11px;
    margin-left: -65px;
    z-index: 10000;
}

.header a:hover span {
    display: block;
}

.fix-box {
    position: fixed;
    right: 75px;
    bottom: 50px;
    background: #ebebeb;
    padding: 10px;
    z-index: 1000;
}

.fix-ewm {
    width: 130px;
    text-align: center;
    background: #fff;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.zs-phone {
    background: #fff;
    margin-bottom: 2px;
    font-size: 16px;
    color: #333;
    text-align: center;
    padding: 15px 0;
    position: relative;
}

.zs-phone span {
    padding-left: 30px;
    background: url(../images/icon-phone.png) left center no-repeat;
}

.zs-list {
    position: absolute;
    margin-right: 5px;
    display: none;
    font-size: 14px;
    bottom: 0;
    right: 100%;
    background: #d4d4d4;
    width: 170px;
    padding: 10px;
}

.zs-list li {
    line-height: 25px;
}

.dq-phone:hover .zs-list {
    display: block;
}

.dq-phone {
    text-align: center;
    background: #d4d4d4;
    padding: 10px;
    margin-top: 5px;
    position: relative;
}

.header-show {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 100000;
}

.header-show.page-box {
    background: #fff;
    box-shadow: 1px 2px 10px rgba(254, 150, 37, 0.2);
    opacity: 0.9;
    filter: alpha(opacity=70);
}

.logo-img02,
.header-show.page-box .logo-img {
    display: none;
}

.header-show.page-box .logo-img02 {
    display: inline-block;
}

.xy-p {
    height: 120px;
    overflow: hidden;
}

.menu-button {
    position: absolute;
    display: none;
    top: 18px;
    right: 15px;
    z-index: 1000;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
}

.menu-button .bar:nth-of-type(1) {
    margin-top: 0px;
}

.menu-button .bar:nth-of-type(3) {
    margin-bottom: 0px;
}

.bar {
    position: relative;
    display: block;
    width: 24px;
    height: 2px;
    margin: 5px auto;
    background-color: #debb29;
    border-radius: 10px;
    -webkit-transition: .3s;
    transition: .3s;
}

.cross {
    margin-top: -8px;
}

.cross .bar {
    margin: 13px auto;
}

.cross .bar:nth-of-type(1) {
    -webkit-transform: translateY(15px) rotate(-45deg);
    -ms-transform: translateY(15px) rotate(-45deg);
    transform: translateY(15px) rotate(-45deg);
}

.cross .bar:nth-of-type(2) {
    opacity: 0;
}

.cross .bar:nth-of-type(3) {
    -webkit-transform: translateY(-15px) rotate(45deg);
    -ms-transform: translateY(-15px) rotate(45deg);
    transform: translateY(-15px) rotate(45deg);
}

/************猫鈥炩劉猫艗聽猫鈥灺澝┧喡ッβモ�拢茂驴陆猫艩鈥櫭┧喡捖矫ヅ犫�猫鈥炩劉猫艗聽猫艩鈥櫭┧喡捖澝犫�氓鈥ε该⑩�拧芒鈥樎┟柯矫ヂ嵚⒚ㄅ犫�茅藛楼莽聛潞芒鈥櫯∶モ�陇忙聧鈥斆モ�聫茂驴陆猫鈥炩劉氓啪鈥灻ㄅ犫�茅藛楼忙炉卢卯茠啪氓聬垄芒藛露氓鈥βっβ嶁�芒鈥樎┟ヂ佲�忙鈥孤ㄢ�鈩⒚┧喡ッβヂ伮幝趁モ�陇忙聧鈥斆モ�聫茂驴陆猫鈥炩劉茅藛楼莽艩鈥犆⑩�漏氓聛鈥溍┧喡┟⑩�拧氓鈥βっβ嶁�氓聛庐芒鈥櫯∶モ�鸥芒鈥櫯∶⑩�漏氓聛鈥溍︹�搂猫鈥炩�氓聧垄猫鈥炩劉茅藛楼脦鲁氓聛庐芒藛露氓鈥βっβ嶁�氓鈥斅徝柯矫ㄢ�鈩⒚ヅ锯�猫艩鈥櫭┧喡ッβ捙久ヂ惵⒚⑺喡睹モ�陇忙聧鈥斆⑩�漏氓聛鈥溍︹�搂猫鈥炩劉茅藛楼忙炉颅氓聛庐芒藛露氓鈥βっβ嶁�氓鈥斅徝柯矫ㄢ�鈩⒚┧喡ッ犫�芒鈥樎┟ヂ佲�茅藛漏芒鈥櫯∶モ�陇忙聧鈥斆ヂ伮⑩�拧氓鈥ε该⑩�拧芒鈥樎┟ヂ佲�忙鈥孤ㄢ�鈥斆ヂ嵚⒚ㄢ�鈩⒚┧喡ッβヂ伮ヂр�氓鈥βっβ嶁�氓鈥斅徝柯矫ㄢ�鈩⒚┧喡ッβヂ伮⑩�拧氓鈥βっβ嶁�氓聛庐芒鈥櫯∶モ�鸥芒鈥櫯∶⑩�漏茂驴陆氓聧垄猫鈥炁撁┡♀�猫鈥炩劉茅藛楼忙炉颅氓聛庐卯茠啪氓鈥βっβ嶁�芒鈥樎┟ヂ佲�忙鈥孤ㄢ�鈩⒚┧喡ッβヂ伮犫�氓鈥βっβ嶁�氓鈥斅徝柯矫ㄢ�鈩⒚┧喡ッ犫�芒鈥樎┟ヂ佲�茅藛漏芒鈥櫯∶モ�陇忙聧鈥斆⑩�漏氓聛鈥溍伮矫ㄢ�鈩⒚ヅ锯�猫艩鈥櫭┧喡ッβ捙久⑩�漏茂驴陆氓啪鈥灻ㄢ�鈩⒚ㄅ捖犆ㄢ�聺茅藛楼忙芦颅氓鈥ε该⑩�拧芒鈥樎┟柯矫ヂ嵚⒚ㄢ�艙茅拧鈥犆ㄢ�鈩⒚ㄅ捖犆ㄅ犫�茅藛搂卯茠聽芒藛露氓鈥犅Ｃ柯矫ㄢ�鈥斆┾劉鈥∶ㄢ�鈩⒚ㄅ捖犆ㄢ�聺茅藛楼忙芦颅氓鈥犅Ｃ柯矫ㄅ犫�茅藛搂卯茠陆氓艩鈥懊ㄢ�鈩⒚ㄅ捖犆ㄢ�鈥斆ヅ锯�猫鈥炩劉氓啪鈥灻ㄅ犫�茅藛搂卯茠聽芒藛露氓聛庐卯茠啪氓鈥犅Ｃ柯矫ㄢ�鈥斆┡♀�猫鈥炩劉猫艗聽猫鈥灺澝┧喡ッβモ�鸥芒鈥櫯∶⑩�漏茂驴陆氓聧垄猫鈥炁撁┡♀�猫鈥炩劉猫艗聽猫艩鈥櫭┧喡捖犆⑺喡睹モ�拢茂驴陆猫鈥炩�忙藛庐猫鈥炩劉猫艗聽猫鈥灺澝┧喡ッβモ�拢茂驴陆猫艩鈥櫭┧喡捖矫ヅ犫�猫鈥炩劉猫艗聽猫艩鈥櫭┧喡捖犆⑺喡睹モ�拢茂驴陆猫鈥炩�氓啪鈥灻ㄢ�鈩⒚ㄅ捖犆ㄢ�聺茅藛楼忙芦颅氓鈥犅Ｃ柯矫ㄢ�鈥斆ヅ锯�猫鈥炩劉猫艗聽猫鈥炩�氓啪鈥灻ㄢ�鈩⒚ヅ锯�猫艩鈥櫭┧喡捖犆⑺喡睹ヂ伮捙久モ�拢茂驴陆猫鈥炩�茅拧鈥犆ㄢ�鈩⒚ㄅ捖犆ㄅ犫�茅藛搂卯茠聽芒藛露氓鈥犅Ｃ柯矫ㄢ�鈥斆ヂ嵚⒚ㄢ�鈩⒚ㄅ捖犆ㄢ�聺茅藛楼忙芦颅氓鈥ε该⑩�拧芒鈥樎┟柯矫ヂ嵚⒚ㄢ�艙茅拧鈥犆ㄢ�鈩⒚ㄅ捖犆ㄅ犫�茅藛搂卯茠聽芒藛露氓鈥犅Ｃ柯矫ㄢ�鈥斆┞孤�**********/



@media(max-width: 1499px) {
    .container {
        width: 1200px;
    }

    .nav-list>li {
        /* margin-left: 30px; */
    }

    .slick-dots {
        bottom: 150px;
    }

    .swiper-button-prev,
    .swiper-button-next {
        height: 580px;
        width: 80px;
    }

    .video-zp {
        height: 560px;
    }

    .fix-box {
        right: 10px;
    }

    .footer-w {
        margin-right: 150px;
    }

    .right-width {
        width: 850px;
    }

    .fl-lb-box .swiper-button-next {
        height: 428px;
        top: 20px;
    }

    .fl-lb-box .swiper-button-prev {
        height: 428px;
        top: 20px;
    }
}

@media(max-width: 1279px) {
    .container {
        width: 970px;
    }

    .logo img {
        width: 300px;
    }

    .nav-list>li {
        /* margin-top: 35px; */
        margin-left: 20px;
    }

    .slick-dots {
        bottom: 120px;
    }

    .lb-box {
        margin-left: -300px;
        margin-right: -300px;
    }

    .video-zp {
        height: 424px;
    }

    .swiper-button-prev,
    .swiper-button-next {
        height: 446px;
        width: 90px;
    }

    .swiper-button-prev {
        left: 280px;
    }

    .swiper-button-next {
        right: 280px;
    }

    .footer-w {
        margin-right: 70px;
    }

    .right-width {
        width: 650px;
    }

    .fl-lb-box .swiper-button-next {
        height: 326px;
        top: 20px;
    }

    .fl-lb-box .swiper-button-prev {
        height: 326px;
        top: 20px;
    }
}

@media(max-width: 991px) {
    .container {
        width: 100%;
    }

    .logo {
        padding: 0;
    }

    .header,
    .nav-box {
        padding: 0 15px;
    }

    .header {
    }

    .search-width {
        width: 300px;
        padding-right: 60px;
    }

    .search-width .form-control {
        height: 40px;
    }

    .btn-search,
    .btn-search:hover,
    .btn-search:focus {
        width: 60px;
        height: 40px;
    }

    .search-box {
        padding: 20px 0;
    }

    .logo img {
        width: auto;
        height: 30px;
    }

    .nav-list li {
        margin-top: 35px;
    }

    .nav-list {
        position: absolute;
        left: 0;
        top: 100%;
        box-shadow: 1px 2px 3px #ddd;
        right: 0;
        background: #fff;
        border-top: solid 1px #ddd;
        display: none;
        width: 115px;
        right: -5px;
        left: auto;
    }

    .nav-list li {
        float: none;
        margin: 0;
        width: auto;
        margin-left: 15px !important;
        text-align: left;
    }

    .nav-list li:hover .nav-down {
        display: none;
    }

    .nav-list li a {
        line-height: 40px;
        font-size: 16px;
        padding: 0 15px 0 0;
        color: #333;
    }

    .header-show {
        background: #fff;
        height: 80px;
        box-shadow: 1px 2px 10px rgba(254, 150, 37, 0.2);
    }

    .header-show .logo-img {
        display: none;
    }

    .header-show .logo-img02 {
        display: inline-block;
    }

    .header {
        position: relative;
        background: #debb29;
        color: #fff;
    }

    .header a {
        color: #fff;
    }

    body {
        padding-top: 80px;
    }

    .page-box .nav-list {
        background: #fff;
        top: 40px;
        max-height: 80vh;
        overflow-y: auto;
        width: 110px;
        right: 0;
        left: auto;
    }

    .page-box .nav-box .nav-list li {
        margin: 0;
    }

    .slick .slick-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        background-size: cover;
    }

    .slick .slick-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        background-size: cover;
    }

    .slick-dots {
        left: 0;
        right: 0;
        bottom: 20px;
    }

    .slick-dots li {
        display: inline-block;
        border-radius: 50%;
    }

    .slick-dots li,
    .slick-dots li button {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
    }

    .fix-box {
        display: none;
    }

    .menu-button {
        display: block;
        top: 12px;
    }

    .news-list li {
        width: 100%;
    }

    .news-list {
        margin: 20px 0;
    }

    .news-list-box {
        padding: 0;
        box-shadow: none !important;
    }

    .news-list-tt {
        margin-top: 15px;
    }

    .news-list-p {
        margin: 5px 0 15px 0;
    }

    .news-back-box .col-xs-6 {
        width: 100%;
        padding: 0 15px;
    }

    .news-back-box .row {
        margin: 0 -15px;
    }

    .news-back-tt {
        font-size: 24px;
        line-height: 24px;
    }

    .news-back-tt span {
        font-size: 14px;
    }

    .news-back-box {
        padding: 20px 0;
    }

    .tt-more {
        font-size: 14px;
        margin-top: 30px;
    }

    .news-link {
        padding: 15px;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .xy-p,
    .dt-tt {
        margin-top: 15px;
    }

    .tabs-ul li a {
        font-size: 18px;
        padding: 0 10px;
        line-height: 18px;
        height: 18px;
    }

    .tabs-ul li {
        margin-top: 20px;
    }

    .tabs-ul {
        margin-left: -10px;
    }

    .tabs-tt {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .tabs-news-list li {
        width: 100%;
    }

    .tabs-news-more a {
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .tabs-lind {
        padding-bottom: 1px;
        margin-bottom: 20px;
    }

    .zy-list li {
        width: 33.333333%;
        margin-bottom: 20px;
    }

    .zy-tt {
        margin-top: 5px;
    }

    .zy-tt a {
        font-size: 14px;
    }

    .sz-back {
        margin-top: 20px;
        padding: 10px 0 20px 0;
        margin-bottom: 20px;
    }

    .sl-ul li {
        padding: 0 10px;
    }

    .sl-ul {
        margin: 0 -10px;
    }

    .sz-name a {
        font-size: 14px;
    }

    .sz-name {
        margin: 10px 0;
    }

    .sz-p {
        font-size: 12px;
    }

    .lb-box {
        margin: 20px -50px;
        position: relative;
    }

    .lb-box img,
    .video-zp {
        height: 18vh;
    }

    .video-zp {
        margin-bottom: -5px;
    }

    .swiper-slide:before {
        display: block;
        content: "";
        z-index: 100;
        left: 0px;
        right: 0;
        height: 18vh;
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
    }

    .swiper-button-prev,
    .swiper-button-next {
        height: 18.1vh;
        top: 20px;
        width: 16%;
    }

    .swiper-slide-active:before {
        display: none;
    }

    .swiper-button-prev {
        left: 30px;
        background: url(../images/left.png) center no-repeat !important;
        outline: none !important;
    }

    .swiper-button-next {
        right: 30px;
        background: url(../images/right.png) center no-repeat !important;
        outline: none !important;
    }

    .fl-lb-box .swiper-button-next {
        height: 18vh;
        top: 20px;
    }

    .fl-lb-box .swiper-button-prev {
        height: 18vh;
        top: 20px;
    }

    .slick .slick-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        background: url(../images/left02.png) center no-repeat;
        background-size: cover;
        left: 6%;
        display: block !important;
        text-indent: -9999px;
    }

    .slick .slick-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        background: url(../images/right02.png) center no-repeat;
        background-size: cover;
        right: 6%;
        display: block !important;
        text-indent: -9999px;
    }

    .swiper-button-prev.swiper-button-disabled {
        background: rgba(0, 0, 0, 0.5) url(../images/left.png) center no-repeat !important;
    }

    .swiper-button-next.swiper-button-disabled {
        background: rgba(0, 0, 0, 0.5) url(../images/right.png) center no-repeat !important;
    }

    .td-list li {
        margin-right: 5px;
    }

    .footer-w {
        margin: 0;
        width: 40%;
    }

    .footer-w-l {
        width: 60%;
    }

    .footer-w-r {
        width: 215px;
    }

    .ewm img {
        width: 80px;
    }

    .ewm {
        margin-top: 50px;
    }

    .footer {
        padding-top: 20px;
    }

    .zp-tt a {
        font-size: 14px;
    }

    .footer-p {
        margin-top: 20px;
        padding: 10px 0;
        font-size: 12px;
    }

    .nav-down {
        position: static;
    }

    .nav-down li a {
        text-align: left;
    }

    .nav-click {
        display: block;
        z-index: 10000;
        position: absolute;
        color: #333;
        right: 0;
        top: 0;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
    }

    .nav-down {
        background: #debb29;
    }

    .nav-down li a {
        color: #fff !important;
    }

    .nav-down li a:hover {
        color: #333 !important;
    }

    .list-banner {
        margin: 0;
    }

    .left-width {
        padding: 10px 0;
        width: 100%;
    }

    .left-width-tt {
        line-height: 40px;
        padding-left: 20px;
        height: 40px;
        font-size: 18px;
    }

    .left-width-nav li {
        padding: 0 20px;
    }

    .left-width-nav li a {
        line-height: 50px;
    }

    .right-width {
        width: 100%;
        margin-top: 20px;
    }

    .right-top-tt {
        width: 100%;
        line-height: 45px;
    }

    .nav-b {
        width: 100%;
        line-height: 45px;
    }

    .right-width-ul li span font {
        display: none;
    }

    .right-width-ul li {
        padding-right: 170px;
    }

    .pagination {
        margin: 30px 0;
    }

    .article-tt {
        font-size: 18px;
        padding: 0 0 20px 0;
    }

    .article-box {
        padding: 25px 0;
        margin: 25px 0;
    }

    .article-box p {
        font-size: 14px;
        line-height: 28px;
    }

    .article-link p a {
        font-size: 14px;
    }

    .article-link {
        margin-bottom: 30px;
    }

    .news-list-tow .news-list-tt {
        margin: 15px 15px 0 15px;
    }

    .news-list-tow {
        background: none;
        margin: 15px 0;
        box-shadow: none;
    }

    .date-icon {
        margin: -10px 15px;
    }

    .news-list-tow li {
        margin-bottom: 35px;
    }

    .gk-tt {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .gk-tt span {
        font-size: 14px;
    }

    .gk-tt a {
        font-size: 14px;
        margin-top: 13px;
    }

    .news-back-box .col-xs-6:last-child .gk-tt {
        margin-top: 20px;
    }

    .dt-ul-img img {
        width: 100px;
        height: 70px;
    }

    .dt-ul-right {
        margin: 0 0 0 110px;
    }

    .dt-ul-tt {
        margin-top: 0;
    }

    .dt-ul-tt a {
        font-size: 16px;
    }

    .dt-ul-p {
        margin-top: 0px;
        line-height: 25px;
        height: 50px;
        overflow: hidden;
    }

    .dt-ul li {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .qimo8 .qimo ul li img {
        width: 220px;
        height: 150px;
        margin-bottom: 10px;
    }

    .qimo8 .qimo ul li {
        width: 220px;
    }

    .js-tt-box {
        margin-top: 20px;
    }

    .fc-back {
        margin-top: 20px;
        padding: 0 0 20px 0;
    }

    .teach-img img {
        width: 125px;
        height: 165px;
    }

    .teach-right {
        margin-left: 135px;
        margin-top: 10px;
    }

    .teach-tt a {
        font-size: 16px;
    }

    .teach-p p {
        font-size: 14px;
        line-height: 25px;
    }

    .teach-p {
        height: 75px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .teach-tt {
        margin-bottom: 10px;
    }

    .teach-a a {
        font-size: 16px;
    }

    .teach-list li {
        padding: 20px 0;
    }

    .img-list-ul li {
        width: 50%;
        margin-bottom: 15px;
    }

    .img-tt {
        margin-top: 5px;
    }
}

@media (max-width:576px) {

    .header,
    .nav-box {
        padding: 0 5px;
        height: 40px;
    }

    .nav-list li:hover .nav-down {
        width: 100%;
    }

    .nav-down li a {
        line-height: 24px;
    }

    .bottom-right {
        margin-top: 0.5rem;
    }
}



/***********猫鈥炩劉忙聬鈥毭ㄢ�鈥斆┞┞疵ㄢ�鈥斆︹�猫鈥炩劉忙录聫猫鈥炩�茅拧鈥犆ㄢ�鈥斆⑴�**********/


.pagination1 {
    display: inline-block;
    margin: 50px 0 90px 0;
}

.headStyle .PrevDisabled,
.headStyle .NextDisabled,
.headStyle .Next,
.headStyle .Prev,
.defaultButtonStyle1 {
    border: 1px solid #eee;
    display: inline-block;
    margin: 0 2px;
    line-height: 26px;
    height: 26px;
    font-size: 1.2rem;
    padding: 0 8px;
}

.pagination1 table {
    font-size: 1.2rem;
}

.defaultButtonStyle1 {
    font-size: 1.2rem;
    color: #333;
}

.defaultButtonStyle1:hover {
    color: #fff;
    background: #debb29;
}

.defaultInputStyle1 {
    font-size: 1.2rem;
    display: inline-block;
    margin: 0 4px 0 2px;
    height: 24px;
    line-height: 24px;
}

.headStyle .Next,
.headStyle .Prev {
    background: #debb29;
    font-size: 1.2rem;
    color: #fff;
}


span.nav-click {
    padding: 0 !important;
}

span.nav-click span {
    padding: 0 !important;
}

.header,
.nav-box {
    position: absolute;
    /* z-index: 1000; */
    /* color: #999; */
    /* left: 0; */
    top: 0;
    /* right: 0; */
    background: #000;
    background: rgba(0, 0, 0, 0.5);
    /* height: 40px; */
    /* line-height: 40px; */
    /* padding:0 6%; */
}

.header a {
    color: #ccc;
}

.header span {
    padding: 0 5px;
}

.slick {
    overflow: hidden;
    margin: 0;
}

.nav-box {
    top: 40px;
    background: none;
}

.logo {
    padding: 15px 0;
}

.nav-list li {
    float: left;
    margin: 30px 0 0 35px;
    position: relative;
}

.nav-list>li>a:hover {
    color: #debb29;
}

.nav-list li a {
    font-size: 18px;
    color: #fff;
    line-height: 40px;
    display: inline-block;
}

.nav-list li:hover a {
    border-bottom: solid 1px #fff;
}

.nav-down {
    position: absolute;
    display: none;
    min-width: 21rem;
    padding: 10px 0;
    left: -75px;
    top: 100%;
    background: #000;
    background: rgba(0, 0, 0, 0.6);
}

.nav-list li:hover .nav-down {
    display: block;
}

.nav-down li {
    margin: 0;
    float: none;
}

.nav-down li a {
    font-size: 15px;
    line-height: 35px;
    border: none !important;
    text-align: center;
    display: block;
    padding: 0 2rem;
}

.nav-down li a:hover {
    color: #debb29;
}

.slick .slick-prev {
    width: 70px;
    height: 70px;
    /* display: none!important; */
    background: url(../images/left.png) center no-repeat;
    margin-top: -35px;
    left: 6%;
    text-indent: -9999px;
}

.slick .slick-next {
    width: 70px;
    /* display: none!important; */
    height: 70px;
    background: url(../images/right.png) center no-repeat;
    margin-top: -35px;
    right: 6%;
    text-indent: -9999px;
}

.slick .slick-dots {
    left: 6%;
    right: auto;
    width: auto;
    margin: 0 0 0 20px;
    bottom: 170px;
}

.slick .slick-dots li,
.slick-dots li button {
    display: block;
    padding: 0;
    float: none !important;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
}

.slick .slick-dots li.slick-active {
    background: #31cec2;
}

.slick .slick-dots li button:before {
    display: none;
}

.news-list li {
    float: left;
    width: 33.333333%;
}

.news-list {
    margin: 40px 0 20px 0;
}

.news-list-box {
    padding: 20px;
    transition: 0.5s all;
}

.news-list-box:hover {
    box-shadow: 0 0 10px #ddd;
}

.news-list-box .img-hide a {
    display: block;
    position: relative;
}

.news-list-box .img-hide img {
    width: 100%;
}

.news-list-box .img-hide a span {
    position: absolute;
    left: 0;
    bottom: 20px;
    font-size: 16px;
    color: #fff;
    width: 150px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #1e57f8;
    background: linear-gradient(to right, #1e57f8, #37bfc1);
    background: -webkit-linear-gradient(left, #1e57f8, #37bfc1);
    background: -o-linear-gradient(right, #1e57f8, #37bfc1);
    background: -moz-linear-gradient(right, #1e57f8, #37bfc1);
}

.news-list-tt a {
    font-size: 18px;
    color: #555;
}

.news-list-tt a:hover {
    color: #0037b6;
}

.news-list-tt {
    margin-top: 45px;
}

.news-list-p {
    color: #777;
    line-height: 30px;
    margin-top: 15px;
    overflow: hidden;
}

.news-back-box {
    background: #f2f2f2;
    padding: 70px 0;
    overflow: hidden;
}

.news-back-tt {
    font-size: 30px;
    color: #0037b6;
    line-height: 35px;
}

.news-back-tt span {
    font-size: 16px;
    color: #ccc;
}

.tt-more {
    font-size: 16px;
    color: #333;
    margin-top: 40px;
    display: inline-block;
}

.news-link {
    padding: 30px;
    background: #fff;
    margin-top: 25px;
    transition: 0.5s all;
}

.news-back-box .col-xs-6 {
    padding: 0 25px;
}

.news-back-box .row {
    margin: 0 -25px;
}

.xy-p p {
    color: #fff;
    margin: 0;
    line-height: 30px;
    color: #777;
}

.xy-p {
    margin-top: 35px;
}

.about-a {
    width: 24px;
    height: 12px;
    background: url(../images/raw01.png) center no-repeat;
    display: inline-block;
    margin-top: 20px;
}

.news-link:hover {
    background: #1e57f8;
    background: linear-gradient(to right, #1e57f8, #37bfc1);
    background: -webkit-linear-gradient(left, #1e57f8, #37bfc1);
    background: -o-linear-gradient(right, #1e57f8, #37bfc1);
    background: -moz-linear-gradient(right, #1e57f8, #37bfc1);
}

.news-link:hover .xy-p p {
    color: #fff;
}

.news-link:hover .about-a {
    background: url(../images/raw.png) center no-repeat;
}

.dt-tt {
    margin-top: 35px;
}

.dt-tt a {
    font-size: 18px;
    color: #555;
}

.dt-date {
    color: #999;
    margin: 11px 0 10px 0;
}

.dt-p {
    color: #777;
    line-height: 27px;
    height: 54px;
    overflow: hidden;
}

.news-link:hover .dt-tt a,
.news-link:hover .dt-date,
.news-link:hover .dt-p {
    color: #fff;
}

.tabs-ul li {
    float: left;
    margin-top: 65px;
}

.tabs-ul {
    margin-left: -18px;
}

.tabs-ul li a {
    display: block;
    padding: 0 18px;
    border-right: solid 1px #dbdbdb;
    font-size: 30px;
    color: #333;
    height: 30px;
    line-height: 30px;
}

.tabs-ul li:last-child a {
    border: none;
}

.tabs-ul li.active a,
.tabs-ul li a:hover {
    color: #0037b6;
}

.tabs-tt {
    font-size: 16px;
    color: #ccc;
    padding: 20px 0 40px 0;
    border-bottom: solid 1px #ededed;
    margin-bottom: 45px;
}

.tabs-tt a {
    float: right;
}

.tabs-box {
    overflow: hidden;
}

.tabs-news-list-box {
    padding-left: 100px;
    position: relative;
}

.tabs-news-list li {
    float: left;
    width: 33.333333%;
    padding: 0 65px;
}

.tabs-news-list {
    margin: 0 -65px;
}

.list-date {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 25px;
    padding-top: 14px;
    width: 74px;
    height: 74px;
    background: #eee;
    text-align: center;
    font-size: 40px;
    color: #0037b6;
}

.list-date span {
    font-size: 14px;
}

.tabs-news-list-tt {
    font-size: 16px;
    color: #555;
    line-height: 30px;
    height: 60px;
    overflow: hidden;
}

.tabs-news-list-p {
    font-size: 14px;
    color: #777;
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    text-align: justify;
    margin-top: 10px;
}

.tabs-news-more a {
    font-size: 14px;
    color: #555;
    margin-top: 30px;
    display: inline-block;
}

.tabs-lind {
    border-bottom: solid 1px #ededed;
    padding-bottom: 45px;
    margin-bottom: 55px;
}

.tabs-news-list-tt a:hover {
    color: #0037b6;
}

.list-date:hover {
    background: #1e57f8;
    background: linear-gradient(to right, #1e57f8, #37bfc1);
    background: -webkit-linear-gradient(left, #1e57f8, #37bfc1);
    background: -o-linear-gradient(right, #1e57f8, #37bfc1);
    background: -moz-linear-gradient(right, #1e57f8, #37bfc1);
    color: #fff;
}

.js-tt {
    color: #333;
    margin-bottom: 30px;
}

.zy-tt a {
    font-size: 16px;
    color: #555;
}

.zy-tt {
    margin-top: 15px;
}

.zy-list li {
    float: left;
    width: 20%;
    padding: 0 15px;
}

.zy-list {
    margin: 0 -15px;
}

.sz-back {
    background: #1e57f8;
    background: linear-gradient(to right, #1e57f8, #37bfc1);
    background: -webkit-linear-gradient(left, #1e57f8, #37bfc1);
    background: -o-linear-gradient(right, #1e57f8, #37bfc1);
    background: -moz-linear-gradient(right, #1e57f8, #37bfc1);
    margin-top: 70px;
    padding-bottom: 80px;
    margin-bottom: 70px;
}

.sz-back .tabs-ul li a {
    color: #e5e5e5;
    border-color: #31cec2;
}

.sz-back .tabs-ul li.active a,
.sz-back .tabs-ul li a:hover {
    color: #fff;
}

.sz-back .tabs-tt {
    color: #fff;
    border: none;
    padding-bottom: 10px;
}

.sz-back .tabs-tt a {
    color: #fff;
}

.sz-name a {
    font-size: 18px;
    color: #fff;
}

.sz-name {
    margin: 25px 0 15px 0;
}

.sz-p {
    font-size: 16px;
    color: #fff;
}

.sl-ul li {
    float: left;
    width: 33.333333%;
    padding: 0 50px;
}

.sl-ul {
    margin: 0 -50px;
}

.news-back-tt {
    position: relative;
}

.news-back-tt a {
    position: absolute;
    right: 0;
    font-size: 16px;
    color: #777;
}

.lb-box {
    margin: 40px -425px 70px -425px;
}

.lb-box img {
    width: 100%;
}

.zp-tt a {
    font-size: 18px;
    color: #333;
}

.zp-tt {
    margin-top: 20px;
}

.swiper-button-prev {
    left: 410px;
    width: 145px;
    height: 652px;
    top: 0;
    background: rgba(0, 0, 0, 0.3) url(../images/left.png) center no-repeat;
}

.swiper-button-next {
    right: 410px;
    width: 145px;
    height: 652px;
    top: 0;
    background: rgba(0, 0, 0, 0.3) url(../images/right.png) center no-repeat;
}

.swiper-button-prev:hover {
    background: rgba(50, 88, 197, 0.9) url(../images/left.png) center no-repeat;
}

.swiper-button-next:hover {
    background: rgba(50, 88, 197, 0.9) url(../images/right.png) center no-repeat;
}

.footer {
    /* background: #333; */
    /* padding-top: 45px; */
}

.footer-tt {
    font-size: 18px;
    color: #ccc;
    margin-bottom: 15px;
}

.td-list li {
    margin-bottom: 10px;
    color: #999;
}

.td-list li a {
    color: #999;
}

.footer-w {
    margin-right: 210px;
}

.td-list {
    max-width: 220px;
}

.td-list li {
    margin-right: 20px;
    width: 84px;
}

.td-list-r li {
    width: auto;
    margin-right: 0;
}

.ewm {
    color: #999;
}

.ewm img {
    margin-bottom: 10px;
}

.footer-p {
    border-top: solid 1px #5c5c5c;
    padding: 20px 0;
    color: #999;
    margin-top: 40px;
}

.td-list li a:hover,
.news-back-tt a:hover,
.zy-tt a:hover,
.tabs-news-more a:hover {
    color: #31cec2;
}

.video-zp {
    width: 100%;
    height: 630px;
    background: #000;
}

.search-box {
    position: fixed;
    display: none;
    left: 0;
    right: 0;
    top: 40px;
    background: rgba(0, 0, 0, 0.6);
    padding: 105px 0;
    z-index: 10000000;
}

.search-width {
    width: 700px;
    margin: 0 auto;
    background: #fff;
    position: relative;
    padding-right: 100px;
}

.search-width .form-control {
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: 50px;
}

.btn-search,
.btn-search:hover,
.btn-search:focus {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    border-radius: 0;
    height: 50px;
    background: #debb29 url(../images/icon-search.png) center no-repeat;
}

.header {
    z-index: 100000000;
}

.header a {
    position: relative;
    z-index: 10000;
}

.header a span {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 130px;
    display: none;
    padding-top: 11px;
    margin-left: -65px;
    z-index: 10000;
}

.header a:hover span {
    display: block;
}

.fix-box {
    position: fixed;
    right: 75px;
    bottom: 50px;
    background: #ebebeb;
    padding: 10px;
    z-index: 1000;
}

.fix-ewm {
    width: 130px;
    text-align: center;
    background: #fff;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.zs-phone {
    background: #fff;
    margin-bottom: 2px;
    font-size: 16px;
    color: #333;
    text-align: center;
    padding: 15px 0;
    position: relative;
}

.zs-phone span {
    padding-left: 30px;
    background: url(../images/icon-phone.png) left center no-repeat;
}

.zs-list {
    position: absolute;
    margin-right: 5px;
    display: none;
    font-size: 14px;
    bottom: 0;
    right: 100%;
    background: #d4d4d4;
    width: 170px;
    padding: 10px;
}

.zs-list li {
    line-height: 25px;
}

.dq-phone:hover .zs-list {
    display: block;
}

.dq-phone {
    text-align: center;
    background: #d4d4d4;
    padding: 10px;
    margin-top: 5px;
    position: relative;
}

.header-show {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 100000;
}

.header-show.page-box {
    background: #fff;
    box-shadow: 1px 2px 10px rgba(254, 150, 37, 0.2);
    opacity: 0.9;
    filter: alpha(opacity=70);
}

.logo-img02,
.header-show.page-box .logo-img {
    display: none;
}

.header-show.page-box .logo-img02 {
    display: inline-block;
}

.xy-p {
    height: 120px;
    overflow: hidden;
}

.menu-button {
    position: absolute;
    display: none;
    top: 18px;
    right: 15px;
    z-index: 1000;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
}

.menu-button .bar:nth-of-type(1) {
    margin-top: 0px;
}

.menu-button .bar:nth-of-type(3) {
    margin-bottom: 0px;
}

.bar {
    position: relative;
    display: block;
    width: 24px;
    height: 2px;
    margin: 5px auto;
    background-color: #debb29;
    border-radius: 10px;
    -webkit-transition: .3s;
    transition: .3s;
}

.cross {
    margin-top: -8px;
}

.cross .bar {
    margin: 13px auto;
}

.cross .bar:nth-of-type(1) {
    -webkit-transform: translateY(15px) rotate(-45deg);
    -ms-transform: translateY(15px) rotate(-45deg);
    transform: translateY(15px) rotate(-45deg);
}

.cross .bar:nth-of-type(2) {
    opacity: 0;
}

.cross .bar:nth-of-type(3) {
    -webkit-transform: translateY(-15px) rotate(45deg);
    -ms-transform: translateY(-15px) rotate(45deg);
    transform: translateY(-15px) rotate(45deg);
}

/************猫鈥炩劉猫艗聽猫鈥灺澝┧喡ッβモ�拢茂驴陆猫艩鈥櫭┧喡捖矫ヅ犫�猫鈥炩劉猫艗聽猫艩鈥櫭┧喡捖澝犫�氓鈥ε该⑩�拧芒鈥樎┟柯矫ヂ嵚⒚ㄅ犫�茅藛楼莽聛潞芒鈥櫯∶モ�陇忙聧鈥斆モ�聫茂驴陆猫鈥炩劉氓啪鈥灻ㄅ犫�茅藛楼忙炉卢卯茠啪氓聬垄芒藛露氓鈥βっβ嶁�芒鈥樎┟ヂ佲�忙鈥孤ㄢ�鈩⒚┧喡ッβヂ伮幝趁モ�陇忙聧鈥斆モ�聫茂驴陆猫鈥炩劉茅藛楼莽艩鈥犆⑩�漏氓聛鈥溍┧喡┟⑩�拧氓鈥βっβ嶁�氓聛庐芒鈥櫯∶モ�鸥芒鈥櫯∶⑩�漏氓聛鈥溍︹�搂猫鈥炩�氓聧垄猫鈥炩劉茅藛楼脦鲁氓聛庐芒藛露氓鈥βっβ嶁�氓鈥斅徝柯矫ㄢ�鈩⒚ヅ锯�猫艩鈥櫭┧喡ッβ捙久ヂ惵⒚⑺喡睹モ�陇忙聧鈥斆⑩�漏氓聛鈥溍︹�搂猫鈥炩劉茅藛楼忙炉颅氓聛庐芒藛露氓鈥βっβ嶁�氓鈥斅徝柯矫ㄢ�鈩⒚┧喡ッ犫�芒鈥樎┟ヂ佲�茅藛漏芒鈥櫯∶モ�陇忙聧鈥斆ヂ伮⑩�拧氓鈥ε该⑩�拧芒鈥樎┟ヂ佲�忙鈥孤ㄢ�鈥斆ヂ嵚⒚ㄢ�鈩⒚┧喡ッβヂ伮ヂр�氓鈥βっβ嶁�氓鈥斅徝柯矫ㄢ�鈩⒚┧喡ッβヂ伮⑩�拧氓鈥βっβ嶁�氓聛庐芒鈥櫯∶モ�鸥芒鈥櫯∶⑩�漏茂驴陆氓聧垄猫鈥炁撁┡♀�猫鈥炩劉茅藛楼忙炉颅氓聛庐卯茠啪氓鈥βっβ嶁�芒鈥樎┟ヂ佲�忙鈥孤ㄢ�鈩⒚┧喡ッβヂ伮犫�氓鈥βっβ嶁�氓鈥斅徝柯矫ㄢ�鈩⒚┧喡ッ犫�芒鈥樎┟ヂ佲�茅藛漏芒鈥櫯∶モ�陇忙聧鈥斆⑩�漏氓聛鈥溍伮矫ㄢ�鈩⒚ヅ锯�猫艩鈥櫭┧喡ッβ捙久⑩�漏茂驴陆氓啪鈥灻ㄢ�鈩⒚ㄅ捖犆ㄢ�聺茅藛楼忙芦颅氓鈥ε该⑩�拧芒鈥樎┟柯矫ヂ嵚⒚ㄢ�艙茅拧鈥犆ㄢ�鈩⒚ㄅ捖犆ㄅ犫�茅藛搂卯茠聽芒藛露氓鈥犅Ｃ柯矫ㄢ�鈥斆┾劉鈥∶ㄢ�鈩⒚ㄅ捖犆ㄢ�聺茅藛楼忙芦颅氓鈥犅Ｃ柯矫ㄅ犫�茅藛搂卯茠陆氓艩鈥懊ㄢ�鈩⒚ㄅ捖犆ㄢ�鈥斆ヅ锯�猫鈥炩劉氓啪鈥灻ㄅ犫�茅藛搂卯茠聽芒藛露氓聛庐卯茠啪氓鈥犅Ｃ柯矫ㄢ�鈥斆┡♀�猫鈥炩劉猫艗聽猫鈥灺澝┧喡ッβモ�鸥芒鈥櫯∶⑩�漏茂驴陆氓聧垄猫鈥炁撁┡♀�猫鈥炩劉猫艗聽猫艩鈥櫭┧喡捖犆⑺喡睹モ�拢茂驴陆猫鈥炩�忙藛庐猫鈥炩劉猫艗聽猫鈥灺澝┧喡ッβモ�拢茂驴陆猫艩鈥櫭┧喡捖矫ヅ犫�猫鈥炩劉猫艗聽猫艩鈥櫭┧喡捖犆⑺喡睹モ�拢茂驴陆猫鈥炩�氓啪鈥灻ㄢ�鈩⒚ㄅ捖犆ㄢ�聺茅藛楼忙芦颅氓鈥犅Ｃ柯矫ㄢ�鈥斆ヅ锯�猫鈥炩劉猫艗聽猫鈥炩�氓啪鈥灻ㄢ�鈩⒚ヅ锯�猫艩鈥櫭┧喡捖犆⑺喡睹ヂ伮捙久モ�拢茂驴陆猫鈥炩�茅拧鈥犆ㄢ�鈩⒚ㄅ捖犆ㄅ犫�茅藛搂卯茠聽芒藛露氓鈥犅Ｃ柯矫ㄢ�鈥斆ヂ嵚⒚ㄢ�鈩⒚ㄅ捖犆ㄢ�聺茅藛楼忙芦颅氓鈥ε该⑩�拧芒鈥樎┟柯矫ヂ嵚⒚ㄢ�艙茅拧鈥犆ㄢ�鈩⒚ㄅ捖犆ㄅ犫�茅藛搂卯茠聽芒藛露氓鈥犅Ｃ柯矫ㄢ�鈥斆┞孤�**********/



@media(max-width: 1499px) {
    .container {
        width: 1200px;
    }

    .nav-list>li {
        /* margin-left: 30px; */
    }

    .slick-dots {
        bottom: 150px;
    }

    .swiper-button-prev,
    .swiper-button-next {
        height: 580px;
        width: 80px;
    }

    .video-zp {
        height: 560px;
    }

    .fix-box {
        right: 10px;
    }

    .footer-w {
        margin-right: 150px;
    }

    .right-width {
        width: 850px;
    }

    .fl-lb-box .swiper-button-next {
        height: 428px;
        top: 20px;
    }

    .fl-lb-box .swiper-button-prev {
        height: 428px;
        top: 20px;
    }
}

@media(max-width: 1279px) {
    .container {
        width: 970px;
    }

    .logo img {
        width: 300px;
    }

    .nav-list>li {
        /* margin-top: 35px; */
        margin-left: 20px;
    }

    .slick-dots {
        bottom: 120px;
    }

    .lb-box {
        margin-left: -300px;
        margin-right: -300px;
    }

    .video-zp {
        height: 424px;
    }

    .swiper-button-prev,
    .swiper-button-next {
        height: 446px;
        width: 90px;
    }

    .swiper-button-prev {
        left: 280px;
    }

    .swiper-button-next {
        right: 280px;
    }

    .footer-w {
        margin-right: 70px;
    }

    .right-width {
        width: 650px;
    }

    .fl-lb-box .swiper-button-next {
        height: 326px;
        top: 20px;
    }

    .fl-lb-box .swiper-button-prev {
        height: 326px;
        top: 20px;
    }
}

@media (max-width:1280px) {
    .nav-list li {
        margin: 30px 0 0 42px;
    }

    .nav-down li {
        margin-left: 0px;
        margin-top: 5px;
    }

    .nav-down {
        min-width: 18rem;
    }
}

@media(max-width: 991px) {
    .container {
        width: 100%;
    }

    .logo {
        padding: 0;
    }

    .header,
    .nav-box {
        padding: 0 15px;
    }

    .header {
    }

    .search-width {
        width: 300px;
        padding-right: 60px;
    }

    .search-width .form-control {
        height: 40px;
    }

    .btn-search,
    .btn-search:hover,
    .btn-search:focus {
        width: 60px;
        height: 40px;
    }

    .search-box {
        padding: 20px 0;
    }

    .logo img {
        width: auto;
        height: 30px;
    }

    .nav-list li {
        margin-top: 35px;
    }

    .nav-list {
        position: absolute;
        left: 0;
        top: 0;
        box-shadow: 1px 2px 3px #ddd;
        right: 0;
        background: #fff;
        border-top: solid 1px #ddd;
        display: none;
        width: 200px;
        right: -15px;
        left: auto;
    }

    .nav-list li {
        float: none;
        margin: 0;
        width: auto;
        margin-left: 15px !important;
        text-align: left;
    }

    .nav-list li:hover .nav-down {
        display: none;
    }

    .nav-list li a {
        line-height: 40px;
        font-size: 16px;
        padding: 0 15px 0 0;
        color: #333;
    }

    .header-show {
        background: #fff;
        height: 80px;
        box-shadow: 1px 2px 10px rgba(254, 150, 37, 0.2);
    }

    .header-show .logo-img {
        display: none;
    }

    .header-show .logo-img02 {
        display: inline-block;
    }

    .header {
        position: relative;
        background: #debb29;
        color: #fff;
    }

    .header .pull-right{height:40px;}

    .header a {
        color: #fff;
    }

    body {
        padding-top: 80px;
    }

    .page-box .nav-list {
        background: #fff;
        top: 0;
        max-height: 80vh;
        overflow-y: auto;
        width: 200px;
        right: -15px;
        left: auto;
    }

    .page-box .nav-box .nav-list li {
        margin: 0;
    }

    .slick .slick-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        background-size: cover;
    }

    .slick .slick-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        background-size: cover;
    }

    .slick-dots {
        left: 0;
        right: 0;
        bottom: 20px;
    }

    .slick-dots li {
        display: inline-block;
        border-radius: 50%;
    }

    .slick-dots li,
    .slick-dots li button {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
    }

    .fix-box {
        display: none;
    }

    .menu-button {
        display: block;
        top: 12px;
    }

    .news-list li {
        width: 100%;
    }

    .news-list {
        margin: 20px 0;
    }

    .news-list-box {
        padding: 0;
        box-shadow: none !important;
    }

    .news-list-tt {
        margin-top: 15px;
    }

    .news-list-p {
        margin: 5px 0 15px 0;
    }

    .news-back-box .col-xs-6 {
        width: 100%;
        padding: 0 15px;
    }

    .news-back-box .row {
        margin: 0 -15px;
    }

    .news-back-tt {
        font-size: 24px;
        line-height: 24px;
    }

    .news-back-tt span {
        font-size: 14px;
    }

    .news-back-box {
        padding: 20px 0;
    }

    .tt-more {
        font-size: 14px;
        margin-top: 30px;
    }

    .news-link {
        padding: 15px;
        margin-top: 15px;
        margin-bottom: 20px;
    }

    .xy-p,
    .dt-tt {
        margin-top: 15px;
    }

    .tabs-ul li a {
        font-size: 18px;
        padding: 0 10px;
        line-height: 18px;
        height: 18px;
    }

    .tabs-ul li {
        margin-top: 20px;
    }

    .tabs-ul {
        margin-left: -10px;
    }

    .tabs-tt {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .tabs-news-list li {
        width: 100%;
    }

    .tabs-news-more a {
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .tabs-lind {
        padding-bottom: 1px;
        margin-bottom: 20px;
    }

    .zy-list li {
        width: 33.333333%;
        margin-bottom: 20px;
    }

    .zy-tt {
        margin-top: 5px;
    }

    .zy-tt a {
        font-size: 14px;
    }

    .sz-back {
        margin-top: 20px;
        padding: 10px 0 20px 0;
        margin-bottom: 20px;
    }

    .sl-ul li {
        padding: 0 10px;
    }

    .sl-ul {
        margin: 0 -10px;
    }

    .sz-name a {
        font-size: 14px;
    }

    .sz-name {
        margin: 10px 0;
    }

    .sz-p {
        font-size: 12px;
    }

    .lb-box {
        margin: 20px -50px;
        position: relative;
    }

    .lb-box img,
    .video-zp {
        height: 18vh;
    }

    .video-zp {
        margin-bottom: -5px;
    }

    .swiper-slide:before {
        display: block;
        content: "";
        z-index: 100;
        left: 0px;
        right: 0;
        height: 18vh;
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        top: 0;
    }

    .swiper-button-prev,
    .swiper-button-next {
        height: 18.1vh;
        top: 20px;
        width: 16%;
    }

    .swiper-slide-active:before {
        display: none;
    }

    .swiper-button-prev {
        left: 30px;
        background: url(../images/left.png) center no-repeat !important;
        outline: none !important;
    }

    .swiper-button-next {
        right: 30px;
        background: url(../images/right.png) center no-repeat !important;
        outline: none !important;
    }

    .fl-lb-box .swiper-button-next {
        height: 18vh;
        top: 20px;
    }

    .fl-lb-box .swiper-button-prev {
        height: 18vh;
        top: 20px;
    }

    .slick .slick-prev {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        background: url(../images/left02.png) center no-repeat;
        background-size: cover;
        left: 6%;
        display: block !important;
        text-indent: -9999px;
    }

    .slick .slick-next {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        background: url(../images/right02.png) center no-repeat;
        background-size: cover;
        right: 6%;
        display: block !important;
        text-indent: -9999px;
    }

    .swiper-button-prev.swiper-button-disabled {
        background: rgba(0, 0, 0, 0.5) url(../images/left.png) center no-repeat !important;
    }

    .swiper-button-next.swiper-button-disabled {
        background: rgba(0, 0, 0, 0.5) url(../images/right.png) center no-repeat !important;
    }

    .td-list li {
        margin-right: 5px;
    }

    .footer-w {
        margin: 0;
        width: 40%;
    }

    .footer-w-l {
        width: 60%;
    }

    .footer-w-r {
        width: 215px;
    }

    .ewm img {
        width: 80px;
    }

    .ewm {
        margin-top: 50px;
    }

    .footer {
        padding-top: 20px;
    }

    .zp-tt a {
        font-size: 14px;
    }

    .footer-p {
        margin-top: 20px;
        padding: 10px 0;
        font-size: 12px;
    }

    .nav-down {
        position: static;
    }

    .nav-down li a {
        text-align: left;
    }

    .nav-click {
        display: block;
        z-index: 10000;
        position: absolute;
        color: #333;
        right: 0;
        top: 0;
        width: 40px;
        height: 40px;
        text-align: center;
        line-height: 40px;
    }

    .nav-down {
        background: #debb29;
        margin-right: 56px;
    }

    .nav-down li a {
        color: #fff !important;
    }

    .nav-down li a:hover {
        color: #333 !important;
    }

    .list-banner {
        margin: 0;
    }

    .left-width {
        padding: 10px 0;
        width: 100%;
    }

    .left-width-tt {
        line-height: 40px;
        padding-left: 20px;
        height: 40px;
        font-size: 18px;
    }

    .left-width-nav li {
        padding: 0 20px;
    }

    .left-width-nav li a {
        line-height: 50px;
    }

    .right-width {
        width: 100%;
        margin-top: 20px;
    }

    .right-top-tt {
        width: 100%;
        line-height: 45px;
    }

    .nav-b {
        width: 100%;
        line-height: 45px;
    }

    .right-width-ul li span font {
        display: none;
    }

    .right-width-ul li {
        padding-right: 170px;
    }

    .pagination {
        margin: 30px 0;
    }

    .article-tt {
        font-size: 18px;
        padding: 0 0 20px 0;
    }

    .article-box {
        padding: 25px 0;
        margin: 25px 0;
    }

    .article-box p {
        font-size: 14px;
        line-height: 28px;
    }

    .article-link p a {
        font-size: 14px;
    }

    .article-link {
        margin-bottom: 30px;
    }

    .news-list-tow .news-list-tt {
        margin: 15px 15px 0 15px;
    }

    .news-list-tow {
        background: none;
        margin: 15px 0;
        box-shadow: none;
    }

    .date-icon {
        margin: -10px 15px;
    }

    .news-list-tow li {
        margin-bottom: 35px;
    }

    .gk-tt {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .gk-tt span {
        font-size: 14px;
    }

    .gk-tt a {
        font-size: 14px;
        margin-top: 13px;
    }

    .news-back-box .col-xs-6:last-child .gk-tt {
        margin-top: 20px;
    }

    .dt-ul-img img {
        width: 100px;
        height: 70px;
    }

    .dt-ul-right {
        margin: 0 0 0 110px;
    }

    .dt-ul-tt {
        margin-top: 0;
    }

    .dt-ul-tt a {
        font-size: 16px;
    }

    .dt-ul-p {
        margin-top: 0px;
        line-height: 25px;
        height: 50px;
        overflow: hidden;
    }

    .dt-ul li {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .qimo8 .qimo ul li img {
        width: 220px;
        height: 150px;
        margin-bottom: 10px;
    }

    .qimo8 .qimo ul li {
        width: 220px;
    }

    .js-tt-box {
        margin-top: 20px;
    }

    .fc-back {
        margin-top: 20px;
        padding: 0 0 20px 0;
    }

    .teach-img img {
        width: 125px;
        height: 165px;
    }

    .teach-right {
        margin-left: 135px;
        margin-top: 10px;
    }

    .teach-tt a {
        font-size: 16px;
    }

    .teach-p p {
        font-size: 14px;
        line-height: 25px;
    }

    .teach-p {
        height: 75px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .teach-tt {
        margin-bottom: 10px;
    }

    .teach-a a {
        font-size: 16px;
    }

    .teach-list li {
        padding: 20px 0;
    }

    .img-list-ul li {
        width: 50%;
        margin-bottom: 15px;
    }

    .img-tt {
        margin-top: 5px;
    }
}


/***********猫鈥炩劉忙聬鈥毭ㄢ�鈥斆┞┞疵ㄢ�鈥斆︹�猫鈥炩劉忙录聫猫鈥炩�茅拧鈥犆ㄢ�鈥斆⑴�**********/


.pagination1 {
    display: inline-block;
    margin: 50px 0 90px 0;
}

.headStyle .PrevDisabled,
.headStyle .NextDisabled,
.headStyle .Next,
.headStyle .Prev,
.defaultButtonStyle1 {
    border: 1px solid #eee;
    display: inline-block;
    margin: 0 2px;
    line-height: 26px;
    height: 26px;
    font-size: 1.2rem;
    padding: 0 8px;
}

.pagination1 table {
    font-size: 1.2rem;
}

.defaultButtonStyle1 {
    font-size: 1.2rem;
    color: #333;
}

.defaultButtonStyle1:hover {
    color: #fff;
    background: #debb29;
}

.defaultInputStyle1 {
    font-size: 1.2rem;
    display: inline-block;
    margin: 0 4px 0 2px;
    height: 24px;
    line-height: 24px;
}

.headStyle .Next,
.headStyle .Prev {
    background: #debb29;
    font-size: 1.2rem;
    color: #fff;
}


span.nav-click {
    padding: 0 !important;
}

span.nav-click span {
    padding: 0 !important;
}