video { object-fit: cover }
.waponly { display: none }
body>div { max-width: 100vw; overflow: hidden }
.i_ttl { text-align: center; margin-bottom: 30px }
.h2_sct_ttl { display: inline-block; font-size: 32px; color: #333; padding: 0 45px; margin: 0 auto; line-height: 1.1; font-weight: 400; position: relative }
.h2_sct_ttl + p { margin-top: 16px; margin-bottom: 0; color: #7B7B7B; font-size: 16px }
.h2_sct_ttl:after { background-position: right 11px }
.h2_sct_ttl+.fbt { color: #c3c3c3; font-size: 20px; font-weight: bold; line-height: 60px; padding: 0 25px; text-transform: uppercase }
.white .h2_sct_ttl { color: #fff }
.white .h2_sct_ttl:after { background-position: right -159px }
.white .fbt { color: #fff }
.ban img { visibility: hidden; width: 100%; min-width: 1920px; max-width: none }
#location { padding: 0 30px 0 23px; background: url(/hanxin/pic/bg_lct.png) no-repeat left }
#location * { font-size: 16px; color: #666; font-weight: 400 }
#location a:hover { color: #B41017 }
#submenu { margin: 0 0; padding: 0; background: #ffffff; border-bottom: 1px solid #EAEAEA }
#submenu .box > a { display: none }
#submenu ul { width: 100%; text-align: center; margin-top: 0 }
.submenu_search #submenu ul { text-align: left }
.submenu_search #submenu { display: inline-block; margin: 0 auto; text-align: left }
.submenu_search { text-align: center }
.submenu_search #submenu  li:first-child { margin-left: 0 }
.submenu_search #submenu li { text-align: center; padding: 0 10px }
#submenu.submenu_yx { border: none; top: 287px; position: relative; background: transparent; z-index: 999 }
#submenu.submenu_yx ul { border-radius: 6px; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.06); background: #fff; justify-content: space-between; display: flex; overflow: hidden }
#submenu.submenu_yx ul li { flex: 1 0 auto; margin: 0; transition: all .3s }
#submenu.submenu_yx ul li.active, #submenu.submenu_yx ul li:hover { background: #0052D9; border: none }
#submenu.submenu_yx ul li.active a, #submenu.submenu_yx ul li:hover a { color: #fff }
#submenu ul li.active a { color: #0052D9 }
#submenu ul li a { font-size: 16px }
#submenu ul li a i { display: inline-block; vertical-align: middle; position: relative; top: -2px; margin-right: 10px }
#submenu ul li a { padding: 0; transition: all .3s }
#menu_left { width: 270px; border: 1px solid rgba(240, 240, 240, 1); padding: 0 25px 45px; margin-bottom: 60px; position: relative }
#menu_left .h2 { margin: 0 -25px 10px; line-height: 64px; font-size: 18px; color: #030303; position: relative; padding: 0 25px; border-bottom: 1px solid rgba(223, 229, 234, 1) }
#menu_left .a_collapse { position: absolute; right: 25px; top: 26px; z-index: 99 }
#menu_left .a_collapse span { display: block; width: 16px; height: 1px; background: #999; margin-bottom: 4px }
#menu_left .menu_depth1 li { padding-left: 13px }
#menu_left .menu_depth1 li a { line-height: 36px; position: relative; color: #535353; user-select: none }
#menu_left .menu_depth1 li a:hover { color: #0052D9 }
#menu_left .menu_depth1 li { min-height: 36px }
#menu_left .menu_depth1>li ul { display: none }
#menu_left .menu_depth1 li.open> ul { display: block }
#menu_left .menu_depth1>li>a { font-size: 16px }
#menu_left li.haschild>a:before { content: ""; display: block; position: absolute; width: 0; height: 0px; top: 5px; left: -15px; border: 5px solid transparent; border-left-color: #848484 }
#menu_left li.haschild.open>a:before { border-left-color: transparent; border-top-color: #848484; top: 8px; left: -17px }
#menu_left a:hover { color: #0052D9 }
#menu_left .haschild { position: relative }
#menu_left .haschild>a { color: red }
#menu_left .menu_depth2>li>a { font-size: 14px }
#menu_left .menu_depth2 { margin-bottom: 15px }
#menu_left .active>a { color: #0052D9 !important }
#menu_pop { position: absolute; top: 0; left: calc(100% - 50px); padding-left: 50px; padding-bottom: 30px; padding-right: 20px; z-index: 88; display: none; background: #fff }
#menu_pop .in { width: 844px; background: rgba(255, 255, 255, 1); box-shadow: 6px 12px 7px 0px rgba(71, 71, 71, 0.1); padding: 36px 52px; padding-right: 0; margin-left: 1px; border: 1px solid #d4d4d4 }
#menu_pop .items { display: flex; flex-wrap: wrap; justify-content: flex-start; height: 600px; overflow-y: scroll; color: rgba(0, 0, 0, 0.051); transition: all .3s }
#menu_pop .items::-webkit-scrollbar, #menu_pop .items::-webkit-scrollbar-thumb { width: 26px; border-radius: 13px; background-clip: padding-box; border: 10px solid transparent }
#menu_pop .items::-webkit-scrollbar-thumb { box-shadow: inset 0 0 0 10px }
#menu_pop .items:hover { color: rgba(0, 0, 0, 0.1) }
#menu_pop .item { flex: 0 0 calc(33%); padding-right: 50px }
#menu_pop .item .h3 { font-size: 16px; color: #333; padding-bottom: 12px; border-bottom: 1px solid #DBDBDB; margin-bottom: 20px }
#menu_pop li { min-height: 28px }
#menu_pop a { color: #7B7B7B }
#menu_pop a:hover { color: #0052D9 }
.help_list { padding-top: 25px }
.help_list ul { margin-bottom: 30px; border-bottom: 1px solid rgba(235, 235, 235, 1) }
.help_list ul li { min-height: 69px; display: flex; align-items: center; border-top: 1px solid rgba(235, 235, 235, 1) }
.help_list ul li.tmphide { display: none }
.help_list ul a { color: #535353; font-size: 16px; line-height: 1.6 }
.help_list ul a:hover { color: #0052D9 }
#pagelist { margin: 50px auto 50px }
#pagelist  a:hover, #pagelist  .current { color: #fff; border-color: #0052D9; background: #0052D9 }
#pagelist > span.pageinfo { display: none }
#pagelist > span, #pagelist a { line-height: 30px; display: inline-block; height: 32px; min-width: 12px; margin: 0 5px; padding: 0 10px; transition: all .2s; color: #666; font-size: 14px; border: 1px solid rgba(213, 213, 213, 1); background: #fff; text-align: center }
#footer { background: #212121; overflow: visible }
.friendslinks .con>span { font-size: 14px; color: #fff; margin-right: 10px }
.friendslinks .con>span~a { color: #717171; display: inline-block; margin: 0 0 12px; margin-right: 30px }
.friendslinks .con>span~a:hover { color: #fff }
.copyright { padding: 28px 0; border-top: 1px solid #383838 }
.copyright * { font-size: 12px; color: #717171 }
.copyright a:hover { color: #fff }
.copyright .pp { margin-top: 15px }
.copyright .pp * { font-size: 16px }
.copyright .pp span { color: #fff; margin-right: 14px }
.copyright .pp a {display: inline-block;margin-right: 20px;color: #717171;margin-bottom: 10px;}
.copyright .pp a:hover { color: #fff }
.hdl_submenu ul { margin-top: 15px; text-align: center }
.hdl_submenu li { display: inline-block; font-size: 16px; margin: 0 25px -1px; line-height: 60px; color: #666666; cursor: pointer }
.hdl_submenu .slick-active, .hdl_submenu .active { color: #0052D9; border-bottom: 3px solid #0052D9 }
#searchbar { height: 150px; padding-top: 0; background: #454545; width: 100%; margin: 0 auto; padding-left: 30px; padding-right: 30px }
#searchbar.searchbar3 { background: transparent; padding-left: 0; padding-top: 10px }
#searchbar.searchbar3 form { padding-left: 0 }
#searchbar.searchbar3 .reci, #searchbar.searchbar3 .reci * { color: #666; line-height: 1.9 }
#searchbar.searchbar3 .reci a:hover { color: #0052D9 }
.resultlist .searchresult { padding: 15px 0 }
.searchresult:last-child { border-bottom: 1px solid rgba(229, 229, 229, 1) }
.resultlist .searchresult>a { font-size: 18px; line-height: 1.8 }
.resultlist .sinfo { margin-top: 10px }
.resultlist .kw { color: #FF0000 }
.resultlist .source1 { color: #999 }
.resultlist .source1 a { color: #999 }
.resultlist .pagelists { text-align: left }
.ban #searchbar { height: auto; background: transparent; display: block; margin-top: 13px }
.reci { font-size: 13px; color: #fff; margin-top: 20px }
.reci a { color: #fff; margin-right: 15px }
.ban #searchbar .form_search { padding: 0; width: 720px; margin: 0 auto }
#site-map { height: 400px }
.pagelists { padding: 30px 0px 0px; text-align: center; border-top: 1px solid #EAEAEA; margin: 30px -32px 0 }
.pagelists .all { padding-left: 20px }
.pagelists .grp { display: inline-block }
.pagelists li { transition: all .3s; color: #333; outline: 0px; border: 1px solid #d4d6dd; border-radius: 2px; margin: 0 3px; display: inline-block; padding: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.pagelists li a, .pagelists li >span, .pagelists .thisclass, .pagelists li:first-child { display: inline-block; margin: 0; padding: 5px 12px; text-indent: 0; vertical-align: middle; font-size: 14px; transition: all .3s; border-radius: 2px }
.pagelists li:first-child { }
.pagelists li:first-child+.thisclass { margin-left: 4px }
.pagelists li:first-child a { padding: 0; border: none; line-height: 1 }
.pagelists li:hover, .pagelists .thisclass { background: #0052D9; color: #fff; border-color: #0052D9; text-decoration: none }
.pagelists li:hover a { color: #fff; text-decoration: none }
.pagelists .pagelink.active, .pagelists .pagelink:hover { background: #0052D9; color: #fff; border-color: #0052D9 }
#searchbar p.fl { margin: 0; margin-top: 0; color: #fff; background: #363636; display: flex; height: 150px; width: 230px; align-items: center; justify-content: center }
#searchbar .t { width: 130px; height: 39px; background: rgba(0, 82, 217, 1); display: block; text-align: center; color: #fff; font-size: 14px; line-height: 39px }
#searchbar .inp02 { border: none; background: #0052D9; color: #fff; height: 50px; margin-left: -5px; width: 170px; text-align: center; letter-spacing: 2px; font-size: 16px }
#searchbar.searchbar3 .inp02 { width: 100px }
#searchbar .inp01 { line-height: 47px; border: none; padding-left: 12px; width: calc(100% - 170px); font-size: 16px }
#searchbar.searchbar3 .inp01 { border: 1px solid rgba(236, 236, 236, 1) }
.ban #searchbar .inp01 { font-size: 14px; width: calc(100% - 94px) }
.ban #searchbar .inp02 { width: 94px; font-size: 14px }
#searchbar .form_search { width: calc(100% - 230px); padding-top: 30px; padding-left: 33px }
#searchbar .cover { width: 100%; height: 100%; position: absolute; left: 0; top: 0 }
#searchbar + .sct_num { padding-top: 0px }
.crumbs { color: #7B7B7B }
.crumbs a { color: inherit }
.crumbs a:hover { color: #0052D9 }
.body_index #sitenavbar { width: 100%; position: absolute; top: 6px; z-index: 999 }
#mem { margin-top: 22px }
#mem a { color: #7b7b7b; display: inline-block; padding: 0 12px; margin-left: 5px; vertical-align: middle; font-size: 14px; line-height: 30px; transition: all .3s; border-radius: 4px }
#mem a.register { background: #0052d9; color: #fff }
.body_index #mem a { color: #fff }
#mem a:hover { background: #2e7dff; color: #fff }
#mem a:first-child:hover { background: #0052d9 }
#header .s2 { color: #fff }
#header ul.navbar-nav.nav a:hover { }
@keyframes move {
    0% { width: 0% }
    100% { width: 100% }
}
@keyframes move {
    0% { width: 0% }
    100% { width: 100% }
}
#ban_index { background: #7149e7; margin-top: -68px }
#ban_index .a1:hover { background: #0052D9; color: #fff; border-color: #0052D9 }
#ban_index .txt { }
#ban_index .a1 { display: inline-block; width: 142px; border: 1px solid #fff; line-height: 40px; margin: 25px auto 0; font-size: 15px; transition: all .3s; text-align: center }
#ban_index { background: #543adb; position: relative; z-index: 66; overflow-x: unset; max-width: none }
#ban_index .con { position: relative }
#ban_index .inner { width: 100%; display: inline-block; position: relative; overflow: hidden; padding: 0; margin: 0; line-height: 1.3 }
#ban_index .in { position: absolute; width: 100%; top: 0; left: 0; height: 100%; z-index: 444 }
#ban_index .img { display: block; background: transparent no-repeat center; position: absolute; left: 0; top: 0; z-index: 33; height: 100%; width: 100% }
#ban_index .img img { width: auto; height: auto }
#ban_index .txt { }
#ban_index .in * { color: #fff; border-color: #fff }
#ban_index .in .container { margin-top: calc(100% * 480 / 1920 - 400px); margin-top: calc(7% + 30px) }
#ban_index .in .t { font-size: 38px }
#ban_index .s { font-size: 20px; color: #fff; line-height: 33px; margin-bottom: 30px }
#ban_index .linkmore { border-radius: 0; font-size: 15px; width: 140px }
#ban_index .linkmore:hover { border-color: #0051d8; background: #0051d8 }
#ban_index .dots { position: absolute; left: 50%; bottom: 30px; margin-left: -42px; width: 84px }
#ban_index .dots li { width: 34px; height: 3px; background: #fff; display: inline-block; margin: 0; margin-right: 8px; cursor: pointer }
#ban_index .dots li.slick-active { position: relative }
#ban_index .dots li.slick-active:after { animation: move 5.5s linear; content: ""; display: block; position: absolute; width: 0px; height: 100%; top: 0; left: 0; background: #2e7dff }
#ban_index .nav2 { position: absolute; top: 29px; left: 0 }
#ban_index .nav2 .p1 span { color: #fff }
#ban_index .nav2 li { width: 240px; height: 86px; margin-bottom: 10px; padding: 18px 18px 0; background: #242A37 no-repeat right bottom }
#ban_index .nav2 li:nth-child(1) { background-image: url(/hanxin/pic/nva2bg_1.png) }
#ban_index .nav2 li:nth-child(2) { background-image: url(/hanxin/pic/nva2bg_2.png) }
#ban_index .nav2 li:nth-child(3) { background-image: url(/hanxin/pic/nva2bg_3.png) }
#ban_index .nav2 li:nth-child(4) { background-image: url(/hanxin/pic/nva2bg_4.png) }
#ban_index .p1 { font-size: 38px; font-weight: 400 }
#ban_index .ban2 .p1 { text-align: center }
#ban_index .p1 { font-size: 16px; margin-top: 0 }
#ban_index .p2 { line-height: 30px }
#ban_index .ban2 .p2 { text-align: center }
#ban_index .p2 .t a { color: #C6C9CE; font-size: 12px; margin-right: 10px }
#ban_index .p2 .t a:hover { color: #fff }
#ban_index .nav2 .p2 a:hover { color: #fff }
#ban_index .ban { position: relative }
#ban_index img { visibility: hidden; width: 100%; max-width: 100vw }
#ban_index h4 img { visibility: visible; width: auto; min-width: 1px }
#ban_index .sname { font-family: Microsoft YaHei UI; font-size: 40px; font-weight: 400; line-height: 1; position: absolute; z-index: 4; top: 24%; right: 0; display: inline-block; width: fit-content; width: 100%; text-align: center; white-space: normal; letter-spacing: 7px; text-transform: uppercase; word-break: break-word; color: #fff }
#ban_index h2 { font-size: 48px; font-weight: 400; font-weight: 400; position: absolute; top: 100px; left: 50%; width: 1200px; margin-left: -600px; text-align: center; letter-spacing: 4px; color: #333 }
#ban_index h4 { font-size: 30px; font-weight: 100; position: absolute; top: 202px; left: 0; width: 100%; margin: 0 auto; padding: 0; text-align: center; letter-spacing: 4px }
#ban_index h4 .dot { display: inline-block; width: 8px; height: 8px; margin: 0 11px 2px 10px; vertical-align: middle; border-radius: 100px; background: #B41017 }
#ban_index .txt { }
#ban_index .ban2 .p1 { margin: 30px 0 0 }
#ban_index .ban { margin-top: -62px }
#ban_index .txt { }
#pageban .a1:hover { background: #0052D9; color: #fff; border-color: #0052D9 }
#pageban .txt { position: absolute; top: 50%; width: 1200px; left: 50%; min-height: 200px; margin-left: -600px; top: 100px; margin-top: 0 }
#pageban .ban2 .txt { padding-top: 40px }
#pageban .a1 { display: inline-block; width: 142px; border: 1px solid #fff; line-height: 40px; margin: 25px auto 0; font-size: 15px; transition: all .3s; text-align: center }
#pageban { }
#pageban .con { position: relative }
#pageban .inner { position: relative; height: 430px }
#pageban .img { display: inline-block; background: transparent no-repeat center; position: absolute; right: 0; top: 15px }
#pageban .img img { width: auto; height: auto; max-width: none; min-width: 0 }
#pageban .in { width: 440px; position: absolute; top: 70px; left: 290px; text-align: left }
#pageban .in * { color: #fff; border-color: #fff }
#pageban .in .t { font-size: 38px }
#pageban .s { font-size: 18px; color: #c4c4c4; line-height: 30px; margin-bottom: 30px }
#pageban .linkmore { border-radius: 0; font-size: 15px }
#pageban .linkmore:hover { border-color: #0052D9 }
#pageban .dots { position: absolute; left: 290px; top: 310px }
#pageban .dots li { width: 34px; height: 3px; background: #fff; display: inline-block; margin: 0; margin-right: 8px; cursor: pointer }
#pageban .dots li.slick-active { position: relative }
#pageban .dots li.slick-active:after { animation: move 5s; content: ""; display: block; position: absolute; width: 0px; height: 100%; top: 0; left: 0; background: #0052D9 }
#pageban .nav2 { position: absolute; top: 29px; left: 0 }
#pageban .nav2 .p1 span { color: #fff }
#pageban .nav2 li { width: 240px; height: 86px; margin-bottom: 10px; padding: 18px 18px 0; background: #242A37 no-repeat right bottom }
#pageban .nav2 li:nth-child(1) { background-image: url(/hanxin/pic/nva2bg_1.png) }
#pageban .nav2 li:nth-child(2) { background-image: url(/hanxin/pic/nva2bg_2.png) }
#pageban .nav2 li:nth-child(3) { background-image: url(/hanxin/pic/nva2bg_3.png) }
#pageban .nav2 li:nth-child(4) { background-image: url(/hanxin/pic/nva2bg_4.png) }
#pageban .p1 { font-size: 44px; font-weight: 400 }
#pageban .ban2 .p1 { text-align: center }
#pageban .p2 { line-height: 30px }
#pageban .ban2 .p2 { text-align: center }
#pageban .nav2 .p2 span { color: #C6C9CE; font-size: 12px; margin-right: 10px }
#pageban .nav2 .p2 a:hover { color: #fff }
#pageban .ban { position: relative }
#pageban img { visibility: hidden; width: 100%; min-width: 1920px; max-width: none }
#pageban h4 img { visibility: visible; width: auto; min-width: 1px }
#pageban .sname { font-family: Microsoft YaHei UI; font-size: 40px; font-weight: 400; line-height: 1; position: absolute; z-index: 4; top: 24%; right: 0; display: inline-block; width: fit-content; width: 100%; text-align: center; white-space: normal; letter-spacing: 7px; text-transform: uppercase; word-break: break-word; color: #fff }
#pageban h2 { font-size: 48px; font-weight: 400; font-weight: 400; position: absolute; top: 100px; left: 50%; width: 1200px; margin-left: -600px; text-align: center; letter-spacing: 4px; color: #333 }
#pageban h4 { font-size: 30px; font-weight: 100; position: absolute; top: 202px; left: 0; width: 100%; margin: 0 auto; padding: 0; text-align: center; letter-spacing: 4px }
#pageban h4 .dot { display: inline-block; width: 8px; height: 8px; margin: 0 11px 2px 10px; vertical-align: middle; border-radius: 100px; background: #B41017 }
.body_help #pageban .txt { margin-top: -100px }
#help_mobile { display: none }
.thehf { height: 112px; background: linear-gradient(-90deg, rgba(0, 100, 252, 1), rgba(29, 90, 242, 1)); padding-top: 37px }
.thehf * { color: #fff }
.thehf .con { padding-top: 3px }
.thehf .con2 a { display: inline-block; width: 130px; height: 46px; line-height: 46px; background: url(/hanxin/pic/bg5.png) no-repeat; text-align: center; margin-left: 15px; transition: all .3s }
.thehf .con2 a:hover { background: #fff none; color: #105FF7 }
.thehf2 { background: url(/hanxin/pic/bg4.jpg) no-repeat center/cover }
.thehf2 span { margin-top: 1px; display: inline-block }
.thehf3 { padding-top: 40px }
.thehf3 .con2 { padding-left: 10px }
.thehf3 .con2 a { background: transparent none; width: 115px; height: 35px; border: 1px solid rgba(255, 255, 255, 1); border-radius: 18px; line-height: 33px }
.sct_last { height: 240px; background: #182a4b url(/hanxin/pic/ewt.png) no-repeat right top/cover; padding-top: 65px }
.sct_last A { display: inline-block; margin: 12px auto 0; border-radius: 0; border: 1px solid rgba(255, 255, 255, 0.3); line-height: 44px; padding: 0 25px; color: #fff; width: 170px; height: 45px; border: 1px solid rgba(255, 255, 255, 1) }
.sct_last .p1 { text-align: center; font-size: 28px; color: #fff; margin: 0 auto 18px }
#sct_last .p1 { font-size: 30px; margin-bottom: 10px }
#sct_last div.txtc a { transition: all .3s; font-size: 16px; border-radius: 6px }
#sct_last div.txtc a:hover { border-color: #2e7dff; background: #2e7dff }
#sct_last.sct_last2 div.txtc a:hover { border-color: #2e7dff }
#sct_last.sct_last4 div.txtc  a:hover { background: #fff; color: #0052d9 }
.sct_xz_items { padding-top: 55px }
.sct_xz_items2 { padding-bottom: 0 }
.sct_xz_items .p1 { font-size: 20px; margin-bottom: 10px }
.sct_xz_items .sinfo { font-size: 16px; line-height: 24px }
.sct_xz_items .linkmore { width: 192px }
.sct_xz_items .item1 .img { }
.sct_xz_items .item2 .txt { position: relative; padding-right: 50px }
.sct_xz_items .item3 .txt { }
.sct_xz_items .item3 .img { padding-left: 30px }
.sct_xz_items2 .item2 .txt { top: 38px }
.sct_xz_tezhen .con { text-align: center; background: #fff; padding: 46px 20px 3px; position: relative; border-radius: 20px; transition: all .3s }
.sct_xz_tezhen .con:hover { box-shadow: 0px 0px 18px 0px rgba(61, 61, 61, 0.1) }
.sct_xz_tezhen .p1 { margin-top: 20px }
.sct_changjing div { text-align: center }
.sct_changjing .con { height: 330px; background: rgba(255, 255, 255, 1); border: 1px solid rgba(238, 238, 238, 1); transition: all .3s }
.sct_changjing .con:hover { box-shadow: 0px 0px 20px 0px rgba(35, 24, 21, 0.1) }
.sct_changjing .con:hover .t { color: #0052D9 }
.sct_changjing img { display: block; margin: 40px auto 18px }
.sct_changjing span.t { display: block }
.sct_changjing  ul { margin-top: 20px; text-align: left; display: inline-block }
.sct_changjing li:before { display: inline-block; vertical-align: middle; background: #A9A9A9; width: 4px; height: 4px; border-radius: 50%; content: ""; margin-right: 6px }
.sct_changjing li { font-size: 16px; color: #666; line-height: 29px }
#sct_xz_items { overflow: hidden }
#sct_xz_items UL { }
#sct_xz_items P { }
#sct_xz_items LI { }
#sct_xz_items .item .bg { position: static }
#sct_xz_items H3 { margin: 15px 0 30px }
#sct_xz_items H2 { }
#sct_xz_items DIV { }
#sct_xz_items .txt { padding-top: 30px }
#sct_xz_items .item1 .txt { padding-left: 44px }
#sct_xz_items .item2 .txt { padding-top: 40px; padding-right: 30px }
#sct_xz_items .item3 .txt { }
#sct_xz_items li:first-child .sinfo { margin-bottom: 30px }
#sct_xz_items .item3 { }
#sct_xz_items .item3 .img { padding-left: 0 }
#sct_xz_items .item3 .bg { }
#sct_xz_items .item2 { margin: 100px auto 90px }
#sct_xz_items.sct_xz_items2 .item2 { margin-top: 40px }
#sct_xz_items2 .item2 { margin-top: 0 }
#sct_xz_items .item2 .img { text-align: right }
#sct_xz_items .item2 .bg { }
#sct_xz_items .item1 { }
#sct_xz_items .img img { position: absolute }
#sct_xz_items .item1 .bg { }
#sct_xz_items .p1 { }
#sct_xz_items .img { position: relative }
#sct_xz_items .img1 { }
#sct_xz_items .img2 { left: 0; top: 90px }
#sct_xz_items .img3 { right: 58px; top: 54px }
#sct_xz_items .img4 { left: 60px; top: 334px }
#sct_xz_items .img5 { right: 78px; top: 294px }
#sct_xz_items .img6 { right: 0; top: 124px }
#sct_xz_items .img7 { }
#sct_xz_items .img8 { left: 0; top: 245px }
#sct_xz_items .img9 { right: -20px; top: 87px }
#sct_xz_items .img10 { right: -50px; top: 303px }
#sct_xz_items .img11 { }
#sct_xz_items .img12 { left: -10px; top: 66px }
#sct_xz_items .img13 { right: 52px; top: 64px }
#sct_xz_items .img14 { right: 40px; top: 160px }
#sct_xz_items .img15 { }
#sct_xz_items .img16 { }
#sct_xz_items .i_ttl.i_ttl_r { }
#sct_xz_items .h2_sct_ttl { }
#sct_xz_items .f28 { }
#sct_xz_items .container { }
#sct_xz_tezhen { padding: 60px 0 70px; height: auto }
#sct_xz_tezhen P { }
#sct_xz_tezhen .row>div:nth-child(n+2) IMG { margin-left: 4px }
#sct_xz_tezhen H2 { }
#sct_xz_tezhen DIV { }
#sct_xz_tezhen .row.gutter-40 { }
#sct_xz_tezhen .p2 { line-height: 24px }
#sct_xz_tezhen .p1.f18.c333 { }
#sct_xz_tezhen .img { }
#sct_xz_tezhen .i_ttl.i_ttl_r { margin-bottom: 40px }
#sct_xz_tezhen .h2_sct_ttl { }
#sct_xz_tezhen .con { height: 290px; padding: 46px 58px }
#sct_xz_tezhen .container { }
#sct_xz_gongneng { background: #35374a url(/hanxin/pic/3.png) no-repeat center/cover }
#sct_xz_gongneng P { }
#sct_xz_gongneng IMG { }
#sct_xz_gongneng H2 { }
#sct_xz_gongneng .con:hover .img { transform: translate3d(0px, -10px, 0px) }
#sct_xz_gongneng .row.gutter-40 { }
#sct_xz_gongneng .p2 { color: #979ab4; height: 68px }
#sct_xz_gongneng .p2 .s1 { display: inline-block }
#sct_xz_gongneng .p1.f18.c333 { }
#sct_xz_gongneng .img { transition: all .3s }
#sct_xz_gongneng .i_ttl.i_ttl_r { margin-bottom: 10px }
#sct_xz_gongneng .h2_sct_ttl { color: #fff }
#sct_xz_gongneng .con { background: transparent; text-align: left; color: #fff }
#sct_xz_gongneng .container { }
#sct_changjing { }
#sct_changjing UL { }
#sct_changjing SPAN { }
#sct_changjing LI { }
#sct_changjing IMG { }
#sct_changjing H2 { }
#sct_changjing DIV { }
#sct_changjing .t.f20 { }
#sct_changjing .row.gutter-20.wap-gutter-10 { }
#sct_changjing .i_ttl.i_ttl_r { }
#sct_changjing .h2_sct_ttl { margin: 0px auto 25px }
#sct_changjing .container.txtc { }
#sct_changjing .con.con1 { }
#sct_hangye { }
#sct_hangye UL { }
#sct_hangye P { }
#sct_hangye LI:hover { }
#sct_hangye IMG { }
#sct_hangye H3 { }
#sct_hangye H2 { }
#sct_hangye DIV { }
#sct_hangye A { }
#sct_hangye .row.row2 { }
#sct_hangye .row.row1 { }
#sct_hangye .more { padding-top: 39px }
#sct_hangye .img { }
#sct_hangye .i_ttl.i_ttl_r { }
#sct_hangye .h2_sct_ttl { }
#sct_hangye .f26 { }
#sct_hangye .con { }
#sct_hangye .container { }
#sct_hangye .bor:hover { width: calc(100% + 10px); height: calc(100% + 10px); border: 1px solid #e9e9e9; z-index: 232323; left: -5px; bottom: -5px; top: auto; box-shadow: 0px 0px 20px 0px rgba(40, 38, 38, 0.08) }
#sct_hangye .bor:after { content: ""; width: 100%; height: 100%; border: 10px solid transparent; position: absolute; left: 0; top: 0; display: block }
#sct_hangye .bor:hover:after { border-color: #fff }
#sct_hangye .row2 li { padding-top: 34px }
#sct_hangye .row2 li.blank { display: none }
#sct_hangye .row2 li:last-child .bor { border-right: 1px solid #E9E9E9 }
#sct_hangye .row2 li.more { padding-top: 50px }
.sct_hangye ul { font-size: 0; line-height: 0; margin: 24px 0 20px }
.sct_hangye li.more { }
.sct_hangye li { vertical-align: middle; line-height: 1; display: inline-block; height: 130px; width: calc(1 / 7 * 100%); text-align: center; position: relative; margin-bottom: 0; margin-left: -1px; background: #fff; margin-top: -1px; transition: all .5s; padding-top: 25px; position: relative }
.sct_hangye li:hover+li .bor { }
.sct_hangye .bor { border: 1px solid #E9E9E9; height: 100%; position: absolute; bottom: 0; width: 100%; left: 0; z-index: 10; border-right: none; transition: all .3s; color: #fff }
.sct_hangye .bor:after { transition: all .3s }
.sct_hangye li:nth-child(7n+7) .bor { border-right: 1px solid #E9E9E9 }
.sct_hangye p { font-size: 16px; color: #555; position: relative; z-index: 3; margin-top: 11px }
.sct_hangye .row1 p { margin-top: 20px }
.sct_hangye .img { position: relative; z-index: 3; height: 46px; display: flex; justify-content: center; align-items: center }
.sct_news { padding: 65px 0 }
.sct_news.bggray2 { background: #F7F8FA !important }
.sct_news.bgfff { background: #fff none; padding-bottom: 50px }
.sct_news.bgfff .i_ttl { margin-bottom: 0 }
.sct_news .con UL { line-height: 0; font-size: 0; padding-top: 15px }
.sct_news .con LI { width: calc(50% - 45px); display: inline-block; line-height: 45px; font-size: 16px; color: #666; position: relative; padding-right: 100px; padding-left: 13px; background: url(/hanxin/pic/ar1.png) no-repeat left -13px; border-bottom: 1px dashed #D5D5D5 }
.sct_news .con LI:nth-child(odd) { margin-right: 44px }
.sct_news .con LI:nth-child(even) { margin-left: 45px }
.sct_news .con LI:nth-last-child(1), .sct_news .con LI:nth-last-child(2) { border-color: #fff }
.sct_news .con LI:hover { background-position: left 19px }
.sct_news .con LI a { color: #666 }
.sct_news .con LI a:hover { color: #0052D9 }
.sct_news .time { position: absolute; right: 0; color: #909090 }
.sct_news .i_ttl.i_ttl_r { margin-bottom: 20px }
.sct_news .hdl { border-bottom: 1px solid #ECECEC; margin-bottom: 30px }
#sct_member1 { padding-top: 75px; padding-bottom: 75px; background: #FDFDFE url(/hanxin/pic/bg1.png) no-repeat top center/100% auto }
#sct_member1 UL { padding: 30px 45px 15px }
#sct_member1 .h3 SPAN { flex: 1 1 100%; display: block; width: 100% }
#sct_member1 P { }
#sct_member1 LI { height: 40px }
#sct_member1 IMG { }
#sct_member1 H3 { display: flex; justify-content: center; align-items: center; flex-direction: column; flex-wrap: wrap; height: 160px; color: #fff; border-radius: 20px 20px 0 0; background-image: -moz-linear-gradient(145deg, rgb(163, 173, 191) 0%, rgb(163, 173, 191) 100%); background-image: -webkit-linear-gradient(145deg, rgb(163, 173, 191) 0%, rgb(163, 173, 191) 100%); background-image: -ms-linear-gradient(145deg, rgb(163, 173, 191) 0%, rgb(163, 173, 191) 100%) }
#sct_member1 .col2 h3 { background-image: -moz-linear-gradient(145deg, rgb(33, 114, 247) 0%, rgb(79, 151, 253) 100%); background-image: -webkit-linear-gradient(145deg, rgb(33, 114, 247) 0%, rgb(79, 151, 253) 100%); background-image: -ms-linear-gradient(145deg, rgb(33, 114, 247) 0%, rgb(79, 151, 253) 100%) }
#sct_member1 H2 { }
#sct_member1 DIV { }
#sct_member1 A.use { color: #0052D9; border: 1px solid #0052D9; font-size: 16px; line-height: 40px; display: inline-block; padding: 0 32px; border-radius: 0; transition: all .3s; text-align: center; border-radius: 4px; background-color: rgb(0, 82, 217); width: 303px; height: 43px; color: #fff; margin-bottom: 45px; line-height: 42px }
#sct_member1 A.use.waponly { display: none }
#sct_member1 A.use:hover { background: #2e7dff; border-color: #2e7dff }
#sct_member1 .s3 { }
#sct_member1 .s2 { }
#sct_member1 h3 .s1 { margin-bottom: 10px; font-size: 30px }
#sct_member1 h3 .s2 { margin-top: 10px; font-size: 16px }
#sct_member1 .h3 span { display: block }
#sct_member1 .row.gutter-20.wap-gutter-10 { }
#sct_member1 .price { }
#sct_member1 .p1 { color: #333; font-size: 18px; border-top: 1px dashed #E2E2E2; margin: 0 46px 0; padding: 20px 0 10px; height: 130px }
#sct_member1 .p1 .s1 { font-size: 40px }
#sct_member1 .p1 .s3 { display: block; text-align: center; color: #7b7b7b; font-size: 16px }
#sct_member1 .linkmore.use { }
#sct_member1 .i_ttl.i_ttl_r { }
#sct_member1 .h2_sct_ttl { font-size: 36px }
#sct_member1 .con { border-radius: 20px; box-shadow: 0px 0px 20px 0px rgba(35, 24, 21, 0.1); width: 500px; background: #fff }
#sct_member1 .col1 .con { margin-left: 70px }
#sct_member1 .col2 .con { margin-left: 30px }
#sct_member1 .container.txtc { }
#sct_member1 .col2 { }
#sct_member1 .col1 { }
#sct_member1 li span { font-size: 16px; color: #a6a6a6 }
#sct_member1 li .s1 { float: left }
#sct_member1 li .s2 { float: right; color: #888 }
#sct_member1 .col2 li .s2 { color: #cfa980 }
#sct_member1 .col2 li .s2 img { margin-right: 8px }
#buynow { width: 1200px; margin: 0 auto; background: #ffffff; padding: 45px 50px; display: none; overflow: hidden }
#buynow .h2 { margin-top: 10px; margin-bottom: 15px }
#buynow .p1 .s1 { font-size: 15px; vertical-align: bottom; margin-right: 10px }
#buynow .p1 span.s2 { color: #939393 }
#buynow ul { width: calc(100% + 30px); overflow: hidden; margin-top: 20px }
#buynow li { width: 256px; margin-right: 25px; border: 2px solid #0052D9; float: left; padding: 20px; text-align: center; transition: all .1s; cursor: pointer }
#buynow li p { }
#buynow li .p2 { font-size: 20px; color: #333 }
#buynow li .p3 .s2 { margin-left: 8px }
#buynow li .p3 { margin-top: -3px }
#buynow li .p3+p { }
#buynow .red { color: #F04844 }
#buynow .blue { }
#buynow li:hover, #buynow li.on { background: #0052D9 }
#buynow li:hover *, #buynow li.on * { color: #fff }
#buynow .tiaokuan { padding: 30px 0 }
#buynow .tiaokuan #agree { position: relative; top: 1px; margin-right: 7px }
#buynow .tiaokuan a { }
#buynow .price { margin: 0 -50px; padding: 0 50px; border-top: 1px solid #eee; padding-top: 15px }
#buynow .price span { }
#buynow .price .s1 { }
#buynow .price .s2 { }
#buynow .price .s3 { }
#buynow .price .s3 i { font-style: normal }
#buynow #btn_pay { background-color: rgb(0, 82, 217); width: 156px; height: 51px; display: block; text-align: center; line-height: 50px; color: #fff; border-radius: 100px; font-size: 16px; margin-top: 30px; transition: all .3s }
#buynow #btn_pay:hover { background-color: #2e7dff }
.crumbs { text-align: left; line-height: 60px; padding-left: 20px; background: url(/hanxin/pic/crumb.png) no-repeat left center }
.crumbs a { }
.crumbs a:hover { }
#sct_zhiku_list { padding-top: 0 }
#sct_zhiku_list .i_ttl { text-align: left; margin-bottom: 0; border: 1px solid #EAEAEA; border-bottom: none }
#sct_zhiku_list.sct_zhiku_detail .i_ttl { border: none }
#sct_zhiku_list .h2_sct_ttl { font-size: 28px; text-align: left; line-height: 62px; margin-left: 0; padding-left: 32px }
#sct_zhiku_list.sct_zhiku_detail  .h2_sct_ttl { padding-top: 0; padding-bottom: 10px; font-size: 24px; padding-left: 0; line-height: 1.8 }
#article1 { background: #fff }
.sct_zhiku_detail #article1 { background: transparent }
.articlelinks a { display: inline-block; font-size: 16px; color: #535353; margin: 13px 20px 13px 0 }
.articlelinks a:hover { text-decoration: underline; color: #0052d9 }
.articlelinks { padding: 32px; padding-top: 14px; text-align: left; border: 1px solid #EAEAEA }
.artinfo { padding-bottom: 22px; color: #7b7b7b; font-size: 14px }
.artinfo span { margin-right: 25px }
.articledetail { padding: 0; border: none; padding-top: 5px }
.articledetail .content { font-size: 14px; line-height: 31px; color: #666; padding-top: 20px; padding-bottom: 30px; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA }
.articledetail .content * { color: inherit; font: inherit }
.articledetail .content img { height: auto }
.articledetail .pn { padding-top: 28px }
.articledetail .pn a { margin: 0; font-size: 14px; text-decoration: underline }
.articledetail .prev { margin-bottom: 10px; font-size: 14px }
.articledetail .next { margin: 0 }
.artcopyright { }
.borbox { padding: 32px; padding-top: 14px; text-align: left; border: 1px solid #EAEAEA; margin-top: 20px; background: #fff }
.crumbs+.borbox { margin-top: 0 }
.borbox:first-of-type { margin-top: 0 !important }
.borbox+.borbox { padding-bottom: 10px }
.borbox .d1 { padding: 4px 32px 17px; margin: 0 -32px; font-size: 16px; border-bottom: 1px solid #EAEAEA; color: #333333; font-weight: bold }
.borbox .d2.list1 a { font-size: 14px; color: #666666; line-height: 35px; display: inline-block }
.borbox .d2.list1 a:hover { color: #0052d9 }
.borbox .d2.list1 a:hover:before { background: #0052d9 }
.borbox .d2.list1 a:before { content: ""; display: inline-block; background: #B6B6B6; width: 4px; height: 4px; border-radius: 10px; vertical-align: middle; margin-right: 7px }
.borbox .d2 { padding-top: 22px }
.borbox .d2.list1 { padding-top: 12px; padding-bottom: 10px }
.borbox .d2 p { color: #666666; font-size: 14px; line-height: 2 }
.borbox .d2 >a { }
.borbox .d2 >a:hover { }
.zxtj.borbox { padding-left: 20px; padding-right: 20px; margin-top: 0 }
.zxtj.borbox .d1 { margin-left: -20px; margin-right: -20px; padding: 4px 20px 17px }
.zxtj.borbox .d1 i { display: inline-block; vertical-align: middle; width: 35px; height: 17px; background: url(/hanxin/pic/new.jpg) no-repeat right }
.sct_zhiku_detail  .colr { padding-top: 60px }
.sct_zhiku_detail .colr>div { margin-left: 6px }
.sct_zhiku_detail  .colr #slick_r { }
.sct_zhiku_detail  .colr #slick_r a { }
.sct_zhiku_detail  .colr #slick_r img { }
.sct_zhiku_detail  .colr .slick-dots { position: relative; top: -27px }
.sct_zhiku_detail  .colr .slick-dots li { }
.sct_zhiku_detail  .colr .slick-dots li.slick-active { background: #fff }
.sct_zhiku_detail  .colr .slick-dots li.slick-current { }
.sct_zhiku_detail  .colr .slick-dots li { display: inline-block; width: 10px; height: 2px; margin: 0 4px; background: rgba(255, 255, 255, 0.5) }
.sct_ruanwen_changjing div { text-align: center }
.sct_ruanwen_changjing .con { height: 330px; background: rgba(255, 255, 255, 1); border: 1px solid rgba(238, 238, 238, 1); transition: all .3s }
.sct_ruanwen_changjing .con:hover { box-shadow: 0px 0px 20px 0px rgba(35, 24, 21, 0.1) }
.sct_ruanwen_changjing .con:hover .t { color: #0052D9 }
.sct_ruanwen_changjing img { display: block; margin: 40px auto 18px }
.sct_ruanwen_changjing span.t { display: block }
.sct_ruanwen_changjing  ul { margin-top: 20px; text-align: left; display: inline-block }
.sct_ruanwen_changjing li:before { display: inline-block; vertical-align: middle; background: #A9A9A9; width: 4px; height: 4px; border-radius: 50%; content: ""; margin-right: 6px }
.sct_ruanwen_changjing li { font-size: 16px; color: #666; line-height: 29px }
.sct_zhushou1 h2 { font-size: 36px; margin-bottom: 20px }
.sct_zhushou1 .con { width: 100% }
.sct_zhushou1 ul { display: flex; width: 100% }
.sct_zhushou1 li:hover { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); border-radius: 4px }
.sct_zhushou1 li { flex: 1 1 auto; text-align: center; height: 130px }
.sct_zhushou1 img { display: block; margin: 20px auto 20px }
.sct_zhushou1 .more { width: 152px; height: 52px; background: rgba(0, 82, 217, 1); box-shadow: 0px 0px 20px 0px rgba(0, 82, 217, 0.3); border-radius: 100px; margin: 50px auto 0; display: block; color: #fff; line-height: 52px; font-size: 16px; transition: all .3s }
.sct_zhushou1 .more:hover { background: #2e7dff }
.sct_xz_items2 { }
.sct_xz_items2 span.cred { color: #e78405 }
.sct_xz_items2 span.cblue { color: #0052d9 }
.sct_xz_items2 .kf { height: 148px; line-height: 148px }
.sct_xz_items2 .kf a { color: #0052D9 }
.sct_cms_texing { padding-bottom: 30px }
.sct_cms_texing .row { }
.sct_cms_texing .row>div { }
.sct_cms_texing .con { height: 300px; border: 1px solid rgba(233, 233, 233, 1); padding: 30px; margin-bottom: 34px; background: #fff; transition: all .3s; position: relative }
.sct_cms_texing .con:hover { box-shadow: 0px 0px 30px 0px rgba(0, 82, 217, 0.1); border-color: rgba(0, 82, 217, 1) }
.sct_cms_texing .img { height: 53px; display: flex; justify-content: flex-start; align-items: center; margin-bottom: 25px }
.sct_cms_texing .img img { }
.sct_cms_texing .p1 { font-size: 22px; color: #333 }
.sct_cms_texing .sinfo { color: #7B7B7B; font-size: 14px; line-height: 22px }
.sct_cms_texing .sinfo span { display: inline-block }
.sct_cms_texing .more { color: #0052D9; font-size: 14px; display: inline-block; margin-top: 20px; position: absolute; left: 30px; bottom: 26px }
.sct_cms_texing .more:hover { }
.sct_cms_helps { padding-bottom: 25px }
.sct_cms_helps .item { }
.sct_cms_helps .h3 { margin-top: 30px }
.sct_cms_helps .sinfo { font-size: 16px; margin-top: 20px; margin-bottom: 25px }
.sct_cms_helps .blue { }
.sct_cms_helps .img { margin-bottom: 45px }
.sct_cms_helps .img img { }
.sct_cms_last { padding: 50px 0 }
.sct_cms_last>div { }
.sct_cms_last .more { width: 170px; height: 48px; background: rgba(0, 82, 217, 1); box-shadow: 0px 0px 20px 0px rgba(0, 82, 217, 0.2); border-radius: 6px; display: block; margin: 0 auto; color: #fff; font-size: 16px; line-height: 48px; margin-top: 25px; transition: all .3s }
.sct_cms_last .more:hover { background: #2e7dff }
.ss-scalebs-s-2 { animation: scalebs-s 3s infinite }
.ss-scalebs-s-3 { animation: scalebs-s 4s infinite }
.ss-scalebs-1 { animation: scalebs 4s infinite }
.ss-scalebs-2 { animation: scalebs 6s infinite }
.ss-scalebs-3 { animation: scalebs 9s infinite }
.ss-scalebs-4 { animation: scalebs3 3s infinite }
.ss-scalebs-5 { animation: scalebs 3s infinite }
.circle_01 { animation: rotateS 6s cubic-bezier(0.45, 0.05, 0.55, 0.95)  0.5s infinite }
.circle_02 { animation: rotateS 3s linear 0.5s infinite }
.circle_03 { animation: rotateS 2s ease-out 0.5s infinite }
.circle_04 { animation: rotateS 3s linear  0.5s infinite }
@-webkit-keyframes rotateS {
    0% { -webkit-transform: rotate(0) }
    100% { -webkit-transform: rotate(360deg) }
}
@-moz-keyframes rotateS {
    0% { -moz-transform: rotate(0) }
    100% { -moz-transform: rotate(360deg) }
}
@-ms-keyframes rotateS {
    0% { -ms-transform: rotate(0) }
    100% { -ms-transform: rotate(360deg) }
}
@keyframes rotateS {
    0% { transform: rotate(0) }
    100% { transform: rotate(360deg) }
}
@keyframes scalebs {
    0% { transform: scale(1) }
    25% { transform: scale(0.8) }
    50% { transform: scale(1.2) }
    75% { transform: scale(0.8) }
}
@keyframes scalebs-s {
    0% { transform: scale(1) }
    25% { transform: scale(0.95) }
    50% { transform: scale(1.2) }
    75% { transform: scale(0.95) }
}
@keyframes scalebs3 {
    0% { transform: scale(1) }
    25% { transform: scale(0.95) }
    50% { transform: scale(1) }
    75% { transform: scale(0.95) }
}