﻿
	
	




.service_contentsy{ width: 100%; height:auto; float: left; margin-top:30px;} 
/* 第二排按钮 */
.work_left{ float:left; width:475px; height:126px; }
.work_left ul li{ float:left; width:142px; height:126px; text-align:center; background:#0d6fa3; border-radius:10px; margin-right:10px; list-style: none; position: relative; overflow: hidden; }
.work_left ul li a{ color:#fff; font-size:18px;}
.work_left ul li p{width:60px; height:60px; margin:13px auto 5px;}
.work_left ul li p.work_left_on1{background:url(../images/service_bj_an1.png) no-repeat 0px 0px;}
.work_left ul li p.work_left_on2{background:url(../images/service_bj_an1.png) no-repeat 0px -60px;}
.work_left ul li p.work_left_on3{background:url(../images/service_bj_an1.png) no-repeat 0px -120px;}
.work_left ul li span{ float:left; width:142px; height:40px; }

.work_left ul li .work_left_after {  width:142px; height:126px; background: #ff6a73; position: absolute; left: 0; top: 0; color:#fff; font-size:18px; transform-origin: right bottom; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; }
.work_left ul li:hover .work_left_after { transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); }


.work_right{ float:left; width:674px; height:126px; margin-left:5px; padding:0px 10px; background:#ecfaff; border-radius:10px; box-shadow: 0px 0px 4px #ccc; }
.work_right ul li{ width:84px; text-align:center; float:left; height:126px; margin:0px 6px;}
.work_right ul li p{width:84px; height:60px; float:left; margin-top:6px;}
.work_right ul li p.work_right_on1{ background:url(../images/service_bj_an2.png) no-repeat -10px 0px;}
.work_right ul li p.work_right_on2{ background:url(../images/service_bj_an2.png) no-repeat -110px 0px;}
.work_right ul li p.work_right_on3{ background:url(../images/service_bj_an2.png) no-repeat -210px 0px;}
.work_right ul li p.work_right_on4{ background:url(../images/service_bj_an2.png) no-repeat -310px 0px;}
.work_right ul li p.work_right_on5{ background:url(../images/service_bj_an2.png) no-repeat -410px 0px;}
.work_right ul li p.work_right_on6{ background:url(../images/service_bj_an2.png) no-repeat -510px 0px;}
.work_right ul li p.work_right_on7{ background:url(../images/service_bj_an2.png) no-repeat -610px 0px;}
.work_right ul li span{ float:left; width:84px; color:#0d6fa3; line-height:22px;}
.img-list-bmfw{padding-left: 45px;}
.img-list-bmfw li{ width:96px; text-align: center; margin-right:43px;}

.img-list2017{padding-left: 75px;overflow: hidden;padding-top: 18px;float: left;}
.img-list2017 li{ float: left; margin-right: 75px;}
.img-list2017 li.last{ margin-right: 0;}
.img-list2017 li p{text-align: center;line-height: 36px;color: #333;font-size: 16px;font-family: 'Microsoft YaHei';}

.work_right ul li:hover{float:left; transform:rotateY(360deg); transition:transform 0.7s ease-out 0s; cursor:pointer;}



/* 第三排专题图片 */
.service_special{ width:1174px; height:92px; float:left;}
.service_special_small{ width:1174px; height:90px; float:left; /* margin-left:103px; */ margin-top:20px;}
.service_special img,.service_special_small img{ width:1174px;}

/* 第五排底部按钮 */
.service_msg{ width:1174px; float:left;  margin-bottom:30px;}
.service_msg ul li{ float:left; width:180px; height:72px; margin-left:14px;}
.service_msg .service_msg_no1,.service_msg .service_msg_no2,.service_msg .service_msg_no3,.service_msg .service_msg_no4,.service_msg .service_msg_no5,.service_msg .service_msg_no6{float:left; width:188px; height:72px; box-shadow: 0 0 0 4px rgba(230,249,254,1); transition: background 0.2s, color 0.2s; }
.service_msg .service_msg_no1{background:url(../images/service_bj_an5.png) no-repeat 0px 0px; /*cursor: pointer; transition: all 0.6s;*/ }
.service_msg .service_msg_no2{background:url(../images/service_bj_an5.png) no-repeat -202px 0px;}
.service_msg .service_msg_no3{background:url(../images/service_bj_an5.png) no-repeat -405px 0px;}
.service_msg .service_msg_no4{background:url(../images/service_bj_an5.png) no-repeat -608px 0px;}
.service_msg .service_msg_no5{background:url(../images/service_bj_an5.png) no-repeat -810px 0px;}
.service_msg .service_msg_no6{background:url(../images/service_bj_an5.png) no-repeat -1011px 0px;}

.service_msg .service_msg_no1:hover{background:url(../images/service_bj_an5.png) no-repeat 0px -80px; }
.service_msg .service_msg_no2:hover{background:url(../images/service_bj_an5.png) no-repeat -202px -80px;}
.service_msg .service_msg_no3:hover{background:url(../images/service_bj_an5.png) no-repeat -405px -80px;}
.service_msg .service_msg_no4:hover{background:url(../images/service_bj_an5.png) no-repeat -608px -80px;}
.service_msg .service_msg_no5:hover{background:url(../images/service_bj_an5.png) no-repeat -810px -80px;}
.service_msg .service_msg_no6:hover{background:url(../images/service_bj_an5.png) no-repeat -1011px -80px;/* transform: scale(1.2);*/}



