﻿.iPBleP { right: 120px !important; bottom: 20px !important; min-height: 560px !important; }
.header { width: 100%; height: 95px; position: fixed; left: 0px; top: 0px; z-index: 999; border-bottom: solid 1px rgba(205,205,205,0.2); }
.headerhome { background-color: transparent; }
    .headerhome .navone { color: rgb(255, 255, 255); }
    .headerhome .tmmianfei { color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); }
.headerscor { background-color: rgba(0, 0, 0, 0.6) !important; }
.wrap { width: 1200px; margin: 0 auto; height: 95px; position: relative; }
.jjfaw { width: 100vw; overflow: hidden; position: fixed; left: 0px; top: 95px; background-color: rgba(0, 0, 0, 0.8); height: 0px; opacity: 0; }
.jjfan { width: 1200px; margin: 0 auto; padding: 0px 0px 30px 0px; overflow: hidden; }
.jjfaone { display: block; width: 33%; float: left; box-sizing: border-box; position: relative; height: 55px; overflow: hidden; margin-top: 30px; cursor: pointer; }
.jjfaoneimg { position: absolute; width: 55px; height: 55px; left: 0px; top: 0px; }
.jjfaonetitle { line-height: 30px; color: #fff; font-size: 16px; font-weight: bold; padding-left: 65px; }
.jjfaonedes { line-height: 20px; color: #fff; font-size: 14px; padding-left: 65px; }
.tmlogo { float: left; height: 85px; width: auto; margin-top: 5px; }
.tmlogohome { float: left; height: 85px; width: auto; margin-top: 5px; display: none; }
.navlist { float: left; padding-left: 20px; }
.navone { line-height: 95px; margin-left: 25px; font-size: 17px; display: block; float: left; position: relative; cursor: pointer; }
.tmmianfei { float: right; height: 35px; line-height: 35px; border: solid 1px #333; margin: 30px 0 0 0; padding: 0 20px; border-radius: 6px; cursor: pointer; }
.flinksw { width: 100%; background: #252525; }
.flinks { width: 1200px; margin: 0 auto; display: block; overflow: hidden; clear: both; height: 170px; position: relative; }
.flleft { }
.flimg { margin: 30px 0 15px 0px; }
.fldianhua { font-size: 14px; margin: 6px 0 0 0px; padding: 0 0 0 20px; color: #fff; line-height: 20px; background-image: url(../../Images/tmimg/dianhua.jpg); background-position: left center; background-size: auto 15px; background-repeat: no-repeat; }
.fldizhi { font-size: 14px; margin: 6px 0 0 0px; padding: 0 0 0 20px; color: #fff; line-height: 20px; background-image: url(../../Images/tmimg/dizhi.jpg); background-position: left 2px; background-size: auto 15px; background-repeat: no-repeat; }
.flwangzhi { font-size: 14px; margin: 6px 0 0 0px; padding: 0 0 0 20px; color: #fff; line-height: 20px; background-image: url(../../Images/tmimg/wangzhi.jpg); background-position: left 2px; background-size: auto 15px; background-repeat: no-repeat; }
.youxiang { font-size: 14px; margin: 6px 0 0 0px; padding: 0 0 0 20px; color: #fff; line-height: 20px; background-image: url(../../Images/tmimg/youxiang.jpg); background-position: left center; background-size: auto 15px; background-repeat: no-repeat; }
.flright { position: absolute; right: 0px; top: 18px; display: flex; }
.flinkslist { display: flex; }
    .flinkslist a { color: #fff; display: block; padding: 5px 15px 0 15px; font-size: 14px; }
        .flinkslist a:last-child:after { position: absolute; display: block; width: 30px; height: 4px; background-color: rgba(255,255,255,0.5); float: right; margin-top: 10px; }
.flogo { display: flex; }
    .flogo img { margin: 0 0 0 20px; }
.footer { display: block; overflow: hidden; clear: both; background: #252525; line-height: 42px; color: #fff; font-size: 14px; text-align: center; border-top: solid 1px #393939; }
    .footer a { margin: 0 4px; color: #fff; }
.jufanav:hover .jjfaw { height: 370px; opacity: 1; }
.h5nav { display: none; position: relative; }
.tcbg { width: 100vw; height: 100vh; position: fixed; left: 0px; top: 0px; background-color: rgba(0,0,0,0.5); z-index: 999; }
.tccon { background-color: #fff; width: 580px; height: 550px; border-radius: 40px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-200%); }
.tcconck { transform: translate(-50%,-50%); }
.tclogo { padding: 50px 0 0 50px; }
.tcpop { position: absolute; right: 0px; bottom: 0px; display: none; }
.tcpop2 { position: absolute; right: -37px; bottom: 0px; width: calc(100% + 37px); height: 700px; background-image: url(/Images/tmimg/ym26s.png); background-position: right bottom; background-repeat: no-repeat; border-radius: 40px; }
.tcwz { color: #333; padding: 15px 0 25px 51px; font-size: 18px; }
.tcinput { outline: none; width: 370px; height: 45px; border: solid 1px #ccc; border-radius: 10px; padding: 0 14px; margin: 30px 0 0 50px; box-sizing: border-box; font-size: 15px; }
.yzmbtn { cursor: pointer; width: 370px; height: 45px; padding: 0 14px; margin: -45px 0 0 50px; box-sizing: border-box; text-align: right; line-height: 45px; color: #4f42ff; font-size: 15px; }
.tcsubtn { cursor: pointer; width: 370px; height: 50px; border: solid 1px #0e5bff; border-radius: 10px; padding: 0 14px; margin: 35px 0 0 50px; box-sizing: border-box; font-size: 15px; color: #fff; background: #0e5bff; line-height: 50px; text-align: center; }
.tcewm { width: 150px; height: 150px; margin: 0 0 0 50px; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.tcgnw { height: 130px; width: 90%; position: absolute; bottom: 63px; left: 5%; margin: 0px auto; overflow: hidden; }
.tcgnone { display: block; width: 25%; float: left; text-align: center; color: #0e5bff; line-height: 30px; font-weight: bold; cursor: pointer; }
    .tcgnone img { display: block; margin: 20px auto 3px auto; }
.tcgnw:before { content: ""; display: block; position: absolute; left: 50%; bottom: 0px; width: 5px; height: 5px; border: solid 2px #fff; border-radius: 50%; background-color: #0066e5; z-index: 2; }
.tcgnw:after { content: ""; display: block; position: absolute; left: 0px; bottom: 4px; width: 100%; height: 1px; background-image: linear-gradient(90deg, rgba(0, 102, 229, 0), rgba(0, 102, 229, 0.2), #0066e5, rgba(0, 102, 229, 0.2), rgba(0, 102, 229, 0)); }
.tcgnbs { color: #333; position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; line-height: 70px; font-size: 17px; }
.cbw { position: fixed; right: 20px; top: 55%; z-index: 11; transform: translateY(-50%); }
.cbone { width: 80px; border-radius: 40px; box-shadow: 0 0 10px rgba(0,0,0,0.3); margin-top: 20px; background-color: #fff; padding-bottom: 28px; cursor: pointer; }
.cbimg { width: 80px; padding: 70px 0 0px 0; background-repeat: no-repeat; background-position: center 20px; text-align: center; color: #858585; font-size: 14px; position: relative; }
    .cbimg:hover { color: #247dff; }
    .cbimg:before { content: ""; display: block; width: 44px; height: 44px; border-radius: 50%; background-color: rgba(0,0,0,0.07); position: absolute; left: 18px; top: 18px; }
.cbimg1 { background-image: url(/Images/tmimg/cb1.png); }
.cbimg2 { background-image: url(/Images/tmimg/cb2.png); }
.cbimg3 { background-image: url(/Images/tmimg/cb3.png); }
.cbimg4 { background-image: url(/Images/tmimg/cb4.png); }
.cbimg1:hover { background-image: url(/Images/tmimg/cb1h.png); }
.cbimg2:hover { background-image: url(/Images/tmimg/cb2h.png); }
.cbimg3:hover { background-image: url(/Images/tmimg/cb3h.png); }
.cbimg4:hover { background-image: url(/Images/tmimg/cb4h.png); }
.zxrxw { position: absolute; opacity: 0; background-color: #2f83ff; right: 0px; height: 67px; top: 20px; width: 0px; border-radius: 33px 0 0 33px; overflow: hidden; }
    .zxrxw:before { content: ""; display: block; width: 44px; height: 44px; background-image: url(/Images/tmimg/cb2h.png); background-position: center center; position: absolute; background-color: rgba(255,255,255,0.9); right: 17px; top: 11px; border-radius: 50%; }
.zxrtitle { color: #fff; text-align: left; padding: 12px 0 0 28px; font-size: 16px; }
.zxrnum { color: #fff; padding: 2px 0 0 27px; text-align: left; font-size: 16px; }
.cbimg2:hover .zxrxw { width: 210px; opacity: 1; }

.wxkfw { position: absolute; right: 99%; top: 0px; width: 0px; overflow: hidden; opacity: 0; }
.wxkfn { width: 150px; background: #247dff; padding: 12px; border-radius: 10px; position: relative; }
    .wxkfn:after { content: ""; display: block; position: absolute; left: 100%; top: 40px; border-left: solid 10px #247dff; border-right: solid 0px transparent; border-top: solid 0px transparent; border-bottom: solid 15px transparent; }
.wxkfimg { width: 100%; height: auto; }
.wxkftext { color: #fff; padding-top: 10px; }
.cbimg3:hover .wxkfw { width: 195px; opacity: 1; }

@media screen and (max-width: 600px) {
    html, body { width: 100vw; overflow-x: hidden; }
    .contents { padding-left: 20px !important; padding-top: 40px; }
    .shouqi { display: block !important; }
    .tmmianfei { position: fixed; right: 55px; line-height: 26px; height: 26px; margin: 0px; top: 14px; font-size: 13px; }
    .header { width: 100vw; height: 55px; position: fixed; left: 0px; top: 0px; z-index: 999; border-bottom: solid 0px rgba(205, 205, 205, 0.1); }
    .wrap { height: 55px; width: 100vw; }
    .tmlogo { height: 41px; margin: 10px 0 0 10px; }
    .navlist { transform: translateX(120%); box-shadow: 0 0 10px rgba(0,0,0,0.5); float: initial; padding: 5px 0px; border-radius: 10px; position: absolute; background-color: rgba(255, 255, 255, 1); right: 15px; top: 50px; z-index: 1; }
    .navlistck { transform: translateX(0%); }
    .navone { color: #000 !important; line-height: 40px; margin-left: 0px; font-size: 15px; display: block; position: relative; cursor: pointer; float: initial; padding: 0 15px; margin: 0 15px; text-align: center; border-bottom: solid 1px rgba(0, 0, 0, 0.1); }
        .navone:after { bottom: 1px !important; left: -10px !important; width: 4px !important; height: 20px !important; top: 10px !important; }
        .navone:last-child { border-bottom: solid 1px rgba(255, 255, 255, 0); }
    .h5nav { display: block; float: right; height: 55px; line-height: 55px; margin: 0px 0 0 0; padding: 0 20px; border-radius: 6px; cursor: pointer; font-size: 17px; color: rgb(255, 255, 255); border: 0px solid rgb(255, 255, 255); }
    .jjfaw { width: 220px; overflow: hidden; position: absolute; right: 100%; left: inherit; top: 0; background-color: rgba(0, 0, 0, 0.8); border-radius: 10px; padding: 0 17px; box-sizing: border-box; }
    .jufanav:hover .jjfaw { height: 520px; opacity: 1; }
    .jjfan { width: auto; padding: 0px 0px 17px 0px; overflow: hidden; }
    .jjfaone { display: block; width: 100%; float: left; box-sizing: border-box; position: relative; height: auto; overflow: hidden; margin-top: 17px; cursor: pointer; }
    .jjfaoneimg { position: absolute; width: 25px; height: 25px; left: 0px; top: 0px; }
    .jjfaonetitle { line-height: 25px; color: #fff; font-size: 15px; font-weight: normal; padding-left: 35px; text-align: left; }
    .jjfaonedes { display: none !important; }
    .flinks { width: 100vw; margin: 0 auto; display: block; overflow: hidden; clear: both; height: auto; position: relative; }
    .flright { position: static; right: 0px; top: 18px; display: flex; }
    .flinkslist { display: none; }
    .flogo { display: flex; margin: 30px auto; }
    .footer { display: block; overflow: hidden; clear: both; background: #252525; line-height: 20px; color: #fff; font-size: 14px; text-align: center; border-top: solid 1px #414141; padding: 20px 30px; }
    .flimg { margin: 30px 0 15px 20px; }
    .fldianhua { font-size: 14px; margin: 6px 0 0 20px; padding: 0 0 0 20px; color: #fff; line-height: 20px; background-image: url(../../Images/tmimg/dianhua.jpg); background-position: left center; background-size: auto 15px; background-repeat: no-repeat; }
    .fldizhi { font-size: 14px; margin: 6px 0 0 20px; padding: 0 0 0 20px; color: #fff; line-height: 20px; background-image: url(../../Images/tmimg/dizhi.jpg); background-position: left 2px; background-size: auto 15px; background-repeat: no-repeat; }
    .flwangzhi { font-size: 14px; margin: 6px 0 0 20px; padding: 0 0 0 20px; color: #fff; line-height: 20px; background-image: url(../../Images/tmimg/wangzhi.jpg); background-position: left 2px; background-size: auto 15px; background-repeat: no-repeat; }
    .youxiang { font-size: 14px; margin: 6px 0 0 20px; }
    .flogo img { margin: 0 0 0 0; }
    .tccon { background-color: #fff; width: 310px; height: 444px; border-radius: 20px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-200%); }
    .tcconck { transform: translate(-50%,-40%); }
    .tclogo { padding: 50px 0 0 30px; width: 130px; }
    .tcpop { display: block; width: 130px; position: absolute; right: 6px; top: -130px; }
    .tcpop2 { display: none; }
    .tcwz { color: #000; padding: 18px 0 20px 32px; font-size: 15px; }
    .tcewm { width: 140px; height: 140px; margin: 0 auto; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
    .tcinput { outline: none; width: 255px; height: 45px; border: solid 1px #ccc; border-radius: 10px; padding: 0 14px; margin: 10px 0 0 30px; box-sizing: border-box; font-size: 15px; }
    .yzmbtn { cursor: pointer; width: 237px; height: 45px; padding: 0 14px; margin: -45px 0 0 50px; box-sizing: border-box; text-align: right; line-height: 45px; color: #4f42ff; font-size: 15px; }
    .tcsubtn { cursor: pointer; width: 255px; height: 45px; border: solid 1px #0e5bff; border-radius: 10px; padding: 0 14px; margin: 35px 0 0 30px; box-sizing: border-box; font-size: 15px; color: #fff; background: #0e5bff; line-height: 45px; text-align: center; }
    .tcgnbs { color: #333; position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; line-height: 60px; font-size: 15px; }
    .tcgnw { height: auto; width: 90%; position: absolute; bottom: 50px; left: 5%; margin: 0px auto; overflow: hidden; padding-bottom: 15px; }
    .tcgnone img { display: block; margin: 0px auto 0px auto; width: 50%; }
    .tcgnone { font-size: 14px; font-weight: normal; }
    .cbw { position: fixed; right: 0px; top: auto; z-index: 9; transform: translateY(0%); bottom: 3vw; }
    .cbone { width: 40px; border-radius: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); margin-top: 5px; background-color: #fff; padding-bottom: 12px; cursor: pointer; }
    .cbimg { width: 40px; padding: 40px 3px 0px 3px; background-repeat: no-repeat; background-position: center 2px; text-align: center; color: #858585; font-size: 13px; position: relative; line-height: 13px; box-sizing: border-box; }
    .zxrxw { height: 55px; top: 12px; }
    .zxrnum { padding: 6px 0 0 27px; }
    .zxrxw:before { content: ""; display: block; width: 35px; height: 35px; background-image: url(/Images/tmimg/cb2h.png); background-position: center center; position: absolute; background-color: rgba(255, 255, 255, 0.9); right: 12px; top: 9px; border-radius: 50%; }
    .cbimg2:hover .zxrxw { width: 190px; opacity: 1; border-radius: 27px 0 0 27px; }
    .wxkfw { top: -60px; }
    .wxkfn:after { content: ""; display: block; position: absolute; left: 100%; top: 95px; border-left: solid 10px #247dff; border-right: solid 0px transparent; border-top: solid 7px transparent; border-bottom: solid 7px transparent; }
}
