@charset "UTF-8"; .fl {
    float: left;
}

.fr {
    float: right;
}

.tou {
    background: #f8f8f8;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    color: #333333;overflow:hidden;
}

.tou .k1 {
    color: #999999;
}

.tou .k1 a {
    color: #333333;
}
.tou1{height:128px;overflow:hidden;}
.tou1 .logo {
    line-height:128px;width:25.78%;height:128px;overflow:hidden;
}

.tou1 .logo img{
    max-width:100%;
    
}
.topwz{
    margin-top: 40px;
}




.tou1 .dh {
    padding-right: 50px;
    margin-top: 27px;
    line-height: 1.4;
    text-align: right;
    background: url(../images/dh.png) no-repeat right 50%;
}

.tou1 .dh p {
    font-size: 14px;
    color: #333333;
}

.tou1 .dh p:nth-child(2) {
    color: #ce1a10;
    font-family: arial;
    font-size: 28px;
}

.ss {
    height: 90px;
    background: #f8f8f8;
}

.ss .gj {
    line-height: 90px;
    font-size: 14px;
    color: #333333;
    font-weight: 600;
}

.ss .gj a {
    font-weight: 500;
    color: #333;
    padding-left: 18px;
}

.ss #formsearch {
    background: url(../images/ss.png) no-repeat 0 50%;
    margin-top: 23px;
}

.ss #formsearch input {
    border: none;
    background: none;
    line-height: 44px;
    height: 44px;
}

.ss #formsearch input#keyword {
    text-indent: 17px;
    width: 284px;
    float: left;
    font-size: 14px;outline:none;
}

.ss #formsearch input#keyword::-webkit-input-placeholder {
    color: #999999;
}

.ss #formsearch input#s_btn {
    float: right;
    width: 68px;
    font-size: 0;outline:none;
}

h2.bt {
    font-size: 36px;
    color: #000000;
    text-align: center;
    line-height: 1;
    padding-bottom: 24px;
    background: url(../images/h-x.png) no-repeat 50% bottom;font-weight:bold;
}

@media (max-width: 500px) {
    h2.bt {
        font-size: 24px;
    }
}

.c1 {
    margin-top: 72px;
}

@media (max-width: 768px) {
    .c1 {
        margin-top: 40px;
    }
}

.c1 .list2 {
    margin-top:40px;
    display: flex;
    margin-left: -9px;
    margin-right: -9px;
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .c1 .list2 {
        margin-top: 30px;
    }
}

.c1 .list2 li {
    width: 20%;
    padding: 0 9px;
}

@media (max-width: 993px) {
    .c1 .list2 li {
        width: 33.333%;
        margin-bottom: 20px;
    }
}

@media (max-width: 700px) {
    .c1 .list2 li {
        width: 50%;
    }
}

.c1 .list2 li a {
    padding: 18px 15px 12px;
    background: #f3f3f3;
    display: block;
}

@media (max-width: 700px) {
    .c1 .list2 li a {
        padding-bottom: 20px;
    }
}

.c1 .list2 li .img{
overflow:hidden;
}

.c1 .list2 li .img img {
    width: 100%;
    transition-duration: .3s;
}

.c1 .list2 li:hover .img img{
    transform:scale(1.1);
}

.c1 .list2 li dd {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    line-height: 42px;
    font-size: 16px;
    color: #333333;
}

@media (max-width: 993px) {
    .c1 .list2 li dd {
        line-height: 50px;
        font-size: 14px;
    }
}

@media (max-width: 500px) {
    .c1 .list2 li dd {
        line-height: 40px;
    }
}

.c1 .list2 li .ck {
    margin:0 auto 0;
    background: url(../images/ck1.png) no-repeat 50%;
    width: 40px;
    height: 40px;
}

@media (max-width: 993px) {
    .c1 .list2 li .ck {
        width: 30px;
        height: 30px;
        background-size: 100% 100%;
    }
}

.c1 .list2 li:hover dd {
    color: #ce1a10;
  
}

.c1 .list2 li:hover .ck {
    background: url(../images/ck1h.png) no-repeat 50%;
}

