@charset "utf-8";
/* CSS Document */
/* index */
.wrap{ width:100%; max-width:1200px; margin:0 auto;}
.op0{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.tab-cell{ display:table-cell; vertical-align:middle;}
.top{ position: absolute; left:0; top:2%; padding:0 5%; width:100%; z-index:103;display: -webkit-flex; display:flex;justify-content:space-between;align-items:center;}
.menu-calt{ width:50px; height:50px; cursor:pointer; margin-left:10px; z-index:105; position:relative; border-radius:50%;transition:all 0.5s ease;}
.menu-calt:before{ content:''; position:absolute; left:50%; top:50%; height:2px; width:20px; margin-left:-10px; margin-top:-6px; background:#fff; transition:all 0.5s ease;}
.menu-calt:after{ content:''; position:absolute; left:50%; top:50%; height:2px; width:20px; margin-left:-10px; margin-top:4px; background:#fff; transition:all 0.5s ease;}
.menu-calt.on{ background:#fff;transition:all 0.5s ease;}
.menu-calt.on:before{ background:#e40011; margin-top:-1px; transform:rotate(45deg); transition:all 0.5s ease;}
.menu-calt.on:after{ background:#e40011; margin-top:-1px; transform:rotate(-45deg); transition:all 0.5s ease;}
.top-nav{}
.top-nav li{ float:left; position:relative;}
.top-nav li > a{ color:#fff; display:inline-block; font-size:18px; line-height:50px; height:50px; padding:0 25px; position:relative;}
.top-nav li > a.cur{ color:#2D7DE0;}
.top-nav li > a.cur:before{ content:''; position:absolute; left:50%; bottom:0; width:40px; margin-left:-20px; height:2px; background:#2D7DE0;}
.top-nav li .secl{ position:absolute; width:150px; left:50%; margin-left:-75px; top:50px; border-top:3px solid #c39c61; display:none; background:#fff;}
.top-nav li .secl a{font-size: 14px; text-align:center; display:block; line-height:40px;}

.lbmlca a{ display:inline-block; line-height:30px; padding:0 15px; border-radius:15px; color:#fff; background:#2D7DE0;}


.ind-01{ padding:0 0 0 15%; margin-top:5%;}
.baolb{ padding-right:18%;}
.baolb .d1{ color:#2D7DE0; font-weight:bold; font-size:38px;}
.baolb .d2{ font-size:18px; color:#2D7DE0; margin-top:10px;}
.baolb a{ color:#cfcece; font-size:24px; background:url(../images/ht.png) no-repeat right center; padding-right:80px; transition:all 0.5s ease;}
.baolb a:hover{ background:url(../images/ht3.png) no-repeat right center; color:#2D7DE0; padding-right:90px;  transition:all 0.5s ease;}
.ptaelc{ margin-top:5%;display: -webkit-flex;display: flex;}
.ptaelc li{ height:473px; background:no-repeat center center; background-size:cover; position:relative; overflow:hidden;}
.ptaelc li:before{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0); transition:all 0.5s ease;}
.ptaelc li.on:before{ background:rgba(0,0,0,0.5); transition:all 0.5s ease;}
.ptaelc li{ width:25%; transition:all 0.5s ease 0.1s;}
.ptaelc li.on{ width:50%; transition:all 0.5s ease;}
.ptaelc li .con{ position:absolute; color:#fff; bottom:-150px; left:0; padding:0 40px 20px; z-index:2; transition:all 0.5s ease;}
.ptaelc li.on .con{ bottom:0; transition:all 0.5s ease 0.3s;padding:0 40px 140px;}
.ptaelc li .con .d1{ font-weight:bold; font-size:32px;}
.ptaelc li.on .con .d1{ font-weight:bold; font-size:32px; color:#2D7DE0;}
.ptaelc li .con .d2{ font-size:16px; line-height:25px; height:75px; overflow:hidden; margin-top:35px;}
.ptaelc li .con .d3{ margin-top:20px; line-height:30px;}
.ptaelc li .con .d3 a{ color:#fff; font-size:24px; display:inline-block; background:url(../images/ht2.png) no-repeat right center; padding-right:80px; transition:all 0.5s ease;}
.ptaelc li .con .d3 a:hover{ color:#2D7DE0; background:url(../images/ht3.png) no-repeat right center;padding-right:90px; transition:all 0.5s ease;}

.ind-02{ padding:5% 15%;}
.pbabea{ margin-top:7%;display: -webkit-flex;display: flex;justify-content:space-between;}
.pbabea li{ width:255px; text-align:center;}
.pbabea li .tit{ font-size:26px; margin:30px 0;}
.pbabea li .con{ color:#999; line-height:1.6; font-size:18px;}
.pbabea li a{ display:block; transition:all 0.5s ease;}
.pbabea li a:hover{ transform:translateY(-30px); transition:all 0.5s ease;}
.pbabea li:nth-child(2){ transition-delay:0.2s;}
.pbabea li:nth-child(3){ transition-delay:0.4s;}



.ind-03{ padding:6% 15%; background:no-repeat center center; background-size:cover;}

.ovamla{display: -webkit-flex;display: flex;justify-content:space-between; color:#fff;}
.loaec .d1{ font-weight:bold; font-size:38px;}
.loaec .d2{ font-size:18px; margin-top:10px;}
.eowlm span{ display:inline-block; position:relative; margin-left:80px; font-size:26px; padding:16px 12px; line-height:1.2; transition:all 0.5s ease;}
.eowlm span.cur{ background:#2D7DE0; transition:all 0.5s ease;}
.eowlm span:after{ content:''; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; right:-48px; top:50%; margin-top:-3px; transition:all 0.5s ease;}
.eowlm span:last-child:after{ display:none;}

.oaelm{ margin-top:8%; color:#fff;}
.oaelm .con{ width:40%;}
.oaelm .con .d1{ font-size:38px;}
.oaelm .con .d2{ line-height:30px; font-size:16px; margin-top:20px;}
.oaelm .con .d3{ margin-top:40px;}
.oaelm .con .d3 a{ color:#fff; font-size:24px; display:inline-block; background:url(../images/ht2.png) no-repeat right center; padding-right:80px; transition:all 0.5s ease;}
.oaelm .con .d3 a:hover{ color:#2D7DE0; background:url(../images/ht3.png) no-repeat right center;padding-right:90px; transition:all 0.5s ease;}
.oaelm .pic{ width:52%;}

.ind-04{ display: -webkit-flex;display: flex; }
.laeolc{ width:300px; color:#2D7DE0; padding-top:170px;}
.laeolc .d1{ font-weight:bold; font-size:38px;}
.laeolc .d2{ font-size:18px; margin-top:10px;}
.laeolc .d3{ line-height:42px; margin-top:206px;margin-bottom: 206px; font-size:16px;}
.laeolc .d4{ margin-top:50px;}
.laeolc .d4 a{ color:#999; font-size:24px; display:inline-block; background:url(../images/ht.png) no-repeat right center; padding-right:62px; transition:all 0.5s ease;}
.laeolc .d4 a:hover{ color:#2D7DE0; background:url(../images/ht3.png) no-repeat right center; transition:all 0.5s ease;}
.bolba{ width:calc(100% - 300px);display: -webkit-flex;display: flex; }
.bolba li{ width:25%; border-left:1px solid #ddd; transition:all 0.5s ease 0.1s;}
.bolba li.on{ width:50%; transition:all 0.5s ease;}
.bolba li.on .d1,
.bolba li.on .d2,
.bolba li.on .d3,
.bolba li.on .d4{
  color: #2D7DE0;
}
.bolba li a{ display:block; padding:170px 35px; position:relative; color:#666; height:984px; transition:all 0.5s ease;}
.bolba li a:before{ content:''; position:absolute; left:-1px; height:150px; width:1px; top:0; visibility:hidden; background:#2D7DE0; transition:all 0.5s ease;}
.bolba li.on a:before{ top:170px; visibility:visible; transition:all 0.5s ease;}
.bolba li a .d1{ font-size:18px; font-weight:bold; line-height:28px; height:56px; overflow:hidden;}
.bolba li a .d2{ margin-top:5px;}
.bolba li a .d3{ line-height:25px; height:75px; overflow:hidden; margin-top:30px;}
.bolba li a .d4{ margin:20px 0 60px;}
.bolba li a .d4 span{ color:#999; font-size:24px; display:inline-block; background:url(../images/ht.png) no-repeat right center; padding-right:62px; transition:all 0.5s ease;}
.bolba li a:hover .d4 span{ color:#2D7DE0; background:url(../images/ht3.png) no-repeat right center; transition:all 0.5s ease;}
.bolba li a:hover{ color:#2D7DE0; transition:all 0.5s ease;}


.foot{ padding:0 5%; background:#ededed;}
.felab{ padding:5% 0;display: -webkit-flex;display: flex;justify-content:space-between;}
.bldia .d2{ margin-top:25px;}
.felab dl dt{ font-size:18px; margin-bottom:10px;}
.felab dl dd{ line-height:32px;}
.felab dl dd a{ color:#666; transition:all 0.5s ease;}
.felab dl dd a:hover{ color:#2D7DE0; transition:all 0.5s ease;}

.vblamc .d1{ font-size:18px; margin-bottom:10px;}
.vblamc .d2{ line-height:32px; color:#666;}
.vblamc .d3{ margin-top:5px;}

.vlmba{ border-top:1px solid #ddd; padding:25px 0;display: -webkit-flex;display: flex;justify-content:space-between; color:#666;}
.mouselc{ position:absolute; color:#fff; text-align:center; position:absolute; right:5%; bottom:40px; z-index:5;}
.mouselc .d1{ margin-bottom:15px;}
.mouselc .d1 span{ display:inline-block; width:36px; height:68px; border:3px solid #fff; border-radius:18px;}
.mouselc .d1 span i{ position:absolute; left:50%; margin-left:-1px; width:2px; height:12px; background:#fff; display:block; top:15px;-moz-animation: mouse 1s ease 0s infinite; -webkit-animation: mouse 1s ease 0s infinite; animation: mouse 1s ease 0s infinite;}

@-moz-keyframes mouse {
  0% {
    top: 15px;
  }
  80% {
    top: 22px;
  }
  100% {
    top: 15px;
  }
}
@-webkit-keyframes mouse {
  0% {
    top: 15px;
  }
  80% {
    top: 22px;
  }
  100% {
    top: 15px;
  }
}
@keyframes mouse {
  0% {
    top: 15px;
  }
  80% {
    top: 22px;
  }
  100% {
    top: 15px;
  }
}

@media (min-width: 1201px){


}

@media (max-width: 1200px){
body{ padding-top:50px;}
.wrap{ max-width:768px; padding:0 3%;}



}

@media (max-width: 1440px){
.top{ padding:0 3%;}
.top-nav li > a{ font-size:16px;}
.ind-01{ padding:0;}
.baolb{ padding:0 4%;}
.ind-02,.ind-03{ padding:5% 4%;}
.ind-04{ padding-left:4%;}
.bolba li a{ height:880px;}
}


@media (max-width: 640px){


}

















.shade {position: fixed;left: 0; top: 0; z-index: 102;display: none; width: 100%;height: 100%; background-color: #000;filter: alpha(opacity=70); opacity: 0.7; }
.big-video {
    position: fixed;
    left: 50%;
    top: 10%;
    z-index: 103;
    display: none;
    margin-left: -540px;
    padding: 5px;
    background-color: #fff;
    width: 1080px;
    box-sizing: border-box;
}
.big-video-main {
    height: 602px;
}
.big-video-clo {
    position: absolute;
    right: -35px;
    top: 0;
    width: 30px;
    height: 30px;
    background: url(../images/icon30.png) no-repeat center center;
    cursor: pointer;
}
@media screen and (max-width: 1330px){
.big-video {
    width: 700px;
    margin-left: -355px;
}
.big-video-main {
    height: 400px;
}
}
@media screen and (max-width: 750px){
.big-video {
    width: 100%;
    left: 0;
    margin-left: 0;
}
.big-video-main {
    height: 185px;
}
.big-video-clo {
    right: 0;
    z-index: 21;
}
}