#wrap {
	max-width: 1920px;
	min-width: 1200px;
	margin: 0 auto;
}
header{
    width: 100%;
    background: rgba(29,13,16,0.70);
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
}
.head-con{
    width: 1160px;
    height: 100%;
    margin:0 auto;
    padding-left: 40px;
    overflow: hidden;
}
.head-con img{
    float: left;
    margin-right: 112px;
    margin-top: 10px;
}
.head-con ul{
    float: left;
    height: 100%
}
.head-con ul li{
    float: left;
    height: 50px;
    margin:0 20px;
    line-height: 50px;
    color: #fff;
    font-size: 15px;
}
.head-con ul li a{
    text-decoration: none;
    color: #fff;
    font-size: 15px;
}
#banner{
    width: 100%;
    height: 600px;
    background: red;
    background: url(../img/banner.jpg) no-repeat center center;
}
#section{
    width: 100%;
    height: auto !important;
    height: 500px;
    min-height: 500px;
    background: url(../img/bg.png) no-repeat left center;
}
.sec-con{
    width: 1200px;
    height: 100%;
    background: #FFFFFF;
    box-shadow: 0 2px 9px 0 rgba(0,0,0,0.25);
    margin:0 auto;
}
.title{
    padding-top: 50px;
    margin-bottom: 40px;
}
#sec3 .title{
    margin-bottom: 60px;
}
#sec1,#sec2,#sec3,#sec6,#sec7{
    width: 1000px;
    padding:0 100px;
}
#sec1{
    background: url(../img/huaright.png) no-repeat right 50px bottom;
}
#sec1>p{
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    line-height: 26px;
    text-indent: 30px;
}
.btn-a{
    padding-left: 250px;
    cursor: pointer;
}
.margin-30{
    margin-bottom: 30px;
}
.sec1-con .sec1-img{
    float: left;
    margin-right: 25px;
}
.sec1-con .sec1-right p{
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    line-height: 26px;
    margin-bottom: 30px;
    text-indent: 30px;
}

#sec2 .sec2-tips{
    text-align: center;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
    line-height: 26px;
    margin-bottom: 40px;
}
#sec2{
    background: url(../img/hualeft.png) no-repeat left 150px top 180px;
}
.sec2-con dl{
    float: left;
    width: 24.5%;
    text-align: center;
}
.sec2-con dl.bor-r{
    border-right: 1px solid #979797;
}
.sec2-con dl p{
    text-align: center;
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
    line-height: 26px;
}
.sec2-con dl p.dl-tit{
    font-size: 18px;
    color: #A32E34;
    letter-spacing: 0;
    text-align: center;
    line-height: 26px;
    margin:10px 0;
}
.sec2-con dl p.mar-top{
    margin-top: 40px;
}
.sec3-con {
    height: 960px;
    overflow: hidden;
    background: url(../img/huaright.png) no-repeat right 130px top 160px;
}
.show-more{
    width: 100%;
    height: 240px;
    background: url(../img/jiao1.png) no-repeat left center;
    background-size: 100%;
    text-align: center;
    padding-top: 50px;
    overflow: hidden;
    position: relative;
}
.show-more .show-btn{
   padding-top: 30px;
   display: inline-block;
   cursor: pointer;
}
.show-more .show-btn:before{
    content: "V";
    font-size: 14px;
    color: #7E1A1D;
    width: 18px;
    height: 14px;
    text-align: center;
    line-height: 14px;
    position: absolute;
    top:0;
    left: 50%;
    margin-left: -9px;
    animation: arrow infinite 1.5s;
    -webkit-animation: arrow infinite 1.5s;
}
.show-more .show-btn:after{
    content: "V";
    font-size: 14px;
    color: #7E1A1D;
    width: 18px;
    height: 14px;
    text-align: center;
    line-height: 14px;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -9px;
    animation: arrow infinite 1s;
    -webkit-animation: arrow infinite 1s;
}
.sec3-con dl{
    float: left;
    text-align: center;
    width: 25%;
    height: 320px;
}
.sec3-con dd p.name{
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
    line-height: 26px;
    margin:10px 0;
    font-weight: bolder;
}
.sec3-con dl p{
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
    line-height: 26px;
}

