* {
    margin: 0;
    padding: 0
}

em,
i {
    font-style: normal;
}

li {
    list-style: none;
}

img {
    border: 0;
    
    vertical-align: middle;
}

button {
    cursor: pointer;
}

a {
    color: #000;
    text-decoration: none;
}
a:hover {
    color: #c40a00;
}
button,
input {
    outline: none;
    font-family: 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif;
}
body {
    background-color: #fff;
    font: 14px 'Microsoft YaHei', 'Heiti SC', tahoma, arial, 'Hiragino Sans GB', \\5B8B\4F53, sans-serif;
    color: #333
}
.hide,
.none {
    display: none;
}

.clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: ".";
    height: 0
}
.clearfix {
    *zoom: 1
}
.el {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.fl{ float: left;}
.fr{ float: right;}
.w {
    width: 1400px;
    margin: 0 auto;
}
.header {
    height: 207px;
    background: url(../image/header2.jpg) repeat;
}
.header-box{ width: 800px; margin: 0 auto;}
.header-b{ height: 40px;margin-top: 28px; line-height: 40px;}
.logo{text-align: center; padding-top: 20px; }
.header .topnav {color: #fff;float: left;text-align: right; margin-left: 20px;}
.page-header-search{float: left; width: 430px; height: 40px; position: relative; font-size: 14px;}
.fc-search-keyword{float: left; border: none;z-index: 2;width:330px;margin-bottom: 0;line-height: 40px; height: 40px; padding-left: 20px;border-top-left-radius:20px;
border-bottom-left-radius:20px; background-color: #eee; margin-left: 20px;  }
.s-btn{background: #cea971 ;border: none;height: 40px;width: 50px;text-align: center;cursor: pointer;float: left;border-top-right-radius:20px;
border-bottom-right-radius:20px;}
.search-form .fa{ font-weight: 200; color: #fff;font-size: 16px;}
.header .topnav a {color: #fededf;font-size: 16px;padding: 0 10px;}
.tgyx {
    float: left;
    width: 124px;
    position: relative;
    margin-left: 30px;
}
.tgyx a{ cursor: pointer;}
.tgyx:hover div {
    display: block;
}
.tgyx div {
    box-sizing: border-box;
    position: absolute;
    color: #fff;
    height: 79px;
    width: 213px;
    font-size: 14px;
    background: url(../image/yx-bg.png) center no-repeat;
    z-index: 199;
    top: 40px;
    left: -45px;
    display: none;
    padding: 15px;
}
.tgyx div p{ line-height: 30px;}


.new-box {
    padding-top: 38px;
    height: 720px;
}
.new-box .top-line {
    padding-left: 175px;
    line-height: 104px;
    padding-right: 50px;
    height: 104px;
    background:#f3f3f3 url(../image/tt.jpg) no-repeat;
    margin-bottom: 43px;
    box-shadow: 2px 3px 12px #ccc;
    overflow: hidden;
}
.new-box .top-line p {
    float: left;
    color: #c40a00;
    font-size: 36px;
    font-weight: bold;
}
.new-box .top-line span{
    color: #666;
}


.new-banner {
    position: relative;
    height: 560px;
}
.new-banner .hd{
    position:absolute;
    bottom: 20px;
    left: 644px;
    z-index: 100;
}
.new-banner .hd ul li{ float:left; margin-right:5px;  width:12px; height:12px; line-height:12px; text-align:center; background:#eee; cursor:pointer; border-radius: 12px; }
.new-banner .hd ul li.on{ background:#5e5e5e; color:#fff; }
.new-banner .hd
.new-list {
    width: 195px;
    height: 100%;
}
.new-content {
    width: 1175px;
    height: 100%;
}
.new-content li {
    width: 100%;
    height: 100%;
}
.new-content .pic {
    width: 900px;
    height: 560px;
    overflow: hidden;
    position: relative;
}
.new-content .pic::after{content: "";position: absolute;background:linear-gradient(to top,rgba(2,1,2,0.85),rgba(28,15,35,0));height: 20%;width: 100%;z-index: 3;bottom:0;left: 0;}
.new-content .pic img {
    width: 100%;
}
.new-content .text {
    width: 230px;
}
.new-content .text .new-tit {
    border-bottom: 1px solid #bfbfbf;
    margin-bottom: 24px;
}
.new-content .text .new-tit h2 {
    padding-bottom: 30px;
    font-size: 22px;
    font-weight: normal;
}
.new-content .text .new-tit .date {
    display: block;
    font-size: 14px;
    width: 116px;
    height: 30px;
    background-color: #c40a00;
    float: right;
    border-radius: 15px;
    text-align: center;
    line-height: 30px;
    color: #fff;
}
.new-tit span::before {
    content: "\e638";
    font-size: 16px;
    margin-right: 5px;
}
.text p {
    text-indent: 2em;
}
.text p a {
    color: #666;
    font-size: 15px;
    line-height: 30px;
}
.btn {
    margin-top: 35px;
    float: right;
}
.btn a {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 30px;
    background-color: #c40a00;
    margin-right: 15px;
}
.btn-Prev {
    background: url(../image/top-btn1.png) no-repeat center center;
}
.btn-Next {
    background: url(../image/bottom-btn1.png) no-repeat center center;
}
.x-nav{ background-color: #c2272d; line-height: 50px;}
.x-nav li{ float: left; font-size: 18px;}
.x-nav li a{ color: #fccdcf; padding: 0 56px;}

.main-nav {
    width: 193px;
    height:455px;
    margin-top: 50px;
    border: 2px solid #cea971;
    border-right: 0;
    position: relative;
}
.main-nav ul {
    margin-top: 37px;
}
.main-nav ul li {
    width: 100%;
    height: 65px;
    line-height: 65px;
}
.main-nav ul li a {
    font-size: 24px;
    color: #333333;
    padding-left: 58px;
}
.main-nav ul li a:hover {
    color: #73116f;
    font-weight: bold;
}
.main-nav ul li a:hover {
    background: url(404.png) no-repeat 10px center;
}
.zhxw {
    width: 123px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    position: absolute;
    top: -20px;
    right: 25px;
}
.hg {
    width: 25px;
    height: 3px;
    background: #73116f;
    position: absolute;
    top: -2px;
    right: 0px;
}
.zhxw a {
    font-size: 24px;
    color: #73116f;
    font-weight: bold;
}


.new-list a {
    display: block;
    width: 100%;
    height: 35px;
    border-radius: 30px;
}
.new-list .new-smallimg {
    width: 100%;
    height: 550px;
    overflow: hidden;
}
.new-smallimg ul li {
    width: 100%;
    height: 130px;
    background-color: #fff;
    margin-bottom: 15px;
    position: relative;
}
.new-smallimg ul li a img {
    width: 100%;
    height: 130px;
}
.new-smallimg ul li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -.06rem;
    right: -.06rem;
    bottom: -.06rem;
    background: #BA9A05;
    opacity: 0;
    }
.new-smallimg ul li.on {background: #BA9A05;
    z-index: 2; }
    .new-smallimg ul li.on:after {
      opacity: 1;
      left: -.2rem; }
    .new-smallimg ul li.on .time {
      color: rgba(255, 255, 255, 0.6); }
    .new-smallimg ul li.on .name {
      color: #fff; }
.sNext {
    background: url(../image/bottom-btn.png) no-repeat center center;
}
.sPrev {
    background: url(../image/top-btn.png) no-repeat center center;
}


.part1 {
    margin-top: 35px;
    padding-top: 30px;
    
    background: url(../image/bg11.jpg)no-repeat;
}

.mid1 {
    width: 910px;
}
.more {
    color: #a6a6a6;
    font-size: 14px;
}
.titBox {
    height: 65px;
    line-height: 65px;
}
.part1 .titBox {
    background: url(../image/xwsd.png) no-repeat left center;
    width: 100%;
    height: 65px;
    margin-bottom: 30px;
}
.part1-news ul {
    margin-right: -80px;
}
.part1-news li {
    float: left;
    width: 650px;
    height: 195px;
    margin-right: 80px;
    margin-bottom: 50px;
    position: relative;
    box-shadow: 4px 3px 4px #ccc;
    background-color: #fff;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.part1-news-img {
    position: relative;
    width: 300px;
    height: 100%;
    overflow: hidden;
}
.part1-news-img img {
    width: 100%;
    height: 100%;
}
.part1-news-date {
    position: absolute;
    left: -10px;
    bottom: -10px;
    width: 65px;
    height: 60px;
    background-color: #c40a00a9;
    color: #fff;
    text-align: center;
    z-index: 100;
    zoom: 1;
}
.part1-news-date .day{
    font-size: 28px;
    font-weight: bold;
}
.part1-news-date .year{
    font-size: 14px;
}
.part1-news-content {
    width: 300px;
    padding: 20px 20px 20px 0px;
}
.part1-news-content p {
    overflow: hidden;
    
    color: #999;
    height: 96px;
    line-height: 24px;
    text-indent: 2em;
}
.part1-news-content h3 {
    height: 60px;
    font-size: 18px;
    line-height: 25px;
}
.part1-news-content h3:hover {
    color: #c40a00;
}
.imgZoom img,
.imgY180 img {
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
.imgZoom {
    display: block;
    overflow: hidden;
    
    transform: rotate(0);
}
.imgZoom:hover img {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.part2 {
    height: 525px;
    padding: 40px 0;
}
.part2 .titBox {
    background: url(../image/spky.png) no-repeat;
}
.part2-box {
    margin-top: 30px;
}
.part2-box ul {
    margin-right: -70px;
}
.part2-box ul li {
    float: left;
    width: 410px;
    height: 425px;
    background-color: #fff;
    margin-right: 70px;
    box-shadow: 4px 3px 4px #ccc;
}
.part2-box ul li img {
    width: 100%;
    height: 270px;
}
.part2-box .part2-box-img {
    position: relative;
}
.part2-box .part2-box-ico {
    position: absolute;
    bottom: -30px;
    right: 30px;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.808) url(../image/bf.png) no-repeat center center;
}
.part2-box-content {
    padding: 40px 20px 20px 20px;
}
.part2-box-content h3 {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: normal;
}
.part2-box-content span {
    font-size: 14px;
    color: #999;
}

.part3 {
    height: 450px;
    background-color: #e7ebee;
    padding: 30px 0;
}
.part3 .titBox {
    background: url(../image/ztwz.png) no-repeat;
    margin-bottom: 20px;
}
.part3-img {
    margin: 20px 0 30px 0;
}
.part3-box ul {
    margin-right: -70px;
}
.part3-box ul li {
    position: relative;
    float: left;
    width: 410px;
    height: 340px;
    background-color: #fff;
    margin-right: 70px;
    overflow: hidden;
}
.part3-box ul li img {
    width: 100%;
}
.part3-box ul li a .intro {
    width: 100%;
    height: 0%;
    opacity: 0;
    position: absolute;
    left: 0px;
    top: 50%;
    background-color: #c40a00cc;
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.part3-box ul li a .intro img {
    width: 13%;
    position: absolute;
    top: 10%;
    opacity: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.part3-box ul li span {
    
    font-size: 20px;
    padding: 0px 30px;
    position: absolute;
    background: #c40a00;
    line-height: 50px;
    color: #fff;
    left: 6%;
    bottom: 11.2%;
    display: block;
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.part3-box ul li a .intro-cont {
    padding: 40px;
    font-size: 16px;
    color: #fff;
    line-height: 1.8;
}
.part3-box li a .intro .intro-tit {
    left: 0px;
    right: 0px;
    position: absolute;
    bottom: 10%;
    text-align: center;
    font-size: 24px;
    color: #fff;
}
@media screen and (min-width:1200px) {
    .part3-box ul li a:hover .intro {
        height: 100%;
        opacity: 1;
        top: 0px;
    }
    .part3-box ul li a:hover .intro img {
        top: 50%;
        opacity: 1;
    }
    .part3-box ul li a:hover>span {
        bottom: -100%;
    }
}

.wrapper {width: 1300px; margin: 0 auto;}

.main-box{ width: 940px;float: left;}
.sider-box{ width: 320px; float: right;}
.sider-box .tit{ font-size: 24px; line-height: 60px; border-bottom: 2px solid #ddd; font-weight: bold; color: #c2272d;}
.news-list ul{margin-top: 20px;margin-left: 10px;border-left: 1px solid #cfcfcf;}
.news-list ul li{position: relative;margin-bottom: 20px;}
.news-list ul li p{font-size: 14px;color: #bd2980;    width: 59px; font-size: 13px;
  height: 26px;background: url(../image/date_bg.png) no-repeat;text-align: center;line-height: 25px;margin-left: 10px;margin-bottom: 10px;}
.news-list ul li::before{content: "";width: 8px;height: 8px;border:1px solid #cfcfcf;border-radius: 50%;position: absolute;top: 8px;left: -5px;background: #fff;}
.news-list ul li h3{margin-left: 10px; font-weight: normal; font-size: 14px;}

#pages{font-size: 14px;padding-top: 20px;text-align: center;}
.pagination {width:100%;text-align: center;}
.pagination ul{display: inline-block;}
.pagination li {display: inline-block;margin-right:10px;line-height: 40px;height: 40px;}
.pagination li:last-child{margin-right:0px;}
.pagination li a,.pagination li span {display: block;color: #555;background-color: #f3f3f3;padding:0 15px;}
.pagination li a:hover,.pagination li a:focus,.pagination li span:hover,.pagination li span:focus {background-color: #d7d7d7;}
.pagination .active a,.pagination .active a:hover,.pagination .active a:focus,.pagination .active span,.pagination .active span:hover,.pagination .active span:focus {background-color: #d7d7d7;}

.page-breadcrumb{position: relative; height: 160px;}
.page-breadcrumb .wrapper{position: relative;padding-top: 34px;}
.page-breadcrumb .wrapper:after{height: 140px;background: #faf5f5;position: absolute;top: 0px;content: "";display: block;right: -.44rem;left: -50vw; z-index: 2;}
.lm-title{color: #000;font-size:36px;font-weight: bold; position: relative;   z-index: 10;}
.breadcrumb{line-height:30px; font-size: 12px;color: #777;  position: relative;  z-index: 10;}
.breadcrumb .fa {font-size: 16px;margin-right: 5px;}
.breadcrumb a{ color:#777;}

.li-item-news li{padding:15px;border-bottom: 1px  dotted #ddd;background:url(../image/nav-list-left.png) 10px center no-repeat; }
.li-item-news li a {padding-left: 10px; font-size: 16px;}
.li-item-news li.bk20{padding:15px;background-color: #fdfbfb;}
.li-item-news li span{float: right; color: #777;font-size: 13px;}
.li-item-news li em{font-style: normal; color: #666; padding-left: 15px; font-size: 13px;}
.li-item-news li:hover{ background-color:#f3f6f8;}
.li-item-news li:hover a{color: #c2272d;}

.li-item-newsone li{padding:10px 0;}
.li-item-newsone li a {padding-left: 5px; font-size: 16px;}
.li-item-newsone li span{color: #a02a26;font-size: 14px; padding-right:15px; font-weight: bold; }
.li-item-newsone li em{font-style: normal; color: #666; padding-left: 15px; font-size: 13px; float:right;}
.li-item-newsone li:hover a{color: #c2272d;}

.meiti-list li{padding:10px 0;font-size: 16px; line-height: 40px;}
.meiti-list li a {padding-left: 5px; float: left; }
.meiti-list li .mtname{color: #000; background-color: #f4f4f4; display: inline-block; float: left; width: 170px; text-align: center; margin-right: 15px; }
.meiti-list li .date{  color: #666; font-size: 13px; float:right;}
.meiti-list li:hover .mtname{color: #fff; background-color: #c2272d; }

.li-item-notice{ margin-top: 20px;}
.li-item-notice   li{background:#f5f5f5; position:relative; transition:all 0.5s ease; height:90px; margin-bottom:10px;}
.li-item-notice   li:after{content:''; width:90px; height:90px; background:url(../image/notice01.jpg) no-repeat center; position:absolute; right:0; top:0; opacity:0; visibility:hidden; transition:all 0.5s ease;}
.li-item-notice  .li_box{display:block; padding:17px 0 17px 30px;}
.li-item-notice  .li_box .left{float:left; width:9%; margin-right:3%; color:#c2272d; line-height:1; border-right:1px solid #e0e0e0; border-color:rgba(224,224,224,0.8);}
.li-item-notice  .li_box .left .day{font-size:38px; font-family:Arial; line-height:42px;}
.li-item-notice  .li_box .left .year{font-size:13px;}
.li-item-notice  .li_box .right{width:74%; float:left; line-height:55px; font-size:18px; color:#333;}
.li-item-notice  li:hover{background:#faf5f5;}
.li-item-notice  li:hover:after{opacity:1; visibility:visible;}
.li-item-notice  li:hover .li_box .left{border-color:#fff;}
.li-item-notice  li:hover .li_box .right{color:#c2272d;}

.li-tuwen{}
.li-tuwen li{overflow: hidden; border-bottom:1px solid #ddd; padding: 20px 0;}
.li-tuwen li .list-thumb {float: left;}
.li-tuwen li .list-text .title { font-size: 20px;line-height: 38px;color: #000; }
.li-tuwen li .list-text .description{ color: #666; padding-top:8px; line-height: 1.5em; font-size: 15px;}
.li-tuwen li .list-text{float: left;font-size: 16px;color: #312d2d;line-height:30px; width: 690px; margin-left: 30px;}
.li-tuwen li .list-text .date{font-size: 13px;color: #888;height: 30px;line-height: 30px;}
.li-tuwen li .list-text .date i{ padding-right: 5px; }
.li-tuwen li a:hover .list-text .title{color: #c2272d; font-weight: bold;}

.li-duotu{margin-right: -20px;}
.li-duotu li{float: left; margin-right: 20px; width: 300px; margin-bottom:20px; }
.li-duotu li .list-thumb {border: 1px solid #ddd; width: 300px; }
.li-duotu li .list-info{width: 290px;}
.li-duotu li .list-info .position{ font-weight: bolder;font-size: 16px;padding: 10px 0;display: block;line-height: 21px; }
.li-duotu li .list-info .name a:hover{ color: #c2272d;  }
.li-duotu li .list-info .expe{ color: #666; padding-top:8px;}
.li-duotu li .list-title{font-size: 16px;color: #312d2d;line-height: 40px;height: 40px;}
.li-duotu li .list-date{font-size: 14px;color: #888;height: 30px;line-height: 30px;}

.video-list{ margin-right: -3%; margin-top: 20px; }
.video-list li{width:30%;float:left;  margin-right:3%;}
.video-list li .list-thumb{ position: relative; height: 195px;}
.video-list li .tit{ font-size: 16px; text-align: center; padding: 20px; position: relative; height: 54px;}
.video-list li:hover .tit{background:#f6f6f6;}
.video-list li a{width:100%;display:block; height: 378px;}
.video-list li a>img{width:100%;}
.video-list li a>span{padding:0px 14px;position:absolute;background:#e60012;line-height:36px;color:#fff;left:6%;top:11.2%;display:block;transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.video-list li:nth-child(3n){margin-right:0px;}
.video-list li a div{width: 100%;height: 0%;opacity: 0;position: absolute;left: 0px; top: 50%;;background-color:rgba(230,0,18,0.8);transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.video-list li a div img{width:13%;position:absolute;top:10%;opacity:0;left:50%;transform:translate(-50%,-50%);transition-duration:.5s;-ms-transition-duration:.5s;-moz-transition-duration:.5s;-webkit-transition-duration:.5s;}
.video-list li a div span{left:0px;right:0px;position:absolute;bottom:10%;text-align:center;font-size:18px;color:#fff;}
@media screen and (min-width:1200px){
.video-list li a:hover div{height:100%;opacity:1;top:0px;}
.video-list li a:hover div img{top:50%;opacity:1;}
.video-list li a:hover>span{top:-100%;}
}
video::-internal-media-controls-download-button {
                display:none;
            }
            video::-webkit-media-controls-enclosure {
                overflow:hidden;
            }
            video::-webkit-media-controls-panel {
                width: calc(100% + 30px);
            }

table{border-collapse: collapse;}
table th,table td{border:1px solid #ddd; }

#Article{overflow:hidden; font-family:"微软雅黑"; color:#222; padding-bottm:35px; line-height: 1.8em;}
#Article h1{color:#000;font:28px "微软雅黑",arial;margin-bottom:15px; padding:16px 0 8px; }
#Article .info{border-left: 1px solid #ddd; padding-left: 20px; font-size:14px; font-weight:normal; line-height:30px; color:#777;}
#Article .content{ font-size:16px; padding-top: 20px;}
#Article .content p{ text-indent: 2em; line-height:2.0;text-align:justify;word-wrap:break-word; padding-bottom:5px;overflow-wrap: break-word;word-wrap: break-word;}
#Article .content p a{ color: #0e51cb; }
#Article .content img{ max-width: 700px; }
#Article .content p img,#Article .content video{
    display: block;
    margin:0 auto; 
    height:auto !important;
    vertical-align: top;
}
#Article .pagepn{ padding:10px 0; border-top:1px solid #ddd;}
#Article .pagepn p{ margin: 5px 0;}
#Article .pagepn p a{cursor: pointer;}
#Article .content table{ margin: 0 auto; }
#Article .content table p{ padding-top: 5px; padding-bottom: 5px; text-indent: 0em; }

.wrapper-mt{
    margin-top:30px;
}
.li-item-img{
    margin-left: 15px;
    margin-top:30px;
}
.li-item-img li{
    float: left;
    overflow: hidden;
    width: 270px;
    margin:0 13px 25px 12px;
    transition: all 0.3s ease-out;
}
.li-item-img li img{
    vertical-align: top;
}
.li-item-img li:hover{
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}
.li-item-img .list-inner{
    border: 1px solid #f3f3f3;
}
.li-item-img .list-thumb{
    display: block;
    height:180px;
    overflow: hidden;
}
.li-item-img .list-info{
    height: 30px;
    padding:5px 20px;
    position: relative;
}
.li-item-img .list-info h4{
    display: block;
    line-height: 30px;
    height:30px;
    font-weight: normal;
}
.li-item-img .list-info label{
    display: block;
    margin-top:4px;
    line-height: 16px;
    height:16px;
    color:#999;
}
.li-item-img .list-info i{
    font-style: normal;
    display: block;
    position: absolute;
    color: #fff;
    background-color: #ffa31f !important;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    display: none;
    bottom: 10px;
    right: 10px;
    width: 50px;
    line-height: 20px;
    padding:5px 0;
    z-index: 10;
}
.li-item-img li:hover .list-info i {
    display: block;
}

.footer {
    width: 100%;
    overflow: hidden;
    height: 150px;
    background-size: cover;
    margin-top: 40px;
    background: url(../image/b-bg.png) no-repeat;
}
.footbox {
    width: 1200px;
    margin: 0 auto;
}
.foot-left {
    float: left;
    width: 320px;
    margin-top: 30px;
}
.foot-center .dl {
    padding: 40px 0;
}
.foot-center .dt {
    color: #fff;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 30px;
}
.foot-center .dd {
    float: left;
    width: 50%;
    font-size: 13px;
    line-height: 30px;
    color: #fff;
}
.foot-center .dd a {
    color: #fff;
}
.foot-center .dd a:hover {
    text-decoration: underline;
}
.foot-center-cont {
    overflow: hidden;
    padding-bottom: 15px;
    padding-top: 25px;
}
.foot-center-cont .tit {
    padding: 0;
    background: none;
    margin-bottom: 10px;
    font-size: 18px;
    height: 30px;
    color: #fff;
    line-height: 30px
}
.foot-center-cont .cont {
    color: #fff;
    line-height: 30px;
}
.foot-right {
    float: right;
    width: 400px;
}
.foot-right ul li {
    float: left;
    width: 110px;
    margin-left: 26px;
    text-align: center;
    color: #eee;
    line-height: 40px;
}
.foot-right ul li span {
    display: block;
    height: 110px;
    overflow: hidden;
}
.foot-right ul li span img {
    width: 100%;
    height: auto;
}

.icon-box {
    position: fixed;
}
.box {
    width: 52px;
    height: 162px;
    position: fixed;
    right: 1%;
    bottom: 12%;
    z-index: 1000;
}
.box ul li {
    width: 52px;
    display: block;
    height: 52px;
    margin: 5px 0;
    overflow: hidden;
}
.weixin {
    background: url(../image/elevator.png) no-repeat;
    background-position: 0px -860px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.weixin:hover {
    background-position: 0 -923px
}
.weixin:hover .weixin-logo {
    width: 170px;
    height: 204px;
}
.douyin {
    background: url(../image/elevator.png) no-repeat;
    background-position: 0 -426px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.douyin:hover {
    background-position: 0 -488px;
}
.douyin:hover .douyin-logo {
    width: 170px;
    height: 204px;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.app {
    background: url(../image/elevator.png) no-repeat;
    background-position: 0 -550px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.app:hover {
    background-position: 0 -612px;
}
.app:hover .app-logo {
    width: 170px;
    height: 185px;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}
.douyin-logo {
    background: url(../image/elevator.png) no-repeat;
    background-position: 0 -1050px;
    width: 0px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    top: -80px;
    left: -171px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.weixin-logo {
    background: url(../image/elevator.png) no-repeat;
    background-position: 0 0;
    width: 0px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    top: -154px;
    left: -171px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.app-logo {
    background: url(../image/elevator.png) no-repeat;
    background-position: 0 -227px;
    width: 0px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    top: -18px;
    left: -171px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}
.top {
    background: url(../image/elevator.png) no-repeat;
    background-position: 0 -674px;
}
.top:hover {
    background-position: 0 -736px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}