﻿
.top_bg{ height:187px; background:url(../image/top_bg.gif) repeat-x; overflow:hidden;}
.header{width: 1200px; margin:0 auto;}
.h_con{ height:103px;padding: 18px 0 0;overflow: hidden;}
.h_con .logo{ float:left;width: 437px;padding: 10px 30px 0 0;}
.h_con .logo img{ width:437px; height:69px;}
.h_con .h_dw{ float:left;height: 88px;font-size: 28px;color: #151515;overflow: hidden; letter-spacing:2px;line-height: 34px; background:url(../image/t_line.gif) no-repeat 0 28px;padding: 10px 0 0 30px;}
.h_dw span{display: block;font-size: 20px;font-weight: normal; letter-spacing:5px;padding:0 0 0 5px;}
.h_dw i{color: #ffa300;}
.h_tel{float: right;height: 88px;line-height: 32px;text-align: right;font-size: 20px;color: #333;position: relative;margin:10px 0 0;}
.h_tel b{font-size: 30px;font-family: "DINOT";display: block;}
.h_tel em{display: block;width: 26px;height: 26px;position: absolute;top: 2px;right: 90px;}
.h_tel em img{width: 26px;height: 26px;}
.h_nav{ height:66px; line-height:66px;overflow: hidden;}
.h_nav li{height: 66px; float:left;padding: 0 23px;position: relative; background:url(../image/nav_bor.png) no-repeat right 24px;}
.h_nav li a{ font-size:20px; color:#333;font-weight: bold;display:block; float:left;position: relative;vertical-align: middle;text-align: center;height: 66px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;}
.h_nav li a:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 55px;
  background: #ffa300;
  height: 3px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.h_nav li a:hover:before, .h_nav li a:focus:before, .h_nav li a:active:before {
  right: 0;
}
.h_nav li.cur a{ background:url(../image/nav_line.gif) no-repeat center 55px;}
.h_nav li:first-child{padding-left: 0;}
.h_nav li.nobor{padding-right: 0;background: none;}
em,i{ font-style:normal;}


        .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: 18px;
        }
        
        .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(../image/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 #ffa300;
            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: 12.5%;
            height: 55px;
            font-size: 18px;
            line-height: 55px;
            text-align: center;
            float: left;
            border-right: 1px solid #eee;
            margin-right: -1px;
            background: #efefed;
            cursor: pointer;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        
        .tl-fdh-02 li a {
            display: block;
            height: 55px;
            color: #595757;
        }
        
        .tl-fdh-02 li.sidenavcur,
        .tl-fdh-02 li:hover {
            background: url(../image/p16-icon6.png) no-repeat bottom center #162f8b;
            border-color: #162f8b;
        }
        
        .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;font-weight: normal;text-align: center; color:#4b4a4a;}
        .p12-aboutinfo-1-tit span{font-size: 22px;color: #aaa;}
        .p12-aboutinfo-1-nr{padding:0 0 20px;}
    

    .order-form-01 {
        padding: 7px;
        border: 1px dashed #d2d2d2;
        width: 1184px;
        margin: -60px auto 50px;
position: relative;
z-index: 10;
    }
    
    .order-form-01-con {
        min-height: 398px;
        background: #eee;
        padding: 18px 8% 20px;
    }
    
    .order-form-01-t1 {
        height: 34px;
        font-size: 22px;
        color: #2a2a2a;
        line-height: 34px;
        border-bottom: 1px dashed #b8b8b8;
        margin-bottom: 16px;
        margin-right: 2%;
    }
    
    .order-form-01-t1 span {
        font-size: 18px;
        color: #162f8b;
    }
    
    .order-form-01-con li {
        width: 48%;
        min-height: 36px;
        font-size: 16px;
        line-height: 36px;
        color: #636363;
        float: left;
        border: 1px solid #a0a0a0;
        overflow: hidden;
        box-sizing: border-box;
        margin-right: 2%;
        margin-bottom: 15px;
        position: relative;
    }
    
    .order-form-01-con li input {
        background: none;
        height: 34px;
        max-width: 100%;
        width: 70%;
        border: 0;
        outline: none;
    }
    
    .order-form-01-con li label,
    .order-form-01-con .code label {
        float: left;
        padding: 0 6px;
    }
    .order-form-01-con li em {
        float: left;
        color: #666;
        font-size: 14px;
        display: block;
    }
    .order-form-01-con li span {
        color: #ff1717;
        position: absolute;
        top: 0;
        right: 10px;
    }
    
    .order-form-01-con textarea {
        width: 95%;
        height: 140px;
        padding: 0 1%;
        border: none;
        outline: none;
        resize: none;
        background: none;
    }
    
    .order-form-01-con .order-form-01-textarea {
        width: 98%;
    }
    
    .order-form-01-select label {
        position: absolute;
        left: 0;
        top: 0;
    }
    
    .order-form-01-con select {
        width: 90%;
        height: 36px;
        border: 0;
        outline: none;
        margin-left: 52px;
        background: none;
    }
    
    .order-form-01-con .order-form-01-radio input {
        width: 12px;
        height: 12px;
        margin: 0 4px;
    }
    
    .order-form-01-con .submit .form-btn-submit {
        width: 88px;
        background: #162f8b;
    }
    
    .order-form-01-con .submit .form-btn-reset {
        display: none;
    }
    
    .order-form-01-con li.dingz{
        width: 98%;
    }
    
    .order-form-01-con .code {
        height: 36px;
        font-size: 14px;
        line-height: 36px;
        color: #636363;
        float: left;
        margin-right: 2%;
        margin-bottom: 15px;
        border: 1px solid #a0a0a0;
        overflow: hidden;
        box-sizing: border-box;
    }
    
    .order-form-01-con .code input {
        background: none;
        height: 34px;
        width: 30%;
        border: 0;
        float: left;
        outline: none;
    }
    
    .order-form-01-con .code b {
        display: block;
        float: right;
    }
    
    .order-form-01-con .code img {
        height: 34px;
        vertical-align: top;
    }
    
    .order-form-01-con .submit {
        width: 360px;
        margin-bottom: 15px;
        float: left;
    }
    
    .order-form-01-con .submit b {
        font-size: 16px;
        font-weight: normal;
        line-height: 36px;
        color: red;
    }
    
    .order-form-01-con .submit input {
        width: 88px;
        height: 36px;
        margin-right: 4px;
        background: #162f8b;
        border: 0;
        outline: none;
        font-weight: bold;
        color: #fff;
        cursor: pointer;
    }


.f_bg{ background:#eee url(../image/f_bg.jpg) no-repeat center 0;overflow: hidden;}
.footer{width: 1200px; margin:0 auto;}
.f_tel{height: 90px;padding: 44px 0 0;overflow: hidden;}
.f_tel p{float: left;overflow: hidden;font-size: 20px;color: #121212;line-height: 32px;height: 100px; background:url(../image/f_line01.png) no-repeat right 14px;}
.f_tel p b{display: block;font-family:Arial, Helvetica, sans-serif;padding: 0 0 0 35px;}
.f_tel .f_p01{width: 425px;}
.f_tel .f_p02{width: 280px;padding-left: 65px;}
.f_tel .f_p03{width: 370px;padding-left: 50px;background: none;}
.f_tel .f_p01 b{ background:url(../image/f_ico01.png) no-repeat 0 4px;}
.f_tel .f_p02 b{ background:url(../image/f_ico02.png) no-repeat 0 5px;}
.f_tel .f_p03 b{ background:url(../image/f_ico03.png) no-repeat 0 6px;}
.f_logo{width: 425px;height: 190px;padding: 54px 0 0; background:url(../image/f_line02.png) no-repeat right 45px;}
.f_logo h5{width: 285px;}
.f_logo h5 img{width: 285px;height: 70px;}
.f_logo p{font-size: 18px;color: #eee;height: 30px;line-height: 30px;padding: 30px 0 0;}
.f_nav{width: 280px;padding: 44px 0 0 65px;height: 200px; background:url(../image/f_line02.png) no-repeat right 45px;}
.f_nav ul li{float: left;line-height: 48px;width: 140px;height: 48px;overflow: hidden;}
.f_nav ul li a{font-size: 22px;color: #eee;}
.f_nav ul li a:hover{color: #ffa300;font-weight: bold;}
.f_er{width: 320px;padding: 44px 0 0;height: 200px;}
.f_er p{width: 127px;padding: 0 0 0 33px;float: left;text-align: center;line-height: 0;}
.f_er p img{width: 125px;height: 125px;display: block;border: #d5d5d5 1px solid;}
.f_er p span{display: block;font-size: 18px;color: #eee;line-height: 40px;}
.f_bot{height: 55px;line-height: 55px;overflow: hidden;font-size: 18px;color: #131313;text-align: center;}
.f_bot span{padding: 0 20px;}
.f_bot a{color: #131313;}
  

        .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: 62px;
            position: relative;
        }
        
        .client-2 li i {
            background: url(../image/fx.png) no-repeat;
            display: block;
            width: 30px;
            height: 27px;
            margin: 0px auto;
            text-align: center;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            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: 31px;
    background-position: -23px -47px;
    background-size: 52px 82px;
        }
        .client-2 .my-kefu-ftop .my-kefu-main{
            padding-top: 6px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 62px;
            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: #162f8b;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #162f8b;
            width: 97px;
            height: 53px;
            position: relative;
            padding:9px 0 0;
            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;
        }
    
