#wrapper { width:100%; height:443px; position:relative; z-index:1; overflow:hidden } #carousel img { height:445px; width:100% } #pager { position:absolute; bottom:6px; left:45%; margin-left:0 } #pager a, #pager span { display:block; height:20px } #pager a { background:url(../images2/sider_png.png) repeat-x center; width:60px; margin-right:8px; float:left; cursor:pointer } #pager a:hover { border-color:#999 } #pager span { background:url(../images2/sider_jpg.jpg) repeat-x center; width:0 } .index_banner img { width:100%; height:443px; float:left } #index_item { background:#f5f5f5; padding-top:30px; padding-bottom:50px } #index_item .title, #index_tom .title, #index_ous .title, #message .title, #complaint .title, #us_item .title, #us_know .title, #us_ture .title, #ness_service .title, #trademark .title, #ness_lead .title, #ness_onal .title, #ness_field .title, #problem .title, #indx_m09 .title, #index_choice .title { text-align:center; margin:0 auto 30px auto } #index_item .title i, #index_tom .title i, #index_ous .title i, #message .title i, #complaint .title i, #news_inx .title i, #us_item .title i, #us_know .title i, #ness_service .title i, #trademark .title i, #dljz .title i, #ness_lead .title i, #ness_onal .title i, #ness_field .title i, #problem .title i, #indx_m09 .title i, #index_choice .title i { display:inline-block; width:100px; height:8px; background:url(../images2/line.jpg) no-repeat center top; vertical-align:middle } #index_item .title strong, #index_tom .title strong, #index_ous .title strong, #message .title strong, #complaint .title strong, #news_inx .title strong, #us_item .title strong, #us_know .title strong, #us_ture .title strong, #ness_service .title strong, #trademark .title strong, #dljz .title strong, #ness_lead .title strong, #ness_onal .title strong, #ness_field .title strong, #problem .title strong, #indx_m09 .title strong, #index_choice .title strong { margin:0 20px; font-size:26px; font-weight:normal } #index_item .content { width:1200px; margin:0 auto } #index_item .content .tou { margin-top:36px } #index_item .content .tou li:first-child { margin-left:0 } #index_item .content .tou li { width:215px; height:355px; overflow:hidden; text-align:center; background:#fff; float:left; margin-left:31px; -webkit-box-shadow:#666 0 0 10px; -moz-box-shadow:#666 0 0 10px; box-shadow:0 10px 15px rgba(204, 204, 204, .3) } #index_item .content .tou li img { width:88px; margin-top:40px; margin-bottom:17px } #index_item .content .tou dt { font-size:28px } #index_item .content .tou dd { margin-top:7px; color:#808080; margin-bottom:35px; font-size:16px } #index_item .content .tou li.li1 dt a { color:#ee384a } #index_item .content .tou li.li2 dt a { color:#5d9dfe } #index_item .content .tou li.li3 dt a { color:#ffae22 } #index_item .content .tou li.li4 dt a { color:#b078f2 } #index_item .content .tou li.li5 dt a { color:#fc805d } #index_item .content .tou .more { width:78px; height:30px; border:1px solid #999; line-height:30px; margin:0 auto; border-radius:18px; color:#999; transition:all .6s ease 0s; -moz-transition:all .6s ease 0s; -webkit-transition:all .6s ease 0s } #index_item .content .tou li .more:hover { border:0; background:#0099e6; color:#fff; border:1px solid #0099e6 } #index_item .content .ico li:first-child { margin-left:0 } #index_item .content .ico li { width:215px; height:46px; overflow:hidden; float:left; margin-left:31px } #index_item .content .ico li.li1.on { background:url(../images2/n1.png) no-repeat center } #index_item .content .ico li.li2.on { background:url(../images2/n2.png) no-repeat center } #index_item .content .ico li.li3.on { background:url(../images2/n3.png) no-repeat center } #index_item .content .ico li.li4.on { background:url(../images2/n4.png) no-repeat center } #index_item .content .ico li.li5.on { background:url(../images2/n5.png) no-repeat center } #index_item .content .wei li:first-child { display:block } #index_item .content .wei li { display:none; width:1000px; height:200px; background:#fff; padding-right:200px; border-top:2px solid #fff; -webkit-box-shadow:#666 0 0 10px; -moz-box-shadow:#666 0 0 10px; box-shadow:0 10px 15px rgba(204, 204, 204, .3) } #index_item .content .wei table { table-layout:fixed; width:100%; text-align:center } #index_item .content .wei table a { font-size:18px; color:#333 } #index_item .content .wei table { table-layout:fixed; width:100%; text-align:center } #index_item .content .wei li.li1 { line-height:62px; border-top:2px solid #ee384a; background:url(../images2/igsfw_bg.png) no-repeat right bottom } #index_item .content .wei li.li1 td:hover a { color:#ee384a; text-decoration:underline } #index_item .content .wei li.li2 { border-top:2px solid #5d9dfe; background:url(../images2/izzbs_bg.png) no-repeat right bottom } #index_item .content .wei li.li2 table { margin-top:60px } #index_item .content .wei li.li2 strong { font-size:18px; font-weight:normal } #index_item .content .wei li.li2 p { font-size:14px; line-height:20px; margin-top:10px } #index_item .content .wei li.li2 td:hover a { color:#5d9dfe; text-decoration:underline } #index_item .content .wei li.li3 { line-height:100px; border-top:2px solid #ffae22; background:url(../images2/isbzc_bg.png) no-repeat right bottom } #index_item .content .wei li.li3 td:hover a { color:#ffae22; text-decoration:underline } #index_item .content .wei li.li4 { border-top:2px solid #b078f2; background:url(../images2/ijjtg_bg.png) no-repeat 905px center } #index_item .content .wei li.li4 dt { font-size:18px; line-height:40px } #index_item .content .wei li.li4 dd { font-size:14px } #index_item .content .wei li.li4 tr { height:95px } #index_item .content .wei li.li4 td:hover a { color:#b078f2; text-decoration:underline } #index_item .content .wei li.li5 { border-top:2px solid #fc805d; background:url(../images2/iwzjs_bg.png) no-repeat right bottom } #index_item .content .wei li.li5 dt { font-size:18px; line-height:40px } #index_item .content .wei li.li5 dd { font-size:14px } #index_item .content .wei li.li5 tr { height:95px } #index_item .content .wei li.li5 td:hover a { color:#fc805d; text-decoration:underline } .ask { width:580px; height:60px !important; margin:0 auto; background:#fff; line-height:60px !important; position:relative; margin-top:40px; font-size:18px; -webkit-box-shadow:#666 0 0 10px; -moz-box-shadow:#666 0 0 10px; box-shadow:0 10px 15px rgba(204, 204, 204, .3) } .ask_l { width:440px; padding-left:20px; position:absolute; left:0; color:#999; line-height:60px !important; } .ask_r { width:120px; background:#0099e6; position:absolute; right:0; color:#fff; text-align:center; line-height:60px !important; } .ask_r:hover { background:#08c } #index_tom { padding-top:30px; padding-bottom:50px; float:left; width:100%; min-width:1240px; background:#eee; } #index_tom .title p, #index_ous .title p { font-size:15px; margin-top:15px } #index_tom .centent { width:1200px; margin:0 auto } #index_tom .centent li:first-child { margin-left:0 } #index_tom .centent li { width:360px; height:330px; overflow:hidden; background:#fff; margin-bottom:20px; float:left; margin-left:60px; border-top-left-radius:10px; border-top-right-radius:10px; -webkit-box-shadow:#666 0 0 10px; -moz-box-shadow:#666 0 0 10px; box-shadow:0 10px 15px rgba(204, 204, 204, .3) } #index_tom .centent li img { height:165px; width:100% } #index_tom .centent li div { width:200px; height:65px; line-height:65px; color:#0099e6; font-size:24px; border:1px solid #0099e6; margin:40px auto; text-align:center } #index_tom .centent li:hover div { background:#0099e6; color:#fff } #index_tom .tomp { text-align:center; margin:20px auto 0 auto; font-size:15px } #index_ous { float:left; background:#f5f5f5; padding-top:30px!important; padding-bottom:50px; width:100%; min-width:1240px; } #index_ous .centent { width:1200px; margin:0 auto; text-align:center } #index_ous .centent li:first-child { margin-left:0 } #index_ous .centent li { width:380px; height:318px; border-top:2px solid #0099e6; float:left; background:#fff; margin-left:30px; -webkit-box-shadow:#666 0 0 10px; -moz-box-shadow:#666 0 0 10px; box-shadow:0 10px 15px rgba(204, 204, 204, .3) } #index_ous .centent li .img { width:65px; height:65px; margin:30px auto 15px auto } #index_ous .centent li.li1 .img { background:url(../images/ous1.jpg) no-repeat center } #index_ous .centent li.li2 .img { background:url(../images/ous2.jpg) no-repeat center } #index_ous .centent li.li3 .img { background:url(../images/ous3.jpg) no-repeat center } #index_ous .centent dt { font-size:20px; height:45px; margin-bottom:10px; background:url(../images/ous_xbt.jpg) no-repeat center bottom } #index_ous .centent dd { font-size:16px; line-height:30px } #index_ous .centent .tiyan { width:110px; height:36px; line-height:36px; background:#0099e6; font-size:16px; color:#fff; margin:15px auto 0; border-radius:18px } #index_chazhao { height:540px; background:#eee; width:100%; min-width:1240px; } #index_chazhao .jieshao { width:50%; height:540px } #index_chazhao .jieshao .lcont { width:500px; height:260px; background:#fff; margin:120px 50px auto auto; box-shadow:0 10px 15px rgba(204, 204, 204, .3) } #index_chazhao .jieshao .lcont .jlogo { width:100px; height:100px; margin:0 auto; border-radius:50px; position:relative; top:-50px; background:url(../images/logo.jpg) no-repeat center; background-color:#fff; box-shadow:0 5px 10px 0 #ddd } #index_chazhao .jieshao .lcont .jtitle { font-size:18px; text-align:center; margin:10px auto 5px; position:relative; top:-50px } #index_chazhao .jieshao .lcont .jcont { text-indent:2em; padding:0 45px; color:#808080; line-height:25px; position:relative; top:-50px } #index_chazhao .yewu { width:50%; height:540px } #index_chazhao .yewu .yewu-fenlei { width:500px; height:60px; margin-left:50px; margin-top:70px; line-height:60px !important; font-size:18px; text-align:center } #index_chazhao .yewu .yewu-fenlei .tuandui { width:100%; width:100%; background:#0099e6; color:#fff; line-height:60px !important; } #index_chazhao .yewu .yewu-list { width:500px; height:250px; background:#fff; margin-left:50px; text-align:center; box-shadow:0 10px 15px rgba(204, 204, 204, .3) } #index_chazhao .yewu .yewu-list .yewu-f { width:26px; height:63px; line-height:16px; margin-left:20px; padding:20px 10px 15px; border:1px solid #0099e6; color:#0099e6; border-radius:49px; font-size:16px } #index_chazhao .yewu .yewu-list .zhuyao { width:100%; height:110px; padding-top:15px } #index_chazhao .yewu .yewu-list ul { width:390px; float:right; margin:8px 30px auto auto } #index_chazhao .yewu .yewu-list ul li { width:130px; float:left; font-size:20px; margin:0px } #index_chazhao .yewu .yewu-list ul li a { color:#333; line-height:120%; font-size:16px; } #index_chazhao .yewu .yewu-list .redian { width:100%; height:115px; padding-top:10px } #index_chazhao .zixun { position:relative; top:420px } #index_chazhao .zixun .ask { margin-top:0 } #index_xuanzhe { width:100%; height:360px; background:#666; min-width:1240px; } #index_xuanzhe .content { width:1200px; margin:0 auto; text-align:center; color:#fff } #index_xuanzhe .content .xztitle { font-size:28px; padding-top:45px; margin:0 auto 50px } #index_xuanzhe .content ul { display:inline-block } #index_xuanzhe .content ul li { float:left; margin-left:50px } #index_xuanzhe .content ul li.first-child { margin-left:0 } #index_xuanzhe .content ul li .li { width:118px; height:118px; border:1px solid #fff; border-radius:60px; margin:0 auto } #index_xuanzhe .content ul li .li span { width:50px; margin:33px auto 0; font-size:24px; display:block; line-height:27px } #index_xuanzhe .content ul li .cont { margin-top:15px } #index_xuanzhe .content ul li.jiantou { width:17px; height:120px; background:url(../images/ixzfuwu_jt.png) no-repeat center center } #message { background:#f5f5f5; padding-top:30px; padding-bottom:50px } #message .centent { position:relative; width:1000px; height:370px; background:#fff; margin:0 auto; -webkit-box-shadow:#666 0 0 10px; -moz-box-shadow:#666 0 0 10px; box-shadow:0 10px 15px rgba(204, 204, 204, .3) } #message .centent .mess_tl { position:absolute; top:0; left:-120px; width:164px; height:86px; background:url(../images2/mess_tl.png) no-repeat center } #message .centent .mess_br { position:absolute; bottom:50px; right:65px; width:76px; height:54px; background:url(../images2/mess_br.png) no-repeat center } #message .centent ul { width:770px; margin:0 auto } #message .centent ul li:first-child { margin-left:0 } #message .centent ul li { float:left; margin-left:54px } #message .centent ul dt { padding-top:60px } #message .centent ul dt label { width:100px; margin-right:10px } #message .centent ul dt input { width:180px; height:30px; border:1px solid #e6e6e6; padding-left:2px; line-height:26px } #message .centent ul dt select { width:180px; height:32px; border:1px solid #e6e6e6; padding-left:2px; line-height:32px } #message .centent ul dt textarea { width:100%; height:120px; margin-top:30px; text-indent:1.5em; padding-top:15px; border:1px solid #e6e6e6 } #message .centent ul dd { text-align:center } #message .centent ul dd input { width:300px; height:50px; background:#0099e6; color:#fff; border:0; margin-top:20px; font-size:18px } #news_inx { padding-top:30px } #news_inx .title p { font-size:30px; font-weight:bold; color:#333 } #news_inx .newstitle { font-size:16px; font-weight:normal; margin-top:20px } #news_inx .newstitle a { display:inline-block; width:120px; height:48px; background:#e6e6e6; line-height:48px; color:#333; font-size:18px } #news_inx .newstitle a.on { background:#0099e6; color:#fff } #news_inx .newslist { position:relative; width:1200px; height:400px; margin:30px auto 0 auto } #news_inx .newslist .news_l, #news_inx .newslist .news_r { width:570px } #news_inx .newslist a { color:#333 } #news_inx .newslist dt { line-height:40px; border-bottom:1px solid #ccc } #news_inx .newslist dt .classname { font-size:20px } #news_inx .newslist dt:hover a { color:#0069b7 } #news_inx .news_l:first-child { display:block } #news_inx .news_l { display:none } #news_inx .news_l dd:hover a { color:#0069b7 } #news_inx .news_l dd { padding-left:5px; padding-right:5px; width:560px; margin:0 auto; border-bottom:1px solid #eee; line-height:36px } #news_inx .news_l dd.recommend { padding:10px 6px 10px 0; width:564px!important; height:130px; margin-left:0 } #news_inx .news_l dd.recommend img { width:210px; height:130px; float:left; margin-right:10px } #news_inx .news_l dd em { float:right; font-size:12px; line-height:36px; font-weight:normal; background:url(../images/time.jpg) no-repeat center left; padding-left:13px } #news_inx .news_l dd.recommend em { line-height:24px } #news_inx .news_l .recomt { font-size:18px; font-weight:700; line-height:20px!important; color:#333 } #news_inx .news_l .recomdeail { line-height:22px; margin-top:15px; margin-bottom:4px } #news_inx .news_r dt { margin-bottom:10px } #news_inx .news_r i { display:inline-block; width:30px; height:26px; background:url(../images/newsask.png) no-repeat center top; vertical-align:middle } #news_inx .news_r em { color:#fff; display:inline-block; float:right; height:30px; margin-top:5px; line-height:30px; background-color:#0099e6; width:100px; text-align:center } #news_inx .news_r li { height:40px; line-height:40px; border-bottom:1px dashed #cdcdcd } #news_inx dd.myscroll { height:286px; overflow:hidden } #news_inx .news_r dd { height:286px; overflow:hidden } #news_inx .newslist .news_r ul { display:none } #news_inx .newslist .news_r ul.on { display:block } #news_inx .news_r li:hover a { color:#0069b7 } .usbanner { height:443px } .usbanner img { height:100% } #us_item { padding-top:40px } #us_item .tit_bt { height:76px; background:url(../images2/ous_xbt.jpg) no-repeat center bottom; line-height:26px } #us_item .title p, #us_know .title p, #us_ture .title p { font-size:18px; line-height:20px } #us_item .desc { text-align:center; font-size:16px } #us_item ul { text-align:center; margin-top:50px; margin-bottom:85px } #us_item ul li { display:inline-block; width:140px; margin:0 28px; line-height:80px; font-size:24px } #us_item ul li p { color:#808080 } #us_item ul li div { width:138px; height:138px; border:1px solid #686868; border-radius:70px; overflow:hidden } #us_item ul li.li1 div { background:url(../images2/usitem1.jpg) no-repeat center } #us_item ul li.li2 div { background:url(../images2/usitem2.jpg) no-repeat center } #us_item ul li.li3 div { background:url(../images2/usitem3.jpg) no-repeat center } #us_item ul li.li4 div { background:url(../images2/usitem4.jpg) no-repeat center } #us_item ul li.li5 div { background:url(../images2/usitem5.jpg) no-repeat center } #us_item ul li.li1:hover div { background:url(../images2/usitem11.jpg) no-repeat center; border:1px solid #0099e6 } #us_item ul li.li2:hover div { background:url(../images2/usitem22.jpg) no-repeat center; border:1px solid #0099e6 } #us_item ul li.li3:hover div { background:url(../images2/usitem33.jpg) no-repeat center; border:1px solid #0099e6 } #us_item ul li.li4:hover div { background:url(../images2/usitem44.jpg) no-repeat center; border:1px solid #0099e6 } #us_item ul li.li5:hover div { background:url(../images2/usitem55.jpg) no-repeat center; border:1px solid #0099e6 } #us_item ul li:hover p { color:#0099e6 } #us_know { background:url(../images2/us_know.jpg) no-repeat center; width:100%; height:880px } #us_know .centent { margin-top:30px; line-height:30px; font-size:16px; padding-bottom:50px } #us_know .centent p { text-indent:2em } #us_know .qixi dt { margin-top:30px; font-size:18px; width:120px; height:20px; line-height:20px; border-left:4px solid #0099e6; padding-left:20px } #us_know .qixi dd { margin:6px auto 60px 24px } .know_list { width:1300px; font-family:'微软雅黑'; color:#333 } .know_list li { width:380px; height:300px; border:1px solid #ccc; float:left; margin-left:27px; position:relative; text-align:center } .know_list li:first-child { margin-left:0 } .know_list li hr { width:28px; height:4px; background:#0099e6; border:0; margin:30px auto } .know_list li dt { font-size:20px; color:#333; margin-top:35px } .know_list li dd { font-size:14px; line-height:22px } #us_ture { width:100%; height:680px; background:url(../images2/us_ture.jpg) no-repeat center; background-size:cover } #us_ture .title { margin-top:25px; color:#fff } #us_ture .title i { display:inline-block; width:100px; height:8px; background:url(../images2/line2.jpg) no-repeat center top; vertical-align:middle } #us_ture ul { text-align:center } #us_ture ul li { display:inline-block; width:360px; height:400px; background:#fff; overflow:hidden; border-radius:10px; margin:0 10px } #us_ture ul dt { width:110px; height:145px; margin:60px auto 40px auto; background:url(../images2/ous_xbt.jpg) no-repeat center bottom } #us_ture ul dt div { width:110px; height:110px; border:2px solid #363636; border-radius:56px; line-height:110px; font-size:30px } #us_ture ul dd { width:90%; margin:0 auto } #banner { height:443px } #banner img { height:444px; width:100%; float:left } #Item { background:#f3f3f3; padding-top:80px } keyframes spin { from { transform:rotateY(0) } to { transform:rotateY(-360deg) } } @keyframes spin-vertical { from { transform:rotateX(0) } to { transform:rotateX(360deg) } } #Item .title span, #kown .title span, #culture .title span, #us .title span { font-size:30px; font-weight:700; color:#0069b7 } #Item .title .deail, #kown .title .deail, #culture .title .deail, #us .title .deail { width:210px; height:30px; border-bottom:1px solid #0069b7; margin:10px auto; line-height:30px; color:#8f8f8f } #Item .title p { line-height:30px; color:#666 } #Item ul.muen { height:150px; margin:50px auto } #Item ul.muen li { float:left } #Item ul.muen li.li { width:150px; height:150px; border-radius:75px; cursor:pointer } #Item ul.muen li.hr { width:112.5px; height:150px; background:url(../images/itemli.jpg) repeat-x center; overflow:hidden; z-index:.1 } #Item ul.muen li.li:last-child { margin-right:0 } #Item ul.muen li p.act { transform-origin:0 60px; animation:spin-vertical 3s infinite linear } #Item ul.muen li p { margin-top:15px; width:150px; height:120px; -moz-border-radius:75px / 60px; -webkit-border-radius:75px / 60px; border-radius:75px / 60px; font-size:23px; color:#fff; line-height:120px; text-align:center } #Item ul.muen li.li1 { background:#c5c0ef } #Item ul.muen li.li2 { background:#aee6d0 } #Item ul.muen li.li3 { background:#efcbb4 } #Item ul.muen li.li4 { background:#c6ddeb } #Item ul.muen li.li5 { background:#dfcfde } #Item ul.muen li p.p1 { background:#6759e6 } #Item ul.muen li p.p2 { background:#23cc8a } #Item ul.muen li p.p3 { background:#e67a33 } #Item ul.muen li p.p4 { background:#6ab1db } #Item ul.muen li p.p5 { background:#b685b2 } #kown { padding-top:40px } #kown .centent { margin:40px auto 50px auto; font-size:16px; color:#666 } #kown .centent p { text-indent:2em; line-height:30px; margin-top:30px } #kown .centent .sire_t { width:110px; height:26px; margin-top:20px; margin-bottom:10px; line-height:26px } #kown .centent .sire_t i { display:block; width:26px; height:26px; float:left; background:url(../images/xing.png) no-repeat left center } #kown .centent .sire { line-height:30px } #kown .centent .imgs li { width:362px; height:215px; background:red; float:left; margin-right:57px } #kown .centent .imgs li:last-child { margin-right:0 } #kown .centent .imgs img { width:100%; height:100% } #kown .centent .imgs { margin-top:50px } #culture { background:#f3f3f3; padding-top:40px } #culture ul { margin-top:50px } #culture ul li { width:380px; height:375px; background:#fff; float:left; margin-right:30px } #culture ul li:last-child { margin-right:0 } #culture dt { width:110px; height:105px; border-radius:55px; margin:35px auto 26px auto; padding-top:5px } #culture dt p { width:100px; height:100px; border-radius:50px; margin:0 auto; line-height:100px; text-align:center; color:#fff; font-size:18px } #culture dd { width:330px; margin:0 auto; color:#666; line-height:30px } #culture ul { width:1200px; margin:0 auto; margin-top:40px } #culture li.li1:hover dt { background:#cae3f5 } #culture li.li1 dt p { background:#4fa2dd } #culture li.li2:hover dt { background:#d7eacc } #culture li.li2 dt p { background:#7abb55 } #culture li.li3:hover dt { background:#fcd0df } #culture li.li3 dt p { background:#f46594 } #us { padding-top:40px } #us .title { width:370px; height:125px; margin:0 auto; font-weight:100; color:#333 } #us .title { width:370px; height:93px; margin:0 auto 30px; font-weight:100; color:#333; background:url(../images2/ous_xbt.jpg) no-repeat center bottom } #us .title .hx { width:110px; float:left; margin-top:12px; color:#ccc; border-bottom:1px solid #ccc; padding-top:7px } #us .title .wz { width:150px; float:left; text-align:center; font-size:26px } #us .title .cu { clear:both; text-align:center; font-size:16px } #us .content { margin:0 auto; width:1200px; height:200px; text-align:center } #us .item { width:358px; height:160px; float:left; border:1px solid #e6e6e6; margin-left:60px; padding-top:40px } #us .item p { font-size:20px; margin-bottom:10px } #us .item span { font-size:16px; color:#333 } #us .map { height:500px; margin-top:60px; background:url(../images/map.jpg) no-repeat center center } #us .fgs { width:1200px; height:608px; margin:60px auto 10px } #us .fgs .lf, .rg { width:520px; height:450px; float:left; padding-left:80px } #us .fgs .citem { margin:70px auto } #us .fgs p { font-size:20px; display:inline-block; margin-bottom:10px } #us .fgs span { font-size:16px } #complaint { margin-top:12px; height:550px; background:#f5f5f5; padding-top:15px; padding-bottom:50px } #complaint .centent { padding-bottom:45px; position:relative; width:1000px; background:#fff; margin:0 auto; text-align:center; -webkit-box-shadow:#666 0 0 10px; -moz-box-shadow:#666 0 0 10px; box-shadow:0 10px 15px rgba(204, 204, 204, .3) } #complaint .centent .box { width:616px; margin:0 auto; padding-top:23px } #complaint .centent .tsjy { width:308px; height:43px; line-height:43px; float:left; font-size:21px; color:#6f6f6f; background:#e7e7e7 } #complaint .centent .hov { color:#fff; background:#0099e5 } #complaint .centent .box .biaodan { width:590px; height:280px; padding-top:75px; margin:0 auto } #complaint .centent .box .biaodan input { width:180px; height:30px; border:1px solid #e6e6e6; padding-left:2px; margin-left:5px; line-height:26px } #complaint .centent .box .biaodan select { width:183px; height:32px; border:1px solid #e6e6e6; padding-left:2px; margin-left:5px; line-height:32px } #complaint textarea { width:570px; height:120px; margin-top:30px; padding:15px; border:1px solid #e6e6e6 } #complaint .centent .box .submit { width:300px; height:50px; background:#0099e6; color:#fff; border:0; margin-top:20px; font-size:18px } #ness_service { background:#f3f3f3; padding-top:40px } #ness_service .content { width:1200px; margin:0 auto; height:650px; background:#fff; overflow:hidden } #ness_service .content dt li { width:298px; border:1px solid #e6e6e6; line-height:100px; float:left; text-align:center; font-size:24px; background:#f5f5f5 } #ness_service .content dt li.on { width:300px; border:0 solid #fff; border-top:3px solid #0099e6; background:#fff; color:#0099e5 } #ness_service .content dd:first-child { display:block } #ness_service .content dd { text-align:center; display:none } #ness_service .content dd ul { width:1200px; height:314px; margin:30px auto 20px auto } #ness_service .content dd.dd1 ul { background:url(../images2/nessserv_bg.png) no-repeat 155px center } #ness_service .content dd.dd1 li { display:inline-block; width:130px; height:130px; margin:20px 50px 10px } #ness_service .content dd.dd1 li:first-child { margin-left:125px } #ness_service .content dd.dd1 li i { display:inline-block; width:96px; height:96px; border-radius:48px } #ness_service .content dd.dd1 li p { font-size:16px; color:#fff; position:relative; top:-52px } #ness_service .content dd.dd1 li.li1 i { background:#0099e6 url(../images2/nessserv1.png) no-repeat center 10px } #ness_service .content dd.dd1 li.li2 i { background:#0099e6 url(../images2/nessserv2.png) no-repeat center 10px } #ness_service .content dd.dd1 li.li3 i { background:#0099e6 url(../images2/nessserv3.png) no-repeat center 10px } #ness_service .content dd.dd1 li.li4 i { background:#0099e6 url(../images2/nessserv4.png) no-repeat center 10px } #ness_service .content dd.dd1 li.li5 i { background:#0099e6 url(../images2/nessserv5.png) no-repeat center 10px } #ness_service .content dd.dd1 li.li6 i { background:#0099e6 url(../images2/nessserv6.png) no-repeat center 10px } #ness_service .content dd.dd1 li.li7 i { background:#0099e6 url(../images2/nessserv7.png) no-repeat center 10px } #ness_service .content dd.dd1 li.li8 i { background:#0099e6 url(../images2/nessserv8.png) no-repeat center 10px } #ness_service .content dd.dd1 li.li5 { margin:25px 45px 0 55px } #ness_service .content dd.dd1 li.li8 { margin:25px 45px 0 55px } #ness_service .content dd.dd2 ul { margin:20px auto 30px auto } #ness_service .content dd.dd2 li { display:inline-block; width:270px; height:160px; margin:0 18px } #ness_service .content dd.dd2 li i { display:inline-block; width:100px; height:100px } #ness_service .content dd.dd2 li.li1 i { background:url(../images2/change1.png) no-repeat center } #ness_service .content dd.dd2 li.li2 i { background:url(../images2/change2.png) no-repeat center } #ness_service .content dd.dd2 li.li3 i { background:url(../images2/change3.png) no-repeat center } #ness_service .content dd.dd2 li.li4 i { background:url(../images2/change4.png) no-repeat center } #ness_service .content dd.dd2 li.li5 i { background:url(../images2/change5.png) no-repeat center } #ness_service .content dd.dd2 li.li6 i { background:url(../images2/change6.png) no-repeat center } #ness_service .content dd.dd3 ul { margin:45px auto 30px; width:1000px; height:290px; background:url(../images2/zhuxiao_bg.png) no-repeat center 50px } #ness_service .content dd.dd3 li { display:inline-block; width:190px; height:120px; margin:0 18px } #ness_service .content dd.dd3 li i { display:inline-block; width:100px; height:60px } #ness_service .content dd.dd3 li.li1 i { background:url(../images2/zhuxiaov1.png) no-repeat center; margin-top:3px } #ness_service .content dd.dd3 li.li2 i { background:url(../images2/zhuxiaov2.png) no-repeat center } #ness_service .content dd.dd3 li.li3 i { background:url(../images2/zhuxiaov3.png) no-repeat center } #ness_service .content dd.dd3 li.li4 i { background:url(../images2/zhuxiaov4.png) no-repeat center } #ness_service .content dd.dd3 li.li5 i { background:url(../images2/zhuxiaov5.png) no-repeat center; margin-top:63px } #ness_service .content dd.dd3 li.li6 i { background:url(../images2/zhuxiaov6.png) no-repeat center } #ness_service .content dd.dd3 li.li7 i { background:url(../images2/zhuxiaov7.png) no-repeat center } #ness_service .content dd.dd4 ul { background:url(../images2/getihu_bg.png) no-repeat center 110px } #ness_service .content dd.dd4 li { display:inline-block; width:160px; height:120px; margin:80px 0 } #ness_service .content dd.dd4 li i { display:inline-block; width:100px; height:60px } #ness_service .content dd.dd4 li.li1 i { background:url(../images2/zhuxiaov1.png) no-repeat center } #ness_service .content dd.dd4 li.li2 i { background:url(../images2/zhuxiaov3.png) no-repeat center } #ness_service .content dd.dd4 li.li3 i { background:url(../images2/zhuxiaov8.png) no-repeat center } #ness_service .content dd.dd4 li.li4 i { background:url(../images2/zhuxiaov6.png) no-repeat center } #ness_service .content dd.dd4 li.li5 i { background:url(../images2/zhuxiaov1.png) no-repeat center } #ness_service .content dd.dd4 li.li6 i { background:url(../images2/zhuxiaov9.png) no-repeat center } #ness_service .content dd.dd4 li.li7 i { background:url(../images2/zhuxiaov10.png) no-repeat center } #ness_service .content dd.dd4 li.li8 i { background:url(../images2/zhuxiaov11.png) no-repeat center } #ness_service .content dd li p { margin-top:10px; font-size:16px; color:#333 } #ness_service .content dd .serv_more_a { width:160px; display:block; margin:0 auto } #ness_service .content dd p.serv_more { color:#fff; width:160px; margin:50px auto; background:#e65c00; padding:15px 20px } #ness_service .content dd.dd1 .serv_more { margin:60px auto } #ness_service .content dd.dd2 .serv_more { margin:75px auto 0 } #ness_service .content dd.dd3 .serv_more { margin:65px auto 0 } #ness_service .content dd.dd4 .serv_more { margin:105px auto 0 } #ness_service .content dd p.serv_dt { margin-top:30px; font-size:20px } #ness_service .content dd p.serv_bt a { color:#0099e5 } #ness_service .wybanli { width:400px; display:block; margin:0 auto } #ness_service .sevrvice_bt { width:400px; height:60px; line-height:60px; background:#0099e6; color:#fff; margin:40px auto 30px auto; text-align:center } #ness_service .sevrvice_bt:HOVER { background:#08c; -webkit-transition:all .4s ease 0s } #ness_lead { width:100%; height:600px; background:#252933; overflow:hidden } #ness_lead .lead_ct { height:600px; position:relative; width:1200px; margin:0 auto } #ness_lead .title { position:absolute; top:40px; color:#fff; width:100%; text-align:center } #ness_lead .bg_img { position:absolute; bottom:-3px; left:-200px; width:1100px; height:500px; background:url(../images2/lead.png) no-repeat center } #ness_lead li { width:300px; height:60px; background:#fff; border-radius:30px; line-height:60px; text-align:center; font-size:20px; color:#333 } #ness_lead li.li1 { position:absolute; top:160px; left:500px } #ness_lead li.li2 { position:absolute; top:250px; left:600px } #ness_lead li.li3 { position:absolute; top:340px; left:700px } #ness_lead .last { position:absolute; top:420px; left:730px; color:#fff; line-height:26px } #ness_onal { background:#f3f3f3; padding-top:40px; padding-bottom:60px } #ness_onal .title p { margin-top:10px; font-size:16px } #ness_onal .content ul li:first-child { margin-left:0 } #ness_onal .content ul li { width:280px; height:360px; background:#fff; float:left; margin-left:26px } #ness_onal .content dt { width:118px; height:137px; background:url(../images2/onal.jpg) no-repeat center; margin:45px auto; text-align:center; line-height:137px; color:#fff; font-size:24px } #ness_onal .content dd { width:85%; margin:0 auto; text-align:center; line-height:30px; margin-top:50px } #ness_field { padding-top:40px; padding-bottom:30px } #ness_field .title p { font-size:16px; margin-top:10px } #ness_field .content ul { width:1250px } #ness_field .content li { width:220px; height:75px; background:#ededed; line-height:75px; text-align:center; border-radius:10px; float:left; font-size:20px; color:#333; margin-right:25px; margin-bottom:30px } #ness_field .content li:hover { background:#0099e6; color:#fff; transition:all .6s ease 0s; -moz-transition:all .6s ease 0s; -webkit-transition:all .6s ease 0s } #problem { background:#252933; color:#fff; padding-top:40px } #problem .content ul { margin-bottom:40px } #problem .content a { color:#fff } #problem .content li { width:500px; line-height:32px; margin:20px auto; position:relative } #problem .content li em { display:inline-block; width:105px; height:32px; float:right; border:1px solid #fff; text-align:center; color:#fff } #problem .content li i { display:inline-block; width:8px; height:8px; background:#fff; border-radius:4px; margin-right:10px } #problem .content li:hover i { background:#0099e6 } #problem .content li:hover a { color:#0099e6 } #problem .content li:hover em { background:#0099e6; color:#fff; border:1px solid #0099e6 } #tax { width:100%; height:147px; position:fixed; bottom:0; z-index:2; display:none; background:url("../images/tax.png") no-repeat center } #tax-bg { width:100%; height:120px; position:fixed; bottom:0; z-index:1; display:none; background:url("../images/tax_bg.png") } #tax-clo { width:100%; position:fixed; bottom:100px; cursor:pointer; z-index:10; display:none } #tax-clo div { width:1200px; height:36px; margin:0 auto; background:url("../images/tax_close.png") no-repeat right } #tax-open { width:150px; height:100px; position:fixed; left:-1000px; bottom:80px; z-index:10; cursor:pointer; background:url("../images/tax_open.png") no-repeat left } #services { padding-top:80px } #services div.title, #cess div.title, #onal div.title, #sector div.title, #blem div.title, #three div.title, #solve div.title, #fity div.title, #book div.title, #focus div.title, #prove div.title, #busin div.title, #mainbus div.title, #foursteps div.title, #trade div.title, #thof div.title, #free div.title, #withgood div.title, #sult div.title, #attem div.title, #riseness div.title, #risetage div.title, #risestep div.title, #loans div.title, #risegove div.title, #risemoves div.title { height:60px; line-height:60px; background:url(../images/title_x.jpg) no-repeat center bottom; font-size:30px; font-weight:700; color:#0069b7 } #services ul.title { margin:10px auto 30px auto; font-size:26px } #services ul.title li { display:inline-block; width:110px; height:60px; line-height:60px; margin:auto 100px; cursor:pointer } #services ul.title li.on { background:url(../images/sev_title.jpg) no-repeat center bottom; color:#fd5a66 } #services ul.content li { width:1194px; height:300px; border:3px dashed #fd5a66; border-radius:10px; display:none; margin:30px auto } #services ul.content li:first-child { display:block } #services .deail em { display:inline-block; background:url(../images/horn.png) no-repeat center top; width:20px; height:22px; vertical-align:middle; margin-right:6px } #services ul.content .cont_top { font-family:'FZSTK'; margin:32px auto 15px auto; font-size:28px } #services ul.content .cont_bot { color:#fd5a66; margin-top:26px; font-size:16px } .in_ask { width:430px; height:50px; overflow:hidden; line-height:50px; margin:40px auto 60px auto } .in_ask .fl { width:280px; height:46px; border:2px solid #0069b7 } .in_ask .fr { width:146px; height:50px; background:#0069b7 } .in_ask .fr a { color:#fff } .in_ask .fr em { display:inline-block; width:40px; height:30px; background:url(../images/ask.png) no-repeat center top; vertical-align:middle } .in_ask:hover .fl { border:2px solid #fd5a66 } .in_ask:hover .fr { background:#fd5a66 } #cess { height:615px; background:url(../images/cess.jpg) no-repeat center; padding-top:40px } #cess .deail { margin-top:12px; color:#666; font-size:16px } #cess .content { height:300px; margin-top:30px; background:url(../images/cess_c.jpg) repeat-y center } #cess .content li { width:620px; height:60px; line-height:60px; margin:20px auto; font-size:22px } #cess .content li a { color:#fff } #cess .content li em { background:url(../images/cess_li1.png) no-repeat center; vertical-align:middle } #cess .content li.fr em { display:inline-block; width:40px; height:60px; margin-right:30px } #cess .content li.fl em { display:inline-block; width:40px; height:60px; margin-left:30px } #cess .content li:hover em { background:url(../images/cess_li2.png) no-repeat center } #cess .deail_bt { margin-top:20px; color:#fd5a66; font-size:16px } #onal { padding-top:40px } #onal .deail { margin-top:16px; color:#666; font-size:16px } #onal ul li { float:left; width:250px; margin:30px auto 60px auto; margin-left:66.5px; overflow:hidden } #onal ul li:first-child { margin-left:0 } #onal dt { width:170px; height:186px; line-height:186px; margin:0 auto; font-size:28px; color:#fff } #onal dd { width:230px; margin:10px auto 0 auto } #onal li.li1 dt { background:url(../images/onal_li1.jpg) no-repeat center } #onal li.li2 dt { background:url(../images/onal_li2.jpg) no-repeat center } #onal li.li3 dt { background:url(../images/onal_li3.jpg) no-repeat center } #onal li.li4 dt { background:url(../images/onal_li4.jpg) no-repeat center } #sector { padding-top:40px; background:#f3f3f3 } #sector .title2 { display:inline-block; line-height:26px; margin-top:20px; border-bottom:3px solid #4789c5; font-weight:900; font-size:18px } #sector ul { margin:40px auto 36px auto; width:1300px } #sector ul li { width:260px; height:76px; float:left; line-height:76px; font-size:18px; margin-left:40px; margin-bottom:30px } #sector ul li a { color:#fff } #blem { padding-top:40px; overflow:hidden } #blem .deail { margin-top:20px } #blem ul { width:1200px; margin:30px auto 60px auto } #blem ul li { width:570px; height:70px; border-bottom:1px dashed #b5b5b5; line-height:70px; font-size:16px } #blem ul li i { display:inline-block; width:36px; height:26px; background:url(../images/newsask.png) no-repeat center top; vertical-align:middle } #blem ul li em { display:inline-block; color:#fff; font-size:13px; width:76px; height:36px; background-image:url(../images/newsask2.png); background-repeat:no-repeat; background-position:20px 12px; background-color:#0069b7; line-height:36px; float:right; margin-top:18px; padding-left:42px } #blem ul li:hover em { background:url(../images/newsask2.png) no-repeat 20px 12px, #fd5a66 } #footerbox { width:100%; height:0; overflow:hidden; position:fixed; left:0; bottom:0 } #footerbox .footerbox_c { position:absolute; background:#000; Opacity:.8; bottom:0; width:100%; height:130px; -moz-box-shadow:-2px 0 5px #aaa; -webkit-box-shadow:-2px 0 5px #aaa; box-shadow:-2px 0 5px #aaa } #footerbox .footerbox_l { width:160px; height:160px; position:absolute; top:-35px } #footerbox .close { width:20px; height:20px; display:inline-block; margin-top:10px; background:url(../images/footerbox_x.png) no-repeat center } #footerbox dl.fr { width:950px; height:100px; color:#fff; margin-top:26px } #footerbox dt { font-size:40px; font-weight:700; text-align:center } #footerbox dt span { color:#0069b7 } #footerbox dd { text-align:center } #footerbox dd li { float:left; line-height:30px; font-size:18px; margin:15px } #footerbox dd li.back { background:#fd5a66; width:100px; height:30px; color:#fff } #footerbox dd li.back:hover { background:#ff8261 } #zhang_m01 { background:#fff } #zhang_m01 .ct { height:580px; width:1160px; margin:0 auto; overflow:hidden } .zhang_m01_title { width:100%; height:67; line-height:67px; color:#fff; text-align:center; margin-top:60px; font-size:24px } .zhang_m01_title li { width:50%; float:left; background:#d5d5d5; cursor:pointer } .zhang_m01_title li.on { background:#0099e6 } .con_1 { width:800px; height:450px; margin:0 auto; margin-top:90px } .con_1 div.fl img { width:370px; height:215px; border-radius:5px } .con_1 .fr { width:380px; font-size:18px; line-height:30px; margin-top:2.6rem; text-indent:2rem; text-align:left } .zhang_m01_content .con_1 .more { font-size:18px; width:200px; height:50px; line-height:50px; background:#0099e6; color:#fff; text-align:center; border-radius:25px; margin:40px auto 0 auto } .con_2 { text-align:center } .con_2 li { color:#0099e6; font-size:16px; width:426px; height:40px; line-height:40px; border:2px solid #0099e6; border-radius:21px; display:inline-block; margin-left:70px; margin-right:70px; margin-top:25px } .con_2 ul { margin-top:25px } #dljz { width:100%; padding-top:46px; background:#f5f5f5; text-align:center } #dljz .yxfw { width:1060px; height:530px; margin:0 auto } #dljz .yxfw .title { margin:0 auto 57px } #dljz .yxfw .box { float:left; width:300px; height:360px; margin-left:80px; background:#ededed; border-radius:20px } #dljz .yxfw .box .name { font-size:24px; margin-top:12px; color:#333 } #dljz .yxfw .box .xgm { height:38px; background:url(../images/dljz_xgm.png) no-repeat center center; margin-top:25px } #dljz .yxfw .box .ybnsr { height:38px; background:url(../images/dljz_ybnsr.png) no-repeat center center; margin-top:25px } #dljz .yxfw .box .jckmy { height:38px; background:url(../images/dljz_jckmy.png) no-repeat center center; margin-top:25px } #dljz .yxfw .box .cont { height:180px; padding:0 25px; margin-top:17px; color:#999; text-align:left } #dljz .yxfw .box .ljgd { width:100px; height:28px; line-height:28px; margin:0 auto; color:#999; border:1px solid #b3b3b3; border-radius:15px } #dljz .yxfw .box .ljgd a { color:#999 } #dljz .yxfw .box_h { background:#fff; box-shadow:0 10px 15px rgba(204, 204, 204, .3) } #dljz .yxfw .box_h .xgm { background:url(../images/dljz_xgm_h.png) no-repeat center center } #dljz .yxfw .box_h .ybnsr { background:url(../images/dljz_ybnsr_h.png) no-repeat center center } #dljz .yxfw .box_h .jckmy { background:url(../images/dljz_jckmy_h.png) no-repeat center center } #dljz .yxfw .box_h .cont { color:#808080 } #dljz .yxfw .box_h .ljgd { background:#0099e6; border:1px solid #0099e6 } #dljz .yxfw .box_h .ljgd a { color:#fff } #dljz .wtzx { height:500px; background:url(../images/dljz_wtzx.jpg) no-repeat center center; clear:both } #dljz .wtzx .title { color:#fff; padding-top:43px } #dljz .wtzx .box { width:1140px; margin:0 auto } #dljz .wtzx .box .cleft { width:570px; float:left; overflow:hidden } #dljz .wtzx .box .cright { width:540px; float:left; padding-left:30px; padding-top:24px } #dljz .wtzx .box .cright div { height:44px; line-height:44px; color:#fff; text-align:left; padding-left:20px; margin-top:20px; font-size:16px; background:#1c1f26 } #dljz .wtzx .box .cright div i { color:#0099e5 } #dljz .wtzx .box .cleft .cont { width:550px; height:52px; margin:0 auto } #dljz .wtzx .cont .btn { width:128px; height:50px; border:1px solid #fff; border-radius:25px; color:#fff; line-height:50px; float:left; margin-left:45px } #dljz .wtzx .cont .btn:HOVER { background:#0099e5; border:1px solid #0099e5 } #dljz .fwxj { width:1200px; margin:0 auto } #dljz .fwxj .title { margin:40px auto 13px; color:#333 } #dljz .fwxj .title strong { font-size:26px; color:#404040 } #dljz .fwxj .box { float:left; width:210px; height:240px; margin-left:37px; margin-top:46px; background:#fff; border-radius:10px } #dljz .fwxj .box img { margin-top:30px } #dljz .fwxj .box .tle { font-size:24px; margin-top:10px } #dljz .fwxj .box .dhx { width:20px; height:2px; margin:8px auto 15px; background:#0099e6 } #dljz .fwxj .box .cont { width:110px; margin:0 auto } #dljz .jzfw { width:100%; height:345px; margin-top:333px; clear:both; background:#fff } #dljz .jzfw .title { margin:0 auto 23px; padding-top:40px; color:#333 } #dljz .jzfw .title strong { font-size:26px; color:#404040 } #dljz .jzfw .cont { width:1200px; height:100px; margin:0 auto } #dljz .jzfw .cont .item { float:left; width:580px; padding:10px; text-align:left } #dljz .jzfw .cont .item p { margin:12px 0 0 12px; padding:15px; font-size:18px; background:#ededed; padding-left:25px } #dljz .jzfw .cont .corner { float:left; width:26px; height:26px } #dljz .jzfw .cont .item span { line-height:2 } #dljz .wtzx .cont { width:1090px; height:52px; padding:160px 0 0; margin:0 auto } #dljz .wtzx .cont .btn { width:128px; height:48px; border:1px solid #fff; border-radius:25px; color:#fff; line-height:50px; float:left; margin-left:45px } #dljz .wtzx .cont .btn:HOVER { background:#0099e5; border:1px solid #0099e5 } #dljz .zzjz .title { margin:45px auto 36px } #dljz .zzjz .content-title { margin-top:50px; text-align:center } #dljz .zzjz .content { width:1200px; height:480px; margin:20px auto } #dljz .zzjz .contentbox_l { float:left; width:410px; height:480px } #dljz .zzjz .contentbox_r { float:right; width:780px; height:480px } #dljz .zzjz .contentbox_l .con { width:410px; height:480px; float:left; position:relative; cursor:pointer; overflow:hidden } #dljz .zzjz .contentbox_l .con img { width:410px; height:480px } #dljz .zzjz .con { width:390px; height:240px; float:left; position:relative; cursor:pointer; color:#fff; overflow:hidden } #dljz .zzjz .con:hover .txt h3 { color:#0099e5 } #dljz .zzjz .con:hover .txt p { color:#0099e5 } #dljz .zzjz .con img { width:100%; height:240px } #dljz .zzjz .txt { position:absolute; left:0; bottom:0; width:100%; height:35px; line-height:40px; text-align:left; text-indent:1.5em; background:rgba(0, 0, 0, 0.6); padding:5px 0 } #dljz .zzjz .txt h3 { font-weight:normal; color:#fff } #dljz .zzjz .txt p { font-size:14px; display:block; line-height:0; -webkit-margin-before:.5em; -webkit-margin-after:1em; -webkit-margin-start:0; -webkit-margin-end:0; -moz-margin-before:.5em; -moz-margin-after:1em; -moz-margin-start:0; -moz-margin-end:0 } #dljz .slzm { height:500px; margin-top:50px; background:url(../images/dljz_slzm.jpg) no-repeat center center } #dljz .slzm .title { margin:0 auto; color:#e0e0e2; padding-top:44px } #dljz .slzm .box { width:732px; height:176px; margin:76px auto 72px } #dljz .slzm .box .fanzhuan { width:100%; display:table; position:relative; overflow:hidden } #dljz .slzm .box .fanzhuan .pic2 { position:absolute; top:0; left:0; z-index:-1 } #dljz .slzm .box .fanzhuan .image_container a { width:100%; height:100%; display:block; float:left; -webkit-perspective:600px; -moz-perspective:600px } #dljz .slzm .box .fanzhuan .image_container a .pic1 { -webkit-transform:rotateX(0deg) rotateY(0deg); -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -moz-transform:rotateX(0deg) rotateY(0deg); -moz-transform-style:preserve-3d; -moz-backface-visibility:hidden; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out } #dljz .slzm .box .fanzhuan .image_container a:hover .pic1 { -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg) } #dljz .slzm .box .fanzhuan .image_container a .pic2 { -webkit-transform:rotateY(-180deg); -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -moz-transform:rotateY(-180deg); -moz-transform-style:preserve-3d; -moz-backface-visibility:hidden; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out } #dljz .slzm .box .fanzhuan .image_container a:hover .pic2 { -webkit-transform:rotateX(0deg) rotateY(0deg); -moz-transform:rotateX(0deg) rotate(0deg); z-index:10; position:absolute } #dljz .slzm .box .fanzhuan .row { height:186px; float:left; position:relative; z-index:10 } #dljz .slzm .box .fanzhuan .row .pic1 { width:100%; height:100%; overflow:hidden } #dljz .slzm .box .fanzhuan .row .pic2 { width:100%; height:100%; overflow:hidden } #dljz .slzm .box .item { float:left; width:140px; height:176px; margin-left:153px } #dljz .slzm .cont { width:480px; height:52px; margin:0 auto } #dljz .slzm .cont .btn { width:128px; height:50px; border:1px solid #fff; border-radius:25px; color:#fff; line-height:50px; float:left; margin-left:45px } #dljz .slzm .cont .btn:HOVER { background:#0099e5; border:1px solid #0099e5 } #dljz .zyyw { height:410px; background:#fff } #dljz .zyyw .cont { width:710px; height:180px; margin:0 auto } #dljz .zyyw .cont a { color:#333 } #dljz .zyyw .title { margin:0 auto 10px; padding-top:45px } #dljz .zyyw .title strong { font-size:26px } #dljz .zyyw .cont .item { float:left; width:220px; height:75px; line-height:75px; margin:30px 0 0 25px; font-size:20px; background:#ededed; border-radius:5px } #dljz .zyyw .cont .item:HOVER { color:#fff; background:#0099e6 } #dljz .cjwt ul li { text-align:left } #trademark { background:#f3f3f3; padding-top:45px; padding-bottom:60px; text-align:center } #trademark .anniu { width:240px; margin:0 auto; padding-top:40px; clear:both } #trademark .anniu .btn { height:60px; background:#0099e5; border:0; border-radius:30px; color:#fff; line-height:60px } #trademark .anniu .btn:HOVER { background:#08c; -webkit-transition:all .4s ease 0s } #trademark .zyyw .title p { margin-top:10px; font-size:14px } #trademark .zyyw { width:860px; height:655px; margin:0 auto } #trademark .zyyw .tb { width:215px; height:130px; float:left; cursor:pointer } #trademark .zyyw .txt { color:#333; cursor:pointer } #trademark .zyyw .tb div { width:215px; height:130px } #trademark .zyyw .tb .tb1 { background:url(../images/sbzc_yw1.png) no-repeat center center } #trademark .zyyw .tb .tb2 { background:url(../images/sbzc_yw2.png) no-repeat center center } #trademark .zyyw .tb .tb3 { background:url(../images/sbzc_yw3.png) no-repeat center center } #trademark .zyyw .tb .tb4 { background:url(../images/sbzc_yw4.png) no-repeat center center } #trademark .zyyw .tb .tb5 { background:url(../images/sbzc_yw5.png) no-repeat center center } #trademark .zyyw .tb .tb6 { background:url(../images/sbzc_yw6.png) no-repeat center center } #trademark .zyyw .tb .tb7 { background:url(../images/sbzc_yw7.png) no-repeat center center } #trademark .zyyw .tb .tb8 { background:url(../images/sbzc_yw8.png) no-repeat center center } #trademark .zyyw .tb:HOVER .tb1 { background:url(../images/sbzc_yw1_h.png) no-repeat center center } #trademark .zyyw .tb:HOVER .tb2 { background:url(../images/sbzc_yw2_h.png) no-repeat center center } #trademark .zyyw .tb:HOVER .tb3 { background:url(../images/sbzc_yw3_h.png) no-repeat center center } #trademark .zyyw .tb:HOVER .tb4 { background:url(../images/sbzc_yw4_h.png) no-repeat center center } #trademark .zyyw .tb:HOVER .tb5 { background:url(../images/sbzc_yw5_h.png) no-repeat center center } #trademark .zyyw .tb:HOVER .tb6 { background:url(../images/sbzc_yw6_h.png) no-repeat center center } #trademark .zyyw .tb:HOVER .tb7 { background:url(../images/sbzc_yw7_h.png) no-repeat center center } #trademark .zyyw .tb:HOVER .tb8 { background:url(../images/sbzc_yw8_h.png) no-repeat center center } #trademark .zyyw .txt { width:215px; height:60px; float:left; font-size:18px } #trademark .sbzc { width:100%; background:#fff; background:#fff; padding-top:40px } #trademark .sbzc .box { width:1200px; height:510px; margin:0 auto } #trademark .sbzc .title p { font-size:14px; margin:10px auto 60px } #trademark .sbzc .tb { float:left; width:260px; padding-top:110px; padding-bottom:18px } #trademark .sbzc .tb1 { background:url(../images/sbzc_4b1.png) no-repeat center top } #trademark .sbzc .tb2 { background:url(../images/sbzc_4b2.png) no-repeat center top } #trademark .sbzc .tb3 { background:url(../images/sbzc_4b3.png) no-repeat center top } #trademark .sbzc .tb4 { background:url(../images/sbzc_4b4.png) no-repeat center top } #trademark .sbzc .tb p { font-size:18px; margin-bottom:10px } #trademark .sbzc .tb div { color:#808080; line-height:1.3 } #trademark .sbzc .tbjg { float:left; width:40px; height:2px; margin-top:32px; background:#dbdbdb } #trademark .wmys { width:100%; color:#f5f5f5; padding-top:62px; background:url(../images/sbzc_ys.jpg) no-repeat center top } #trademark .wmys .title { margin-bottom:60px } #trademark .wmys .tb { width:1200px; height:560px; margin:0 auto } #trademark .wmys .ysd { width:260px; margin:0 72px } #trademark .wmys .ysd .tl { height:36px; line-height:36px; margin-bottom:32px; font-size:20px; padding-left:50px; background:url(../images/sbzc_yst.png) no-repeat left center } #trademark .wmys .ysd .tcon { margin-left:50px; margin-bottom:10px; padding-left:20px; font-size:18px; text-align:left; background:url(../images/sbzc_ysd.png) no-repeat left center } #trademark .ysdb { width:980px; height:450px; margin:0 auto; background:url(../images/sbzc_ysvs.png) no-repeat center center } #trademark .ysdb .box { width:420px; height:440px; float:left; color:#0099e6; background:#fff; border-radius:10px; box-shadow:0 5px 10px rgba(204, 204, 204, .4) } #trademark .ysdb .box .tl { height:60px; margin-bottom:40px; color:#fff; font-size:20px; line-height:60px; background:#0099e5; text-align:center; border-top-left-radius:10px; border-top-right-radius:10px } #trademark .ysdb .box .cont { text-align:left; padding-left:30px; margin-bottom:12px } #trademark .ysdb .box .cont p { margin-bottom:3px; font-size:16px } #trademark .ysdb .box1 { width:420px; height:440px; float:right; color:#999; background:#fff; border-radius:10px; box-shadow:0 5px 10px rgba(204, 204, 204, .4) } #trademark .ysdb .box1 .tl { height:60px; margin-bottom:40px; font-size:20px; line-height:60px; color:#fff; background:#ccc; text-align:center; border-top-left-radius:10px; border-top-right-radius:10px } #trademark .ysdb .box1 .cont { text-align:left; padding-left:30px; margin-bottom:12px } #trademark .ysdb .box1 .cont p { margin-bottom:3px; font-size:16px } #trademark .zcyy { width:100%; height:500px; margin-top:45px; color:#f5f5f5; background:url(../images/sbzc_zcyy.jpg) no-repeat center center } #trademark .zcyy .title { padding-top:42px; margin-bottom:55px } #trademark .zcyy .cont { width:1200px; height:330px; margin:0 auto } #trademark .zcyy .cont .txt { padding-left:180px; text-align:left; margin-top:16px } #trademark .zcyy .cont .txt p { font-size:18px } #trademark .zcyy .cont .txt .line { width:12px; height:2px; margin:11px 3px; background:url(../images2/line.jpg) repeat center center } #trademark .zcyy .cont .tbl { width:400px; height:125px; float:left; margin-left:132px } #trademark .zcyy .cont .tbr { width:475px; height:125px; float:right } #trademark .zcyy .cont .tb1 { background:url(../images/sbzc_zcyy1.png) no-repeat left center } #trademark .zcyy .cont .tb2 { background:url(../images/sbzc_zcyy2.png) no-repeat left center } #trademark .zcyy .cont .tb3 { margin-top:75px; background:url(../images/sbzc_zcyy3.png) no-repeat left center } #trademark .zcyy .cont .tb4 { margin-top:75px; background:url(../images/sbzc_zcyy4.png) no-repeat left center } #trademark .zyfx { width:1167px; margin:0 auto; padding:0 18px } #trademark .zyfx .title { margin:40px auto } #trademark .zyfx .tb1 { width:290px; height:280px; float:left; background:url(../images/sbzc_zyfx1.png) no-repeat center center } #trademark .zyfx .tb2 { width:290px; height:280px; float:left; margin-left:2px; background:url(../images/sbzc_zyfx2.png) no-repeat center center } #trademark .zyfx .tb3 { width:290px; height:280px; float:left; margin-left:2px; background:url(../images/sbzc_zyfx3.png) no-repeat center center } #trademark .zyfx .tb4 { width:290px; height:280px; float:left; margin-left:2px; background:url(../images/sbzc_zyfx4.png) no-repeat center center } #trademark .zyfx p { margin-top:215px } #trademark .zyfx .anniu { padding-top:50px } #tracation { background:#f3f3f3 } #tracation .title { text-align:center } #tracation .title li { display:inline-block; width:340px; height:65px; line-height:65px; background:#f0864c; margin:50px; font-size:28px; color:#fff } #tracation .title a:hover li { background:#56aedc } #tracation .centent { height:658px; width:100%; background:url(../images/tracation.jpg) no-repeat center; position:relative } #tracation .tracation_top input { position:absolute; top:20px; left:300px; width:500px; height:60px; font-size:24px; border:0; outline:medium } #tracation .tracation_top button { background:#0069b7; outline:medium; width:340px; height:80px; line-height:80px; position:absolute; right:10px; top:11px; border:0; font-size:28px; color:#fff; cursor:pointer } #tracation .tracation_top button em { display:inline-block; width:60px; height:80px; background:url(../images/buttonem.png) no-repeat center; vertical-align:middle } #tracation .tracation_top button:hover { background:#fd5a66; color:#fff } #tracation dl { width:500px; position:absolute; top:150px; left:385px } #tracation dt { font-size:18px; color:#333; line-height:50px; height:50px } #tracation dt em { font-size:2em; color:#4d63bc; font-weight:700 } #tracation dd#scrollt { font-size:20px; margin-top:30px; line-height:40px; color:#666; width:490px; height:340px; overflow:hidden } #tracation dd span { display:inline-block; margin-right:50px } #tracation dd em { color:#56c3ec } #tracation .tracation_right { position:absolute; right:50px; bottom:220px; width:220px; text-align:center } .tracation_right div { margin-top:40px; width:210px; height:60px; background:#0069b7; border-radius:10px; text-align:center; line-height:60px; font-size:26px; color:#fff } .tracation_right div:hover { background:#fd5a66 } .pop { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); overflow:hidden; z-index:9999 } .pop .popMain { width:600px; min-height:500px; border-radius:20px; overflow:hidden; background:#fff; position:relative; left:50%; top:20%; margin-left:-300px } .pop .popTop { width:100%; height:60px; background:#56aedc; font-size:22px; line-height:60px; color:#fff; font-weight:700; padding-left:36px } .pop .popTop em { cursor:pointer; display:inline-block; width:26px; height:26px; line-height:26px; text-align:center; border-radius:15px; position:absolute; right:20px; top:15px; font-size:20px } .pop .popBottom { position:absolute; bottom:60px; left:180px; text-align:center } .pop .popBottom input { cursor:pointer; border:0; outline:medium; font-size:28px; color:#fff; border-radius:10px; width:250px; height:60px; background:#fd5a66 } .pop .popMiddle { text-align:center; margin-top:50px } .pop .popMiddle label { font-size:18px; margin-right:20px; display:inline-block; width:100px; text-align:right; color:#000 } .pop .popMiddle li { height:60px } .pop .popMiddle li p { margin-left:210px; text-align:left; color:#666; line-height:26px; font-size:12px } .pop .popMiddle input { width:300px; height:40px; font-size:18px } .pop .popMiddle select { width:296px; height:40px; font-size:14px; margin-bottom:30px } .falv_banner { position:relative } .falv_banner .cent { height:365px; margin:0 auto; position:absolute; top:0; left:50%; margin-left:-600px } .falv_message { width:293px; height:365px; background:url(../images/falv_banner.png) no-repeat center; position:absolute; top:50px; right:0 } .falv_message .centent { width:80%; height:100%; margin:0 auto; overflow:hidden } .falv_message .centent h1 { text-align:center; color:#fff; margin-top:16px; margin-bottom:20px } .falv_message .centent textarea { width:100%; height:50px; background:#f3f3fa; border:0; font-size:14px; resize:none; padding:3px } .falv_message .centent input { width:100%; height:30px; margin:5px auto; background:#f3f3fa; border:0; font-size:14px; text-indent:.3em } .falv_message .centent input.fl_sub { cursor:pointer; text-indent:0; font-weight:700; width:110px; height:30px; background:#49abff; border-radius:5px; margin:20px auto; color:#fff; text-align:center; display:block } #withgood { padding-top:40px; background:#f3f3f3 } #withgood .deail { text-align:center; height:60px; line-height:60px; color:#666 } #withgood .title2 { text-align:center; font-weight:700; font-size:24px; margin-top:20px } #withgood ul { text-align:center } #withgood ul li { width:480px; height:310px; background:#aaa; display:inline-block; margin:60px 50px 0 50px } #withgood ul li.li1 { background:url(../images/withgoodli1.jpg) no-repeat center } #withgood ul li.li2 { background:url(../images/withgoodli2.jpg) no-repeat center } #withgood ul .box { width:480px; height:310px; display:inline-block; margin:60px 50px 0 50px } #allul h2 a { color:#0099e5; font-size:24px; font-family:'微软雅黑' } .he_border2 { background:#fe7253; width:480px; height:310px; padding:0; margin:0; position:relative; box-sizing:border-box; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; transition:all .4s ease-in-out; overflow:hidden } .he_border2 .he_border2_img { display:block; width:100%; padding:0; margin:0; position:relative; opacity:1; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; transition:all .4s ease-in-out; overflow:hidden } .he_border2:hover .he_border2_img { position:absolute; -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); opacity:.6 } .he_border2 .he_border2_caption { color:#fff; padding:0; margin:0; -moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; transition:all .4s ease-in-out; overflow:hidden } .he_border2 .he_border2_caption::before, .he_border2 .he_border2_caption::after { position:absolute; content:''; opacity:0; -webkit-transition:opacity .4s, -webkit-transform .4s; -moz-transition:opacity .4s, -moz-transform .4s; -o-transition:opacity .4s, -o-transform .4s; transition:opacity .4s, transform .4s } .he_border2 .he_border2_caption::before { top:14%; right:5%; bottom:14%; left:5%; border-top:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:scale(0, 1); -moz-transform:scale(0, 1); -o-transform:scale(0, 1); transform:scale(0, 1); -webkit-transform-origin:0 0; -moz-transform-origin:0 0; -o-transform-origin:0 0; transform-origin:0 0 } .he_border2 .he_border2_caption::after { top:8%; right:10%; bottom:8%; left:10%; border-right:1px solid #fff; border-left:1px solid #fff; -webkit-transform:scale(1, 0); -moz-transform:scale(1, 0); -o-transform:scale(1, 0); transform:scale(1, 0); -webkit-transform-origin:100% 0; -moz-transform-origin:100% 0; -o-transform-origin:100% 0; transform-origin:100% 0 } .he_border2:hover .he_border2_caption::before, .he_border2:hover .he_border2_caption::after { opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); transform:scale(1) } .he_border2 .he_border2_caption, .he_border2 .he_border2_caption>a { position:absolute; top:0; left:0; width:100%; height:100%; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; transition:all .4s ease-in-out; overflow:hidden; z-index:1000 } .he_border2 .he_border2_caption_h1 { background:url(../images/withgood_l.png) no-repeat center; height:120px; font-size:1.3em; font-weight:700; text-align:center; width:80%; position:absolute; top:20%; left:10%; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out; overflow:hidden; opacity:1 } .he_border2 .he_border2_caption_h2 { background:url(../images/withgood_r.png) no-repeat center; height:120px; font-weight:700; text-align:center; width:80%; position:absolute; top:20%; left:10%; -webkit-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out; -ms-transition:all .5s ease-in-out; transition:all .5s ease-in-out; overflow:hidden; opacity:1 } .he_border2 .he_border2_caption_p { font-size:3em; font-weight:700; text-align:center; width:80%; position:absolute; top:80%; left:10%; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; transition:all .4s ease-in-out; overflow:hidden; opacity:0 } .he_border2:hover .he_border2_caption_p { top:62%; opacity:1 } #sult { padding-top:40px } #sult .backtu { width:100%; height:324px; background:url(../images/backtu.jpg) no-repeat center; margin:30px auto; text-align:center } #sult .backtu .title2 { font-size:24px; color:#fff; font-weight:600; padding-top:40px } #sult .backtu .title3 { font-size:60px; color:#fcff28; font-weight:600; margin-top:40px } #sult .backtu .title4 { font-size:30px; color:#fff; font-weight:600; margin-top:40px; width:220px; height:60px; line-height:54px; border-radius:30px; margin:30px auto; border:3px solid #fff } #sult .backtu .title4:hover { border:3px solid #f04c53 } #sult .title5 { font-size:26px; color:#333; font-weight:600; margin-top:40px; text-align:center } #sult .causel { height:380px; position:relative; margin:60px auto 20px auto } #sult #pre { width:30px; height:30px; background-image:url(../images/pre.png); background-repeat:no-repeat; background-position:center; background-color:#0069b7; position:absolute; left:0; top:50%; margin-top:-15px } #sult #next { width:30px; height:30px; background-image:url(../images/next.png); background-repeat:no-repeat; background-position:center; background-color:#0069b7; position:absolute; right:0; top:50%; margin-top:-15px } #sult #pre:hover { background-image:url(../images/pre.png); background-repeat:no-repeat; background-position:center; background-color:#f04c53 } #sult #next:hover { background-image:url(../images/next.png); background-repeat:no-repeat; background-position:center; background-color:#f04c53 } #sult #allul { width:1080px; margin:0 auto } #sult #allul li { width:270px; margin:0 45px; overflow:hidden; float:left } #allul .kura { width:130px; height:130px; border-radius:65px; overflow:hidden; margin:0 auto } #allul .kura img { width:130px; height:130px } #allul li h2 { line-height:60px; text-align:center } #allul li h5 { width:140px; height:40px; margin:30px auto; background:#0069b7; border-radius:5px; line-height:40px; text-align:center; font-size:18px; color:#fff; font-weight:normal } #allul li:hover h5 { background:#f04c53 } #allul li h5 em { display:inline-block; width:30px; height:26px; background:url(../images/ask.png) no-repeat center top; vertical-align:middle } #allul li p { color:#666; line-height:24px } #sult .moreBox { width:100%; text-align:center } #sult .moreBtn em { display:inline-block; width:40px; height:30px; background:url(../images/huan.png) no-repeat center top; vertical-align:middle } #sult .moreBtn { border:1px solid #ccc; font-size:18px; color:#666; height:45px; line-height:45px; padding:0 4%; display:inline-block; -webkit-transition:all .2s linear; -moz-transition:all .2s linear; -o-transition:all .2s linear; -ms-transition:all .2s linear; transition:all .2s linear } #sult .moreBtn:hover { color:#f04c53; border:1px solid #f04c53; padding:0 4.2% } #sult .moreBtn:hover em { background:url(../images/huan1.png) no-repeat center top } #attem { background:#f3f3f3; padding-top:40px } #attem .deail { text-align:center; line-height:50px; color:#666 } #attem ul { width:1500px } #attem ul li { width:236px; float:left; margin-top:26px; margin-right:244px; text-align:center } #attem ul li:last-child { margin-right:0 } #attem ul li div.libg1 { width:236px; height:210px; border-radius:10px; background-image:url(../images/attemli1.png); background-repeat:no-repeat; background-position:center; background-color:#3d8ee8 } #attem ul li div.libg2 { width:236px; height:210px; border-radius:10px; background-image:url(../images/attemli2.png); background-repeat:no-repeat; background-position:center; background-color:#3d8ee8 } #attem ul li div.libg3 { width:236px; height:210px; border-radius:10px; background-image:url(../images/attemli3.png); background-repeat:no-repeat; background-position:center; background-color:#3d8ee8 } #attem ul dt { font-size:26px; margin-top:20px; color:#333 } #attem ul dd { line-height:30px; margin-top:10px; font-size:18px; color:#666 } #riseness { padding-top:40px } #riseness ul { margin-top:40px } #riseness ul li { width:33%; height:260px; float:left } #riseness ul li p { margin-top:170px } #riseness ul li p a { color:#333; font-size:26px; font-weight:700 } #riseness ul li:last-child { width:34% } #riseness ul li.li1 { background:url(../images/riseness1.jpg) no-repeat center top } #riseness ul li.li2 { background:url(../images/riseness2.jpg) no-repeat center top } #riseness ul li.li3 { background:url(../images/riseness3.jpg) no-repeat center top } #riseduce { background:#9ae0ff; padding-top:50px; padding-bottom:50px } #riseduce .duce_l { width:350px; height:350px; border-radius:175px; overflow:hidden; margin-left:36px } #riseduce .duce_r { width:750px; height:350px; overflow:hidden } #riseduce .duce_r dt { font-size:48px; font-weight:700; color:#00928d; margin:16px auto 26px auto } #riseduce .duce_r dd { font-size:24px; line-height:36px; vertical-align:middle } #risetage { padding-top:40px } #risetage ul { margin:40px auto 50px auto } #risetage ul a { float:left; margin-left:33px; width:275px; height:170px } #risetage ul a:first-child { margin-left:0 } #risestep { background:#f2f2f2; padding-top:40px } #risestep .centent { width:700px; height:420px; overflow:hidden; margin:40px auto } #risestep .centent li { width:176px; height:120px; border-radius:50%; overflow:hidden; background:red; margin:0 auto } #risestep .centent .li1 { margin-bottom:30px; background:#f7448c } #risestep .centent .li2 { background:#d85af3 } #risestep .centent .li3 { background:#80a0fc } #risestep .centent .li4 { margin-top:30px; background:#16bfa1 } #risestep .centent img.img { margin-top:16px } #risestep .centent dt { font-family:'Impact'; font-size:20px; color:#0069b7; font-weight:700; line-height:36px } #risestep .centent dd { color:#fff; font-size:14px } #loans { padding-top:40px } #loans table { width:100%; height:400px; margin:40px auto; background:url(../images/loans.jpg) no-repeat } #loans table a { font-size:30px; color:#333; font-weight:700 } #loans table .apply { text-align:left!important } #loans table label { margin-left:60px; display:block; line-height:60px; width:450px; margin:0 auto; font-size:22px; color:#9e9e9e } #loans table label input { vertical-align:middle; width:300px; height:36px; line-height:36px; margin-top:8px; font-size:16px; padding-left:2px } #loans .tabtitle { font-weight:700; font-size:28px; margin:16px auto } #loans .submit { cursor:pointer; display:block; border:0; margin:26px auto; width:220px; height:60px; border-radius:10px; overflow:hidden; background:#0069b7; color:#fff; font-size:28px } #loans .submit:hover { background:#fd5a66 } #loans table:hover .tabtitle { color:#0069b7 } #loans table p { font-size:18px; color:#666; line-height:30px } #risegove { padding-top:40px; background:#f3f3f3 } #risegove .centent { margin:40px auto } #risegove .centent dl { float:left; width:280px; height:300px; margin-left:26px; color:#fff } #risegove .centent dl:first-child { margin-left:0 } #risegove .centent dt { margin-top:80px; margin-bottom:30px; font-size:26px } #risegove .centent dt a { color:#fff } #risegove .centent dd { line-height:26px; font-size:18px } #risegove .centent dl.dl1 { background:url(../images/risegove1.jpg) no-repeat center } #risegove .centent dl.dl2 { background:url(../images/risegove2.jpg) no-repeat center } #risegove .centent dl.dl3 { background:url(../images/risegove3.jpg) no-repeat center } #risegove .centent dl.dl4 { background:url(../images/risegove4.jpg) no-repeat center } #risemoves { padding-top:40px } #risemoves .risemoves_r { text-align:left; width:580px; margin-top:20px } #risemoves .risemoves_r dt { line-height:60px; font-size:22px; font-weight:700 } #risemoves .risemoves_r dd { line-height:36px; font-size:18px } #risemoves .risemoves_r dd a { color:#666 } #risemoves .risemoves_r dd:hover a { color:#fd5a66 } #risemoves .risemoves_r dd em { font-size:16px; color:#ccc } #risemoves .risemoves_r .dd_last { text-align:center } #risemoves .risemoves_r .dd_last a { display:inline-block; width:100px; height:40px; color:#fff; background:#0069b7; line-height:40px; margin:20px 40px } #risemoves .risemoves_r .dd_last a:hover { background:#fd5a66 } #risemoves .risemoves_bt a { display:inline-block; width:180px; height:60px; line-height:60px; margin:30px 60px 60px 60px; border-radius:10px; overflow:hidden; color:#fff; font-size:18px } #risemoves .risemoves_bt a.a1 { background:#00a7ff } #risemoves .risemoves_bt a.a2 { background:#f6a702 } #risemoves .risemoves_bt a.a3 { background:#65ca54 } #risemoves .risemoves_bt a:hover { background:#fd5a66 } #position { height:60px; line-height:60px; color:#666 } #position a { color:#666 } #position a:hover { color:#0069b7 } #posik { padding-top:15px } #posik .title { width:805px; height:50px; line-height:50px; margin:0 auto; font-size:18px } #posik .title li { float:left; width:160px; height:50px } #posik .title a { color:#333; font-size:20px } #posik .title .first-child { margin-left:0 } #posik .title li:hover { color:#fff; background:#0099e6 } #posik .title li.on { color:#fff; background:#0099e6 } #posik .title span.fl { width:1px; height:20px; background:#ccc; vertical-align:middle; line-height:50px; overflow:hidden; margin-top:15px } #posik .centent { width:880px; margin:30px auto 40px auto } #posik .meuncontent { width:900px } #posik .meuncontent li { float:left; width:150px; height:48px; line-height:48px; border:1px solid #e6e6e6; margin:10px 15px; text-align:center; font-size:18px; -webkit-box-sizing:border-box; box-sizing:border-box } #posik .meuncontent li span { color:#333; opacity:.8; cursor:pointer; display:inline-block; font-size:16px } #posik .meuncontent li:hover { border:1px solid #1aa5eb } #posik .meuncontent li span:hover { color:#0099e6 } #cern { background:#f3f3f3; padding-top:40px } #cern .title { margin:0 auto; color:#0099e6; font-size:24px; font-weight:bold } #cern .title .xian { width:120px; margin:5px auto 0; border-bottom:2px solid #0099e6 } #cern ul.title { margin:30px auto 50px auto } #cern ul.title li { display:inline-block; float:left; width:260px; height:150px; line-height:150px; background:#69b5e5; border-radius:10px; margin-left:53px; font-size:30px; font-weight:700; color:#fff } #cern ul.title li:first-child { margin-left:0 } #cern .centent { height:880px; overflow:hidden; margin:0 auto 30px auto } #cern .cern_l { height:880px; width:280px; overflow:hidden; position:relative; margin-bottom:100px } #cern .cern_r { width:860px; background:#fff; padding-left:20px; padding-right:20px } #cern .cern_lt, #cern .cern_lb { width:280px; height:430px; background:#fff; overflow:hidden } #cern .cern_lt { position:absolute; top:0 } #cern .cern_lb { position:absolute; bottom:0 } #cern .cern_lt_title, #cern .cern_lb_title { width:100%; height:46px; line-height:46px; background:#1aa5eb; color:#fff; font-size:18px } #cern .cern_lt_centent, #cern .cern_lb_centent { width:100%; margin:1px auto; height:360px; overflow:hidden } #cern .cern_lt_centent dl { border-bottom:1px solid #f3f3f3; width:90%; padding:0 5%; margin:0 auto 10px auto } #cern .cern_lt_centent dt a { color:#666; font-size:16px; line-height:30px } #cern .cern_lt_centent dd { color:#9c9c9c; margin-bottom:10px } #cern .cern_lt_centent dl:hover a { color:#0069b7 } #cern .cern_lb_centent { margin-top:16px; width:95%; padding-left:5% } #cern .cern_lb_centent a { color:#666; font-size:15px } #cern .cern_lb_centent li { line-height:32px; font-size:16px } #cern .cern_lb_centent li a:hover { color:#0069b7 } #cern .cern_r li { width:100%; height:220px; border-bottom:1px solid #ededed; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden } #cern .cern_r li:nth-child(4) { border-bottom:0 } #cern .cern_r li:hover dt a { color:#0099e6 } #cern .cern_r dl { width:780px; margin:0 auto; position:relative } #cern .cern_r dt { font-size:20px; color:#333; margin:35px auto 10px auto } #cern .cern_r dt a { color:#333 } #cern .cern_r dd { color:#808080; line-height:26px; font-size:14px } #cern .cern_r a.more { display:block; width:100px; height:36px; line-height:36px; border-radius:18px; background:#0099e6; color:#fff; text-align:center } #cern.cern2 { background:#ededed } #cern .cern_lt2, #cern .cern_lb2 { border:1px solid #ccc; -webkit-box-sizing:border-box } #cern .centent2 { height:820px; overflow:visible; margin:0 auto 60px auto } #cern .cern_r2 { width:800px; background:#fff; padding-left:50px; padding-right:50px; margin-bottom:100px } #cern .title2 { margin:30px auto } #cern .title2 span { font-size:24px; color:#656565 } #cern .title2 p { color:#666; font-size:12px; line-height:30px } #cern .title2 p a { color:#1aa5eb } #cern .flect { margin-bottom:30px } #cern .flect_bt { width:100%; height:150px; border-top:2px solid #dfdfdf; margin:40px auto } #cern .flect_bt a { display:inline-block; width:200px; height:50px; background:red; color:#fff; padding-top:10px; padding-left:10px; margin:40px 80px } #cern .flect_bt a.flect_btl { background-image:url(../images/de_b1.png); background-repeat:no-repeat; background-position:20px center; background-color:#eb6877 } #cern .flect_bt a.flect_btr { background-image:url(../images/de_b2.png); background-repeat:no-repeat; background-position:20px center; background-color:#e6573b } #cern .flect_bt a.flect_btl:hover { background-color:#fd5a66 } #cern .flect_bt a.flect_btr:hover { background-color:#fd5a66 } #page { width:890px; float:right; text-align:center; margin:10px auto 60px auto; } #page a { color:#999 } #page li { display:inline-block; border:1px solid #ccc; padding:6px 12px; margin:auto 10px } #page li.c { background:#0099e6; color:#fff } /* 选择蜗牛 */ #indx_m09 { width: 100%; height: 500px; overflow: hidden; padding-top:35px; background: #fbfbfb; } #indx_m09 .content { width: 1000px; height: 300px; margin: 0 auto; background: url(../images/indx_m09.png) no-repeat center, #fbfbfb; position: relative; } .indx_m09_l { width: 180px; height: 260px; background: url(../images/indx_m09_l.jpg) no-repeat center; position: absolute; top: 0; left: 30px; } .indx_m09_r { width: 800px; height: 100px; text-align: center; margin-top: 105px; } .indx_m09_r li { float: left; width: 150px; height: 100px; } .indx_m09_r li.li1 dt { background: url(../images/indx_m09_r1.jpg) no-repeat center; width: 36px; height: 42px; margin: 0 auto; } .indx_m09_r li.li2 dt { background: url(../images/indx_m09_r2.jpg) no-repeat center 3px; width: 40px; height: 42px; margin: 0 auto; } .indx_m09_r li.li3 dt { background: url(../images/indx_m09_r3.jpg) no-repeat center; width: 42px; height: 42px; margin: 0 auto; } .indx_m09_r li.li4 dt { background: url(../images/indx_m09_r4.jpg) no-repeat center 3px; width: 46px; height: 42px; margin: 0 auto; } .indx_m09_r li.li5 dt { background: url(../images/indx_m09_r5.jpg) no-repeat center 3px; width: 46px; height: 42px; margin: 0 auto; } .indx_m09_r li dd { margin: 10px auto; color: #333; } .indx_m09_bottom { width: 200px; height: 44px; background: #0099e6; margin: 30px auto; border-radius: 22px; text-align: center; line-height: 44px; color: #fff; } #index_choice { height: 535px; overflow: hidden; background: #fbfbfb; width:100%; min-width:1240px; } #index_choice .title { margin-top:35px; } #index_choice .content { } #index_choice .content ul { width: 1170px; height: 200px; margin: 80px auto auto; position: relative; } #index_choice .content ul li { float: left; width: 0; height: 0; border-left: 126px solid transparent; border-right: 126px solid transparent; cursor: pointer; } .triangle-up { border-bottom: 200px solid #fff; } .triangle-down { border-top: 200px solid #fff; } #index_choice .choice_ren { background: url(../images/person.png) no-repeat center; width: 268px; height: 257px; position: absolute; left: -40px; top: -55px; } #index_choice li dt { width: 250px; height: 200px; text-align: center; margin-left: -126px; margin-top: -200px; text-align: center; overflow: hidden; } #index_choice li.li1 dt,#index_choice li.li3 dt, #index_choice li.li5 dt,#index_choice li.li7 dt { margin-top: 0px; } #index_choice li dd { width: 250px; height: 200px; text-align: center; margin-left: -126px; margin-top: -200px; text-align: center; overflow: hidden; color: #fff; display:none; } #index_choice li.li1 dd,#index_choice li.li3 dd, #index_choice li.li5 dd,#index_choice li.li7 dd { margin-top: 0px; } #index_choice li.li1 { position: absolute; left: 150px; } #index_choice li.li1 i { background: url(../images/p2.png) no-repeat center; width: 57px; height: 56px; display: block; margin: 55px auto 5px auto; } #index_choice li.li2 { position: absolute; left: 300px; } #index_choice li.li2 i { background: url(../images/p3.png) no-repeat center; width: 57px; height: 56px; display: block; margin: 55px auto 5px auto; } #index_choice li.li3 { position: absolute; left: 450px; } #index_choice li.li3 i { background: url(../images/p4.png) no-repeat center; width: 57px; height: 56px; display: block; margin: 55px auto 5px auto; } #index_choice li.li4 { position: absolute; left: 600px; } #index_choice li.li4 i { background: url(../images/p5.png) no-repeat center; width: 57px; height: 56px; display: block; margin: 55px auto 5px auto; } #index_choice li.li5 { position: absolute; left: 750px; } #index_choice li.li5 i { background: url(../images/p6.png) no-repeat center; width: 57px; height: 56px; display: block; margin: 55px auto 5px auto; } #index_choice li.li6 { position: absolute; left: 900px; } #index_choice li.li6 i { background: url(../images/p7.png) no-repeat center; width: 57px; height: 56px; display: block; margin: 55px auto 5px auto; } #index_choice li.li7 { position: absolute; left: 900px; display:none; } #index_choice li.li7 i { background: url(../images/p6.png) no-repeat center; width: 57px; height: 56px; display: block; margin: 70px auto 10px auto; display:none; } .select { display: block; } .choice_more { margin: 0 auto; width: 200px; height: 44px; line-height: 44px; background: #0099e6; color: #fff; text-align: center; border-radius: 22px; margin-top: 65px; }