.content {

                max-width: 80rem;

                min-width: 960px;

                margin: 0 auto;

            }

			



            

            .f_pr {

                position: relative;

            }

            

            .top_bg {

                position: fixed;

                height:106px;

                font-family: "Microsoft Yahei";

                color: #fff;

                left: 0;

                top: 0;

                right: 0;

                font-size: 14px;

                width: 100%;

                max-width: 1920px;

                min-width: 1200px;

                z-index: 115;

                margin: 0 auto;

          



            }

            

            .t_jtu {

                line-height: 32px;

                height: 32px;

                padding-right: 5.4%;

                text-align: right;

            }

            

            .top_bg:hover {

                background: #fff;

            }

            

            .t_jtu a {

                display: inline-block;

                line-height: 32px;

                background: url(images/t_ico.jpg) no-repeat 0 8px;

                padding-left: 26px;

                padding-right: 22px;

                font-size: 14px;

                color: #333333;

            }

            

            .h_con {

                padding: 0 2.5%;

            }

            

            .logo{display: block;width: 12.53%;display: table;float: left;}

            .logo a{display: table-cell;height:106px;text-align: center;vertical-align: middle;}

            .logo img{max-width: 95%;max-height: 100%;vertical-align: middle;}

            

            .h_con .top_text {

                float: left;

                width: 20.6%;

                display: table;

                font-weight: normal;

                text-align: left;

            }

                

             .h_con .top_text h2{display: table-cell;vertical-align: middle;font-weight: normal;padding-left: 22px; position:relative;text-align: left; height:106px; }

            

  

            .h_con h2:before{content:"";position:absolute;width:1px;;background:rgba(255,255,255,.2);left:0;top:50%; margin-top:-22px; height:48px;}

            

            

            .h_con h2 span {

                display: block;

                font-size:16px;

                line-height:24px;

                color: #fff;

                letter-spacing: 0.05rem;

            }

            

            .h_con h2 i {

                display: block;

                font-size:16px;

                line-height:24px;

                color: #fff;

            }

            

            

            .h_nav {

                height:106px;

                float: right;

               

                box-sizing: border-box;

            }

            

            .h_nav li {

                float: left;

                margin-left: 0.8rem;

            }

            

            .h_nav li b {

                font-size: 16px;

                color: #fff;

                display: inline-block;

                position: relative;

                z-index: 4;

                text-decoration: none;

                line-height:106px;

                padding-left: 0.3rem;

            }

            

            .h_nav li i {

                display: inline-block;

                width: 0.6rem;

                height: 0.3rem;

                margin-left: 0.3rem;

                overflow: hidden;

                line-height: 0;

                background-size: 1.2rem 0.3rem;

                vertical-align: middle;

                transition: all 0.3s linear 0s;

            }

            

            .h_nav li:hover b,

            .h_nav li.cur b {

                font-weight: bold;

                color: #f3981e;

            }

            

            .h_nav li a:hover i,

            .h_nav li.cur a i {

                background: url(images/navico3d.png) no-repeat;

                background-size: 0.6rem 0.3rem;

            }

            

            .h_nav .gcxla {

                position: absolute;

                left: 0;

                top:106px;

                max-width: 1920px;

                min-width: 1200px;

                margin: 0 auto;

                width: 100%;

                background: #fff;

                z-index: 5585;

                display: none;

                padding: 20px 0 35px 0;

                box-shadow: 0 0 21px rgba(0, 0, 0, .1);

            }

            

            .h_nav .gcxla h3 {

                height: 40px;

            }

            

            .h_nav .gcxla h3 a {

                display: block;

                height: 40px;

                line-height: 40px;

                font-size: 16px;

                color: #333333;

                font-weight: normal;

                overflow: hidden;

            }

            

            .h_nav .gcxlalst dl {

                float: left;

                width: 20%;

            }

            

            .h_nav .gcxlalst dt {

                display: block;

                height: 56px;

                line-height: 56px;

                font-size: 16px;

                width: 65%;

                border-bottom: 1px solid #dcdcdc;

                margin-bottom: 10px;

            }

            

            .h_nav .gcxlalst dt {

                color: #333333;

                height: 56px;

                line-height: 56px;

                font-weight: normal;

            }

            

            .h_nav .gcxlalst dt:hover {

                color: #f3981c;

            }

            

            .h_nav .gcxlalst dd a {

                display: block;

                float: normal;

                line-height: 36px;

                font-size:16px;

                font-weight: normal;

                color: #333333;

            }

            

            .h_nav .gcxlalst dd a:hover {

                color: #f3981c;

            }

            

            .h_nav li:hover .gcxla {

                display: block;

            }

            

            .h_nav .faxla {

                display: none;

            }

            

            .h_nav .faxla {

                position: absolute;

                left: 0;

                top:106px;

                max-width: 1920px;

                min-width: 1200px;

                margin: 0 auto;

                width: 100%;

                background: #fff;

                z-index: 5585;

                display: none;

                padding: 20px 0 35px 0;

                box-shadow: 0 0 21px rgba(0, 0, 0, .1);

            }

            

            .h_nav .faxla h3 {

                height: 40px;

            }

            

            .h_nav .faxla h3 a {

                display: block;

                height: 40px;

                line-height: 40px;

                font-size: 16px;

                color: #333333;

                font-weight: normal;

                overflow: hidden;

            }

            

            .faxlahd {

                float: left;

                width: 14%;

                height: 850px;

                border-right: 1px solid #dcdcdc;

                margin-right: 4%;

            }

            

            .faxlahd em {

                display: block;

                font-size:18px;

                color: #333333;

                line-height: 42px;

                font-weight: bold;

            }

            

            .faxlahd .on {

                color: #f3981c;

            }

            

            .faxlabd {

                float: left;

                width: 80%!important;

            }

            

            .faxcc,

            .falxcon {

                width: 100%!important;

            }

            

            .faxlabd dl {

                float: left;

                width: 20%;

            }

            

            .faxlabd dt {

                display: block;

                height: 56px;

                line-height: 56px;

                font-size: 16px;

                width: 65%;

                border-bottom: 1px solid #dcdcdc;

                margin-bottom: 10px;

            }

            

            .faxlabd dt a {

                color: #333333;

                height: 56px;

                line-height: 56px;

                font-weight: normal;

            }

            

            .faxlabd dt a:hover {

                color: #f3981c;

            }

            

            .faxlabd dd a {

                display: block;

                float: normal;

                line-height: 36px;

                font-size:16px;

                font-weight: normal;

                color: #333333;

            }

            

            .faxlabd dd a:hover {

                color: #f3981c;

            }

            

            .h_nav .faxlabd dt a:hover {

                color: #f3981c;

            }

            

            .h_nav .faxlabd dd a:hover {

                color: #f3981c;

            }

            

            .h_nav li:hover .faxla {

                display: block;

            }

            

            .h_nav .anxla {

                display: none;

            }

            

            .h_nav .anxla {

                position: absolute;

                left: 0;

                top:106px;

                max-width: 1920px;

                min-width: 1200px;

                margin: 0 auto;

                width: 100%;

                background: #fff;

                z-index: 5585;

                display: none;

                padding: 20px 0 35px 0;

                box-shadow: 0 0 21px rgba(0, 0, 0, .1);

            }

            

            .h_nav .anxla h3 {

                height: 40px;

            }

            

            .h_nav .anxla h3 a {

                display: block;

                height: 40px;

                line-height: 40px;

                font-size: 16px;

                color: #333333;

                font-weight: normal;

                overflow: hidden;

            }

            

            .anxlahd {

                float: left;

                width: 14%;

                height: 850px;

                border-right: 1px solid #dcdcdc;

                margin-right: 4%;

            }

            

            .anxlahd em {

                display: block;

                font-size:18px;

                color: #333333;

                line-height: 42px;

                font-weight: bold;

            }

            

            .anxlahd .on {

                color: #f3981c;

            }

            

            .anxlabd {

                float: left;

                width: 80%!important;

            }

            

            .anxcc,

            .anlxcon {

                width: 100%!important;

            }

            

            .anxlabd dl {

                float: left;

                width: 20%;

            }

            

            .anxlabd dt {

                display: block;

                height: 56px;

                line-height: 56px;

                font-size: 16px;

                width: 65%;

                border-bottom: 1px solid #dcdcdc;

                margin-bottom: 10px;

            }

            

            .anxlabd dt a {

                color: #333333;

                height: 56px;

                line-height: 56px;

                font-weight: normal;

            }

            

            .anxlabd dt a:hover {

                color: #f3981c;

            }

            

            .anxlabd dd a {

                display: block;

                float: normal;

                line-height: 36px;

                font-size:16px;

                font-weight: normal;

                color: #333333;

            }

            

            .anxlabd dd a:hover {

                color: #f3981c;

            }

            

            .h_nav .anxlabd dt a:hover {

                color: #f3981c;

            }

            

            .h_nav .anxlabd dd a:hover {

                color: #f3981c;

            }

            

            .h_nav li:hover .anxla {

                display: block;

            }

            

            .h_nav .gcxla .content,

            .h_nav .anxla .content,

            .h_nav .faxla .content {

                height: 462px;

                overflow-y: auto

            }

            

            .h_nav .gyxla {

                position: absolute;

                left: 0;

                top:106px;

                max-width: 1920px;

                min-width: 1200px;

                margin: 0 auto;

                width: 100%;

                background: #fff;

                z-index: 5585;

                display: none;

                padding: 20px 0 35px 0;

                box-shadow: 0 0 21px rgba(0, 0, 0, .1);

            }

            

            .h_nav .gyxla h3 {

                height: 40px;

                overflow: hidden;

            }

            

            .h_nav .gyxla h3 a {

                display: block;

                height: 40px;

                line-height: 40px;

                font-size:16px;

                color: #333333;

                font-weight: normal;

                overflow: hidden;

            }

            

            .gyxlaleft {

                float: left;

                width: 60%;

            }

            

            .gyxlaright {

                float: left;

                width: 40%;

            }

            

            .h_nav .gyxla a {

                display: block;

                height: 56px;

                float: left;

                width: 30%;

                margin-right: 10%;

                line-height: 56px;

                color: #333;

                font-size:16px;

                border-bottom: 1px solid #dcdcdc;

                margin-bottom: 10px;

            }

            

            .h_nav .gyxla a:hover {

                color: #f3981c;

            }

            

            .h_nav li:hover .gyxla {

                display: block;

            }

            

            .top_bg:hover li a {

                color: #333;

            }

            

            .top_bg:hover dt {

                color: #f3981e;

            }

            

            .top_bg:hover dt a {

                color: #f3981e;

            }

            

            .top_bg:hover .gyxla a {

                color: #333;

            }

             

             .top_bg:hover .gyxla a:hover{

                color: #f3981e;

            }

            

            .top_bg:hover .h_nav .gyxla h3 a {

                color: #333;

            }

            

            .top_bg:hover li:hover b,

            .top_bg:hover .cur b {

                color: #f3981e;

            }

            

            .top_bg:hover li i {

                background: url(images/navico2d.png) no-repeat left center;

                background-size: 0.6rem 0.3rem;

            }

            

            .top_bg:hover .h_con h2 span {

                color: #333;

            }

            

            .top_bg:hover .h_con b {

                color: #333;

            }

            

            .top_bg:hover .h_con h2 i {

                color: #333;

            }

            

            .top_bg:hover .h_con .tel {

                background: url(images/t_tel.png) no-repeat left center;

                background-size: 2.05rem 0.9rem;

                font-weight: normal;

                color: #333;

            }

            

     

            

            .hea {

                display:none;

                transform: translate(0, 0);

                background: #fff;

            }

            

            .hea1 {

                background: #fff;

                box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.1);

            }

            

            .hea1 li a {

                color: #333;

            }

            

            .hea1 li i {

                background: url(images/navico2d.png) no-repeat left center;

                background-size: 0.6rem 0.3rem;

            }

            

            .hea1 .h_con h2 span {

                color: #333;

            }

            

            .hea1 .h_con b {

                color: #333;

            }

            

            .hea1 .h_con h2 i {

                color: #333;

            }

            

            .hea1 .h_con .tel {

                background: url(images/t_tel.png) no-repeat left center;

                background-size: 2.05rem 0.9rem;

                font-weight: normal;

                color: #333;

            }

            .top_bg:hover .h_con h2:before,.hea1 .h_con h2:before{background:rgba(51,51,51,.2);}

            

             @media screen and (max-width:1401px) { 

                 .h_con .tel{display:none;}

                 .h_con h2{width:22%;}

                 .h_nav{width:60%;}



}

            

            

            

            

            em,

            i {

                font-style: normal;

            }

            

        



        .banner {

            position: relative;

            overflow: hidden;

            width: 100%;

            max-width: 1920px;

            min-width: 1200px;

            margin: 0 auto;

            height: 100vh;

        }

        

    

        

        

        

        .ban_img .content {

            color: #fff;

            position: relative;

            height: 100%;

        }

        

        .ban_img .ban-item {

            width: 100%;

            position: relative;

            height: 100vh;

        }

        

        .ban_img .ban-item > img {

            position: absolute;

            top: 50%;

            left: 50%;;

            z-index: 1;

            min-width: 100%;

            min-height: 100%;

            -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

        }

        

        .ban1c {

            position: absolute;

            width: 41.1rem;

            height: 14rem;

            right: 30%;

            top: 18rem;

            z-index: 10;

        }

        

        .ban-item1 .ban-txt1 {

            position: absolute;

            right: 0;

            top: 0;

            font-size: 3rem;

            color: #fff;

            font-weight: bold;

        }

        

        .ban-item1 .ban-txt2 {

            position: absolute;

            right: 22%;

            top: 5.5rem;

            font-size: 1.5rem;

            color: #fff;

            font-weight: normal;

		    background: #f3981c;

            border-radius: 1.5rem;

			padding: 0.5rem 1.5rem 0.5rem 1.5rem;

			

        }

        

        .ban2c {

            position: absolute;

            width: 41.1rem;

            height: 14.3rem;

            right: 5%;

            top: 12rem;

            z-index: 111;

        }

        

        .ban-item2 .ban-txt1 {

            position: absolute;

            right: 0;

            top: 0;

            font-size: 3rem;

            color: #fff;

            font-weight: bold;

            z-index: 152;

        }

        

        .ban-item2 .ban-txt2 {

            position: absolute;

            right: 0;

            top: 4.5rem;

            font-size: 1.5rem;

            color: #fff;

            font-weight: normal;

            padding: 0 1.5rem;

            background: #f3981c;

            border-radius: 1.5rem;

        }

        

        .ban-item2 .ban-txt3 {

            position: absolute;

            right: 0;

            top: 7.5rem;

            color: rgba(255, 255, 255, .5);

            font-weight: normal;

            font-size: 0.7rem;

            font-family: arial;

            text-align: right;

        }

        

        .ban3c {

            position: absolute;

            width: 100%;

            height: 20.8rem;

            right: 0;

            top: 18rem;

            z-index: 10;

        }

        

        .ban-item3 .ban-txt1 {

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            text-align: center;

            font-size: 3.5rem;

            color: #fff;

            font-weight: bold;

        }

        

        .ban-item3 .ban-txt2 {

            position: absolute;

            top: 7.25rem;

            left: 50%;

            width: 450px;

            margin-left: -11.25rem;

        }

        

        .ban-item3 .ban-txt2 li {

            float: left;

            padding: 0 25px;

            position: relative;

        }

        

        .ban-item3 .ban-txt2 li:before {

            content: "";

            position: absolute;

            width: 1px;

            height: 3rem;

            background: rgba(255, 255, 255, .3);

            right: 0;

            top: 0.75rem;

        }

        

        .ban-item3 .ban-txt2 li i {

            width: 2.6rem;

            display: block;

            height: 2.3rem;

            margin: 0 auto;

        }

        

        .ban-item3 .ban-txt2 li i img {

            width: 2.6rem;

            height: 2.3rem;

            display: block;

            left: 50%;

        }

        

        .ban-item3 .ban-txt2 li em {

            font-size: 1.2rem;

            color: #fff;

        }

        

         .ban_nav {

            position: absolute;

            bottom: 5rem;

            left: 0;

            width: 100%;

            text-align: center;

            z-index: 100;

        }

        

        .loading{margin:0 5px;width:38px;height:38px;position:relative;border:4px solid transparent;background:0 0;float: left;border-radius: 100%;display: inline-block;

border-radius: 100%; box-sizing: border-box;text-align: left;padding: 0;margin:0;}