@media (max-width: 993px) {
    .c1 .list2 li:hover .ck {
        background-size: 100% 100%;
    }
}

.c2 {
    margin-top: 78px;
}

@media (max-width: 768px) {
    .c2 {
        margin-top: 20px;
    }
}

.c2 .dao1 {
    margin-top: 45px;
    background: url(../images/dao1.png) repeat-x 50% 0;
}

@media (max-width: 768px) {
    .c2 .dao1 {
        margin-top: 20px;
    }
}

.c2 .dao1 .list2 {
    text-align: center;
}

.c2 .dao1 .list2 li {
    display: inline-block;
    margin: 0 -1px;
    line-height: 64px;
    font-size: 18px;
    width: 12.76%;
    height: 75px;
}

@media (max-width: 1370px) {
    .c2 .dao1 .list2 li {
        width: 19%;
    }
}

@media (max-width: 993px) {
    .c2 .dao1 .list2 li {
        font-size: 14px;
    }
}

.c2 .dao1 .list2 li a {
    color: #fff;
}

.c2 .dao1 .list2 li:hover {
    background: url(../images/nav1h.png) no-repeat 50% 0;
}

.c2 .list3 {
    margin-top: 34px;display: flex; justify-content: space-between;flex-wrap:wrap;
}

.c2 .list3 li {
     width:24%;
    margin-bottom: 13px;
}

.c2 .list3 li a {
    display: block;
}



.c2 .list3 li .img{
overflow:hidden;border:1px solid #dcdcdc;display:block;
}

.c2 .list3 li .img img {
    width: 100%;
    transition-duration: .3s;
}

.c2 .list3 li:hover .img img{
    transform:scale(1.1);
}

.c2 .list3 li h3 {
    line-height: 74px;
    font-size: 16px;
    position: relative;
    text-align: center;
    color: #333333;height:74px;overflow:hidden;
}

.c2 .list3 li h3:after {
    content: '';
    display: block;
    background: #f8f8f8;
    width: 26%;
    height: 2px;
    left: 50%;
    transform: translateX(-50%);
    top: 78%;
    position: absolute;
}

.c2 .list3 li:hover h3 {
    background: #ce1a10;
    color: #fff;
}

.c2 .list3 li:hover h3:after {
    background: #fff;
}


@media (max-width:1024px) {
 .c2 .dao1 .list2 li {
    width: 13%;
   }
}


@media (max-width:768px) {
        .c2 .list3 li {
             width:49%;
        }
}











.c3 {
    margin-top: 40px;
    background: url(../images/c3.png) no-repeat 50% 0;
    padding-top: 65px;
    padding-bottom: 40px;
}

@media (max-width: 1024px) {
    .c3 {
        background: none;
        padding-top: 0;
        padding-bottom: 0;
    }
}

.c3 .content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media (max-width: 1024px) {
    .c3 .content {
        display: block;
    }
}

.c3 .content h2 {
    display: none;
}

@media (max-width: 1024px) {
    .c3 .content h2 {
        margin-bottom: 30px;
        display: block;
    }
}

.c3 .content .c3-1 {
    width: 31.8%;
    display: flex;
    align-items: center;
}

@media (max-width: 1024px) {
    .c3 .content .c3-1 {
        display: none;
        width: 100%;
    }
}

.c3 .content .c3-1 h3 img {
    max-width: 100%;
}

.c3 .content .c3-1 .zi {
    font-size: 22px;
    color: #e8e8e8;
    margin-top: 30px;
}

.c3 .content .c3-1 .zi p {
    font-size: 14px;
    font-family: arial;
    text-transform: uppercase;
    letter-spacing: 6.5px;
    color: rgba(232, 232, 232, 0.5);
}

.c3 .content .list2 {
    width: 57%;
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 1024px) {
    .c3 .content .list2 {
        width: 100%;
    }
}

.c3 .content .list2 li {
    transition-duration: .3s;
    width: 43%;
    margin: 0 3.5% 30px;
    text-align: center;
    padding: 1.5625vw 1.4vw;
}

@media (max-width: 500px) {
    .c3 .content .list2 li {
        padding: 0;
    }
}

