@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;}
body{font-family:Arial;}

.top{ position:fixed; left:0; top:3%; padding:0 10%; width:100%; z-index:103;}
.top-ny{ background:#fff; top:0; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.top-ny .flex-logo{ padding-top:8px;}
.flex-logo{}
.sloct{ position:fixed; right:3%; top:5%; z-index:90;}
.search span{ display:block; width:50px; height:50px; border-radius:50%; background:#fff url(../images/sc.png) no-repeat center center;}
.menu-calt{ width:50px; height:50px; cursor:pointer; margin-left:10px; z-index:105; background:#114787; 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;}
.benla:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(38,43,52,0);}

.ad-line{ position:fixed; right:40px; top:20%; height:50%; width:1px; background:rgba(255,255,255,0.3); z-index:15;}
.ad-line span{ display:block; position:absolute; width:1px; height:25%; left:0; top:0; background:#fff;}

.ladbc{ position:fixed; right:5px; top:75%; color:#fff; font-size:20px; z-index:15; transform:rotate(-90deg);}
.ladbc em{ font-size:32px;}
.top-nav li{ float:left; position:relative;}
.top-nav li > a{ color:#fff; font-size:14px; line-height:60px; height:60px; padding:0 25px;}
.top-nav li .secl{ position:absolute; width:150%; display:none;}
.top-nav li .secl a{font-size: 14px; color:#eee; padding-left:25px; display:block; line-height:40px; text-align:left; color:#fff;}
.top-ny .top-nav li > a{ color:#333;}
.top-ny .top-nav li .secl{ background:rgba(0,0,0,0.6);}

.ind-01{ padding:0 10%;}
.ind-01 .vopaec{ color:#fff; width:50%;}
.ind-01 .vopaec .d1{ font-size:5.2vh; visibility:hidden; opacity:0; transform:translateY(40px); transition:all 0.5s ease 0.2s;}
.ind-01 .vopaec .d2{ font-size:1.6vh; margin:10px 0 20px; visibility:hidden; opacity:0; transform:translateY(40px); transition:all 0.5s ease 0.2s;}
.ind-01 .vopaec .d3{ padding-top:8px; visibility:hidden; opacity:0; transform:translateY(40px); transition:all 0.5s ease 0.2s;}
.ind-01 .vopaec .loacl > a,.ind-01 .vopaec .d3 > a{ color:#fff; font-size:16px;  line-height:40px; display:inline-block;}
.ind-01 .vopaec .d3 a img{margin-top:-1px;}
.ind-01 .vopaec .d3 a.cad{ width:260px; margin-right:15px;}
.ind-01 .vopaec .d3 p a{visibility: hidden; display:block;padding-left: 20px; font-size:14px; line-height:30px; color:#fff; opacity:0; transform:translateX(-50px); transition:all 0.3s ease;}


.ind-01 .vopaec .d3 p.on a{visibility: visible;  opacity:1; transform:translateX(0px); transition:all 0.3s ease;}
.ind-01 .vopaec .d3 p.on a:nth-child(2){ transition-delay:0.15s;}
.ind-01 .vopaec .d3 p.on a:nth-child(3){ transition-delay:0.3s;}
.ind-01 .vopaec .d3 p.on a:nth-child(4){ transition-delay:0.45s;}
.ind-01 .vopaec .d3 p.on a:nth-child(5){ transition-delay:0.6s;}
.ind-01 .vopaec .d3 p.on a:nth-child(6){ transition-delay:0.75s;}






.ind-01 .vopaec .d4{ margin-top:40px; padding-left:20%; text-align:right;}
.ind-01 .vopaec .d4 .list{margin-left:25px; font-size: 1.8vh; visibility:hidden; opacity:0; transform:translateY(40px); display:inline-block; vertical-align:middle; float:none; transition:all 0.5s ease 0.2s;}
.ind-01 .vopaec .d4 .list .s2{ margin-top:12px;}
.weare-serv-ul{ width:50%;}
.weare-serv-ul li{ float:left; width:25%; text-align:center; color:#fff; visibility:hidden; opacity:0; transform:translateX(-40px); transition:all 0.5s ease 0.2s;}
.weare-serv-ul li .d2{font-size:1.8vh; opacity:0.9; margin:10px 0;}
.weare-serv-ul li p span{  font-size:4vh; margin-right:5px; font-family:Arial, Helvetica, sans-serif;}


.active2 .ind-01 .vopaec .d1,.active2 .ind-01 .vopaec .d2,.active2 .ind-01 .vopaec .d3,.active2 .ind-01 .vopaec .d4 .list{ visibility: visible; opacity:1; transform:translateY(0px); transition:all 0.5s ease 0.8s;}
.active2 .ind-01 .vopaec .d2{ transition-delay:1.0s;}
.active2 .ind-01 .vopaec .d3{ transition-delay:1.2s;}
.active2 .ind-01 .vopaec .d4 .list:nth-child(1){ transition-delay:1.4s;}
.active2 .ind-01 .vopaec .d4 .list:nth-child(2){ transition-delay:1.6s;}
.active2 .ind-01 .vopaec .d4 .list:nth-child(3){ transition-delay:1.8s;}
.active2 .ind-01 .vopaec .d4 .list:nth-child(4){ transition-delay:2.0s;}
.active2 .ind-01 .vopaec .d4 .list:nth-child(5){ transition-delay:2.2s;}
.active2 .weare-serv-ul li{ visibility: visible; opacity:1; transform:translateX(0px); transition:all 0.5s ease 0.8s;}
.active2 .weare-serv-ul li:nth-child(2){ transition:all 0.5s ease 1s;}
.active2 .weare-serv-ul li:nth-child(3){ transition:all 0.5s ease 1.2s;}
.active2 .weare-serv-ul li:nth-child(4){ transition:all 0.5s ease 1.4s;}

.foot{font-size:14px; position:fixed; z-index:102; left:0; bottom:0; width:100%; color:#fff; padding:0 10% 30px; line-height:30px;}
.foot .bom-nav a{ color:#fff; margin:0 15px;}

.ny-banner{ padding:0 10% 70px; margin-top:60px;}
.ny-banner .sc-bg{ width:18%; height:35%; position:absolute; right:0; bottom:0; background:#ebebeb;}
.ny-banner .sc-bg2{ right:auto; left:0;}
.ny-banner .rel{ z-index:2;}
.ny-banner .rel .pic{ width:100%; height:599px; background:no-repeat center center; background-size:auto 100%;}
.ny-banner .rel .pic02{ background-position:left center;}
.ny-banner .rel .pic03{ background-position:right center;}
.ny-banner .rel .con{ color:#fff; position:absolute; right:5%; top:35%;}
.ny-banner .rel .con2{ right:auto; left:5%;}
.ny-banner .rel .con .d1{ font-size:44px;}
.ny-banner .rel .con .d2{ font-size:30px;}
.ny-banner .min-pic{ width:339px; height:517px; position:absolute; bottom:0; right:46.8%; opacity:1; z-index:5;}
.ny-banner .min-pic2{ width:379px; height:586px; right:21.7%;}
.ny-banner .min-pic3{ right:auto; left:10%; width:341px; height:599px;}
.ny-banner .min-pic4{ right:10%; width:342px; height:552px;}
.ny-banner .min-pic5{ right:auto; left:22%; width:436px; height:531px;}
.abc-s1-01{ background:#fff; padding:4% 0;}
.abc-s1-01 .con{ padding:0 10%;}
.abc-s1-01 .con .d1{ font-size:44px;}
.abc-s1-01 .con .d2{ margin-top:4%; line-height:2;}
.teplcp{ padding-left:360px;}





.abc-s1-02{ background:#f8f8f8; padding:5% 0;}
.sv-tit{ font-size:36px; position:relative; z-index:2;}
.opoae{ margin-top:5%;display: -webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between;}
.opoae li{ background:#fff; padding:45px 20px; text-align:center; width:22%; border-radius:8px;}
.opoae li .tit{ font-size:16px; font-weight:bold; margin:20px 0;}
.opoae li .con{ line-height:25px;}
.opoae li .pic img{ transition:all 0.5s ease;}
.abc-s1-03{ background:#fff; padding:5% 0;}
.acl-ont{ margin-top:3%; line-height:2;}

.aetpl{ margin-top:5%; padding:0 5%; display: -webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between;}
.aetpl li{ width:15%;}
.aetpl li .pic img{ transition:all 0.5s ease;}
.aetpl li .tit{ margin-top:20px;}
.mart8{ margin-top:8%;}

.avlme{ font-weight:bold; font-size:18px; margin-top:3%;}
.aoelt{ color:#666; line-height:2; margin-top:2%;}

.emboa{ margin-top:3%;}
.emboa li{ float:left; width:32.6%; margin-bottom:1.1%; margin-right:1.1%;}
.emboa li:nth-child(3),.emboa li:nth-child(5){ margin-right:0;}
.emboa li a{ display:block; position:relative;}
.emboa li a .con{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%);}
.emboa li a .con .d2{ color:#fff; font-weight:bold; font-size:24px; margin-top:20px;}
.emboa li a .con .d1 img{ transition:all 0.5s ease;}
.ny-foot{ background:#000; color:#999;}
.fxloa{ border-bottom:1px solid #8892a1; padding-top:15px;}
.ltepa{ padding:12px 0; line-height:30px;}
.aeoptc a{ margin-left:40px; color:#999;}

.ny-banner2{ height:600px; background:no-repeat center center; background-size:cover; margin-top:60px;}
.ny-banner2 video{display:block; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; object-fit:cover;}
.ny-banner2 .con{ position:absolute; z-index:3; right:10%; top:50%; transform:translateY(-50%);}
.ny-banner2 .con2{ right:auto; left:10%;}
.ny-banner2 .con .d1{ color:#fff; font-size:48px; letter-spacing:5px;}
.ny-banner2 .con .d2{ color:#fff; font-size:30px; margin-top:10px;}
.obtaec{ background:#f8f8f8; padding:4% 0;}
.sv-con{ font-size:16px; color:#3b3c44; line-height:2; margin-top:3%;}
.sv-con i{ font-size:30px;}
.lbomla{ margin-top:4%;}
.lbomla li{ text-align:center; width:48%; float:left;}
.lbomla li:nth-child(2n){ float:right;}
.lbomla li .pic{}
.lbomla li .tit{ font-size:30px; margin-top:25px;}
.lbomla li .con{ line-height:2; font-size:16px; margin-top:15px;}

.aoptl{ margin-top:3%;}
.aoptl .con{ width:50%;}
.aoptl .con .list{ background:#fff; padding:45px 50px; text-align:center; margin-bottom:20px; line-height:2;}
.aoptl .con .list .d2{ font-size:24px;}

.taetc{ font-size:30px; margin-top:3%;}
.taebol{ line-height:2; font-size:16px; margin-top:2%;}

.teaolc{ margin:4% 0;}
.teaolc li{ width:33%; text-align:center; float:left;}

.teaolc li .d1{ color:#015ba0; font-size:18px;}
.teaolc li .d1 strong{ font-size:42px; font-weight:normal; vertical-align:top; line-height:1; margin-right:5px;}
.teaolc li .d2{ font-size:18px; color:#333; margin-top:15px;}

.boatb{ position:absolute; left:50%; top:0; margin-left:-800px; margin-top:60px; width:130px; z-index:8;}
.boatb li{ border-bottom:2px solid #f8f8f8;}
.boatb li a{ display:block; padding:25px 0; text-align:center;background:#fff; }
.boatb li a.cur{ background:#383b42; color:#fff;}
.boatb li a .pic{ height:40px; background:no-repeat center center; background-size:auto 100%;}
.boatb li a .pic.pic01{ background-image:url(/images/h1-1.png);}
.boatb li a .pic.pic02{ background-image:url(/images/h2-1.png);}
.boatb li a .pic.pic03{ background-image:url(/images/h3-1.png);}
.boatb li a .pic.pic04{ background-image:url(/images/h4-1.png);}
.boatb li a .pic.pic05{ background-image:url(/images/h5-1.png);}
.boatb li a.cur .pic.pic01{ background-image:url(/images/h1-2.png);}
.boatb li a.cur .pic.pic02{ background-image:url(/images/h2-2.png);}
.boatb li a.cur .pic.pic03{ background-image:url(/images/h3-2.png);}
.boatb li a.cur .pic.pic04{ background-image:url(/images/h4-2.png);}
.boatb li a.cur .pic.pic05{ background-image:url(/images/h5-2.png);}
.boatb li a .tit{ margin-top:10px;font-size:12px;}

.lptae{ margin-top:5%;display: -webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between;}
.lptae li{ background:#fff; width:48%; text-align:center; padding:40px 30px; line-height:1.6;}
.lptae li .tit{ font-size:24px; margin:10px 0;}

.abnoca li{ width:25%;}

.gbola{ margin-top:3%;}
.gbola .con{ position:absolute; bottom:8%; line-height:2; left:5%; width:45%; background:#fff; padding:35px;}
.gbola .con .d1{ font-size:24px;}
.gbola .con .d2{ margin-top:20px;}

.albuto{ background:#fff; display: -webkit-flex; display:flex;align-items:center; margin-top:4%;}

.albuto .pic{ width:55%;}
.albuto .con{ width:45%; padding:0 4%;}
.albuto .con .d1{ font-size:24px;}
.albuto .con .d2{ line-height:2; margin-top:15px;}

.taeopa{ margin-top:4%;}
.taeopa .pic{ width:48%;}
.taeopa .con{ width:42%;}
.taeopa .con .d1{ font-size:24px;}
.taeopa .con .d2{ margin-bottom:4%; line-height:2; margin-top:15px;}



.tcetc li{ margin-top:4%; float:left; text-align:center; width:25%;}
.tcetc li .tit{ line-height:22px; margin-top:12px;}

.tatbl{ margin-top:4%;}
.tatbl li{ width:20%; text-align:center; float:left;}
.tatbl li .tit{ font-size:16px; margin-top:12px;}

.lateuc{ background:#fff; margin-top:4%; display: -webkit-flex; display:flex;align-items:center;}
.lateuc .pic{ width:75%;}
.lateuc .tit{ width:25%; line-height:2; padding:0 3%;}

.ablte{ padding:6% 0; background:no-repeat center center; background-size:cover;}

.ateh li{ width:33.33%; text-align:center; float:left;}
.ateh li .tit{ font-size:18px; font-weight:bold; margin:20px 0;}
.ateh li .con{ line-height:1.6;}

.aslbo{ padding:5% 3%;}
.lreao{padding-top:3%;}
.lreao li{ width:32%; margin-right:2%; float:left; margin-top:3%;}
.lreao li:nth-child(3n){ margin-right:0;}
.teobc{display: -webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between;}
.teobc li{ margin-top:3%; width:32%; background:#fff; padding:50px 3%; text-align:center;}
.teobc li .tit{ font-size:16px; font-weight:bold; margin:12px 0;}
.teobc li .con{ line-height:1.6; color:#666;}

.lrewb{ background:#f8f8f8; padding-top:2%;}
.abope{ margin-top:4%;}
.abope .list{ width:50%; text-align:center; padding:8% 2%; background:no-repeat center center; background-size:cover; color:#fff;}
.abope .list .bt{ font-size:30px;}
.abope .list .con{ font-size:16px; line-height:25px; height:75px; overflow:hidden; margin-top:20px;}
.abope .list .tepla{ margin-top:20px; font-size:0; text-align:center;}
.abope .list .tepla li{ width:20%; display:inline-block; font-size:14px; vertical-align:top;}
.abope .list .tepla li .tit{ margin-top:12px; line-height:22px; height:66px; overflow:hidden;}
.abope .list .tepla li .pic img{ transition:all 0.5s ease;}
.honor-ul{ margin-top:4%;}
.honor-ul li{ width:32%; float:left; margin-right:2%; margin-bottom:2%; cursor:pointer;}
.honor-ul li:nth-child(3n){ margin-right:0;}
.honor-ul li .honor-li-tit{ margin-top:5px; line-height:25px; height:25px; overflow:hidden;}
.honor-ul li .honor-li-img:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6) url(../images/fd.png) no-repeat center center; opacity:0; transition:all 0.5s ease;}
.honor-ul li .honor-li-img{ width:100%; height:254px; display:table; text-align:center;}
.honor-ul li .honor-li-img p{ display:table-cell; vertical-align:middle;}
.honor-ul li .honor-li-img p img{ max-height:254px;}

.ad-more{ line-height:30px; text-align:center;}
.ad-more a{ color:#999;}

.atepl{display: -webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:4%; text-align:center;}
.atepl li{ width:24.5%; background:#fff; padding:60px 25px; margin-bottom:8px;}
.atepl li .pic img{ transition:all 0.5s ease;}
.atepl li .tit{ font-size:16px; margin:12px 0; color:#666;}
.atepl li .con{ font-weight:bold;}
.atepl li .con span{ font-size:20px;}

.vorel{  padding:0 4%; color:#fff; text-align:center;}
.vorel .d1{ font-size:16px; line-height:2; margin-bottom:30px;}
.vorel .d2 a{ display:inline-block; line-height:2; padding-right:22px; background:url(/images/rc.png) no-repeat right center; color:#fff;}

.albot{ background:#f8f8f8; padding-top:10%; position:relative;}
.pic-scla{ overflow:hidden;height:500px; position:absolute; left:0; width:100%; top:40px;}
.pic-scla img{ position:absolute; left:0; bottom:0; width:100%; height:1500px; object-fit:cover;}


.mopal{ background:#fff; padding:6%; margin-top:5%;}

.vlvao li{ width:20%; float:left; text-align:center;}
.vlvao li .pic img{ transition:all 0.5s ease; }
.vlvao li .tit{ font-size:16px; margin-top:12px;}
.teplc{ background:url(/images/d.png) repeat-x left center;}

.vuola{ padding:4% 0; background:url(/testimg/t44.jpg) no-repeat center center; background-size:cover;}
.volpa{display: -webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:4%;}
.volpa li{ width:49%; margin-bottom:2%; background:#fff no-repeat 55px 35px; height:140px; padding:22px 40px 0px 150px;}
.volpa li .d1{ font-weight:bold; font-size:30px;}
.volpa li .d2{ font-size:16px; margin-top:5px; line-height:1.6;}

.taelp{ background:#fff;display: -webkit-flex; display:flex; flex-wrap:wrap;align-items:center; margin-top:4%;}
.taelp .pic{ width:50%;}
.taelp .con{ font-size:16px; line-height:2; padding:0 8%; width:50%;}
.taelp .con:before,.taelp .con:after{ content:''; width:16px; height:14px; position:absolute; display:block;}
.taelp .con:before{ background:url(/images/sv01.png); left:16%; margin-left:-25px; top:-25px;}
.taelp .con:after{ background:url(/images/sv02.png); right:16%; margin-right:-25px; bottom:-25px;}

.lteba span{ display:inline-block; cursor:pointer; margin-right:60px; padding:10px 0; border-bottom:2px solid #f8f8f8; font-size:44px; color:#aeaeae;}
.lteba span.cur{ color:#333; border-bottom-color:#333;}

.lbteu{overflow:hidden; padding:5% 0;}
.lbteu .wrap{ position:relative; z-index:2;}
.aloprcc{position:absolute; left:0; top:0; width:100%; height:220%;background:url(/testimg/t50.jpg) no-repeat top center; background-size:cover;}
.ptean{display: -webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:4%;}
.ptean li{ background:#fff; width:30%; box-shadow:0 0 10px rgba(0,0,0,0.2);}
.ptean li .tit{ font-size:18px; font-weight:bold; background:url(/testimg/t52.jpg) no-repeat center center; background-size:cover; line-height:80px; padding:0 35px; color:#fff;}
.ptean li .con{ padding:25px 35px;}
.ptean li .con .list{ padding:10px 0 10px 25px; line-height:1.6; background:url(/images/dg.png) no-repeat left 15px; }

.teolab{ margin-top:5%;}
.teolab .list{ width:47%;}
.teolab .list .pic{ overflow:hidden;}
.teolab .list .pic img{transition:all 0.5s ease;}
.teolab .list .con{ padding:20px 0; color:#464646;}
.teolab .list .con .d1{ font-size:48px; text-transform:uppercase;}
.teolab .list .con .d2{ font-size:30px; font-weight:bold;}
.teolab .list .con .d2 a{ color:#464646;}

.ltepla{ background:#fff; padding:5% 5% 0; margin-top:5%;}
.ltepla li{ padding-bottom:5%; font-size:16px; line-height:2; color:#464646;}
.ltepla li .tit{ font-size:30px;}
.ltepla li .oca span{ display:inline-block; margin-right:15px;}
.ltepla li .con{ margin-top:25px;}


.aeotp{ margin-top:5%;}
.aeotp li{ width:23.5%; float:left; margin-right:2%; margin-bottom:2%; border:1px solid #ddd; border-radius:3px; text-align:center; padding:50px 0;}
.aeotp li:nth-child(4n){ margin-right:0;}
.aeotp li .num{ color:#015ba0;}
.aeotp li .num strong{ vertical-align:top; font-size:48px;}
.aeotp li .tit{ font-size:16px; margin-top:5px;}
.altbl .wrap{position:relative; z-index:2;}
.teplcp2{ padding-right:366px;}

.teolp li{ width:25%;}
.teolp li .pic img{ transition:all 0.5s ease;}
.botelm{ position:relative;  overflow:hidden; padding-top:5%;}
.pc-oct{ position:absolute;overflow: hidden; left:0; top:0; width:100%; height:100%; background-size:cover;}
.pc-oct img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1500px;
    object-fit: cover;
}
.laoca{ margin-top:4%; padding:0 5%; position:relative; z-index:2;}

.loclp{display: -webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between;margin-top: 50px;}
.loclp li{ width:32.5%; background:#fff; padding-top:50px; position:relative;}
.loclp li .pic{ position:absolute; left:50%; top:-50px; width:100px; height:100px; margin-left:-50px; background:#fff no-repeat center center;background-size:60% auto; box-shadow:0 0 10px rgba(0,0,0,0.2); border-radius:50%;}
.loclp li .macl{ padding:30px 20px 30px;}
.loclp li .macl .tit{ text-align:center; font-size:18px; font-weight:bold;}
.loclp li .macl .con{ line-height:30px; text-align:center; margin-top:15px;}


.abolpa .list{ width:50%; overflow:hidden;}
.abolpa .list .pic{overflow:hidden;}
.abolpa .list .pic img{transition:all 0.5s ease;}
.abolpa .list .con{z-index:2; position:absolute; left:0; top:50%; width:100%; transform:translateY(-50%); color:#fff;}
.abolpa .list .con .d1{ font-size:30px;}
.abolpa .list .con .d2{ font-size:24px; margin-top:10px;}
.abolpa .list .con .d3{ margin-top:20px;}
.abolpa .list .con .d3 a{ width:180px; line-height:54px; border-radius:27px; display:inline-block; background:#ededed; font-size:16px;}

.bablm{ background:url(/testimg/t69.jpg) no-repeat center center; background-size:cover; padding:5% 0;}

.latol{ margin-top:5%;}
.latol li{ float:left; width:50%; background:#fff no-repeat center center; background-size:cover; position:relative; height:400px;}
.latol li .con{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); text-align:center; padding:0 8%;}
.latol li .con .d1{ font-size:30px;}
.latol li .con .d2{ font-size:16px; margin-top:12px; line-height:28px; height:72px;}


.altbl{ color:#fff; padding:10% 0; position:relative;overflow:hidden;}
.pcapt{ position:absolute; left:0; top:0; width:100%; height:100%;overflow: hidden; background-size:cover;}
.pcapt img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1500px;
    object-fit: cover;
}

.altbl .d1{ font-size:44px; text-transform:uppercase;}
.altbl .d2{ font-size:30px; margin:2% 0;}
.altbl .d3{ font-size:16px; line-height:24px;}
.altbl .d4{ margin-top:3%;}
.altbl .d4 a{ color:#fff; font-size:16px;}


.nthcl li{ width:33.33%;}
.atecca{ font-size:30px;}
.teplac li{ width:12.5%; float:left; text-align:center;}
.teplac li .tit{ font-size:16px; margin-top:12px;}
.scltit{ background:url(/testimg/t78.jpg) no-repeat center center; background-size:cover; padding:130px 0;}


.lpcalc{ position:relative; z-index:2;display: -webkit-flex; display:flex; flex-wrap:wrap;}
.lpcalc li{ width:25%; background:#f8f8f8; padding:80px 2% 80px; position:relative; text-align:center;}
.lpcalc li:nth-child(2n){ background:#fff;}
.lpcalc li .pic{ position:absolute; left:0; top:-50px; width:100%;}
.lpcalc li .d1{ font-size:3vh;}
.lpcalc li .d2{ font-size:16px; margin-top:40px; color:#666; line-height:2;}

.albia{ background:#fff no-repeat center center; background-size:cover; padding:6% 4%;}
.atelb{ width:100%; max-width:867px; margin:0 auto;}

.rteol{display: -webkit-flex; display:flex;justify-content:center;}
.rteol .list{ margin:0 30px; text-align:center; font-size:16px;}
.rteol .list .d2{ margin-top:12px;}

.afole{ padding:6% 0; background:url(/testimg/t83.jpg) no-repeat center center; background-size:cover;}
.oteapl{ margin-top:5%;}
.rvaol{ background:#fff; padding:30px; width:49%;text-align: center;}
.rvaol .d1{ display:inline-block; font-weight: bold; font-size:18px; color:#fff; padding:10px 20px;background-image: linear-gradient(to right, #00adc6 , #00c1a1); border-radius:22px;}
.rvaol .d2{ font-size:16px; line-height:1.6; text-align:center; margin-top:20px;}

.teplc{ margin-left:2%; width:23.5%;}
.volae{ margin-left:2%; margin-top:2%;}
.slbatc{ margin-top:4%; height:35px; line-height:35px;}

.slbatc a{display: inline-block;
    line-height: 2;
    padding-right: 22px;
    background: url(/images/rc.png) no-repeat right center;
    color: #fff;}
.wrap.teplc{margin:0 auto; width:100%;}

.abolpa .list:before{transform:translateX(-100%);z-index: 1; width:100%; height:100%;transition:all 0.8s ease; content:''; display:block; position:absolute; left:0; top:0;  background:rgba(0,0,0,0.5);}
.lbobta{margin-top:3%;}
.lbobta a{font-size:18px;}
.seclm{margin-left:40px}
.seclm > a{margin:0;}
.seclm .sec{ display:none; box-shadow:0 0 5px rgba(0,0,0,0.1); position:absolute; left:50%;margin-left:-52px; bottom:30px; padding:10px; background:#fff; border-radius:3px; width:105px; z-index:2;}
.seclm .sec img{width:100px;}
.seclm .sect{ display:none; box-shadow:0 0 5px rgba(0,0,0,0.1); position:absolute; max-height:150px; overflow:auto; left:50%; margin-left:-80px; bottom:30px;  background:#fff; border-radius:3px; width:160px; z-index:2;}
.seclm .sect a{display:block; text-align:center; margin:0; line-height:40px;}

.lotepc{ margin-top:4%;}


@media (min-width: 1201px){
.palgc .back:hover{ color:#114787;}
.seclm:hover div{display:block;}
.boatb{ position:fixed; top:50%;left:0; margin-left:0; transform:translateY(-50%); display:none;}
.boatb.on{display:block;}
.top-nav li .secl{ display:block; visibility:hidden; opacity:0; transform:translateY(30px); transition:all 0.5s ease;}
.top-nav li:hover .secl{ visibility: visible; opacity:1; transform:translateY(0px); transition:all 0.5s ease;}
.honor-ul li:hover .honor-li-img:after{ opacity:1; transition:all 0.5s ease;}
.atepl li:hover .pic img{ transition:all 0.5s ease; transform:translateY(-20px);}
.loclp li .pic{transition:all 0.5s ease;}
.vlvao li:hover .pic img,.aetpl li:hover .pic img,.teolp li:hover .pic img,.abope .list .tepla li:hover .pic img,.opoae li:hover .pic img,.loclp li:hover .pic,.emboa li a:hover .con .d1 img{transform: rotateY(180deg);transition:all 0.5s ease;}
/*
.opoae li .tit{ opacity:0; transition:all 0.5s ease; transform:translateY(20px);}
.opoae li .con{ opacity:0; transition:all 0.5s ease; transform:translateY(20px);}
.opoae li:hover .tit{ opacity:1; transition:all 0.5s ease; transform:translateY(0px);}
.opoae li:hover .con{ opacity:1; transition:all 0.5s ease 0.3s; transform:translateY(0px);}
*/
.abolpa .list:hover:before{ transform:translateX(0); transition:all 0.8s ease;}
.abolpa .list:hover .pic img,.teolab .list:hover .pic img{transition:all 0.5s ease; transform:scale(1.05);}
.abolpa .list:hover .con .d3 a{color:#000;}
}

@media (max-width: 1500px){
.ind-01 .vopaec .d4{ padding-left:0;}
.lpcalc li .d1{ font-size:20px;}
.boatb,.boatb.on{display:none;}
}

@media (max-width: 1400px){

}
@media (max-width: 1200px){
.wrap{ padding:0 3%;}
.ny-banner2 video{display:none;}
.ind-01 .vopaec{ width:100%;}
.weare-serv-ul{ width:100%; margin-top:5%; display:none;}
.menu-calt{ display:block;}
.top{ padding:0 4%; top:2%;}
.top-nav{ position:fixed; display:none; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9); overflow:auto; padding-top:80px; z-index:104;}
.top-nav li{ width:100%;}
.top-nav li > a{ display:block; width:100%; text-align:left; line-height:60px; border-bottom:1px solid rgba(255,255,255,0.3);}
.top-nav li .secl{ position:relative; top:0; width:100%;}
.top-nav li span{ display:block; position:absolute; right:0; top:0; width:60px; height:60px; background:url(/images/ccc01.png) no-repeat center center;}
.top-nav li span.on{background:url(/images/ccc02.png) no-repeat center center;}

.ad-line,.ladbc{ display:none;}
.top-ny{padding:10px; top:0;}
.top-ny .top-nav li > a{ color:#fff;}
.ny-banner,.ny-banner2{ margin-top:61px; padding:0;}
.top-ny .flex-logo{ padding-top:4px;}
.ny-banner .min-pic,.ny-banner .sc-bg{ display:none;}
.ny-banner .rel .con{ left:5%; width:90%; right:auto;}
.ny-banner .rel .pic,.ny-banner2{ height:400px; background-size:cover;}
.abc-s1-01 .con .d1,.sv-tit{ font-size:24px;}
.emboa li a .con .d2{ font-size:18px;}
.aeoptc{ width:100%; text-align:center;}
.aeoptc a{ margin:0 5px;}

.aoptl .pic{ width:100%; text-align:center;}
.aoptl .con{ width:100%;}
.aoptl .con .list{ padding:30px;}
.taetc{ font-size:18px;}
.teaolc li .d1 strong{ font-size:40px;}
.boatb{ position:relative; margin:0; left:0; margin:0 0 3%; width:100%; display:flex; background:#fff;}
.boatb li{ width:25%;}
.boatb li a{ padding:10px 5px;}
.boatb li a .pic{ height:35px; background-size:auto 100%;}
.boatb li a .tit{ line-height:20px; height:60px; overflow:hidden;}
.lateuc{ display:block; flex-wrap:wrap;}
.lateuc .pic{ width:100%;}
.lateuc .tit{ width:100%; padding:4%;}
.abope .list{ width:100%;}
.volpa li .d2{ font-size:14px;}
.taelp .pic{ width:100%;}
.taelp .con{ width:100%; padding:30px;}
.taelp .con:before{ left:15px; top:5px; margin:0;}
.taelp .con:after{ right:15px; bottom:5px; margin:0;}
.teplcp{ padding:0;}
.lteba span,.altbl .d1{ font-size:30px;}
.teplcp2{ padding:0;}
.abolpa .list .con .d1,.altbl .d2{ font-size:20px;}
.abolpa .list .con .d2{ font-size:16px;}
.latol li{ height:400px;}
.latol li .con .d1{ font-size:24px;}
.latol li .con .d2,.altbl .d3{ font-size:14px;}
.atecca{ font-size:22px;}
.lpcalc li{ width:50%;}
.rvaol{ width:100%; margin:2% 0 0 !important;}
.rvaol .d1 span{ font-size:18px;}
.sv-con i{font-size:18px;}
}




@media (max-width: 768px){
.ind-01{ padding:0 4%;}
.ind-01 .vopaec .d1{ font-size:24px;}
.ind-01 .vopaec .d2{ font-size:16px;}
.weare-serv-ul li img{ height:40px;}
.ind-01 .vopaec .d4 .list img{ height:40px;}
.ind-01 .vopaec .d4 .list .s2{ font-size:15px;}
.weare-serv-ul li .d2{ font-size:12px;}
.weare-serv-ul li p span{ font-size:20px;}
.ind-01 .vopaec .d3 a.cad{ margin:0 15px 0 0; width:200px;}
.foot{ padding:0 4% 10px;}
.foot .cop{ line-height:25px; text-align:center;}
.foot .bom-nav{ width:100%; text-align:center;}
.foot .bom-nav a{ margin:0 5px;}
.ind-01 .vopaec .d3 > a{font-size:14px;}
.ind-01 .vopaec .d4 { text-align:center;margin-top: 10px;}
.ind-01 .vopaec .d4 .list{margin:0 7px;}
.flex-logo{padding:5px 0;}
.flex-logo img{height:32px;}
.menu-calt{width:40px; height:40px;}
.ny-banner .rel .pic,.ny-banner2{ height:240px;}
.ny-banner .rel .con .d1,.ny-banner2 .con .d1{ font-size:24px;}
.ny-banner .rel .con .d2{ font-size:16px;}
.abc-s1-01 .con{ padding:0;}
.abc-s1-01 .con .d1, .sv-tit{ font-size:18px; font-weight:bold;}
.opoae li{ width:48%; margin-bottom:4%;}
.aetpl{justify-content:flex-start;}
.aetpl li{ width:33%; margin-bottom:4%;}
.emboa li a .con .d2{ margin-top:10px; font-size:16px;}
.lbomla li{ width:100%; margin-top:5%;}
.lbomla li .tit{ font-size:18px; font-weight:bold;}
.lbomla li .con,.taebol{ font-size:15px;}
.teaolc li .d1 strong{ font-size:24px;}
.teaolc li .d2{ font-size:14px;}
.aoptl .con .list .d2{ font-size:20px;}
.gbola .con{ position:relative; width:100%; padding:4%; bottom:0; left:0; margin:0;}
.gbola .con .d1{ font-size:18px;}
.albuto{ display:block;}
.albuto .pic{ width:100%;}
.albuto .con{ width:100%; padding:4%;}
.albuto .con .d1,.lptae li .tit{ font-size:20px;}
.taeopa .pic{ width:100%;}
.taeopa .con{ width:100%; margin-top:3%;}
.taeopa .con .d1,.abope .list .bt{ font-size:20px;}
.tcetc li{ width:50%;}
.tcetc li .tit{ height:66px;}
.ny-banner2 .con .d2{ font-size:16px;}
.teobc li{ width:100%;}
.abope .list .tepla{ text-align:left;}
.abope .list .tepla li{ width:50%; text-align:center;}
.abope .list .con{ font-size:14px;}
.honor-ul li{ width:49%;}
.honor-ul li:nth-child(3n){ margin-right:2%;}
.honor-ul li:nth-child(2n){ margin-right:0;}
.honor-ul li .honor-li-img{ height:145px;}
.honor-ul li .honor-li-img p img{ max-height:145px;}
.atepl li{ width:49%;}
.vorel{ padding-left:4%;}
.volpa li{ width:100%; height:auto; padding:4% 4% 4% 90px; background-position: 20px center;}
.volpa li .d1{ font-size:20px;}
.lteba span{ font-size:20px;}
.ptean li{ width:100%; margin-bottom:2%;}
.teolab .list{ width:100%;}
.teolab .list .con .d1{ font-size:30px;}
.teolab .list .con .d2{ font-size:20px;}
.ltepla li .tit{ font-size:20px;}
.aeotp li{ width:49%;}
.aeotp li:nth-child(2n){ margin-right:0;}
.aeotp li .num strong{ font-size:32px;}
.loclp li{ width:100%; margin-bottom:70px;}
.loclp li:last-child{margin-bottom:0;}
.abolpa .list{ width:100%;}
.atecca{ font-size:20px;}
.teplac li{ width:25%; padding:12px 0;}
.lpcalc li{ width:100%;}
.seclm{display:inline-block; float:none; margin:0 15px;}
}

@media (max-width: 640px){
.weare-serv-ul li{ width:50%; margin-bottom:20px;}
.emboa li{ width:100%; margin-right:0;}
.lptae li{ width:100%;}
.ateh li .con{ font-size:12px;}
.tatbl li{ padding:0 3px;}
.tatbl li .tit{ font-size:14px;}
.latol li{ width:100%; height: auto; padding:8% 5%;}
.latol li .con{ position:relative; top:0; transform:translateY(0); padding:0;}
.latol li .con .d1{ font-size:20px;}
.lreao li{width:100%; margin-right:0;}
}



.shade {position: fixed;left: 0; top: 0; z-index: 102;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: 103;
    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-07-10*/
.tab-cell{ display:table-cell; vertical-align:middle;}
.news-cont{ padding:3% 0; background:#f8f8f8;}
.lbaec{ font-size:5vh;}
.lbaec span{ border-bottom:3px solid #f8f8f8; color:#aeaeae; margin-right:60px; padding-bottom:6px; cursor:pointer;}
.lbaec span.cur{ border-bottom-color:#383b42; color:#383b42;}

.lbaet{ margin-top:3%;}

.lbaet li a{ display:block; transition:all 0.5s ease;}
.lbaet li a .pic{ width:50%;}
.lbaet li:nth-child(2n) .pic{ float:right;}
.lbaet li a .pic img{ width:100%; height:300px; object-fit:cover;}
.lbaet li a .con{ width:50%; height:300px; display:table; padding:0 3%;}
.lbaet li a .con .d1{ font-size:3vh;}
.lbaet li a .con .d2{ color:#999; margin:10px 0;}
.lbaet li a .con .d3{ line-height:25px; max-height:75px; overflow:hidden; color:#666;}
.lbaet li a .con .d4{ margin-top:30px;}
.vbnae{ margin-top:3%;}
.vbnae a{ display:inline-block; width:200px; line-height:50px; font-size:16px; background:#d6d6d6; border-radius:25px;}

.bureao{ background:#4b4b4b; padding:120px 0 40px;}
.bureao .d1{ color:#fff; font-size:30px;}
.bureao .d2{ margin:10px 0; color:#b1b1b1;}
.madol{ width:100%; max-width:712px; margin:0 auto; line-height:2;}

.palgc{ background:#fff; padding:35px 0;}
.palgc .list{ padding:5px 0; line-height:22px;}
.palgc .back{ position:absolute; font-size:16px; right:0; top:20px;}
.maplc{ margin-top:60px; background:#e2e4e5;}

.zbuec{ width:50%;}
.zbuec > img{ height:860px; width:100%; object-fit:cover;}
.zbuec .con{ position:absolute; color:#fff; top:10%; left:20%; line-height:2;}
.zbuec .con .d1{ font-size:24px;}

.btaoe{ width:50%; padding:90px 5%;}
.cbuae{ margin-bottom:15px;}
.cbuae .c1{ width:48%; padding-left:80px; height:50px; border:none; background:#f1f2f2 no-repeat left center; padding-right:10px; font-size:16px;}
.cbuae textarea{ background:#f1f2f2 no-repeat left 10px; padding:10px 10px 10px 80px; height:200px; width:100%; border:none; font-size:16px;}

.alreo{ display: -webkit-flex; display:flex;justify-content: space-between;flex-wrap: wrap;}
.alreo dl{ width:48%; margin-top:20px;}
.alreo dl dt{ font-size:18px; font-weight:bold;}
.alreo dl dd{ margin-top:8px; line-height:20px; color:#464646;}
.alrte{ margin-top:30px;}
.alrte input{ color:#fff; font-size:16px; width:200px; height:50px; border:none; cursor:pointer; background:#3b3c44; border-radius:25px;}

@media screen and (min-width: 1201px){
.lbaet li a:hover{ background:#fff; transition:all 0.5s ease;}
}

@media screen and (max-width: 1200px){
.lbaec{ font-size:18px;}
.maplc{ margin-top:50px;}
.zbuec{ width:100%;}
.zbuec > img{ height:400px;}
.zbuec .con{ width:100%; padding:0 4%; left:0;}
.btaoe{ width:100%; padding:4%;}
}

@media screen and (max-width: 768px){
.lbaet{ margin-top:20px;}
.lbaet li a .pic{ width:100%;}
.lbaet li a .pic img{ height:auto;}
.lbaet li a .con{ height:auto; padding:4%; width:100%;}
.lbaet li a .con .d1{ font-size:16px;}
.bureao .d1{ font-size:20px;}
.bureao .d3{ display:none;}
.palgc{ padding:5% 0;}
.palgc .back{ position:relative; top:0; display:inline-block; margin-top:15px;}
.maplc{ margin-top:41px;}
.zbuec > img{ height:240px;}
.cbuae .c1{ width:100%;}
.cbuae .c1:nth-child(2){ margin-top:15px;}
.alreo dl{ width:100%;}

}





<!--0.00021004676818848-->