﻿
 
				.h_icon{position: absolute; top:0; right:0;}
				.head  .h_icon{}
				.h_drop{
					height: 30px;
					position: relative;
					font-size: 14px;
					color: #333;
					line-height: 30px;
					margin-right: 80px;
					margin-top: 51px;
				}
				.h_drop em{ width: 96px; height: 28px;padding-left: 10px; padding-right: 20px;  border: 1px solid #eee; display: inline-block; vertical-align: middle; background: url(../images/h_icon61.png) no-repeat 105px center;}
				.h_drop:hover .hd_con{display: block;}
			.hd_con {
					width: 100px;
					position: absolute;
					top: 30px;
					left: 75px;
					background: #fff;
					display: none;
					font-size: 14px;
					line-height: 38px;
					z-index: 99;
					padding: 10px;
				}
				
				.hd_con span {
					display: block;  
					border-bottom: 1px dashed #ccc;
				}
				
				.hd_con a {
					color: #555;
				}
        .head {
            height: 262px;
            background: url(../images/h-bj.jpg) repeat-x 0 0;
            position: relative;
            z-index: 200;
        }
        
        .header {
            width: 1200px;
            margin: 0 auto;
        }
        
        .h_top {
            height: 41px;
            font-size: 14px;
            line-height: 40px;
            color: #999999;
        }
        
        .h_top a {
            color: #999;
        }
        
        .ht-link a {
            display: inline-block;
            margin: 0 14px;
        }
        
        .ht_txt1 {
            padding-left: 18px;
            background: url(../images/h-icon3.png) no-repeat left center;
            margin-right: 24px;
        }
        
        .ht_txt1 em {
            font-size: 12px;
            color: #d42100;
        }
        
        .h_con {
            height: 151px;
        }
        
        .h_con h1 {
            width: 219px;
            border-right: 1px solid #ededed;
            margin-top: 50px;
            margin-right: 30px;
            float: left;
            position: absolute;
        }
        
        .h_con h1 img {
            width: 219px;
            height: 51px;
        }
        
        .ht_link {
            margin-right: 30px;
        }
        .ht_link a {
            display: inline-block;
            padding: 0 5px;
        }
        
        .h_txt {
            min-width: 280px;
            min-height: 82px;
            font-size: 20px;
            color: #333;
            line-height: 32px;
            margin-top: 30px;
            padding-top: 17px;
            background: url(../images/h-icon4.jpg) no-repeat left top;
            position: absolute;
            margin-left: 238px;
        }
        
        .h_txt p {
            font-size: 22px;
            font-weight: bold;
            color: #cc0a00;
            line-height: 30px;
        }
        
        .h_tel {
            font-size: 14px;
            line-height: 22px;
            color: #666666;
            margin-top: 46px;
        }
        
        .h_tel p {
            font-size: 28px;
            font-family: arial;
            line-height: 30px;
            color: #cc0a00;
        }
        
        .h_nav {
            height: 70px;
            font-size: 15px;
            color: #666666;
            background-color: #fff;
            position: relative;
        }
        
        .head .h_nav2 {
            display: none;
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 0;
        }
        
        .hn_pic {
            width: 64px;
            margin-right: 28px;
        }
        
        .hn_img {
            width: 27px;
            margin-top: 22px;
            cursor: pointer;
        }
        
        .hn_img>img {
            width: 27px;
            height: 22px;
        }
        
        .hn_img {
            position: relative;
        }
        
        .hn_img:hover p {
            display: block;
        }
        
        .hn_pic p {
            display: none;
            position: absolute;
            top: 48px;
            left: -55px;
            width: 187px;
            height: 177px;
            font-size: 14px;
            line-height: 24px;
            color: #333333;
            text-align: center;
            background-color: #E6E6E6;
            padding-top: 10px;
        }
        
        .hn_pic p em {
            display: block;
        }
        
        .hn_pic p span {
            display: inline-block;
            font-size: 14px;
            line-height: 24px;
            color: #f8fcf8;
            width: 123px;
            height: 22px;
            background-color: #cc0a00;
            border-radius: 10px;
        }
        
        .hn_pic p img {
            width: 108px;
            height: 108px;
            padding: 4px;
            border: 1px solid #bdbdbd;
        }
        
        .h_nav li {
            float: left;
            text-align: center;
            line-height: 64px;
					background-repeat: no-repeat;
					background-position: center 3px;
        }
        
        .h_nav li i {
            width: 17px;
            display: inline-block;
            height: 64px;
            background: url(../images/h-icon7.png) no-repeat right center;
            vertical-align: auto;
            float: right;
        }
        
        .h_nav li>a {
            display: inline-block;
            color: #666;
            padding-top: 3px;
            margin: 0 16px;
            border-bottom: 3px solid #fff;
            transition: all 1s ease;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -o-transition: all 1s ease
        }
        
        .h_nav li.hn_hot {
            background: url(../images/h-icon5.png) no-repeat center 7px;
        }
        
        .h_nav li.hn_new {
            background: url(../images/h-icon6.png) no-repeat center 2px;
        }
        
        .h_nav li:hover>a,
        .h_nav li.cur>a {
            font-weight: bold;
            color: #222222;
            border-color: #d60101;
            transition: all 0.4s ease;
            -webkit-transition: all 0.4s ease;
            -moz-transition: all 0.4s ease;
            -o-transition: all 0.4s ease;
        }
        
        .h_nav li:hover .hn_two {
            display: block;
        }
        
        
				.hn_two p img{ width: 34px; display: block; margin: 0 auto 5px;}
				.hn_two {
					display: none;
					width: 100%;
					position: absolute;
					left: 0;
					top: 70px;
					height: 89px;
					background-color: #fff;
					text-align: center;
					border-top: 1px solid #ebebeb;
					padding-top: 20px;
				}
				
				.hn_two p {
					width: 168px;
					text-align: center;
					padding: 0 30px;
					display: inline-block;
					font-size: 14px;
					line-height: 18px;
					color: #666;
					border-right: 1px dashed #ccc;
					
    background-repeat: no-repeat;
    background-position: 173px 0;
    border-right: 1px dashed #ccc;
				}
				 
        
        .hn_two p span {
            display: block;
            font-size: 15px;
            color: #222;
            line-height: 48px;
        }
        
        .hn_two p span a {
            color: #222;
        }
        
        .hn_two p:last-of-type {
            border: 0;
        }
    

            .ty-banner-1 {
                overflow: hidden;
                line-height: 0;
                text-align: center;
            }
            
            .ty-banner-1 img {
                visibility: hidden;
            }
            
            .ty-banner-1 img.show {
                visibility: visible;
            }
        

        .p1-search-1 {
            background: #f2f2f2;
            height: 82px;
            border-bottom: 1px solid #eee;
            overflow: hidden;
            font-size: 14px;
        }
        
        .p1-search-1 p {
            color: #444;
            line-height: 82px;
        }
        
        .p1-search-1 a {
            color: #444;
            display: inline-block;
            margin-right: 15px;
        }
        
        .p1-search-1-inp {
            width: 270px;
            height: 30px;
            border-radius: 20px;
            background: #fff;
            padding-left: 10px;
            margin-top: 28px;
        }
        
        .p1-search-1-inp input {
            border: 0;
        }
        
        .p1-search-1-inp1 {
            width: 224px;
            height: 30px;
            line-height: 30px;
            color: #a9a9a9;
            float: left;
        }
        
        .p1-search-1-inp2 {
            width: 30px;
            height: 30px;
            background: url(../images/viskins-p1.png) no-repeat -258px -936px;
            float: right;
            cursor: pointer;
        }
    

        .p12-curmbs-1 {
            font-size: 14px;
            border-bottom: 1px dashed #dcdcdc;
        }
        .p12-curblock{
            display: none;
        }
        .p12-curmbs-1 b {
            border-left: 10px solid #d60201;
            font-weight: normal;
            padding-left: 8px;
        } 
        .p12-curmbs-1 i {
            font-style: normal;
        }
        
        .p12-curmbs-1 span {
            font-family: '宋体';
            padding: 0 5px;
            height: 46px;
            line-height: 46px;
        }
    

        .tl-fdh-02 {
            height: 55px;
            background: #fff;
            margin-bottom: 20px;
            overflow: hidden;
        }
        
        .tl-fdh-02 li {
            width: 20%;
            height: 55px;
            font-size: 18px;
            line-height: 55px;
            text-align: center;
            float: left;
            border-right: 1px solid #eee;
            margin-right: -1px;
            background: #f4f4f4;
            cursor: pointer;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        
        .tl-fdh-02 li a {
            color: #a8a8a8;
        }
        
        .tl-fdh-02 li.sidenavcur,
        .tl-fdh-02 li:hover {
            background: url(../images/p16-icon6.png) no-repeat bottom center #cc0a00;
            border-color: #cc0a00;
        }
        
        .tl-fdh-02 li.sidenavcur a,
        .tl-fdh-02 li:hover a {
            color: #fff;
        }
    

        .p12-aboutinfo-1{display: inline-block;width: 100%;background: #fff;margin-bottom: 38px;}
        .p12-aboutinfo-1-tit{height: 114px;line-height: 114px;font-size: 30px;text-align: center; color:#4b4a4a;}
        .p12-aboutinfo-1-tit span{font-size: 22px;color: #aaa;}
        .p12-aboutinfo-1-nr{padding:0 20px 20px;}
    

        input:required:invalid, input:focus:invalid, textarea:required:invalid, textarea:focus:invalid{box-shadow: none;}
        .code_gg_li img{vertical-align:middle;width:100px;height:32px;}
        .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: #d60201;
            
        }
        
        .p4-order-form-1-con {
            border:1px solid #bbb;
            background:url(../images/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;
            box-sizing: border-box;
            /*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;
            box-sizing: border-box;
        }
        
        .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: 120px;
        }
        
        .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: #cc0a00;
        }
        
        .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("../images/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; }
    
        
    

    i,
    em {
        font-style: normal;
    }
    
    .footWrap {
        background: url(../images/f-bj.jpg) repeat-x center 0;
        height: 504px;
        overflow: hidden;
        font-family: "Microsoft Yahei";
    }
    
    .footer {
        height: 256px;
        width: 1200px;
        margin: 0 auto;
        overflow: hidden;
        padding-top: 54px;
    }
    
    .fcode {
        width: 266px;
        overflow: hidden;
    }
    
    .fcode dd p {
        margin-top: 16px;
        width: 85px;
        float: left;
        margin-right: 32px;
    }
    
    .fcode dd p img {
        width: 85px;
        height: 85px;
        display: block;
        margin: 0 auto;
    }
    
    .fcode dd p span {
        display: block;
        line-height: 34px;
        color: #a9a9a9;
        text-align: center;
        display: block;
    }
    
    .fcode dd i {
        display: block;
        padding-top: 15px;
        font-size: 14px;
        color: #fff;
        text-decoration: underline;
    }
    
    .footer dt a {
        color: #fff;
    }
    
    .fcase {
        width: 154px;
    }
    
    .fserv {
        width: 150px;
    }
    
    .ffang {
        width: 170px;
    }
    
    .fnews {
        width: 156px;
    }
    
    .fabout {
        width: 100px;
    }
    
    .footer dl {
        float: left;
    }
    
    .footer dt {
        height: 38px;
        border-bottom: 1px solid #333333;
        overflow: hidden;
        font-size: 16px;
        line-height: 38px;
        color: #fff;
    }
    
    .footer dd {
        padding-top: 10px;
    }
    
    .footer dd a {
        display: block;
        font-size: 14px;
        color: #bcbcbc;
        line-height: 32px;
    }
    
    .flogo {
        width: 160px;
        overflow: hidden;
        float: right;
    }
    
    .flogo img {
        width: 128px;
        height: 120px;
        display: block;
        margin: 0 auto;
    }
    
    .flogo p {
        padding-top: 18px;
        font-size: 14px;
        line-height: 24px;
        text-align: center;
    }
    
    .flogo b {
        display: block;
        font-size: 20px;
        color: #fff;
        font-family: Arial;
    }
    
    .fwz {
        height: 204px;
        width: 1200px;
        margin: 0 auto;
        overflow: hidden;
    }
    
    .fwz dl {
        padding-top: 36px;
        width: 950px;
        overflow: hidden;
        float: left;
    }
    
    .fwz dt {
        height: 55px;
        overflow: hidden;
        margin-right: 40px;
        width: 400px;
    }
    
    .fcur1 li {
        display: inline-block;
        color: #333333;
        font-size: 14px;
        padding: 0 5px;
    }
    
    .fcur2 li {
        font-size: 12px;
        color: #939393;
        line-height: 24px;
        width: 400px;
        padding-left: 5px;
    }
    
    .fwz dd {
        padding-top: 14px;
        font-size: 14px;
        color: #333333;
        line-height: 30px;
        border-top: 1px solid #d6d6d6;
    }
    
    .fwz dd span {
        display: block;
        color: #999999;
    }
    
    .fwz dd span a {
        color: #999999;
    }
    
    .fwz dd em {
        display: inline-block;
        padding: 0 20px;
    }
    
    .fwz1 {
        width: 200px;
        overflow: hidden;
        float: right;
        padding-top: 56px;
        font-size: 12px;
        line-height: 24px;
        text-align: right;
        padding-right: 10px;
    }
    
    .fwz1 span {
        display: block;
        color: #939393;
        width: 180px;
    }
    
    .ftu {
        display: block;
        clear: both;
        padding-left: 36px;
        height: 124px; 
    }
    
    .ftu i {
        height: 35px;
        margin-top: 8px;
        display: block;
        float: left;
        position: relative;
    }
    
    .ftu i img {
        display: inline-block;
        margin-left: 16px;
    }
    
    .ftu i em {
        display: block;
        position: absolute;
        bottom: 37px;
        left: -6px;
        width: 76px;
        height: 76px;
        display: none;
    }
    
    .ftu i em img {
        width: 76px;
        height: 76px;
        margin-left: 0;
    }
    
    .ftu i:hover em {
        display: block;
    }


        .client-2 {
            position: fixed;
            right: -186px;
            top: 50%;
            z-index: 900;
        }
        
        .client-2 li a {
            text-decoration: none;
        }
        .client-2 li {
            margin-top: 1px;
            clear: both;
            height: 60px;
            position: relative;
        }
        
        .client-2 li i {
            /*background: url(../images/fx.png) no-repeat;*/
            background-repeat: no-repeat;
            background-position:center center;
            background-size: 100% auto;
            display: block;
            width: 25px;
            height: 25px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 16px;
            font-size: 12px;
            line-height: 16px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 .my-kefu-qq i {
            background-image: url(../images/qq-icon.png);
                background-size: 24px 25px;
        }
        .client-2  .my-kefu-hd i {
            background-image: url(../images/kf-icon2.png);
        }
       
        .client-2 .my-kefu-tel i {
            background-image: url(../images/tel-icon.png);
        }
        
        .client-2 .my-kefu-liuyan i {
            background-image: url(../images/ly-icon.png);
        }
        
        .client-2 .my-kefu-weixin i {
            background-image: url(../images/wx-icon1.png);
        }
        
        .client-2 .my-kefu-weibo i {
            background: url(../images/fx.png) no-repeat;
    background-position: -22px -16px;
    background-size: 48px auto;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop i {
            background-image: url(../images/top-icon.png);
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 60px;
            height: 47px;
            position: relative;
        }
        
        .client-2 .my-kefu-tel-right {
            font-size: 16px;
            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: #333333;
            color: #fff;
            height: 52px;
            width: 247px;
            padding:8px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #333333;
            width: 97px;
            height: 52px;
            position: relative;
            padding:8px 0 0;
            float: left;
        }
        .client-2 li:hover .my-kefu-main,.client-2 li:hover .my-kefu-tel-main  { background-color:#d60101;}
        .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;
        }
    
