@charset "utf-8";
/* CSS Document */
html, body { font-size: 12px; font-family: "宋体", Arial, Helvetica, sans-serif; }

a { cursor: pointer; }

.clear { clear: both; font-size: 0; height: 0; line-height: 0; width: 100%; padding: 0; margin: 0; border: 0; overflow: hidden; }

.all { background: url(/2025111501/jhm/images/bg.jpg) no-repeat center top; width: 100%; margin: 0 auto; }

.content { width: 1010px; margin: 0 auto; }

.nav { height: 132px; width: 1010px; background: url(/2025111501/jhm/images/index-nav-bg.jpg) no-repeat 0 0; }

  .nav ul li { width: 182px; height: 132px; margin-right: 3px; display: block; float: left; text-indent: -9999px; }

    .nav ul li a { width: 182px; height: 132px; display: block; float: left; }

  .nav .but1 a:hover { background: url(/2025111501/jhm/images/nav1.jpg) no-repeat -2px 0; }

  .nav .but2 a:hover { background: url(/2025111501/jhm/images/nav2.jpg) no-repeat -1px 0; }

  .nav .but3 { width: 270px; }

  .nav .but4 a:hover { background: url(/2025111501/jhm/images/nav3.jpg) no-repeat -2px 0; }

  .nav .but5 { margin: 0; }

    .nav .but5 a:hover { background: url(/2025111501/jhm/images/nav4.jpg) no-repeat -1px 0; }

