/*公共样式*/
.moreB { display: block;color: #fff; background: #1ab1ab; line-height: 35px; font-size: 15px; padding: 0 12px; width: 235px; transition: all 0.3s ease; overflow: hidden;}
.moreB span { float: right;}
.moreB:hover { background: #fff !important; color: #1ab1ab !important;}

.text_box1 .left { width: 50%; background: #e0dddb; position: relative;}
.text_box1 .left .border { border:#1ab1ab solid 4px; height: 80%; position: absolute; top:10%; border-right:0;}
.text_box1 .left img { width: 100%; position: inherit; z-index: 2;}
.text_box1 .right { width: 50%; background: #efefef; position: relative;}
.text_box1 .right .border { border:#1ab1ab solid 4px; height: 80%; position: absolute; top:10%; border-left:0; }
.text_box1 .right .img1 { width: 100%; opacity: 0;}
.text_box1 .right .text1 { width: 100%;}
.text_box1 .right .text { position: absolute; left:10%; top:20%; width: 68%;}
.text_box1 .right h2 { font-size: 22px; line-height: 22px; color: #1ab1ab; margin: 1vw 0 1vw;}
.text_box1 .right a:hover { color: #1ab1ab;}
.text_box1 .right .moreB { margin-top: 1vw;}

.text_box2 .left { width: 50%; position: relative; background: #efefef;}
.text_box2 .left .img1 { width: 100%; opacity: 0;}
.text_box2 .left .border { border:#1ab1ab solid 4px; height: 80%; position: absolute; top:10%; border-right:0;}
.text_box2 .left .text1 { width: 100%;}
.text_box2 .left .text { position: absolute; left:20%; top:20%; width: 72%;}
.text_box2 .left h2 { font-size: 22px; line-height: 22px; color: #1ab1ab; margin: 1vw 0;}
.text_box2 .left a:hover { color: #1ab1ab;}
.text_box2 .left .moreB { margin-top:1vw;}
.text_box2 .right { width: 50%; position: relative;}
.text_box2 .right img { width: 100%;}
.text_box2 .right .border { border:#1ab1ab solid 4px; height: 80%; position: absolute; top:10%; border-left:0; }

.content { overflow: hidden;}


/*关于我们*/
.about { padding: 125px 0; background: #efefef;}
.about .left img { transition: all 1s ease;}
.about .left .border { width:91%; left: 10%; z-index: 2;}
.about .right .border { width:90%; left:0;}


/*产品展示*/
.product { background: #2e2e2e; position: relative;overflow: hidden;}
.product .img1 { width: calc(34% - 20px); opacity: 0;}
.product ul { width:200%; margin: auto; position: absolute; left: 0; top:0; padding-left: 10px; transition: all 0.3s ease;}
.product ul li { float: left; width:calc(11% - 20px); position: relative; /*margin-top: 4.5%;*/ transition: all 0.3s ease; overflow: hidden; margin-right: 20px;}
.product ul li.on { width:17%; margin-top: 0;}
.product ul li.on i { opacity: 0;}
.product ul li.on .moreB { opacity: 1; animation:more 0.5s forwards;}
/*.product ul li:hover { width:34%; margin-top: 0;}*/
.product ul li img {  margin: auto;
    height: 582px;}
.product ul li i { position: absolute; top:0; left:0; z-index: 2; display: block;  width:100%; height: 100%; background:rgba(0,0,0,0.5);}

.product .moreB { position: absolute; bottom:8%; left:50%; opacity: 0; margin-left: -117px;  }
@keyframes more {
    0% { transform: translate(0,0); opacity: 0;}
    70% { transform: translate(0,40px); opacity: 1;}
    100% { transform: translate(0,0);}
}


.product .arrow_left { position: absolute; top:50%; left: 10%; z-index: 4;}
.product .arrow_right { position: absolute; top:50%; right: 10%; z-index: 4;}

/*市场前景*/
.market { background: #efefef;}
.market .left { z-index: 2;}
.market .left .border { width:91%; left: 10%;}
.market .right .border { width:23%; left:0; z-index: 2; }
@media (max-width: 1370px) {
    .market .left .text { top:15%;}
}

/*招商合作*/
.join { background: #efefef; }
.join .left { background: none;}
.join .left .border { width:23%; right:0; z-index: 2; height: 38vw; top:13vh;}
.join .right { padding-bottom: 28vh; z-index: 2;}
.join .right .border { width:91%; left:0; height: 38vw; top:13vh;}
.join .right .text { }


/*店面展示*/
.store { background: #dedede;}
.store .left { width: 78%; position: relative;}
.store .left > img { opacity: 0;}
.store .left li { position: absolute; left: 0; top:0; opacity: 0; width: 100%; height: 100%;}
.store .left li.on { opacity: 1;}
.store .left img { width: 100%; max-width:1130px;max-height: 650px;overflow: hidden}
.store .right { width: 20%; padding:4vw 4vw 0;}
.store .right li { position: relative; margin-bottom: 6px;
    height: 120px; overflow: hidden;}
.store .right li.on {}
.store .right li img { width: 100%;}
.store .right li span { display: block; width: 100%; height: 100%; position: absolute; top:0; left: 0; background: rgba(0,0,0,0.7); transition: all 0.3s ease;}
.store .right li.on span { opacity: 0;}
.store .right .moreB { width: 100%;}


/*新闻中心*/
.news { background: #efefef; padding: 88px 0;}
.news h2 img { margin:0 auto 37px;}
.news ul { width: 1245px; margin: auto;}
.news ul li { height: 130px; padding: 0 0 0 19px; margin-bottom: 28px; transition: all 0.3s ease; background: #fff;

    width: 49%;
    float: left;

}
.news ul li:first-child,
.news ul li:nth-child(3) {
    margin-right: 1%;
}
.news ul li a { overflow: hidden; color: #c4c4c4;}
.news ul li .left { margin-top: 36px; width: 100px; border-right:#c4c4c4 solid 2px;}
.news ul h2 { font-size: 18px; line-height: 18px; color: #c4c4c4;}
.news ul h3 { font-size: 27px; line-height: 27px; color: #1ab1ab; margin-top: 13px;}
.news ul li .right { width: 450px; position: relative;}
.news ul li .right p { line-height: 36px; height: 72px; margin-top: 28px; width: 320px; overflow: hidden; float: left; text-overflow: ellipsis;}
.news ul li .arrow { transition: all 0.3s ease; background: url("/assets/img/arrowB.gif") no-repeat; width: 58px; height: 58px; position: absolute; right:62px; top:33px;}
.news ul li:hover { background: #1ab1ab; color: #fff; box-shadow: 0 8px 12px rgba(0,0,0,0.1);}
.news ul li:hover h2,.news ul li:hover h3 { color: #fff;}
.news ul li:hover p { color: #fff;}
.news ul li:hover .arrow { background: url("/assets/img/arrowW.gif") no-repeat; right:19px;}

.news .moreB { margin: auto;}



.bigtitle {
    font-size: 100px;
    color: #1AB1AB;
    line-height:100px;
    font-weight: bold;
    font-family: 'Lucida Grande';
}
.textbody a {
    color:#4A4A4A;
}
#player {
    position: absolute;
    top: 200px;
    right: 45px;
    background: #000;
    height: 325px;
    width: 550px;
    z-index: 999;
    padding:10px;
    text-align:center;
}
#player embed {
    width: 100%;
    height: 410px;
}
#player video {
    width:100%;
}
.block_title {
    margin:0 auto;
    font-size:24px;
    text-align:center;
    color: #1AB1AB;
    font-weight:bold;
    padding-bottom: 55px;
}
.block_title span {
    font-size:32px;
    font-weight:bold;
    font-family: 'Lucida Grande';
}