@charset "UTF-8";

.l-content {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    /* font-family: "Microsoft YaHei", Helvetica, Simsun, Simhei, Arial, sans-serif; */
    font-family: "Microsoft YaHei", Simsun, Simhei;
    color: #000;
    overflow: hidden;
}

.l-content a {
    text-decoration: none;
}

.l-content img {
    border: 0;
	display: inline-block;
}

ul,
ol {
    list-style: none;
}

.l-content i {
    font-style: normal;
}

.l-content * {
    margin: 0;
    padding: 0;
    line-height: 1;
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
}

.l-content .banner{background: url(../images/banner_04.jpg) no-repeat center; height: 212px;}
.l-content .banner .banner-btn{padding: 55px 156px 0; display: flex; justify-content: space-around;}
.l-content .banner .banner-btn p{display:block; margin: 5px 39px 0; width: 368px; height: 102px; text-align: center; display: flex; justify-content: center;}
.l-content .banner .banner-btn a{ display: flex; justify-content: center; width: 100%; height: 100%; text-align: center; transition: all .3s;}
.l-content .banner .banner-btn a img{width: 100%; height: 100%;transition: all .3s;}
.l-content .banner .banner-btn a:hover{-webkit-animation: element .5s infinite linear; -moz-animation: element .5s infinite linear; -ms-animation: element .5s infinite linear;}


.l-content .banner{background: url(../images/banner_04.jpg) no-repeat center; height: 212px;}
.l-content .banner .banner-btn{padding: 55px 156px 0; display: flex; justify-content: space-around;}
.l-content .banner .banner-btn p{display:block; margin: 5px 39px 0; width: 368px; height: 102px; text-align: center; display: flex; justify-content: center;}
.l-content .banner .banner-btn a{ display: flex; justify-content: center; width: 100%; height: 100%; text-align: center; transition: all .3s;}
.l-content .banner .banner-btn a img{width: 100%; height: 100%;}
.l-content .banner .banner-btn a:hover{-webkit-animation: element .5s infinite linear; -moz-animation: element .5s infinite linear; -ms-animation: element .5s infinite linear;}


.l-content .hezuo {position: fixed; bottom: 8px; left: 0; height: 120px; width: 100%; display: none;}
.l-content .hezuo .hezuo-btn{width: 1200px; margin: 0 auto; height: 100%; background: rgba(0,0,0,.5); display: flex; justify-content: center; align-items: center;}
.l-content .hezuo .hezuo-btn a{display:block; margin: 5px 39px 0; width: 368px; text-align: center;}
.l-content .hezuo .hezuo-btn a img{transition: all .3s;}
.l-content .hezuo .hezuo-btn a:hover img{-webkit-animation: element .5s infinite linear; -moz-animation: element .5s infinite linear; -ms-animation: element .5s infinite linear;}

.l-content .bot-h{height: 120px; width: 100%; background: rgba(0,0,0,.7);}

@keyframes element {
	0%   {width:100%;height:100%}
	25%  {width:97%;height:97%}
	50%  {width:94%;height:94%}
	75%  {width:97%;height:97%}
	100% {width:100%;height:100%}
}

.l-content .choose{height: 1180px; padding: 42px 42px 44px 48px; box-sizing: border-box;}

.l-content .choose-con {
    position: relative;
    overflow: hidden;
}

.l-content .choose-con .view {
    position: relative;
    height: 1100px;
}

.l-content .choose-con .view .img-1 {
    margin-top: 0;
    width: 730px;
    height: 180px;
}

.l-content .choose-con .pictures img {
    position: absolute;
}

.l-content .choose-con .pictures .img-2 {
    top: 206px;
    left: 0;
    width: 730px;
    height: 430px;
}

.l-content .choose-con .pictures .img-3 {
    top: 0;
    left: 760px;
    width: 350px;
    height: 636px;
}

.l-content .choose-con .pictures .img-4 {
    top: 668px;
    left: 0;
    width: 350px;
    height: 430px;
}

.l-content .choose-con .pictures .img-5 {
    top: 668px;
    left: 380px;
	width: 350px;
	height: 430px;
}

.l-content .choose-con .pictures .img-6 {
    top: 668px;
    left: 760px;
    width: 350px;
    height: 430px;
}

.l-content .mail{position: relative;}

.l-content .mail a{color: #E8E8E8; position: absolute; bottom: 60px; left: 480px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 28px;}

.l-content .mail a:hover{text-decoration: underline;}