.left-qm { width: 370px; height: 772px; float: left; background: #F60; overflow: hidden; position:relative; }

  .left-qm a { width: 370px; height: 386px; display: block; text-indent: -9999px; }

  .left-qm .qm1 { background: url(/2025111501/jhm/images/qm1.jpg) no-repeat 0 0; }
  
  .left-qm .notice{ position:absolute; top:10px; left:0; font-size:13px; line-height:20px; width:360px; }
  
  .left-qm .notice p{background:#FFF; color:#F00; display:inline;}
 
  .left-qm .qm3 { background: url(/2025111501/jhm/images/qm3.jpg) no-repeat 0 0; }

.between { width: 268px; height: 772px; float: left; background: #000; border: 1px #777777 solid; border-bottom: none; border-top: none; display: inline; overflow: hidden; }

  .between h1 { height: 118px; background: url(/2025111501/jhm/images/h1-bg.jpg) no-repeat 0 0; }

.reg { height: 264px; position: relative; }


/*.registered*/
.registered form { padding: 0; margin: 0; border: 0; }

.registered img { border: none; }

.registered { word-break: break-all; margin: 15px 0 0 0; width: 260px; height: 264px; }

  .registered .row { height: 24px; display: inline-block; margin: 0; font-family: "Microsoft YaHei", "SimSun"; margin-bottom: 6px; }

    .registered .row label { font-size: 12px; color: #f7fbfd; text-align: right; width: 84px; line-height: 24px; height: 24px; padding: 0; margin-right: 2px; float: left; color: #cccccc; font-family: "宋体"; }
    .registered .row .inputFocus { float: left; height: auto; position: relative; width: 158px; display: inline-block; border: 0; }

    .registered .row input,
    .registered .row .txt { width: 158px; height: 24px; line-height: 24px; font-family: "宋体"; font-size: 12px; color: #fff; display: inline-block; position: absolute; top: 0; left: 0; padding: 0 2px; background: #747474; border: 0; }


  .registered .success input,
  .registered .success .txt { border: 1px solid #fff !important; color: #fff !important; }

  .registered .error input,
  .registered .error .txt { border: 1px solid #ff0000 !important; color: #ff0000 !important; }

  .registered .row-signcode .inputFocus,
  .registered .row-signcode .inputFocus input,
  .registered .row-signcode .inputFocus .txt { width: 58px !important; }

  .registered .row-signcode .signcode { float: left; height: 24px; position: relative; margin-left: 72px; }

    .registered .row-signcode .signcode img { height: 24px; }

  .registered .row .ImgCode { height: 22px; width: 70px; border-width: 0px; cursor: pointer; margin: 1px 0; }

  .registered .row input { z-index: 99; }
  .registered .row .txt { z-index: 100; }
input[type='password'] { font-family: Arial, Helvetica, sans-serif !important; }

.registered .tj { color: #cccccc; margin: 2px 0 0 0; font-size: 13px; display: block; margin-left: 25px; }

.btn-reg { width: 177px; height: 43px; background: url(/2025111501/jhm/images/reg-but.jpg) no-repeat 0 0; margin: 10px 0 0 46px; border: 0; cursor: pointer; }

/*=====end=====*/
.after { position: absolute; height: 280px; background: url(/2025111501/jhm/images/reg-after.jpg) no-repeat; top: 20px; left: 0px; width: 262px; }

  .after span { font-size: 15px; color: #ffb300; font-family: "Microsoft YaHei"; position: absolute; top: 47px; left: 122px; }

  .after .reg-down { width: 262px; height: 96px; position: absolute; top: 70px; }

    .after .reg-down h3 { font-size: 18px; font-weight: bold; font-family: "Microsoft YaHei"; color: #FFF; position: absolute; top: 10px; left: 70px; }

    .after .reg-down a { display: block; width: 109px; height: 35px; text-indent: -9999px; }
    .after .reg-down .down1 { background: url(/2025111501/images/reg-after-down1.jpg) no-repeat 0 0; position: absolute; top: 50px; left: 20px; }
    .after .reg-down .down2 { background: url(/2025111501/images/reg-after-down2.jpg) no-repeat 0 0; position: absolute; top: 50px; left: 142px; }

  .after .reg-again { position: absolute; background: url(/2025111501/jhm/images/reg-again.jpg) no-repeat; width: 174px; height: 41px; top: 186px; left: 48px; }

    .after .reg-again a { display: block; width: 174px; height: 41px; text-indent: -999px; }

/*===== 登陆弹框  =====*/
#detail4 { position: absolute; width: 414px; height: 308px; background: #116cb3; border: 1px #11497c solid; display: none; }

  #detail4 .tit { display: block; height: 28px; cursor: move; background: url(/2025111501/jhm/images/tit-bg.jpg); }

    #detail4 .tit a { float: right; cursor: pointer; text-indent: -9999px; display: block; width: 37px; height: 28px; background: url(/2025111501/jhm/images/close3.jpg) no-repeat; }

.login-main { width: 408px; height: 277px; background: url(/2025111501/jhm/images/login-bg.jpg) repeat-x; margin: 0 auto; }

.login { word-break: break-all; width: 360px; height: 136px; position: absolute; top: 85px; left: 28px; border: 2px #d9d9d9 solid; }

  .login .row { height: 30px; display: inline-block; margin: 0; font-family: "Microsoft YaHei", "SimSun"; margin-bottom: 6px; }

  .login form { margin: 35px 0 0 30px; }

  .login .row label { font-size: 14px; color: #000; text-align: right; width: 84px; line-height: 26px; height: 26px; padding: 0; margin-right: 2px; float: left; }

  .login .row .inputFocus { float: left; height: auto; position: relative; width: 186px; display: inline-block; }

  .login .row input,
  .login .row .txt { width: 186px; height: 26px; line-height: 26px; border: 1px solid #d9d9d9; font-family: "宋体"; font-size: 12px; color: #1d65b2; display: inline-block; position: absolute; top: 0; left: 0; padding: 0 2px; background-color: #fff; }

  .login .row .txt { z-index: 999; color: #a3a3a3; height: 26px; line-height: 26px; background: url(/2025111501/jhm/images/login-text-bg.jpg) repeat-x; padding-left: 2px; }

  .login .error input,
  .login .error .txt { border: 1px solid #ff0000 !important; color: #ff0000 !important; background-color: #fff; }

.reg-but { width: 96px; height: 26px; background: url(/2025111501/jhm/images/zc-bg.jpg) no-repeat; position: absolute; top: 156px; left: 88px; cursor: pointer; border: none; }

.login-but { width: 96px; height: 26px; background: url(/2025111501/jhm/images/dl-bg.jpg) no-repeat; position: absolute; top: 156px; left: 214px; cursor: pointer; border: none; }  

/*===== 手机弹出  =====*/
#detail{ position:absolute; width: 805px; height:586px; background:#fff; display: none;}
#detail .tit{ background:url(/2025111501/jhm/images/tit.jpg) repeat-x 0 0; display:block; height:44px; cursor:move;}
#detail .tit a{ float:right; cursor:pointer; text-indent:-9999px; display:block; width:116px; height:44px; background:url(/2025111501/jhm/images/close.jpg);}
#detail .tel-main{ width:730px; height:500px; margin:15px auto;}
#detail .tel-main h1{ height:44px; background:url(/2025111501/jhm/images/tel-title.jpg) no-repeat 0 0; border-bottom:1px #b5b5b5 solid;}
#detail .tel-main h2{ height:28px; background:url(/2025111501/jhm/images/wancen.jpg) no-repeat 0 0; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding-left:90px; line-height:28px; margin-top:10px;}
#detail .tel-main .tel-verify{ width:700px; height:210px; background:#fcfcfc url(/2025111501/jhm/images/phone.jpg) no-repeat 20px center; border:1px #f2f2f2 solid; margin:20px auto; padding-top:30px;}
#detail .tel-main .tel-verify .m10{ margin:10px 0 0 2px;}
#detail .tel-main .tel-verify span{ margin:50px 0 0 240px; font-size:16px; font-weight:bolder; font-family:"Microsoft YaHei";}
#detail .tel-main .tel-yz{ margin:14px 0 0 15px; width:177px; height:25px; background:url(/2025111501/jhm/images/text-bg1.jpg) no-repeat; border:none; padding-left:4px;}
#detail .tel-main .tel-but{ margin:20px 0 0 240px; width:211px; height:44px; display:block; border:none; background:url(/2025111501/jhm/images/tijiao.jpg) no-repeat 0 0; cursor:pointer;}


/*===== 微信弹出 =====*/
#detail2{ position:absolute; width: 805px; height:506px; background:#fff; display: none;}
#detail2 .tit{ background:url(/2025111501/jhm/images/tit.jpg) repeat-x 0 0; display:block; height:44px; cursor:move;}
#detail2 .tit a{ float:right; cursor:pointer; text-indent:-9999px; display:block; width:116px; height:44px; background:url(/2025111501/jhm/images/close.jpg);}
#detail2 .wx-main{ width:730px; height:500px; margin:15px auto;}
#detail2 .wx-main h1{ height:44px; background:url(/2025111501/jhm/images/wx-title.jpg) no-repeat 0 0; border-bottom:1px #b5b5b5 solid;}
#detail2 .wx-main h2{ height:28px; background:url(/2025111501/jhm/images/wancen.jpg) no-repeat 0 0; font-size:14px; font-family:Arial, Helvetica, sans-serif; padding-left:90px; line-height:28px; margin-top:10px;}
#detail2 .wx-main .icon{ background:url(/2025111501/jhm/images/wx.jpg) no-repeat; width:180px; height:180px; margin:30px auto;}


/*===== 媒体弹出 =====*/
#detail3{ position:absolute; width:805px; background:#e6e6e6; display: none;}
#detail3 .tit{ background:url(/2025111501/jhm/images/tit.jpg) repeat-x 0 0; display:block; height:44px; cursor:move;}
#detail3 .tit a{ float:right; cursor:pointer; text-indent:-9999px; display:block; width:116px; height:44px; background:url(/2025111501/jhm/images/close.jpg);}
#detail3 ul{ width:770px; margin:15px auto; }
#detail3 ul li{ float:left; width:140px; height:60px; margin:10px 7px; background:#FFF; display:inline;}

.careful{ margin:10px 0 0 0; width:700px; height:100px;}
.careful h3{ height:51px; background:url(/2025111501/jhm/images/zhuyi.jpg) no-repeat 0 0; border-bottom:1px #b5b5b5 solid; margin-bottom:20px;}
.careful p{ font-size:13px; font-family:Arial, Helvetica, sans-serif; line-height:22px; margin:0 0 6px 10px;}
.careful p i{ color:#8a0a06; font-family:"Microsoft YaHei"; font-size:14px; font-weight:bolder;}

/*
#detail3 { position: absolute; width: 650px; height: 400px; background:url(/2025111501/jhm/images/common_pop_bg.jpg) no-repeat 0 0; display: none; }

  #detail3 .tit { display: block; height: 44px; cursor: move; }

    #detail3 .tit a { float: right; cursor: pointer; text-indent: -9999px; display: block; width:36px; height: 36px;}  */


.lower-part { background: url(/2025111501/jhm/images/lower-part-bg.jpg) no-repeat 0 0; padding-top: 10px; }

  .lower-part .downloads { width: 262px; height: 100px; position: relative; }

    .lower-part .downloads p { font-size: 18px; font-weight: bold; font-family: "Microsoft YaHei"; color: #FFF; position: absolute; top: 10px; left: 70px; display: block; }

    .lower-part .downloads a { display: block; width: 109px; height: 35px; text-indent: -9999px; }
    .lower-part .downloads .downone { background: url(/2025111501/jhm/images/downone.jpg) no-repeat 0 0; position: absolute; top: 45px; left: 20px; }
    .lower-part .downloads .downtwo { background: url(/2025111501/jhm/images/downtwo.jpg) no-repeat 0 0; position: absolute; top: 45px; left: 142px; }

.right-qm { width: 370px; height: 772px; float: left; background: #0F0; overflow: hidden; }

  .right-qm a { width: 370px; height: 386px; display: block; text-indent: -999px; }

  .right-qm .qm2 { background: url(/2025111501/jhm/images/qm2.jpg) no-repeat 0 0; }

  .right-qm .qm4 { background: url(/2025111501/jhm/images/qm4.jpg) no-repeat 0 0; }


.foot { background: #FFF; width: 1010px; clear: both; height: 99px; margin: 0 auto; }

  .foot img { display: inline; float: left; margin: 14px 0 0 100px; }

.foot-text { color: #000; float: left; margin-top: 22px; margin-left: 156px; }

  .foot-text p { margin-bottom: 10px; }

    .foot-text p a { color: #849db0; }

      .foot-text p a:hover { color: #fff; }