i , em{font-style: normal;}
        .topWrap{background:url(images/t_bj.jpg) no-repeat center 0; height:199px; position: relative; z-index: 3; }
        .header{ width:1200px; margin:0 auto; height:199px; position: relative; font-family: "Microsoft YaHei";}
        .top_c{ height:139px; overflow: hidden;}
        .top_c h2{ width:240px; float:left; height:90px; overflow:hidden; margin-top:24px;}
        .top_c h2 img{ display:block; width:240px;height:90px; }
        .top_c h3{ margin: 46px 0 0 20px; padding-left: 20px; font-size: 24px; color:#24a0dc; line-height: 28px; float: left; position: relative;}
        .top_c h3 i{display: block; font-size: 16px;color:#2a2a2a;font-weight: normal; letter-spacing: 0px;}
        .top_c h3::before{position: absolute; content:""; width:1px;height:39px;background:#d2d2d2; top: 8px;left: 0;}

        .tel{background:url(images/tel.gif) no-repeat 0 50px;padding: 48px 0 0 60px; font-size: 14px; color:#737373; float: right; line-height: 20px;white-space: nowrap;}
        .tel span{ display: block; font-size: 24px; color:#2b2b33;font-weight: bold; line-height: 30px;}
       
        .nav{height:60px;overflow:hidden; margin-left: 280px;}
        .nav ul{position: relative;margin-right: -400px;}
        .nav li{ font-size: 14px; height:60px;  float: left; position: relative; }
        .nav li::before{position: absolute; content:""; width:1px; height:13px; border-right: 1px solid #45bffb;background:#2faae6; top: 25px; right: 0;}
        .nav li a{ display:inline-block; color:#fff;height:60px; line-height: 60px;padding: 0 33px;}
        .nav li a:hover,.nav .cur a{  text-decoration: none;font-weight: bold;background:#51d7d8;}
        .nav li:last-child::before{height:0;}
        
        .navlist{position: absolute; top: 139px;left: 0;width:260px;}
        .navlist h3{ display: block;position:relative; height:60px;background:#51d7d8; overflow: hidden; padding-left: 24px; font-size: 16px; font-weight: normal; color:#fff; line-height: 60px;}
        .navlist h3:before{content:"";position:absolute;right:24px;top:25px; width:10px;height:10px;border-right:solid 2px #fff;border-bottom:solid 2px #fff;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
        .navlist_c{position: absolute; top: 60px;left: 0; width:100%; background:rgba(255,255,255,0.9); padding:24px 0 40px; display:none;}
        .navlist_c dl{padding: 10px 0 10px 15px;}
        .navlist_c dt{ font-size: 18px; line-height: 24px;font-weight: bold;}
        .navlist_c dt a{ color: #414141;}
        .navlist_c dd{ padding-top: 4px;}
        .navlist_c dd a{display: inline-block;padding-right: 20px; font-size: 14px; line-height: 30px; color:#757575;}
        .navlist_c dl:nth-child(2n){background:rgba(219,219,219,0.6);}
        
    
       
            .fullSlide{min-width:1200px;position:relative;height:660px;overflow:hidden;}
            .fullSlide .bd{position:relative;z-index:0;}
            .fullSlide .bd ul{width:100%!important;}
            .fullSlide .bd li{width:100%!important;height:660px;overflow:hidden;text-align:center;}
            .fullSlide .bd li a{display:block;height:660px; }
            .fullSlide .hd{width:1200px;left:50%;height:36px; margin-left:-600px;position:absolute;z-index:8;bottom:30px;overflow:hidden; text-align: center;border-radius: 30px;}
            .fullSlide .hd ul li{display: inline-block; width:68px;height:6px;margin:0 6px 0;background:#fff;}
            .fullSlide .hd ul .on{background:none;background:#51d7d8;}
        

        .serch{width:1200px; margin: 0 auto; height:104px; border-bottom: 1px solid #eeeeee; overflow: hidden;}
        
        .ser_1{ width:240px; margin-top:29px; overflow: hidden;}
        .ser_1 p {width:80px; float: left;text-align: center;}
        .ser_1 p img{ display: block;background:url(images/ico02_bj.jpg) no-repeat 0 center; width:30px; display: block; margin: 0 auto 5px;}
        .ser_1 p a{ color:#aaaaaa;}
        .ser_1 p:hover img{background:#51d7d8;border-radius: 100%;}
       
        .ser_3{ width:888px;}
        .ser_3 p{ overflow: hidden;  font-size: 14px; color:#aaaaaa; width:446px; float: left; line-height:94px; overflow: hidden;}
        .ser_3 b{color:#6b6b6b;}
        .ser_3 p a{display: inline-block;padding:0 10px;color:#aaaaaa;}

        .sea_in{width:320px; height:40px; overflow: hidden; margin-top:27px; float: left;}
        .inp01{width:246px;height:40px;line-height:40px;background:url(images/s.gif) no-repeat;border:none; color:#333;font-size:12px;padding-left:10px; float: left;font-family:"Microsoft Yahei"; float: left;}
        .inp02{background:url(images/ss.gif) no-repeat;width:60px;height:40px;border:0; float: left;}
    

    
.xiaofei{ margin: 80px auto 0; width:1200px; height:770px; overflow: hidden;}
.xiaofei h2{height:145px; overflow: hidden;}
.xiaofei dl{ width:300px; overflow: hidden; float: left;}
.xiaofei dt{height:380px; overflow: hidden;}
.xiaofei dt img{ width:300px;height:380px;}
.xiaofei dd{height:150px;overflow: hidden;text-align: center;}
.xiaofei dd h3{ font-size: 24px; color:#3c3c3c; height:63px;position: relative; line-height: 28px;}
.xiaofei dd h3::before{position: absolute; content:""; width:26px;height: 2px;background:#3c3c3c;bottom:0;left: 50%; margin-left: -13px;}
.xiaofei dd h3 i{ display: block; font-size: 12px; color:#c1c1c1; text-align: center; text-transform: uppercase;font-weight: normal;}
.xiaofei dd p{padding: 15px 40px 0; font-size: 14px; line-height: 24px; color:#979797;}
.xiaofei dl:nth-child(2n+1) dd h3{padding-top: 22px;}



    
.ys{ height:1020px; overflow: hidden; position: relative;}
.ys h2{height:145px;}
.ysnav{ height:240px; overflow: hidden; width:1200px; margin: 0 auto;}
.ysnav li{ float: left; width:25%; font-size: 16px; color:#656565; text-align: center; line-height: 30px;}
.ysnav li img{display: block; width:125px; height:125px; margin: 0 auto 10px;}
.ysnav li b{display: block; font-size: 24px; color:#3c3c3c;}
.ysnav li:hover img, .ysnav .cur  img{border:4px solid #51d7d8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;border-radius: 100%;}
.ys_c{ height:626px; overflow: hidden; position: relative;}
.ys_c p{height:626px; overflow: hidden;}
.ys_c .p01{background:url(images/ys1.jpg) no-repeat center 0;}
.ys_c .p02{background:url(images/ys2.jpg) no-repeat center 0;}
.ys_c .p03{background:url(images/ys3.jpg) no-repeat center 0;}
.ys_c .p04{background:url(images/ys4.jpg) no-repeat center 0;}
.ys_c dl{position: absolute; top: 53px;left: 50%; margin-left: -600px; width:328px; height:500px;background:rgba(255,255,255,0.9);}
.ys_c dt{ font-size: 30px; color:#3c3c3c; line-height: 44px;}
.ys_c dt b{display: block; font-size: 36px; color:#2495e4; padding-left: 30px;}
.ys_c dt em{display: block; padding-left: 30px;}
.ys_c dt span{display: block; font-size: 130px; font-family: Arial; line-height: 130px; color:rgba(60,60,60,0.2);}
.ys_c dd{padding: 22px 30px 0;font-size: 14px; color:#888888; line-height: 28px;}

.ysprev{position: absolute; top: 855px;left: 50%; margin-left: -570px; width:50px; height:50px;background:#d2d2d2;}
.ysnext{position: absolute; top: 855px;left: 50%; margin-left: -515px; width:50px; height:50px;background:#d2d2d2;}
.ysprev:hover , .ysnext:hover{background:#51d7d8;}



    .case { width:1200px; margin: 86px auto 0; height:992px; overflow: hidden; position: relative;}
.case h2{height: 125px;}
.case_t{height:107px; text-align: center;overflow: hidden;}
.case_t a{ color:#999999; display: inline-block; font-size: 16px;padding: 0 37px;}
.case_t img{display: block; margin: 0 auto; width:40px; height:40px;}

.case ul{}
.case li{ width:360px;height:343px; float: left; margin-right: 480px; overflow: hidden;position: relative;}
.case li:nth-child(2n){ margin-right: 0;}
.case li img{ width:360px; height:270px;}
.case li .casewz {padding-top: 10px;}
.casewz h3{ font-size: 16px; color:#3c3c3c;}
.casewz p{padding-top: 0.3rem; font-size: 14px; color:#ababab; line-height: 20px;}
.case li em{display: block;position: absolute; top: 62px;left: -41px; width:41px;height: 41px;}
.case li em img{ width:41px;height: 41px;}
.case li::before{position: absolute; content:""; width:316px; border:1px solid #fff ; top: 20px; left: 20px;  height:232px;    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(0);
    transform: scale(0);}
.case li:hover::before{   opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);}
.case li:hover em{left:0;
     -webkit-transform: translateY(0%);    transform: translateY(0%); -webkit-transition:2s all ease;transition:1s all ease;}
.casepic{position: absolute; top: 232px; left: 410px; width:378px;overflow: hidden;}
.casepic img{width:378px;height:613px;}
.casepic .casewz1 h3{ font-size: 16px; color:#3c3c3c; padding-top: 12px;}
.casepic .casewz1 p{padding-top: 0.3rem; font-size: 14px; color:#ababab; line-height: 20px;}



        .f_bj {
            font-family: "Microsoft Yahei";
            background: url(images/f_bj.jpg) no-repeat center 46px;
            height: 418px;
            overflow: hidden;
            position: relative;
        }
        
        .ftop {
            position: absolute;
            top: 0;
            left: 50%;
            width: 86px;
            height: 86px;
            margin-left: -43px;
        }
        
        .ftop img {
            width: 86px;
            height: 86px;
        }
        
        .footer {
            width: 1200px;
            margin: 0 auto;
            height: 325px;
            padding-top: 46px;
            overflow: hidden;
        }
        
        .flogo,
        .fnav,
        .fwz {
            position: relative;
            float: left;
            overflow: hidden;
            height: 250px;
        }
        
        .flogo::before,
        .fnav::before,
        .fwz::before {
            position: absolute;
            content: "";
            top: 78px;
            right: 0;
            width: 1px;
            height: 196px;
            background: #49addd;
        }
        
        .flogo {
            padding-top: 94px;
            width: 250px;
        }
        
        .flogo img {
            width: 208px;
            height: 80px;
        }
        
        .flogo p {
            font-size: 14px;
            color: #fff;
            line-height: 20px;
            padding-top: 27px;
        }
        
        .flogo p i {
            display: block;
            font-size: 14px;
            font-family: Arial;
            text-transform: uppercase;
        }
        
        .flogo span {
            display: block;
            margin-top: 20px;
        }
        
        .flogo span img {
            width: 20px;
            height: 20px;
            vertical-align: middle;
            margin-right: 5px;
        }
        
        .flogo span a {
            font-size: 12px;
            color: #fff;
        }
        
        .fnav {
            padding: 75px 0 0 70px;
            width: 318px;
        }
        
        .fnav p a {
            display: inline-block;
            width: 130px;
            font-size: 14px;
            line-height: 38px;
            color: #fff;
        }
        
        .fnav p a:hover {
            color: #fff;
        }
        
        .fnav h3,
        .fwz h3,
        .fcode h3 {
            font-size: 20px;
            color: #fff;
            line-height: 24px;
            padding-bottom: 25px;
        }
        
        .fnav h3 i,
        .fwz h3 i,
        .fcode h3 i {
            display: block;
            font-size: 12px;
            color: #414143;
            font-weight: normal;
        }
        
        .fwz {
            padding: 75px 0 0 50px;
            width: 250px;
        }
        
        .fwz p {
            font-size: 14px;
            line-height: 38px;
            color: #fff;
        }
        
        .fwz p span {
            color: #fff;
            font-size: 20px;
            font-family: Arial;
        }
        
        .fcode {
            padding: 75px 0 0 0;
            width: 232px;
            float: right;
        }
        
        .fcode h3 {
            padding-left: 16px;
        }
        
        .fcode p {
            float: left;
            width: 94px;
            margin-left: 16px;
            overflow: hidden;
            font-size: 14px;
            color: #fff;
            text-align: center;
            line-height: 30px;
        }
        
        .fcode p img {
            width: 94px;
            height: 94px;
        }
        
        .fwz1 {
            height: 48px;
            width: 1200px;
            margin: 0 auto;
            border-top: 1px solid #49addd;
            line-height: 48px;
            color: #fff;
        }
        
        .fwz1 a {
            color: #fff;
        }
        
        .fwz1 em {
            display: inline-block;
            padding: 0 10px;
        }
    

        .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: 71px;
            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: 14px;
            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: 35px;
            background-position: -27px -51px;
        }
        
        .client-2 .my-kefu-left {
            float: left;
            width: 77px;
            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: #24a0dc;
            color: #fff;
            height: 56px;
            width: 247px;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #24a0dc;
            width: 97px;
            height: 56px;
            position: relative;
            padding:9px 0 6px;
            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;
        }