@media (min-width:768px){
.nav{display:none;}

}


/*首页*/
/*第一屏*/
.section { text-align:center; color: #fff;}

.section .slide:nth-child(1){background: url(../images/1.jpg) center; background-size:cover;}
.section .slide:nth-child(2){background: url(../images/2.jpg) center; background-size:cover;}
.section .slide:nth-child(3){background: url(../images/3.jpg) center; background-size:cover;text-shadow: 0 0 10px #999;}
.section .slide:nth-child(4){background: url(../images/4.jpg) center; background-size:cover;text-shadow: 0 0 10px #000;}

.section .slide div{ height:30%;}


.section .slide span{ font-size:24px; margin-bottom:1rem; display:block}
.section .slide h1{ color:#fff; font-size:5.2vh;  line-height: normal}
.section .slide a{ color:#fff; font-size:14px;text-decoration:none; line-height:40px; border:2px solid #fff; display:inline-table; padding:0 30px; border-radius:30px; margin-top:20px;}


.jtwz{position:absolute; bottom:70px;margin:auto;  left:0; right:0;width:20px;z-index:1111}
.hj{ width:20px; height:6px; background:url(../images/hj.png) no-repeat; display:block;animation:fadeIn1 1.5s infinite;}
.bj{ width:20px; height:6px; background:url(../images/bj.png) no-repeat; display:block;animation:fadeIn1 1.5s infinite;}
.bj2{ width:20px; height:6px; background:url(../images/bj2.png) no-repeat; display:block;animation:fadeIn1 1.5s infinite; }
.d2{animation-delay:0.2s;}
.d3{animation-delay:0.4s}
@keyframes fadeIn1{
0%,100%{opacity:0.1;}
50%{opacity:1;}
}

.pm3{display:flex; justify-content:space-between; height:100%}
.pm3 li{ height:100%; width:33.3%;display:flex;align-items:center;justify-content:center; font-size:16px; font-weight:bold; opacity:0.5}
.pm3 li:hover { opacity:1;transition: opacity .7s; animation: none;}
@keyframes dydc{
0%, 49.9999% {pointer-events: 0.5;}
50%, 100% {pointer-events: 1;}
}



/*第二屏*/
.i2{ background: url(../images/i2d.jpg) no-repeat center center; color:#000}
.i2 .content,.i4 .content{text-align:left;}
.i2 h4,.i3 h4,.i4 h4{ font-weight:normal; font-size:22px;}
.i2 p{ display:block; width:530px; font-size:18px; line-height:40px; padding:2rem 0 6rem;}
.i2 h2{ font-weight:normal; color:#3b4dab; display:inline; font-size:35px;}
.i2 span{ display:block; font-weight:bold;}
.i2 ul{ display:flex;justify-content:space-between; width:650px; margin-bottom:70px;color:#666}
.i2 a{ background:url(../images/banjt2.png) no-repeat left center; padding-left:30px;}
.i2 li{ text-align:center}
.i2 li span{ font-size:14px;}

/*第三屏*/
.i3{ background:url(../images/i3.jpg) no-repeat center center; color:#fff}
.i3 h4{color:#fff}
.i3 p{ display:block; width:670px;font-size:18px; line-height:40px;color:#fff; margin:0 auto;padding:2rem 0 3rem;}
.i3 ul{ display:flex; justify-content:space-between; width:1000px; color:#fff; margin:3rem auto 0}
.i3 a{ color:#fff}
.i3 .nore{ background:url(../images/banjt.png) no-repeat left center; padding-left:30px;}
.i3 li{ width:20%;}
.i3 li:nth-child(1) a div{ width:110px; height:110px; background:url(../images/i3p1.png) no-repeat center center; border:1px solid #FFF;border-radius:110px; margin:0 auto 20px;}
.i3 li:nth-child(2) a div{ width:110px; height:110px; background:url(../images/i3p2.png) no-repeat center center; border:1px solid #FFF;border-radius:110px; margin:0 auto 20px;} 
.i3 li:nth-child(3) a div{ width:110px; height:110px; background:url(../images/i3p3.png) no-repeat center center; border:1px solid #FFF;border-radius:110px; margin:0 auto 20px;} 
.i3 li:nth-child(4) a div{ width:110px; height:110px; background:url(../images/i3p4.png) no-repeat center center; border:1px solid #FFF;border-radius:110px; margin:0 auto 20px;} 

/*第四屏*/
.i4{ background: url(../images/i4.jpg) no-repeat; background-size:100% auto}
.i4 .content{ display:flex; justify-content:space-between}
.i4 h1{ font-weight:normal; }
.i4 .left{ width:510px; color:#666;}
.i4 .left img{ width:100%; height:auto; margin:3rem 0 2rem}
.i4 .left a{ display:block; font-size:22px; font-weight:bold}
.i4 .right{ width:600px; margin-top:7rem;}
.i4 .right ul{border-bottom:1px solid #d6d6d6}
.i4 .right ul li{ display:flex; justify-content:space-between;  color:#999;font-size:16px; padding:2.5rem 0; border-top:1px solid #d6d6d6}
.i4 .right ul li a{ color:#000;font-size:18px;}

/*第五屏*/
.i5 .content{ color:#fff; text-align:left; font-size:16px; }
.i5 h4{ font-size:56px; color:#fff; width:500px; line-height:70px; margin-bottom:8rem}
.i5 h1{ font-weight:normal; color:#fff; margin:2rem 0 10rem}
.i5 li{ line-height:40px;}

.i5{ background: url(../images/i5.jpg) no-repeat center center; background-size:100% auto}
.i5 .nr{ width:1200px; margin:0 auto; text-align:left}
.i5 a{ color:#fff}
.i5 .content img{ display:none}


/*首页底部*/
.bottom{justify-content:space-between; display:flex; font-size:15px;  position: absolute; z-index:1111; bottom:0; margin:auto; left:0; right:0; height:64px;}
.bottom a{color:#b6b6b6}
.bottom .right{display:flex;justify-content:flex-end}
.bottom .right li{ margin:0 10px;}
.bottomys1{color:#b6b6b6;}
.bottomys1 a{color:#b6b6b6;}



.content{ width:1200px; margin:0 auto;}
.fg{ padding:5rem 0}


.head{ }
.headbj{background:#344c8c;}
.head .content{ display:flex;justify-content:space-between;align-items:center;}


.headys1,.headys2 {position: absolute; z-index:1111;margin:auto; left:0; right:0;}
.headys1 .logo{ background:url(../images/logo.png) no-repeat; background-size: contain; height:43px; width:117px; display:block}
.headys1 a{ color:#fff}
.headys2 .logo{ background:url(../images/logo1.png) no-repeat; background-size: contain; height:43px; width:117px; display:block}
.headys2 a{ color:#000}


.head .menu{ font-size:15px;display:flex;justify-content:space-between; width:750px; line-height:65px;}
.head .menu li{position:relative;}
.head .menu li a{display: block;}


.head .menu li ul{ position:absolute; top:60px; display:none; background:#f5f5f7; padding:15px 40px; white-space: nowrap; text-align:center; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.5); line-height:60px; z-index:10;}
.head .menu li ul li a{ color:#000; line-height:50px; }

.head .menu li:nth-child(1) ul{left:-90px;}
.head .menu li:nth-child(2) ul{left:-130px;}
.head .menu li:nth-child(3) ul{left:-100px;}
.head .menu li:nth-child(4) ul{left:-80px;}
.head .menu li:nth-child(5) ul{left:-50px;}
.head .menu li:nth-child(6) ul{left:-90px;}
/*.head .menu li:nth-child(7) ul{left:-50px;}*/
.head .menu li:hover ul{ display:block}


.cd ul{ width:1000px;}
.cd li{ float:left;display:block; margin-right:50px; position:relative;}
.cd li a{display:block;}
.cd li:hover img{ display:block}
.cd li img{position:absolute; top:70px;left:-40px; border-top:1px solid #f1f1f1; display:none;}
.cd .an{ background:url(images/yjbj.jpg) repeat-x center bottom; font-weight:bold}


.head .right{display:flex;justify-content:space-between; width:140px;}
.head .right li{ display:block; position:relative; color:#000}
.head .right li a img{ height:17px;opacity:0.8;padding:24px 0; display:block}
.head .right li a:hover img{ height:17px;opacity:1}

.head .right li ul{ position:absolute; display:none; background:#f5f5f7; padding:15px 20px; white-space: nowrap; text-align:center; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.5); line-height:30px; font-size:14px;}
.head .right li ul img{ display:block; margin-bottom:5px;}
.head .right li ul strong{ color:#016fbc;}
.head .right li:hover ul{ display:block}
.head .right li:nth-child(1) ul{ left:-90px}
.head .right li ul li a{ color:#000;}

.head .right li:nth-child(1) ul{left:-60px;}
.head .right li:nth-child(4) ul{right:-40px;}
.head .right li:nth-child(5) ul{right:-40px;}

.headys1 .right li a{width:18px; height:18px; display:block; padding:10px 0}

.headys1 .right li:nth-child(1) a{ background: url(../images/tr1.png) no-repeat center; background-size:contain;}
.headys1 .right li:nth-child(2) a{ background: url(../images/tr2.png) no-repeat center; background-size:contain;}
.headys1 .right li:nth-child(3) a{ background: url(../images/tr3.png) no-repeat center; background-size:contain;}
.headys1 .right li:nth-child(4) a{ background: url(../images/tr4.png) no-repeat center; background-size:contain;}
.headys1 .right li:nth-child(5) a{ background: url(../images/tr5.png) no-repeat center; background-size:contain;}
.headys1 .right li:nth-child(5) li a{background: none; width:auto; height:auto; padding:0}


.headys2 .right li a{width:18px; height:18px; display:block; padding:10px 0}

.headys2 .right li:nth-child(1) a{ background: url(../images/tr12.png) no-repeat center; background-size:contain;}
.headys2 .right li:nth-child(2) a{ background: url(../images/tr22.png) no-repeat center; background-size:contain;}
.headys2 .right li:nth-child(3) a{ background: url(../images/tr32.png) no-repeat center; background-size:contain;}
.headys2 .right li:nth-child(4) a{ background: url(../images/tr42.png) no-repeat center; background-size:contain;}
.headys2 .right li:nth-child(5) a{ background: url(../images/tr52.png) no-repeat center; background-size:contain;}
.headys2 .right li:nth-child(5) li a{background: none; width:auto; height:auto; padding:0}




.cplm{ padding:68px 0 4px}
.cplm dl{ border-bottom:1px solid #bebebe; display:flex;justify-content:space-between; line-height:34px; padding:12px 0}
.cplm dt{ color:#000; font-weight:bold; font-size:18px; flex-grow:2}
.cplm dd{ font-size:14px; padding:0 15px;}
.cplm .an{ background:#344c8c;border-radius: 20px;}
.cplm .an a{ color:#fff}

.cplm h3{ line-height:78px; padding:0 0 1rem}

.banner1{ background:url(../images/p1-1.jpg) no-repeat center;background-size:cover;height:60vh;max-height:640px;}
.banner2{ background:url(../images/p2-1.jpg) no-repeat center;background-size:cover;height:90vh;max-height:900px; color:#fff; text-align:center}
.banner3{ background:url(../images/p3-1.jpg) no-repeat center;background-size:cover;height:75vh;max-height:750px; color:#fff; text-align:center}
.banner4{ background:url(../images/p4-1.jpg) no-repeat top; background-size:cover;height:70vh; max-height:780px; display:flex;align-items:center;}
.banner5{ background:url(../images/sl.jpg) no-repeat center; background-size:cover;height:60vh; max-height:670px; display:flex;align-items:center;}
.banner6{ background:url(../images/sl2.jpg) no-repeat center; background-size:cover;height:60vh; max-height:670px; display:flex;align-items:center;}
.banner7{ background:url(../images/sl3.jpg) no-repeat center; background-size:cover;height:60vh; max-height:670px; display:flex;align-items:center;}
.banner8{ background:url(../images/sl4-1.jpg) no-repeat center; background-size:cover; padding-top:32%}
.banner9{ background:url(../images/fc1.jpg) no-repeat center; max-height:740px; height:60vh;background-size:cover; display:flex;align-items:center}
.banner10{ background:url(../images/fc2.jpg) no-repeat center; max-height:750px; height:74vh;background-size:cover; display:flex;align-items:center}
.banner11{ background:url(../images/fc3.jpg) no-repeat center; max-height:750px; height:70vh;background-size:cover; display:flex;align-items:center}
.banner12{ background:url(../images/fc4.jpg) no-repeat center; max-height:750px; height:70vh;background-size:cover; display:flex;align-items:center}
.banner13{ background:url(../images/xw3-1.jpg) no-repeat center; max-height:380px; height:30vh;background-size:cover; display:flex;align-items:center}
.banner14{ background:url(../images/xw4.jpg) no-repeat center top; background-size:cover; max-height:339px; height:30vh; }
.banner15{ background:url(../images/xw6.jpg) no-repeat center; max-height:380px; height:30vh;background-size:cover; display:flex;align-items:center}
.banner16{ background:url(../images/xw7.jpg) no-repeat center; max-height:380px; height:30vh;background-size:cover; display:flex;align-items:center}
.banner17{ background:url(../images/xw8.jpg) no-repeat center; max-height:380px; height:30vh;background-size:cover; display:flex;align-items:center}
.banner18{ background:url(../images/tzz1.jpg) no-repeat center; max-height:540px; height:45vh;background-size:cover; display:flex;align-items:center}
.banner19{ max-height:340px; height:30vh;}
.banner20{ background:url(../images/yg1.jpg) no-repeat center; max-height:600px; height:55vh;background-size:cover; display:flex;align-items:center}
.banner21{ background:url(../images/yg2.jpg) no-repeat center; max-height:420px; height:45vh;background-size:cover; display:flex;align-items:center}
.banner22{ background:url(../images/ry1.jpg) no-repeat center; max-height:600px; height:55vh;background-size:cover; display:flex;align-items:center}
.banner23{ background-image: url(../images/wh1.jpg), url(../images/wh2.jpg); background-repeat:no-repeat , repeat-x; background-position: center bottom ,top; background-color:#000; height:720px; color:#fff; padding-top:70px;}
.banner24{ background:url(../images/ls.jpg) no-repeat center; max-height:750px; height:75vh;background-size:cover; display:flex;align-items:center; text-align:right}
.banner25{ background:url(../images/ry5.jpg) no-repeat center; max-height:800px; height:82vh;background-size:cover; display:flex;text-align:center}
.banner26{ background:url(../images/yg1.jpg) no-repeat center; max-height:380px; height:30vh;background-size:cover; display:flex;align-items:center}

/*产品*/
.hycp{ text-align:center;}
.hycp ul{ display:flex;justify-content:center; margin:3rem 0}
.hycp li{min-width:88px; padding:100px 50px 0; color:#000;}
.hycp li:nth-child(1){ background:url(../images/hycp1.jpg) no-repeat top center;}
.hycp li:nth-child(2){ background:url(../images/hycp2.jpg) no-repeat top center;}
.hycp li:nth-child(3){ background:url(../images/hycp3.jpg) no-repeat top center;}
.hycp img{ margin-top:50px;}

.hycp2{ background: url(../images/hycp5.jpg) no-repeat bottom; background-size:cover; color:#fff;}
.hycp2 h2{ color:#fff; }
.hycp2 .content{ display:flex; justify-content:space-between; align-items:center}
.hycp2 .content .wz{ width:630px;}
.hycp2 .content ul{ width:420px; display:flex;flex-wrap:wrap;}
.hycp2 .content ul li{ text-align:center; width:47%; margin:28px 0}
.hycp2 .content ul li img{ background:#FFF; border-radius:100%; display:block; margin:0 auto; margin-bottom:10px;}

.hycp3{ text-align:center}
.hycp3 span{ width:1200px; margin:0 auto; display:block}

.hycp4{display:flex;justify-content:space-between;}
.hycp4 li{ width:25%;max-height:670px; height:60vh;display:flex;align-items:center;justify-content:center;  color:#fff; }
.hycp4 li:nth-child(1){ background:url(../images/hycp10.jpg) no-repeat center; background-size:cover}
.hycp4 li:nth-child(2){ background:url(../images/hycp11.jpg) no-repeat center; background-size:cover}
.hycp4 li:nth-child(3){ background:url(../images/hycp12.jpg) no-repeat center; background-size:cover}
.hycp4 li:nth-child(4){ background:url(../images/hycp13.jpg) no-repeat center; background-size:cover}
.hycp4 li span{ text-align:center;display:block; width:40%; max-width:220px; font-size:1.4rem;}
.hycp4 li span img{width:42%;height: auto;display: block; margin:0 auto .5rem; max-width:82px;}

.product{ overflow:hidden;}
.product .category{ display:flex; background:url(../images/xhx.jpg) repeat-x bottom;margin-bottom:20px;}
.product .category li{ margin-right:65px; padding-bottom:10px; }
.product .category  a { color:#666;}
.product .category .an{border-bottom:2px solid #006fbc;}
.product .category .an a{ color:#006fbc; font-weight:bold;}

.product .list{display:flex;flex-wrap:wrap; width:1214px;}
.product .list img{ width:100%; height:auto}
.product .list div{ border:1px solid #dcdcdc; padding:16px; font-size:14px;}
.product .list div span{ font-weight:bold; color:#000; width:100%}
.product .list div p{ padding:0 0 0 10px; font-size:14px; background:url(../images/list.jpg) no-repeat left 13px;}
.product .list a{ color:#666}
.product .list li{width:290px; margin:30px 13.3px 10px 0;}

.footer{ background:#000; border-bottom:1px solid #333; color:#fff;}
.footer .content{ display:flex;justify-content:space-between}
.footer .content .left{border-right:1px solid #333; width:630px; padding:40px 30px 0 0; background:url(../images/logo2.png) no-repeat left 30px ;background-size:120px auto; font-size:14px;}
.footer .content .left span{ display:block; text-align:right}
.footer .content .left ul{ display:flex;justify-content:space-between; padding:28px 0 20px;}
.footer .content .left a{ color:#fff; font-weight:bold}

.footer .content .right{ width:480px; padding:30px 0 0; font-size:14px; color:#a9aeb5}
.footer .content .right span{ font-weight:bold; background:url(../images/foot3.jpg) no-repeat left center; padding-left:30px; display:block; font-size:16px; margin-bottom:10px; color:#fff}

.copyright{ background:#000; font-size:14px;color:#a9aeb5; line-height:60px; text-align:center}
.copyright a{ color:#fff}


.banner2 h2{ color:#fff;padding:7rem 0 4rem; display:block; width:600px; margin:0 auto}
.banner2 ul{ display:flex; justify-content:center; padding-bottom:3rem}
.banner2 ul li{ padding-top:70px; width:200px;}
.banner2 ul li:nth-child(1){ background:url(../images/nycp1.png) no-repeat top center; }
.banner2 ul li:nth-child(2){ background:url(../images/nycp2.png) no-repeat top center;}
.banner2 ul li:nth-child(3){ background:url(../images/nycp3.png) no-repeat top center;}
.banner2 span{text-shadow:0 0 10px #142f5c; width:1000px; margin:0 auto; display:block}

.nycp{ display:flex; justify-content:space-between; flex-wrap:wrap;align-items:center;}
.nycp div:nth-child(1){ width:545px;margin-bottom:90px;}
.nycp img:nth-child(2){ margin-bottom:90px;}
.nycp div:nth-child(4){ width:545px;}

.nycp2{ background:url(../images/p2-4.jpg)no-repeat; height:90vh; max-height:845px; text-align:center; background-size:cover; color:#fff}
.nycp2 h2{ color:#fff; padding-top:7rem; width:800px; margin:0 auto}
.nycp2 span{ display:block; width:1000px; margin:1rem auto 4rem;}
.nycp2 ul{ display:flex; justify-content:center;text-shadow:0 0 10px #142f5c;}
.nycp2 li{ padding-top:65px; width:200px; margin:0 10px; }
.nycp2 li:nth-child(1){ background:url(../images/nycp6.png) no-repeat top center; background-size:auto}
.nycp2 li:nth-child(2){ background:url(../images/nycp7.png) no-repeat top center; background-size:auto}
.nycp2 li:nth-child(3){ background:url(../images/nycp8.png) no-repeat top center; background-size:auto}
.nycp2 li:nth-child(4){ background:url(../images/nycp9.png) no-repeat top center; background-size:auto}


.banner3 h2{color:#fff;padding:9rem 0 2rem; width:800px; margin:0 auto}
.banner3 span{text-shadow:0 0 10px #000; width:1200px; margin:0 auto; display:block}

.tycp{ background:#404040; color:#fff;}
.tycp .content{ display:flex; justify-content:space-between;padding-bottom:4rem}
.tycp .content h2{ color:#fff; width:500px; display:block;}
.tycp .content span{ display:block; width:650px;}

.tycp ul{ display:flex;justify-content:space-between;flex-wrap:wrap; }
.tycp ul li{border-radius:10px; position:relative}
.tycp ul li strong{ position:absolute; left:40px; bottom:20px; font-size:18px;}
.tycp ul li:nth-child(1){ background:url(../images/tycp1.jpg) no-repeat center; background-size:auto; width:592px; height:345px; margin-bottom:15px;}
.tycp ul li:nth-child(2){ background:url(../images/tycp2.jpg) no-repeat center; background-size:auto; width:592px; height:345px; margin-bottom:15px;}
.tycp ul li:nth-child(3){ background:url(../images/tycp3.jpg) no-repeat center; background-size:auto; width:391px; height:396px;}
.tycp ul li:nth-child(4){ background:url(../images/tycp4.jpg) no-repeat center; background-size:auto; width:391px; height:396px;}
.tycp ul li:nth-child(5){ background:url(../images/tycp5.jpg) no-repeat center; background-size:auto; width:391px; height:396px;}

.tycp2{ background: url(../images/p3-5.jpg) #fafafa no-repeat bottom; text-align:center}
.tycp2 span{ width:1200px; margin:0 auto 3rem; display:block}
.tycp2 img{border-radius:10px;}

.tycp2 ul{ display:flex;justify-content:center; padding-top:4rem}
.tycp2 li{ width:240px; margin:0 10px; padding-top:75px; font-size:18px; color:#000; font-weight:bold}
.tycp2 li:nth-child(1){ background:url(../images/tycp6.png) no-repeat top; background-size:auto}
.tycp2 li:nth-child(2){ background:url(../images/tycp7.png) no-repeat top; background-size:auto}
.tycp2 li:nth-child(3){ background:url(../images/tycp8.png) no-repeat top; background-size:auto}

.banner4 .content{ color:#fff; width:700px; padding-left:500px;}
.banner4 .content h2{ color:#fff;}
.banner4 .content ul{ display:flex; margin-top:4rem}
.banner4 .content li{ width:180px; margin-right:30px; padding-top:60px; text-align:center; font-weight:bold;}
.banner4 .content li:nth-child(1){ background:url(../images/gtcp1.png) no-repeat top;}
.banner4 .content li:nth-child(2){ background:url(../images/gtcp2.png) no-repeat top;}
.banner4 .content li:nth-child(3){ background:url(../images/gtcp3.png) no-repeat top;}

.gtcp{ text-align:center}
.gtcp h2{ width:800px; display:block; margin:0 auto}
.gtcp ul{ display:flex; justify-content:space-between}
.gtcp li img{border-radius:10px;}
.gtcp span{ display:block; width:1200px;  margin:0 auto; padding-top:4rem}

.gtcp2{ background: url(../images/gtcp6.jpg) no-repeat; color:#fff; background-size: cover;height:70vh; max-height:720px; display:flex; align-items:center}
.gtcp2 h4{ color:#fff; background:url(../images/gtcp4.png) no-repeat left top ; padding-top:70px;}
.gtcp2 h2{ color:#fff; width:550px;}
.gtcp2 span{ display:block; width:550px;}

.gtcp3{ background: url(../images/gtcp7.jpg) no-repeat; background-size:cover; height:80vh; max-height:810px; text-align:center; display:flex; align-items:center;color:#000}
.gtcp3 h3{ width:800px; margin:0 auto}
.gtcp3 span{ width:1200px; margin:0 auto; display:block; }
.gtcp3 ul{ width:1200px; margin:5rem auto 0; display:flex; justify-content:space-between; font-weight:bold;}
.gtcp3 li{ width:18%; padding-top:65px;}
.gtcp3 li:nth-child(1){ background:url(../images/gtcp5.png) no-repeat top}
.gtcp3 li:nth-child(2){ background:url(../images/gtcp6.png) no-repeat top}
.gtcp3 li:nth-child(3){ background:url(../images/gtcp7.png) no-repeat top}
.gtcp3 li:nth-child(4){ background:url(../images/gtcp8.png) no-repeat top}
.gtcp3 li:nth-child(5){ background:url(../images/gtcp9.png) no-repeat top}


/*实力*/
.banner5 .content,.banner6 .content,.banner7 .content{ width:750px; padding-left:450px;}
.banner5 .content h4,.banner5 .content h1,.banner6 .content h4,.banner6 .content h1,.banner7 .content h4,.banner7 .content h1{ color:#fff;text-shadow:0 0 5px #000;}

/*实力1*/
.product span{ display:block; width:1000px;}

.product .list2{display:flex;flex-wrap:wrap; width:1225px;}
.product .list2 img{ width:100%; height:auto; border-radius:10px;}
.product .list2 li{width:386px; height:258px; margin:30px 21px 0 0;}

/*实力2*/
.strength h2{ padding-bottom:.5rem}
.strength span{ display:block; width:1200px;}
.strength ul{display:flex;flex-wrap:wrap; width:1225px;}
.strength img{ width:100%; height:auto; border-radius:10px;}
.strength li {width:386px; height:304px; margin:30px 21px 0 0;}
.strength p img{ margin:2rem 0}

.jc2{ display:none}

.testing{background:url(../images/sl4-3.jpg) no-repeat center; max-height:630px; height:60vh; background-size:cover; display:flex;align-items:center; color:#fff; text-align:center}
.testing div{ width:1000px; margin:0 auto;}
.testing h4{ color:#fff}
.testing h1{ color:#fff}

/*项目*/
.banner9 div{ width:900px; margin:0 auto; text-align:center;}
.banner9 h4,.banner9 h1{ color:#fff; text-shadow:0 0 5px #333;}

.banner10 div{ width:1000px; margin:0 auto; text-align:center;}
.banner10 h4,.banner10 h1{ color:#fff; }

.banner11 div{ width:800px; padding-right:400px; margin:0 auto; color:#000;text-shadow:0 0 20px #fff;}
.banner11 h4{ margin:1rem 0;}

.banner12 div{ width:800px; padding-right:400px; margin:0 auto;}
.banner12 h4,.banner12 h1{ color:#fff;}

/*新闻*/
.news{background:url(../images/xw1.jpg) no-repeat center; background-size:cover;}
.news h2{ padding:4rem 0 1rem}

.news a .news1{ background:#fff;border-radius:10px; overflow:hidden; display:flex; justify-content:space-between;}
.news a .news1 img{ width:640px; height:430px;}
.news a .news1 .right { display:block; width:450px; margin-right:40px;}
.news a .news1 .right span:nth-child(1){ color:#999; display:block; margin:35px 0 30px;}
.news a .news1 .right span:nth-child(3){ color:#0066cb; font-weight:bold;}
.news a .news1 .right dl{ display:block; height:245px; margin-bottom:20px; overflow:hidden}
.news a .news1 .right dt{ font-size:22px; font-weight:bold; max-height:60px; display:block; overflow:hidden; margin-bottom:20px;}
.news a .news1 .right dd{ color:#666}
.news a:hover .news1{box-shadow:0 0 10px rgba(0,0,0,.5)}

.news ul{ margin:30px 0 50px; display:flex; width:1240px;}
.news li{ width:386px;margin-right:21px; background:#fff;border-radius:10px; overflow:hidden;}
.news li img{ width:386px; height:259px;}
.news li div{ margin:30px; color:#999}
.news li span{ font-size:18px; font-weight:bold; display:block; color:#000; height:95px; overflow:hidden; margin-bottom:10px;}
.news a:hover li{box-shadow:0 0 10px rgba(0,0,0,.5)}

.more{ color:#000; font-weight:bold;  border:2px solid #000; display:block; width:300px; margin:0 auto; text-align:center; line-height:40px; border-radius:40px;}
.more:hover {background:#000; color:#fff}

.news2{ display:flex;justify-content:space-between;}
.news2 dl{ width:45%}
.news2 dt{ font-size:38px; font-weight:bold; color:#000;margin-bottom:30px;}
.news2 dd{ height:90px; display:flex; align-items:center;justify-content:space-between; border-bottom:1px solid #ddd;}
.news2 dd span:nth-child(1){ width:380px;font-weight:bold;}
.news2 dd span:nth-child(2){ color:#999}
.news2 a:hover{ color:#0066cb}

.news3{ background:url(../images/xwbg.jpg); background-size:cover; isplay:flex;}
.news3 .content{ display:flex; justify-content:space-between; line-height:40px; margin-bottom:4rem}
.news3 .content a{ color:#fff; border:2px solid #fff; padding:0 50px; border-radius:40px; font-weight:bold}
.news3 .content a:hover{ background:#fff; color:#3b4d8b}
.news3 h2{  color:#fff; padding:0;line-height:40px;}

.nei{ display:flex;justify-content:space-between; width:98%; margin:0 auto}
.nei a{width:32.5%; height:auto; max-width:800px;}
.nei a img{ max-width:100%}
.nei li{border-radius:20px; display:block;   overflow:hidden; position:relative}
.nei li div{ position:absolute; color:#fff; bottom:0; background:url(../images/news3.png) bottom repeat-x; background-size: auto 100%; width:91.5%; padding:2rem 4.25% 1rem}
.nei li div span{ font-size:18px; font-weight:bold; display:block; overflow:hidden;white-space: nowrap;}

.news4 ul{ display:flex;justify-content:space-between; text-align:center}
.news4 a li{ width:386px; font-weight:bold; height:90px; font-size:18px; padding-top:160px; border-radius:10px;}
.news4 a li:hover{box-shadow:0 0 10px rgba(0,0,0,.5)}
.news4 a:nth-child(1) li{ background:url(../images/news4.png) #f5f5f7 no-repeat center 64px }
.news4 a:nth-child(2) li{ background:url(../images/news5.png) #f5f5f7 no-repeat center 64px}
.news4 a:nth-child(3) li{ background:url(../images/news6.png) #f5f5f7 no-repeat center 64px}

.newslist{width:1288px; margin:0 auto;}
.newslist ul{display:flex; width:1320px; flex-wrap:wrap}
.newslist li{ width:410px; margin:0 29px 50px 0; height:415px; background:#f5f5f7}
.newslist li img{ width:410px; height:275px;}
.newslist li div{ padding:20px 35px;}
.newslist li div span{ display:block; font-size:14px; color:#999}
.newslist a:hover li{box-shadow:0 0 10px rgba(0,0,0,.5)}

.news5{ min-height:calc(100vh - 348px); background:url(../images/xw2.jpg) center center; background-size:cover;background-attachment: fixed; text-align:center; color:#fff; font-size:14px; padding-bottom:70px;}
.news5 h2{color:#fff;padding:4rem 0 1rem;}

.news6{ background:rgba(255,255,255,.85);border-radius:20px; color:#000; font-size:18px; text-align:left; width:900px; padding:0 75px 50px; margin:5rem auto 0}
.news6 dl{ display:flex;flex-wrap:wrap; padding:5rem 0 2rem}
.news6 dt{ font-size:28px; font-weight:bold;width:100%; padding-bottom:4rem}
.news6 dl:nth-child(1) dd{ background:url(../images/news7.png) no-repeat left top; padding-top:55px; width:300px;}
.news6 dl:nth-child(2) dd{ background:url(../images/news8.png) no-repeat left top; padding-top:55px; width:300px;}

.banner14 div{text-align:center; color:#000; font-size:14px; padding-top:13rem}
.banner14 h2{padding-bottom:1rem;}

.news7{ min-height:calc(100vh - 348px); background:url(../images/xw5.jpg) center center; background-size:cover;background-attachment: fixed; text-align:center; color:#fff; font-size:14px; padding-bottom:70px;}
.news7 h2{color:#fff;padding:4rem 0 1rem;}

.news8{ width:1000px; margin:5rem auto 0; text-align:left}
.news8 a li{  background:url(../images/news9.png) no-repeat 30px center, url(../images/news10.png) no-repeat 920px center;background-color:rgba(0,0,0,.55); display:block; padding:25px 90px; margin-bottom:1px; color:#fff}
.news8 a li span{ display:block; font-size:18px;}

.news8 a:hover li{background:url(../images/news11.png) no-repeat 30px center, url(../images/news10.png) no-repeat 920px center;background-color:#fff; color:#000;box-shadow:0 0 20px rgba(0,0,0,.5)}

.banner13 .content,.banner15 .content,.banner16 .content,.banner17 .content,.banner18 .content,.banner26 .content{ text-align:center; color:#fff; font-size:14px;}
.banner15 h2,.banner16 h2,.banner17 h2,.banner13 h2,.banner18 h2,.banner19 h2,.banner26 h2{ color:#fff; padding:4rem 0 1rem;}

/*.news9 ul{ display:flex; justify-content:space-between;flex-wrap:wrap}
.news9 li{ width:580px;position:relative;padding-bottom:40px;}
.news9 li img{ width:580px; height:390px;border-radius:20px; }
.news9 li div{width:580px; height:390px; position:absolute; background:url(../images/news12.png) no-repeat center center; background-color:rgba(0,0,0,.55);border-radius:20px;}
.news9 li span{ font-size:14px; color:#999; display:block; margin-top:20px;}
.news9 a:hover li div{background-color:rgba(0,0,0,.3);}*/

.news9 ul{ display:flex; justify-content:space-between;flex-wrap:wrap}
.news9 li{ width:580px;padding-bottom:40px;}
.news9 li div{width:580px; height:390px;border-radius:20px; background:#000; position:relative}
.news9 li div img{  top:0; bottom:0; right:0; left:0; margin: auto}
.news9 li div img:nth-child(1){z-index:2; display:block; width:68px; height:68px; position:absolute}
.news9 li div img:nth-child(2){ width:100%; height:auto; opacity: 0.5; z-index:1;border-radius:20px;}


.news9 li span{ font-size:14px; color:#999; display:block; margin-top:20px;}

.location{ font-size:14px; color:#000; line-height:62px; padding-top:65px;}

.newsd{ background:#f5f5f7;}
.title{ text-align:center; font-size:24px; color:#000;line-height:40px;}
.title span{ display:block; font-size:14px;}
.newsd .text{ width:1030px; padding:5rem 85px 7rem; background:#fff; margin:2rem auto 0}
.newsd .text img{ max-width:1030px; height:auto;}


/*投资者*/
.investor{color:#000;}
.investor div:nth-child(1){ font-size:24px;margin-bottom:2rem}
.investor div:nth-child(2){margin-bottom:2rem}
.investor div:nth-child(2) strong{ font-size:38px; padding-right:20px;}

.investor2 div{ display:flex;justify-content:space-around}
.investor2 ul{display:flex; padding:5rem 0 2rem}
.investor2 li{ line-height:40px; background:#f2f2f2; text-align:center; width:395px; border:1px solid #ddd; margin-right:3px;}
.investor2 .an{ background:#fff; border-bottom:2px solid #344c8c}

.investor3{ background:url(../images/xwbg.jpg) center center; color:#fff;}
.investor3 .content{display:flex;justify-content:space-between;}
.investor3 .content div:nth-child(1){ width:200px;}
.investor3 ul{  width:770px;}
.investor3 li{ padding:0 0 26px; border-bottom:1px solid #fff; font-size:14px; color:#a6b7d3; margin-bottom:26px;}
.investor3 li span{ display:block; font-size:18px; font-weight:bold; color:#fff}
.investor3 a{ color:#fff;}
.investor3 h2{ color:#fff;padding-bottom:5rem;}
.investor3 .left a{ border:2px solid #fff; line-height:40px; display:block; text-align:center; border-radius:40px;}
.investor3 .left a:hover{ background:#fff; color:#3b4d8b}

.investor4 ul{ display:flex;justify-content:space-between;flex-wrap:wrap}
.investor4 li{ background:#f5f5f7; width:515px; padding:35px; margin-bottom:35px; font-size:14px;}
.investor4 li span:nth-child(1){ display:block; font-size:18px; font-weight:bold; height:80px; padding-top:10px;}
.investor4 li span:nth-child(2){  font-weight:bold; border-bottom:1px solid #000;border-top:1px solid #000; padding:5px 0}


/*员工成长*/
.banner20 div{ width:1000px; margin:0 auto; text-align:center;}
.banner20 div h4{ color:#fff;}
.banner20 div h1{ color:#fff;}

.job img{border-radius:10px;}

.banner21 div{ width:750px; margin:0 auto; text-align:center; color:#fff; background: url(../images/job2.png) no-repeat center top; padding-top:120px;}
.banner21 div h2{ color:#fff}

.job2{ text-align:center}

.job3{ background: url(../images/job4.jpg) no-repeat center bottom #f5f5f7; padding-bottom:500px;}

.job4{ background:url(../images/xwbg.jpg) no-repeat center center; text-align:center; color:#fff}
.job4 h2{ color:#fff}
.job4 ul{ width:1200px; margin:0 auto; display:flex;justify-content:space-between; padding:5rem 0 1rem}
.job4 li img{ border-radius:10px;}

.job5{background-size:cover; isplay:flex;}
.job5 .content{ display:flex; justify-content:space-between; line-height:40px; margin-bottom:4rem}
.job5 .content a{ color:#000; border:2px solid #000; padding:0 50px; border-radius:40px; font-weight:bold}
.job5 .content a:hover{ background:#000; color:#fff}
.job5 h2{ padding:0;line-height:40px;}


/*了解ca88*/
.banner22 .content{text-shadow: 0 0 10px rgba(0,0,0,.2)}
.banner22 h1{ color:#fff; padding-bottom:2rem; width:850px;}
.banner22 h1 br{ display:none}
.banner22 h4{color:#fff; font-size:24px;}

.about h2{ width:800px; margin:0 auto; text-align:center; }

.about .about2{ display:flex;justify-content:space-between;padding-top:2rem}
.about .about2 div:nth-child(1){ width:820px;}
.about .about2 a{ display:block; width:300px; text-align:center}
.about .about2 a img{ width:300px; height:195px; display:block; padding-bottom:1.5rem}

.about ul{display:flex;justify-content:space-between;}
.about li{ text-align:center; margin-top:4rem}
.about li div:nth-child(1){ margin-bottom:1rem}
.about li span{ font-size:50px; color:#3b4d8b;}

.tmbg{display:none; width:100%; height:100%; background-color:rgba(0,0,0,0.8); position:fixed; margin:auto; left:0;right:0;top:0; bottom:0; z-index:100;}
.viode{ display:none; width:960px; height:544px; background:#000; position:fixed; margin:auto; left:0;right:0;top:0; bottom:0;z-index:101;}


.about3{ background:url(../images/ry1-3.jpg) no-repeat center;background-size:cover; display:flex;align-items:center; color:#fff;max-height:750px; height:75vh;}
.about3 .content{ background:url(../images/about2.png) no-repeat right center; min-height:323px; width:700px; padding-right:500px;}
.about3 .content h2{ width:700px; color:#fff; margin-bottom:2rem;}
.about3 .content a{ display:block; height:40px; line-height:40px; background:#fff; width:170px; text-align:center; border-radius:40px; margin-top:4rem}

.about4 h3{ width:1000px;}
.about4 ul{ display:flex; justify-content:space-between; margin-top:3rem}
.about4 li{ font-size:18px; color:#000; font-weight:bold; padding-top:110px;}
.about4 li:nth-child(1){ background:url(../images/about3.jpg) no-repeat left top;}
.about4 li:nth-child(2){ background:url(../images/about4.jpg) no-repeat left top;}
.about4 li:nth-child(3){ background:url(../images/about5.jpg) no-repeat left top;}
.about4 li:nth-child(4){ background:url(../images/about6.jpg) no-repeat left top;}

/*分公司*/
.about5{ background:url(../images/ry1-6.jpg) no-repeat center center}
.about5 .neir{ width:830px; padding-right:370px; margin:0 auto; overflow:hidden;}
.about5 ul{ display:flex; margin-top:40px; position:relative}
.about5 li{ display:flex;justify-content:space-between; width:1200px;}
.about5 li div:nth-child(2){ width:510px;}
.about5 li div:nth-child(2) span{ font-size:24px; display:block; color:#3b4d8b; font-weight:bold; margin:70px 0 30px;}
.about5 .left{ display:block; width:50px; height:50px; background:url(../images/about8.png) no-repeat center; border:1px dashed #000;border-radius:100%; position:absolute; right:70px; top:-80px;}
.about5 .left:hover { background:url(../images/about8.png) no-repeat center #fff;}
.about5 .right{ display:block; width:50px; height:50px; background:url(../images/about9.png) no-repeat center; border:1px dashed #000;border-radius:100%; position:absolute;  right:0; top:-80px;}
.about5 .right:hover { background:url(../images/about9.png) no-repeat center #fff;}

/*公司结构*/
.about52{ background:url(../images/ry1-6.jpg) no-repeat center center; text-align:center; background-size: cover}
.about52 .jies{ width:80%; margin:0 auto}
.about52 ul{ display:flex;justify-content:space-between;flex-wrap:wrap;color:#fff; margin-top:3rem;align-items:flex-start;}
.about52 li{ padding:40px 20px; width:350px; margin-bottom:1.5rem; border-radius:10px;}
.about52 span{ display:block; font-weight:bold; font-size:20px; margin-bottom:1rem}
.about52 li:nth-child(1),.about52 li:nth-child(3),.about52 li:nth-child(5),.about52 li:nth-child(7){ background:#344c8c}
.about52 li:nth-child(2),.about52 li:nth-child(4),.about52 li:nth-child(6),.about52 li:nth-child(8){ background:#42abdd}
.about52 li:nth-child(8){ width:755px;}

.banner23 dl{ width:1200px; margin:0 auto; display:flex; justify-content:space-between; padding-top:40px;}
.banner23 dt{ font-size:30px;}

.banner23 .wenh{ width:800px; text-align:center; font-size:18px; margin:0 auto; padding-top:160px;}
.banner23 .wenh h1{ color:#fff; font-size:48px;}
.banner23 .wenh span{ font-size:24px; display:block; padding:40px 0 15px}

.wenh2{ font-size:22px; color:#000; line-height:45px;}
.wenh2 span{ display:block; color:#666; font-size:16px; font-style:italic; line-height:35px; margin-top:30px;}


.wenh3{  display:flex;justify-content:space-between;}
.wenh3 li{ width:33.4%;max-height:670px; height:70vh;display:flex;align-items:center;justify-content:center}
.wenh3 li:nth-child(1){ background:url(../images/ry2-4.jpg) no-repeat center; background-size:cover}
.wenh3 li:nth-child(2){ background:url(../images/ry2-5.jpg) no-repeat center; background-size:cover}
.wenh3 li:nth-child(3){ background:url(../images/ry2-3.jpg) no-repeat center; background-size:cover}

.wenh3 div{ width:80%; color:#fff; text-align:center; text-shadow:0 0 5px #333; height:160px; max-width:400px;}
.wenh3 div span{ display:block; font-size:22px; margin-bottom:1rem}

.rongyu{ min-height:calc(100vh - 348px); background:url(../images/ry3-3.jpg) center center; background-size:cover;background-attachment: fixed; text-align:center; font-size:14px; padding-bottom:70px;}
.rongyu h2{padding:4rem 0 1rem;}
.rongyu .wz{ text-align:center; width:1200px; margin:0 auto; font-size:16px; padding:1.5rem 0 3rem; color:#000}
.rongyu .lanm{ display:flex;justify-content:center; font-size:16px;}
.rongyu a li{ border:2px solid #000; padding:5px 5rem; font-weight:bold; border-radius:40px; margin:0 10px;}
.rongyu .an li{ background:#3b4d8b; color:#fff;border:2px solid #3b4d8b;}
.rongyu .lieb{ display:flex;flex-wrap:wrap; width:1221px; padding-top:4rem}
.rongyu .lieb li{ margin:0 3% 4rem 0; width:30%}
.rongyu .lieb li img{ width:100%; height:auto}

.rongyu .lieb2{ display:flex;flex-wrap:wrap; width:1250px; padding-top:4rem}
.rongyu .lieb2 li{ margin:0 2% 4rem 0; width:18%;}
.rongyu .lieb2 li img{ border:1px solid #d0d0d0; display:block; width:100%; height:auto}

.banner24 .content{ width:650px; color:#fff; padding-left:550px;}
.banner24 h2,.banner24 h4{ color:#fff;}
.banner24 h2{ width:100%;}
.banner24 h4{ padding-bottom:1rem}
.banner24 ul{ display:flex; justify-content:flex-end}
.banner24 li{ width:33%; text-align:center}
.banner24 li img{ display:block; padding:14px; border:2px solid #fff; border-radius:100%; margin:0  auto 1.5rem; }

.lvse{ background:url(../images/ry4-5.jpg) no-repeat center center;}
.lvse .content{ width:700px; padding-right:500px; background:url(../images/ls4.jpg) no-repeat right center; min-height:370px; font-size:18px; color:#000; line-height:36px;}
.lvse .content h2{ width:70%; padding:2rem 0 3rem}

.lvse2{ background:url(../images/ry4-7.jpg) no-repeat center center;background-size:cover; text-align:center; color:#fff; height:750px; align-items:center; display:flex;}
.lvse2 h2{ color:#fff}
.lvse2 ul{ display:flex;justify-content:space-between; flex-wrap:wrap; font-size:16px; font-weight:bold; margin-bottom:4rem;}
.lvse2 li{ width:48%; border:1px solid #fff; padding:20px 0; margin-top:20px; background:rgba(0,0,0,.5)}

.banner25 .content{ width:1000px; color:#000; margin-top:9rem; font-size:16px; line-height:32px; font-weight:normal}
.banner25 .content ul{ display:flex; justify-content:center; margin-top:3.5rem}
.banner25 .content li{ margin:0 35px; font-weight:bold; font-size:16px;}
.banner25 .content li span{ font-size:50px;display:block; color:#344c8c; width:172px; line-height:172px; margin-bottom:1.5rem}
.banner25 .content li:nth-child(1) span{ background:url(../images/qq.png) no-repeat center center}
.banner25 .content li:nth-child(2) span{ background:url(../images/qq2.png) no-repeat center center}

.zhanl{ text-align:center}
.zhanl img{ margin-top:4rem}

.zhanl2{ background:url(../images/ry5-5.jpg) no-repeat center center; background-size:cover; text-align:center; color:#fff; max-height:500px; height:45vh;  font-size:35px; line-height:6rem;display:flex;justify-content:center; align-items:center}

.licheng{ min-height:calc(100vh - 348px); background:url(../images/ry6.jpg) center top; background-attachment: fixed; text-align:center; font-size:14px; padding-bottom:70px; color:#fff}
.licheng h2{padding:4rem 0 1rem; color:#fff}
.licheng .wz{ text-align:center; width:860px; margin:0 auto; font-size:16px; padding:1.5rem 0 3rem;}

.licheng2{ border-radius:20px; background:rgba(255,255,255,.8); display:flex; justify-content:center; font-size:18px; line-height:36px; color:#000; padding-top:80px}
.licheng2 ul{ width:260px; color:#000; font-size:22px; font-weight:bold; text-align:right; margin-right:65px;display:block; padding-top:25px;}
.licheng2 ul li{ margin-bottom:3.5rem}
.licheng2 ul .an{ font-size:30px; color:#344c8c}

.licheng3 {border-left:6px solid #d6d6d6; position:relative;padding-top:25px;}
.licheng3 dl{ width:770px; margin:0 30px 2rem 0; display:flex; justify-content:flex-end; flex-wrap:wrap;background:url(../images/lc1.jpg) no-repeat left 16px;}
.licheng3 dt{ color:#888; width:120px; text-align:left;}
.licheng3 dd{ background:url(../images/lc2.png) no-repeat left 16px ; padding:0 0 10px 20px; width:590px; text-align:left;}
.licheng3 .yuan{ width:14px; height:14px; background:#344c8c; border:12px solid rgba(255, 255, 255, 0.65); border-radius:100%; position: absolute; left:-22px; top:-30px}
.licheng3 .img{background:none;}

.contact{ display:flex; justify-content:space-between;}
.contact .left{ width:70%; background:url(../images/lx.jpg) no-repeat center;min-height:55rem; background-size:auto}
.contact .right{ width:22%; background: url(../images/contact.jpg) no-repeat center; background-size: cover; padding:5% 4%; color:#000}
.contact .right h1{ padding:3rem 0 2rem}
.contact .right span{ display:block; height:18rem}
.contact .right img{ display:block; margin-top:1rem}

.contact2{ display:flex;justify-content:space-between;flex-wrap:wrap}
.contact2 h2{ width:100%;}
.contact2 dl{ width:46%; display:block; border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:30px;}
.contact2 dt{ font-size:20px; font-weight:bold; margin-bottom:5px;}

/*社会责任*/
.zr1{ background:url(../images/zr1.jpg) no-repeat center center; display:flex; color:#000; background-size:cover; height:90vh; max-height:850px; min-height:490px;}
.zr1nr{ width:1200px;margin:0 auto; padding-top:14rem}
.zr2{ display:flex; justify-content:space-between; align-items:center}
.zr2 .zr2wz{ display:block; width:440px;}
.zr3{ background:url(../images/zr3.jpg) no-repeat center center; display:flex;align-items:center; color:#fff;background-size:cover; height:75vh; max-height:697px; min-height:490px;}
.zr3nr{ width:600px; padding-left:600px; margin:0 auto; }
.zr3nr h2{ color:#fff}

/*项目风采*/
.pro1{ display:flex; justify-content:space-between; align-items:flex-start}
.pro1 .wz{ padding-right:40px;}

.pro2{display:flex; justify-content:space-between; align-items:flex-start;}
.pro2 .wz{ padding-left:40px;}

.pro3{ margin:40px 30px;}
.pro3 li{list-style-type:disc; margin-bottom:20px;}
.pro4{ width:800px; text-align:left; margin:3rem auto}
.pro4 li{list-style-type:disc;margin-bottom:1rem}
.pro5{ width:900px; margin:0 auto; padding-bottom:2rem;}


.bg_f5f5f7{ background:#f5f5f7;}
.fc_000{ color:#000}
.fc_006fbc{ color:#006fbc}


h1{ font-size:44px; color:#000; line-height:65px;}
h2{ font-size:28px; color:#000; line-height:45px; padding-bottom:2rem;}
h3{ font-size:24px; color:#000; line-height:40px; padding-bottom:2rem;}
h4{ font-size:18px; color:#000; line-height:40px; }