.content { width: 1200px; margin: 0 auto; }
        .header { height: 233px; background: #fff; position: relative; max-width: 1920px; margin: 0 auto; }
        .favorite { position: relative; overflow: hidden; width: 100%; height: 35px; background: #efefef; line-height: 35px; font-size: 14px; color: #666; }
        .favorite p a { display: inline-block; font-size: 14px; color: #666; line-height: 35px; margin-left: 38px; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
        .favorite p a img { width: 15px; display: inline-block; vertical-align: -2px; margin-right: 9px; }
        .favorite p a:hover { color: #17317e; }
        .favorite p.fr a:last-child img { width: 12px; }
        .header .h_con { height: 123px; }
        .header .logo { float: left; padding-top: 40px; margin-left: -4px; }
        .header .logo img { width: 188px; }
        .header .slogan { float: left; margin-top: 34px; margin-left: 20px; font-weight: normal; letter-spacing: 1px; }
        .header .slogan strong { display: block; font-size: 24px; line-height: 30px; color: #333; }
        .header .slogan span { display: block; font-size: 24px; color: #333; line-height: 30px; }
        .header .h_contact { float: right; margin-top: 42px; padding-left: 60px; background: url(images/h_tel.png) no-repeat left top; }
        .header .h_contact span { display: block; font-size: 16px; color: #333; line-height: 18px; margin-bottom: 4px; }
        .header .h_contact strong { font-size: 26px; color: #17317e; line-height: 30px; display: block; }
        .header .menu { background: #17317e; height: 75px; }
        .header .menu li { position: relative; float: left; width: 171px; height: 75px; text-align: center; }
        .header .menu li:before { position: absolute; content: ""; width: 100%; height: 75px; background: #ffaf3c; left: 0px; bottom: 0; z-index: 2; opacity: 0; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
        .header .menu li > a { display: block; font-size: 16px; color: #fff; line-height: 26px; position: relative; z-index: 2; padding-top: 17px; height: 75px; box-sizing: border-box; }
        .header .menu li > a span { display: block; font-size: 11px; color: rgba(255, 255, 255, 0.23); line-height: 15px; }
        .header .menu li > a:after { position: absolute; content: ""; width: 1px; height: 75px; background: #1b1b1b; right: -1px; top: 0; z-index: 1; }
        .header .menu li > a:before { position: absolute; content: ""; width: 1px; height: 75px; background: rgba(220, 220, 220, 0.2); right: -2px; top: 0; z-index: 1; }
        .header .menu li:last-child > a:before, .header .menu li:last-child > a:after { display: none; }
        .header .menu li.cur > a, .header .menu li:hover > a { font-weight: bold; }
        .header .menu li.cur > a span, .header .menu li:hover > a span { color: rgba(255, 255, 255, 0.7); font-weight: normal; }
        .header .menu li.cur > a:before, .header .menu li:hover > a:before, .header .menu li.cur > a:after, .header .menu li:hover > a:after { display: none; }
        .header .menu li.cur:before, .header .menu li:hover:before, .header .menu li.cur:after, .header .menu li:hover:after { opacity: 1; }
        .submenu { position: absolute; left: 50%; top: 100%; transform: translateX(-50%);  display: none; z-index: 99 ;padding-top: 22px !important;}
        .submenu p{
            background: rgba(255, 255, 255, .95); padding:6px 21px;border-radius:10px; position: relative;
        }
        .submenu p:before { position: absolute; content: ""; border-width: 9px 8px; border-style: solid; border-color: transparent transparent rgba(255,255,255,.95); top: -18px; left: 50%; margin-left: -8px }
        .submenu a { transition: all .4s ease; display: block; font-weight: 500; padding: 0 17px 0 32px; font-size: 16px; line-height: 48px; color: #333; line-height: 54px; white-space: nowrap; position: relative;border-bottom:1px dotted #B5B5B5; text-align:left;}
        .submenu a:last-child { border-bottom: 0 }
        .submenu a:before { position: absolute; content: ""; width:4px;
height:4px;
border:2px solid rgba(125,125,125,1);
border-radius:50%; top: 23px; left: 13px; transition: ease .4s; -o-transition: ease .4s; }
        .submenu a:hover { color: #17317E;font-weight:bold; }
        .submenu a:hover:before { border-color: #17317E;  }
      

      .footer { border-top: 1px solid rgba(102, 102, 102, 0.2); height: 544px; background: url(images/footer_bg.jpg) no-repeat center 90px; }
      .footer h4 { overflow: hidden; margin-bottom: 31px; }
      .footer h4 strong { display: block; font-size: 20px; line-height: 24px; color: #fff; float: left; letter-spacing: 1px; }
      .footer h4 span { display: block; font-size: 12px; line-height: 32px; color: rgba(255, 255, 255, 0.5); float: left; margin-left: 7px; font-weight: normal; }
      .f_tel { height: 90px; padding-top: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 102px; }
      .f_tel p { float: left; width: 371px; font-size: 16px; line-height: 21px; color: #333; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
      .f_tel p:after { position: absolute; content: ""; width: 3px; height: 54px; background: #333; right: 0; top: -14px; }
      .f_tel p img { display: block; width: 19px; height: 21px; margin-right: 14px; float: left; }
      .f_tel p strong, .f_tel p span { display: block; float: left; }
      .f_tel p:nth-child(2) { width: 459px; padding-left: 71px; }
      .f_tel p:last-child { width: 370px; padding-left: 67px; }
      .f_tel p:last-child:after { display: none; }
      .f_info { clear: both; height: 65px; font-size: 14px; line-height: 65px; color: rgba(255, 255, 255, 0.4); }
      /*.f_info p{font-size: 14px; line-height: 65px; color: rgba(255, 255, 255, 0.4);}*/
      .f_info span { display: inline-block; margin-right: 30px; color: rgba(255, 255, 255, 0.4);}
      .f_info a { color: rgba(255, 255, 255, 0.4); }
      .f_menu { position: relative; width: 442px; height: 287px; }
      .f_menu a { display: block; position: relative; font-size: 14px; color: rgba(255, 255, 255, 0.8); line-height: 36px; width: 170px; padding-right: 20px; float: left; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
      .f_menu a:hover { color: rgba(255, 255, 255, 1); }
      .f_contact { width: 456px; float: left; position: relative; }
      .f_contact p { font-size: 14px; color: rgba(255, 255, 255, 0.8); line-height: 36px; white-space: nowrap; }
      .f_contact p span { margin-right: 14px;  }
      .f_contact p a { color: rgba(255, 255, 255, 0.8); margin-right: 14px; }
      .f_qr { width: 302px; background: url(images/qr_bg.png) no-repeat left 60px; }
      .f_qr img { width: 125px; height: 125px; display: block; float: left; }
      .f_qr i { display: block; font-size: 14px; color: rgba(255, 255, 255, 0.8); line-height: 22px; float: left; width: 177px; margin-top: 115px; font-style:normal;}
      .clearfix:after { content: "."; height: 0; display: block; visibility: hidden; clear: both; }
      

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