.loading.cur{border-color:rgba(255,255,255,.2);opacity:1}

.loading .c-progress{position:absolute;width:8px;height:8px;background-color:#fff;border-radius:50%;left:11px;top:11px;line-height:120px;text-align:center}

.loading.cur .c-progress{background-color:#bb1c14}



.loading .left,.loading .right{opacity:0;width:19px;height:38px;overflow:hidden;position:absolute;left:-4px;top:-4px;overflow:hidden}

.loading.cur .left,.loading.cur .right{opacity:1}



.loading .right{left:auto;right:-4px;top:-4px;text-align: left;}

.loading .left:after,.loading .right:after{content:"";position:absolute;display:block;top:0;left:0;width:19px;height:38px;border:4px solid #fff;border-radius:19px 0 0 19px;border-right:0;box-sizing: border-box;}

.loading .right:after{content:"";position:absolute;display:block;border-radius:0 19px 19px 0;border:4px solid #fff;border-left:0;box-sizing: border-box;}



.loading.cur .left:after{transform-origin:right center;animation-fill-mode:forwards;animation-duration:2s;animation-timing-function:linear;animation-name:spin-left}

.loading.cur .right:after{transform-origin:left center;animation-duration:2s;animation-timing-function:linear;animation-name:spin-right}



@keyframes spin-right{0%{transform:rotate(180deg)}

50%{transform:rotate(360deg)}

100%{transform:rotate(360deg)}

}

@keyframes spin-left{0%{transform:rotate(180deg)}

50%{transform:rotate(180deg)}

100%{transform:rotate(360deg)}

}

@-webkit-keyframes c-zoom{0%{transform:scale(1,1);-webkit-transform:scale(1,1)}

100%{transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1)}

}

@keyframes c-zoom{0%{transform:scale(1,1);-webkit-transform:scale(1,1)}

100%{transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2)}

}







        .ban1t{width:79%;position:absolute;left: 4.427%;bottom: 0;z-index:2;}

        .ban1t img{width:100%;display:block;}

        

        .ban2t{width: 78%;position: absolute;left: 0;bottom: 0;z-index:11;}

        .ban2t img{width:100%;display:block;}

        

         @media screen and (max-width:1601px) {             

            .ban1t{width: 76%;}

            .ban2t{width: 75%;}

        }

        

        @media screen and (max-width:1501px) {             

            .ban1t{width: 87%;}

            .ban2t{width: 82%;}

        }

        

         @media screen and (max-width:1401px) {             

            .ban1t{width: 94%;}

            .ban2t{width: 90%;}

        }

         @media screen and (max-width:1366px) {             

            .ban1t{width: 75%;}

            .ban2t{width: 70%;}

        }

        

        

        /*@media screen and (max-width:1301px) {             */

        /*    .ban1t{width: 85%;}*/

        /*    .ban2t{width: 84%;}*/

        /*}*/

        

        

        

        

        

        /*.banner .u_ljt{position: absolute;left:5%;top:50%;background:url(images/probt1.png) no-repeat;width: 34px;height: 84px;z-index: 2000;}*/

        /*.banner .u_rjt{position: absolute;right:5%;top:50%;background:url(images/probt2.png) no-repeat;width: 34px;height: 84px;z-index: 2000;}*/

    



    .layui-layer-page .layui-layer-content{overflow:hidden;}





         .news dl:last-of-type{margin-right: 0;}

     



        .nyban {

            overflow: hidden;

            width: 100%;

            max-width: 1920px;

            min-width: 1200px;

            margin: 0 auto;

        }

        

        .content3 {

            width: 1200px;

            margin: 0 auto;

        }

        

        .foot {

            overflow: hidden;

        }

        

        .f_con {

            background: #f7f7f7;

            padding: 3rem 0;

        }

        

        .f_con .gsxx {

            float: left;

            width: 36.5%;

        }

        

        .gsxx h2 {

            display: block;

            height: 5.4rem;

            border-bottom: 1px solid #dbdbdb;

            margin-bottom: 1rem;

            text-align: left;

         

        }

        

        .gsxx h2 a, .gsxx h2 img{

            max-width: 100%;

            max-height: 4.4rem;

			float:left;

        }

		.gsxx h2 b{ line-height:65px; font-size:18px; border-left:#999 solid 1px; padding-left:10px;}

        

        .gsxx p {

            line-height: 100%;

            font-size: 14px;

            color: #666666;

        }

        

        .gsxx p span {

            display: block;

            line-height: 100%;

            padding: 0.8rem 0 0.9rem 0;

            font-size: 2rem;

            color: #333333;

            font-weight:bold;

        }

        

        .gsxx h3 {

            font-weight: normal;

            line-height: 100%;

            font-size: 14px;

            color: #666;

        }

        

        .gsxx h3 b {

            font-weight: normal;

            line-height: 100%;

            font-size: 14px;

            color: #666;

            display: block;

            height: 1.95rem;

        }

        

        .gsxx h3 em {

            display: block;

            position: relative;

            float: left;

            margin-right: 0.4rem;

        }

        

        .gsxx h3 em i {

            display: block;

            float: left;

            position: relative;

            width: 1.95rem;

            height: 1.95rem;

            overflow: hidden;

            border: 1px solid #d4d4d4;

            border-radius: 50%;

            box-sizing: border-box;

        }

        

        .gsxx h3 em img{width: 8.9rem;}

        

        .gsxx h3 em span {

            display: inline-block;

            position: absolute;

            left: 0;

            top: 2.15rem;

            opacity: 0;

            transition: all 0.2s;

        }

        

        .gsxx h3 em span img {

            width: 5.5rem;

            height: 5.5rem;

        }

        

        .gsxx h3 em:hover span {

            opacity: 1;

        }

        

        .gsxx h3 em:hover i {

            background: #000;

            border-radius: 50%;

            border: 1px solid #000;

        }

        

        .gsxx h3 em:hover i img {

            margin-left: -1.95rem;

        }

        

        .f_nav {

            float: right;

            height: 24.2rem;

            overflow: hidden;

            width: 59%;

        }

        

        .f_nav li {

            float: left;

            width: 18%;

            margin-left: 2.5%;

			text-align:center;

        }

        

        .f_nav li:first-of-type {

            margin-left: 0;

        }

        

        .f_nav li b a {

            display: block;

            font-size:18px;

            color: #333333;

            font-weight: bold;

            line-height: 100%;

            margin-bottom: 1.3rem;

			text-align:center;

        }

        

        .f_nav li p a {

            display: block;

            font-size: 14px;

            line-height: 100%;

            color: #666666;

            transition: all 0.3s;

            margin-bottom: 0.9rem;

        }

        

        .f_nav li p a:hover {

            opacity: 1;

            color: #222;

            text-decoration: underline;

        }

        

        .f_nav li:last-child {

            margin-right: 0

        }

        

        .f_bt {

            height: 2.35rem;

			background-color:#2A2760;

			text-align:center;

     

        }

        

        .f_bt .f_bt_copy {

            display: block;

            font-size: 12px;

            line-height: 2.35rem;

            color: #adadad;

            height: 2.35rem;

			border:#036 solid 1px;

        }

        

        .f_bt .f_bt_copy em {

            display: inline-block;

            padding: 0 9px;

        }

        

        .f_bt .f_bt_copy a {

            color: #adadad;

        }

        

        .f_bt .f_bt_copy a:hover {

            color: #f3981c;

        }

        

        .links b {

            display: block;

            font-weight: bold;

            font-size: 12px;

            color: #adadad;

            float: left;

            margin-right: 10px;

        }

        

        .links a {

            font-size: 12px;

            line-height: 2.35rem;

            color: #adadad;

            float: left;

            margin-right: 1.3rem;

            display: block;

        }

        

        .links {

            margin-left:1.5rem;

            float: left;

            font-size: 14px;

            line-height: 2.35rem;

            color: #adadad;

        }

        

        .links a:hover {

            color: #f3981c;

        }

        

        /*@media screen and (max-width: 1280px) {*/

        /*    .links {*/

        /*        float: left;*/

        /*    }*/

        /*}*/

    



    .ftline,.ftline img{width:100%;display:block;}

    .p102-pro-case-more{margin-bottom:50px;}





#newBridge .nb-icon-skin-0 .nb-icon-groups{border:none!important;}

    .xin-2112-client-1 {

        width: 76px;

        position: fixed;

        right: 0;

        top: 30%;

        z-index: 990;

        color: #333;

        background: #fff;

        box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);

        border-radius: 3px;

    }

    

    .xin-2112-client-1 li {

        width: 76px;

        border-radius: 2px;

        position: relative;

        cursor: pointer;

        padding: 10px 0 13px;

    }

    

    .xin-2112-client-1 li.my-kefu-top {

        display: none;

    }

    

    .xin-2112-client-1 li a {

        display: block;

        height: 100%;

        text-decoration: none;

        color: #333;

    }

    

    .xin-2112-client-1 li i {

        display: block;

        width: 38px;

        height: 37px;

        overflow: hidden;

        margin: 0 auto;

        background: url("../icon.png") no-repeat;

        transition: all 0.3s;

        -webkit-transition: all 0.3s;

        -moz-transition: all 0.3s;

    }

    

    .xin-2112-client-1 li.my-kefu-tel i {

        background-position: 0 0;

    }

    

     .xin-2112-client-1 li.my-kefu-tel2 i {

      background: url(../zxbtn1.png) no-repeat;

    }

    

    .xin-2112-client-1 li.my-kefu-link i {

        background-position: 0 -47px;

    }

    

    .xin-2112-client-1 li.my-kefu-qq i {

        background-position: 0 -94px;

    }

    

    .xin-2112-client-1 li.my-kefu-weixin i {

        background-position: 0 -141px;

    }

    

    .xin-2112-client-1 li.my-kefu-top i {

        background-position: 0 -188px;

    }

    

    .xin-2112-client-1 li .client-2112-cont {

        width: 160px;

        padding: 14px 14px 14px 70px;

        position: absolute;

        right: 85px;

        top: 4px;

        color: #fff;

        font-size: 18px;

        height: 32px;

        line-height: 32px;

        text-align: left;

        background: #37a0db;

        display: none;

    }

    

    .xin-2112-client-1 li .client-2112-cont:after {

        content: "";

        position: absolute;

        width: 0;

        height: 0;

        top: 50%;

        margin-top: -7px;

        right: -7px;

        border-bottom: 7px solid transparent;

        border-top: 7px solid transparent;

        border-left: 7px solid #37a0db;

    }

    

    .xin-2112-client-1 li .client-2112-cont:before {

        content: "";

        position: absolute;

        width: 38px;

        height: 38px;

        background: url("../icon.png") no-repeat;

        left: 25px;

        top: 50%;

        margin-top: -19px;

        z-index: 1;

    }

    

    .xin-2112-client-1 li .client-2112-cont-weixin {

        width: 115px;

        padding: 14px;

        position: absolute;

        right: 85px;

        top: -28px;

        background: #fff;

        display: none;

    }

    

    .xin-2112-client-1 li .client-2112-cont-weixin:after {

        content: "";

        position: absolute;

        width: 0;

        height: 0;

        top: 50%;

        margin-top: -7px;

        right: -7px;

        border-bottom: 7px solid transparent;

        border-top: 7px solid transparent;

        border-left: 7px solid #fff;

    }

    

    .xin-2112-client-1 li .client-2112-cont-weixin img {

        width: 115px;

        height: 115px;

        display: block;

    }

    

    .xin-2112-client-1 li.my-kefu-tel .client-2112-cont:before {

        background-position: -70px 0;

    }

    

     .xin-2112-client-1 li.my-kefu-tel2 .client-2112-cont:before {

        background: url(../zxbtn2.png) no-repeat

    }

    

    

    

    .xin-2112-client-1 li.my-kefu-qq .client-2112-cont:before {

        background-position: -70px -94px;

    }

    

    .xin-2112-client-1 li p {

        display: block;

        height: 18px;

        line-height: 18px;

        font-size: 12px;

        color: #333;

        text-align: center;

    }

    

    .xin-2112-client-1 li.my-kefu-link a {

        animation: heart 1s ease-in-out infinite alternate;

    }

    

    .xin-2112-client-1 li.cur,

    .xin-2112-client-1 li:hover {

        background: #37a0db;

    }

    

    .xin-2112-client-1 li.cur.my-kefu-tel i,

    .xin-2112-client-1 li.my-kefu-tel:hover i {

        background-position: -70px 0;

    }

    

    .xin-2112-client-1 li.cur.my-kefu-link i,

    .xin-2112-client-1 li.my-kefu-link:hover i {

        background-position: -70px -47px;

    }

    

    .xin-2112-client-1 li.cur.my-kefu-qq i,

    .xin-2112-client-1 li.my-kefu-qq:hover i {

        background-position: -70px -94px;

    }

    

    .xin-2112-client-1 li.cur.my-kefu-weixin i,

    .xin-2112-client-1 li.my-kefu-weixin:hover i {

        background-position: -70px -141px;

    }

    

    .xin-2112-client-1 li.cur.my-kefu-top i,

    .xin-2112-client-1 li.my-kefu-top:hover i {

        background-position: -70px -188px;

    }

    

    .xin-2112-client-1 li.cur p,

    .xin-2112-client-1 li:hover p {

        color: #fff;

    }

    

    .xin-2112-client-1 li:hover .client-2112-cont,

    .xin-2112-client-1 li:hover .client-2112-cont-weixin {

        display: block!important;

    }

	

	/*----------ÁôÑÔ-----------*/

.n-text input[type=text]{ height:25px; width:307px; padding:5px; margin-left:5px; line-height:35px; font-size:14px; color:#666; border:#666 solid 1px;border-radius:5px;}

.n-text textarea{width:782px; height:130px;border:#666 solid 1px;color:#666; padding:10px;font-size:14px;border-radius:5px;}

.n-text input[type=submit]{ width:220px; line-height:45px; font-weight:bold; font-size:16px; color:#FFF; background-color:#038FEA; border:none; cursor:pointer;border-radius:12px;}

.n-text input[type=submit]:hover{ background-color:#F25406;}





	/*----------×ÊÖÊÖ¤Êé-----------*/

.k12-gl-gslb-3nf1-1-01-left dl {

	width: 22.95%;

	float: left;

	background: #f0f0f0;

	margin: 0 2% 25px 0

}

 .k12-gl-gslb-3nf1-1-01-left dl:nth-child(5n-1) {

 margin-right: 0;

}

.k12-gl-gslb-3nf1-1-01-left dt {

	border: 1px solid #e5e5e5;

	overflow:hidden;

	padding: 5px;

	background: #fff;

}

.k12-gl-gslb-3nf1-1-01-left dt img {

	transition: all 0.3s linear 0s;

	display: block;

	width: 100%;

}

.k12-gl-gslb-3nf1-1-01-left dd h4 {

	height: 50px;

	font-size: 14px;

	line-height: 50px;

	text-align: center;

	padding: 0 5px;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	background: #f0f0f0;

}

.k12-gl-gslb-3nf1-1-01-left dd h4 a {

	color: #4b4a4a;

}

.k12-gl-gslb-3nf1-1-01-left dl:hover h4 {

	background:#f3981c;

}

.k12-gl-gslb-3nf1-1-01-left dl:hover h4 a {

	color:#fff;

}

.k12-gl-gslb-3nf1-1-01-left dl:hover dt img {

	transform: scale(1.03);

}