@charset "UTF-8";
/* 客服
---------------------------------------------------------------- */

.p-service {background:url(/themes/simpleboot3/mediapublic/assets/images/kf-bg.jpg) no-repeat 50% 0;padding-top:90px;}
.m-service .contact,.m-service .list li i{background:url(/themes/simpleboot3/mediapublic/assets/images/kf-icon.png) no-repeat 999px 999px;}
.m-service{padding-top:30px;width:960px;}
.m-service .hd{padding:25px 0 40px;line-height:26px;}
.m-service .hd h2{font-size:34px;border-left:4px solid #ffd900;padding-left:15px;}
.m-service .bd{position:relative;padding-left:310px;}
.m-service .contact{position:absolute;left:0;top:0;padding:170px 0 0 50px;width:310px;height:295px;background-position:0 0;border-radius:15px}
.m-service .list li{position:relative;float:left;width: 310px;height: 140px;margin-bottom: 15px;margin-left:15px;background:#fff;border-radius:15px;transition:.3s ease}
.m-service .list li a{display: block;height:90px;padding:30px 0 30px 120px;}
.m-service .list li a:hover { text-decoration: none; }
.m-service .list li i{position:absolute;left:20px;top:30px;width:90px;height:90px}
.m-service .list li i.ico1{background-position:0 -295px}
.m-service .list li i.ico2{background-position:-90px -295px}
.m-service .list li i.ico3{background-position:0 -385px}
.m-service .list li i.ico4{background-position:-90px -385px}
.m-service .list li h3{height:32px;line-height:32px;font-size:18px;color:#333;}
.m-service .list li p{padding-right:30px;margin-top:5px;line-height:20px;color:#999}
.m-service .list li:hover{-webkit-box-shadow:0 3px 3px 3px rgba(0,0,0,.05);-moz-box-shadow:0 3px 3px 3px rgba(0,0,0,.05);box-shadow:0 3px 3px 3px rgba(0,0,0,.05);-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);transform:translateY(-4px);}

/*瀹㈡湇涓績涓績2021-04-01*/
.kefucon{min-width:1000px;zoom:1;overflow:hidden;border:0px solid #f5f5f5;
height:257px;padding-top:0px;margin:0 auto;
}
.server-box {background: url(/themes/simpleboot3/mediapublic/assets/images/bg-server-2.jpg) no-repeat center 0;height: 286px;width: 100%;
}
.server {background:url(/themes/simpleboot3/mediapublic/assets/images/bg-server-1.jpg?0609) no-repeat 0 0;height: 286px;position:relative;border:0px solid red}
.content {width: 980px;margin-left: auto;margin-right: auto;}
.server .flashbg {width: 204px;height: 104px;position: absolute;left: 742px;top: 42px;}
.server .online {
    display:none;height: 48px;width: 280px;position: absolute;right: 1px;top:160px;text-indent:-999px;overflow: hidden;border:1px solid red;
}
.server-wrap {background-color: #fff;min-width: 980px;padding-top: 40px;padding-top:65px;}
.server-wrap a {color:#666;cursor:pointer;outline:none;}
.server-list {height: 190px;padding-left: 5px;padding-left:0px;}
.server-list-item {float:left;height:190px;width:240px;width:163px;margin-left:30px;margin-left:46px;}
.server-list-item .con .btn, .server-list-item .con h3{background: url(/themes/simpleboot3/mediapublic/assets/images/bg-server-p1.jpg?0408) no-repeat;}
.server-list-item .con {margin: 0 auto;width: 126px;}
.server-list-item .con .btn {display: block;height: 125px;width: 125px;}
.server-list-item .con p {text-align: center;line-height: 24px;}
.server-list-item .con h3 {height: 24px;width: 126px;margin-top: 16px;text-indent: -999px;overflow: hidden;}

.server-list-item .server-btn-s1 .btn {background-position: 0 0;}
.server-list-item .server-btn-s1 h3 {background-position: -504px -92px;}
.server-list-item .server-btn-s2 .btn {background-position: -126px 0;}
.server-list-item .server-btn-s2 h3 {background-position: -504px -117px;}
.server-list-item .server-btn-s3 .btn {background-position: -252px 0;}
.server-list-item .server-btn-s3 h3 {background-position: -504px -142px;}
.server-list-item .server-btn-s4 .btn {background-position: -378px 0;}
.server-list-item .server-btn-s4 h3 {background-position: -504px -167px;}

.server-list-item .server-btn-s5 .btn {background-position: -663px -7px;}
.server-list-item .server-btn-s5 h3 {background-position: -650px -270px;}
.server-list-item .server-btn-s6 .btn {background-position: -789px -7px;}
.server-list-item .server-btn-s6 h3 {background-position: -787px -270px;}

.server-list-item .server-btn-s1 .btn:hover {background-position: 0 -126px;}
.server-list-item .server-btn-s2 .btn:hover {background-position: -126px -126px;}
.server-list-item .server-btn-s3 .btn:hover {background-position: -252px -126px;}
.server-list-item .server-btn-s4 .btn:hover {background-position: -378px -126px;}
.server-list-item .server-btn-s5 .btn:hover {background-position: -663px -133px;}
.server-list-item .server-btn-s6 .btn:hover {background-position: -789px -133px;}

.server-box .server .icon_wenzi{
	position: absolute;right: 55px;top: 208px;font-size: 14px;
	right:15px;top:190px;top:185px;width:190px;color:#fff;border:0px solid red;
}
.server-box .server .icon_wenzi p.zxkfqq {font-size:16px;}
.server-box .server .icon_wenzi p.qqhm {font-size:20px;}
.server-box .server .icon_wenzi a.kfbtn{
width:66px;height:23px;line-height:23px;background:#fff;color:#FF8C03;text-align:center;
border-radius:5px;position:absolute;top:28px;right:0px;
}
.server-box .server .icon_wenzi a.kfbtn:hover{background:#ECF6ED;}
.server-box .server .icon_wenzi span.fwtime{color:#FFF;}
.server-box .server .icon_wenzi p.title_on {
	width: 180px;height: 26px;line-height: 28px;margin-top: 8px;background: #398f68;border-radius: 20px;
	text-align: center;color: #f9f9f9;display: block;
}