.service_icon:hover{
	background: rgb(0, 129, 204);
}

.service_icon {
    text-align: center;
    width: 278px;
    height: 185px;
    margin: 0 auto;
    background: #eee;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    transition: background 0.5s, color 0.5s;
    -moz-transition: background 0.5s, color 0.5s;
    -webkit-transition: background 0.5s, color 0.5s;
}

.service_icon .iconfont{
	font-size:80px;
	color: rgb(0, 129, 204);
}

.service_icon:hover .iconfont{
	color:#fff;
}

.our_service .tlt {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 20px;
    color: #2a333c;
}

.our_service .desc{
	text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 14px;
    color: #999;
}
.service_name{
	color:#2a2a2a;
	font-size:16px;
}
.service_icon:hover .service_name{
	color:#fff;
	
} 
.khu {
    background: url(../images/khu.png) no-repeat center;
}

.hezc {
    width: 1200px;
    padding-top: 50px;
    height: 685px;
}
.w1200 {
    margin: 0 auto;
    width: 1200px;
}
.hezc .hzzcnei {
    width: 926px;
    margin: 0 auto;
    position: relative;
}
.news_tit {
    background: url(../images/news_tit.png) no-repeat center;
    height: 130px;
}
.c8 .c8-1 {
    width: 400px;
}
.fl {
    float: left;
}
.c8 .c8-2 {
    position: relative;
    padding: 14px 20px 0;
    box-sizing: border-box;
    width: 789px;
    height: 629px;
}
.fr {
    float: right;
}
.c8 .c8-2 .list4 {
    margin-top: 12px;
}
.c8 .c8-1 .c8-1-1{
	position: relative;
    height: 268px;
    padding: 14px 20px 0;
    box-sizing: border-box;
}
.c8 .c8-1 .c8-1-2 h2 {
    line-height: 46px;
    border-bottom: 1px solid #337ccb;
    color: #333333;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}
.c8 .c8-1 .c8-1-2 .list3 li:hover a {
    color: #337ccb;
}
.c8 .c8-1 .c8-1-2 .list3 li a {
    color: #666666;
}
.c8 .c8-2 .list4 li:hover .zi h3 {
    color: #337ccb;
}
.c8 .c8-2 .list4 li .zi h3 {
    font-weight: 500;
    font-size: 16px;
    color: #333;
    line-height: 20px;
}
.c8 .c8-1 .c8-1-2 h2 a {
    font-size: 12px;
    font-weight: 500;
    float: right;
    color: #666666;
}
.tong {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}
.c8 .c8-2 .list4 li .tu img {
    width: 230px;
    height: 140px;
}
.c8 .c8-2 .list4 li .tu img {
    width: 230px;
    height: 140px;
}
   .c8 .c8-2 .list4 li .zi {
        width: 496px;
    }
    
    .c8 .c8-2 .list4 li .zi h3 {
        font-weight: 500;
        font-size: 16px;
        color: #333;
        line-height: 15px;
    }
    
    .c8 .c8-2 .list4 li .zi dd {
        font-size: 14px;
        color: #666666;
        line-height: 25px;
    }
    
    .c8 .c8-2 .list4 li .zi dd b {
        font-size: 14px;
        font-weight: 500;
        color: #337ccb;
    }
    
    .c8 .c8-2 .list4 li:hover .zi h3 {
        color: #337ccb;
        
    }
    
      .c8 .c8-2 h2 {
        line-height: 46px;
        border-bottom: 1px solid #337ccb;
        color: #333333;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: bold;
    }
    
    .c8 .c8-2 h2 a {
        font-size: 12px;
        font-weight: 500;
        float: right;
        color: #666666
    }
    
    .c8 .c8-2 .list4 {
        margin-top: 12px;
    }
    
    .c8 .c8-2 .list4 li {
        padding: 22px 0;
        border-bottom: 1px solid #dedede;
    }
     .c8 .c8-1 .c8-1-2 .list3 li:hover {
        background: url(../images/dianh.png) no-repeat 0 center;
    }
    
    .c8 .c8-1 .c8-1-2 .list3 li:hover a {
        color: #337ccb;
    }
    
       .c8 .c8-1 .c8-1-2 .list3 li {
        font-size: 14px;
        padding-left: 14px;
        line-height: 46px;
        background: url(../images/dian.png) no-repeat 0 center;
    }
    
    .c8 .c8-1 .c8-1-2 .list3 li  a{
    font-size: 14px;
    }
    
      .c8 .c8-1 .c8-1-1 h2 {
        line-height: 46px;
        background: url(../images/lan.png) no-repeat bottom;
        color: #333333;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: bold;
    }
    
    .c8 .c8-1 .c8-1-1 h2 a {
        font-size: 12px;
        font-weight: 500;
        float: right;
        color: #666666
    }
     .c8 .c8-1 .c8-1-1 .content .xx {
        position: absolute;
        bottom: 0;
        z-index: 111;
        cursor: pointer;
    }
    
    .c8 .c8-1 .c8-1-1 .content .next {
        right: 0px;
    }
    
    .c8 .c8-1 .c8-1-1 .content .prev {
        right: 41px;
    }
     .c8 .c8-1 .c8-1-1 h2 {
        line-height: 46px;
        background: url(../images/lan.png) no-repeat bottom;
        color: #333333;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: bold;
    }
     .c8 .c8-1 .c8-1-1 .content .list2 li {
        padding-top: 0px;
    }
    
    .c8 .c8-1 .c8-1-1 .content .list2 li a {
            display: inline-block;
		    font-size: 16px;
		    color: #333;
		    white-space: nowrap;
		    line-height: 42px;
		    overflow: hidden;
		    text-overflow: ellipsis;
		    width: 100%;
    }
    
    .c8 .c8-1 .c8-1-1 .content .list2 li a:after {
        content: '';
        display: block;
        width: 65px;
        height: 1px;
        background: #333333;
    }
    
    .c8 .c8-1 .c8-1-1 .content .list2 li dd {
        font-size: 14px;
        color: #666666;
        margin-top: 15px;
        line-height: 25px;
    }
    
    .c8 .c8-1 .c8-1-1 .content .list2 li:hover a {
        color: #e60012;
    }
    .hezc .hzzcnei ul li:hover img {
    transform: translateY(-10px);
}
.hezc .hzzcnei ul li img:hover {
    box-shadow: -3px 3px 6px #eee;
}
.hezc .hzzcnei ul li img {
    transition: all .5s ease;
}
.hezc .hzzcnei ul li:nth-child(1) {
    position: absolute;
    left: -70px;
    top: -13px;
    text-align: center;
}
.hezc .hzzcnei ul li {
    float: left;
    margin-right: 110px;
    -moz-transform: rotate(315deg);
    /* -webkit-transform: rotate(315deg); */
    -o-transform: rotate(315deg);
    /* transform: rotate(315deg); */
    margin-top: 131px;
}
.hezc .hzzcnei ul li:nth-child(6) {
	  position: absolute;
            left: 916px;
            top: -5px;
            text-align: center;
            width: 90px;
   
}
 .hezc .hzzcnei ul li:nth-child(1) {
           position: absolute;
    top: -32px;
    text-align: center;
    }
    
    .hezc .hzzcnei ul li:nth-child(2) {
      position: absolute;
    left: 181px;
    top: -29px;
    text-align: center;
    }
    
    .hezc .hzzcnei ul li:nth-child(3) {
       position: absolute;
    left: 415px;
    top: -28px;
    text-align: center;
    }
    
    .hezc .hzzcnei ul li:nth-child(4) {
       position: absolute;
    left: 660px;
    top: -28px;
    text-align: center;
    }
    
    .hezc .hzzcnei ul li:nth-child(5) {
    
     position: absolute;
    left: 789px;
    top: 92px;
    width: 82px;
    text-align: center;
    }
    .hezc .hzzcnei ul li:nth-child(9) h3{color:#fff;
    	color: #fff;
    text-align: center;
    width: 71px;
    }
    
    .hezc .hzzcnei ul li:nth-child(6) {
          position: absolute;
    left: 57px;
    top: 88px;
    text-align: center;
    }
    
    .hezc .hzzcnei ul li:nth-child(7) {
       position: absolute;
    left: 547px;
    top: 93px;
    text-align: center;
    
    }
    
    .hezc .hzzcnei ul li:nth-child(8) {
	    position: absolute;
	    left: 291px;
	    top: 92px;
	    text-align: center;
    }
    
    .hezc .hzzcnei ul li:nth-child(9) {
    position: absolute;
    left: 924px;
    top: -26px;
    text-align: center;
    width: 64px;
       
    }
    
    .hezc .hzzcnei ul li:nth-child(10) {
        margin-top: 92px;
    }
    
    .hezc .hzzcnei ul li:nth-child(11) {
        margin-top: 92px;
    }
    
    .hezc .hzzcnei ul li h3 {
        color: #333333;
        font-size: 16px;
    }
    
    .hezc .hzzcnei ul li:nth-child(5) h3{
    	    width: 97px;
    text-align: left;
    }