.f_pr{position:relative;}

        .f_pa{position:absolute;}

        .header , .content , .footer { width:1200px; margin:0 auto;  }

        em{font-style:normal;}



        .g_top{position: relative; height:200px; background:url(../image/topbg.jpg) repeat-x center top;}



      .g_top .m_top{height: 130px;}

      .g_top .tlogo{ float:left; padding: 18px 13px 0 0;}

      .g_top h2{ float:left; height:60px; margin:45px 0 0 15px; color: #404040; font-size: 30px; font-weight: normal;}

      .g_top h2 em{ display:block; color:#333333; font-weight:normal; font-size: 18px; padding-top: 3px; }

      .g_top .ttel{ float:right; margin:50px 0 0 0 ; padding: 0 0 0 30px; background:url(../image/tel.jpg) no-repeat left 0; line-height:30px;height:30px;}

      .g_top .ttel b{display: block; float: left; color:#333333; font-size:16px;font-weight: normal;line-height:30px;}

      .g_top .ttel span{float: left; display:block; font-size:28px; color:#FBC500;font-weight: bold;line-height:30px;}



     

      .g_nav{height:70px; line-height: 70px; }

      .g_nav li{ float:left; font-size:16px;}

      .g_nav li a{position: relative; display:block;float: left; padding: 0 28px; color:#fff; line-height:70px; text-decoration: none;position: relative;}

      .g_nav li a:before{content: "";position: absolute;left: 50%;top:62px;margin-left: -4px; display:none;z-index: 115;

      width: 0;

height: 0;

border-style: solid;

border-width: 0 8px 8px 8px;

border-color: transparent transparent #fff transparent;

  }

  

      .g_nav li b{position: relative;z-index: 15;}

      .g_nav li a:after{content: "";position: absolute;background:#f6c733;width:0;height: 70px;left:0;top:0;transition: all 0.3s linear 0s;}

      .g_nav li a:hover,.g_nav .cur a{color: #000;}

      .g_nav li a:hover:before,.g_nav .cur a:before{display:block;}

      .g_nav li a:hover:after ,.g_nav .cur a:after{width: 100%;}





        .g_nav .ejxla{position:absolute;left:0;top:200px; height: 88px;max-width: 1920px;min-width: 1200px;margin:0 auto; width:100%;background: rgba(255,255,255,.9);z-index: 5585; display:none; box-sizing: border-box;}

        .g_nav .ejxla .content{padding:0 0 0 0;box-sizing: border-box; }

        

        .g_nav .ejxla p{height:88px;line-height: 88px;background:none;padding:0;margin:0 auto;text-align: center;}



        .g_nav li .ejxla p a{float:none; display: inline-block;height:88px;line-height: 88px;padding-left: 12px;font-size: 16px;color:#666666;margin-right:48px; padding-right:0;}

        .g_nav li .ejxla p a:after{content:"";position: absolute;width: 2px;height: 2px;background: #666666;left:0;top:45px;

        }

  

        

        .g_nav li:hover .ejxla p a,.g_nav .cur .ejxla p a{font-weight:normal;}

        .g_nav li:hover .ejxla p a:hover,.g_nav .cur .ejxla p a:hover{font-weight:bold;color: #666666;}

        .g_nav li:hover .ejxla p a:hover:before{border-color:0 0 0 0;}



        .g_nav li:hover .ejxla{display:block;z-index:2;}

   

      

    



        .ty-banner-1 {

            overflow: hidden;

            line-height: 0;

            text-align:center;

        }

        .ty-banner-1 img{

            visibility: hidden;

        }

        .ty-banner-1 img.show{

            visibility: visible;

        }

    



        .p101-search-1 {

            height: 80px;

            box-shadow: 0 3px 4px #e9e9e9;

        }

        

        .p101-search-1 p {

            float: left;

            width: 750px;

            height: 80px;

            line-height: 80px;

            font-size: 14px;

            color: #333333;

        }

        

        .p101-search-1 p b {

            display: inline-block;

        }

        

        .p101-search-1 p a {

            color: #666666;

            display: inline-block;

            margin-right: 15px;

        }

        

        .p101-search-1-inp {

            float: right;

            width: 356px;

            height: 36px;

            background: #fff;

            margin-top: 22px;

        }

        

        .p101-search-1-inp1 {

            width: 249px;

            height: 34px;

            line-height: 34px;

            color: #999999;

            border: 1px solid #e3e3e3;

            border-right: 0;

            padding: 0 20px;

            float: left;

        }

        

        .p101-search-1-inp2 {

            width: 66px;

            height: 36px;

            border: 0;

            background: #404040 url(../image/p101-search-icon1.png) no-repeat center center;

            float: right;

            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(../image/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: #404040;}

	



    .p102-proShow-1 {

        padding: 10px 0 0;

    }

    

    .p102-proShow-1-con {

        border: 1px solid #e3e3e3;

        position: relative;

    }

    

    .p102-proShow-1-left {

        width: 53.4%;

        position: relative;

        overflow: hidden;

        border-right:1px solid #e3e3e3;

        box-sizing: border-box;

    }

    

    .p102-proShow-1-prev,

    .p102-proShow-1-next {

        position: absolute;

        width: 40px;

        height: 40px;

        cursor: pointer;

        background:rgba(11,58,78,.8);

        top: 50%;

        margin-top: -20px;

        z-index: 5;

        display: none;

    }

    

    .p102-proShow-1-left:hover .p102-proShow-1-prev,

    .p102-proShow-1-left:hover .p102-proShow-1-next {

        display: block;

    }

    

    .p102-proShow-1-prev {

        left: 15px;

    }

    

    .p102-proShow-1-next {

        right: 15px;

    }

    

    .p102-proShow-1-prev:before,

    .p102-proShow-1-next:after {

        position: absolute;

        content: '';

        width: 18px;

        height: 18px;

        border: 2px solid #fff;

        border-style: solid solid none none;

        top: 10px;

        z-index: 1;

    }

    

    .p102-proShow-1-prev:before {

        -moz-transform: rotate(-135deg);

        -ms-transform: rotate(-135deg);

        -o-transform: rotate(-135deg);

        transform: rotate(-135deg);

        right: 4px;

    }

    

    .p102-proShow-1-next:after {

        -webkit-transform: rotate(45deg);

        -moz-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

        -o-transform: rotate(45deg);

        transform: rotate(45deg);

        left: 4px;

    }

    

    .p102-proShow-1-pic img {

        width: 100%;

        display: block;

    }

    

    .p102-proShow-1-size {

        position: absolute;

        right: 0;

        bottom: 0;

        width: 56px;

        height: 26px;

        font-size: 14px;

        line-height: 16px;

        color: #fff;

        letter-spacing: 3px;

    }

    

    .p102-proShow-1-right {

        position: absolute;

        width: 39.2%;

        right: 3.33%;

        top: 0;

        bottom: 0;

        z-index: 1;

    }

    

    .p102-proShow-1-text {

        padding: 50px 0 15px;

        border-bottom: 1px solid #e3e3e3;

        position: relative;

    }

    

    .p102-proShow-1-text:after {

        content: '';

        position: absolute;

        width: 40px;

        height: 3px;

        background: #404040;

        left: 0;

        bottom: -2px;

        z-index: 1;

    }

    

    .p102-proShow-1-text .p102-proShow-1-title {

        height: 40px;

        font-size: 26px;

        font-weight: normal;

        line-height: 40px;

        color: #1a1a1a;

    }

    

    .p102-proShow-1-text p {

        height: 28px;

        line-height: 28px;

        font-size: 16px;

        color: #808080;

    }

    

    .p102-proShow-1-desc {

        max-height: 170px;

        line-height: 34px;

        font-size: 16px;

        color: #4c4c4c;

        text-align: justify;

        padding: 30px 0 0;

        overflow: hidden;

    }

    

    .p102-proShow-1-tel {

        position: absolute;

        width: 100%;

        height: 50px;

        line-height: 50px;

        padding-top: 20px;

        border-top: 1px solid #e3e3e3;

        left: 0;

        bottom: 38px;

        z-index: 1;

    }

    

    .p102-proShow-1-tel a {

        float: left;

        width: 98px;

        height: 50px;

        padding-left: 58px;

        background: url(../image/p102-cpxq-icon1.png) no-repeat 22px center #404040;

        font-size: 18px;

        color: #ffffff;

        margin-right: 12px;

    }

    

    .p102-proShow-1-tel p {

        float: left;

        min-width: 300px;

        max-width: 100%;

        height: 50px;

    }

    

    .p102-proShow-1-tel p em {

        float: left;

        height: 50px;

        font-size: 16px;

        color: #4c4c4c;

        padding-left: 50px;

        background: url(../image/p102-cpxq-icon2.png) no-repeat left center;

        font-style: normal;

    }

    

    .p102-proShow-1-tel p span {

        float: left;

        font: bold 26px/50px Arial;

        color: #333333;

    }





    .p102-pro-content-nav {

        height: 50px;

        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: #404040;

    }

    

    .p102-pro-content-nav li.cur:before,

    .p102-pro-content-nav li:hover:before {

        content: '';

        position: absolute;

        width: 12px;

        height: 12px;

        border: 3px solid #404040;

        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: #404040;

        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;

    }





    .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 #404040;

    }

    

    .p102-pro-content-title:after {

        content: '';

        position: absolute;

        width: 50%;

        height: 3px;

        background: #ff9600;

        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: #404040;

        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 #404040;

        border-radius: 100%;

        margin: 0 5px;

    }

    

    .p102-pro-case-paging li.cur {

        background: #404040;

    }

    

    .p102-pro-case-more {

        width: 198px;

        height: 44px;

        margin: 35px auto 0;

        border: 1px solid #404040;

        position: relative;

    }

    

    .p102-pro-case-more a {

        display: block;

        height: 44px;

        line-height: 44px;

        font-size: 18px;

        font-weight: normal;

        color: #404040;

        padding-left: 64px;

        position: relative;

    }

    

    .p102-pro-case-more a:before {

        content: '';

        width: 20px;

        height: 14px;

        position: absolute;

        border: 4px solid #404040;

        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 #404040;

        top: 9px;

        left: 22px;

        z-index: 1;

    }





      .g_ft{ height:506px; background:#f1f5fe;padding-top: 26px;box-sizing: border-box;}

      .ftlogo{height: 115px;}

      .m_fnav{height: 70px;line-height: 70px;border-top: 1px solid #d9dadd;border-bottom: 1px solid #d9dadd;margin-bottom: 52px;}

      .m_fnav a{display: inline-block;padding: 0 26px;font-size: 16px;color:#0c3c51;position: relative;}

      .m_fnav a:before{content: "";position: absolute;width:1px;height: 14px;background: #c2c2c2;right: 0;top:32px;}

      .m_fnav a:last-child:before{background: none;}

      .m_fnav a:hover{font-weight: bold;}





      .f_ftcon{float: left;width:400px;animation-delay: 0.1s;}

      .f_ftcon h3{line-height: 30px;font-size: 16px;color:#333333;font-weight: bold;}

      .f_ftcon li{font-size: 14px;line-height: 32px;color:#979797;}

      .f_ftcon li a{color:#979797;}

      .fttel{float: left;width:228px;font-size: 16px;color:#333333;animation-delay: 0.2s;}

      .fttel i{display: block;width: 44px;height: 44px;margin-bottom: 28px;}

      .fttel b{display: block;font-size: 20px;font-weight: bold;color:#0b3b55;}

      .ftadd{float: left;width:368px;font-size: 16px;color:#333333;animation-delay: 0.3s;}

      .ftadd i{display: block;width: 44px;height: 44px;margin-bottom: 28px;}

      .ftadd b{display: block;font-size: 14px;font-weight:normal;color:#979797;}

      .m_code{float: right;width:185px;animation-delay: 0.4s;}

      .m_code i{float: left;width:110px;background: #fff;height: 110px;margin-right: 15px;}

      .m_code i img{width:106px;height: 106px;display: block;padding: 2px;}

      .m_code span{float: left;width:50px;font-size: 14px;color:#979797;}

      .m_code span em{float: right;width:20px;line-height: 16px;}

      .m_code span em:nth-child(1){padding-top: 30px;}



      



        .client-2 {

            width: 45px;

            position: fixed;

            right: 10px;

            top: 60%;

            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:#404040 url(../image/aff.png) center no-repeat;

        }

        

        .client-2 li.my-kefu-weixin {

            background:#404040 url(../image/cimg24.png) center no-repeat;

            background-size:19px;

        }

        

        .client-2 li.my-kefu-tel {

            background:#404040 url(../image/cimg25.png) center no-repeat;

        }

        

        .client-2 li.my-kefu-shouye {

            background:#404040 url(../image/tohome.png) center no-repeat;

            background-size:19px;

        }

        

        .client-2 li.my-kefu-shouye a {

            width: 45px;

            height: 45px;

            display: block;

        }

        

        .client-2 li.my-kefu-ftop {

            background:#404040 url(../image/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:#404040 url(../image/aff.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:#404040 url(../image/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;

        }