/*.load{display: none}*/

.pcShow {

    display: block;

}



.phoneShow {

    display: none;

}



.load.pcShow {

    display: none

}



.padShow {

    display: block

}



.wal {

    width: 20rem;

    margin: 0 auto

}



header {

    width: 100%;

    height: 1.58rem;

    position: relative;

    box-shadow: 0 0 12px #dcdbdb;

}



header.transparent {

    position: absolute

}



header .bg {

    position: absolute;

    width: 100%;

    opacity: 0;

    height: 1.58rem;

    background: #fff;

    z-index: 9;

}



header .bg.on_1 {

    animation: d5 0.3s forwards;

    animation-delay: 0.4s

}



header .bg.on {

    opacity: 1

}



@keyframes d5 {

    0% {

        opacity: 1

    }

    100% {

        opacity: 0

    }

}



header .wal {

    height: 100%;

    position: relative

}



header .headerContainer {

    position: relative;

    z-index: 101

}



header .headerContainer .wal .logo {

    float: left;

    height: 1.58rem;

}



header .headerContainer .wal .logo a {

    display:block;

    vertical-align: middle;

    width: 2.61rem;

    height: 0.74rem;

    position: relative;

    top: 40%;

    transform: translateY(-50%);

}
header .headerContainer .wal .ad{ display:none !important}

header .headerContainer .wal .logo a img{display: inline-block;width:100%;vertical-align: top}

header.transparent .headerContainer .wal .logo a {

    background: url("../image/logo01.png") no-repeat;

    background-size: cover

}



header.transparent.active .headerContainer .wal .logo a {

    background: url("../image/logo01-1.png") no-repeat;

    background-size: cover

}



header .headerContainer .wal .navList li {

    display: inline-block;

    margin: 0 0.2rem;

    line-height: 1.5rem;

    cursor: pointer

}

header .headerContainer .wal .navList li.menu{margin: 0;}





header .headerContainer .wal .navList li > a {

    font-size: 0.28rem;

    color: #999;

    display: block;

    line-height: 1.5rem;

    transition: color 0.3s ease

}



header .headerContainer .wal .navList li > a:hover {

    color: #2096d4;

}



header .headerContainer .wal .navList li div.tab {

    display: inline-block;

    padding: 0 0.2rem

}



header .headerContainer .wal .navList li div.tab span {

    color: #999;

    display: block;

    line-height: 1.5rem;

    font-size: 0.28rem;

    height: 100%;

    transition: color 0.3s ease;

    position: relative;

    z-index: 1002

}



header.transparent .headerContainer .wal .navList li div.tab span {

    color: rgba(254, 254, 254, .7)

}



header.active .headerContainer .wal .navList li div.tab span {

    color: #999

}



header .headerContainer .wal .navList li div.tab span:hover, header .wal .navList li div.tab span.on {

    color: #333

}



header .headerContainer .navBg {

    overflow: hidden;

    height: 0;

    width: 100%;

    background: #fff;

    position: absolute;

    top: 1.58rem;

    left: 0;

    z-index: 1000;

    transition: height 0.5s;

    box-shadow: 0 12px 50px -18px #dcdbdb;

}

header .headerContainer.headerSlide .navBg{top: 1rem}



header .headerContainer .navBg.active {

    height: 9.62rem;

}



header .headerContainer .tab .container > a {

    position: absolute;

    right: 0;

    bottom: 30px;

    line-height: 1em;

    font-size: 0.28rem;

    color: #484848;

    border-bottom: 1px solid #484848

}



header .headerContainer .container {

    position: absolute;

    top: 1.5rem;

    left: 0;

    overflow: hidden;

    background: #fff;

    z-index: 1001;

    width: 100%;

    height: 0rem;

}

header .headerContainer.headerSlide .container{top: 1rem}

header.headerSlide .headerContainer .container{top: 1rem}



header .headerContainer .tab:first-child .container.active {

    padding-top: 1rem

}



header .headerContainer .container.active {

    animation: d1 0.5s forwards

}



@keyframes d1 {

    0% {

        height: 0;

    }

    100% {

        height: 9.62rem;

    }

}



header.transparent .headerContainer .wal .navList li > a {

    color: rgba(254, 254, 254, 0.7)

}



header.transparent .headerContainer .wal .navList li > a:hover {

    color: #fff

}



header.transparent.active .headerContainer .wal .navList li > a {

    color: #999

}



header.transparent.active .headerContainer .wal .navList li > a:active {

    color: #333

}



header .pcShow .container .content {

    float: left;

    position: relative;

    left: 100px;

    opacity: 0;

    margin-left: 1.4rem;

}

header .pcShow .tab:nth-child(1) .container .content{width: 24%;margin-left: 10px}



header .pcShow .container.active .content {

    animation: d2 1s forwards;

}



header .pcShow .container.active .content:nth-child(2) {

    animation-delay: 0.1s

}



header .pcShow .container.active .content:nth-child(3) {

    animation-delay: 0.2s

}



header .pcShow .container.active .content:nth-child(4) {

    animation-delay: 0.3s

}



header .pcShow .container.active .content:nth-child(5) {

    animation-delay: 0.4s

}



