html.index body{ background-color:#fff; }
body{width: 100%;min-width:1200px; margin:0 auto;background-color:#f7f7f7;}
.topWrap{ height:252px; background:url("../image/t_bg.gif") repeat-x center 0;position:relative; z-index:2; }
.topWrap .header{ width:1200px; margin:0 auto;}
.topWrap h5{ height:38px;font-size:14px;line-height:38px;overflow:hidden;color:#666;font-weight:normal;}
.topWrap h5 span{ display:inline-block; color:#a1a1a1;}
.topWrap h5 span a{ color:#7f7f7f; padding:0 12px; display:inline-block; height:33px;}
.topWrap h5 span a.nop{  padding-right: 0;}
.topWrap h2{ width:181px; padding:39px 24px 0  0; height:115px; float:left; overflow:hidden; border-right: 1px solid #e5e5e5; margin-right: 25px;}
.topWrap h2 img{ display:block; width:181px; height:70px;}
.topWrap h3{ width:638px;font:18px "Microsoft Yahei";color:#333; float:left; overflow:hidden; padding:39px 0 0;}
.topWrap h3 em{ display:block; font:24px "Microsoft Yahei";color:#333; font-weight: bold;}
.topWrap h3 span{ display: block; font-size: 14px; color: #666;}
.topWrap p{ font:14px "Microsoft Yahei"; color:#333; margin-top:54px; background:url("../image/tel.gif") no-repeat 120px 4px; height:60px; float:right;padding-left: 48px; text-align: right;}
.topWrap p em{ display:block; font:28px Arial,Tahoma, Geneva, sans-serif; font-weight:bold; color:#333; padding-top:8px; font-family: Arial;}
.h_nav{ height:60px;}
.h_nav li{ font:16px "Microsoft Yahei"; float:left; text-align:center; height:60px; line-height:60px; background:url("../image/lin.png") no-repeat right 25px;}
.h_nav li a{ display:block; color:#fff; height:60px; line-height:54px; padding:0 21px;}
.h_nav li a:hover,.h_nav .cur a{background:#4d7fc9;font-weight: bold;}.h_nav li em{ display: none;}
.h_nav .nones{ background:none;}
.h_nav li.cur{ position: relative;}
.h_nav li.cur em{ display: block;position: absolute; left: 0; top: 60px;background:url("../image/span.png") repeat; z-index: 9; width:138%; text-align:center;}
.h_nav li.cur em a{ font-weight: normal; color: #333; font-size: 14px; border-bottom:1px solid #e1e4e5; background:none; line-height: 35px;height: 35px; text-align:center; padding-left:0;padding:0;}
.h_nav li.cur em a:hover {color: #fff; background: #327ae4;}

.sl_con{ overflow: hidden; width: 1200px; height: 502px;}
.sl_boxa{ height: 502px; overflow: hidden;width: 1200px; height: 502px;}

.dsa3_l1{width: 374px; overflow: hidden;}
.dsa3_l1 dl{ overflow: hidden; background: #4d7fc9;}
.dsa3_l1 dl dt{ font-size: 0; float: left; width: 134px; height: 134px; padding: 16px;}
.dsa3_l1 dl dd{ float: left; width: 183px; padding-top: 15px; color: #fff; font-size: 14px; line-height: 24px;}
.dsa3_l1 dl dd h4{ font-size: 16px; font-weight: bold; padding-bottom: 5px;}
.dsa3_l1 dl.bg{ background: #5b8ed9; padding:4px 0;}

.dsa3_l2{ width: 826px; overflow: hidden;}
.dsa3_l2 ul li{ font-size: 0; position: relative;}.dsa3_l2 ul li img{ width: 826px; height: 502px;}
.dsa3_l2 ul li span{ display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 80px; line-height: 80px;font-size: 16px; color: #333; text-align: center;}
.dsa3_l3{ width: 565px;}
.dsa3_l3 ul li{ font-size: 0; position: relative; float: left; margin:  0 2px 3px 0;}
.dsa3_l3 ul li img{ width:280px; height:167px;}
.dsa3_l3 ul li span{ display: block; position: absolute; left: 0; bottom: 0; width: 100%; height:35px; line-height:35px;background:url("spn2a.png") repeat; font-size: 13px; color: #333; text-align: center; color: #fff;}
.dsa3_l3 ul li { border: 1px solid #ccc; box-sizing:border-box; margin: 0 0px -3px 0;}
.dsa3_l3 ul li:nth-of-type(2n){ border-left: none; }

.dsa3_l4{ float: right;width:635px; font-size: 0;}
.dsa3_l4 ul li{ position: relative;}
.dsa3_l4 ul li span{ display: block; position: absolute; left: 0; bottom: 0; width:575px;line-height:25px; background:#fff; filter:Alpha(opacity=70);-moz-opacity: 0.7; -khtml-opacity: 0.7 ; opacity: 0.7;font-size: 15px; color: #333; text-align: center; padding:10px 30px 10px; text-align: left; }
.dsa3_5{ width:265px; height: 502px; background: #4d7fc9; padding-left: 35px; color: #fff;}
.dsa3_5 h4{ padding-top: 128px;  font-size: 24px;}
.dsa3_5 h4 span{ color: #afc2e3; font-size: 10px; text-transform: uppercase; display: block;}
.dsa3_5 p{ font-size: 16px; color: #fff; line-height: 28px; padding-top: 30px; padding-right: 30px;}
.dsa3_5 p strong{ display: block; font-weight:normal;}
.dsa3_6{ width:900px;}
.dsa3_6 img{ width:900px; height: 502px;}


.footWrap{ height:217px; overflow:hidden; background:#021637; padding-top: 61px; border-bottom: 1px solid #1c2e4b;}
.footWrap .footer{ width:1200px; margin:0 auto;}
.f_pic{ width:190px;overflow:hidden;}
.f_pic img{ display:block;width:190px; height:105px; padding-top:18px;}
.fwz{padding:0 0 0 8px; overflow:hidden; color:#b0b3b9; font-size: 12px; line-height: 30px; float: left;}
.fwz p{ overflow: hidden;}
.fwz p em{ display:inline-block; padding-left: 53px; float: left; float: left; width: 238px;}
.fwz p em i{ display:block; padding-left: 42px; height: 44px; border-bottom: 1px  solid #283955;background:url("../image/ico-target.gif") no-repeat; margin-bottom: 9px;}
.fwz p em i a{ font-size: 16px; font-weight: bold;color:#b0b3b9;}
.fwz p span{ display: block; }
.fwz p span a{ display: inline-block; line-height: 30px;color:#b0b3b9; width:100px;}
.fwz p .long{ width:360px;}
.fwz p .long strong{ font-weight: normal; display: block;}
.fwz p .long b{ font-weight: normal; padding-left: 10px;}

.code{margin-top:53px; overflow:hidden;background:url("f_rr.gif") no-repeat; width: 298px; height: 110px; margin-top: 34px;}
.code p{ font:12px "Microsoft Yahei"; color:#fff; }
.code p img{ display:inline-block ; width:94px; height:93px; padding: 9px 40px 0 0; float: left;}
.code p.fl{ padding-left:8px;}
i,em{font-style: normal}
.fwz p .long strong a{ color:#b0b3b9;}

.client-2 { position:fixed;right:-170px;top:50%;z-index:900;}
.client-2 li a { text-decoration: none;}
.client-2 li { margin-top:1px;clear:both;height:71px;position:relative; }
.client-2 li i { background: url("../image/ico-online.png") no-repeat;display:block;width:30px;height:27px;margin:0px auto;text-align:center; }
.client-2 li p { height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:#fff; }
.client-2 .my-kefu-qq i { background-position:4px 5px; }
.client-2 .my-kefu-tel i { background-position:0 -21px; }
.client-2 .my-kefu-liuyan i { background-position:4px -53px; }
.client-2 .my-kefu-weixin i { background-position: -34px 4px; }
.client-2 .my-kefu-weibo i { background-position: -30px -22px; }
.client-2 .my-kefu-ftop { display:none; }
.client-2 .my-kefu-ftop i { width:33px;height:35px;background-position:-27px -51px; }
.client-2 .my-kefu-left { float:left;width:77px;height:47px;position:relative; }
.client-2 .my-kefu-tel-right { font-size:18px;color: #fff;float: left;height: 24px;line-height: 22px;padding: 0 15px;border-left: 1px solid #fff;margin-top:14px;}
.client-2 .my-kefu-right { width: 20px;}
.client-2 .my-kefu-tel-main { background:#063990;color:#fff;height:56px;width:247px;padding:9px 0 6px;float: left; }
.client-2 .my-kefu-main { background:#063990;width:97px;height:56px;position:relative;padding:9px 0 6px;float: left; }
.client-2 .my-kefu-weixin-pic { position: absolute;left: -130px;top: -24px;display: none;z-index: 333; }
.my-kefu-weixin-pic img { width:115px;height:115px; }


.p4-order-form-1 {
            overflow: hidden;
        }
        
        .p4-order-form-1 .p4-titlel-1 {
            width:145px;height: 46px;font-size:18px; line-height: 46px;text-align: center;color:#fff;background: #4d7fc9;
            
        }
        
        .p4-order-form-1-con {
            border:1px solid #bbb;
            background:url("r1-orderform-1-bg.jpg") no-repeat center bottom #fff;
            padding:40px 15%;
        }
        
        .p4-order-form-1-con li p {
            padding-left: 130px;
            color: #999;font-size: 12px;
        }
        
        .p4-order-form-1-con li {
            margin-bottom: 10px;
            font-size: 14px;
            line-height: 35px;
            color: #666;
            overflow: hidden;
        }
        
        .p4-order-form-1-con li span {
            font-weight: bold;
            color: #666;
        }
        .p4-order-form-1-con li b{color:#f00;}
        .p4-order-form-1-con li .row-hd {
            color: #666;
        }
        .timenum{padding-left:95px;}
        .p4-order-form-1-con li p {
            clear: both;
        }
        
        .p4-order-form-1-con label {
            display: inline-block;
            width: 120px;
            color: #666;
            vertical-align: top;
            text-align: right;height: 33px;line-height: 33px;overflow: hidden;
        }
        #code_gg{
            width: 80px;
            margin-right: 10px;
            outline: none;
            padding-left: 10px;
            border: 1px solid #eee;
            height: 33px;
            line-height: 32px;
            color: #666;
        }
        
        
        .p4-order-form-1-con .inputs,
        .p4-order-form-1-con li select {
            width: 73%;
            margin-right: 10px;
            outline: none;
            padding-left: 10px;
            border: 1px solid #eee;
            height: 33px;
            line-height: 32px;
            color: #666;
            /*float: left;*/
        }
        .p4-order-form-1-con .radioandcheck{vertical-align:middle;}
        
        .p4-order-form-1-con .err {
            border: 1px solid #c00;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t1 {
            width: 100%;
        }
        
        .p4-order-form-1-t1 textarea {
            width: 73%;
            height: 102px;
            line-height: 24px;
            border: 1px solid #eee;
            outline: none;
            resize: none;
            overflow: auto;
            margin-right: 10px;
            padding-left: 10px;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t2 {
            width: 100%;
        }
        
        .p4-order-form-1-t2 input {
            width: 150px;
            vertical-align: top;
        }
        
        .p4-order-form-1-t2 span {
            width: 153px;
            height: 25px;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t3 {
            padding-left: 95px;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t3 input {
            width: 80px;
            height: 30px;
            border: 0;
            text-align: center;
            margin-right: 30px;
            color: #fff;
            padding-left: 0;
            cursor: pointer;
        }
        
        .p4-order-form-1-con .p4-order-form-1-b1 {
            background: #063990;
        }
        
        .p4-order-form-1-con .p4-order-form-1-b2 {
            background: #767676;
        }
        
        .p4-order-form-1-con .p4-order-form-1-t4 {
            overflow: auto;
            height: auto;
            min-height: 35px;
            width: 100%
        }
        
        .p4-order-form-1-con .p4-order-form-1-t4 input {
            vertical-align: middle;
            width: 14px;
            margin: 0 10px;
        }
            /*±íµ¥µ¯¿ò*/
.nsw-modal {
  width: 100%;
  height: 100%;
  background: rgba(225, 225, 225, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999; }

.modal-dialog {
  position: fixed;
  color:#000000;
  top: 150px;
  width: 400px;
  border-radius: 3px;
  min-height: 155px;
  overflow: hidden;
  z-index: 99998;
  margin-left: -200px;
  left: 50%; }
  .modal-dialog .css-icon {
    background-image: url("modal-icons.png"); }
  .modal-dialog .modal-head {
    height: 30px;
    line-height: 30px;
    padding: 0px 20px;
    background: #F6EFEF;
    font-size: 14px; }
    .modal-dialog .modal-head .modal-logo {
      width: 15px;
      height: 15px;
      background-position: 1px 0px;
      margin: 8px 5px 0 0;
      float: left; }
    .modal-dialog .modal-head .close {
      float: right;
      width: 15px;
      height: 15px;
      background-position: -14px 0px;
      margin-top: 8px; }
  .modal-dialog .modal-body {
    width: 100%;
    min-height: 125px;
    background: #ffffff; }
    .modal-dialog .modal-body .modal-body-left {
      width: 140px;
      float: left; }
      .modal-dialog .modal-body .modal-body-left .icon {
        width: 64px;
        height: 64px;
        margin: 30px 0 0 48px; }
      .modal-dialog .modal-body .modal-body-left .success-message {
        background-position: 0px -14px; }
      .modal-dialog .modal-body .modal-body-left .warming-message {
        background-position: 0px -78px; }
        .modal-dialog .modal-body .modal-body-right {
      width: 260px;
      float: right;
      padding-top: 20px; }
       .modal-dialog .modal-body .modal-body-right .close-btn {
        color: #000;
        text-align: center;
        width: 90px;
        display: inline-block;
        height: 24px;
        line-height: 24px;
        background: #818079; }
      .modal-dialog .modal-body .modal-body-right p {
        line-height: 30px; }