.c3 .content .list2 li .img {
    line-height: 64px;
    height: 64px;
}

.c3 .content .list2 li h3 {
    line-height: 50px;
    font-size: 18px;
    color: #333333;
    font-weight: 600;height:50px;overflow:hidden;
    background: url(../images/xian.png) no-repeat 50% 100%;
}

.c3 .content .list2 li dd {
    margin-top: 24px;
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}

.c3 .content .list2 li:hover {
    box-shadow: 0 0 20px 0 rgba(252, 112, 8, 0.06);
    background: #fff;
}

.c4 {
    margin-top: 70px;
    margin-bottom: 82px;
}

@media (max-width: 768px) {
    .c4 {
        margin-top: 0px;
        margin-bottom: 40px;
    }
}

.c4 .content {
    margin-top: 60px;
}

@media (max-width: 768px) {
    .c4 .content {
        margin-top: 30px;
    }
}

.c4 .content .list2 {
    display: flex;
    flex-wrap: wrap;
}

.c4 .content .list2 li {
    width: 16.6667%;
    transition-duration: .3s;
    margin: -1px;
    border: 1px solid #efefef;
}

@media (max-width: 1024px) {
    .c4 .content .list2 li {
        width: 25%;
    }
}

@media (max-width: 768px) {
    .c4 .content .list2 li {
        width: 33.333%;
    }
}



.c4 .content .list2 li a img {
    width: 100%;
    transition-duration: .3s;
}





.c4 .content .list2 li:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 9;
}

.c5 {
    padding-top: 60px;

}

@media (max-width: 993px) {
    .c5 {
        padding-bottom: 40px;
    }
}

@media (max-width: 768px) {
    .c5 {
        padding-top: 40px;
    }
}



.c5 .content {
    margin-top:40px;
    margin-left: -9px;
    margin-right: -9px;
}

.c5 .content .c5x {
    padding: 0 9px;
    float: left;
}

@media (max-width: 993px) {
    .c5 .content .c5x {
        margin-bottom: 20px;
    }
}

.c5 .content .c5x .tu {
    position: relative;
    overflow: hidden;
}

.c5 .content .c5x .tu img {
    width: 100%;
    transition-duration: .3s;
}

.c5 .content .c5x .tu:hover img{
    transform: scale(1.1);
}

.c5 .content .c5x .tu:after {
    content: attr(num);
    width: 100%;
    height: 100%;
    font-size: 24px;
    color: #fff;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    top: 0;
    left: 0;
    position: absolute;
}

.c5 .content .c5x .list2 {

}

.c5 .content .c5x .list2 li {
    line-height: 45px;height:45px;overflow:hidden;
    font-size: 14px;border-bottom:1px dashed #e0e0e0;
}

.c5 .content .c5x .list2 li a {
    color: #333333;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;font-size:14px;background: url(../images/jt.png) no-repeat left center;padding-left:17px;
}

.c5 .content .c5x .list2 li a:hover {
    color: #ce1a10;background: url(../images/jt2.png) no-repeat left center;
}



.box3{margin-top:30px;}
.index-c2{margin-top:44px;}
.index-c2 .abc{display:flex;justify-content:space-between;}


.c2-left{
    width: 32.16%;
}
.c2-left a{
    display: block;
    position: relative;
    overflow: hidden;
}
.c2-left img{
    width: 100%;
    transition: .5s;
}


.c2-left h3{
    width: 100%;
    background: rgba(0,0,0,0.8);
    line-height: 50px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}


.c2-right{width: 66.12%;}
.c2-right ul{display: flex; justify-content: space-between;flex-wrap:wrap;}

.c2-right ul li{
    width: 49%;
    margin-bottom: 20px;
}
.c2-right ul li a{
    display: block;
    position: relative;
    overflow: hidden;
}
.c2-right ul li img{
    width: 100%;
    transition: .5s;
}




.c2-right h3{
    width: 100%;
    background: rgba(0,0,0,0.8);
    line-height: 50px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 16px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}


@media (max-width:1024px) {
    .c2-right ul li{margin-bottom:14px;}
}

