﻿
        i,
        em {
            font-style: normal;
        }
        
        .content {
            width: 1200px;
            margin: 0 auto;
        }
        
        .headbj {
            transition: .5s;
            position: relative;
            z-index: 300;
            width: 100%;
        }
        
        .hea-top {
            height: 31px;
            background: #f4f4f4;
            display: none;
        }
        
        .hea-top span {
            display: inline-block;
            height: 31px;
            line-height: 31px;
            font-size: 12px;
            color: #949494;
            float: left;
            padding-left: 37px;
            background: url(../images/hea-icon.gif) no-repeat left;
        }
        
        .hea-top em {
            display: block;
            float: right;
        }
        
        .hea-top em a {
            display: inline-block;
            height: 31px;
            line-height: 31px;
            font-size: 12px;
            color: #AAAAAA;
            margin-left: 22px;
            padding-left: 31px;
        }
        
        .hea-top em a.top1 {
            background: url(../images/top-icon1.png) no-repeat left;
        }
        
        .hea-top em a.top2 {
            background: url(../images/top-icon2.png) no-repeat left;
        }
        
        .hea-top em a.top3 {
            background: url(../images/top-icon3.png) no-repeat left;
        }
        /*.hea-cen{height:103px; padding-top:17px; box-sizing: border-box;}*/
        
        .hea-cen {
            height: 98px;
            padding-top: 12px;
            box-sizing: border-box;
        }
        
        .hea-cen .logo {
            float: left;
        }
        
        .hea-cen .logo .t_logo {
            width: 260px;
            height: 66px;
            float: left;
            margin-right: 19px;
        }
        
        .hea-cen .logo h2 {
            float: left;
            padding-top: 5px;
        }
        
        .hea-cen .logo h2 span {
            display: block;
            height: 34px;
            line-height: 34px;
            font-size: 18px;
            color: #000000;
            font-weight: bold;
        }
        
        .hea-cen .logo h2 em {
            display: block;
            height: 29px;
            line-height: 29px;
            font-size: 16px;
            color: #000000;
            font-weight: normal;
        }
        
        .hea-cen .hea-tel {
            float: right;
            margin-top: 11px;
        }
        
        .hea-cen .hea-tel span {
            display: block;
            padding-left: 48px;
            background: url(../images/hea-tel.gif) no-repeat left;
        }
        
        .hea-cen .hea-tel span em {
            display: block;
            height: 27px;
            line-height: 27px;
            font-size: 16px;
            color: #000B2A;
        }
        
        .hea-cen .hea-tel span p {
            height: 28px;
            line-height: 28px;
            font-size: 22px;
            color: #000B2A;
        }
        
        .menu {
            height: 55px;
            background: #007AFF;
        }
        
        .menu .nav {
            width: 1200px;
            margin: 0 auto;
        }
        
        .menu .nav>li {
            float: left;
            height: 52px;
            line-height: 52px;
            position: relative;
        }
        
        .menu .nav>li .xlbj {
            display: none;
        }
        
        .menu .nav>li.fr5 .xlbj {
            width: 1920px;
            display: block;
            position: absolute;
            top: 55px;
            left: 50%;
            background: #FFF;
            margin-left: -1004px;
            height: 0;
            overflow: hidden;
            transition: .5s;
            box-sizing: border-box;
        }
        
        .menu .nav li.fr5 .xlbj .xl {
            width: 400px;
            float: left;
            height: 287px;
            position: relative;
        }
        .menu .nav li.fr5 .xlbj .xl:before{width:1px;height:201px; background:#dedede;content:"";position:absolute; right:0;top:49px;}
        
        .menu .nav li.fr5 .xlbj .xl span {
            display: block;
            width: 209px;
            height: 157px;
            float: left;
        }
        
        .menu .nav li.fr5 .xlbj .xl .xl-rig {
            float: left;
            width: 191px;
            padding-top: 3px;
            position: relative;
        }
        
        .menu .nav li.fr5 .xlbj .xl .xl-rig h3 {
            height: 46px;
            line-height: 46px;
            overflow: hidden;
        }
        
        .menu .nav li.fr5 .xlbj .xl .xl-rig h3 a {
            font-size: 16px;
            color: #282828;
            font-weight: bold;
        }
        
        .menu .nav li.fr5 .xlbj .xl .xl-rig ul li {
            height: 26px;
            line-height: 26px;
        }
        
        .menu .nav li.fr5 .xlbj .xl .xl-rig ul li a {
            font-size: 14px;
            color: #666666;
        }
        
        .menu .nav>li.fr5:hover .xlbj {
            padding-top: 12px;
            height: 704px;
        }
        
        .menu .nav li.fr5 .xlbj .xl:nth-child(4),.menu .nav li.fr5 .xlbj .xl:nth-child(5),.menu .nav li.fr5 .xlbj .xl:nth-child(6){padding-top:49px;border-top:1px solid #dedede;}
        
        .menu .nav li.fr5 .xlbj .xl:nth-child(3):before,.menu .nav li.fr5 .xlbj .xl:nth-child(6):before{display:none;}
        
        .menu .nav>li>a {
            font-size: 15px;
            color: #FFFFFF;
            padding: 0 30px;
            transition: .5s;
            position: relative;
        }
        
        .menu .nav>li>a:before {
            width: 1px;
            height: 12px;
            background: rgba(255, 255, 255, 0.3);
            content: "";
            position: absolute;
            right: 0;
            top: 6px;
        }
        
        .menu .nav>li:before {
            width: 100%;
            height: 0;
            background: #0c2045;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            transition: .5s;
        }
        
        .menu .nav>li:last-child>a:before {
            display: none;
        }
        
        
        .menu .nav>li:hover:before,
        .menu .nav>li.cur:before {
            height: 55px;
        }
        
        .menu .nav>li:hover>a,
        .menu .nav>li.cur>a {
            color: #FFF;
            font-weight: bold;
        }
        
        .headbj.hea {
            height: 55px;
            position: fixed;
            top: 0;
        }
        
        .headbj.hea .hea-top,
        .headbj.hea .hea-cen {
            display: none;
        }
    

           .fullSlide{min-width:1200px;/*position:relative;height:450px;*/overflow:hidden; z-index: 2;}
			.fullSlide .bd{position:relative;z-index:0;margin:0 auto;}
			.fullSlide .bd .con{width:100% !important;}
			.fullSlide .bd .li{width:100%!important;/*height:450px;*/overflow:hidden;text-align:center;position: relative;}
			.fullSlide .bd .li a{display:block;/*height:450px;*/}
			.fullSlide .bd .li img {/*position: absolute;left:50%;margin-left:-960px;top:0;*/display:block;width:100%;}
            /*.banner .hd { position: absolute; width: 100%; height: 10px; left: 0; bottom: 50px; text-align: center; cursor: pointer;z-index:3; }
            .banner .hd li { display: inline-block; width: 10px; height: 10px; background: #fff; margin: 0 5px; border-radius: 20px; opacity: .6; -o-transition: all .3s ease; transition: all .3s ease; }
            .banner .hd li.on { width: 27px; opacity: .8; }
            .fullSlide p{ position: absolute; top:50%; width: 73px; height: 73px; z-index: 9; opacity: .5; text-align: center; margin-top: -40px;transition:.8s;}
            .fullSlide .prev2 { left: 5%; opacity: 0; }
            .fullSlide .next2 { right: 5%; opacity: 0; }
            .fullSlide:hover .prev2 { left: 10%; opacity: 0.3; }
            .fullSlide:hover .next2 { right: 10%; opacity: 0.3; }*/
		

        .ksbd {
            height: 1010px;
            background: url(../images/bdbj.jpg) no-repeat bottom center;
        }
        
        .ksbd .bd {
            padding-top: 65px;
        }
        
        .ksbd .bd h2 {
            text-align: center;
            margin-bottom: 48px;
        }
        
        .ksbd .bd h2 span {
            display: block;
            height: 69px;
            line-height: 69px;
            font-size: 50px;
            color: #262626;
            font-weight: bold;
        }
        
        .ksbd .bd h2 em {
            display: block;
            height: 48px;
            line-height: 48px;
            font-size: 28px;
            color: #262626;
            font-weight: normal;
        }
        
        .ksbd .bd .bd-desc {
            text-align: center;
            font-size: 20px;
            color: rgba(38, 38, 38, 0.8);
            line-height: 38px;
            margin-bottom: 45px;
        }
        
        .ksbd .bd ul li {
            float: left;
            width: 241px;
            height: 241px;
            margin-bottom: 48px;
            margin-left: 47px;
            background: #FFF;
            box-shadow: 0px 5px 32px 0px rgba(70, 112, 248, 0.5);
            padding-top: 40px;
            box-sizing: border-box;
        }
        
        .ksbd .bd ul li i {
            display: block;
            width: 65px;
            height: 65px;
            margin: 0 auto;
        }
        
        .ksbd .bd ul li i img {
            width: 100%;
        }
        
        .ksbd .bd ul li span {
            display: block;
            height: 56px;
            line-height: 56px;
            text-align: center;
            margin-bottom: 21px;
            font-size: 22px;
            color: #282828;
        }
        
        .ksbd .bd ul li a {
            display: block;
            width: 101px;
            height: 28px;
            font-size: 14px;
            color: #282828;
            text-align: center;
            line-height: 28px;
            border-radius: 14px;
            background: rgba(0, 118, 247, 0.2);
            margin: 0 auto;
        }
        
        .ksbd .bd ul li:hover i {
            -webkit-animation: hvr-buzz-out 0.75s linear;
            animation: hvr-buzz-out 0.75s linear;
        }
        
        @-webkit-keyframes hvr-buzz-out {
            10% {
                -webkit-transform: translateX(3px) rotate(2deg);
                transform: translateX(3px) rotate(2deg);
            }
            20% {
                -webkit-transform: translateX(-3px) rotate(-2deg);
                transform: translateX(-3px) rotate(-2deg);
            }
            30% {
                -webkit-transform: translateX(3px) rotate(2deg);
                transform: translateX(3px) rotate(2deg);
            }
            40% {
                -webkit-transform: translateX(-3px) rotate(-2deg);
                transform: translateX(-3px) rotate(-2deg);
            }
            50% {
                -webkit-transform: translateX(2px) rotate(1deg);
                transform: translateX(2px) rotate(1deg);
            }
            60% {
                -webkit-transform: translateX(-2px) rotate(-1deg);
                transform: translateX(-2px) rotate(-1deg);
            }
            70% {
                -webkit-transform: translateX(2px) rotate(1deg);
                transform: translateX(2px) rotate(1deg);
            }
            80% {
                -webkit-transform: translateX(-2px) rotate(-1deg);
                transform: translateX(-2px) rotate(-1deg);
            }
            90% {
                -webkit-transform: translateX(1px) rotate(0);
                transform: translateX(1px) rotate(0);
            }
            100% {
                -webkit-transform: translateX(-1px) rotate(0);
                transform: translateX(-1px) rotate(0);
            }
        }
        
        @keyframes hvr-buzz-out {
            10% {
                -webkit-transform: translateX(3px) rotate(2deg);
                transform: translateX(3px) rotate(2deg);
            }
            20% {
                -webkit-transform: translateX(-3px) rotate(-2deg);
                transform: translateX(-3px) rotate(-2deg);
            }
            30% {
                -webkit-transform: translateX(3px) rotate(2deg);
                transform: translateX(3px) rotate(2deg);
            }
            40% {
                -webkit-transform: translateX(-3px) rotate(-2deg);
                transform: translateX(-3px) rotate(-2deg);
            }
            50% {
                -webkit-transform: translateX(2px) rotate(1deg);
                transform: translateX(2px) rotate(1deg);
            }
            60% {
                -webkit-transform: translateX(-2px) rotate(-1deg);
                transform: translateX(-2px) rotate(-1deg);
            }
            70% {
                -webkit-transform: translateX(2px) rotate(1deg);
                transform: translateX(2px) rotate(1deg);
            }
            80% {
                -webkit-transform: translateX(-2px) rotate(-1deg);
                transform: translateX(-2px) rotate(-1deg);
            }
            90% {
                -webkit-transform: translateX(1px) rotate(0);
                transform: translateX(1px) rotate(0);
            }
            100% {
                -webkit-transform: translateX(-1px) rotate(0);
                transform: translateX(-1px) rotate(0);
            }
        }
    

        .kc {
            padding: 35px 6% 137px;
        }
        
        .kc h2 {
            text-align: center;
            margin-bottom: 20px;
        }
        
        .kc h2 span {
            display: block;
            height: 109px;
            line-height: 109px;
            font-size: 50px;
            color: #262626;
            font-weight: bold;
        }
        
        .kc h2 i {
            display: block;
            width: 72px;
            height: 4px;
            background: #262626;
            margin: 0 auto;
        }
        
        .kc .kc-cen {
            width: 1200px;
            margin: 0 auto 85px;
        }
        
        .kc .kc-cen ul li {
            float: left;
            width: 284px;
			padding-top: 20px;
            padding-left: 20px;
        }
        
        .kc .kc-cen ul li:first-child {
            margin-left: 0;
        }
        
        .kc .kc-cen ul li dl dt {
            width: 100%;
            line-height: 0;
            overflow: hidden;
        }
        
        .kc .kc-cen ul li dl dt img {
            width: 100%;
            transition: 1s;
        }
        
        .kc .kc-cen ul li:hover dl dt img {
            -webkit-transform: scale(1.1);
            -moz-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }
        
        .kc .kc-cen ul li dl dd {
            height: 214px;
            background: #F2F2F2;
            padding: 11px 30px 0;
			text-align:center;
        }
        
        .kc .kc-cen ul li dl dd h3 {
            text-align: center;
            margin-bottom: 15px;
        }
        
        .kc .kc-cen ul li dl dd h3 span {
            display: block;
            height: 60px;
            line-height: 60px;
            font-size: 19px;
            color: #414141;
            font-weight: bold;
        }
        
        .kc .kc-cen ul li dl dd h3 i {
            display: block;
            width: 51px;
            height: 2px;
            background: #0268DA;
            margin: 0 auto 12px;
        }
        
        .kc .kc-cen ul li dl dd h3 em {
            display: block;
            height: 72px;
            line-height: 24px;
            text-align: center;
            font-size: 18px;
            color: #414141;
        }
        
        .kc .kc-cen ul li dl dd em a {
            display: block;
            width: 101px;
            height: 28px;
            font-size: 14px;
            color: #282828;
            text-align: center;
            line-height: 28px;
            border-radius: 14px;
            background: rgba(0, 118, 247, 0.2);
            margin: 0 auto;
        }
        
        .kc .kc-cen ul li:hover dl dd {
            background: #007AFF;
        }
        
        .kc .kc-cen ul li:hover dl dd h3 span {
            color: #FFF;
        }
        
        .kc .kc-cen ul li:hover dl dd h3 i {
            background: #FFF;
        }
        
        .kc .kc-cen ul li:hover dl dd h3 em {
            color: #FFF;
        }
        
        .kc .kc-cen ul li:hover dl dd a {
            background: #FFF;
            color: #007AFF;
        }
        
        .kc .kc-bot {
            height: 187px;
            box-shadow: 0px 5px 24px 0px rgba(70, 112, 248, 0.18);
        }
        
        .kc .kc-bot ul li {
            float: left;
            width: 20%;
            height: 187px;
            padding-top: 34px;
            box-sizing: border-box;
            position: relative;
            transition: .5s;
        }
        
        .kc .kc-bot ul li i {
            display: block;
            width: 71px;
            height: 72px;
            margin: 0 auto;
            position: relative;
        }
        
        .kc .kc-bot ul li .kc-ico1 {
            background: url(../images/kc-ico1.png) no-repeat center;
        }
        
        .kc .kc-bot ul li .kc-ico2 {
            background: url(../images/kc-ico2.png) no-repeat center;
        }
        
        .kc .kc-bot ul li .kc-ico3 {
            background: url(../images/kc-ico3.png) no-repeat center;
        }
        
        .kc .kc-bot ul li .kc-ico4 {
            background: url(../images/kc-ico4.png) no-repeat center;
        }
        
        .kc .kc-bot ul li .kc-ico5 {
            background: url(../images/kc-ico5.png) no-repeat center;
        }
        
        .kc .kc-bot ul li span {
            display: block;
            text-align: center;
            font-size: 20px;
            color: #282828;
            line-height: 26px;
            position: relative;
        }
        
        .kc .kc-bot ul li em {
            display: block;
            width: 44px;
            height: 3px;
            background: #FFF;
            margin: 17px auto 0;
            position: relative;
        }
        
        .kc .kc-bot ul li:before {
            width: 103.2%;
            height: 253px;
            background: #007AFF;
            box-shadow: 0px 5px 24px 0px rgba(70, 112, 248, 0.18);
            content: "";
            position: absolute;
            left: 0;
            top: -33px;
            transform: scale(0);
            transition: .5s;
        }
        
        .kc .kc-bot ul li.cur:before {
            transform: scale(1);
        }
        
        .kc .kc-bot ul li.cur {
            padding-top: 0;
        }
        
        .kc .kc-bot ul li.cur .kc-ico1 {
            background: url(../images/kc-ico1_h.png) no-repeat center;
        }
        
        .kc .kc-bot ul li.cur .kc-ico2 {
            background: url(../images/kc-ico2_h.png) no-repeat center;
        }
        
        .kc .kc-bot ul li.cur .kc-ico3 {
            background: url(../images/kc-ico3_h.png) no-repeat center;
        }
        
        .kc .kc-bot ul li.cur .kc-ico4 {
            background: url(../images/kc-ico4_h.png) no-repeat center;
        }
        
        .kc .kc-bot ul li.cur .kc-ico5 {
            background: url(../images/kc-ico5_h.png) no-repeat center;
        }
        
        .kc .kc-bot ul li.cur span {
            color: #FFF;
            margin-top: 17px;
        }
        
        .kc .kc-bot ul li.cur em {
            margin-top: 33px;
        }
    

       .d-video{ width: 100%;    height:950px;    position: relative;    z-index: 200;    overflow: hidden;}
.d-video .vid-sp{background-position: center center;background-repeat: no-repeat;height: 100%;width: 100%;position:relative;}
.d-video .vid-sp video{ min-width: 100%;object-fit: fill;min-height: 100%;position: absolute;top: 55%;left: 50%;transform: translate(-50%,-55%); }
.d-video .vid-sp:before{width:100%; height:100%; content:""; position:absolute;left:0;bottom:0;background:rgba(0,0,0,0.5);z-index:200;}
        .d-video .vid{position: absolute;left:50%;top:330px;width:100%;transform:translateX(-50%); z-index:210;}
        .d-video .vid p{font-size: 16px; color:#FFFFFF; width:1074px; margin:0 auto 80px;line-height:35px; text-align: center; }
        .d-video .vid .open{display: block; width:102px; height:102px; background:url(../images/open.png) no-repeat center; cursor: pointer;margin:0 auto;}
    

        .project {
            height: 1263px;
        }
        
        .proj {
            padding-top: 117px;
        }
        
        .proj h2 {
            text-align: center;
        }
        
        .proj h2 span {
            display: block;
            font-size: 50px;
            color: #000000;
            height: 121px;
            line-height: 121px;
            letter-spacing: 3px;
        }
        
        .proj h2 i {
            display: block;
            width: 72px;
            height: 4px;
            background: #282828;
            margin: 0 auto 17px;
        }
        
        .proj h2 em {
            display: block;
            height: 100px;
            line-height: 100px;
            text-align: center;
            font-size: 20px;
            color: #262626;
            font-weight: normal;
        }
        
        .proj .proj-cen {
            height: 320px;
            margin-bottom: 140px;
            padding: 0 30px;
        }
        
        .proj .proj-cen ul li {
            float: left;
            width: 350px;
            margin: 0 15px;
        }
        
        .proj .proj-cen ul li dl dt {
            display: block;
            height: 191px;
            line-height: 0;
            overflow: hidden;
        }
        
        .proj .proj-cen ul li dl dt img {
            width: 100%;
            transition:1s;
        }
        .proj .proj-cen ul li:hover dl dt img{
            -webkit-transform: scale(1.1);-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
        }
        
        .proj .proj-cen ul li dl dd {
            height: 128px;
            padding-top: 4px;
            box-shadow: 0px 5px 32px 0px rgba(70, 112, 248, 0.5);
        }
        
        .proj .proj-cen ul li dl dd em {
            display: block;
            height: 64px;
            line-height: 64px;
            text-align: center;
            font-size: 26px;
            color: #007AFF;
            font-weight: bold;
        }
        
        .proj .proj-cen ul li dl dd a {
            display: block;
            width: 101px;
            height: 28px;
            font-size: 14px;
            color: #282828;
            text-align: center;
            line-height: 28px;
            border-radius: 14px;
            background: rgba(0, 118, 247, 0.2);
            margin: 0 auto;
        }
        
        .proj .proj-bot {
            height: 327px;
        }
        
        .proj .proj-bot ul li {
            padding: 0 42px 12px 44px;
            width: 400px;
            border-right: 2px solid #8d8d8d;
            box-sizing: border-box;
            float: left;
        }
        
        .proj .proj-bot ul li span {
            display: block;
            height: 68px;
            margin-bottom: 3px;
        }
        
        .proj .proj-bot ul li span em {
            height: 68px;
            float: left;
            font-size: 64px;
            color: #000000;
            line-height: 68px;
            font-weight: bold;
        }
        
        .proj .proj-bot ul li span i {
            font-size: 16px;
            float: left;
            color: #000000;
            font-weight: bold;
            margin-top: 6px;
        }
        
        .proj .proj-bot ul li p {
            font-size: 16px;
            color: rgba(0, 0, 0, 0.8);
            line-height: 21px;
        }
        
        .proj .proj-bot ul li:nth-child(3),
        .proj .proj-bot ul li:last-child {
            padding-right: 0;
            border-right: 0;
            width: 325px;
        }
        
        .proj .proj-bot ul li:nth-child(2),
        .proj .proj-bot ul li:nth-child(5) {
            width: 420px;
        }
        
        .proj .proj-bot ul li:nth-child(4),
        .proj .proj-bot ul li:nth-child(5),
        .proj .proj-bot ul li:nth-child(6) {
            padding-top: 77px;
        }
    

        .form {
            height: 667px;
            background: url(../images/lybj.jpg) no-repeat center;
        }

        .form .for-con {
            padding: 95px 0 0 0;
        }

        .form .for-con .for-con-left {
            width: 746px;
            float: left;
            padding-left:62px;
            box-sizing: border-box;
        }

        .form .for-con .for-con-left h2 {
            height: 234px;
            line-height: 234px;
            font-size: 59px;
            color: #000000;
            font-style: italic;
        }


        .form .for-con .for-con-left ul li {
            float: left;
            width: 50%;
            height: 61px;
            margin-bottom: 88px;
        }

        .form .for-con .for-con-left ul li i {
            display: block;
            width: 62px;
            height: 53px;
            float: left;
            margin-right: 21px;
        }

        .form .for-con .for-con-left ul li i img {
            width: 62px;
            height: 53px;
        }

        .form .for-con .for-con-left ul li span {
            display: block;
            float: left;
        }

        .form .for-con .for-con-left ul li span em {
            display: block;
            height: 34px;
            line-height: 34px;
            font-size: 24px;
            color: #333333;
            font-weight: bold;
        }

        .form .for-con .for-con-left ul li span a {
                display: block; width:107px; height: 27px; background:#0268DA;border-radius: 13px; text-align: center; line-height: 27px;font-size: 14px; color:#FFFFFF; margin-top: 6px;font-family: "Adobe 黑体 Std";
        }

        .form .for-con .for-con-rig {
            width: 401px;
            height: 485px;
            background: rgba(2, 104, 218, 0.66);
            float: right;
            border-radius: 20px;
            padding-top: 10px;
            box-sizing: border-box;
        }

        .form .for-con .for-con-rig h4 {
            height: 67px;
            line-height: 67px;
            text-align: center;
            font-size: 24px;
            color: #FFF;
            font-weight: normal;
            border-bottom: 1px solid #FFF;
        }

        .form .for-con .for-con-rig .bd {
            padding: 28px 25px 0;
        }

        .form .for-con .for-con-rig .bd ul li {
            height: 50px;
            margin-bottom: 20px;
        }

        .form .for-con .for-con-rig .bd ul li input {
            height: 48px;
            border: 1px solid rgba(255, 255, 255, 0.5);
            background: 0;
            padding: 0 18px;
            width: 100%;
            box-sizing: border-box;
            font-size: 14px;
            color: #FFF;
        }

        .form .for-con .for-con-rig .bd ul li input::-webkit-input-placeholder{color:#fff;}
        .form .for-con .for-con-rig .bd ul li input::-moz-placeholder{color:#fff;}

        .form .for-con .for-con-rig .bd ul li span {
            display: none;
        }
        .form .for-con .for-con-rig .bd ul li.last{height:140px;}
        .form .for-con .for-con-rig .bd ul li textarea{height:140px; box-sizing:border-box;background:0;font-size: 14px;padding: 18px;
            color: #FFF; border: 1px solid rgba(255, 255, 255, 0.5);width:100%;}

        .form .for-con .for-con-rig .bd .submit {
            width: 180px;
            height: 37px;
            margin: 0 auto;
            overflow: hidden;
        }

        .form .for-con .for-con-rig .bd .submit .form-btn-submit {
            width: 180px;
            height: 37px;
            background: url(../images/form-btn.png) no-repeat center;
            text-align: center;
            line-height: 37px;
            font-size: 18px;
            color: #FFF;
            font-family: "Adobe 黑体 Std";
        }

        .form .for-con .for-con-rig .bd .submit .form-btn-reset {
            display: none;
        }
    

        .d-case {
            padding: 67px 0 77px;
        }
        
        .d-case h2 {
            text-align: center;
            margin-bottom:25px;
        }
        
        .d-case h2 span {
            display: block;
            font-size: 50px;
            color: #000000;
            height: 121px;
            line-height: 121px;
            letter-spacing: 3px;
        }
        
        .d-case h2 i {
            display: block;
            width: 72px;
            height: 4px;
            background: #282828;
            margin: 0 auto;
        }
        
        .d-case .cas-link {
            height: 45px;
            line-height: 45px;
            text-align: right;
        }
        
        .d-case .cas-link a {
            display: inline-block;
            font-size: 20px;
            color: rgba(12, 32, 69, 0.8);
        }
        
        .cas-bd {
            overflow: hidden;
        }
        
        .cas-bd li {
            float: left;
            width: 20%;
            margin-right: 16px;
        }
        
        .cas-bd li dl {
            margin-bottom: 30px;
            transition: .5s;
            box-sizing: border-box;
            border: 1px solid #FFF;
            position: relative;
            border-radius: 10px;
            overflow: hidden;
        }
        
        .cas-bd li dl dt {
            width: 100%;
            line-height: 0;
            overflow: hidden;
        }
        
        .cas-bd li dl dt img {
            width: 100%;
            height: 100%;
            transition: 1s;
        }
        
        .cas-bd li dl dd {
            width: 100%;
            height: 50px;
            line-height: 50px;
            text-align: center;
            position: absolute;
            left: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.7);
        }
        
        .cas-bd li dl dd h4 {
            height: 50px;
            line-height: 50px;
            font-size: 15px;
            color: #FFFFFF;
            font-family: "思源黑体 CN";
            font-weight: normal;
        }
        
        
        .cas-bd li dl:hover {
            border: 1px solid #007aff;
            box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
        }
        
        .cas-bd li dl:hover dd h4 a {
            color: #007aff;
        }
    

        .d-about {
            padding: 68px 0 98px;
            background: url(../images/about.jpg) no-repeat center;
        }
        
        .d-about h2 {
            text-align: center;
            margin-bottom: 37px;
        }
        
        .d-about h2 span {
            display: block;
            height: 92px;
            line-height: 92px;
            margin-bottom: 16px;
        }
        
        .d-about h2 span a {
            font-size: 50px;
            color: #FFFFFF;
            font-weight: bold;
        }
        
        .d-about h2 i {
            display: block;
            width: 72px;
            height: 4px;
            background: #FFF;
            margin: 0 auto;
        }
        
        .d-about .d-abo-con {
            background: #FFF;
            padding: 32px 29px 58px 28px;
            box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.13);
            width:1200px;
            margin:0 auto;
            box-sizing: border-box;
        }
        
        .d-about .d-abo-con span {
            display: block;
            width: 100%;
            line-height: 0;
            overflow: hidden;
        }
        
        .d-about .d-abo-con span img {
            width: 100%;
            transition: 1s;
        }
        
        .d-about .d-abo-con .abo-nav {
            width: 1000px;
            margin: 0 auto;
            height: 76px;
        }
        
        .d-about .d-abo-con .abo-nav ul li {
            float: left;
            width: 25%;
            height: 76px;
            line-height: 76px;
            text-align: center;
        }
        
        .d-about .d-abo-con .abo-nav ul li a {
            display: block;
            height: 76px;
            font-size: 20px;
            color: #282828;
            font-weight: bold;
        }
        
        .d-about .d-abo-con .abo-nav ul li.cur a {
            color: #007AFF;
        }
        
        .d-about .d-abo-con .abo-list ul li {
            float: left;
            width: 218px;
            margin-right: 13px;
        }
        
        .d-about .d-abo-con .abo-list ul li strong {
            display: block;
            width: 218px;
            height: 147px;
            line-height: 0;
        }
        
        .d-about .d-abo-con .abo-list ul li strong img {
            width: 100%;
        }
        
        .d-about .d-abo-con .abo-list ul li em {
            display: block;
            height: 54px;
            line-height: 54px;
            text-align: center;
            font-size: 14px;
            color: #282828;
        }
        
        .d-about .d-abo-con .abo-list ul li:last-child {
            margin-right: 0;
        }
    

        .loop{height:876px; background:#F2F2F2;}
        .lop{padding-top:45px;}
        .lop h2{text-align: center; margin-bottom: 43px;}
        .lop h2 span{display: block; height:119px; line-height: 119px;font-size: 50px; color:#262626; font-weight: bold;}
        .lop h2 i{display: block; width:72px; height:4px; background:#282828; margin:0 auto;}
        .lop p{text-align: center;font-size: 20px;color:#262626; line-height:38px; margin-bottom: 97px; }
        .lop ul li{float:left;width:190px; height:95px; margin-right: 11px;margin-bottom: 26px;}
        .lop ul li:nth-child(6n){margin-right: 0;}
    

 .icoo{display:block; width:48px; height:189px;position: fixed;
left: 0px;
top: 50%;
background:url(../images/xf-btn.png) no-repeat center;
font-size: 22px;
color: #FFFFFF;
line-height: 25px;
padding: 62px 7px 0;
box-sizing: border-box;
z-index: 400;}
 
 .xfbj{width:100%;position:fixed;left:0;bottom:0; z-index:300;}
  .xg{position:relative;}
 .ico{display:block;width:45px;height:37px;cursor:pointer;background:rgba(0,0,0,0.6);border-top-right-radius:100px;}
        .fi{position:relative;height:71px;}
        .fi .fly{display:block; width:180px; position:absolute;left:0;bottom:0; line-height:0;}
        .fi .fly img{width:100%;}
        .fix {
            width: 100%;
            height: 71px;
            z-index:999;
            background:rgba(0,0,0,0.6);
        }
        
        .fix .bd h4 {
            height: 71px;
            line-height: 71px;
            font-size: 18px;
            color: #FFF;
            font-weight: bold;
            width:488px;
            float:left;
            margin-left:190px;
        }
        
        .fix .bd h4 b{display:inline-block;margin-left:12px;color: #14b7ff;}
        
        .fix .bd .bd_ul{float:right;margin-top:19px;}
        
        .fix .bd ul {
            width: 520px;
            float: right;
        }
        
        .fix .bd ul li {
            float: left;
            width: 117px;
            height:27px;
            margin:0 3px 0 0;
            border:1px solid rgba(0,0,0,0.3);
        }
        
        .fix .bd ul li input {
            background: rgba(255, 255, 255, 0.66);
            line-height: 25px;
            font-size: 14px;
            padding: 0 13px;
            box-sizing: border-box;
            width: 117px;
            height:27px;
        }
        
     .fix .bd ul li span {
            display: none;
        }
        
        .fix .bd .submit {
            float: right;
        }
        
        .fix .bd .submit .form-btn-submit {
            width: 117px;
            height: 40px;
            background:url(../images/sub-btn.png) no-repeat center;
            text-align: center;
            line-height: 40px;
            font-size: 20px;
            color: #FFF;
            font-family: "思源黑体 CN";
            cursor: pointer;
            margin-right:26px;
        }
        
        .fix .bd .submit .form-btn-reset {
            display: none;
        }
    

        i,
        em {
            font-style: normal;
        }
        
        .footer {
            height: 561px;
            background: #0c2045;
            border-bottom: 20px solid #007aff;
        }
        
        .footer .ft-nav {
            height: 85px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        }
        
        .footer .ft-nav ul {
            width: 1200px;
            margin: 0 auto;
        }
        
        .footer .ft-nav ul li {
            float: left;
            height: 85px;
            line-height: 85px;
            width: 12.5%;
            text-align: center;
        }
        
        .footer .ft-nav ul li a {
            display: block;
            font-size: 14px;
            color: #FFFFFF;
            position: relative;
        }
        
        .footer .ft-nav ul li a:before {
            width: 1px;
            height: 14px;
            background: rgba(255, 255, 255, 0.6);
            content: "";
            position: absolute;
            right: 0;
            top: 37px;
        }
        
        .footer .ft-nav ul li:last-child a:before {
            display: none;
        }
        
        .footer .ft-cen {
            height: 297px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.3);
        }
        
        .footer .ft-cen .ftlogo {
            width: 283px;
            padding-top: 38px;
            margin-right: 54px;
        }
        
        .footer .ft-cen .ftlogo h2 {
            width: 296px;
            height: 76px;
            margin-left: -13px;
        }
        
        .footer .ft-cen .ftlogo h2 img {
            width: 100%;
        }
        
        .footer .ft-cen .ftlogo h3 {
            height: 71px;
            line-height: 71px;
            font-size: 20px;
            color: #FFFFFF;
            margin-bottom: 15px;
            font-weight: bold;
        }
        
        .footer .ft-cen .ftlogo span {
            display: block;
            text-align: center;
            line-height: 12px;
            margin-bottom: 20px;
        }
        
        .footer .ft-cen .ftlogo span a {
            display: inline-block;
            font-size: 12px;
            color: rgba(255, 255, 255, 0.5);
            padding: 0 19px 0 12px;
            background: url(../images/ft-xt.png) no-repeat right;
        }
        
        .footer .ft-cen .ftlogo span a:last-child {
            background: 0;
        }
        
        .footer .ft-cen .ftlogo p {
            text-align: center;
            line-height: 12px;
        }
        
        .footer .ft-cen .ftlogo p em {
            display: inline-block;
            margin: 0 10px;
            font-size: 12px;
            color: rgba(255, 255, 255, 0.5);
        }
        
        .footer .ft-cen .ftlogo p em a {
            font-size: 12px;
            color: rgba(255, 255, 255, 0.5);
        }
        
        .footer .ft-cen .ft-contact {
            width: 360px;
            padding-top: 21px;
        }
        
        .footer .ft-cen .ft-contact h4 {
            height: 52px;
            line-height: 52px;
            font-size: 14px;
            color: #FFFFFF;
            margin-bottom: 5px;
        }
        
        .footer .ft-cen .ft-contact ul li {
            line-height: 29px;
            font-size: 14px;
            color: #FFFFFF;
            padding-left: 28px;
        }
        
        .footer .ft-cen .ft-contact ul li.first {
            height: 47px;
            line-height: 47px;
            margin-bottom: 9px;
            font-weight: bold;
        }
        
        .footer .ft-cen .ft-contact ul li.one {
            background: url(../images/ft-lx1.png) no-repeat left;
        }
        
        .footer .ft-cen .ft-contact ul li.two {
            background: url(../images/ft-lx2.png) no-repeat left;
        }
        
        .footer .ft-cen .ft-contact ul li.three {
            background: url(../images/ft-lx3.png) no-repeat left 10px;
        }
        
        .footer .ft-cen .ft-contact ul li.four {
            background: url(../images/ft-lx4.png) no-repeat left;
        }
        
        .footer .ft-cen .ft-fl {
            width: 477px;
            margin-right: -20px;
            margin-top: 19px;
        }
        
        .footer .ft-cen .ft-fl .fl {
            width: 121px;
            margin-left: 52px;
        }
        
        .footer .ft-cen .ft-fl .fl.fr2{display:none;}
        
        .footer .ft-cen .ft-fl .fl:first-child {
            margin-left: 0;
        }
        
        .footer .ft-cen .ft-fl .fl h4 {
            height: 53px;
            line-height: 53px;
            margin-bottom: 11px;
        }
        
        .footer .ft-cen .ft-fl .fl h4 a {
            font-size: 14px;
            color: #FFFFFF;
            font-weight: normal;
        }
        
        .footer .ft-cen .ft-fl .fl ul li {
            height: 28px;
            white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
        }
        
        .footer .ft-cen .ft-fl .fl ul li a {
            font-size: 12px;
            color: rgba(255, 255, 255, 0.6);
            white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
        }
        
        .footer .ft-bot {
            height: 177px;
        }
        
        .footer .ft-bot .ft-link {
            width: 810px;
            float: left;
            padding-top: 52px;
        }
        
        .footer .ft-bot .ft-link span {
            display: inline-block;
            height: 41px;
            line-height: 41px;
        }
        
        .footer .ft-bot .ft-link span em {
            display: inline-block;
            margin-right: 44px;
        }
        
        .footer .ft-bot .ft-link span em i {
            font-size: 12px;
            color: #FFFFFF;
            margin-right: 12px;
            text-transform: uppercase;
        }
        
        .footer .ft-bot .ft-link span em a {
            font-size: 12px;
            color: #FFFFFF;
        }
        
        .footer .ft-bot .ft-link p {
            height: 40px;
            line-height: 40px;
        }
        
        .footer .ft-bot .ft-link p a {
            display: inline-block;
            height: 40px;
            font-size: 12px;
            color: rgba(255, 255, 255, 0.2);
            margin-right: 22px;
        }
        
        .footer .ft-code {
            width: 432px;
            float: right;
            margin-top: 35px;
            margin-right: -43px;
        }
        
        .footer .ft-code span {
            display: block;
            width: 216px;
            float: left;
        }
        
        .footer .ft-code span i {
            display: block;
            width: 105px;
            height: 107px;
            float: left;
        }
        
        .footer .ft-code span i img {
            width: 100%;
        }
        
        .footer .ft-code span em {
            display: block;
            text-align: center;
            padding-top: 34px;
            float: left;
            font-size: 14px;
            color: #FFFFFF;
            line-height: 20px;
            margin-left: 14px;
        }
    

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