body{ padding-top:101px;}
.tab-cell{ display:table-cell; vertical-align:middle;}
.wrap{ width:100%; max-width:1280px; margin:0 auto;}
.top{ position:fixed; left:0; top:0; width:100%; background:#fff; z-index:10; padding:20px 0; box-shadow:0 0 10px rgba(0,0,0,0.2);}

.T-nav{ }
.T-nav > li{ float:left; position:relative;}
.T-nav > li > a{ display:block; padding:0 20px; line-height:61px; height:61px; font-size:16px; text-align:center; transition:all 0.5s ease; position:relative;}
.banben a{    /* background: #fff; */
    /* display: block; */
    /* border: 1px solid #f49d0f; */
    /* color: #f49d0f; */
    font-size: 16px;
    /* width: 44px; */
    /* text-align: center; */
    /* height: 44px; */
    /* line-height: 44px; */
    /* border-radius: 50%; */
    margin-top: 38%;
    line-height: 58px;}
.T-nav > li > a:before{ content:''; position:absolute; left:50%; bottom:0; height:3px; width:30px; margin-left:-15px; background:#f49d0f; visibility: hidden; opacity:0; transition:all 0.5s ease;}
.T-nav > li .gdlt{
    position: absolute;
    width: 150%;
    left: -25%;
    top: 81px;
    text-align: center;
    background: #f1f1f1;
}
.T-nav > li .gdlt a{
    display: block;
    border-bottom:1px solid #ddd;
    line-height: 50px;
    transition: all 0.5s ease;
    color:#333;
    font-size: 14px;
    }
.ind-01{ padding:4% 0;}
.lplac{ font-size:32px;}
.lplac .d1{font-weight:bold;}
.lplac .d2{ color:#666;font-size:20px;margin-top:10px;}
.lplac .d3{ color:#fff;}
.lplac .d4{ font-size:48px; color:#fff; margin-top:5px;font-weight:bold;}
.ind-02{ padding:8% 0 12%; background:no-repeat center center; background-size:cover;}
.ovlma{ margin-top:10%;}
.ovlma li{ float:left; text-align:center; width:20%;}
.ovlma li a{ display:inline-block; color:#fff;}
.ovlma li a .pic span{ display:inline-block; width:160px; height:160px; border:2px solid #fff; border-radius:50%; background:no-repeat center center; background-size:auto 50%; transition:all 0.5s ease;}
.ovlma li a .pic span.s1{ background-image:url(../images/a1.png);}
.ovlma li a .pic span.s2{ background-image:url(../images/a2.png);}
.ovlma li a .pic span.s3{ background-image:url(../images/a3.png);}
.ovlma li a .pic span.s4{ background-image:url(../images/a4.png);}
.ovlma li a .pic span.s5{ background-image:url(../images/a5.png);}
.ovlma li a .tit{ font-size:20px; margin:15px 0 8px;}

#dcms_pager{
	width:99%;
	font-family:arial; margin-top:5%;
}
#dcms_pager .pages {border:none;text-transform:uppercase;font-size:12px; padding:0;height:60px;clear:both;text-align:center;  }
#dcms_pager .pages a {border:1px solid #ccc;text-decoration:none;margin:0 5px 0 0;padding:10px 15px;font-size:12px; width:16px;height:16px;line-height:16px; font-family:arial;}
#dcms_pager .pages a:hover {border:1px solid #fb8b07;color:#fff; background-color:#f00;}
#dcms_pager .pages .pgempty {border:1px solid #eee;color:#333;}
#dcms_pager .pages select{border:1px solid #ccc;padding:10px 15px; margin-left:10px;}
#dcms_pager .pages .pgcurrent {border:1px solid #fb8b07;color:#fff; background-color:#fb8b07;}

.foot{ background:#f2f2f2; padding:40px 0;}
.poalc .lcma{ margin-left:15px;}
.poalc .lcma .d1{ line-height:30px;}
.poalc .lcma .d2{ padding-left:25px; line-height:30px;color:#666; margin-top:5px; background:url(../images/tel.png) no-repeat left center;}
.poalc .lcma .d3{ color:#f49d0f; font-size:28px;}
.lbatm{ color:#666; line-height:30px;}
.lbatm .d2 .opcl{ display:inline-block; position:relative; vertical-align:middle;}
.lbatm .d2 .opcl span{ position:absolute; display:none; right:0; bottom:30px; width:96px;}
.ny-banner{ height:320px; background:no-repeat center center; background-size:cover;}
.bomac{ position:absolute; left:0; bottom:0; line-height:50px; color:#fff; width:100%;}
.bomac a{ color:#fff;}
.bomac span{ margin:0 5px;}
.ny-main{ padding:4% 0;}
.swenlm .d1{ font-size:28px; color:#fb8b07; font-weight:bold;}
.swenlm .d2{ font-size:16px; margin-top:5px; color:#666;}
.cunml{ margin-top:5%;}
.cunml .pic{ width:32%;}
.cunml .con{ width:64%; font-size:16px; line-height:1.8;}
.cunml table{ border:1px solid #ddd;}
.cunml table tr td{    line-height: 40px; padding-left:5%;
    font-size: 16px; padding-top:10px ; padding-bottom:10px;
 
    border: 1px solid #ddd;}
	.cunml table tr td:first-child{ width:30%;padding-left:0%; text-align:center;}
.scmla{ font-size:22px; margin-top:3%;}
.aolpc{ margin-top:3%;}
.aolpc .pic{ width:49%; display:none;}
.aolpc .con{ /*width:49%; */width:100%; text-align:justify; line-height:2; font-size:16px;}

.sboal{ margin-top:5%;}
.sboal .mapc{ width:50%;}
.sboal .sloc{ width:50%; height:379px; display:table; background:#45d1d8; padding:0 5%; color:#fff;}
.sboal .sloc .d1{ font-size:22px;}
.sboal .sloc .d2{ margin-top:20px; font-size:18px;}
.sboal .sloc .d2 img{ margin-right:20px;}
.buatmc{ margin-top:5%;}
.buatmc li{ width:32%; float:left; margin-right:2%;}
.buatmc li:nth-child(3n){ margin-right:0;}
.buatmc li a{ display:block; position:relative; padding-bottom:68px;}
.buatmc li a .pic img{ width:100%; height:275px; object-fit:cover;}
.buatmc li a .tit{ height:68px; display:table; width:100%; position:absolute; left:0; bottom:0; text-align:center; color:#333; font-size:18px; background:#f2f2f2; transition:all 0.5s ease;}
.monmc li{ margin-top:4%;}
.monmc li .pic{ width:50%;}
.monmc li:nth-child(2n) .pic{ float:right;}
.monmc li .pic img{ width:100%; height:400px; object-fit:cover;}
.monmc li .con{ width:50%; height:400px; display:table; padding:0 10%; background:#f9f9f9; font-size:18px; line-height:2;}
.monmc li .con .d1{ font-size:20px; margin-bottom:20px;}

.amolc{ margin:3% 0; font-size:20px; padding-bottom:15px; position:relative;}
.amolc:after{ content:''; position:absolute; left:50%; bottom:0; height:1px; width:30px; margin-left:-15px; background:#f49d0f;}

.alpoc li{ width:32%; float:left; margin-right:2%; margin-bottom:2%;}
.alpoc li img{ width:100%;}
.alpoc li:nth-child(3n){ margin-right:0;}

.opcalt{ font-size:18px; line-height:2;}

.soptk li{ width:32%; float:left; margin-right:2%; margin-bottom:2%;}
.soptk li:nth-child(3n){ margin-right:0;}
.soptk li .con{ background:#f9f9f9; padding:15px 20px;}
.soptk li .con div{ line-height:25px; height:25px; overflow:hidden; font-size:16px;}
.news-list{ margin-top:5%;}
.news-list li{ padding:0px 0 3% 0; width:31%; float:left; margin-right:3%;}
.news-list li:nth-child(3n){ margin-right:0;}
.news-list li a{ display:block;}
.news-list li a .pic{/* width:224px;*/ width:100%}
.news-list li a .pic img{ width:100%;/* height:146px; */object-fit:cover;}
.news-list li a .date{ margin-left:50px; width:95px; color:#999; transition:all 0.5s ease; display:none;}
.news-list li a .date:after{ content:''; position:absolute; left:95px; height:1px; width:35px; background:#ccc; top:12px; transition:all 0.5s ease; display:none;}
.news-list li a .date .d1{ font-size:18px;}
.news-list li a .date .d3{ margin-top:30px;}
.news-list li a .date .d3 span{ display:inline-block; width:35px; height:35px; background:#fff url(../images/g1.png) no-repeat center center; transition:all 0.5s ease;}
.news-list li a .con{ width:100%;/* width:762px;*/ transition:all 0.5s ease; margin-top:15px;}
.news-list li a .con .d1{ line-height:30px; height:90px; overflow:hidden; font-size:16px;}
.news-list li a .con .d2{ margin-top:30px; color:#999; line-height:25px; height:75px; overflow:hidden; display:none;}


.pagelc{ margin-top:4%;}
.pagelc a{ display:inline-block; line-height:30px; padding:0 10px; border:1px solid #ddd; margin:0 2px; vertical-align:middle;}
.pagelc a.mob-none{ padding:0; width:32px;}
.pagelc a.cur{ color:#f49d0f; background:#fff; border-color:#f49d0f;}

.eblmtc{ padding:20px 0; margin-top:4%; border-bottom:1px solid #ddd; border-top:1px solid #ddd;}
.eblmtc .wvolc{ font-size:20px; width:1000px;}
.eblmtc .date{ display:none;}
.eblmtc .date span{ color:#f49d0f; font-size:26px;}

.edit-con{ line-height:2; font-size:16px; margin-top:4%;}
.join-us{ margin-top:4%;}
.lpbnt li{ margin-bottom:10px;}
.lpbnt li .tlola{ border:1px solid #ddd; padding:20px 50px 20px 20px; font-size:16px; line-height:25px;}
.lpbnt li .tlola.on{ background:#f9f9f9;}
.lpbnt li .tlola span{ float:left; width:33%;}
.lpbnt li .tlola.on .s1{ color:#f49d0f;}
.lpbnt li .tlola span.s2{ color:#999;}
.lpbnt li .tlola span.s3{ background:url(../images/t.png) no-repeat left center; padding-left:25px;}
.lpbnt li .tlola i{ width:40px; height:40px; background:url(../images/x.png) no-repeat center center; position:absolute; right:10px; top:50%; margin-top:-20px; transition:all 0.5s ease;}
.lpbnt li .tlola.on i{ transform:rotate(135deg); transition:all 0.5s ease;}
.lpbnt li .lobat{ padding:20px; line-height:2; display:none;}
.alptc{ margin-top:5%;}
.alptc li{ float:left; width:33.33%; text-align:center;}
.alptc li .tit{ margin:40px 0 25px; font-size:16px;}
.alptc li .con{ font-size:20px;}




@media (min-width: 1201px){
.T-nav > li:hover > a{ color:#f49d0f; transition:all 0.5s ease;}
.banben a:hover{background:#f49d0f;  border:1px solid #f49d0f; color:#fff;  }
.T-nav > li .gdlt{ visibility:hidden; opacity:0;transform:translateY(30px); transition:all 0.8s ease;}
.T-nav > li .gdlt a:hover{background:#f49d0f; color:#fff; transition:all 0.5s ease;}
.T-nav > li:hover .gdlt{visibility: visible; opacity:1;transform:translateY(0px); transition:all 0.8s ease;}
.T-nav > li > a:after{ content:''; position:absolute; left:50%; height:2px; width:24px; margin-left:-12px; background:#fff; bottom:20px; opacity:0; transition:all 0.5s ease;}
.T-nav > li:hover > a:after,.T-nav > li > a.on:after{ opacity:1; transition:all 0.5s ease;}
.T-nav > li:hover > a:before{ visibility: visible; opacity:1; transition:all 0.5s ease;}
.ovlma li a:hover .pic span{ background-color:#f49d0f; transition:all 0.5s ease;}
.lbatm .d2 .opcl:hover span{ display:block;}
.buatmc li a:hover .tit{ height:343px; background:rgba(244,157,15,0.7); color:#fff; transition:all 0.5s ease;}
.news-list li a:hover .date{ color:#f49d0f; transition:all 0.5s ease;}
.news-list li a:hover .date .d3 span{ background:#f49d0f url(../images/g2.png) no-repeat center center; transition:all 0.5s ease;}
.news-list li a:hover .date:after{ background:#f49d0f; width:70px; transition:all 0.5s ease;}
 
}



@media (max-width: 1200px){
body{ padding-top:50px;}
.wrap{ width:100%; max-width:768px; padding:0 3%;}
.top{ position:fixed; background:#fff; padding:0;}
.top .logo{ padding:0;}
.top .logo img{ height:50px;}
.mob-nav{ display:block; width:50px; height:50px; position:relative; float:right;}
.mob-nav span{ display:block; position:absolute; left:10px; width:30px; height:2px; top:50%; margin-top:-1px; background:#666; transition:all 0.5s ease ;}
.mob-nav:before{ content:''; position:absolute; left:10px; width:30px; height:2px; top:50%; margin-top:-11px; background:#666; transition:all 0.5s ease ;}
.mob-nav:after{ content:''; position:absolute; left:10px; width:30px; height:2px; top:50%; margin-top:10px; background:#666; transition:all 0.5s ease;}
.mob-nav.on span{ width:0; transition:all 0.5s ease;}
.mob-nav.on:before{ transform:rotate(45deg); margin-top:-1px; transition:all 0.5s ease;}
.mob-nav.on:after{ transform:rotate(-45deg); margin-top:-1px; transition:all 0.5s ease;}
.T-nav{ display:none; position:fixed; margin:0; top:50px; left:0; height:calc(100% - 50px); overflow:auto; margin:0; width:100%; background:#fff;}
.T-nav li{ display:block; width:100%; border-bottom:1px solid #eee;}
.T-nav > li a{ width:100%; text-align:left; padding:0 2%; line-height:45px; height:45px; font-size:15px; color:#666;}
.T-nav > li > a.cur{ background:none; border:none; color:#666;}
.T-nav li .gdlt{ position:relative; width:100%; left:0; margin-left:0; top:0; padding:0; display:none; box-shadow:0 0 0 rgba(0,0,0,0);}
.T-nav li .gdlt a{ padding:0 5%; height:35px; line-height:35px; margin:0; font-size:14px; background:none; color:#666;}
.lplac{ font-size:24px;}
.lplac .d4{ font-size:30px;}
.ovlma li a .pic span{ width:100px; height:100px;}
.ny-banner{ height:200px;}
.aolpc .pic{ width:100%;}
.aolpc .con{ width:100%; margin-top:10px;}
.sboal .mapc{ width:100%;}
.sboal .sloc{ width:100%; height:auto; padding:4%;}
.sboal .sloc .d1{ font-size:18px;}
.sboal .sloc .d2{ font-size:14px;}
.scmla{ font-size:18px;}
.buatmc li a{ padding:0;}
.buatmc li a .pic img{ height:auto;}
.buatmc li a .tit{ position:relative; line-height:50px; height:50px; font-size:16px;}
.news-list li a .date{ display:none;}
.news-list li a .con{ width:calc(100% - 245px);}
.eblmtc{ padding:12px 0;}
.eblmtc .wvolc{ width:100%;}
.eblmtc .date{ width:100%; margin-top:10px;}
.alptc li .pic img{ height:120px;}
.alptc li .tit{ margin:20px 0 10px;}
}



@media (max-width: 768px){
.lplac .d2{ font-size:16px;}
.lplac .d4{ font-size:20px;}
.ovlma li a .pic span{ width:60px; height:60px; border-width:1px;}
.ovlma li a .tit{ font-size:14px; margin:5px 0 0;}
.ind-02 .wrap{ padding:0;}
.poalc{ width:100%;}
.foot{ padding:15px 0;}
.lbatm{ width:100%; text-align:left; margin-top:10px; line-height:20px; font-size:12px;}
.lbatm .d2{ display:none;}
.poalc .lcma{ width:calc(100% - 115px);}
.ny-banner{ height:160px;}
.swenlm .d1{ font-size:18px;}
.swenlm .d2{ font-size:14px;}
.cunml .pic{ width:100%; text-align:center;}
.cunml .con{ width:100%; margin-top:15px; font-size:14px;}
.buatmc li{ width:100%; margin-right:0; margin-bottom:2%;}
.monmc li .pic{ width:100%;}
.monmc li .pic img{ height:auto;}
.monmc li .con{ width:100%; height:auto; padding:4%; font-size:15px;}
.monmc li .con .d1{ font-size:18px; margin-bottom:5px;}
.opcalt{ font-size:14px;}
.soptk li{ width:100%; margin-right:2%; margin-bottom:2%;}
.soptk li .con{ font-size:14px;}
.pagelc a.mob-none{ display:none;}
.eblmtc .wvolc{ font-size:16px;}
.eblmtc .date span{ font-size:18px;}
.edit-con{ font-size:14px;}
.lpbnt li .tlola span{ width:100%;}
.lpbnt li .tlola span.s2,.lpbnt li .tlola span.s3{ display:none;}
.lpbnt li .tlola{ padding:12px 40px 12px 12px;}
.lpbnt li .tlola i{ width:30px; height:30px; margin-top:-15px;}
}


@media (max-width: 640px){
.ovlma li a .tit{ font-size:12px;}
.ovlma li a .eng{ font-size:12px;}
.news-list li{ padding:3% 0;}
.news-list li a .pic{ width:125px;}
.news-list li a .pic img{ height:85px;}
.news-list li a .con{ width:calc(100% - 140px);}
.news-list li a .con .d2{ margin-top:5px; height:50px;}
.alptc li .pic img{ height:80px;}
.alptc li .con{ font-size:12px; word-break:break-all;}
}














.shade {position: fixed;left: 0; top: 0; z-index: 3;display: none; width: 100%;height: 100%; background-color: #000;filter: alpha(opacity=50); opacity: 0.5; }
.big-video {
    position: fixed;
    left: 50%;
    top: 10%;
    z-index: 21;
    display: none;
    margin-left: -485px;
    padding: 5px;
    background-color: #fff;
    width: 970px;
    box-sizing: border-box;
}
.big-video-main {
    height: 540px;
}
.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;
}
}



/*2020-04-09*/
.vlopc .pic{ width:50%;}
.vlopc .con{ width:45%;}
.vlopc .con .d1{ font-size:28px; line-height:40px; padding-bottom:15px;}
.vlopc .con .d1:after{ content:''; position:absolute; left:0; bottom:0; height:2px; width:60px; background:#136ecf;}
.vlopc .con .d2{ font-size:16px; margin-top:25px; line-height:2; color:#666;}
.vlopc .con .d3{ margin-top:20px;}
.vlopc .con .d3 .list{ padding:10px 0; line-height:45px; border-bottom:1px solid #ccc; font-size:16px;}
.vlopc .con .d3 .list a{ display:block; padding-left:50px; height:45px; overflow:hidden; background:url(../testimg/vva.jpg) no-repeat left center;}
.teblca{ margin-top:5%;}
.teblca li{ margin-bottom:15px; width:32%; float:left;}
.teblca li:nth-child(3n){ margin-right:0;}
.teblca li .tit{ background:#f9f9f9;}
.teblca li .tit span{ width:120px; line-height:50px; color:#fff; text-align:center; background:#136ecf; font-size:18px; display:inline-block;}
.teblca li .con{ line-height:2; color:#666; margin-top:15px;}
@media screen and (max-width: 1200px){
.vlopc .pic{ width:100%;}
.vlopc .con{ width:100%; margin-top:10px;}
.vlopc .con .d1{ font-size:20px; line-height:35px;}
.teblca li{ width:100%; margin-right:0;}
}