#sec4 .title{
    padding-right: 100px;
    background: url(../img/hualeft.png) no-repeat left 150px center;
}
.sec4-con{
    width: 1160px;
    padding:20px;
    background: rgba(216, 216, 216, 0.2);
}
.sec4-con .tab {
    margin-bottom: 30px;
}
.sec4-con .tab span{
    display: inline-block;
    height: 81px;
    width: 275px;
    text-align: center;
    background-color: #C28A8D;
    font-size: 20px;
    line-height: 81px;
    color: #fff;
    margin-right: 15px;
    cursor: pointer;
}
.sec4-con .tab span.active{
    background-color: #7E1A1D;
}
.sec4-con .tab span:last-child{
    margin-right: 0;
}
.sec4-con .show-con img{
    float: left;
    width: 335px;
    height: 510px;
    margin-right: 40px;
}
.sec4-con dl{
    display: none;
    
}
.sec4-con dl dd{
    padding-left: 375px;
}
.sec4-con dl.active{
    display: block;
}
.sec4-con .show-con .time span{
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    line-height: 26px;
    margin-right: 40px;
    font-weight: bolder;
}
.sec4-con .show-con .time>div{
    padding-left: 145px;
    padding-top: 10px;
}
.sec4-con .show-con .time>div p{
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    line-height: 28px;
}
#sec5 .tap span{
    display: inline-block;
    background: #BF8D8E;
    width: 560px;
    height: 81px;
    line-height: 81px;
    text-align: center;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 2px;
    margin: 20px;
    cursor: pointer;
}
#sec5 .tap span.margin-0{
    margin: 0;
}
#sec5 .tap span.active{
    background: #7E1A1D;
}
#sec5 .title{
    padding-left: 100px;
}
.swiper-wrapper img{
    width: 580px;
    height: 387px;
}
.swiper-wrapper{
    margin-bottom: 30px;
}
.swiper-container{
    padding:0 20px;
}
.sec5-item{
    display: none;
}
.sec5-item.active{
    display: block;
}
.sec5-info{
    width: 1150px;
    height: 176px;
    background: rgba(216, 216, 216, 0.2);
    padding-left: 50px;
}
.info-tit{
    font-size: 20px;
    color: #871C1F;
    letter-spacing: 2px;
    padding:20px 0;
}
.info-con p a{
    float: left;
    width: 50%;
    text-align: left;
    margin-bottom: 16px;
    font-size: 14px;
    color: #333333;
    text-decoration: none;
}
.info-con p a span{
    font-size: 14px;
    color: #333333;
    letter-spacing: 1.4px;
    font-weight: bolder;
}
.sec5-video{
    padding-left: 50px;
    padding-top: 30px;
}
#media1{
    margin-right: 79px;
}

#sec6{
    background: url(../img/huamin.png) no-repeat right 150px top 50px;
}
.sec6-con{
    padding-left: 70px;
    position: relative;
    height: 900px;
}
.sec6-con p{
    font-size: 26px;
    color: #333333;
    letter-spacing: 0;
    margin-bottom: 50px;
}
.sec6-con .work1 img{
    margin-right: 60px;
}

.sec6-con .work2 img{
    margin-right: 45px;
    margin-bottom:44px;
}
.sec6-con .work2 img.mar-0{
    margin-right: 0;
}
.sec6-mi{
    width: 50%;
    text-align: center;
}
.sec6-mi1{
    position: absolute;
    left: 0;
    top: 0;
}
.sec6-mi2{
    position: absolute;
    right: 0;
    top: 0;
}
.sec6-mi3{
    position: absolute;
    left: 0;
    top: 230px;
}
.sec6-mi4{
    position: absolute;
    right: 0;
    top: 230px;
}
.sec6-mi5{
    position: absolute;
    left: 0;
    top: 420px;
}
.sec6-mi5 p{
    text-align: center;
}
.sec6-mi5>div{
    padding-left: 50px;
}


#sec7{
    background: rgba(216, 216, 216, 0.2);
}
.sec7-con>div{
    float: left;
}
.sec7-left{
    width: 40%;
    text-align: center;
}
.sec7-left .sec7-tit{
    font-size: 20px;
    color: #333333;
    letter-spacing: 0;
    font-weight: bolder;
    margin-bottom: 60px;
}
.sec7-left dl img{
    margin-bottom: 20px;
}
.sec7-left dl {
    margin-bottom: 20px;
}
.sec7-left dl p{
    font-size: 14px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
}
.sec7-right{
    text-align: center;
    width: 60%;
}
.sec7-right .right-tit{
    font-size: 20px;
    color: #333333;
    letter-spacing: 0;
    font-weight: bolder;
    margin-bottom: 18px;
}
.sec7-right img{
    margin-bottom: 28px;
}
form input[type=text]{
    background: none;
    background: #FFFFFF;
    border: 1px solid #979797;
    box-shadow: inset 3px 3px 4px 0 rgba(0,0,0,0.14);
    border-radius: 8px;
    width: 495px;
    height: 41px;
    margin-bottom: 20px;
}
form input[type=submit]{
    width: 175px;
    height: 41px;
    background: url(../img/submit.png) no-repeat left center;
    background-size: 100%;
}

form input[type=text]::-webkit-input-placeholder { /* WebKit browsers */
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    padding-left: 10px;
}
form input[type=text]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    padding-left: 10px;
}
form input[type=text]::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    padding-left: 10px;
}
form input[type=text]:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-size: 14px;
    color: #666666;
    letter-spacing: 0;
    padding-left: 10px;
}



@-webkit-keyframes arrow{
	from{ opacity:1}
	50%{ opacity:0}
	to{ opacity:1}
}

@keyframes arrow{
	from{ opacity:1}
	50%{ opacity:0}
	to{ opacity:1}
}










#footer{
    width: 100%;
    height: 100px;
    background: #3C191F;
}
.foot-con{
    width: 1200px;
    height: 100%;
    margin:0 auto;
}
.foot-con p{
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 100px;
}
