@charset "utf-8";
/* CSS Document */
/* index */
body{ padding-top:125px;}
.op0{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.wrap{ width:1140px; margin:0 auto;}
.tab-cell{ display:table-cell; vertical-align: middle;}
.mob-nav{ display:none; width:50px; height:50px; background-size:auto 40%; position:relative;}
.mob-nav:before{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-8px; background:#333; transition:all 0.5s ease;}
.mob-nav:after{ content:''; position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:6px; background:#333; transition:all 0.5s ease;}
.mob-nav span{position:absolute; left:50%; top:50%; height:2px; width:26px; margin-left:-13px; margin-top:-1px; background:#333; transition:all 0.5s ease;}
.mob-nav.on{ transition:all 0.5s ease;}
.mob-nav.on:before{ margin-top:-1px; transform:rotate(45deg); transition:all 0.5s ease;}
.mob-nav.on:after{ margin-top:-1px; transform:rotate(-45deg); transition:all 0.5s ease;}
.mob-nav.on span{width:0;transition:all 0.5s ease;}

.top{ position: fixed; left:0%; top:0px; padding:0 12%; background:#fff; box-shadow:0 0 5px 10px rgba(0,0,0,0.25); width:100%; z-index:5; transition:all 0.5s ease;}

.t-logo{ padding:25px 0;}
.t-logo a{ display:block;}
.ebncm{ line-height:40px; padding-top:10px; font-size:16px;}
.ebncm img{ margin-right:10px;}
.ebncm span{ margin:0 5px;}

.mvuaec{ border-bottom:1px solid #ddd; padding:35px 0;}
.mvuaec .d1{ font-size:36px;}
.mvuaec .d2{ color:#999; margin-top:12px;}
.edit-con{ padding:4% 0; line-height:2; font-size:16px;}
.mb-back{ padding-top:35px; border-top:1px solid #ddd; position:relative;}
.mb-back p{ padding:3px 0; font-size:16px; line-height:25px;}
.mb-back a.back{ position:absolute; display:inline-block; right:0; top:45px; line-height:45px; padding:0 35px; border:1px solid #0a92f6; color:#0a92f6;}

.T-nav{}
.T-nav > li{ float:left; position:relative; margin-left:70px;}
.T-nav > li > a{ line-height:50px; font-size:18px; display:block; position:relative; transition:all 0.5s ease;}
.T-nav > li > a:after{ content:''; position:absolute; width:0; height:3px; background:#fc6724; left:50%; bottom:0; transform:translateX(-50%); transition:all 0.5s ease;}
.t-logo a{ display:block;}
.T-nav > li .thr{ position:absolute; left:50%; margin-left:-60px;  top:50px; width:120px; background:#f9f9f9; box-shadow:0 0 10px rgba(0,0,0,0.1); display:none;}
.T-nav > li .thr a{ display:block; line-height:40px; text-align:center;}
.eolcac{ padding:0 12%;}
.ind-01{ padding:4% 0;}
.volea{ font-size:30px; color:#d80c18; padding-bottom:10px;}
.volea:before{ content:''; position:absolute; bottom:0; left:50%; height:2px; width:50px; margin-left:-25px; background:#ccc;}
.vutea{ margin-top:4%;}
.vutea a{ display:inline-block; border:1px solid #ddd; width:125px; line-height:40px;}
.vomba .prev,.vomba .next{ position:absolute; top:50%; width:40px; height:40px; cursor:pointer; margin-top:-20px; background:#f6f6f6 no-repeat center center;}
.vomba .prev{ background-image:url(../images/left03.png); left:-60px;}
.vomba .next{ background-image:url(../images/right03.png); right:-60px;}

.ind-02{ background:url(../images/l.png) repeat-x left top;}
.ind-02 .cont{ width:47%;}
.ind-02 .cont .d1{ font-size:30px; color:#d80c18; padding-bottom:10px; text-transform:uppercase; position:relative;}
.ind-02 .cont .d1:before{ content:''; position:absolute; bottom:0; left:0%; height:2px; width:50px; background:#ccc;}
.ind-02 .cont .d2{ font-size:16px; line-height:28px; height:280px; overflow:hidden; margin-top:20px; color:#787878;}
.ind-02 .cont .d3{ margin-top:50px;}
.ind-02 .cont .d3 a{display:inline-block; border:1px solid #ddd; width:125px; line-height:40px; text-align:center;}

.ind-02 .pic{ width:50%;}
.ind-02 .pic img{ width:125%; max-width:125%; border-bottom-left-radius:80px;}

.enoeac li{ width:49%; float:left; margin-top:2%;}
.enoeac li:nth-child(2n){ float:right;}
.enoeac li a{ display:block; border:1px solid #ddd; padding:18px;}
.enoeac li a .pic{ width:48%;}
.enoeac li a .pic img{ width:100%; height:186px; object-fit:cover;}
.enoeac li a .con{ width:48%; padding-top:20px;}
.enoeac li a .con .d1{ font-size:16px; line-height:30px; height:30px; overflow:hidden;}
.enoeac li a .con .d2{ color:#999; line-height:25px; height:75px; overflow:hidden;}
.enoeac li a .con .d3{ margin-top:15px; line-height:25px; color:#999; background:url(../images/rg.png) no-repeat right center;}


.ind-03{ padding:6% 0; background:#f3f4f8 url(../testimg/t5.png) no-repeat center center;}
.ind-03 .d1{font-size:30px; color:#d80c18;}
.ind-03 .d2{ line-height:2; font-size:16px; max-width:900px; margin:5% auto 0;}
.ind-03 .d3{ margin-top:5%;}
.ind-03 .d3 a{display:inline-block; width:125px; color:#fff; background:#d80c18; line-height:40px; text-align:center;}

.foot{ color:#fff; padding:10px 3%; line-height:25px; background:#d80c18;}
.ialbt{ width:48%;}
.ialbt .pic{ width:100%; height:400px; overflow:hidden; display:table;}
.ialbt .pic img{ max-width:95%; max-height:360px;}
.lbueamc{ width:46%; padding-top:20px;}
.lbueamc .d1{ font-weight:bold; font-size:32px;}
.lbueamc .d2{ font-size:16px; color:#666; margin-top:10px;}
.lbueamc .d3{ line-height:2; font-size:16px; color:#666; margin-top:40px;}

.lbueamc .d4{ margin-top:120px; line-height:50px;}
.lbueamc .d4 .loca a{ display:block; width:220px; border-radius:25px; color:#fff; background:#e62082; font-size:16px; text-align:center;}
.lbueamc .d4 .ecbj{ margin-left:30px;}
.lbueamc .d4 .ecbj a{ display:block; width:113px; text-align:center;}
.lbueamc .d4 p{ display:none; position:absolute; left:50%; margin-left:-57px; bottom:50px; z-index:2; width:113px;}
.lbauoc{ padding:2% 0 1%; background:#fff;}
.lbauoc li{ width:32%; float:left; margin-right:2%; padding-left:20px; margin-bottom:3%;}
.lbauoc li:nth-child(3n){ margin-right:0;}
.lbauoc li .d1{ font-size:30px;}
.lbauoc li .d2{ margin-top:5px; line-height:22px; color:#787878;}

.ny-banner{ height:300px; background:no-repeat center center; background-size:cover; border-bottom-left-radius:160px; overflow:hidden;}
.colca{ line-height:45px; background:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0; width:100%; color:#fff; padding:0 10%;}
.colca .tit{ font-size:18px;}
.colca .dres{ padding-left:25px; background:url(../images/icon.png) no-repeat left center;}
.colca .dres a{ color:#fff;}

.ny-main{ padding:3% 0;}
.sva-tit{ padding-bottom:3%; border-bottom:1px solid #ddd; color:#d80c18; font-size:20px;}
.edit-con{ font-size:16px; line-height:2; padding:3% 0;}

.ny-nav span{ display:none;}
.ny-nav p a{ display:inline-block; line-height:38px; padding:0 23px; border:1px solid #ddd; margin:0 10px; font-size:16px;}
.ny-nav p a.cur{ color:#fff; background:#d80c18; border-color:#d80c18;}
.vpealc{ margin-top:4%;}
.vpealc li{ width:32%; float:left; margin-right:2%; margin-bottom:2%;}
.vpealc li:nth-child(3n){ margin-right:0;}
.vpealc li a{ display:block;}
.vpealc li a .pic img{ width:100%;  object-fit:cover; text-align:center;}
.vpealc li a .con{ padding:25px; border:1px solid #ddd;}
.vpealc li a .con .d1{ font-size:16px; line-height:25px; height:25px; overflow:hidden;}
.vpealc li a .con .d2{ color:#787878; line-height:20px; height:60px; overflow:hidden; margin-top:10px;}


.page-ol{ margin-top:3%;}
.page-ol a{ display:inline-block; width:38px; line-height:36px; border:1px solid #ddd; margin:0 3px;}
.page-ol a.cur{ color:#fff; background:#d80c18; border-color:#d80c18;}
.edit-con img.fr{ margin-left:15px; margin-bottom:15px;}

.coplae{ margin-top:4%;}
.coplae .pic{ width:48%;}
.coplae .con{ width:48%;}
.coplae .con .d1{ font-size:32px; color:#d80c18;}
.coplae .con .d2{ line-height:32px; font-size:16px; background:no-repeat left 4px; padding-left:35px; margin-top:10px;}
.coplae .con .d2 span{ color:#d80c18;}

.slmbr{ background:#fbfbfb; padding:5%; margin-top:4%;}

.slmbr .list{ width:46%;}
.slmbr .list .vc{ margin-bottom:30px; padding-left:90px; position:relative;}
.slmbr .list .vc span{ line-height:35px; width:85px; display:block; position:absolute; left:0; top:0; text-align:right;}
.slmbr .list .vc span i{ color:#f00;}
.slmbr .list .vc .c1{ width:100%; height:35px; border:1px solid #ddd; padding:0 10px;}
.slmbr .list .vc textarea{ padding:10px; border:1px solid #ddd; width:100%; height:100px;}
.slmbr .list .vc .c2{ width:120px; height:35px; border:none; cursor:pointer; background:#d80c18; color:#fff; margin-right:20px;}
.slmbr .list .vc .c2.c3{ color:#333; background:#eee;}

@media (min-width: 1201px){
.T-nav li .sec,.T-nav > li .thr{ display:block; opacity:0; visibility:hidden; transform:translateY(30px); transition:all 0.5s ease;}
.T-nav li:hover .sec,.T-nav > li:hover .thr{ opacity:1; visibility: visible; transform:translateY(0px); transition:all 0.5s ease;}
.T-nav > li:hover > a:after,.T-nav > li > a.cur:after{ width:40px; transition:all 0.5s ease;}
.T-nav > li:hover > a,.T-nav > li > a.cur{ color:#fc6724;}

}

@media (max-width: 1440px){
.ind-02 .pic img{ width:100%; max-width:100%;}
.top,.eolcac{ padding:0 5%;}
}

@media (max-width: 1200px){
body{ padding-top:50px;}
.wrap{ width:100%; max-width:768px; margin:0 auto; padding:0 3%;}
.top{ padding:0 2%; display:block; top:0; width:100%; left:0; margin-left:0; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.2); position:fixed; z-index:20;}
.top .t-logo{ padding:9px 0;}
.top .t-logo img{ height:32px;}
.top .T-nav > li > a{ color:#666; transition:all 0.5s ease;}
.T-nav{ position:fixed; left:0; top:50px; margin:0; padding:0; width:100%; height:calc(100vh - 50px); background:#fff; z-index:22; overflow:auto; display:none;}
.T-nav > li{ width:100%; border-bottom:1px solid #eee; margin:0;}

.T-nav li > a{ background:none !important; line-height:45px; padding:0 3%; font-size:16px;}
.T-nav > li .thr{ position:relative; top:0; left:0; margin:0; width:100%; padding:0; box-shadow:0 0 0;}
.T-nav > li .thr a .pic{ display:none;}
.T-nav > li .thr a{ line-height:45px; margin:0; font-size:15px; padding:0 5%; text-align:left; width:100%;}
.mob-nav{ display:block;}
.ebncm{ padding-top:5px; font-size:14px;}
.eolcac{ padding:0;}
.vomba .prev{ left:0;}
.vomba .next{ right:0;}

.mvuaec .d1{ font-size:24px;}
.mb-back a.back{ position:relative; top:0; margin-top:15px;}
.ny-banner{ border-bottom-left-radius:0;}
.colca{ padding:0 5%;}
.vpealc li{ margin-right:0; width:49%;}
.vpealc li:nth-child(2n){ float:right;}
.ny-nav span{ display:block; background:url(../images/xx.png) no-repeat right center; font-size:18px; line-height:50px; border-bottom:1px solid #eee;}
.ny-nav p{ box-shadow:0 0 10px rgba(0,0,0,0.15); display:none;}
.ny-nav p a{ margin:0; width:100%; padding:0 4%; border:none; text-align:left;}
.slmbr .list{ width:100%;}


}
@media (max-width: 900px){

}

@media (max-width: 780px){
.wrap{ padding:0 3%;}
.volea{ font-size:24px;}
.ind-02 .cont{ width:100%;}
.ind-02 .cont .d1{ font-size:24px;}
.ind-02 .cont .d2{ height:auto;}
.ind-02 .cont .d3{ margin-top:15px;}
.ind-02 .pic{ width:100%; margin-top:15px;}
.enoeac li{ width:100%;}
.enoeac li a{ padding:10px;}
.enoeac li a .pic{ width:110px;}
.enoeac li a .pic img{ height:100px;}
.enoeac li a .con{ width:calc(100% - 120px); padding:0;}
.enoeac li a .con .d2{ line-height:20px; height:40px;}
.enoeac li a .con .d3{ margin-top:5px;}
.ind-03 .d1{ font-size:24px;}
.ny-banner{ height:200px;}
.colca .dres{ display:none;}
.page-ol a.mob-none{ display:none;}
.coplae .pic{ width:100%; margin-top:15px;}
.coplae .con{ width:100%;}
.coplae .con .d1{ font-size:20px;}
.slmbr .list .vc{ padding-left:75px;}
.slmbr .list .vc span{ width:72px;}
.slmbr .list .vc .c2{ width:100px;}
.mb-back{ padding-top:15px;}
.mb-back p,.plmeca p,.mkrenc td{ font-size:14px;}
}







@media (max-width: 640px){
.vpealc li{ width:100%;}
.edit-con img.fr{ width:100%; margin:0 0 12px;}
}





.shade {position: fixed;left: 0; top: 0; z-index: 21;display: none; width: 100%;height: 100%; background-color: #000;filter: alpha(opacity=50); opacity: 0.5; }
.big-video {
    position: fixed;
    left: 50%;
    top: 50%;
	margin-top:-240px;
    z-index: 22;
    display: none;
    margin-left: -450px;
    background-color: #fff;
    width: 900px;
    box-sizing: border-box;
}
.big-video-main {
    height: 480px;
}
.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: 750px){
.big-video {
    width: 100%;
    left: 0;
    margin-left: 0;
}
.big-video-main {
    height: 185px;
}
.big-video-clo {
    right: 0;
    z-index: 21;
}
}



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