p{line-height:1.5;margin-bottom:10px}
p:nth-last-child(2){padding-bottom:30px}
.mgt50{margin-top:50px}
.clbt{clear: both;}
.fr{float: right;}
.slo_banner{color:#333;height:500px;margin-top:100px;}
.slo_banner h1{position: relative;line-height:1;font-size:40px}
.slo_banner p{ line-height:2;font-size:18px;margin:30px 0}
.slo_banner a{position: relative;border-radius:5px;font-size:17px;line-height:50px;border:1px #666 solid;width:155px;color:#333;text-align:center;}
.slo_banner a:after{
       content: "";
       width: 0px;
       height: 0px;
       border-top: 5px solid transparent;
       border-bottom: 5px solid transparent;
       border-left: 5px solid #666;
   display: inline-block;margin-left:10px;
     }
 
.banner_l{width:51%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;height:550px}
/*soltoin*/
.bg_c {
    background: #f5f5f5;
}

.hxys_box {
    overflow: hidden;
    padding-top: 50px;
}

.hxys_img {
    width: 50%;
}

.hxys_img img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.hxys_text {
    width: 44%;
    padding-left: 2%
}

.hxys_text h3 {
    font-size: 24px;
    font-weight: 600;
    padding: 100px 0 30px 0;
}

.hxys_text p.text {
    padding: 20px 0 40px 0;
    line-height: 1.6;
    margin: 0 0 10px;
    font-size: 16px;
}

.hxys_text1 {
    width: 44%;
    padding-left: 2%;
    padding-bottom: 8%;
}

.hxys_text1 h3 {
    font-size: 24px;
    font-weight: 600;
    padding: 0 0 30px 0;
}

.hxys_text1 p.text {
    padding: 20px 0 40px 0;
    line-height: 1.6;
    margin: 0 0 10px;
    font-size: 16px;
}

.numb1_button {
    letter-spacing: 2px;
    color: #fff;
    background: #2A5B9E;
    font-weight: 500;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 5px;
}
.btn-box a:hover{color:#538fe2}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
/*工程物资云*/
.gnkj{padding:64px 0;background:url(../images/bg3.jpg);}
.gnkj ul li{border: 1px #cfdcfe solid;
    border-radius: 10px;width:19%;margin-right:1%;margin-bottom:20px;float:left;background:#fff;padding:25px;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box; }
.gnkj ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);    box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);} 
.gnkj ul li:nth-child(5n){margin-right:0;width:19%}
.gnkj ul li:nth-of-type(n+5){margin-bottom:0}
.gnkj ul  li h3{text-align: center;font-size:20px;margin-bottom:15px;color:#2e4b67;}
.gnkj ul  li p{ height: 160px;  margin-left: 35px;line-height:2;color:#777777}
.gnkj ul  li:nth-child(2) p{margin-left: 35px;}
.gnkj ul  li:nth-child(4) p{margin-left: 35px;}
.gnkj ul  li:nth-child(5) p{margin-left: 35px;}
.gnkj ul  li p u{background:url(../images/d.png)  no-repeat  left  center; font-size:15px;   padding-left: 10px;text-decoration:none;display:block;}
.gnkj ul  li:nth-child(4) p u{float:left}
.gnkj ul  li:nth-child(5) p u{float:left}
.gnkj ul  li i{display:block;height:94px;}
.gnkj ul  li a{font-size:0;background:url(../images/gd.png)  no-repeat   center;display:block;height:23px;margin-top:10px;}
.gnkj ul  li.ico1 i{background:url(../images/ico_gnwz1.png)  no-repeat   center}
.gnkj ul  li.ico2 i{background:url(../images/ico_gnwz2.png)  no-repeat   center}
.gnkj ul  li.ico3 i{background:url(../images/ico_gnwz3.png)  no-repeat   center}
.gnkj ul  li.ico4 i{background:url(../images/ico_gnwz4.png)  no-repeat   center}
.gnkj ul  li.ico5 i{background:url(../images/ico_gnwz5.png)  no-repeat   center}

/*招投标*/
.gnkj ul .ico1-1 i{background:url(../images/ico_scada1.png)  no-repeat   center}
.gnkj ul .ico2-1 i{background:url(../images/ico_scada2.png)  no-repeat   center}
.gnkj ul .ico3-1 i{background:url(../images/ico_scada3.png)  no-repeat   center}
.gnkj ul .ico4-1 i{background:url(../images/ico_scada4.png)  no-repeat   center}
.gnkj ul .ico5-1 i{background:url(../images/ico_scada5.png)  no-repeat   center}

.ztb{padding: 75px 0; background: #fcf7f8;}

.ztb ul{background: #fff;padding:60px 40px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;justify-content: space-between;    flex-wrap: wrap;}

.ztb ul li{width:100%;margin-bottom:30px;display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;}
/*.ztb ul li:nth-of-type(n+5) {*/
/*margin-bottom:0*/
/*}*/
.ztb ul li i{display: block;width:50px;flex: 0 0 50px;}
.ztb ul li i.ico1{background: url(../images/lc01.png) no-repeat left top;}
.ztb ul li i.ico2{background: url(../images/lc02.png) no-repeat left top;}
.ztb ul li i.ico3{background: url(../images/lc03.png) no-repeat left top;}
.ztb ul li i.ico4{background: url(../images/lc04.png) no-repeat left top;}
.ztb ul li i.ico5{background: url(../images/lc05.png) no-repeat left top;}
.ztb ul li i.ico6{background: url(../images/lc06.png) no-repeat left top;}
.ztb ul li i.ico7{background: url(../images/lc07.png) no-repeat left top;}
.ztb ul li i.ico8{background: url(../images/lc08.png) no-repeat left top;}
.ztb ul li i.ico9{background: url(../images/lc09.png) no-repeat left top;}
.ztb ul li i.ico10{background: url(../images/lc10.png) no-repeat left top;}
.ztb ul li i.ico11{background: url(../images/lc11.png) no-repeat left top;}
.ztb ul li i.ico12{background: url(../images/lc12.png) no-repeat left top;}
.ztb ul li i.ico13{background: url(../images/lc13.png) no-repeat left top;}
.ztb ul li i.ico14{background: url(../images/lc14.png) no-repeat left top;}
.ztb ul li p b{display: block;font-size: 18px;line-height: 32px;}
.ztb ul li p u{display: block;color:#888888;font-size: 14px;    line-height: 2;}
.gnmk{padding:64px 0;background:url(../images/bg3.jpg)}
.gnmk ul li{border: 1px #cfdcfe solid;
    border-radius: 10px;width:18.4%;margin-right:2%;margin-bottom:20px;float:left;background:#fff;padding:25px;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box; }
.gnmk ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);    box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);} 
.gnmk ul li:nth-child(5n){margin-right:0}
.gnmk ul li:nth-of-type(n+5){margin-bottom:0}
.gnmk ul  li h3{text-align: center;font-size:20px;margin-bottom:15px;color:#2e4b67;}
.gnmk ul  li p{      height: 160px;  margin-left: 35px;line-height:2;color:#777777}
.gnmk ul  li p u{background:url(../images/d.png)  no-repeat  left  center; font-size:15px;   padding-left: 10px;text-decoration:none;display:block;}
.gnmk ul  li i{display:block;height:94px;}
.gnmk ul  li a{font-size:0;background:url(../images/gd.png)  no-repeat   center;display:block;height:23px;margin-top:10px;}
.gnmk ul  li.ico1 i{background:url(../images/ico_gn1.png)  no-repeat   center}
.gnmk ul  li.ico2 i{background:url(../images/ico_gn2.png)  no-repeat   center}
.gnmk ul  li.ico3 i{background:url(../images/ico_gn3.png)  no-repeat   center}
.gnmk ul  li.ico4 i{background:url(../images/ico_gn4.png)  no-repeat   center}
.gnmk ul  li.ico5 i{background:url(../images/ico_gn5.png)  no-repeat   center}
.gnmk ul  li.ico11 i{background:url(../images/ico_gn11.png)  no-repeat   center}
.gnmk ul  li.ico21 i{background:url(../images/ico_gn21.png)  no-repeat   center}
.gnmk ul  li.ico31 i{background:url(../images/ico_gn31.png)  no-repeat   center}
.gnmk ul  li.ico41 i{background:url(../images/ico_gn41.png)  no-repeat   center}
.gnmk ul  li.ico51 i{background:url(../images/ico_gn51.png)  no-repeat   center}
/*低代码*/
.slo_main{overflow: hidden;}
.slo_main h2,.slo_tjsb h2,.slo_case h2,.slo_yycj h2 {
	font-size: 32px;
	margin: 60px auto;
}
.slo_main h2:after, .slo_tjsb h2:after,.slo_case h2:after,.slo_yycj h2:after {
	content: " ";
	display: block;
	background: #0076fe;
	height: 5px;
	width: 60px;
	margin-top: 15px;
}
.slo_yycj,.slo_yycj{overflow: hidden;}
.slo_box{background:url(../images/sol_bg.jpg) no-repeat center ; background-position: center top;overflow: hidden;}
.slo_box ul li{width: 330px;float: left;height: 230px ;padding: 15px; margin: 20px;background-color: #fff; -webkit-box-shadow: 0 0px 10px rgb(91 92 96)}
.slo_box h3{padding: 80px 0 40px 0;
    text-align: center;
    color: #fff;
    font-size: 40px;}
.slo_box h4{font-size: 18px;text-align: center;font-weight: 600;margin: 20px auto;}
.slo_box h4:after{content: " ";
    display: block;
    background: #d60b00;
    height: 5px;
    width: 60px;
    margin-top: 15px;
    margin-left: 134px;
}
.slo_box span{    padding: 0 20px;
    font-size: 16px;
    line-height: 30px;
    color: #999999;
    display: block;}
    
.slos_box{background:url(../images/sol_bg.jpg) no-repeat center ; background-position: center top;overflow: hidden;}
.slos_box ul li{width: 330px;float: left;height: 430px ;padding: 15px; margin: 20px;background-color: #fff; -webkit-box-shadow: 0 0px 10px rgb(91 92 96)}
.slos_box h3{padding: 80px 0 40px 0;
    text-align: center;
    color: #fff;
    font-size: 40px;}
.slos_box h4{font-size: 18px;text-align: center;font-weight: 600;margin: 20px auto;}
.slos_box h4:after{content: " ";
    display: block;
    background: #d60b00;
    height: 5px;
    width: 60px;
    margin-top: 15px;
    margin-left: 134px;
}
.slos_box span{    padding: 0 20px;
    font-size: 16px;
    line-height: 30px;
    color: #999999;
    display: block;}
.slo_item {overflow: hidden;text-align: center;padding-top: 20px;}
.slo_item ul li{width: 136px;height: 150px;margin-right: 180px;float: left;}
.slo_item ul li:nth-child(5){margin-right: 0;}
.slo_item ul li img{width: 90px;height: 90px;}
/*体系管理*/
.txkh-gn{padding:64px 0;background:url(../images/bg3.jpg)}
.txkh-gn ul li{border: 1px #cfdcfe solid;
    border-radius: 10px;width:15%;margin-right:2%;margin-bottom:20px;float:left;background:#fff;padding:15px;box-sizing:border-box;-webkit-transition:all .2s linear;-ms-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;box-sizing:border-box; }
.txkh-gn ul li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);    box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -webkit-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -ms-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);
    -o-box-shadow: 0 12px 20px rgb(0 0 0 / 30%);} 
.txkh-gn ul li:nth-child(6n){margin-right:0}
.txkh-gn ul li:nth-of-type(n+6){margin-bottom:0}
.txkh-gn ul li:nth-child(1) p u{margin-left:25px;}
.txkh-gn ul li:nth-child(4) p u{margin-left:20px;}
.txkh-gn ul li:nth-child(4) p u{margin-left:10px;}
.txkh-gn ul  li h3{text-align: center;font-size:20px;margin-bottom:15px;color:#2e4b67;}
.txkh-gn ul  li p{      height: 160px;  line-height:2;color:#777777}
.txkh-gn ul  li p u{background:url(../images/d.png)  no-repeat  left  center; font-size:14px;   padding-left: 5px;text-decoration:none;display:block;float:left}
.txkh-gn ul  li i{display:block;height:94px;}
.txkh-gn ul  li a{font-size:0;background:url(../images/gd.png)  no-repeat   center;display:block;height:23px;margin-top:10px;}
.txkh-gn ul  li.ico1 i{background:url(../images/ico_gn1.png)  no-repeat   center}
.txkh-gn ul  li.ico2 i{background:url(../images/ico_gn2.png)  no-repeat   center}
.txkh-gn ul  li.ico3 i{background:url(../images/ico_gn3.png)  no-repeat   center}
.txkh-gn ul  li.ico4 i{background:url(../images/ico_gn4.png)  no-repeat   center}
.txkh-gn ul  li.ico5 i{background:url(../images/ico_gn5.png)  no-repeat   center}
.txkh-gn ul  li.ico11 i{background:url(../images/ico_gn11.png)  no-repeat   center}
.txkh-gn ul  li.ico21 i{background:url(../images/ico_gn21.png)  no-repeat   center}
.txkh-gn ul  li.ico31 i{background:url(../images/ico_gn31.png)  no-repeat   center}
.txkh-gn ul  li.ico41 i{background:url(../images/ico_gn41.png)  no-repeat   center}
.txkh-gn ul  li.ico51 i{background:url(../images/ico_gn51.png)  no-repeat   center}
.txkh-gn ul  li.ico61 i{background:url(../images/ico_gn51.png)  no-repeat   center}
/*移动客服*/
.gongneng {overflow:hidden}
.gongneng ul li{width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
    background: #fff;
    padding:30px 20px;
    box-sizing: border-box;
    text-align: center;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-box-shadow:0 10px 20px rgb(0 0 0 / 10%);
}
.gongneng  ul  li:nth-child(4n) {
    margin-right: 0;
}
.gongneng ul li.clo3{width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
    background: #fff;
    padding:30px 20px;
    box-sizing: border-box;
    text-align: center;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;}
.gongneng  ul  li.clo3:nth-child(4n) {
    margin-right: 0;
}
.gongneng ul  li h3{margin:40px 0 20px 0;font-size:20px;font-weight: bold;}
.gongneng ul  li p{font-size: 14px;line-height:2;color:#666;}
.gongneng ul  li i{display:block;height:56px;width:56px;margin:0 auto}
.gongneng ul  li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 15px 30px #ccc;-webkit-box-shadow:0 10px 20px rgb(0 0 0 / 10%);-ms-box-shadow:0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 10px 20px rgba(0,0,0,.1);-o-box-shadow:0 10px 20px rgba(0,0,0,.1)}
.protd {overflow:hidden}
.protd ul li{width: 18.4%;
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
    background: #fff;
    padding:30px 20px;
    box-sizing: border-box;
    text-align: center;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    -webkit-box-shadow:0 10px 20px rgb(0 0 0 / 10%);
}
.protd  ul  li:nth-child(5n) {
    margin-right: 0;
}
.protd ul li.clo3{width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
    background: #fff;
    padding:30px 20px;
    box-sizing: border-box;
    text-align: center;
    -webkit-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;}
.protd  ul  li.clo3:nth-child(4n) {
    margin-right: 0;
}
.protd ul  li h3{margin:40px 0 20px 0;font-size:20px;font-weight: bold;}
.protd ul  li p{font-size: 14px;line-height:2;color:#666;}
.protd ul  li i{display:block;height:56px;width:56px;margin:0 auto}
.protd ul  li:hover{-webkit-transform:translate3d(0,-2px,0);-ms-transform:translate3d(0,-2px,0);-moz-transform:translate3d(0,-2px,0);-o-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0);box-shadow:0 15px 30px #ccc;-webkit-box-shadow:0 10px 20px rgb(0 0 0 / 10%);-ms-box-shadow:0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 10px 20px rgba(0,0,0,.1);-o-box-shadow:0 10px 20px rgba(0,0,0,.1)}

/*OA*/
/* 痛点 */
.tongdian_bg{ padding: 60px 0 40px 0;
  /*  background-color: #242933; */}
.tongdian{    position: relative;
    max-width: 1200px;
    margin: 0 auto;}
.tongdian h2{font-size: 40px;
    text-align: center;
    font-weight: normal;
    color: #333;
    width: 100%;}
.tongdian p {font-size: 24px;
    margin-top: 30px;
    text-align: center;
    color: #333;
    width: 100%;}
.tongdian ul{margin-top: 50px;}
.tongdian ul.td_box{display: flex;
    flex-wrap: wrap;}

.tongdian ul li{width: 30%;
    padding: 2% 1%;
    position: relative;
    transition: .5s;
    border-radius: 6px;
    background: #f5f5f5;
    box-shadow: 0px 5px 20px 0px rgb(51 51 51 / 30%);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 2.5%;
	margin-right: 1%;}
.tongdian ul li:hover {
	
	    box-shadow: inset 0px 16px 29px 0px rgb(6 0 1 / 60%);
	    background: #dddcdc;
	}

.tongdian ul li span{width: 70px;
    height: 70px;
    margin-right: 0.1rem;
        background: #d60b00;
    border: 1px solid #ef4238;
    box-shadow: 0px 5px 20px 0px rgb(51 51 51 / 30%);
    border-radius: 50%;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;}
.tongdian ul li b{font-size: 20px;
    font-weight: normal;
    line-height: 1.8;
    margin-bottom: 20px;
    color: #666;
	padding-left: 10px;
    display: flex;
    align-items: center;}
.tongdian ul li b i{font-weight: bold;
	    color: #FFB352;
	    margin-left: 10px;
	    font-size: 24px;
	}
.tongdian ul li p{font-size: 16px;
    color: #999;
    text-align: justify;
	margin-top:0;}
@media screen and (max-width:640px){
.slo_banner{height:360px;background:url(../images/bannerm.jpg) no-repeat center #090b17!important;background-size:auto 100%;margin-top:50px;}
.slo_banner h1{font-size:20px;margin-top:60px}
.slo_banner p{font-size:14px;margin: 20px 0;}
.banner_l{height:300px;padding:0 20px;width:100%;box-sizing:border-box}
.banner_l a{font-size:14px;line-height:40px;height:40px;border-radius:40px}
.hxys_img,.hxys_text{width: 94%;
        margin-left: 0;
        padding: 0 3%;}
.gongneng ul li{width: 48%;
        margin-bottom: 20px;
        height: auto;}
.gnkj {
        padding: 30px 10px;
    }
.gnkj ul li p u{font-size:14px}
.gnkj ul li p{margin-left:0}
.gnkj ul li {
        width: 48%;
        margin-right: 2%;
        margin-bottom: 4%;}
.gnkj ul li:nth-child(5n) {
    margin-right: 0;
    width: 100%;
}
.gnkj ul li i{height:0}

.gnmk  {
        padding: 30px 10px;
    }
.gnmk  ul li p u{font-size:14px}
.gnmk  ul li p{margin-left:0}
.gnmk  ul li {
        width: 48%;
        margin-right: 2%;
        margin-bottom: 4%;}
.gnmk ul li:nth-child(5n) {
    margin-right: 0;
    width: 100%;
}    
.ddmimg img,.dsjimg img,.xxhimg img,.wyglimg img,.zszlimg img,.bdcimg img{width:100%}      
.protd ul li{width: 48%;
        margin-bottom: 20px;
        height: auto;}  
.slos_box h3 {font-size:24px}
.slo_box h3 {font-size:24px}
.txkh-gn ul li{width: 48%;
        margin-bottom: 20px;
        height: auto;}
.tongdian ul li {margin-right:0;width:98%}
.tongdian_bg{padding:0}
}

/* 售后服务保障区域样式 */
.service-guarantee {
    padding: 50px 0;
    background-color: #ffffff;
}

.service-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
}

.service-item {
    width: 30%;
    text-align: center;
    padding: 30px 20px;
    background-color: #f8f9fc;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
}

.service-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.service-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-icon img {
    width: 120px;
    height: 80px;
}

.service-item h4 {
    font-size: 20px;
    color: #333;
    margin-bottom: 15px;
}

.service-item ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.service-item ul li {
    padding: 8px 0;
    color: #666;
    position: relative;
}

.service-btn {
    text-align: center;
    margin-top: 40px;
}

.service-btn .btn {
    display: inline-block;
    padding: 12px 30px;
    background-color: #2A5B9E;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.service-btn .btn:hover {
    background-color: #1e4b8f;
}

@media screen and (max-width: 768px) {
    .service-item {
        width: 100%;
        margin-bottom: 20px;
    }
}