header .pcShow .container.active .content:nth-child(6) {

    animation-delay: 0.5s

}



header .pcShow .container.active .content:nth-child(7) {

    animation-delay: 0.6s

}



@keyframes d2 {

    0% {

        left: 100px;

        opacity: 0

    }

    100% {

        left: 0;

        opacity: 1

    }

}



header .pcShow .container .content .tittle {

    line-height: 3em;

    font-size: 0.32rem;

    color: #333333;

    font-weight: bold;

    padding-left: 0.8rem;

}



header .pcShow .container .content a {

    display: block;

    line-height: 1.2em;

    font-size: 0.28rem;

    color: #484848;

    margin-bottom: 0.5rem;

    transition: color 0.3s ease;

}



header .pcShow li .tab:nth-child(1) .container .content a {

    padding-left: 0.8rem

}



header .pcShow .container .content a:hover {

    color:#2096d4;

}



header .pcShow .container .content .imgDiv img {

    height: 2.65rem

}



header .pcShow .container .content p {

    font-size: 0.28rem;

    color: #666666;

    text-align: center;

}



header .pcShow .tab:nth-child(2) .container .content {

    margin-left: 0;

    transition: all 0.3s ease;

    position: relative;

    top: 0;

    width: 14.2%;

    text-align: center;

}

header .pcShow .tab:nth-child(2) .container .content:hover{

    top: -20px;

}

header .pcShow .tab:nth-child(2) .container .content:hover p{color: #2096d4}





header .pcShow .tab:nth-child(2) .container.active {

    padding-top: 2.3rem

}





.language {

    font-size: 0.32rem;
	color: #666;
	background:url(../images/tel.png) no-repeat left center; padding-left:0.5rem;
	line-height: 1.56rem;
	margin-left: 0.5rem

}



.language a {

    display: inline-block;

    font-size: 0.28rem;

    color: #666;

    transition: color 0.3s ease;

    border-bottom: 3px solid transparent;

    line-height: 1.2em

}



.language a.active {

    border-color: #666

}

.language a:hover{color: #2096d4;border-color: #2096d4}





header .headerContainer.headerSlide {

    position: fixed;

    background: #fff;

    z-index: 10000;

    height: 1rem;

    top: -1rem;

    animation: h1 0.5s forwards;

    width: 100%;

    box-shadow: 0 0 12px #dcdbdb;

}



header .headerContainer.headerSlide .wal .navList li div.tab span {

    line-height: 1rem

}



header .headerContainer.headerSlide .wal .navList li > a {

    line-height: 1rem

}



header .headerContainer.headerSlide .wal .navList li {

    line-height: 1rem

}



header .headerContainer.headerSlide .language {

    line-height: 1rem

}



header .headerContainer.headerSlide .wal .logo a {

    width: 1.92rem;

    height: 0.54rem

}



header .headerContainer.headerSlide .wal .logo {

    line-height: 1rem;

    height: 1rem

}



@keyframes h1 {

    0% {

        top: -1rem

    }

    100% {

        top: 0rem

    }

}

header .headerContainer .tab .container.active>a {

    opacity: 0;

    animation: dd2 0.3s ease-in forwards;

    animation-delay: 0.7s;

}

@keyframes dd2 {

    0% {

        opacity: 0;

    }

    100% {

    opacity: 1;

    }

}

.newsTab {

    padding-top: 1.4rem;

    border-top: 1px solid #f0f0f0

}



.newsTab .tab li {

    border: 1px solid #c6c6c6;

    padding: 0.17rem;

    padding-left: 0.8rem;

    margin-bottom: 0.2rem

}



.newsTab .tab li .right {

    width: 6.08rem;

    height: 4.56rem;

    float: right

}



.newsTab .tab li .left {

    float: left;

    width: 12rem

}



.newsTab .tab li .left .msg {

    color: #666666;

    font-size: 0.28rem;

    line-height: 0.54rem

}



.newsTab .tab li .left .tittle {

    font-size: 0.36rem;

    color: #333;

    padding-top: 0.85rem;

    position: relative;

    padding-bottom: 0.4rem

}



.newsTab .tab li .left .tittle a {

    display: block;

    width: 85%

}



.newsTab .tab li .left .tittle .date {

    position: absolute;

    right: 0;

    top: 0.95rem;

    color: #999999;

    font-size: 0.28rem;

    line-height: 0.36rem;

}



.newsTab .wal span {

    display: block;

    text-align: center;

    font-size: 0.32rem;

    color: #333;

    padding-top: 0.7rem;

    padding-bottom: 1.8rem

}

.newsContent {

    border-top: 1px solid #f0f0f0

}



.newsContent .wal {

    padding: 0.6rem;

}



.newsContent .wal .tittle {

    color: #333;

    font-size: 0.36rem;

    line-height: 0.6rem

}



.newsContent .wal .date {

    color: #999;

    font-size: 0.28rem

}



.newsContent .wal .content {

    padding-top: 0.5rem

}



.newsContent .wal .content p {

    font-size: 0.28rem;

    line-height: 2em;

    color: #666;

    margin-bottom: 0.5rem

}



.newsContent .wal .content p img {

    width: 100%

}