﻿

        
        
        .headbj {
            height: 109px;
            
        }
        
        .hea .head {
            height: 65px;
            padding-top: 10px;
        }
        
        .head {
            padding-top: 11px;
            height: 108px;
        }
        
        .head .logo {
            float: left;
            width: 432px;
        }
        
        .head .logo_box {
            width: 73px;
            height: 84px;
            float: left;
            padding-right: 18px;
        }
        
        .head .logo_box img {
            width: 73px;
            height: 84px;
        }
        
        .head em {
            display: block;
            float: left;
            margin-top: 32px;
            padding-top: 19px;
            font-style: normal;
            height: 50px;
            padding-left: 17px;
            border-left: 1px solid #d9d9d9;
            font-size: 26px;
            color: #333333;
        }
.head em span{display: block; margin-top: -10px;}
        .head em i {
            font-weight: bold;
            font-style: normal;
        }
        
        .head .lx {
            width: 170px;
            height: 60px;
            float: right;
            margin-top: 20px;
        }
        
        .head .lx a {
            display: block;
            width: 166px;
            height: 26px;
            line-height: 26px;
            text-align: center;
            background: url(../images/wzbj.png) no-repeat center;
            font-size: 14px;
            color: #FFF;
            margin-bottom: 11px;
        }
        
        .head .lx p {
            padding-left: 28px !important;
            font-size: 20px;
            color: #333333;
            line-height: 30px;
            background: url(../images/phone.png) no-repeat left;
            font-style: italic;
            font-weight: bold;
        }
        
      
    

        /*banner*/
        .fullSlide{ min-width:1200px; position:relative;  height:650px; overflow:hidden;  }
        .fullSlide .bd{ position:relative; z-index:0;  }
        .fullSlide .bd ul{ width:100% !important;  }
        .fullSlide .bd li{ width:100% !important;  height:650px; overflow:hidden; text-align:center;  }
        .fullSlide .bd li a{ display:block; height:650px; }
        .fullSlide .hd{ width:1200px; left:50%; margin-left:-600px; bottom:30px; position:absolute; z-index:1;overflow:hidden;  }
        .fullSlide .hd ul{margin-left:500px;}
        .fullSlide .hd ul li{ float:left; margin:0 5px; display:inline; cursor:pointer; width: 62px;height: 5px;background: #333333; text-indent: -999px;}
        .fullSlide .hd ul li.on{background: #0E951D;}
      

	    .case .y{    height: 293px;    overflow: hidden;}
	

       .lcbj{overflow:hidden;}
 

            .content{width:1200px;margin:0 auto;}
            .footer{height:314px; background:url(../images/foot.jpg) no-repeat center;}
		    .foot{padding-top:40px;}
		    .foot .dblogo{width:272px; height:121px;float:left; background:url(../images/hg5.png) no-repeat right bottom;}
			.foot .dblogo h2{width:221px; height:67px; margin-bottom: 10px;}
			.foot .dblogo h2 img{width:221px; height:67px;}
			.foot .dblogo em{font-size: 14px; color:#d7d7d7;font-style:normal;}
			.foot .dblogo p,.foot .dblogo p a{font-size: 12px;color:#d7d7d7; }
		    .foot .dbnav{width:204px; height:105px; float:left;margin-top: 16px; padding-left:45px;}
			.foot .dbnav ul{height:105px; padding-top:8px; background:url(../images/hg5.png) no-repeat top right;}
			.foot .dbnav li{float:left; width:62px; line-height: 12px; margin-right: 16px; margin-bottom: 14px;}
			.foot .dbnav li a{font-size: 12px; color:#adadad;}
		    .foot .gsxx{padding-top:16px; padding-left:39px;height: 105px; width:380px;float:left;}
			.foot .gsxx ul{padding-top:4px;width:380px;height: 105px;background:url(../images/hg5.png) no-repeat top right;}
			.foot .gsxx ul li{ font-size: 12px; color:#adadad; height:17px; line-height: 17px; padding-left:31px; margin-bottom: 21px;}
			.foot .gsxx ul li em{ font-size: 12px; color:#adadad; font-style: normal;}
			.foot .gsxx ul li.x1{background:url(../images/db1.png) no-repeat left;}
			.foot .gsxx ul li.x2{background:url(../images/db2.png) no-repeat left;}
			.foot .gsxx ul li.x3{background:url(../images/db3.png) no-repeat left;}
			.foot .ewm{width:234px; height:137px; float:right;margin-top: 12px;}
			.foot .ewm span{display: block;width:102px; height:135px;float:left; margin-left: 14px;}
			.foot .ewm span em{display: block;width:87px; height:88px;padding:6px; border:1px solid #5c5c5c;}
			.foot .ewm span em img{width:87px; height:88px;}
			.foot .ewm span i{display: block; text-align: center; font-size: 12px; color:#FFF; height:33px; line-height: 33px;font-style:normal;}
		    .foot .link{height:33px;margin-top: 60px;}
			.foot .link span{display: block;float:left;width:770px;}
			.foot .link span em{font-size: 14px; color:#1f1f1f; float:left;font-style:normal;}
			.foot .link span a{font-size: 14px; color:#999999;float:;left; margin-right: 32px;}
			.foot .link p{width:330px; float:right;}
			.foot .link p em{display: block; float:left; margin-left: 33px;font-size: 14px; color:#666666;font-style: normal;}
			.foot .link p em a{font-size: 14px; color:#666666; font-style:normal;}
	

        .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: #0e951d;
            color: #fff;
            height: 56px;
            width: 247px;
            padding:9px 0 6px;
            float: left;
        }
        
        .client-2 .my-kefu-main {
            background: #0e951d;
            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;
        }
/* 应用领域 */
.hTitle{font-size:30px;font-weight:normal;color:#333;text-transform: uppercase;line-height:28px;margin-bottom:30px;padding-top:10px;}
.hTitle strong{font-weight:normal;position:relative;}
.hTitle strong:before{position:absolute;content: "";right:-15px;width:6px;height:6px;background:#0756b7;top:0;}
.hTitle span{display:block;font-size:12px;font-family:Arial;opacity:.6;}
.hMore{float:right;font-size:12px;text-transform: uppercase;color:#333;background: url('../images/mIcon.png') no-repeat left center;padding-left:22px;margin-top:15px;position:relative;z-index:2;}
.hMore:hover{color:#0756b7;}
.grWidth {
  width: 1200px;
  margin: 0 auto;
    margin-bottom: 0px;
}
.case{margin-bottom:30px;}
.case .hTitle{text-align:center;}
.caseMenu{height:100px;margin-bottom:50px;font-size:18px;}
.caseMenu a{text-decoration: none !important;float:left;width:240px;height:100px;text-align:center;color:#333;padding-top:30px;position:relative;}
.caseMenu a span{display:block; font-size:12px;font-family:Arial;opacity:.4;}
.caseMenu a:before{position:absolute;content: "";left:92px;bottom:-16px;border:8px solid transparent;}
.caseMenu a:nth-child(2n){background:#e6e6e6;}

.caseMenu a:first-child{background: url("../images/icon_01.png") #e6e6e6 no-repeat left center;color:#333;}
.caseMenu a:first-child.on{background: url('../images/icon_02.png') #396ddd no-repeat left center;color:#fff;}
.caseMenu a:first-child.on:before{border-top-color: #2e69d6;}

.caseMenu a:nth-child(2){background: url("../images/icon_03.png") #e6e6e6 no-repeat left center;color:#333;}
.caseMenu a:nth-child(2).on{background: url('../images/icon_04.png') #396ddd no-repeat left center;color:#fff;}
.caseMenu a:nth-child(2).on:before{border-top-color: #2e69d6;}

.caseMenu a:nth-child(3){background: url("../images/icon_05.png") #e6e6e6 no-repeat left center;color:#333;}
.caseMenu a:nth-child(3).on{background: url('../images/icon_06.png') #396ddd no-repeat left center;color:#fff;}
.caseMenu a:nth-child(3).on:before{border-top-color: #2e69d6;}

.caseMenu a:nth-child(4){background: url("../images/icon_07.png") #e6e6e6 no-repeat left center;color:#333;}
.caseMenu a:nth-child(4).on{background: url('../images/icon_08.png') #396ddd no-repeat left center;color:#fff;}
.caseMenu a:nth-child(4).on:before{border-top-color: #2e69d6;}

.caseMenu a:nth-child(5){background: url("../images/icon_09.png") #e6e6e6 no-repeat left center;color:#333;}
.caseMenu a:nth-child(5).on{background: url('../images/icon_010.png') #396ddd no-repeat left center;color:#fff;}
.caseMenu a:nth-child(5).on:before{border-top-color: #2e69d6;}

.caseMain,.caseBox{height:auto;}
.caseBox ul li{width:386.6px;height:460px;overflow:hidden;margin-right:20px; margin-bottom: 20px; float: left;}
.caseBox ul li:nth-child(3n){margin-right: 0;}
.caseBox ul li img{width: 384.6px; height: 400px; border: 1px solid #989898;}
.caseBox ul li span{width: 100%; height: 60px; background: #0756b7; color: #fff; text-align: center; display: block; line-height: 60px;}
.caseBox img{width:384.6px;height:400px;transition:all 0.5s;}
.caseBox ul li:hover img,.newsMain li:hover img{transform:scale(1.1);}

.cases .box {background: url("../images/wallpaper3.jpg") center top; width: 100%; height: 600px;}
.caption span{display: block; width: 100%; text-align: center; line-height: 80px; font-size: 25px; color: #333; padding-top: 40px;}
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.cases .box .swiper-container.items {
  position: relative;
  margin: 0 auto;
    margin-top: 0px;
  margin-top: 60px;
  
  width: 1200px;
  -webkit-transition: all .8s ease-in-out 0s;
  -moz-transition: all .8s ease-in-out 0s;
  -ms-transition: all .8s ease-in-out 0s;
  -o-transition: all .8s ease-in-out 0s;
  transition: all .8s ease-in-out 0s;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.cases .box .swiper-container.items .swiper-slide img {
    width: 280px;
    height: 200px;
}
.cases .box .swiper-container.items .swiper-slide .shade {
    position: absolute;
    width: 280px;
    height: 200px;
    margin-top: -200px;
    background: Black;
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    z-index: 10;
}
.cases .box .swiper-container.items .swiper-slide .shade u {
    display: block;
    margin: 0 auto;
    margin-top: 78px;
    width: 44px;
    height: 44px;
    background: url(../Images/icons.png) no-repeat 0px -168px;
}
.cases .box .swiper-container.items .swiper-slide p {
    position: absolute;
    margin: 10px 20px;
    color: #999;
    font-family: Arial, "宋体";
    font-size: 12px;
    line-height: 26px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    z-index: 10;
}
.cases .box .swiper-container.items .swiper-slide p strong {
    color: #222;
    font-family: Arial, "微软雅黑";
    font-size: 16px;
    font-weight: normal;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.cases .box .swiper-container.items .swiper-slide .bg {
    width: 280px;
    height: 100px;
    background-color: #fff;
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.cases .box .swiper-container.items .swiper-slide .bg u {
    display: block;
    position: absolute;
    width: 280px;
    height: 100px;
    margin-top: 150px;
    background-color: #002fa7;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.cases .box .swiper-container.items .swiper-slide {
  width: 280px;
  margin: 0 10px;
  border-bottom: 2px solid #002fa7;
  cursor: pointer;
}
.swiper-slide {
}
.swiper-slide {
  float: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.cases .box .swiper-container.items .swiper-slide:hover .shade {
    margin-top: 0px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.cases .box .swiper-container.items .swiper-slide:hover .bg {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.cases .box .swiper-container.items .swiper-slide:hover .bg u {
    margin-top: 0px;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.cases .box .swiper-container.items .swiper-slide:hover p {
    color: White;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.cases .box .swiper-container.items .swiper-slide:hover p strong {
    color: White;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}
.cases .box .swiper-container.mini, .cases .box .swiper-container.xs, .cases .box a.prev, .cases .box a.next {
    display: none;
}