@media (max-width:768px) {
    .index-c2 .abc{flex-wrap:wrap;}
    .c2-left{width:100%;}
    .c2-right{width:100%;margin-top:14px;}
}



@media (max-width: 480px){
   .c2-right h3{font-size: 14px;line-height: 40px;}
   .c2-left h3{font-size: 14px;line-height: 40px;}
}
   
       



.box5{overflow:hidden;max-width:1460px;margin:0 auto;padding:0 15px;}
.slick-wrap{}
.slick-contanier {}
.slick-contanier .slick-slide { outline: none; }
.slick-contanier img { display: inline-block; width: 100%; }
.slick-contanier .slick-con { display: block; padding: 0 5%; font-size: 0; }

.tab-li{font-size: 0;  cursor: pointer;height:66px;overflow:hidden;position:relative;}
.tab-li li{float:left;font-size:22px;color:#000000;line-height:66px;font-weight:bold;}
.tab-li li:hover, .tab-li li.active{color:#ce1a10;}
.tab-li li+li{background: url(../images/xx1.png) no-repeat left center;padding-left:25px;margin-left:25px;}
.tab-li a{color:#585858;font-size:14px;position:absolute;right:0;top:0;line-height:66px;}

.tab-li:after{content:"";width:76%;height:1px;background:#d8d8d8;position:absolute;display: block;right:5%;top:35px;} 


.tab-con .tab-main{height:0;overflow: hidden;position:relative;padding:0 30px;}
.tab-con .tab-main.active {height: auto;}
.tab-con .tab-main img{width:100%;margin:0 auto;}
.tab-con .tab-main h3{text-align:center;font-weight:normal;color:#333333;font-size:16px;margin-top:11px;}
.tab-con .tab-main .slick-arrow{width:22px;height:42px;overflow:hidden;text-indent:100px;border:none;outline:none;position:absolute;top:29%;z-index:99999;}
.tab-con .tab-main .slick-prev{background: url(../images/zb.png) no-repeat;left:-30px;}
.tab-con .tab-main .slick-next{background: url(../images/yb.png) no-repeat;right:-30px;}




@media (max-width:1024px) {
  .tab-li:after{display:none;}
}



@media (max-width:640px) {
  .tab-li li{font-size:18px;}
  .tab-li li+li{padding-left:18px;margin-left:18px;}
  .tab-con .tab-main h3{font-size:14px;}
}











.c6 {background:#f3f3f3;padding:60px 0;
    margin-top:45px;
    margin-bottom:20px;
}

@media (max-width: 768px) {
    .c6 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
}

.c6 .content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.c6 .c6-1 {
    width: 46.6%;
}

@media (max-width: 768px) {
    .c6 .c6-1 {
        width: 100%;
    }
}

.c6 .c6-1 img {
    width: 100%;
}

.c6 .c6-2 {
    width: 48%;
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    .c6 .c6-2 {
        width: 100%;
        margin-top: 30px;
    }
}

.c6 .c6-2 h2 {
    font-weight: 600;
    font-family: arial;
    text-transform: uppercase;
    color: #333333;
    font-size: 48px;
}

@media (max-width: 768px) {
    .c6 .c6-2 h2 {
        font-size: 32px;
    }
}

.c6 .c6-2 h2 p {
    font-weight: 500;
    font-family: 微软雅黑;
    font-size: 24px;
    margin-top: 8px;
}

@media (max-width: 768px) {
    .c6 .c6-2 h2 p {
        font-size: 16px;
    }
}

.c6 .c6-2 dd {
    margin-top: 1.77vw;
    line-height: 32px;
    font-size: 16px;
    color: #333333;
}

@media (max-width: 768px) {
    .c6 .c6-2 dd {
        font-size: 14px;
    }
}

.c6 .c6-2 a.ck {
    display: block;
    margin-top: 2.125vw;
    text-transform: uppercase;
    color: #fff;
    width: 198px;
    line-height: 48px;
    font-size: 14px;
    font-family: arial;
    background: #ce1a10;
    text-align: center;
}

.links{padding:30px 0;color:#333;font-size:14px;}
.links a{color:#333;padding-right:5px;}






.footbg{
    background: #333333;
}
.foot1{
    padding: 50px 0;
}
.foot1 .fnav{
    width: 58%;
    float: left;
}
.foot1 .fnav ul li{
    width: 33%;
    float: left;
}
.foot1 .fnav ul li h3{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-bottom:18px;
}
.foot1 .fnav ul li .secc a{
    display: block;
    font-size: 14px;
    color: #bbbbbb;
    line-height: 2;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}



.foot1 .flx{
    width: 42%;
    padding-right: 162px;
    position: relative;
    float: right;
}
.foot1 .flx .ftel{
    padding-left: 50px;
    background: url(../images/fdh.png) no-repeat left center;
}
.foot1 .flx .ftel h3{
    font-size: 18px;
    color: #fff;font-weight:bold;
}
.foot1 .flx .ftel h4{
    font-size: 36px;
    color: #fff;
    font-family: Arial;
    padding-top: 5px;
}
.foot1 .flx .fadd{
    font-size: 14px;
    color: #bbbbbb;
    line-height: 2;
    padding-top: 7%;
}
.foot1 .flx .fewm{
    position: absolute;
    right: 0;
    top: 0;
}
.foot1 .flx .fewm img{
    max-width: 100%;
}

.foot2{
    font-size: 14px;
    line-height: 2;
    color: #8e8e8e;
    min-height: 56px;
    display: none;
}
.foot2 a{
    color: #8e8e8e;
}
.foot3{
    padding: 30px 0;
    border-top: 1px solid #484848;
    font-size: 12px;
    color: #9d9d9d;
    line-height: 2;
}
.foot3 a{
    color: #9d9d9d;
}
.foot3 .copyr{
    float: left;
}
.foot3 .x-region{
    float: right;
}



@media (max-width: 990px){
.foot1{padding: 30px 0;}
.foot1 .fnav {
    width: 100%;
    float: none;
}

.foot1 .flx {
    width: 100%;
    float: none;
    margin-top: 30px;
}
.foot3 {
    padding: 15px 0;
}
.foot3 .copyr {
    float: none;
}
.foot3 .x-region {
    float: none;
}

}


@media (max-width:640px){
  .foot1 .flx .ftel h4{font-size:24px;}
  .foot1 .flx .ftel h3{font-size:16px;}

}








.sitemp {
    line-height: 31px;
    height: 31px;
    overflow: hidden;
    padding-right: 10px;
}

.sitemp h2 {
    width: 340px;
    float: left;
    line-height: 31px;
    text-align: center;
    text-align: left;
    text-indent: 55px;
    color: #fff;
    font-size: 18px;
}

.sitemp .site {
    width: 380px;
    float: right;
    text-align: right;
    line-height: 30px;
    color: #fff;
}

.sitemp .site a {
    color: #fff;
}

.right .content {
    padding: 10px;
    padding-top: 15px;
    overflow: hidden;
    line-height: 24px;
}


.n_banner{width:100%;margin:0 auto;}
.n_banner img{width:100%;margin:0 auto;}

.xypg-right-content .content{padding-top:15px;}




@media (max-width: 768px) {
 .xypg-right-content img{max-width:100%!important;width:auto!important;height:auto!important;}
}



/*手机底部*/
@media (max-width:768px){
 .db{display:block!important;}
}


.dbb{height:50px;}

/* 页脚 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: #ce1a10;
}

.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 30px;padding:10px 0;
  font-size: 0;
}

.footer ul li.active {
  background: #da251c;
}

.footer ul li a {
  display: block;color:#fff;
}

.footer ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;color:#fff;
}


.footer li .icon-home{ background: url(../images/a1.png) no-repeat;width:20px;height:20px;}
.footer li .icon-home2{ background: url(../images/a2.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone{ background: url(../images/a3.png) no-repeat;width:20px;height:20px;}
.footer li .icon-contact{ background: url(../images/a4.png) no-repeat;width:20px;height:20px;}

.footer li .icon-phone:before{font-size:0;}
.footer ul li a{border-right:1px solid #fff;}
.footer ul li:last-child a{border-right:none;}

.cpm{font-size:14px;margin-bottom:15px;
    
    line-height: 1.75;
}