
        .top_bg {
            height: 180px;
            background: url(../images/top_bg.gif) repeat-x;
            overflow: hidden;
        }
        
        .header {
            width: 1200px;
            margin: 0 auto;
        }
        
        .h_con {
            height: 120px;
            overflow: hidden;
        }
        
        .h_con h1 {
            float: left;
          
            padding: 16px 25px 0 0;
        }
        
        .h_con h1 img {
            
        }
        
        .h_con .h_dw {
            float: left;
            padding: 22px 0 0 25px;
            font-size: 24px;
            color: #333;
            line-height: 34px;
            background: url(../images/t_line.gif) no-repeat 0 30px;
        }
        
        .h_dw i {
            display: block;
            font-size: 22px;
            color: #666;
        }
        
        .h_dw b {
            font-size: 24px;
        }
        
        .h_tel {
            float: right;
            padding: 25px 0 0 65px;
            font-size: 18px;
            color: #333;
            line-height: 26px;
            background: url(../images/tel.gif) no-repeat;
            line-height: 34px;
            height: 95px;
        }
        
        .h_tel b {
            display: block;
            font-size: 30px;
            color: #4877bd;
            font-family: "impact";
        }
        
        .h_nav {
            height: 60px;
            line-height: 60px;
            overflow: hidden;
        }
        
        .h_nav li {
            height: 60px;
            float: left;
            background: url(../images/nav_bor.gif) no-repeat right 28px;
            margin-left: -1px;
            padding: 0 45px;
        }
        
        .h_nav li a {
            font-size: 14px;
            color: #fff;
            display: block;
            float: left;
            position: relative;
            vertical-align: middle;
            text-align: center;
            height: 60px;
            -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%;
            bottom: 0;
            background: #fff;
            height: 2px;
            -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(../images/nav_line.gif) repeat-x 0 bottom;
        }
        
        .h_nav .nobor {
            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: 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;
            height: 40px;
            line-height: 40px;
        }
        
        .p12-curblock{
            display: none;
        }
        .p12-curmbs-1 b {
            border-left: 10px solid #ededed;
            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: 14.28%;
            height: 55px;
            font-size: 18px;
            line-height: 55px;
            text-align: center;
            float: left;
            border-right: 1px solid #d8d8d8;
            box-sizing:border-box;
            background: #f4f4f4;
            cursor: pointer;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        
        .tl-fdh-02 li a {
            display: block;
            height: 55px;
            color: #333;
        }
        
        .tl-fdh-02 li.sidenavcur,
        .tl-fdh-02 li:hover {
            background: url(../images/p16-icon6.png) no-repeat bottom center #4877bd;
            border-color: #4877bd;
        }
        
        .tl-fdh-02 li.sidenavcur a,
        .tl-fdh-02 li:hover a {
            color: #fff;
        }
    

        .p12-aboutinfo-1{display: block;margin:0 auto 38px;background: #fff;}
        .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;}*/
    
        .h_con h1 img {
            width: 88px;
            height: 88px;
        }
        .f_bj{color:#828384;clear:both;font-family:"Microsoft Yahei";height:440px;font-size: 16px;overflow: hidden;background: url(../images/f_bj.jpg) no-repeat center 0;padding-top:129px; box-sizing: border-box;}
        .footer{ margin: 0 auto;width: 1200px;}
        .f_on2{ width:318px; height: 241px; border-right: 1px solid rgba(255,255,255,0.25);}
        .f_on2 h3{ height: 163px;}
        .f_on2 h3 em{ overflow: hidden; height: 92px; display: block; padding-top: 3px;}
        .f_on2 h3 i{ display: block; line-height: 100%; font-size: 18px; color: #fff; letter-spacing: 2px;}
        .f_on2 h3 i span{ display: block; font-weight: normal; color: #abb4c3; letter-spacing:-1px; font-family: Arial; font-size: 10px; line-height: 100%; padding-top: 8px;}
        .f_on2 ul li{ line-height: 100%; color: #cfd4dc; font-size: 14px; margin-bottom: 12px;}
        .f_on2 ul li a{color: #cfd4dc;}
        .f_on2 ul li span{ padding-right: 16px;}
        .f_on1{ overflow: hidden; margin-left: 43px; width: 315px;  margin-right: 45px; position:relative;}
        .f_on1:before{ position: absolute; right: 0; top: 0; background: rgba(255,255,255,0.25); content: ""; width: 1px;height: 241px;}
        .f_on1 ul li{ float:left; width: 157px; line-height: 100%;margin-bottom: 17px;}
        .f_on1 ul li a{ display: inline-block; line-height: 100%;color: #cfd4dc; font-size: 14px; }
        .f_on1 ul li a:hover{text-decoration: underline;}
        .f_on4{ float: left; width: 345px; }
        .f_on4 ul li{ line-height: 100%; color: #cfd4dc; font-size: 14px; margin-bottom: 17px;}
        .f_on3{float: right; overflow: hidden; width: 132px; padding-top: 66px;text-align: center;}
        .f_on3 em{ display:block; line-height: 100%; color: #d0d5de; font-size: 13px; padding-top: 9px;}
        .f_on3  img{width: 118px; height: 119px;}
        .tils{ height: 92px; padding-top: 3px; line-height: 100%; color: #fff; font-size: 20px; letter-spacing: 1px;}
        .tils span{ display: block; line-height: 100%; padding-top: 8px;font-weight: normal; color: #818fa8; font-family: Arial; font-size: 12px; letter-spacing: 0;}
        .f_on4 ul li a{color: #cfd4dc;}
  

        .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(../images/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: #4877bd;
            color: #fff;
            height: 53px;
            width: 230px;
            padding:9px 0 0;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #4877bd;
            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;
        }
    
