.f_pr{position:relative;}
	.f_pa{position:absolute;}
	.header , .content , .footer { width:1200px; margin:0 auto;  }
	em{font-style:normal;}
      .g_top{padding:0 3%;height: 5.4rem;background:#fff;overflow: hidden;max-width: 1920px;min-width: 1200px;margin:0 auto;position: fixed;left:0;top:0;width:94%;z-index:15}
      .g_top .tlogo{ float:left;width:12.6%;margin-right: 1%;margin-top: 0.5rem;}
      .g_top .tlogo img{width:100%;display: block;}
      .g_top h2{ float:left;width:26%;padding-top: 1.5rem;font-size:0.85rem;color:#0449b4;}
      .g_top h2 em{ display:block; color:#545454; font-weight:normal; font-size: 1rem; padding-top: 3px; }
       .g_nav{float: left;width:55%; }
        .g_nav li{float: left;font-size:0.8rem;color:#666666; padding: 0 1.5%; height: 5.4rem;line-height: 5.4rem;position: relative;}
        .g_nav li:before{content: "";position: absolute;width:1px;height: 0.5rem;background: #c7c7c7;right: 0;top:2.5rem;}
        .g_nav li:last-child:before{background: none;}
        .g_nav li:hover:before{background: none;}
        .g_nav li a{ display:block;float: left;color:#666666;height: 5.4rem;line-height: 5.4rem; text-decoration: none;}
        .g_nav li:hover,.g_nav .cur{color: #ffd800;background:#0449b4;font-weight: bold;margin-left: -1px;}
       .g_nav li:hover a,.g_nav .cur a{color: #ffd800;}


       .g_top .ttel{float:right;width:2%;position: relative;}
       .g_top .ttel i{display: block;width:100%;margin-top: 2rem;}
       .g_top .ttel i img{width:100%;display: block;}
       .g_top .ttel em{position: absolute;left:-9rem;top:3.6rem;font-size:1.2rem;color:#666666;font-weight: bold;width:12rem;}
       .g_top .ttel:hover em{opacity: 1}
       
       
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;}}

    

        .ty-banner-1 {
            margin-top: 5.4rem;
            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: #0549b4;}
    .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 #0549b4;
        float: right;
        position: relative;
        z-index: 2;
        cursor: pointer;
    }


		.plc{padding: 5px 0 25px;}
		.p12-curblock{
			display: none;
		}
		.p102-curmbs-1{height: 40px;line-height: 40px;font-size: 14px;color: #808080;}
		.p102-curmbs-1 b {
			font-weight: normal;
			padding-left: 35px;
			background: url(images/p102-curmbs-icon1.png) no-repeat left center;

		}
		.p102-curmbs-1 i {
			font-style: normal;
		}

		.p102-curmbs-1 span {
			font-family: 宋体;
			height: 46px;
			line-height: 46px;
			padding: 0px 5px;
		}
		.p102-curmbs-1 a{color: #808080;}
		.p102-curmbs-1 a:hover{color: #0549b4;}
	

    .g_pro22{background: #f0f0f0;padding-top: 4rem;padding-bottom:2rem;overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_pro22 h2{height: 122px;text-align: center;font-size: 48px;font-weight: normal;color:#1d1d1d;}
.m_pro22{height:40rem;}
.g_pro22 h2 em{display: block;font-size: 18px;color: rgba(0,0,0,.5);}
.g_pro22 .m_pro{height: 27.5rem;}
.g_pro22 .cphd li{float: left;width: 4.68%;margin-right: 1px;background: #054ab4;padding-top: 10%;padding-bottom: 11.5%; position: relative;height: 27.3rem; overflow: hidden; box-sizing: border-box;}
.g_pro22 .cphd li em{display: block;width: 50%;margin: 0 auto;font-size: 1.6rem;color:rgba(255,255,255,.5);}
.g_pro22 .cphd li span{display: block;width: 30%;margin: 0 auto;font-size: 1rem;color:rgba(255,255,255,1);}
.g_pro22 .cphd li:hover,.g_pro22 .cphd .on{background: #deb004;}
.g_pro22 .cphd .fl06{margin-right: 57%;}
.g_pro22 .cpbd{position: absolute!important; width: 56.77%; left:23.9%;top:0;}
.g_pro22 .cpbd dt{width: 100%;}
.g_pro22 .cpbd dt img{width: 100%;display: block; }
.g_pro22 .cpbd dd{position: absolute;left:5%;top:95%;width: 90%;height: 13rem; box-sizing: border-box; padding: 1.3rem 5% 0 5%;background: #fff; box-shadow: 0 0 24px #ccc; }
.g_pro22 .cpbd dd:before{content: "";position: absolute;background:url(../images/cpline.jpg) no-repeat;background-size: 100%; width:690px;height: 13px;left:390px;top:300px;}
.g_pro22 .cpbd h3{height: 3rem;font-size: 2rem;color: #424242;}
.g_pro22 .cpbd p{font-size: 0.8rem;line-height: 1.3rem;color: #424242;margin-bottom: 0.7rem}
.g_pro22 .jt{position: absolute;left:50%;bottom:18%;width: 1200px;margin-left: -600px;}
.g_pro22 .jt:before{content: "";position: absolute;width: 1px;height: 16px;background: #babbbb;right: 68px;top:2px;}
.g_pro22 .u_ljt{background:url(images/ljt22.png) no-repeat;width: 35px;height: 18px;right: 108px;top:105px;position: absolute;}
.g_pro22 .u_rjt{background:url(images/rjt22.png) no-repeat;width: 35px;height: 18px;right: 0;top:105px;position: absolute;}
.g_pro22 .u_ljt:hover,.g_pro .u_rjt:hover{background-position: -35px 0}


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-about-content{font-size: 16px;line-height: 32px;color: #4c4c4c;text-align: justify;padding: 40px 0;}
    content{width:1200px;margin:0 auto;}


    .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 #0549b4;
    }
    
    .p102-pro-content-title:after {
        content: '';
        position: absolute;
        width: 50%;
        height: 3px;
        background: #666666;
        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: #0549b4;
        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 #0549b4;
        border-radius: 100%;
        margin: 0 5px;
    }
    
    .p102-pro-case-paging li.cur {
        background: #0549b4;
    }
    
    .p102-pro-case-more {
        width: 198px;
        height: 44px;
        margin: 35px auto 0;
        border: 1px solid #0549b4;
        position: relative;
    }
    
    .p102-pro-case-more a {
        display: block;
        height: 44px;
        line-height: 44px;
        font-size: 18px;
        font-weight: normal;
        color: #0549b4;
        padding-left: 64px;
        position: relative;
    }
    
    .p102-pro-case-more a:before {
        content: '';
        width: 20px;
        height: 14px;
        position: absolute;
        border: 4px solid #0549b4;
        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 #0549b4;
        top: 9px;
        left: 22px;
        z-index: 1;
    }


    .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 #0549b4;
    }
    
    .p102-pro-content-title:after {
        content: '';
        position: absolute;
        width: 50%;
        height: 3px;
        background: #666666;
        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: #0549b4;
        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 #0549b4;
        border-radius: 100%;
        margin: 0 5px;
    }
    
    .p102-pro-case-paging li.cur {
        background: #0549b4;
    }
    
    .p102-pro-case-more {
        width: 198px;
        height: 44px;
        margin: 35px auto 0;
        border: 1px solid #0549b4;
        position: relative;
    }
    
    .p102-pro-case-more a {
        display: block;
        height: 44px;
        line-height: 44px;
        font-size: 18px;
        font-weight: normal;
        color: #0549b4;
        padding-left: 64px;
        position: relative;
    }
    
    .p102-pro-case-more a:before {
        content: '';
        width: 20px;
        height: 14px;
        position: absolute;
        border: 4px solid #0549b4;
        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 #0549b4;
        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
        }
        
        .p101-recommend-news-list ul {
            padding-top: 25px;
            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: #0549b4;
        }
        
        .p101-recommend-news-list li p:hover:before {
            border-color: #0549b4;
        }
        
        .p101-recommend-news-list li p:hover:after {
            background: #0549b4;
        }
        
        .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:615px; background: url(images/ftbg.jpg) no-repeat center top;padding-top:62px;box-sizing:border-box;border-bottom: 1px solid #090909;}
.g_ft .lxwm{height: 225px;}
.g_ft .lxwm h2{display: block;float: left;width:310px;font-size:36px;color:#777777;font-weight: normal; line-height:40px;}
.g_ft .lxwm h2 em{display: block;font-size:30px;color:#777777;}

.g_ft .lxwm ul{padding-top: 18px; width:890px;float: left;}
.g_ft .lxwm li{float: left;position: relative;padding-left: 60px;font-size:24px;color:#0449b4;box-sizing: border-box;letter-spacing: -1px;font-weight: bold;}
.g_ft .lxwm li b{display: block;line-height: 28px;font-size:16px;color:#666666;font-weight: bold;}
.g_ft .lxwm li i{position: absolute;left:0;top:0;}
.g_ft .lxwm li:nth-child(1){width:292px;animation-delay: 0.1s;}
.g_ft .lxwm li:nth-child(2){width:292px;animation-delay: 0.2s;}
.g_ft .lxwm li:nth-child(3){width:292px;animation-delay: 0.3s;}


.g_ft .ftmid{height: 280px;}
.g_ft .add{float: left;width:430px;} 
.g_ft .add h3{height: 88px;font-size:18px;color:#fff;font-weight: normal;}
.g_ft .add h3 em{display: block;font-size:12px;color:rgba(255,255,255,.6);font-weight: normal;}
.address h4{line-height: 26px;font-size:14px;color:#fff;}
.address p{line-height: 36px;font-size:14px;color:#fff;}
.address span a{display: block;font-size:14px;color:#fff;background: url(images/map1.png) no-repeat 0 7px;padding-left: 25px;line-height: 30px;}
.m_fnav{float: left;width:515px;}
.m_fnav a{float: left;line-height: 48px;font-size:16px;color:#fff;width:193px;}
.m_fnav a:hover{color:#226be3;font-weight: bold;}
.m_code{float: left;width:255px;padding-top: 28px;}
.m_code li{float: left;width:102px;margin-right: 42px;}
.m_code li img{width:100%;display:block;}
.m_code li:nth-child(2){margin-right: 0;}
.m_code li em{display: block;line-height: 46px;font-size:14px;color:#fff;text-align: center;}
.copyr{font-size:14px;color:#fff;}
.copyr a{color:#fff;}



      

        .client-2 {
            width: 45px;
            position: fixed;
            right: 10px;
            top: 74%;
            z-index: 999;
            color: #fff;
        }
        
        .client-2 li a {
            text-decoration: none;
            color: #fff;
        }
        
        .client-2 li {
            margin-bottom: 5px;
            width: 45px;
            height: 45px;
            border-radius: 50%;
            cursor: pointer;
            position: relative;
        }
        
        .client-2 li.my-kefu-qq {
            background:#0549b4 url(images/cimg23.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-weixin {
            background:#0549b4 url(images/cimg24.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-tel {
            background:#0549b4 url(images/cimg25.png) center no-repeat;
        }
        
        .client-2 li.my-kefu-shouye {
            background:#0549b4 url(images/tohome.png) center no-repeat;
            background-size:26px;
        }
        
        .client-2 li.my-kefu-shouye a {
            width: 45px;
            height: 45px;
            display: block;
        }
        
        .client-2 li.my-kefu-ftop {
            background:#0549b4 url(images/returnTop.png) center no-repeat;
        }
        
        .client-2 li p {
            height: 20px;
            font-size: 12px;
            line-height: 20px;
            overflow: hidden;
            text-align: center;
            color: #fff;
        }
        
        .client-2 li.my-kefu-qq .cont {
            margin: 0;
            background:#0549b4 url(images/cimg23.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            width: 130px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 li.my-kefu-tel .cont {
            margin: 0;
            background:#0549b4 url(images/cimg25.png) 15px center no-repeat;
            border-radius: 50px;
            padding-left: 45px;
            height: 45px;
            line-height: 45px;
            color: #fff;
            font-size: 18px;
            width: 180px;
            position: absolute;
            top: 0;
            right: 0;
            z-index: 999;
        }
        
        .client-2 .my-kefu-ftop {
            display: none;
        }
        
        .client-2 .my-kefu-ftop .my-kefu-main {
            padding-top: 6px;
        }
        
        .client-2 li.my-kefu-weixin .cont {
            margin: 0;
            width: 115px;
            padding: 5px;
            border: solid 1px #ccc;
            position: absolute;
            left: -150px;
            top: -44px;
            background-color: #fff;
        }
        
        .client-2 li.my-kefu-weixin .cont  span {
            display: block;
            line-height: 20px;
            font-size: 12px;
            text-align: center;
            color: #1a1a1a;
        }
        
        .client-2 li.my-kefu-weixin .cont  img {
            width: 115px;
            height: 115px;
        }
        
        .client-2 li:hover .cont {
            display: block!important;
        }