
	  .f_pr{position:relative;}
	.f_pa{position:absolute;}
	.header , .content , .footer { width:1200px; margin:0 auto;  }
	em{font-style:normal;}
      .g_top{ height:229px; background:url(images/topbg.jpg) repeat-x center top;}
      .g_top .m_top{height: 169px;}
      .top_t{ height:44px; line-height:44px;color:#414141;font-size: 14px;}
      .top_t p{ float:right;}
      .top_t p a{ padding: 0 22px 0 22px; display: inline-block; color:#414141;}
      .top_t p a:nth-child(3){background: #ff8b00;color:#fff;}
      .top_c .tlogo{ float:left; padding: 15px 20px 0 0;}
      .top_c h2{ float:left; height:60px; margin:30px 0 0 0; color: #333333; font-size: 24px; font-weight: bold;}
      .top_c h2 em{ display:block; color:#333333; font-weight:normal; font-size: 20px; padding-top: 3px; }
      .top_c p{ float:right; margin:39px 0 0 0 ;padding: 0 0 0 55px; background:url(images/tel.jpg) no-repeat left 2px; }
      .top_c p b{display: block; color:#333333; font-size:18px;font-weight: normal;}
      .top_c p span{ display:block; font-size:28px; color:#ff8b00;font-family: arial;font-weight: bold; }
       .g_nav{height:60px; line-height: 60px; }
        .g_nav li{position: relative; float:left; font-size:16px; }
        .g_nav li a{display:block;float: left; padding: 0 52px; color:#fff; height: 60px; line-height:60px; text-decoration: none;position: relative;}
        .g_nav li a:before{content:"";position: absolute;width:1px;height: 11px;background: rgba(255,255,255,.2);right: 0;top:24px;}
        .g_nav li:last-child a:before{background: none;}
        .g_nav li a:hover,.g_nav .cur a{color: #fff;background:#ff8b00;}
        .g_nav .lastli{background: none;}
    

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

    .p102-search-1 {
        height: 70px;
        border-bottom: 1px solid #ededed;
        background: #f7f7f7;
    }
    
    .p102-search-1 p {
        float: left;
        width: 750px;
        height: 70px;
        line-height: 70px;
        font-size: 14px;
        color: #333333;
    }
    
    .p102-search-1 p b {
        display: inline-block;
    }
    
    .p102-search-1 p a {
        color: #666666;
        display: inline-block;
        margin-right: 15px;
    }
    .p102-search-1 p a:hover{color: #005fbb;}
    .p102-search-1-inp {
        float: right;
        width: 356px;
        height: 36px;
        background: #fff;
        margin-top: 18px;
        border-radius: 25px;
        position: relative;
    }
    
    .p102-search-1-inp:before,
    .p102-search-1-inp:after {
        content: '';
        position: absolute;
        width: 80%;
        height: 1px;
        background: #e3e3e3;
        left: 10%;
        z-index: 0;
    }
    
    .p102-search-1-inp:before {
        top: 0;
    }
    
    .p102-search-1-inp:after {
        bottom: 0;
    }
    
    .p102-search-1-inp1 {
        width: 249px;
        height: 34px;
        line-height: 34px;
        color: #999999;
        border: 1px solid #e3e3e3;
        border-right: 0;
        padding: 0 20px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
        float: left;
    }
    
    .p102-search-1-inp2 {
        width: 66px;
        height: 36px;
        border: 0;
        border-radius: 25px;
        background: url(images/p102-search-icon1.png) no-repeat center center #005fbb;
        float: right;
        position: relative;
        z-index: 2;
        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 #ff8b00;
            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;
        }
    

    .p102-pro-content-nav {
        height: 0px;
        box-shadow: 0 -2px 3px #f9f9f9, 0 4px 6px #e9e9e9;
    }
    
    .fixed {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 88;
        background: #fff;
    }
    
    .p102-pro-content-nav li {
        float: left;
        line-height: 50px;
        margin-right: 50px;
        position: relative;
        font-size: 18px;
        color: #4c4c4c;
        font-weight: normal;
    }
    
    .p102-pro-content-nav li.cur,
    .p102-pro-content-nav li:hover {
        color: #005fbb;
    }
    
    .p102-pro-content-nav li.cur:before,
    .p102-pro-content-nav li:hover:before {
        content: '';
        position: absolute;
        width: 12px;
        height: 12px;
        border: 3px solid #005fbb;
        background: #fff;
        border-radius: 100%;
        left: 50%;
        margin-left: -9px;
        bottom: -10px;
        z-index: 1;
    }
    
    .p102-pro-content-nav li.cur:after,
    .p102-pro-content-nav li:hover:after {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        background: #005fbb;
        border-radius: 100%;
        left: 50%;
        margin-left: -3px;
        bottom: -4px;
        z-index: 2;
    }
    
    .p102-pro-content-desc {
        padding: 40px 0;
        font-size: 16px;
        line-height: 30px;
        text-align: justify;
    }


    
.g_fwfw{padding-top: 75px;padding-bottom: 60px;overflow: hidden;}
.g_fwfw h2{height: 130px;text-align:center;background: url(images/lctit2.png) no-repeat center 90px;font-size: 40px;color:#333333;font-weight: normal;}
.g_fwfw h2 em{display: block;font-size: 18px;color:#333333;padding-top: 6px;}
.g_fwfw dl{float: left;width:18.9%;margin:0 0.5%;overflow: hidden;position: relative;}
.g_fwfw dt{width:100%;}
.g_fwfw dt img{width:100%;display: block;-webkit-transition:all .5s linear;-webkit-transition:all .5s linear;}
.g_fwfw dd{position: absolute;left:0;top:0;width:100%;height: 100%;background: rgba(0,0,0,.7);padding: 1.25rem 0 0 14%;box-sizing: border-box;z-index: 11}
.g_fwfw em{display: block;font-size: 64px;color: rgba(255,255,255,.2);}
.g_fwfw h3{font-size: 1rem;color:#fff;font-weight: normal;margin-bottom: 2rem;}
.g_fwfw span{display: block;font-size: 0.6rem;color:rgba(255,255,255,.5);text-transform: uppercase;
	/*writing-mode: vertical-lr;从左向右 从右向左是 writing-mode: vertical-rl;*/  
    /*writing-mode: tb-lr;IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/  }
    
    
.g_fwfw dl:hover dd,.g_fwfw .cur dd{border:0.3rem solid #fff;}
.g_fwfw dl:hover,.g_fwfw .cur{box-shadow: 7px 0 27px rgba(0,0,0,.35)}
.g_fwfw dl:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}
.g_fwfw dl:before{display:block;width: 100%; height:100%;content:""; position: absolute; top:0; left:0; -webkit-transition:all .5s linear;-webkit-transition:all .5s linear;z-index:3;}
.g_fwfw dl:hover:before{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background:rgba(0,93,194,0.8);}
.g_fwfw dl:hover dd,.g_fwfw .cur dd{background: none;}
html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 15px;}}
@media screen and (min-width: 1280px) {html {font-size: 16px;}}
@media screen and (min-width: 1366px) {html {font-size: 17px;}}
@media screen and (min-width: 1440px) {html {font-size: 18px;}}
@media screen and (min-width: 1600px) {html {font-size: 20px;}}
@media screen and (min-width: 1920px) {html {font-size: 24px;}}


    .p102-pro-content-title {
        display: inline-block;
        height: 64px;
        line-height: 64px;
        font-size: 32px;
        color: #1a1a1a;
        font-weight: normal;
        position: relative;
        border-bottom: 3px solid #005fbb;
    }
    
    .p102-pro-content-title:after {
        content: '';
        position: absolute;
        width: 50%;
        height: 3px;
        background: #ff8b00;
        right: 0;
        bottom: -3px;
        z-index: 1;
    }
    
    .p102-pro-case {
        padding: 60px 0 80px;
    }
    
    .p102-pro-case-list {
        padding-top: 40px;
    }
    
    .p102-pro-case-items dl {
        float: left;
        width: 378px;
        position: relative;
        margin-right: 33px;
    }
    
    .p102-pro-case-items dl:nth-child(4n-1) {
        margin-right: 0;
    }
    
    .p102-pro-case-items dt img,
    .p102-pro-case-items dt a {
        display: block;
        width: 100%;
    }
    
    .p102-pro-case-items dd {
        position: absolute;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        left: 0;
        bottom: 0;
        z-index: 2;
    }
    
    .p102-pro-case-items dd h4 a {
        display: block;
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        color: #ffffff;
        text-align: center;
        padding: 0 15px;
    }
    
    .p102-pro-case-items dl:hover dt a:before {
        content: '';
        position: absolute;
        background: rgba(0, 0, 0, 0.5);
        width: 100%;
        top: 0;
        bottom: 0;
        z-index: 1;
    }
    
    .p102-pro-case-items dl:hover dt a:after {
        content: '+';
        position: absolute;
        width: 50px;
        height: 50px;
        font: 30px/50px "宋体";
        color: #fff;
        text-align: center;
        background: #005fbb;
        left: 50%;
        margin-left: -25px;
        top: 50%;
        margin-top: -25px;
        border-radius: 100%;
        z-index: 2;
    }
    
    .p102-pro-case-items dl:hover dd {
        background: none;
    }
    
    .p102-pro-case-paging {
        height: 30px;
        text-align: center;
        padding-top: 25px;
    }
    
    .p102-pro-case-paging li {
        display: inline-block;
        width: 10px;
        height: 10px;
        border: 3px solid #005fbb;
        border-radius: 100%;
        margin: 0 5px;
    }
    
    .p102-pro-case-paging li.cur {
        background: #005fbb;
    }
    
    .p102-pro-case-more {
        width: 198px;
        height: 44px;
        margin: 35px auto 0;
        border: 1px solid #005fbb;
        position: relative;
    }
    
    .p102-pro-case-more a {
        display: block;
        height: 44px;
        line-height: 44px;
        font-size: 18px;
        font-weight: normal;
        color: #005fbb;
        padding-left: 64px;
        position: relative;
    }
    
    .p102-pro-case-more a:before {
        content: '';
        width: 20px;
        height: 14px;
        position: absolute;
        border: 4px solid #005fbb;
        border-left: 0;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        left: 26px;
        top: 11px;
    }
    
    .p102-pro-case-more a:after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-top: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-right: 6px solid #005fbb;
        top: 9px;
        left: 22px;
        z-index: 1;
    }


    .title {
        padding-bottom: 15px;
        position: relative;
        font-weight: normal;
        text-align: center;
        margin-bottom: 40px;
    }
    
    .title:after {
        content: '';
        position: absolute;
        width: 76px;
        height: 1px;
        background: #d4d4d4;
        bottom: 0;
        left: 50%;
        margin-left: -38px;
    }
    
    .title span,
    .title a {
        display: block;
        height: 50px;
        line-height: 50px;
        font-size: 38px;
        color: #333333;
    }
    
    .title em {
        display: block;
        height: 22px;
        font: 14px/22px 'Arial';
        color: #808080;
        font-style: normal;
        letter-spacing: 2px;
    }
    
    .p101-recommend-news {
        padding: 60px 0;
        background-color: #f5f5f5;
    }
    .p101-recommend-news-list{margin-top:25px;}
    .p101-recommend-news-list ul {
        padding-top: 5px;
        position: relative;
    }
    
    .p101-recommend-news-list li {
        float: left;
        width: 530px;
    }
    
    .p101-recommend-news-list li p {
        height: 30px;
        margin-bottom: 10px;
        padding-left: 20px;
        position: relative;
        line-height: 30px;
    }
    
    .p101-recommend-news-list li p:before {
        content: "";
        width: 8px;
        height: 8px;
        border: 2px solid #808080;
        border-style: dotted dotted none none;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -4px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: 1;
    }
    
    .p101-recommend-news-list li p:after {
        content: '';
        position: absolute;
        width: 2px;
        height: 2px;
        background: #808080;
        left: 4px;
        top: 50%;
        z-index: 1;
    }
    
    .p101-recommend-news-list li p a {
        display: inline-block;
        max-width: 400px;
        height: 30px;
        font-size: 16px;
        color: #333333;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    
    .p101-recommend-news-list li p:hover a {
        color: #005fbb;
    }
    
    .p101-recommend-news-list li p:hover:before {
        border-color: #005fbb;
    }
    
    .p101-recommend-news-list li p:hover:after {
        background: #005fbb;
    }
    
    .p101-recommend-news-list li p em {
        float: right;
        width: 90px;
        height: 30px;
        font-family: Arial;
        color: #808080;
        text-align: right;
        font-style: normal;
    }
    
    .p101-recommend-news-list li.last {
        margin-left: 140px;
    }
    
    .p101-recommend-news-list li.last:before {
        content: '';
        position: absolute;
        width: 1px;
        left: 50%;
        top: 0;
        bottom: 5px;
        background: #e3e3e3;
        z-index: 3;
    }


     .g_ft{ height:360px; padding-top: 97px; background:#353535;overflow: hidden;}
.g_ft .m_flogo{position: absolute;left:0;top:0;width:246px;}
.g_ft .m_flogo .ftlogo{float: left;width:80px;}
.g_ft .m_flogo em{float: left;line-height: 100px;font-size: 22px;color:#fff;width:100px;padding-left: 10px;}
.g_ft .m_fnav{height:100px; line-height:100px; padding-left: 250px; border-bottom: 1px solid rgba(255,255,255,.3); color:#fff; margin-bottom: 48px; }
.g_ft .m_fnav a{ color:#fff; padding:0 42px 0 0;  font-size: 16px; font-weight: normal;display: inline-block; position: relative;}
.g_ft .m_fnav a:nth-child(1){padding-left: 42px;}
.g_ft .m_fnav a:nth-child(1):before{content: "";position: absolute;background: url(images/home.png) no-repeat;width:36px;height: 36px;left:0;top:32px;}
.g_ft .m_fnav a:hover{color:#0b68c4;}


.g_ft .m_fnav .lasta{padding-right: 0;}
.g_ft .f_ftcon{float: left;width:570px;margin-right: 110px; position: relative; }
.g_ft .f_ftcon:before{content: "";position: absolute;width:1px;height: 136px;background: #585858;right: 0;top:16px;}
.g_ft .f_ftcon h2{height: 65px;}
.g_ft .f_ftcon h2 b{display: block;font-size:16px;color:#fff;}
.g_ft .f_ftcon h2 b a{font-size:16px;color:#fff; font-weight:normal;}
.g_ft .f_ftcon h2 em{font-weight: normal;font-size:12px;text-transform: uppercase;color:#fff; }
.g_ft .f_ftcon li{font-size: 14px;line-height: 28px;color:#fff;}
.g_ft .f_ftcon li a{color:#fff;}

.lxfs{float: left;width:300px;}
.lxfs h2{height: 63px; padding-top: 10px; font-weight: bold;font-size: 18px;color: #fff;line-height: 22px;}
.lxfs h2 em{display: block;font-size: 18px;color: rgba(255,255,255,.22);text-transform: uppercase;font-weight: normal;}
.lxfs p{font-size: 14px;line-height: 28px;color:#fff;}
.g_ft .m_code{float: right;width: 131px;}
.g_ft .m_code img{width:131px;height: 131px;display: block;}
.g_ft .m_code em{display: block;line-height: 50px;text-align: center;font-size: 12px;color:#fff;}





      

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