@charset "utf-8"; body {overflow-x: hidden;overflow-y: auto;margin: 0;padding: 0;height: auto;background: #fff;color: #333;text-align: left;font-size: 14px;font-family: microsoft yahei;-webkit-text-size-adjust: none;} html {min-width: 1280px;} blockquote, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, textarea, th, ul {margin: 0;padding: 0;} a img, fieldset {border: 0;} a img {margin: 0;padding: 0;} i {font-style: normal;} address, caption, cite, code, dfn, em, th, var {font-weight: 400;font-style: normal;} li {list-style-type: none;} caption, th {text-align: left;} h1, h2, h3, h4, h5, h6 {font-weight: 400;font-size: 100%;} q:unknown {content: '';} input, select, textarea {font-size: 100%;font-family: inherit;} a:link, a:visited {color: #333;text-decoration: none;} a:hover {color: #1f6eb1;text-decoration: none;} .icon {display: inline-block;background-image: url(../img/icon.png);vertical-align: middle;} .fl {float: left;} .fr {float: right;} .left {float: left;} .right {float: right;} .clear {overflow: hidden;margin: 0;padding: 0;} .clear, .clearfix:after {clear: both;display: block;font-size: 0;} .clearfix:after {visibility: hidden;height: 0;content: " ";} .w1200 {margin: 0 auto;width: 1200px;} .head_main {z-index: 10;height: 40px;background: #333b4a;color: #fff;font-size: 12px;line-height: 40px;} .head_main .right {color: #999;} .head_main .right li {display: inline;padding: 0 5px;} .head_main .right li:first-child {padding-right: 0;} .head_main .right li a:hover {color: #fff;} .head_main .right li a {position: relative;z-index: 10;color: #999;} .top_main {position: relative;z-index: 9;padding: 22px 0;border-bottom: 1px solid #ecebec;background: #fff;box-shadow: 1px 2px 2px rgba(0, 0, 0, .1);} .top_main .tel {padding-top: 9px;} .top_main .tel p {font-weight: 700;font-size: 15px;} .top_main .tel p i {margin-right: 5px;width: 14px;height: 16px;background-position: 0 -64px;} .top_main .tel h3 {padding-top: 4px;color: #1f6eb1;font-size: 20px;font-family: arial;} .top_main .nav {padding-left: 30px;} .top_main .logo img {float: left;} .top_main ul {display: inline-block;} .top_main li {position: relative;z-index: 9;float: left;display: block;margin-left: 35px;padding-top: 5px;text-align: left;text-align: center;} .top_main li a {position: relative;display: inline-block;margin: 0 auto;font-weight: 700;} .top_main li a i {position: absolute;bottom: 7px;left: 0;z-index: 9;display: block;width: 100%;height: 2px;transition: ease-in-out .2s;} .top_main li a p {top: 0;left: 0;z-index: 10;width: 100%;height: 50px;text-align: center;line-height: 50px;} .top_main li #hover2, .top_main li a.hover, .top_main li a:hover {cursor: pointer;} .top_main li #hover2 i, .top_main li a.hover i, .top_main li a:hover i {bottom: 0;width: 100%;background: #1f6eb1;} .top_main li #hover2 p, .top_main li a.hover p, .top_main li a:hover p {color: #1f6eb1;} .top_main dl {position: absolute;top: 55px;left: 50%;z-index: 1555;visibility: hidden;margin-left: -60px;padding-bottom: 3px;width: 120px;border-top: none;border-radius: 0 0 3px 3px;background: #1f6eb1;opacity: 0;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);} .top_main li:hover dl {visibility: visible;opacity: 1;transform: translate3d(0, 0, 0);} .top_main dl dd {position: relative;z-index: 12;display: block;width: 100%;height: 40px;border-top: 1px solid #1a5e98;text-align: center;line-height: 40px;} .top_main dl dd a:hover {color: #fff;} .top_main dl dd a {display: block;height: 40px;color: #dddada;line-height: 40px;transition: ease-in-out .2s;} .main_banner {position: relative;z-index: 1;overflow: hidden;margin: 0 auto;padding-bottom: 124px;width: 100%;height: 700px;} .main_banner .search {position: absolute;bottom: 0;left: 50%;z-index: 10;margin-left: -960px;width: 1920px;height: 224px;background: url(../img/banner_bg.png) center center no-repeat;} .main_banner .search p {margin: 0 50px;margin-top: 35px;width: 1041px;border-bottom: 1px solid #367db9;color: #fff;font-size: 18px;line-height: 80px;} .main_banner .search .hot {padding: 0 50px;} .main_banner .search .hot .left {color: #fff;line-height: 69px;} .main_banner .search .hot .left a {padding: 0 10px;color: #bbd0de;} .main_banner .search .hot .left a:hover {color: #fff;} .main_banner .search .hot .right {position: relative;margin-top: 17px;margin-right: 60px;} .main_banner .search .hot .right .input {position: absolute;top: 0;right: 0;padding: 9px 0;padding-left: 10px;width: 260px;height: 17px;outline: 0;border: none;border-right: none;background: #fff;color: #999;font-size: 12px;line-height: 17px;} .main_banner .search .hot .right .btn {position: absolute;top: 0;right: 0;z-index: 10;width: 30px;height: 35px;outline: 0;border: none;background-position: -54px 0;cursor: pointer;} .main_banner #next, .main_banner #prev {position: absolute;top: 50%;left: 50%;z-index: 10;margin-top: -120px;margin-left: -698px;width: 48px;height: 48px;background-position: 0 0;opacity: .6;cursor: pointer;transition: ease-in-out .2s;} .main_banner #next {margin-left: 650px;background-position: -113px 0;} .main_banner #next:hover, .main_banner #prev:hover {opacity: 1;} .main_banner .banner {position: absolute;top: 0;left: 50%;margin-left: -960px;} .main_banner .banner, .main_banner .banner img {overflow: hidden;width: 1920px;height: 700px;} .main_banner .banner_fmenu {position: absolute;bottom: 130px;left: 50%;z-index: 30;margin-left: -490px;width: 980px;height: 28px;text-align: right;} .main_banner #banner_fmenu A {display: inline-block;overflow: hidden;margin-left: 10px;width: 28px;height: 28px;border-radius: 100%;background: #fff;color: #333;text-align: center;font-weight: 700;font-weight: 100;line-height: 28px;opacity: .3;cursor: pointer;} .main_banner #banner_fmenu A.activeSlide {background: #fff;color: #1f6eb1;opacity: 1;} .main_banner #banner_fmenu A:focus {OUTLINE-STYLE: none;OUTLINE-COLOR: invert;OUTLINE-WIDTH: medium;} .nybanner {position: relative;overflow: hidden;width: 100%;height: 300px;} .nybanner img {position: absolute;top: 0;left: 50%;display: block;margin-left: -960px;width: 1920px;} .index_title {padding-top: 35px;padding-bottom: 40px;text-align: center;} .index_title h3 {padding-bottom: 12px;color: #333;font-weight: 100;font-weight: 700;font-size: 38px;} .index_title p {margin: 0 auto;width: 320px;height: 22px;background: url(../img/line.png) center center no-repeat;} .more {margin-top: 64px;} .more a {display: block;margin: 0 auto;width: 201px;height: 41px;border: 2px solid #c5c5c5;border-radius: 20px;text-align: center;font-weight: 700;font-size: 20px;line-height: 41px;} .more a:hover {border-color: #1f6eb1;background: #1f6eb1;color: #fff;} .floor_1_main {height: 862px;background: url(../img/f1_bg.jpg) center bottom no-repeat;} .floor_1_main .slideTxtBox {text-align: left;} .floor_1_main .slideTxtBox .hd {margin-bottom: 38px;text-align: center;} .floor_1_main .slideTxtBox .hd ul {display: inline-block;zoom: 1;} .floor_1_main .slideTxtBox .hd ul li {float: left;margin: 0 10px;width: 158px;height: 43px;border: 1px solid #bfbfbf;border-radius: 5px;text-align: center;font-size: 16px;line-height: 43px;} .floor_1_main .slideTxtBox .hd ul li a {display: block;width: 100%;height: 100%;color: #828282;} .floor_1_main .slideTxtBox .hd ul li.on a {border-radius: 4px;background: #1f6eb1;color: #fff;} .floor_1_main .slideTxtBox .hd ul li.on {border: 1px solid #1f6eb1;} .floor_1_main .slideTxtBox .bd .con .left {width: 601px;} .floor_1_main .slideTxtBox .bd .con .left dd .box1 {position: relative;float: left;width: 299px;height: 223px;border: 1px solid #ddd;border-right: none;background: #fff;} .floor_1_main .slideTxtBox .bd .con .left dd .box1 i {margin-top: 20px;margin-left: 30px;width: 31px;height: 5px;background-position: -198px 0;} .floor_1_main .slideTxtBox .bd .con .left dd .box1 h3 {padding-top: 30px;padding-left: 30px;font-weight: 100;font-size: 20px;} .floor_1_main .slideTxtBox .bd .con .left dd .box1 p {padding-top: 10px;padding-right: 30px;padding-left: 30px;color: #999;text-align: justify;line-height: 26px;} .floor_1_main .slideTxtBox .bd .con .left dd .box1 span {position: absolute;top: 50%;right: -13px;z-index: 10;display: block;margin-top: -12px;width: 13px;height: 25px;background-position: -166px 0;} .floor_1_main .slideTxtBox .bd .con .left dd .box2 {float: left;width: 300px;height: 225px;border-left: 1px solid #ddd;} .floor_1_main .slideTxtBox .bd .con .left dd .box2 img {display: block;width: 300px;height: 225px;} .floor_1_main .slideTxtBox .bd .con .left dd:hover .box1 i {background-position: -198px -5px;} .floor_1_main .slideTxtBox .bd .con .left .d2 .box1 {float: right;border-right: 1px solid #ddd;} .floor_1_main .slideTxtBox .bd .con .left .d2 .box1 span {right: auto;left: -13px;background-position: -181px 0;} .floor_1_main .slideTxtBox .bd .con .left .d2 .box2 {float: left;border-left: none;} .floor_1_main .slideTxtBox .bd .con .right {overflow: hidden;width: 599px;} .floor_1_main .slideTxtBox .bd .con .right .slideBox {position: relative;overflow: hidden;width: 600px;height: 450px;} .floor_1_main .slideTxtBox .bd .con .right .slideBox .hd2 {position: absolute;right: 41px;bottom: 32px;z-index: 1;overflow: hidden;height: 12px;} .floor_1_main .slideTxtBox .bd .con .right .slideBox .hd2 ul {float: left;overflow: hidden;zoom: 1;} .floor_1_main .slideTxtBox .bd .con .right .slideBox .hd2 ul li {float: left;margin-left: 10px;width: 12px;height: 12px;border-radius: 100%;background: #333;text-align: center;line-height: 12px;cursor: pointer;} .floor_1_main .slideTxtBox .bd .con .right .slideBox .hd2 ul li.on {background: #fff;color: #fff;} .floor_1_main .slideTxtBox .bd .con .right .slideBox .bd2 {position: relative;z-index: 0;height: 100%;} .floor_1_main .slideTxtBox .bd .con .right .slideBox .bd2 li {position: relative;vertical-align: middle;zoom: 1;} .floor_1_main .slideTxtBox .bd .con .right .slideBox .bd2 li h3 {position: absolute;bottom: 0;left: 0;z-index: 10;padding-left: 36px;width: 100%;height: 80px;background: #1f6eb1;color: #fff;font-weight: 100;font-size: 20px;line-height: 80px;} .floor_1_main .slideTxtBox .bd .con .right .slideBox .bd2 img {display: block;width: 600px;height: 450px;} .floor_2_main {width: 100%;height: 220px;background: url(../img/f2_bg.jpg) center top no-repeat;} .floor_2_main .w1200 {position: relative;} .floor_2_main .w1200 .img {position: absolute;top: -85px;left: -130px;z-index: 10;} .floor_2_main .w1200 .left {padding-left: 267px;} .floor_2_main .w1200 .left p {padding-top: 71px;padding-left: 42px;color: #1f6eb1;font-weight: 700;font-size: 18px;} .floor_2_main .w1200 .left h3 {padding-top: 22px;color: #fff;font-weight: 100;font-size: 30px;} .floor_2_main .w1200 .left h3 b {font-size: 48px;} .floor_2_main .w1200 .right {width: 260px;} .floor_2_main .w1200 .right h3 {padding-top: 71px;padding-left: 50px;color: #1f6eb1;font-size: 22px;font-family: arial;} .floor_2_main .w1200 .right p {position: relative;margin-top: 38px;padding-left: 50px;color: #fff;font-size: 18px;cursor: pointer;} .floor_2_main .w1200 .right p img {position: absolute;top: 0;right: -80px;display: none;width: 90px;height: 90px;border-radius: 5px;transition: ease-in-out .2s;} .floor_2_main .w1200 .right p:hover img {display: block;} .floor_3 .index_title {padding-top: 72px;padding-bottom: 72px;} .floor_3 li {overflow: hidden;height: 235px;vertical-align: top;} .floor_3 li .left {overflow: hidden;width: 600px;height: 235px;} .floor_3 li .left img {display: block;width: 600px;height: 235px;} .floor_3 li .right {overflow: hidden;padding-left: 98px;width: 502px;height: 235px;} .floor_3 li .right, .floor_3 li .right h3 {position: relative;background: #f8f8f8;transition: all .3s ease-in-out 0s;} .floor_3 li .right h3 {z-index: 10;margin-top: 57px;font-size: 28px;line-height: 32px;} .floor_3 li .right b {position: absolute;top: 23px;left: 98px;z-index: 9;color: #e9e9e9;font-weight: 700;font-size: 58px;transition: all .3s ease-in-out 0s;} .floor_3 li .right span {display: block;margin: 24px 0;width: 29px;height: 5px;background: #1f6eb1;transition: all .3s ease-in-out 0s;} .floor_3 li .right p {width: 420px;color: #666;text-align: justify;line-height: 24px;transition: all .3s ease-in-out 0s;} .floor_3 li .right .i {width: 169px;height: 10px;} .floor_3 li .right .i, .floor_3 li .right .i2 {position: absolute;right: auto;bottom: 0;left: 0;display: block;background: #1f6eb1;} .floor_3 li .right .i2 {z-index: 20;width: 10px;height: 80px;} .floor_3 li:first-child .right .i {width: 169px;height: 10px;} .floor_3 li:first-child .right .i, .floor_3 li:first-child .right .i2 {position: absolute;top: 0;right: 0;left: auto;display: block;background: #1f6eb1;} .floor_3 li:first-child .right .i2 {z-index: 20;width: 10px;height: 80px;} .floor_3 .l2 .left {float: right;} .floor_3 .l2 .right {float: left;} .floor_3 li:hover .right {background: #1f6eb1;} .floor_3 li:hover .right h3 {background: #1f6eb1;color: #fff;} .floor_3 li:hover .right p {color: #fff;} .floor_3 li:hover .right b {color: #2c7fbf;} .floor_3 li:hover .right span {background: #fff;} .floor_4_main {margin-top: 88px;width: 100%;height: 220px;background: url(../img/f4_bg.jpg) center center no-repeat;} .floor_4_main .w1200 {position: relative;} .floor_4_main .w1200 .img {position: absolute;top: -88px;right: -180px;z-index: 10;} .floor_4_main .w1200 .left .span {display: block;margin-top: 47px;width: 49px;height: 3px;background: #7ca7cc;} .floor_4_main .w1200 .left p {padding-top: 56px;padding-bottom: 15px;color: #fff;font-size: 29px;line-height: 65px;} .floor_4_main .w1200 .left h3 {padding-top: 7px;color: #fff;font-weight: 100;font-size: 30px;} .floor_4_main .w1200 .left h3 b {font-size: 48px;} .floor_4_main .w1200 .left span {margin-right: 20px;color: #fff;font-size: 20px;} .floor_4_main .w1200 .left span i {margin-right: 10px;width: 27px;height: 24px;background-position: -129px -51px;} .floor_4_main .w1200 .right {width: 551px;} .floor_4_main .w1200 .right h3 {padding-top: 73px;padding-left: 50px;color: #1f6eb1;font-size: 22px;font-family: arial;} .floor_4_main .w1200 .right p {position: relative;z-index: 20;margin-top: 39px;padding-left: 50px;color: #fff;font-size: 18px;cursor: pointer;} .floor_4_main .w1200 .right p img {position: absolute;top: 7px;right: 200px;z-index: 100;display: none;width: 90px;height: 90px;border-radius: 5px;transition: ease-in-out .2s;} .floor_4_main .w1200 .right p:hover img {display: block;} .floor_5 {padding-top: 20px;padding-bottom: 52px;} .floor_5 .picScroll-left {position: relative;padding-top: 15px;} .floor_5 .picScroll-left .hd {margin-top: 27px;text-align: center;} .floor_5 .picScroll-left .hd ul {display: inline-block;zoom: 1;} .floor_5 .picScroll-left .hd ul li {float: left;overflow: hidden;margin: 0 8px;width: 15px;height: 15px;border-radius: 100%;background: #bfbfbf;text-indent: -1000px;} .floor_5 .picScroll-left .hd ul li.on {background: #1f6eb1;} .floor_5 .picScroll-left .bd ul {zoom: 1;} .floor_5 .picScroll-left .bd ul li {margin-right: 15px;margin-bottom: 15px;width: 390px;text-align: center;transition: all .3s ease-in-out 0s;} .floor_5 .picScroll-left .bd ul li img {display: block;width: 388px;height: 290px;border: 1px solid #ddd;border-bottom: 0;} .floor_5 .picScroll-left .bd ul li span {display: block;margin: 11px auto;width: 35px;height: 1px;background: #dbdbdb;transition: all .3s ease-in-out 0s;} .floor_5 .picScroll-left .bd ul li h3 {padding-top: 14px;font-weight: 100;font-size: 20px;line-height: 42px;} .floor_5 .picScroll-left .bd ul li p {overflow: hidden;height: 48px;color: #666;text-align: justify;line-height: 24px;transition: all .3s ease-in-out 0s;} .floor_5 .picScroll-left .bd ul li .con {padding: 0 25px 26px;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #ddd;border-left: 1px solid #e5e5e5;transition: all .3s ease-in-out 0s;} .floor_5 .picScroll-left .bd ul li:hover {box-shadow: 5px 5px 15px rgba(0, 0, 0, .2);} .floor_5 .picScroll-left .bd ul li:hover .con {padding: 0 25px 25px;border-right: 1px solid #e5e5e5;border-bottom: 2px solid #1f6eb1;border-left: 1px solid #e5e5e5;} .floor_5 .picScroll-left .bd ul li:hover .con span {background: #1f6eb1;} .floor_5 .picScroll-left .bd ul li:hover p {color: #666;} .floor_6_main {padding-top: 26px;padding-bottom: 88px;width: 100%;background: #f2f2f2 url(../img/f5_bg.jpg) center bottom no-repeat;} .floor_5_1 {padding-top: 50px;width: 1200px;height: 452px;} .floor_5_1 .floor_5_z {position: relative;float: left;width: 380px;height: 452px;} .floor_5_1 .floor_5_z a {display: block;} .floor_5_1 .floor_5_z .dk {width: 100%;height: 213px;border-top: none;} .floor_5_1 .floor_5_z b {display: block;overflow: hidden;width: 380px;height: 285px;} .floor_5_1 .floor_5_z img {display: block;width: 100%;height: 100%;transition: all .36s ease;} .floor_5_1 .floor_5_z h3 {display: block;padding-top: 20px;width: 100%;color: #333;font-size: 18px;line-height: 18px;} .floor_5_1 .floor_5_z p {margin-top: 10px;width: 100%;height: 87px;color: #666;font-size: 14px;line-height: 24px;} .floor_5_1 .floor_5_z i {display: block;margin: 0;padding: 0;width: 170px;height: 36px;border: 2px solid #1f6eb1;border-radius: 18px;color: #1f6eb1;text-align: center;font-size: 16px;line-height: 36px;transition: ease-in-out .2s;} .floor_5_1 .floor_5_z em {position: absolute;top: 0;left: 0;display: block;width: 100px;height: 100px;background-color: #1f6eb1;color: #fff;text-align: center;font-size: 16px;font-family: Arial;} .floor_5_1 .floor_5_z em span {display: block;padding-top: 14px;color: #fff;font-size: 60px;line-height: 50px;} .floor_5_1 .floor_5_z:hover h3 {color: #1f6eb1;} .floor_5_1 .floor_5_z:hover i span, .floor_5_1 .floor_5_z:hover p {color: #333;} .floor_5_1 .floor_5_z i:hover {border: 2px solid #1f6eb1;background-color: #1f6eb1;color: #fff;} .floor_5_1 .floor_5_z a:hover b img {transform: scale(1.08);-ms-transform: scale(1.08);} .floor_5_1 .floor_5_y {float: right;width: 800px;height: 452px;} .floor_5_1 .floor_5_y ul {display: block;margin: 0 auto;width: 100%;height: 452px;} .floor_5_1 .floor_5_y ul li {position: relative;margin: 0 auto;margin-bottom: 28px;padding-bottom: 28px;width: 100%;height: 103px;border-bottom: 1px dashed #b9b9b9;} .floor_5_1 .floor_5_y ul li em {position: absolute;top: 0;left: 0;float: left;display: block;width: 98px;height: 98px;border: 1px solid #e5e5e5;color: #333;text-align: center;font-size: 16px;font-family: Arial;transition: all .3s ease-in-out 0s;} .floor_5_1 .floor_5_y ul li em span {display: block;padding-top: 14px;color: #333;font-size: 60px;line-height: 50px;transition: all .3s ease-in-out 0s;} .floor_5_1 .floor_5_y ul li a {display: block;width: 100%;height: 100px;} .floor_5_1 .floor_5_y ul li h3 {float: right;width: 660px;height: 100px;} .floor_5_1 .floor_5_y ul li p {width: 100%;color: #333;font-size: 18px;line-height: 18px;transition: all .3s ease-in-out 0s;} .floor_5_1 .floor_5_y ul li p span {display: block;padding-top: 18px;color: #666;font-weight: 400;font-size: 14px;line-height: 22px;} .floor_5_1 .floor_5_y ul li:hover em, .floor_5_1 .floor_5_y ul li:hover em span, .floor_5_1 .floor_5_y ul li:hover p {color: #1f6eb1;} .bottom_main {width: 100%;background: #34373a;} .bottom_main .bott_nav {border-bottom: 1px solid #5d5f61;line-height: 70px;} .bottom_main .bott_nav span {padding-left: 25px;color: #fff;font-weight: 700;font-size: 20px;} .bottom_main .bott_nav span i {margin-left: 10px;width: 4px;height: 8px;background-position: -236px 0;} .bottom_main .bott_nav a {padding-left: 70px;color: #fff;} .bottom_main .tel {padding-bottom: 56px;} .bottom_main .tel .left {padding-top: 42px;padding-left: 25px;} .bottom_main .tel .left ul {float: left;width: 213px;} .bottom_main .tel .left li {color: #9a9b9d;line-height: 30px;} .bottom_main .tel .left li:first-child {padding-bottom: 19px;color: #fff;font-size: 18px;} .bottom_main .tel .left dl {float: left;margin-left: 45px;width: 200px;line-height: 30px;} .bottom_main .tel .left dl dt {padding-bottom: 19px;color: #fff;font-size: 18px;} .bottom_main .tel .left dl a {color: #ccc;} .bottom_main .tel .left dl dd {float: left;width: 100px;} .bottom_main .tel .left dl a:hover {color: #fff;} .bottom_main .tel .right {width: 480px;} .bottom_main .tel .right .fl {margin-top: 13px;width: 220px;text-align: right;} .bottom_main .tel .right .fl span {display: block;margin-bottom: 20px;width: 102px;height: 29px;border-radius: 15px;background: #1f6eb1;color: #fff;text-align: center;line-height: 29px;cursor: pointer;} .bottom_main .tel .right .fl span i {margin-right: 5px;width: 15px;height: 15px;background-position: -246px 0;} .bottom_main .tel .right .fl p {color: #fff;} .bottom_main .tel .right .fl h3 {color: #fff;font-size: 30px;font-family: arial;} .bottom_main .tel .right .fr {margin-top: 39px;padding-right: 6px;} .bottom_main .tel .right .fr li {float: left;margin-left: 12px;text-align: center;line-height: 40px;} .bottom_main .tel .right .fr h3 {color: #fff;font-weight: 100;} .bottom_main .tel .right .fr img {display: block;padding: 3px;width: 103px;height: 103px;border: 1px solid #5d5f61;} .bottom_copy {border-top: 1px solid #5d5f61;background: #34373a;color: #ccc;font-size: 12px;line-height: 50px;} .bottom_copy a {color: #ccc;} .bottom_copy a:hover {color: #fff;} .ewmbox {position: fixed;top: 50%;left: 50%;z-index: 9999;display: none;margin: -170px 0 0 -150px;padding-top: 20px;width: 300px;height: 320px;background: #fff;text-align: center;font-size: 16px;} .ewmbox .close {position: absolute;top: -25px;right: -40px;width: 32px;height: 32px;border-radius: 100%;background: #f3f3f3 url(../img/dialogclose.png) no-repeat center center;cursor: pointer;transition: all ease .3s;} .ewmbox .close:hover {transform: rotate(180deg);} .ewmbox img {display: block;margin: 0 auto 10px;width: 260px;height: 260px;} .dialog-layout {position: fixed;top: 0;left: 0;z-index: 100;width: 100%;height: 100%;background: #000;opacity: .3;} .toolbar {position: fixed;top: 50%;right: 1%;z-index: 999;margin-top: -115px;width: 52px;} .toolbar dd {position: relative;margin-top: 4px;margin-bottom: 1px;width: 51px;height: 51px;border: 1px solid #ebebeb;border-radius: 100%;background-color: #fff;} .toolbar dd i {position: absolute;top: 0;left: 0;display: block;width: 51px;height: 51px;border-radius: 100%;text-align: center;cursor: pointer;} .toolbar dd i span {display: block;margin: 8px 0 0 8px;width: 35px;height: 35px;background: url(../img/rightfixicon.png) no-repeat 0 0;} .toolbar dd.gottop {display: none;} .toolbar .slide-tel {position: absolute;top: -1px;right: -2px;display: block;overflow: hidden;padding: 0 0 0 53px;width: 0;height: 53px;border-radius: 50px;color: #fff;font-weight: 700;font-size: 24px;font-family: arial;line-height: 53px;} .toolbar .pop {position: absolute;top: -65px;right: 90px;display: none;background: #1f6eb1;} .toolbar .pop-code {width: 160px;} .toolbar .pop-code img {display: block;padding: 20px 20px 0;width: 120px;height: 120px;} .toolbar .pop-code h3 {height: 52px;color: #fff;text-align: center;white-space: nowrap;font-weight: 400;font-size: 16px;line-height: 26px;} .toolbar .pop-code h3 b {display: block;font-weight: 400;font-size: 14px;} .toolbar .qq span {background-position: -35px -47px;} .toolbar .qq a {display: block;width: 52px;height: 52px;cursor: pointer;} .toolbar .qq:hover {border-radius: 100%;background-color: #1f6eb1;} .toolbar .qq:hover span {background-position: 0 -47px;} .toolbar .tel span {background-position: -35px 0;} .toolbar .tel:hover {background: #1f6eb1;} .toolbar .tel:hover span {background-position: 0 0;} .toolbar .code span {background-position: -35px -95px;} .toolbar .code:hover {border-radius: 100%;background-color: #1f6eb1;} .toolbar .code:hover span {background-position: 0 -95px;} .toolbar .top span {background-position: -35px -142px;} .toolbar .top:hover {border-radius: 100%;background-color: #1f6eb1;} .toolbar .top:hover span {background-position: 0 -142px;} .local {overflow: hidden;height: 60px;line-height: 60px;} .local ul {float: right;margin-right: 60px;} .local ul li {float: left;padding: 0 25px;} .local ul li a {position: relative;display: block;overflow: hidden;padding: 0 15px;color: #363636;} .local ul li a i {position: absolute;bottom: 0;left: 50%;width: 0;height: 3px;background: #3b3a45;opacity: 0;transition: ease-in .2s;} .local ul li a.hover, .local ul li a:hover {color: #363636;} .local ul li a.hover i, .local ul li a:hover i {left: 0;width: 100%;opacity: 1;} .bg_main {padding-bottom: 50px;min-height: 640px;} .bg_bottom_main {height: 100px;background: #eaeaea;} .sub_banner {width: 100%;height: 200px;} .sub_nav {padding-top: 20px;padding-bottom: 20px;height: 35px;border-bottom: 1px solid #f2f2f2;line-height: 35px;} .sub_nav .fl {font-size: 30px;} .sub_nav .fr li {float: left;} .sub_nav .fr li a {display: block;margin-left: 10px;padding: 0 20px;border: 1px solid #e6e6e6;transition: ease-in-out .2s;} .sub_nav .fr li a.hover, .sub_nav .fr li a:hover {border: 1px solid #1f6eb1;background: #1f6eb1;color: #fff;} .case {margin-top: 40px;} .case ul {width: 105%;} .case li {float: left;margin-right: 30px;margin-bottom: 30px;width: 380px;transition: all .3s ease-in-out 0s;} .case li .img {display: block;overflow: hidden;width: 378px;height: 213px;border: 1px solid #efefef;border-bottom: none;} .case li .img img {width: 380px;height: 213px;transition: .9s;} .imgH li .img {width: 378px;height: 284px;border: 1px solid #efefef;border-bottom: none;} .imgH li .img img {height: 284px;} .case li:hover .img img {transform: scale(1.2);} .case li .p {display: block;padding: 0 19px;width: 340px;height: 108px;border: 1px solid #efefef;border-top: none;} .case li .p p {margin-bottom: 10px;height: 58px;border-bottom: 1px solid #d6d6d6;font-size: 18px;line-height: 58px;} .case li .p p, .case li .p span {transition: all .3s ease-in-out 0s;} .case li .p span {color: #666;} .case li .p i {width: 32px;height: 12px;background-position: -73px -43px;} .case li .p .fl {font-size: 12px;font-family: arial;} .case li:hover a p, .case li:hover a span {color: #1f6eb1;} .case li:hover {box-shadow: 0 1px 5px rgba(0, 0, 0, .2);} .news {padding-top: 50px;} .bg_main .news_ul {margin: 0 auto;padding-top: 12px;padding-bottom: 40px;width: 1200px;} .bg_main .news_ul li {position: relative;padding: 37px 0;border-bottom: 1px solid #eaeaea;} .bg_main .news_ul li .box1 {overflow: hidden;width: 253px;height: 190px;} .bg_main .news_ul li .box1 img {width: 253px;height: 190px;transition: ease-in-out .9s;} .bg_main .news_ul li .box2 {padding-top: 30px;padding-left: 42px;width: 759px;} .bg_main .news_ul li .box2 h1 {height: 26px;color: #333;font-size: 20px;line-height: 26px;transition: all .3s ease-in-out 0s;} .bg_main .news_ul li .box2 p {padding-top: 10px;height: 75px;color: #666;line-height: 24px;} .bg_main .news_ul li .box2 span {color: #999;font-size: 12px;} .bg_main .news_ul li .right {padding-top: 55px;padding-right: 15px;text-align: center;} .bg_main .news_ul li .right h3 {color: #999;font-weight: 100;font-size: 36px;} .bg_main .news_ul li .right p {padding-top: 10px;color: #bbb;font-size: 24px;} .bg_main .news_ul li a {display: block;width: 100%;height: 100%;cursor: pointer;} .bg_main .news_ul li a:hover img {transform: scale(1.1);} .bg_main .news_ul li a:hover h1 {color: #1f6eb1;} .bg_main .news_ul li b {position: absolute;top: 161px;right: 12px;display: block;width: 100px;height: 30px;border: 1px solid #ccc;text-align: center;font-weight: 400;line-height: 30px;} .detail {padding-top: 50px;} .detail .title {padding-bottom: 20px;border-bottom: 1px solid #f2f2f2;text-align: center;} .detail .title h1 {font-weight: 100;font-size: 30px;} .detail .title span {margin: 0 5px;color: #959595;font-family: arial;line-height: 18px;} .detail .title i {margin-right: 10px;width: 23px;height: 16px;background-position: -73px 0;} .detail .title .i2 {margin-left: 30px;background-position: -104px 0;} .detail .context {padding: 25px 0;color: #666;text-align: justify;line-height: 30px;} .detail .context img {max-width: 1200px;} .reLink {margin-bottom: 50px;padding: 0 15px;height: 38px;border: 1px solid #e6e6e6;line-height: 38px;} .detail .reLink .prevLink, .reLink .nextLink {width: 50%;} .reLink .nextLink {text-align: right;} .reLink a {transition: all ease .5s;-ms-transition: all ease .5s;} .reLink a:hover {color: #052f67;} .pager {padding: 30px 0;text-align: center;} .pager:after {clear: both;display: block;visibility: hidden;height: 0;content: " ";font-size: 0;} .pager p {display: inline-block;display: none;height: 26px;line-height: 26px;} .pager ul {display: inline-block;overflow: hidden;} .pager ul li {float: left;margin: 0 5px;padding: 0 !important;height: auto !important;border: none !important;} .pager ul a {float: left;padding: 0 10px;border: 1px solid #ddd;color: #000;text-decoration: none;line-height: 30px;transition: all ease .3s;} .pager ul a.current, .pager ul a:hover {border: 1px solid #0a408a;background: #0a408a;color: #fff;} .contact .box1 {overflow: hidden;padding: 48px 0 0;line-height: 18px;} .contact .box1 ul {width: 125%;} .contact .box1 li {float: left;margin-right: 250px;width: 230px;} .contact .box1 li i {float: left;width: 56px;height: 56px;background-position: -142px 0;} .contact .box1 li b {font-weight: 100;font-size: 18px;font-family: arial;} .contact .box1 li td {padding-left: 5px;height: 56px;vertical-align: middle;} .contact .box1 .l2 i {background-position: -204px 0;} .contact .box1 .l3 i {background-position: -267px 0;} .contact .box2 {margin-bottom: 75px;} .contact .box2 #allmap1, .contact .box2 #map1_container {width: 100%;height: 400px;} .contact .box3 h1 {padding-bottom: 15px;text-align: center;font-size: 36px;} .contact .box3 p {padding-bottom: 46px;color: #828282;text-align: center;font-size: 16px;line-height: 24px;} .contact .box3 b {color: #1f6eb1;} .formData {padding-bottom: 20px;} .formData .item {position: relative;float: left;margin-right: 76px;margin-bottom: 30px;width: 560px;height: 50px;border: 1px solid #e5e5e5;color: #999;font-weight: 400;line-height: 50px;} .formData .item label {position: absolute;top: 0;left: 0;z-index: 11;display: block;margin: 0;padding-left: 15px;height: 50px;color: #ccc;text-align: center;font-size: 18px;line-height: 50px;} .formData .item input {height: 38px;outline: 0;font-size: 18px;line-height: 38px;} .formData .item .txt {display: block;padding-left: 70px;width: 355px;height: 50px;border: 0 none;background: 0 0;color: #333;line-height: 50px;} .formData .item .red {position: absolute;top: 0;right: 15px;z-index: 11;color: red;} .formData .item.mr0 {margin-right: 0;} .formData .msg-box {position: absolute;top: 0;left: 0;} .formData .liuyan {float: left;width: 1198px;height: 240px;border: 1px solid #e5e5e5;} .formData .liuyan label {display: block;text-align: right;} .formData .liuyan textarea {display: block;overflow: hidden;padding: 12px 10px;width: 1178px;height: 214px;outline: 0;border: 0 none;background: 0 0;color: #333;text-indent: 100px;font-size: 18px;font-family: microsoft yahei;line-height: 28px;resize: none;} .formData .bot {width: 100%;} .formData .sub {display: block;margin-right: 2px;width: 232px;border: 2px solid #1f6eb1;background: #1f6eb1;color: #fff;text-align: center;font-size: 18px;line-height: 46px;cursor: pointer;transition: all ease .3s;-ms-transition: all ease .3s;} .formData .sub:hover {background: 0 0;color: #1f6eb1;} .formData .yzm {width: 432px;} .formData .yzm .txt {padding-left: 80px;} .formData .yzm img {position: absolute;top: 3px;right: 3px;display: block;border: 0;} .about .box1 {overflow: hidden;padding-top: 105px;padding-bottom: 100px;} .box1_add {padding: 70px 0;} .about .box1 .fl {padding-top: 32px;} .about .box1 .fl h1 {text-transform: uppercase;font-size: 80px;font-family: arial;line-height: 80px;} .about .box1 .fl p {padding-bottom: 88px;font-size: 24px;} .about .box1 .fl i {position: relative;float: left;display: block;width: 54px;height: 54px;background-position: 0 -99px;cursor: pointer;} .about .box1 .fl i img {position: absolute;bottom: 56px;left: 20px;width: 0;height: 0;opacity: 0;transition: ease-in-out .2s;} .about .box1 .fl i:hover img {left: 0;width: 80px;height: 80px;opacity: 1;} .about .box1 .fl .i2 {margin-left: 20px;background-position: -58px -99px;} .about .box1 .fr {width: 611px;} .about .box1 .fr h1 {font-weight: 100;font-size: 24px;} .about .box1 .fr span {display: block;margin: 13px 0 24px;width: 20px;height: 2px;background: #b0b0b0;} .about .box1 .fr h2 {font-size: 18px;} .about .box1 .fr p {padding-top: 12px;line-height: 30px;} .about .box1 .fr i {margin-top: 35px;width: 54px;height: 54px;background-position: -59px -35px;transition: ease-in-out .2s;} .about .box1 .fr a:hover {cursor: pointer;} .about .box1 .fr a:hover i {margin-left: 15px;} .about .bg_20 {width: 100%;height: 20px;background: #eaeaea;} .about .box2 {padding-bottom: 94px;} .about .box2 .con {margin-top: 40px;} .about .box2 .con .fl {overflow: hidden;} .about .box2 .con .fl, .about .box2 .con .fl img {width: 410px;height: 428px;} .about .box2 .con .fr .img {display: block;overflow: hidden;width: 380px;height: 214px;} .about .box2 .con .fr .img img {width: 380px;height: 214px;transition: .9s;} .about .box2 .con .fr .p {display: block;padding-left: 20px;width: 360px;height: 214px;} .about .box2 .con .fr .p h1 {font-weight: 100;font-size: 24px;line-height: 60px;} .about .box2 .con .fr .p i {margin-top: 35px;width: 54px;height: 54px;background-position: -59px -35px;transition: ease-in-out .2s;} .about .box2 .con .fr li:hover {cursor: pointer;} .about .box2 .con .fr li:hover h1, .about .box2 .con .fr li:hover p {color: #333;} .about .box2 .con .fr li:hover i {margin-left: 15px;} .about .box2 .con .fr li {float: left;} .about .box2 .con .fr li:hover img {transform: scale(1.1);} .about .box3 {padding-top: 93px;width: 100%;height: 457px;background: url(../img/about_bg.jpg) center top no-repeat;} .about .box3 .w1200 {overflow: hidden;} .about .box3 .fl {width: 500px;} .about .box3 .fl h1 {padding-bottom: 25px;color: #fff;font-weight: 100;font-size: 36px;} .about .box3 .fl span {display: block;margin-bottom: 25px;width: 40px;height: 2px;background: #ffd200;} .about .box3 .fl p {color: #fff;line-height: 24px;} .about .box3 .fl i {margin-top: 35px;width: 54px;height: 54px;background-position: 0 -35px;cursor: pointer;transition: ease-in-out .2s;} .about .box3 .fl a:hover i {margin-left: 15px;} .about .box3 .fr .picScroll-left {position: relative;overflow: hidden;margin-top: 68px;width: 620px;height: 225px;} .about .box3 .fr .picScroll-left .hd {overflow: hidden;} .about .box3 .fr .picScroll-left .hd .next, .about .box3 .fr .picScroll-left .hd .prev {position: absolute;top: 50%;left: 0;z-index: 10;display: block;display: none;margin-top: -36px;width: 30px;height: 72px;background-position: -133px -67px;cursor: pointer;} .about .box3 .fr .picScroll-left .hd .next {right: 0;left: auto;background-position: -164px -67px;} .about .box3 .fr .picScroll-left:hover .hd .next, .about .box3 .fr .picScroll-left:hover .hd .prev {display: block;} .about .box3 .fr .picScroll-left .hd ul {float: right;overflow: hidden;margin-top: 10px;zoom: 1;} .about .box3 .fr .picScroll-left .hd ul li {float: left;overflow: hidden;margin-right: 5px;width: 9px;height: 9px;background: url(../img/icocircle.gif) 0 -9px no-repeat;text-indent: -999px;cursor: pointer;} .about .box3 .fr .picScroll-left .hd ul li.on {background-position: 0 0;} .about .box3 .fr .picScroll-left .bd ul {overflow: hidden;zoom: 1;} .about .box3 .fr .picScroll-left .bd ul li {float: left;overflow: hidden;margin-right: 20px;text-align: center;} .about .box3 .fr .picScroll-left .bd ul li img {width: 300px;height: 225px;} .bg_top {width: 100%;height: 50px;background: #eaeaea;} .erro {color: red;} .map_ul {list-style: outside none none;} .map_ul, .map_ul li {display: block;width: 100%;} .map_ul li {margin-bottom: 25px;padding: 0;} .map_ul li a {display: block;width: 100%;height: 35px;background: #f6f6f6;text-indent: 15px;font-weight: 700;line-height: 35px;} .map_ul .list-inline {display: block;width: 86%;} .map_ul .list-inline li {display: inline-block;margin: 15px 5px 15px 0;padding: 0;border-bottom: 0;zoom: 1;} .map_ul .list-inline li, .map_ul .list-inline li a {width: auto;height: 32px;text-align: center;line-height: 32px;} .map_ul .list-inline li a {display: block;display: inline-block;padding: 0 10px;border: 1px solid #ccc;text-indent: 0;font-weight: 400;} .map_ul .list-inline li a:hover {border: 1px solid #0a408a;background: #0a408a;color: #fff;} .erro {min-height: 400px;text-align: center;} .showPro {padding: 50px 0;} .showPro .reLink {margin-bottom: 0;} .showPro .showContxt {padding: 30px 0 35px;color: #666;text-align: justify;font-size: 14px;line-height: 30px;} .showPro .showContxt img {height: auto !important;max-width: 100%;} .showPro .showimgCon {padding: 0 0 30px;font-size: 16px;line-height: 32px;} .showPro .showimgCon .txtcon {position: relative;float: right;width: 720px;height: 423px;} .showPro .showimgCon .txtcon .tit {position: relative;margin-bottom: 15px;padding-right: 60px;padding-bottom: 14px;border-bottom: 1px solid #ddd;color: #1f6eb1;font-weight: 700;font-size: 20px;line-height: 24px;} .showPro .showimgCon .txtcon .tit .goBack {position: absolute;top: 0;right: 0;display: block;color: #999;font-weight: 400;font-size: 14px;cursor: pointer;} .showPro .showimgCon .txtcon .tit .goBack s {margin-left: 6px;width: 20px;height: 20px;background-position: -440px -62px;} .showPro .showimgCon .txtcon .tit .goBack:hover {color: #047fcc;} .showPro .showimgCon .txtcon .txt {color: #666;text-align: justify;font-size: 14px;line-height: 28px;} .showPro .showimgCon .txtcon .txt .item {overflow: hidden;margin-bottom: 7px;max-height: 144px;} .showPro .showimgCon .txtcon .tel-btn {position: absolute;bottom: 0;left: 0;padding-top: 40px;width: 100%;border-top: 1px solid #ddd;} .showPro .showimgCon .txtcon .tel-btn .btn {float: right;margin-top: 5px;width: 118px;height: 40px;background: #1f6eb1;color: #fff;text-align: center;font-size: 20px;line-height: 40px;cursor: pointer;} .showPro .showimgCon .txtcon .tel-btn .btn:hover {background: #333;} .showPro .showimgCon .txtcon .tel-btn .tel {float: left;width: 280px;} .showPro .showimgCon .txtcon .tel-btn .tel span, .showPro .showimgCon .txtcon .tel-btn .tel strong {display: block;color: #666;} .showPro .showimgCon .txtcon .tel-btn .tel s {float: left;display: block;margin-top: 4px;margin-right: 6px;width: 42px;height: 42px;background-position: -315px -30px;} .showPro .showimgCon .txtcon .tel-btn .tel span {font-size: 16px;line-height: 20px;} .showPro .showimgCon .txtcon .tel-btn .tel strong {font-size: 28px;line-height: 28px;} .showPro .showimg {position: relative;float: left;overflow: hidden;width: 442px;} .showPro .showimg .bigimg {position: relative;display: block;width: 440px;height: 332px;border: 1px solid #ddd;} .showPro .showimg .bigimg .list {width: 5000%;} .showPro .showimg .bigimg .list li {float: left;margin-right: 1px;width: 440px;height: 332px;border: 0;} .showPro .showimg .bigimg .list img {display: block;width: 100%;height: 100%;transition: all ease .3s;} .showPro .showimg .smallimg {position: relative;z-index: 10;overflow: hidden;padding-top: 30px;width: 440px;height: 76px;} .showPro .showimg .list {position: relative;overflow: hidden;margin: 0 auto;width: 357px;} .showPro .showimg .listcon {position: relative;width: 600% !important;} .showPro .showimg .next, .showPro .showimg .prev {position: absolute;top: 30px;z-index: 10;width: 20px;height: 76px;background: #f9f9f9 url(../img/show-btn-ico.png) no-repeat 0 center;cursor: pointer;transition: all .3s ease-in-out 0s;} .showPro .showimg .next:hover, .showPro .showimg .prev:hover {background-color: #f9f9f9;} .showPro .showimg .prev {left: 0;background-position: 3px center;} .showPro .showimg .next {right: 0;background-position: -84px center;} .showPro .showimg li {position: relative;float: left;margin-right: 28px;width: 94px;height: 70px;border: 3px solid #fff;cursor: pointer;transition: all .3s ease-in-out 0s;} .showPro .showimg li img {display: block;width: 100%;height: 100%;} .showPro .showimg li.on {width: 94px;height: 70px;border: 3px solid #1f6eb1;} .relateTit {margin: 0 auto;width: 1200px;height: 58px;border-bottom: 1px solid #e4e4e4;line-height: 58px;} .relateTit h3 {position: relative;display: inline-block;font-size: 18px;} .relateTit h3 .line {position: absolute;bottom: -1px;left: 0;display: block;width: 100%;height: 2px;background: #1f6eb1;} .floor_3_remm {padding-bottom: 60px;} .floor_3_remm .body {overflow: hidden;} .floor_3_remm .body ul {width: 112%;} .floor_3_remm .body li {position: relative;float: left;overflow: hidden;margin-right: 45px;margin-bottom: 40px;width: 370px;height: 278px;border-radius: 5px;} .floor_3_remm .body li a {display: block;width: 100%;height: 100%;cursor: pointer;} .floor_3_remm .body li .img img {width: 370px;height: 278px;border-radius: 5px;} .floor_3_remm .body li .txt {position: absolute;top: 211px;left: 0;padding-right: 42px;padding-left: 42px;width: 301px;height: 67px;border-radius: 0 0 5px 5px;background: #666;color: #fff;text-align: center;line-height: 67px;transition: ease-in-out .2s;} .floor_3_remm .body li .txt h3 {font-weight: 100;font-size: 20px;line-height: 67px;} .floor_3_remm .body li .txt span {display: block;display: none;margin: 0 auto;margin-top: 10px;width: 123px;height: 33px;border: 1px solid #fff;border-radius: 5px;text-align: center;line-height: 33px;} .floor_3_remm .body li:hover {box-shadow: 2px 5px 2px rgba(0, 0, 0, .1);} .floor_3_remm .body li:hover .txt {top: 0;height: 100%;border-radius: 5px;background: url(../img/bg_6b.png) repeat;} .floor_3_remm .body li:hover .txt h3 {padding-top: 78px;} .floor_3_remm .body li:hover .txt span {display: block;margin-top: 0;} .floor_3_remm .more2 {text-align: center;} .floor_3_remm .more2 ul {display: inline-block;} .floor_3_remm .more2 a {display: block;margin: 0 19px;width: 141px;height: 35px;border: 2px solid #0071b9;border-radius: 4px;color: #0071b9;font-size: 20px;line-height: 35px;} .floor_3_remm .more2 a:hover {box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);} .floor_3_remm .more2 .ewmbtn {background: #0071b9;color: #fff;} .floor_3_remm .more2 li {float: left;}