/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: inherit; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, iframe { display: block; } html, body { background-color: #e9ebf2; line-height: 105%; color: #666; font-size: 16px; font-weight: 500; text-align: left; text-indent: 0; font-family:"Microsoft YaHei", "SourceHanSansCN-Regular", Helvetica, Arial, sans-serif; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } ul, ol { list-style: none; } a { text-decoration: none; color: inherit; } table { border-collapse: collapse; border-spacing: 0; } .clear { clear: both; } .disNone { display: none; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 26px; } h4, .h4 { font-size: 20px; } h5, .h5 { font-size: 18px; } h6, .h6 { font-size: 14px; } small { font-size: 12px; } *, *:after, *:before { box-sizing: border-box; padding: 0; margin: 0; } /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (http://github.com/twbs/bootstrap/blob/master/LICENSE) */ .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (http://github.com/twbs/bootstrap/blob/master/LICENSE) */ .hidden { display: none !important; } .wrap { width: 1200px; margin-left: auto; margin-right: auto; } @media (max-width: 767px) { .wrap { width: 100%; padding-left: 0.7rem; padding-right: 0.7rem; } } .row2:before, .row2:after { content: " "; display: table; } .row2:after { clear: both; } .overHide{ overflow:hidden; } .left { float: left; } .right { float: right; } .center { display:inline-block; margin-top:45px; margin-bottom:20px; } .call_kh { text-align:center; } @media (max-width: 767px) { .hidden-xs { display: none; } } .show-xs { display: none; } @media (max-width: 767px) { .show-xs { display: block!important; } } body { background-color: #fff; } .remark { color: #ff7f00; font-size: 120%; } .heightLight { color: #ff7f00 !important; } .h_2 { line-height: 38px; } .h_2 span { cursor: pointer; } .h_2 span > i { vertical-align: middle; } .btn { background-color: #ff7f00; color: #fff; font-size: 18px; padding: 12px 26px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: none; text-align: center; } .orange { color: #ff7500; } .disNones { display:none; } @media (max-width: 767px) { .btn { font-size: 0.45rem; padding: 0.3rem 0.65rem; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; } } .head { background: #f2f2f2; height: 40px; line-height: 40px; font-size: 12px; color: #666666; position: relative; font-weight: 400px; } .head .h_1 .c_phone { margin-right: 20px; } .head .h_2 .hello { margin-right: 24px; } .head .h_2 .register { margin-right: 24px; color: #ff7f00; } .head .tool { line-height: 40px; position: relative; width: 105px; cursor: pointer; } .pk_hover:hover { color: #ff7500; } .head .tool:hover .packup { background-color: #fff; } .head .tool .packup:hover { color: #ff7500; } .head .tool .packup { position: relative; padding: 0 12px; } .head_fo { background-image: url(../images/hf.png); background-repeat: no-repeat; } .head .tool .packup span > i.toolLeft { display: inline-block; width: 12px; height: 15px; background-position: -3px -28px; margin: 12px 3px 0 0; } span > i.toolC{ display: inline-block; width: 14px; height: 16px; background-position: -38px -2px; margin: 12px 3px 0 0; } i.toolUp { display: inline-block; width: 12px; height: 8px; background-position: -19px -19px; margin: 17px 0 0 1px; } .head .tool .packup:hover span > i.toolUp { background-position: -4px -19px; } .head .tool .dropdown { display: none; position: absolute; top: 41px; left: -136px; background-color: #fff; padding: 20px 0px 10px; width: 442px; height: auto; z-index: 40; box-shadow: 0 0 4px #f2f2f2; } .head .tool .dropdown li { text-align: center; width: 110px; line-height: 20px; } .head .tool .dropdown li > a { display: inline-block; margin-right: 10px; overflow: hidden; } .head .tool .dropdown li:nth-child(4n) a { margin-right: 0; } .head .tool .dropdown li > a:hover .p1 { color: #0af; } .head .tool .dropdown li i { display: inline-block; background-image: url(../images/tool.png); background-repeat: no-repeat; width: 32px; height: 32px; } .head .tool .dropdown li.dp1 a > i { background-position: -44px -5px; } .head .tool .dropdown li.dp2 a > i { background-position: -83px -5px; } .head .tool .dropdown li.dp3 a > i { background-position: -172px -5px; } .head .tool .dropdown li.dp4 a > i { background-position: -42px -47px; } .head .tool .dropdown li.dp5 a > i { background-position: -83px -47px; } .head .tool .dropdown li.dp6 a > i { background-position: -216px -48px; } .head .tool .dropdown li.dp7 a > i { background-position: -42px -88px; } .head .tool .dropdown li.dp8 a > i { background-position: -216px -88px; } .head .tool .dropdown li.dp9 a > i { background-position: -84px -88px; } .head .tool .dropdown li.dp10 a > i { background-position: -44px -130px; } .head .tool .dropdown li.dp11 a > i { background-position: -87px -128px; } .head .tool .dropdown li.dp12 a > i { background-position: -216px -128px; } .head .tool .dropdown li.dp13 a > i { background-position: -44px -170px; } .head .tool .dropdown li.dp14 a > i { background-position: -88px -170px; } .head .tool .dropdown li.dp1:hover a > i { background-position: -4px -5px; } .head .tool .dropdown li.dp2:hover a > i { background-position: -128px -5px; } .head .tool .dropdown li.dp3:hover a > i { background-position: -215px -5px; } .head .tool .dropdown li.dp4:hover a > i { background-position: -2px -47px; } .head .tool .dropdown li.dp5:hover a > i { background-position: -128px -47px; } .head .tool .dropdown li.dp6:hover a > i { background-position: -173px -49px; } .head .tool .dropdown li.dp7:hover a > i { background-position: -2px -88px; } .head .tool .dropdown li.dp8:hover a > i { background-position: -173px -90px; } .head .tool .dropdown li.dp9:hover a > i { background-position: -127px -88px; } .head .tool .dropdown li.dp10:hover a > i { background-position: -4px -130px; } .head .tool .dropdown li.dp11:hover a > i { background-position: -129px -128px; } .head .tool .dropdown li.dp12:hover a > i { background-position: -173px -128px; } .head .tool .dropdown li.dp13:hover a > i { background-position: -4px -170px; } .head .tool .dropdown li.dp14:hover a > i { background-position: -131px -170px; } .head .tool .dropdown li.dp15,.head .tool .dropdown li.dp16,.head .tool .dropdown li.dp5,.head .tool .dropdown li.dp6,.head .tool .dropdown li.dp7,.head .tool .dropdown li.dp8,.head .tool .dropdown li.dp9,.head .tool .dropdown li.dp10,.head .tool .dropdown li.dp11,.head .tool .dropdown li.dp12,.head .tool .dropdown li.dp13,.head .tool .dropdown li.dp14{ border-top: 1px solid #ebebeb; margin-top: 0px; padding-top: 20px; } .head .login { position: relative; cursor: pointer; } .head .login .login_up { position: relative; margin-right: 10px; padding: 0 10px; } .head .login .login_up:hover i.toolUp { background-position: -4px -19px; } .head .login:hover .login_up { background-color: #fff; } .head .login .login_up:hover span { color: #ff7500; } .head .login .login_up span > i { position: absolute; top: 1px; } .head .login .dropdown { display: none; width: 100px; height: auto; background-color: #fff; box-shadow: 0 0 5px #f2f2f2; position: absolute; text-align: center; left: 0px; top: 39px; z-index: 40; } .head .login .dropdown li a { display: inline-block; width: 100%; } .head .login .dropdown li:hover { background-color: #1890ff; color: #fff; cursor: pointer; } .head .login .dropdown li:hover a { color: #fff; } .head .web { width:95px; overflow:hidden; } .head .web .login_up { padding: 0 8px; } .p_menu { display: inline-block; width: 12px; height: 14px; background-position: -21px -29px; margin: 0px 1px 0 0; position: relative; top: 4px; } .head .web:hover .login_up { background-color: #fff; } .head .web .login_up:hover i.toolUp { background-position: -4px -19px; } .head .web .login_up:hover { color: #ff7500; } .head .web .dropdown { display: none; position: absolute; right: 0; width: 100%; background-color: #fff; z-index: 40; padding:30px 0; } .head .web .web_nav { margin-right: 40px; } .head .web .web_nav a.bles:hover { color: #1890ff; } /* .head .web .web_nav a.grays, .head .web .web_nav a.grays:hover { color: #ccc; } */ .head .web .dropdown .w_n_h3 { font-size: 16px; margin-left: 30px; color:#333; } .head .web .web_nav .web_nav_1 { border-left: 1px solid #e6e6e6; padding-left: 30px; font-size: 14px; } .head .web .web_nav:last-child { margin-right: 0; } .head .web .web_nav:last-child .web_nav_1 { border-right: 1px solid #e6e6e6; padding-right: 35px; } .head .web .web_nav .web_nav_1 .w_n_list { margin-right: 45px; } .head .web .web_nav .web_nav_1 .w_n_list:last-child { margin-right: 0; } .w_n_list .w_n_ul li span { color: #000; font-size: 14px; } .w_n_list .w_n_ul li a { font-size: 14px; color: #666; } .edge { position: relative; } .edge .e_1 { height:100px; } .edge .e_1 .toggle_down { display: none; } .edge .e_1 .edge-logo { display: inline-block; position: relative; padding-top: 24px; } .edge .e_1 .edge-logo .years { position: absolute; width: 45px; height: 17px; top: 10px; right: -52px; background: url("../images/years.png") no-repeat; } .edge .e_2 .e_item { float: left; margin-left: 20px; color: #333; height: 100px; } .edge .e_2 .e_list { position: relative; } .edge .e_2 .e_item a { font-size: 16px; line-height: 100px; color: #333; } .edge .e_2 .e_item a > i.menuUp { position: relative; display: inline-block; width: 13px; height: 8px; top: 47px; background-position: -18px -5px; margin-left: 3px; } .edge .e_2 .e_item.curr { color: #2199ee; margin-top: -1px; } .edge .e_2 .e_item.curr .e_i_1 { color: #1890ff; } .edge .e_2 .e_item .list_up { position: relative; } .edge .e_2 .e_item .list_about { display: none; position: absolute; top: 100px; left: -9px; z-index: 50; background-color: #fff; width: 97px; height: auto; text-align: center; } .edge .e_2 .e_item .list_about li { border-top: 1px solid #e6e6e6; } .edge .e_2 .e_item .list_about li:first-child { border-top: none; } .edge .e_2 .e_item .list_about .list_a { line-height: 36px; display: inline-block; width: 100%; font-size: 15px; } .edge .e_2 .e_item:hover a.e_i_1 { color: #1890ff; } .edge .e_2 .e_item:hover a > i.menuUp, .edge .e_2 .e_item.curr a > i.menuUp { background-position: -3px -5px; } .edge .e_2 .e_item .list_about li:hover .list_a { background-color: #1890ff; color: #fff; } .edge .e_2 .e_item .list_down { display: none; position: absolute; background: #fff; width: 100%; z-index: 1111; left: 0; border-top: 1px solid #ebebeb; padding: 15px 0 20px; } .list_down .nav_list .nav_li_1 .nav_li_span span { line-height: 35px; font-size: 16px; color: #333; font-weight:600; } .list_down .nav_list .nav_ser { margin-right: 73px; } .list_down .nav_list .nav_ser:last-child { margin-right: 0; } .list_down li.nav_li_at { margin-top: 10px; } .list_down .nav_list .nav_li_1 .nav_li_a a { line-height: 30px; font-size: 16px; color: #666; } .list_down .nav_list .nav_li_1 .nav_li_a span > a { color: #333; } .list_down .nav_list .nav_li_1 .nav_li_a a.bles:hover { color: #1890ff; } /* .list_down .nav_list .nav_li_1 .nav_li_a a.grays, .list_down .nav_list .nav_li_1 .nav_li_a a.grays:hover { color: #ccc; } */ .edge .down { display: none; } @media (max-width: 767px) { .edge { position: relative; padding-bottom: 0.4rem; border-bottom: 1px solid #ddd; } .edge .e_1 { width: 100%; } .edge .e_1 .toggle_down { display: block; position: absolute; width: 1.5rem; height: 1.5rem; background: url("../images/menu_toggle.png") no-repeat transparent center center; background-size: 1rem; border: none; top: 0.3rem; right: 0px; } .edge .e_1 .edge-logo { width: 5.1rem; height: 1.7rem; padding-top: 0.4rem; } .edge .e_1 .edge-logo img { width: 100%; } .edge .e_1 .edge-logo .years { top: 0.4rem; right: -1.3rem; width: 1.2rem; height: 0.5rem; background-size: 1.2rem; } .edge .e_1 .edge-logo sup { font-size: 12px; right: -110px; top: 1.1rem; } .edge .down { position: absolute; left: 0; top: 2.3rem; width: 100%; z-index: 50; background-color: #fff; padding-left: 0.7rem; padding-right: 0.7rem; } .edge .down .item { margin-bottom: 0.3rem; } .edge .down .item .toLink { display: block; padding: 5px 1.2em; color: #666666; border-bottom: 1px dashed #ccc; margin: 2px 0; padding: 5px 0 1px; line-height: 154%; font-size: 0.6rem; } .edge .down .item .toLink.active { color: #2199ee; } } @media (max-width: 767px) and (min-width: 548px) { .edge .e_1 .edge-logo sup { font-size: 0.35294118rem; right: -3.17647059rem; top: 1.2rem; } } .paginationBox { margin-top: 20px; height: 36px; } @media (max-width: 767px) { .paginationBox { margin-top: 0.8rem; height: 1.3rem; } } .count { color: #999; font-size: 12px; line-height: 36px; } @media (max-width: 767px) { .count { display: none; } } .pagination > li { display: inline; } .pagination > li > a { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #999999; margin-left: 5px; } .pagination > li.active > a { border: 1px solid #dddddd; background-color: #2199ee; color: #fff; } @media (max-width: 767px) { .pagination { width: auto; margin-left: -0.44rem; float: none; } .pagination > li > a { padding: .04rem .24rem; line-height: 1.42857143; margin-left: 0.2rem; font-size: 0.65rem; } .pagination > li.active > a { border: 1px solid #dddddd; background-color: #2199ee; color: #fff; } } .fo_foot { background-color: #f2f2f2; padding: 40px 0; color: #666; padding-bottom: 100px; } .foot_top .foot_l { width: 400px; height: 220px; } .infor_tell_img { height: 58px; padding-top: 4px; } .foot_top .foot_l .infor_tell .infor_tell_p p { font-size: 18px; line-height: 29px; color: #333; margin-left: 14px; font-weight:bold; } .infor_addr, .infor_time { color: #666; font-size: 14px; margin-top: 10px; } .infor_time p { font-size: 15px; line-height: 20px; } .infor_addr p { line-height: 23px; } .foot_r { margin-left: 90px; } .foot_r .foot_ul { margin-right: 38px; } .foot_r .foot_ul:last-child { margin-right: 0; } .foot_r .foot_ul .f_11_h { font-size: 16px; color: #333; line-height: 28px; margin-bottom: 4px; font-weight:bold; } .foot_r .foot_ul a.f_11_a { font-size: 14px; color: #666; line-height: 24px; } .foot_r .foot_ul a.f_hover:hover { color:#0af; /* text-decoration:underline; */ } .fo_foot .foot_bottom { margin-top: 17px; padding-top: 12px; border-top: 1px solid #d9d9d9; } .fo_foot .foot_bottom .c_1 { font-size: 14px; color: #666; margin-bottom: 30px; } .fo_foot .foot_bottom .foot_cre li { margin-right: 15px; } .foot_bottom .foot_infor { margin-top: 33px; } .foot_bottom .foot_infor ul > li { position: relative; margin-left: 15px; cursor: pointer; width: 42px; height: 42px; } .info_line { background-image: url(../images/weixin.png); background-repeat: no-repeat; width: 42px; height: 42px; } .foot_bottom .foot_infor ul > li .sideToggles { position: absolute; top: -177px; left: -58px; display: none; } .foot_bottom .foot_infor ul > li .shouji { left: -60px; } .wechat { background-position: -3px -1px; } .weibo { background-position: -4px -48px; } .phone { background-position: -1px -94px; } .foot_infor ul > li:hover .wechat { background-position: -52px -2px; } .foot_infor ul > li:hover .weibo { background-position: -53px -48px; } .foot_infor ul > li:hover .phone { background-position: -53px -94px; } .sideLeft { position: fixed; /* top: 250px; */ right: 4px; z-index: 1000; width: 106px; height: auto; text-align: center; } .sideLeft li { cursor: pointer; width: 105px; position: relative; background: #fff; overflow: hidden; font-size: 15px; color: #555; } .sideLeft li .sideToggle { position: absolute; display: none; z-index: 55; } .sideLeft .tell { color: #fff; background-color: #1890ff; height: 48px; line-height: 48px; border-top-left-radius: 7px; border-top-right-radius:7px; } .sideLeft li .sL_2 { margin: 0 6px; border-top: 1px solid #ebebeb; } .sideLeft li:nth-child(2) .sL_2 { border-top: none; } .sideLeft li .sL_2 p { margin-top: 2px; } .sideLeft .phonepng, .sideLeft .wechat, .sideLeft .shouji, .sideLeft .jianyi { border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; } .sideLeft .phonepng, .sideLeft .wechat { height: 114px; } .sideLeft .phonepng { padding-top: 10px; } .sideLeft .phonepng, .sideLeft .wechat { color: #1890ff; font-size: 14px; } .sideLeft .wechat .sL_2 { padding-top: 10px; } .sideLeft .shouji, .sideLeft .jianyi { height: 38px; line-height: 32px; font-size: 14px; } .sideLeft .jianyi { border-bottom: 1px solid #e6e6e6; margin-bottom: 13px; } .sideLeft .shouji img { margin-top: 13px; margin-right: 3px; margin-left: 8px; } .sideLeft .jianyi .sL_2 .sL_2_l { width: 28px; height: 100%; border-right: 1px solid #e6e6e6; padding-top: 3px; padding-right: 0; } .sideLeft .jianyi .sL_2 .sl3 { border-right: none; padding-top: 5px; padding-left: 3px; } .sideLeft .jianyi .sL_2 .sl2 { width: 30px; padding-top: 3px; } .sideLeft .return { display: none; border: 1px solid #ebebeb; padding:5px 0; height: 48px; } .sideLeft .return p { color: #555; } .grayMask { display: none; position: fixed; _position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 5000; background-color: rgba(10, 10, 10, 0.498039); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d000000,endColorstr=#4d000000); } .frameMask { display: none; width: 578px; height: 331px; background: #fff; border-radius: 5px; z-index: 5010; position: fixed; top: 0; } .frameMask .frame_t { height: 60px; line-height: 60px; border-bottom:1px solid #f2f2f2; padding: 0 20px; } .frameMask .frame_div_img { margin-top: 19px; margin-right: 5px; background-repeat:no-repeat; background-position:center 0; width:260px; height:248px; } .frameMask .frame_div .tell { display:inline-block; width:24px; height:24px; background-repeat:no-repeat; background-position:center 0; margin-top:19px; } .frameMask .frame_div .tell2 { background-image:url('../images/tell2.png'); } .frameMask .frame_div .tell3 { background-image:url('../images/icon_tsjy.png'); margin-top: 21px; margin-right: 2px; } .frameMask .weixin { background-image:url("../images/weixin.jpg"); } .frameMask .xlwb { background-image:url("../images/xlwb.jpg"); } .frameMask .gfAPP { background-image:url("../images/gfAPP.jpg"); } .frameMask .frame_div p { color: #333; } .frameMask .frame_span { cursor: pointer; margin-right: 15px; background-image:url("../images/Close.png"); width:23px; height:23px; display:inline-block; background-repeat:no-repeat; background-position:center 0; margin-top:17px; } .frame_b .f_input { margin: 60px 50px; } .frame_b .f_input span { color: #333; } .frame_b .f_input span > b { color: #ff0015; } .frame_b .f_input input { width: 319px; height: 45px; border:1px solid #f2f2f2; padding: 10px; } .frame_b .f_b { text-align: center; background:#1890ff; color: #fff; margin:0 auto; width: 290px; height: 50px; line-height: 50px; border-radius: 20px; cursor: pointer; letter-spacing: 3px; font-size: 18px; } .suMask { height: 400px; /* top: 181px !important; */ } .suMask .t_input { margin: 20px; } .p_center { text-align: center; font-size: 13px; color: #666; margin-top: 13px; } .suMask .t_input textarea { width: 522px; height: 145px; font-size: 14px; resize: none; padding: 10px; border: 1px solid #f2f2f2; margin-bottom: 15px; } .suMask .t_input .sp_tell { display: inline-block; line-height: 45px; text-align: center; height: 45px; width: 108px; background-color: #f2f2f2; margin-right: 0; } .suMask .t_input .in_tell { width: 412px; border:1px solid #f2f2f2; } .suMask .t_input textarea::-webkit-input-placeholder, .frame_b .f_input input::-webkit-input-placeholder { color:#999; font-size:14px; } .t_input .oh { padding: 4px; } .imgMask { background-color: #fff; width: 265px; height: 310px; top: -100px ; left:0; position:fixed; margin: auto; } .imgMask .frameImg { display: inline-block; position: absolute; bottom: -44px; left: 124px; width:32px; height:32px; background-image:url('../images/Close2.png'); background-repeat:no-repeat; background-position:center 0; } .tchu { text-align: center; } .tchu a:hover { color: #1890ff; } @media (max-width: 767px) { body { overflow-x: hidden; } } .free { width: 100%; height:0; background-color: rgba(235,235,235,.95); position: fixed; bottom: 0; left: 0; z-index: 1111; overflow: visible !important; } .free_k { position: relative; display: none; height: 100%; } .free_k .free_img { position: absolute; left: 127px; top: -40px; }.free_k .free_p { margin-left: 420px; line-height: 50px; color: #666; font-size: 20px; letter-spacing: 5px; } .free_k .free_p span { font-size: 36px; position: relative; color: #1890ff; top: 6px; } .free_k .free_a { display: inline-block; /* width: 162px; height: 35px; line-height: 35px; background-color: #1890ff; color: #fff; border-radius: 20px; text-align: center; */ margin-top: 15px; margin-left: 28px; } .free_k .free_a img { position: relative; top: 0px; margin-right: 5px; } .free_k .free_a:hover { color: #fff; } .free_k .free_close { margin-left: 70px; font-size: 32px; } .free_k .free_close span { line-height: 60px; cursor: pointer; } .btn_k { position: fixed; top: 30px; left: 0; right: 0; bottom: 0; margin: auto; width: 204px; height: 153px; border-radius: 10px; background-color: rgba(0,0,0,.7); text-align: center; padding: 30px; color: #fff; z-index: 1111 } .btn_k p { line-height: 35px; }