@charset "utf-8";
* {
    margin: 0;
    padding: 0
}

a {
    text-decoration: none
}

ul, li {
    list-style: none
}

.lf {
    float: left
}

.rt {
    float: right
}

.ov {
    overflow: hidden
}

img {
    border: 0
}

.block {
    display: block
}

.for-you, .chiose, .xmlc-main, .hzpt-main {
    padding: 45px 0px
}

.xinwen-main {
    padding-top: 5px;
    padding-bottom: 15px
}

.case-zs {
    padding-top: 45px;
    padding-bottom: 15px
}

.gb-title {
    margin: 10px 0
}

.gb-bt {
    font-size: 42px;
    line-height: 50px;
    height: 50px;
    color: #323031;
    text-align: center
}

.annotation {
    font-size: 16px;
    line-height: 30px;
    height: 30px;
    color: #aca6a9;
    text-align: center;
    margin-top: 10px
}

.why-main {
    width: 1200px;
    margin: 0px auto;
    margin-top: 30px
}

.why-div {
    border: 1px solid #e8e8e8;
    width: 288px;
    margin-right: 10px
}

.why-div:hover {
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, .3);
    transform: translate(0);
    transition: transform .3s, box-shadow .3s
}

.why-div:nth-child {
    margin-right: 0px
}

.why-top {
    padding: 10px 10px;
    height: 160px
}

.why-top:nth-child(1) {
    background: #f1f1f1 url(../Images/wzyx.png) no-repeat center 30px;
    background-size: 80px 65px
}

.why-top a {
    font-size: 20px;
    line-height: 30px;
    height: 30px;
    text-align: center;
    color: #323232;
    margin-top: 88px
}

.why-top p {
    font-size: 16px;
    line-height: 30px;
    height: 30px;
    text-align: center;
    color: #949494
}

.why-bottom {
    padding: 15px 25px;
    height: 106px
}

.why-bottom a {
    line-height: 25px;
    height: 25px;
    color: #a0a0a0;
    width: 119px;
    margin-right: 10px;
    font-size: 16px;
    margin: 3px 0px
}

.why-bottom a:hover {
    color: #3ccdd2
}

.why-choice {
    width: 900px;
    margin: 20px auto;
    height: 420px;
    margin-bottom: 40px
}

.why-choice img {
    width: 100%;
    height: 100%;
    display: block
}

.choice-ct {
    width: 1200px;
    margin: 0 auto;
    margin-top: 20px
}

.choice {
    padding: 0px 30px;
    padding-top: 30px;
    height: 212px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 3px
}

.choice:hover {
    /*background: #e9e9e9 url(../Images/hover.png) no-repeat 99% 150px;*/
    background-size: 260px 80px
}

.choice p {
    margin: 10px 0
}

.menu {
    overflow: hidden;
    width: 870px;
    margin: 0 auto
}

.menu li {
    float: left;
    text-align: center;
    border: 1px solid #e4e2e2;
    margin-right: 10px;
    line-height: 40px;
    height: 40px;
    width: 160px;
    border-radius: 25px;
    margin-top: 10px;
    margin-bottom: 10px
}

.menu li a {
    color: #666;
    font-size: 16px
}

.zzsc {
    width: 1200px;
    margin: 0px auto
}

.zzsc .tab {
    overflow: hidden
}

.zzsc .tab a {
    display: block;
    padding: 10px 20px;
    float: left;
    color: #666;
    font-size: 16px;
    margin-right: 10px
}

.zzsc .tab a:hover {
    background: #33ced0;
    color: #fff
}

.zzsc .tab a.tab-on {
    background: #33ced0;
    color: #fff
}

.zzsc .main-div {
    overflow: hidden
}

.zzsc .main-div li {
    display: none
}

.main-div {
    width: 1200px;
    margin: 0 auto
}

.tab {
    width: 800px;
    margin: 0 auto
}