.wrapper { position: relative; width: 100%; height: auto; min-height:200px; overflow: hidden; }
.bg-white { display: none; position: absolute; z-index: 998; width: 100%; height: 62px; background-color: #333; }
.header { position: relative; z-index: 999; left: 0; top: 0; height: 100px; background-color: #fff; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgba(0, 0, 0, 0.2); }
.header .container { width: 1200px; padding: 0 20px; margin: 0 auto; }
.header .logo { float: left; padding-top: 15px; width:260px; }
header .logo img{ width: 100%; height: auto;}
.nav { float: left; margin-left:125px; margin-top: 25px; }
.nav-item { float: left; position: relative; font-size: 14px; line-height: 54px; text-align: center; height: 54px; width: 100px; margin-right: 15px; margin-left: 15px; }
.nav-item a { height: 54px; line-height: 54px; font-size: 14px; width: 130px; }
.nav-item a:hover { color:#FFF; }
.sub-nav { overflow: hidden; position: absolute; left: 0; top: 80px; z-index: 999; width: 100%; background-color: #fff; }
.sub-nav__wrap { position: absolute; left: 0; top: 0; display: none; }
.sub-nav__wrap[data-link="nav_d1"] {width: 900px; position: absolute; left: 50%; z-index: 500; margin-left:-280px; }
.sub-nav__wrap[data-link="nav_d2"] { width: 900px; position: absolute; left: 50%; z-index: 500; margin-left:-120px;  }
.sub-nav__wrap[data-link="nav_d3"] { width: 900px; position: absolute; left: 50%; z-index: 500; margin-left:-120px; }
.sub-nav__wrap[data-link="nav_d4"] { width: 900px; position: absolute; left: 50%; z-index: 500; margin-left:-280px; }
.sub-nav__wrap[data-link="nav_d5"] { width: 600px;position: absolute;left: 50%;z-index: 500;margin-left:30px;}
.sub-nav__wrap[data-link="nav_d6"] {  width: 600px;position: absolute;left: 50%;z-index: 500;margin-left: -100px; }
.sub-nav__wrap[data-link="nav_d7"] {  width: 400px;position: absolute;left: 50%;z-index: 500;margin-left: -100px; }
.sub-nav__wrap[data-link="nav_d8"] {  width: 1000px;position: absolute;left: 50%;z-index: 500;margin-left: -500px; }
.sub-nav a { float: left; width: 100px; padding-top: 14px; text-align: center; color: #666; }
.sub-nav a:hover { color: #111; }
.sub-nav a img { display: inline-block; height: 55px; }
.sub-nav a span { display: block; font-size: 12px; }
.user { float: right; position: relative; width: 60px; height: 62px; }
.user:hover .user-hover, .user:hover .user-info { display: block; }
.user-img { position: absolute; z-index: 3; width: 60px; padding-top: 40px; padding-left: 18px; }
.user-img .arrow-bg, .user-img .arrow-font { position: absolute; top: 38px; left: 40px; }
.user-img .arrow-bg { border-width: 6px; border-color: #999 transparent transparent transparent; border-style: solid dashed dashed; }
.user-img .arrow-font { left: 41px; border-width: 5px; border-color: #fff transparent transparent transparent; border-style: solid dashed dashed; }
.user .user-hover { left: 50%; content: ""; display: none; position: absolute; top: 56px; width: 12px; height: 12px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 0% 0; -ms-transform-origin: 0% 0; transform-origin: 0% 0; z-index: 999; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #FFF; border-right-color: #FFF; background-color: #FFF; border-top-color: #ccc; border-left-color: #ccc; }
.user-info { display: none; position: absolute; z-index: 1; right: -66px; top: 65px; border: 1px solid #ccc; background-color: #fff; font-size: 12px; padding-bottom: 20px; }
.user-info ul { padding: 0 20px; }
.gw-fz01 { width: 170px; margin-top: 20px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #D6D6D6; font-size: 14px; line-height: 36px; color: #666; text-align: center; padding-bottom: 20px; }
.tb01{ width:24px; height:24px; margin-right:10px;}
.tb01 img{ width: 100%; height: auto;}
.user-info li { width: 170px; margin-top: 20px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #D6D6D6; font-size: 12px; line-height: 24px; color: #666; }
.user-info a { color: #515151; }
.user-info a:hover { color:#5fcaa6; }
.user-info li.login { }
.user-info li.login a { width: 112px; height: 32px; line-height: 32px; text-align: center; color: #fff; background-color: #3399ff; }
.user-info li.register { color: #999; }
.user-info li.register a { display: inline; color: #21A9E7; }
.user-info li.register a:hover { text-decoration: underline; }
/* ======== 幻灯片样式 ======== */
.slider-box { position: absolute; z-index: 1; left: 0; top: 0; overflow: hidden; }
.slider { position: absolute; left: 0; top: 0; }
.slider-item { float: left; cursor: default; }
.slider-box .btn-box { position: absolute; bottom: 10px; width: 100%; text-align: center; font-size: 0; }
.slider-box .btn-item { display: inline-block; width: 10px; height: 10px; margin: 0 12px; border-radius: 50%; background-color: #666; }
.slider-box .btn-item__cur { width: 12px; height: 12px; margin-bottom: -2px; border: 1px solid #666; background-color: transparent; }
.btn, .slider-title, .btn-box { z-index: 999; }

/* ======== 流程 ======== */
.x2 { background-image: url(../images/x2.png); background-repeat: no-repeat; height: 100px; width: 410px; margin-top: 100px; margin-right: auto; margin-left: auto; padding-right: 150px; padding-left: 150px; }
.fz05 { font-size: 30px; line-height: 50px; color: #6e6e6e; text-align: center; width: 410px; }
.fz06 { font-size: 10px; line-height: 14px; color: #6e6e6e; text-align: center; width: 410px; text-transform:uppercase; }
.sz-box1 { background-image: url(../images/tu-b1.png); background-repeat: no-repeat; height: 229px; width: 351px; margin-top: 45px; padding-top: 200px; padding-right: 20px; padding-left: 20px; margin-right: 10px; }
.sz-box2 { background-image: url(../images/tu-b2.png); background-repeat: no-repeat; height: 229px; width: 351px; margin-top: 45px; padding-top: 200px; padding-right: 20px; padding-left: 20px; margin-right: 10px; }
.sz-box3 { background-image: url(../images/tu-b3.png); background-repeat: no-repeat; height: 229px; width: 351px; margin-top: 45px; padding-top: 200px; padding-right: 20px; padding-left: 20px; }
.fz07 { font-size: 14px; line-height: 24px; color: #787576; width: 165px; margin-top: 10px; padding-left: 10px; }
.lc-bj { background-image: url(../images/lc-bj.png); background-repeat: no-repeat; height: 900px; width: 1200px; background-position: left top; }
.zi1 { font-size: 14px; line-height: 24px; color: #828282; width: 85px; left: 10px; top: 73px; }
.zi2 { font-size: 14px; line-height: 24px; color: #828282; width: 85px; left: 10px; top: 220px; }
.zi3 { font-size: 14px; line-height: 24px; color: #828282; width: 85px; left: 10px; top: 512px; }
.lc-box1 { width: 1020px; height: 140px; top: 44px; left: 130px; }
.lc-box2 { width: 1020px; height: 140px; top: 187px; left: 130px; }
.lc-box3 { width: 1020px; height: 140px; top: 336px; left: 130px; }
.lc-box4 { width: 1020px; height: 140px; top: 474px; left: 130px; }
.lc-box5 { width: 1020px; height: 140px; top: 616px; left: 130px; }
.lc-box6 { width: 1020px; height: 140px; top: 753px; left: 130px; }

.w1 { height: 140px; width: 80px; margin-left:40px; }
.lc-tb1 { height: 90px; width: 80px; }
.lc-tb1 img{  width: 100%; height: auto;}
.fz08 { font-size: 14px; line-height: 30px; color: #7f7f7f; text-align: center; }
.w-box1 { background-color: #545660; height: 480px; width: 100%; margin-top: 50px; }

/* ======== 主题样式 ======== */
.theme-white .nav-item a { color: #333; }
.theme-white .nav-item a:hover { color:#FFF; background-color: #c45237; text-align: center; height: 54px; width: 130px; font-size: 14px; }
.theme-white .slider-box .btn-item { background-color: #fff; }
.theme-white .slider-box .btn-item__cur { background-color: transparent; border-color: #fff; }
.theme-nav .nav-item a { color: #333; }
.theme-nav .nav-item a:hover { color: #fff; }
/* ======== banner ======== */
.hide { display:none }
.bj { background-color: #FFF; background-position: 0;     box-shadow: 0 15px 30px rgba(0, 0, 0, .1);    transform: translate3d(0, -2px, 0);}
.banner { height: 420px; width: 100%; margin-top: 10px; }
.left-box { height: 390px; width: 260px; padding-top:15px; padding-bottom: 15px; }
.right-box { width:940px; height:420px; background-color:#FFF; }
.position { position:relative; }
.l-d1 { font-size: 14px; line-height: 55px; color: #828282; text-align: center; height: 55px; width: 260px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D6D6D6; }
.hover01 { height: 55px; font-size: 14px; line-height:55px; color: #FFF!important; background-color:#51c69f; text-align: center; width: 260px; }
.nav_inf { width:940px; height:420px; background:#fff; position:absolute; left:260px; top:2px; box-shadow: 0 15px 30px rgba(0, 0, 0, .1); transform: translate3d(0, -2px, 0); }
.nav_con { width:880px; padding-right: 30px; padding-left: 30px; margin-top: 10px; margin-bottom: 10px; }
.x1 { font-size: 12px; line-height: normal; height: 24px; width: 840px; padding-right: 20px; padding-left: 20px; border-bottom-width: 1px;  }
.fz01 { width:160px; text-align: left; float:left; padding-right: 4px; padding-left: 4px; }
.right-sc { background-image: url(../images/sc-box.jpg); background-repeat: no-repeat; height: 506px; width: 358px; position: absolute; top: 25px; right: 20px; }
.sc-top { padding: 44px; height: 146px; width: 270px; }
.fz02 { font-size: 18px; line-height: 30px; color: #FFF; width: 270px; text-align: center; }
.search { height: 40px; width: 220px; padding-left: 50px; font-size: 14px; color: #7f7f7f; background-image: url(../images/sc-b.jpg); background-repeat: no-repeat; line-height: 40px; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; margin-top: 15px; }
.btn1 { background-image: url(../images/btn1.jpg); background-repeat: no-repeat; height: 34px; width: 107px; margin-top: 20px; margin-left: 83px; }
.tools-box { width:358px; height:272px; }
.k1 { width:179px; height:106px; text-align: center; padding-top: 30px; }
.bs-01 { background-image: url(../images/gj-tb02.png); background-repeat: no-repeat; background-position: center top; height: 56px; width: 179px; padding-top: 50px; }
.bs-01:hover { background-image: url(../images/b-gj-tb02.png); background-repeat: no-repeat; background-position: center top; }
.bs-02 { background-image: url(../images/gj-tb03.png); background-repeat: no-repeat; background-position: center top; height: 56px; width: 179px; padding-top: 50px; }
.bs-02:hover { background-image: url(../images/b-gj-tb03.png); background-repeat: no-repeat; background-position: center top; }
.bs-03 { background-image: url(../images/gj-tb04.png); background-repeat: no-repeat; background-position: center top; height: 56px; width: 179px; padding-top: 50px; }
.bs-03:hover { background-image: url(../images/b-gj-tb04.png); background-repeat: no-repeat; background-position: center top; }
.bs-04 { background-image: url(../images/gj-tb01.png); background-repeat: no-repeat; background-position: center top; height: 56px; width: 179px; padding-top: 50px; }
.bs-04:hover { background-image: url(../images/b-gj-tb01.png); background-repeat: no-repeat; background-position: center top; }
.banner01 { height: 420px; width: 940px; position: absolute; top: 0px; right: 0px; }


/* ======== banner ======== */
.pic-t1 { width: 1200px; margin-right: auto; margin-left: auto; margin-top: 30px; height: 425px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D6D6D6; }
.pic-t1 img{  width: 100%; height: auto;}

.main{ width:100%; margin-top:15px; }
.pic-tu01{ width:48.5%; margin-left:1%;}
.pic-tu01 img{  width: 100%; height: auto;}

.pic-tu02{ width:48.5%; margin-right:1%;}
.pic-tu02 img{  width: 100%; height: auto;}
/* ======== footer ======== */
.xia-b { background-color: #f1f1f1; height: 150px; width: 100%; margin-top: 20px; }
.xia-zi1 { height: 50px; margin-top: 50px; margin-left: 30px; background-image: url(../images/footer-tu.png); width: 890px; }
.fz09 { font-size: 18px; line-height: 24px; color: #333333; text-align: left; }
.fz010 { font-size: 36px; line-height: 40px; color: #333; text-align: left; }
.btn2 { height: 50px; width: 200px; margin-top: 50px; font-size: 16px; line-height: 50px; color: #FFF; text-align: center; background-color: #333; }
.btn2:hover{ background-color: #FFF; border: 1px solid #50c79f; color:#333; } 
.footer { background-color: #f1f1f1; width: 100%; padding-bottom: 20px; }
.footer-box01 { width: 190px; margin-top: 15px; margin-right: 20px; }
.footer-d1 { font-size: 12px; line-height: 24px; color: #999; text-align: left; width: 175px; }
.footer-zi1 { font-size: 12px; font-weight: bold; color: #333; line-height: 24px; }
.footer-d1 a { color: #999; }
.footer-d1 a:hover { color: #5fcaa6; }
.foo-menu { padding-right: 50px; padding-left: 50px; }
.footer-di { width: 1200px; margin-top: 30px; }
.f-phone { font-size: 12px; line-height: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D6D6D6; text-align: left; width: 1100px; margin-right: auto; margin-left: auto; }
.f-bq { width: 1100px; margin-right: auto; margin-left: auto; }
.footer-zi2 { font-size: 12px; line-height: 24px; color: #999;margin-top: 6px; }
.footer-zi3 { font-size: 12px; line-height: 24px; color: #999; padding-top: 3px; padding-bottom: 3px; }
.f-d { margin-left: 10px; padding-right: 10px; padding-left: 10px; font-size: 12px; line-height: 24px; height: 24px; margin-top: 3px; margin-bottom: 3px; color: #999; }
.x01{ border-right-width: 1px; border-right-style: solid; border-right-color: #D6D6D6; }
.cy { font-size: 12px; line-height: 24px; color: #999; margin-top: 3px; margin-bottom: 3px; }
.bm01:hover { color: #5fcaa6; border: 1px solid #666; }
.cpb-fl { width: 467px; margin-top: 15px; }

.bt1 { height: 65px; width: 508px; left: 20px; top: 50px; }
.js-zi1 { width: 510px; left: 20px; top: 135px; font-size: 14px; line-height: 24px; color: #666;}
.r-tu1 { height: 590px; width: 650px; top: -20px; right: 0px;    z-index: 999;  }
.bt2 { height:80px; width: 508px; margin-top: 50px; margin-left: 20px; }
.more1 { height: 73px; width: 204px; right: 230px; bottom: 70px; }
.fgs-box { height: 600px; width: 1200px; overflow: hidden; padding-top:110px;}

.fz-box1{ width:89px; height:160px; bottom: 170px; left: 50px; }
.sx01 { height: 132px; width: 7px; left: 40px; bottom: 0px; }
.fz-01{ width:89px; height:21px; top:0px; left:0px;}
.n1{ bottom:-160px;}

.fz-box2{ width:114px; height:390px; bottom: 170px; left: 100px; }
.sx02 { height: 357px; width: 8px; left: 50px; bottom: 0px; }
.fz-02{ width:114px; height:26px; top:0px; left:0px; }
.n2{ bottom:-390px;}

.fz-box3{ width:116px; height:270px; bottom: 150px; left: 200px; }
.sx03 { height: 235px; width: 9px; left: 50px; bottom: 0px; }
.fz-03{ width:116px; height:26px; top:0px; left:0px; }
.n3{ bottom:-270px;}

.fz-box4{ width:123px; height:610px; bottom: 70px; left: 270px; }
.sx04 { height: 585px; width: 9px; left: 50px; bottom: 0px; }
.fz-04{ width:123px; height:23px; top:0px; left:0px; }
.n4{ bottom:-610px;}

.fz-box5{ width:108px; height:300px; bottom: 160px; left: 340px; }
.sx05 { height: 271px; width: 10px; left: 50px; bottom: 0px; }
.fz-05{ width:108px; height:26px; top:0px; left:0px; }
.n5{ bottom:-300px;}

.fz-box6{ width:77px; height:110px; bottom: 220px; left: 420px; }
.sx06 { height: 82px; width: 9px; left: 35px; bottom: 0px; }
.fz-06{ width:77px; height:20px; top:0px; left:0px; }
.n6{ bottom:-110px;}

.fz-box7{ width:98px; height:480px; bottom: 70px; left: 480px; }
.sx07 { height: 453px; width: 9px; left: 45px; bottom: 0px; }
.fz-07{ width:98px; height:23px; top:0px; left:0px; }
.n7{ bottom:-480px;}

.fz-box8{ width:82px; height:75px; bottom: 260px; left: 550px; }
.sx08{ height: 53px; width: 9px; left: 35px; bottom: 0px; }
.fz-08{ width:82px; height:18px; top:0px; left:0px; }
.n8{ bottom:-75px;}

.fz-box9{ width:99px; height:400px; bottom: 160px; left: 620px; }
.sx09{ height: 370px; width: 10px; left: 45px; bottom: 0px; }
.fz-09{ width:99px; height:24px; top:0px; left:0px; }
.n9{ bottom:-400px;}

.fz-box10{ width:78px; height:340px; bottom: 160px; left: 700px; }
.sx010{ height: 313px; width: 10px; left: 35px; bottom: 0px; }
.fz-010{ width:78px; height:20px; top:0px; left:0px; }
.n10{ bottom:-340px;}

.fz-box11{ width:88px; height:180px; bottom: 220px; left: 775px; }
.sx011{ height: 152px; width: 10px; left: 35px; bottom: 0px; }
.fz-011{ width:88px; height:22px; top:0px; left:0px; }
.n11{ bottom:-180px;}

.fz-box12{ width:109px; height:595px; bottom: 60px; left: 860px; }
.sx012{ height: 564px; width: 11px; left: 55px; bottom: 0px; }
.fz-012{ width:109px; height:27px; top:0px; left:0px; }
.n12{ bottom:-595px;}

.fz-box13{ width:115px; height:275px; bottom: 220px; left: 960px; }
.sx013{ height: 251px; width: 9px; left: 55px; bottom: 0px; }
.fz-013{ width:115px; height:22px; top:0px; left:0px; }
.n13{ bottom:-275px;}

.fz-box14{ width:80px; height:300px; bottom: 160px; left: 1100px; }
.sx014{ height: 280px; width: 9px; left: 35px; bottom: 0px; }
.fz-014{ width:80px; height:19px; top:0px; left:0px; }
.n14{ bottom:-300px;}
.d-bj{ height: 258px; width: 1200px; left: 0px; bottom:20px; }


.bt-zi1 { font-size: 14px; line-height: 36px; font-weight: bold; color: #333; width: 840px; }
.fz08 a:hover { color: #51c69f; }
.nav-item01 { float: left; position: relative; font-size: 14px; line-height: 54px; text-align: center; height: 54px;  width: 100px; margin-right: 15px; margin-left: 30px; }