﻿*{
    margin: 0;
    padding: 0;
}
body {
    font-size: 12px;
    line-height: 25px;
    background-image: url(../images/bg1.png);
    background-size: 100% auto; /* 横向拉伸，保持宽高比 */
    background-repeat: no-repeat; /* 防止图片重复 */
    background-position: center center; /* 图片居中 */
    color: #555555;
    margin: 0 auto;
}
a {
    color: #555555;
    text-decoration: none;
}
a:hover {
    color: #ff4e00;
}
img {
    border: 0;
}
ul, li, dl, dt, dd {
    list-style: none;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.clear:after{
    content: '';
    display: block;
    clear: both;
}
.center{
    width: 1200px;
    margin: 0 auto;
}


.full-screen{
    height: 100vh;
    position: relative;
    overflow: hidden;
}

/*---------------header---------------*/
.soubg {

    width: 100%;
    
    background: linear-gradient(to bottom, #99999966,  #f4f4f466, #99999966);
}
.sou{
    /* margin-left: 50px; */
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
}

.soubg img.xh{
    margin-top:10px;
    margin-right: 50px;
    width: 150px;
    margin-bottom: 10px;
}

.soubg img.xm{
    margin-top:10px ;
    height: 120px;
    margin-bottom: 10px;
}


.center{
    width: 1200px;
    min-width: 1200px;
    margin: 80px auto;
    text-align: center;
}
.center .name{
    
    height: 150px;
}
/*---------------Footer---------------*/
.b_btm_bg {
    
    min-width: 1200px;
    overflow: hidden;
    margin: 30px auto;
    padding: 20px;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
}

.b_btm_c {
    background-color: #FFFFFF99;
}
.b_btm ul{
    /* margin-left: 50px; */

}



.b_btm li {
    color: #888888;
    font-size: 14px;
    width:200px;
    float:left;
    margin-left:25px;
    text-align: center;
}
.b_btm li img{
    transition: all 0.5s;
}
.b_btm li img:hover{
    transform: rotate(360deg) scale(1.2);
}




.b_btm li h2 {
    color: #3e3e3e;
    font-size: 16px;
    font-weight: normal;
}


.btmbg {
    width: 100%;
    min-width: 1200px;
    overflow: hidden;
    
    padding: 30px 0 40px 0;
    border-top: 1px solid #eaeaea;
  
}

.btm {
    width: 1200px;
    overflow: hidden;
    color: #999999;
    text-align: center;
}

.btm a {
    color: #999999;
}

.btm a:hover {
    color: #999999;
    text-decoration: underline;
}

.btm img {
    width: 98px;
    height: 33px;
    display: inline-block;
    margin: 15px 5px 5px 5px;
    border: 1px solid #d9d9d9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}



