﻿

.fw{ background: url(../image/dbg.png) top center no-repeat;}
.fw1{ height: 330px; position: relative;}
.fw1 .fwk{ width: 380px; height: 670px; background: url(../image/fwbtk.png) no-repeat; position: absolute; left: 0; top: -340px;}
.fw1 .fwk .gg{ width: 280px; height: 90px; border-bottom: 1px solid #88bef2; padding:60px 50px;}
.fw1 .fwk .gg p{ font-size: 26px; color: #fff;}
.fw1 .fwk .gg h4{ font-size: 24px; color: #fff;}
.fw1 .fwk .gg h4 b{ font-size: 46px; color: #ffc600;}
.fw1 .fwk .s520{ padding: 0 50px; margin-top: 60px;}
.fw1 .fwk .s520 .bt{ background: url(../image/btx.png) left no-repeat; font-size: 26px; font-weight: bold; color: #fff; text-indent: 50px;}
.fw1 .fwk .s520 dl{ width: 280px; height: 80px; border-bottom: 1px solid #5690e6; margin-top: 20px;}
.fw1 .fwk .s520 dl dt{ width: 60px; height: 60px; background: #13325b; border-radius: 50%; font-size: 50px; font-weight: bold; color: #ffc600; text-align: center; line-height: 60px; font-family: 'Geometr415'; float: left;}
.fw1 .fwk .s520 dl dd{ width: 200px; margin-left: 20px; float: left; font-size: 17px; color: #d6e5f9; line-height: 30px;}
.fw1 .fwk .s520 dl dd b{ color: #ffc600;}
.fw1 .nr{ width: 780px; position: absolute; left: 420px; top: 70px;}
.fw1 .nr .bold{ font-size: 34px; font-weight: bold;}
.fw1 .nr .bold b{ color: #296dde;}
.fw1 .nr .wz{ margin-top: 30px;}
.fw1 .nr .wz p{ background: url(../image/yd.png) 0px 10px no-repeat; padding-left: 20px; font-size: 15px; line-height: 26px; margin-top: 20px;}

.fw2{ padding: 80px 0;}
.fw .tybt{ text-align: center; background: url(../image/btx1.png) bottom no-repeat; font-size: 46px; font-weight: bold; line-height: 46px; padding-bottom: 20px;}
.fw .tybt b{ color: #296dde;}
.fw2 .nr{ width: 1260px; height: 674px; background: url(../image/lcbg.png) no-repeat; margin-top: 50px;}
.fw2 .nr dl{ width: 148px; height: 188px; border: 1px solid #ddd; float: left; margin-right: 60px; border-radius: 12px; margin-bottom: 50px; text-align: center;}
.fw2 .nr dl:hover{ background: #296dde; border: none; width: 148px; height: 188px;}
.fw2 .nr dl .dt1{ width: 50px; height: 50px; background: url(../image/lctb1.png) no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl .dt2{ width: 50px; height: 50px; background: url(../image/lctb1.png) -50px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl .dt3{ width: 50px; height: 50px; background: url(../image/lctb1.png) -100px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl .dt4{ width: 50px; height: 50px; background: url(../image/lctb1.png) -150px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl .dt5{ width: 50px; height: 50px; background: url(../image/lctb1.png) -200px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl .dt6{ width: 50px; height: 50px; background: url(../image/lctb1.png) -250px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl .dt7{ width: 50px; height: 50px; background: url(../image/lctb1.png) -300px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl .dt8{ width: 50px; height: 50px; background: url(../image/lctb1.png) -350px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl .dt9{ width: 50px; height: 50px; background: url(../image/lctb1.png) -400px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl .dt10{ width: 50px; height: 50px; background: url(../image/lctb1.png) -450px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl .dt11{ width: 50px; height: 50px; background: url(../image/lctb1.png) -500px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl .dt12{ width: 50px; height: 50px; background: url(../image/lctb1.png) -550px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl .dt13{ width: 50px; height: 50px; background: url(../image/lctb1.png) -600px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl .dt14{ width: 50px; height: 50px; background: url(../image/lctb1.png) -650px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl .dt15{ width: 50px; height: 50px; background: url(../image/lctb1.png) -700px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl .dt16{ width: 50px; height: 50px; background: url(../image/lctb1.png) -750px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl:hover .dt1{ width: 50px; height: 50px; background: url(../image/lctb2.png) no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl:hover .dt2{ width: 50px; height: 50px; background: url(../image/lctb2.png) -50px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl:hover .dt3{ width: 50px; height: 50px; background: url(../image/lctb2.png) -100px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl:hover .dt4{ width: 50px; height: 50px; background: url(../image/lctb2.png) -150px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl:hover .dt5{ width: 50px; height: 50px; background: url(../image/lctb2.png) -200px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl:hover .dt6{ width: 50px; height: 50px; background: url(../image/lctb2.png) -250px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl:hover .dt7{ width: 50px; height: 50px; background: url(../image/lctb2.png) -300px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl:hover .dt8{ width: 50px; height: 50px; background: url(../image/lctb2.png) -350px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl:hover .dt9{ width: 50px; height: 50px; background: url(../image/lctb2.png) -400px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl:hover .dt10{ width: 50px; height: 50px; background: url(../image/lctb2.png) -450px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl:hover .dt11{ width: 50px; height: 50px; background: url(../image/lctb2.png) -500px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl:hover .dt12{ width: 50px; height: 50px; background: url(../image/lctb2.png) -550px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl:hover .dt13{ width: 50px; height: 50px; background: url(../image/lctb2.png) -600px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl:hover .dt14{ width: 50px; height: 50px; background: url(../image/lctb2.png) -650px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl:hover .dt15{ width: 50px; height: 50px; background: url(../image/lctb2.png) -700px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl:hover .dt16{ width: 50px; height: 50px; background: url(../image/lctb2.png) -750px 0 no-repeat; margin: 20px auto 10px auto;}
.fw2 .nr dl .dd1{ font-size: 20px;}
.fw2 .nr dl .dd2{ width: 24px; height: 1px; background: #333; margin: 10px auto;}
.fw2 .nr dl .dd3{ font-size: 14px; color: #666; line-height: 24px;}
.fw2 .nr dl:hover .dd1,.fw2 .nr dl .dd3{ color: #fff;}
.fw2 .nr dl:hover .dd2{ background: #fff;}
.fw2 .nr .tact{ width: 300px; height: 70px; background: url(../image/fwtact.png) no-repeat; float: left; padding: 60px 30px; text-indent: 75px;}
.fw2 .nr .tact p{ font-size: 16px; color: #fff; margin-top: 5px;}
.fw2 .nr .tact .call{ font-size: 34px; font-weight: bold; color: #ffc600; font-family: 'arial'; margin-top: 5px;}

.fw3{ height: 436px; background: url(../image/shbg.png) center no-repeat; padding: 80px 0;}
.fw3 .bt{ text-align: center; background: url(../image/btx2.png) bottom no-repeat; font-size: 46px; font-weight: bold; line-height: 46px; padding-bottom: 20px; color: #fff;}
.fw3 .bt b{ color: #ffc600;}
.fw3 .nr{ height: 300px; background: url(../image/shk.png) no-repeat; margin-top: 50px;}
.fw3 .nr dl{ float: left; margin:25px 38px;}
.fw3 .nr dl.dl1{ margin-top: 80px;}
.fw3 .nr dl dt{ width: 36px; height: 36px; background: #296dde; border-radius: 50%; font-size: 20px; color: #fff; text-align: center; line-height: 36px; font-family: 'arial'; margin: 0 auto;}
.fw3 .nr dl dd{ font-size: 20px; font-weight: bold; margin-top: 10px;}


.fw4{ height: 550px; background: url(../image/xybg.jpg) center no-repeat; padding: 55px 0;}
.fw4 .nr{ height: 550px; background: url(../image/xytx.png) center no-repeat; position: relative;}
.fw4 .nr .bt{ text-align: center; padding-top: 70px;}
.fw4 .nr .bt p{ font-size:36px; font-weight: bold; color: #fff; margin: 40px 0;}
.fw4 .nr .bt h4{ font-size: 110px; color: #ffc600; font-family: 'Oswald-Bold'; line-height: 110px;}
.fw4 .nr .wz{ width: 1200px; height: 500px;}
.fw4 .nr .wz p{ width: 110px; height: 50px; background: url(../image/xyk.png) no-repeat; text-align: center; font-size: 16px; color: #fff; padding: 30px 0}
.fw4 .nr .wz p b{ display: block; font-size: 24px; color: #ffc600;}
.fw4 .nr .wz .p1{ position: absolute; left:160px; top: 0px;}
.fw4 .nr .wz .p2{ position: absolute; left:65px; top: 100px;}
.fw4 .nr .wz .p3{ position: absolute; left:0px; top: 220px;}
.fw4 .nr .wz .p4{ position: absolute; left:65px; top: 340px;}
.fw4 .nr .wz .p5{ position: absolute; left:160px; top: 440px;}
.fw4 .nr .wz .p6{ position: absolute; right:120px; top: 20px;}
.fw4 .nr .wz .p7{ position: absolute; right:0px; top: 130px;}
.fw4 .nr .wz .p8{ position: absolute; right:0px; top: 290px;}
.fw4 .nr .wz .p9{ position: absolute; right:120px; top:420px;}

.fw5{ padding: 80px 0;}
.fw5 .nr{ height: 624px; background: url(../image/zztb.png) center no-repeat; position: relative;}
.fw5 .nr .bt{ text-align: center; font-size: 36px; font-weight: bold; color: #296dde; position: absolute; left: 510px; top: 240px;}
.fw5 .nr .bt b{ display: block; font-size: 80px; font-family: 'Oswald-Bold'; line-height: 80px;}
.fw5 .nr .wz12{ width: 900px; height: 80px; margin: 0 auto; padding-top: 90px;}
.fw5 .nr .wz34{ width: 1100px; height: 80px; margin: 0 auto; padding-top: 110px;}
.fw5 .nr .wz56{ width: 900px; height: 80px; margin: 0 auto; padding-top: 110px;}
.fw5 .nr dl dt{ width: 50px; height: 50px; background: #296dde; border-radius: 50%; font-size: 24px; color: #fff; text-align: center; line-height: 50px; font-family: 'Oswald-Medium'; margin-top: 10px;}
.fw5 .nr .dl1 dt{ float: right; margin-left: 20px;}
.fw5 .nr .dl2 dt{ float: left;}
.fw5 .nr .dl1 dd{ text-align: right; float: left;}
.fw5 .nr .dl2 dd{ padding-left: 20px; float: right;}
.fw5 .nr dl dd{ font-size: 16px;}
.fw5 .nr dl dd b{ font-size: 30px; color: #296dde; display: block;}


.fw6{ padding-bottom: 80px;}
.fw6 .nr{ width: 1240px; margin-top: 80px;}
.fw6 .nr dl{ width: 270px; height: 300px; background: #fff; border-radius: 20px;-moz-box-shadow:0px 0px 40px 10px #eee; -webkit-box-shadow:0px 0px 40px 10px #eee; box-shadow:0px 0px 40px 10px #eee; float: left; margin-right: 40px; text-align: center; position: relative;}
.fw6 .nr dl .dd1{ width: 60px; height: 60px; background: url(../image/nuo.png) no-repeat; position: absolute; left: 105px; top: -30px;}
.fw6 .nr dl .dt1{height: 60px; background: url(../image/cntb1.png) center no-repeat; margin-top: 90px;}
.fw6 .nr dl .dt2{height: 60px; background: url(../image/cntb2.png) center no-repeat; margin-top: 90px;}
.fw6 .nr dl .dt3{height: 60px; background: url(../image/cntb3.png) center no-repeat; margin-top: 90px;}
.fw6 .nr dl .dt4{height: 60px; background: url(../image/cntb4.png) center no-repeat; margin-top: 90px;}
.fw6 .nr dl .dd2{ font-size: 24px; font-weight: bold; color: #296dde; line-height: 36px; margin-top: 20px;}

.fw7{ height: 640px; padding: 80px 0; background: url(../image/fwbg.jpg) center no-repeat;}
.fw7 .nr{ height: 640px; position: relative;}
.fw7 .nr .bt{ position: absolute; left: 0; top: 0;}
.fw7 .nr .bt .bold{ font-size: 46px; font-weight: bold; color: #ffc600;}
.fw7 .nr .bt .bold span{ font-size: 36px; color: #fff; font-family: 'Geometr415'; margin-left: 10px;}
.fw7 .nr .bt p{ font-size: 20px; margin-top: 10px; color: #fff;}
.fw7 .nr .wz1{ width: 216px; height: 200px; background: #296dde; padding:60px 27px; position: absolute; left: 0; top: 160px;}
.fw7 .nr .wz1 dt{ font-size: 24px; color: #fff;}
.fw7 .nr .wz1 .dd1{ font-size: 26px; color: #ffc600; font-weight: bold; margin-top: 5px;}
.fw7 .nr .wz1 .dd2{ width: 30px; height: 2px; background: #7fa7eb; margin-top: 30px;}
.fw7 .nr .wz1 .dd3{ width: 170px; height: 34px; border: 1px solid #94b6ef; text-align: center; line-height: 34px; font-size: 18px; color: #fff; margin-top: 30px;}
.fw7 .nr .wz1 .dd4{ font-size: 15px; color: #fff; margin-top: 20px;}
.fw7 .nr .t1{ width: 490px; height: 320px; position: absolute; left: 270px; top: 160px;}
.fw7 .nr .t1 img{ width: 490px; height: 320px;}
.fw7 .nr .t2{ width: 220px; height: 160px; position: absolute; left: 540px; top: 0;}
.fw7 .nr .t3{ width: 220px; height: 160px; position: absolute; left: 540px; top: 480px;}
.fw7 .nr .t4{ width: 220px; height: 160px; position: absolute; left: 760px; top: 320px;}
.fw7 .nr .wz2{ width: 160px; height: 110px; background: #fff; position: absolute; left: 760px; top: 160px; padding:25px 30px;}
.fw7 .nr .wz3{ width: 160px; height: 110px; background: #fff; position: absolute; left: 760px; top: 480px; padding:25px 30px;}
.fw7 .nr .wz4{ width: 160px; height: 110px; background: #fff; position: absolute; left: 980px; top: 320px; padding:25px 30px;}
.fw7 .nr .wz2 dt,.fw7 .nr .wz3 dt,.fw7 .nr .wz4 dt{ font-size: 24px; font-weight: bold;}
.fw7 .nr .wz2 dd,.fw7 .nr .wz3 dd,.fw7 .nr .wz4 dd{ font-size: 15px; color: #666; line-height: 25px; margin-top: 10px;}
.fw7 .nr .linian{ width: 25px; height: 280px; position: absolute; right: 0; top: 0; background: url(../image/fgx.png) 35px 4px no-repeat; font-size: 22px; color: #ffc600; padding-right: 50px; line-height: 28px;}

.fw8{ padding-top: 80px; padding-bottom: 100px;}
.fw8 .nr{ margin-top: 50px;}
.fw8 .nr .dt{ width: 600px; height: 404px;}
.fw8 .nr .dt img{ width: 600px; height: 404px;}
.fw8 .nr ul{ width: 600px; height: 404px; overflow: hidden;}
.fw8 .nr ul li{ width: 296px; height: 200px; float: left; margin-left: 4px; margin-bottom: 4px;}
.fw8 .nr ul li img{ width: 296px; height: 200px;}






















