@charset "utf-8";
.w-b { width: 100%; box-sizing: border-box; padding: 30px 0 24px; height: 106px;margin-top:-110px;position: relative;z-index: 10;background: rgba(0,0,0,0.3); }
.w-b-a { float: left; background: url(bg1.png) no-repeat 5px 7px;  }
.w-b-a p { font-size: 16px;color: #ffffff; height: 23px;line-height: 23px;padding-left:20px; }
.w-b form { float: right;width: 720px;height: 50px; }
.w-b form input { outline: none; }
.w-b form .inp { float: left;width: 630px;height: 50px;border:none;background: #fff; box-sizing: border-box; padding-left:15px;font-size: 16px; }
.w-b form .sub { float: left;width: 90px;height: 50px;background: #0479d8; border:none;font-size: 18px; cursor: pointer; color: #fff; }

.w-c {padding-top:90px; width: 100%;height: 595px;background: url(bg2.png) no-repeat center; box-sizing: border-box; }
.w-c-a h2 { float: left;font-size: 22px;color: #0479d8;font-weight: normal; }
.w-c-a h2 span { display: block;font-size: 14px;color: #999999; }
.w-c-a a.more { display: inline-block; width: 70px;height: 35px;line-height: 35px;text-align: center;font-size: 14px;color: #fff;background: #0479d8;float: right;margin-top:20px; }
.w-c-b { margin-top:45px;position: relative; }
.w-c-b .bd li {width: 415px;float: left;margin-right:14px;border:1px solid rgba(0,0,0,0); position: relative;}
.w-c-b .bd li a.pic { display: block; width: 415px;height: 311px;overflow: hidden; }
.w-c-c {background: rgba(255,255,255,0.9); transition: all 0.5s; position: absolute; left:0;bottom:-150px; width: 100%;height: 130px;box-sizing: border-box; padding: 20px 55px 0 35px; }
.w-c-b .bd li:hover .w-c-c { bottom:0; }
.w-c-c a.t { display: block; text-align: center; font-size: 18px;color: #666666;margin-bottom:10px;}
.w-c-c p { font-size: 12px;color: #999999;line-height: 28px; }
.w-c-b .bd li:hover { border:1px solid #0479d8; }
.w-c-b .bd li:hover .w-c-c a.more { display: block;width: 25px;height: 25px;background: url(bg3.png) no-repeat center; position: absolute;right:40px;top:86px; }
.w-c-b .prev { display: inline-block;width: 45px;height: 43px;position: absolute;top:50%;margin-top:-40px; left:-22px;background: url(prev1.png) no-repeat center; z-index: 99;}
.w-c-b .next { display: inline-block;width: 45px;height: 44px;position: absolute;top:50%;margin-top:-40px; right:-22px;background: url(next1.png) no-repeat center; z-index: 99;}
.w-c-b .hd { margin-top:15px; width: 100%;text-align: center; }
.w-c-b .hd li { display: inline-block; cursor: pointer; width: 8px;height: 8px;font-size: 0;border-radius: 4px;margin: 0 8px; background: #c6c6c6; }
.w-c-b .hd li.on { background: #7a7a7a; }

.w-d { padding-top:80px; }
.w-d-b { position: relative; padding-top:55px; }
.w-d-b .hd { position: absolute;right:0;top:-45px; }
.w-d-b .hd li { float: right; padding: 10px 20px; cursor: pointer; font-size: 14px;color: #666; }
.w-d-b .hd li.on,.w-d-b .hd li:hover { background: #0479d8; color: #fff; }

.w-d-c { position: relative; background: #f8f8f8;float: left;width: 560px;box-sizing: border-box; padding:45px 100px 35px 50px; }
.w-d-c p.d { display: block; font-size: 32px;color: #999999;font-family: "Arial"; }
.w-d-c a.t { font-size: 18px;color: #666666;display: block;padding: 18px 0; }
.w-d-c p.p { font-size: 14px;color: #7c7d80; line-height: 26px; }
.w-d-c a.pic { display: block; width: 410px;height: 190px;margin-top:25px; }
.w-d-c a.more { font-size: 30px;width: 150px;height: 40px;line-height: 40px;text-align: center;background: #0479d8;display: block; margin-top:40px;color: #fff; }
.w-d-c:after { content:'';width: 44px;height: 9px;background: url(bg4.png) no-repeat center;position: absolute; right:-20px;top:165px; }

.w-d-d {margin-top:; width: 640px;float: right;box-sizing: border-box; padding: 0 40px 0 0; }
.w-d-d dd { margin-bottom:10px; border-bottom: 1px solid #f5f5f5; box-sizing: border-box; padding: 40px 30px 0 40px; width: 590px;height: 175px; }
.w-d-d dd a.t { position: relative; height: 36px;line-height: 36px;float: left; font-size: 14px;color: #666666; }
.w-d-d dd span.d { float: right; font-size: 24px;color: #999999;font-family: "Arial"; }
.w-d-d dd p { font-size: 12px;color: #7c7d80; line-height: 26px; width: 400px;position: relative; }
.w-d-d dd p a.more { display: block; font-size: 20px;color: #999; position: absolute; right: -120px;top:40px; padding-left:20px;height: 17px;line-height: 17px;border-left:1px solid #ededed; }
.w-d-d dd:hover {box-shadow:2px 2px 8px #f1f1f1, -2px 2px 8px #f1f1f1;}
.w-d-d dd a.t:after { content:''; width: 6px;height: 6px;border-radius: 3px;background: #7a7a7a;position: absolute;left: -20px;top:50%;margin-top:-3px; }
.w-d-d dd:hover a.t:after { background: #0479d8; }
.w-d-d dd:hover a.t { color: #0479d8; }
.w-d-d dd:last-child{ border:none; }


.w-i { padding-top:80px; }
.w-i-b { position: relative; padding-top:55px;overflow: hidden; }
.w-i-b .hd { position: absolute;right:0;top:-45px; }
.w-i-b .hd li { float: right; padding: 10px 20px; cursor: pointer; font-size: 14px;color: #666; }
.w-i-b .hd li.on,.w-i-b .hd li:hover { background: #0479d8; color: #fff; }
.w-i-b .hd li.on a,.w-i-b .hd li:hover a { color: #fff; }
.w-i-b .bd li dd {overflow: hidden; position: relative; float: left; width: 30%; }
.w-i-b .bd li dd a.pic { display: block; width: 100%; overflow: hidden; }
.w-i-b .bd li dd:nth-child(1) { width: 40%; }
.w-i-b .bd li dd:nth-child(n+4) { margin-top:-3px; }
.w-i-b .bd li dd img { width: 100%;height: auto; transition: all 0.5s;  }
.w-i-b .bd li dd .w-i-c { position: absolute; left:0;bottom:4px; background: rgba(0,0,0,0.3); width: 100%;height: 66px;line-height: 66px;box-sizing: border-box;padding-left:35px; }
.w-i-b .bd li dd .w-i-c a { display: block; font-size: 20px; color: #f6f6f6;height: 66px;line-height: 66px;background: url(s3.png) no-repeat 90% center; }
.w-i-b .bd li dd:hover img { transform: scale(1.2); }














.w-e {margin-top:90px; width: 1920px;height: 750px;background: url(bg6.jpg) no-repeat right center;position: relative;left:50%;margin-left:-960px; }
.w-e-a { margin-top:80px; }
.w-e-a .hd { box-shadow:-6px 0 6px #eeeeee,0 -6px 6px #f7f7f7, 0 6px 6px #f3f3f3; 
 box-sizing: border-box; padding: 10px; width: 990px;height: 140px;background: #fff;border-radius: 5px; }
.w-e-a .hd li { cursor: pointer; position: relative; padding: 20px 25px 0 90px; border-radius: 5px; width: 310px;height: 120px;box-sizing: border-box;border:1px solid #fff; float: left; }
.w-e-a .hd li span { font-size: 16px;color: #17171a; }
.w-e-a .hd li p { font-size: 12px;color: #bec0c4;line-height: 20px; }
.w-e-a .hd li:nth-child(1){ background: url(pic2.png) no-repeat 30px 20px; margin-right:20px; }
.w-e-a .hd li:nth-child(2){ background: url(pic3.png) no-repeat 30px 20px; margin-right:20px; }
.w-e-a .hd li:nth-child(1):after { content:'';width: 1px;height: 140px;background: #f9fafb;position: absolute; right:-10px;top:-11px; }
.w-e-a .hd li:nth-child(2):after { content:'';width: 1px;height: 140px;background: #f9fafb;position: absolute; right:-10px;top:-11px; }
.w-e-a .hd li:nth-child(3){ background: url(pic4.png) no-repeat 30px 20px; }
.w-e-a .hd li:hover,.w-e-a .hd li.on { border:1px solid #0479d8; }
.w-e-a .bd { margin-top:85px; }
.w-e-a .bd li h2 { font-size: 24px;color: #0479d8;font-weight: normal; }
.w-e-a .bd li p { width: 500px;font-size: 14px;color: #7c7d80;line-height: 25px;margin: 15px 0 35px; }
.w-e-a .bd li a.more { background: url(bg5.png) no-repeat 110px center; font-size: 14px;color: #999; padding-left:38px; display: block;width: 150px;box-sizing: border-box; height: 40px;line-height: 36px;border-right:1px solid #ebebee;border-top:2px solid #ebebee;border-bottom:2px solid #ebebee; }
.w-e-a .hd li:hover:before,.w-e-a .hd li.on:before { width: 330px;height: 15px;content:'';background: url(bg7.png) no-repeat center;position: absolute;left:50%;margin-left:-165px;bottom:-26px; }
.w-e-a .bd li a.more:hover { background: #0479d8; color:#fff; }

.w-f { padding-top:80px; margin-bottom:60px; }
.w-f-b { float: left; }
.w-f-b ul { width: 310px; }
.w-f-b ul li { width: 90px;float: left; margin: 10px 0; border:1px solid #ededed; margin-right:10px; }
.w-f-c { float: right;width: 320px; }
.w-f-c li {margin-bottom:15px; float: left; width: 320px; }
.w-f-c li .inp { outline: none; width: 100%;height: 42px;background: #eff0f4; box-sizing: border-box;border:none;padding-left:20px; }
.w-f-c li:nth-child(3),.w-f-c li:nth-child(4) { width: 150px; }
.w-f-c li:nth-child(3) { margin-right:20px; }
.w-f-c li p { font-size: 12px;color: #a8acb9;padding: 0 0 8px; }
.w-f-c li select.inp { appearance:none;-moz-appearance:none;-webkit-appearance:none; background: url(bg8.jpg) no-repeat right center #eff0f4; }
.w-f-c li .sub { width: 320px;height: 50px;line-height: 50px;font-size: 14px;color: #fff;background: #0479d8;border:none;cursor: pointer;margin-top:15px; cursor: pointer; }