.oservice{padding-top:12%;}
.oservice_wrap{width: 83%;margin:0 auto;}
.oservice_top{position: relative;width: 100%;}
.oservice_slogan{ position: absolute;right:0;top:0px; max-width: 50%;text-align: right;}
.oservice_slogan p{font-size: 16px;color: #000000;}

.oservice_middle{padding-bottom: 4%; display:-webkit-box;display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; }
/*.oservice_item{ flex: 1;}*/
.oservice_item_wrap{width: 64px;margin:0 auto;}
.oservice_item .item_icon{width:63px;height: 63px;margin-bottom: 20px; background:url(../icon_oservice.png) no-repeat;background-size:auto 63px; }
.oservice_item .item_text p{width: 32px;float: right;padding:0 7px;line-height: 22px;}
.oservice_item .item_text p.title{font-weight: bold;}
.oservice_item .item_icon2{background-position: -278px 0;}
.oservice_item .item_icon3{background-position: -553px 0;}
.oservice_item .item_icon4{background-position: -827px 0;}
.oservice_item .item_icon5{background-position: -1102px 0;}
.oservice_item .item_icon6{background-position: -1376px 0;}

.oservice_bottom{padding:5% 0;}
.oservices_item{box-shadow: rgba(0,0,0,0.188235) 0px 0px 10px 0px;margin-bottom: 5%;}
.oservices_item:last-of-type{margin-bottom: 0;}
.oservices_item a{display: block;height: 100%; background-color: #ffffff;color: #3a3a3a;width: 100%;}
.oservices_item .leftImg img{width: 100%;}

.oservices_item .right_text_wrap{width: 76%;margin:0 auto; display: table;height: 100%;}
.oservices_item .right_text_cell{display: table-cell;vertical-align: middle;margin:0 auto;}
.icon_service { width: 70px; height: 62px;background: url(../icon_service.png) no-repeat;}
.icon_web {background-position: 0 0;}
.oservices_item .tit{font-size: 24px;color: #000000;margin-bottom: 6%; }
.oservices_item .ps{font-size: 15px;line-height: 28px; color: #3a3a3a; font-size: 12px;line-height: 20px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;  }
.goto{margin-top: 8%; display: inline-block;width: 29px;height: 14px;background-image:url(../icon_jt.png);background-repeat: no-repeat; background-size:29px auto;}
.oservices_item a:hover .goto{background-position: 0 -14px;}
.oservices_item a:hover {background-color: #292929;}
.oservices_item a:hover .tit, .oservices_item a:hover .ps {color: #ffffff;}
.icon_web{background-position: 0 0;}
.icon_shop{background-position: -168px 0;}
.icon_brand{background-position: -320px 0;}
.icon_output{background-position: -470px 0;}
.icon_gzh{background-position:0 -62px;}
.icon_xcx{background-position:-168px -62px;}
.icon_ds{background-position:-330px -62px;}
.icon_egj{background-position: -470px -62px;}
.oservices_item a:hover .icon_web{background-position: -80px 0;}
.oservices_item a:hover .icon_shop{background-position: -248px 0;}
.oservices_item a:hover .icon_brand{background-position: -402px 0;}
.oservices_item a:hover .icon_output{background-position: -554px 0;}
.oservices_item a:hover .icon_gzh{background-position: -80px -62px;}
.oservices_item a:hover .icon_xcx{background-position: -252px -62px;}
.oservices_item a:hover .icon_ds{background-position: -402px -62px;}
.oservices_item a:hover .icon_egj{background-position: -556px -62px;}

@media  (max-width: 1199px) {

    .icon_service{width:45px;height: 40px;margin-bottom: 4px;background:url(../sicon_service.png) no-repeat;}
    .icon_web{background-position: 0 0;}
    .icon_shop{background-position: -108px 0;}
    .icon_brand{background-position: -206px 0;}
    .icon_output{background-position: -303px 0;}
    .icon_gzh{background-position:0 -40px;}
    .icon_xcx{background-position:-108px -40px;}
    .icon_ds{background-position:-213px -40px;}
    .icon_egj{background-position: -303px -40px;}
    .oservices_item a:hover .icon_web{background-position: -52px 0;}
    .oservices_item a:hover .icon_shop{background-position: -160px 0;}
    .oservices_item a:hover .icon_brand{background-position: -259px 0;}
    .oservices_item a:hover .icon_output{background-position: -357px 0;}
    .oservices_item a:hover .icon_gzh{background-position: -52px -40px;}
    .oservices_item a:hover .icon_xcx{background-position: -162px -40px;}
    .oservices_item a:hover .icon_ds{background-position: -259px -40px;}
    .oservices_item a:hover .icon_egj{background-position: -358px -40px;}
}





@media(max-width: 320px){.oservice_slogan{display: none;}}
@media(min-width: 321px){.oservice_top{min-height: 100px;}}

@media(max-width: 767px){
.oservice {padding-top: 30%;}
.oservice_wrap{width: 94%;}
.oservice_top .opageblock_title{text-align: center;}
.oservice_slogan{width:100%;max-width: 100%; text-align: center;position: relative;margin:10px 0;}
.oservice_slogan p {font-size: 12px;}
.oservice_middle{border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;padding-top: 0; -webkit-flex-wrap: wrap;  -moz-flex-wrap: wrap;  -ms-flex-wrap: wrap;  -o-flex-wrap: wrap;  flex-wrap:wrap;}
.oservice_item{width: 50%;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding:15px;}
.oservice_item .item_icon{margin:0 auto;}
.oservice_item_wrap{width: 100%;text-align: center;}
.oservice_item .item_icon{width: 48px;height: 48px;background-size: auto 48px;}
.oservice_item .item_icon2{background-position: -212px 0;}
.oservice_item .item_icon3{background-position: -421px 0;}
.oservice_item .item_icon4{background-position: -630px 0;}
.oservice_item .item_icon5{background-position: -839px 0;}
.oservice_item .item_icon6{background-position: -1048px 0;}
.oservice_item .item_text{margin-top: 10px;}
.oservice_item .item_text p{width: 100%;float: none;font-size: 12px;}

.oservices_item .leftImg{width: 100%;}
.oservices_item .right_text {width: 100%;padding:4% 0;}
.oservices_item .right_text_wrap{ width: 90%; }
.oservices_item .tit{font-size: 16px;color: #000000;margin-bottom: 2%; }
.oservices_item .ps{font-size: 12px;line-height: 20px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;  }
.goto{margin-top: 4%;background-size: 20px;}




}



@media (min-width: 768px){
	.oservice_middle{padding-bottom: 4%; display:box;display:-webkit-box;display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex;  -webkit-flex-wrap: nowrap;  -moz-flex-wrap: nowrap;  -ms-flex-wrap: nowrap;  -o-flex-wrap: nowrap;  flex-wrap:nowrap;}
	.oservice_item{ -prefix-box-flex: 1; -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }
	.oservice_item:not(:first-of-type){border-left: 1px solid #e5e5e5;}
	.txtrl{width: 20px;  -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl;}

    .oservices_item a{ display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
	.oservices_item .leftImg {box-flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;flex: ;-webkit-flex: 1; }
    .oservices_item .right_text {box-flex: 1;-webkit-box-flex: 1;-moz-box-flex: 1;flex: ;-webkit-flex: 1;}
    

}
@media (min-width: 768px) and (max-width: 1024px){

	.oservice{padding-top: 16%;}
    .opageblock_title .entitle{font-size: 26px}
    .oservice_slogan p{font-size: 12px;line-height: 22px;}
    .oservice_item .item_icon{width: 48px;height: 48px;background-size: auto 48px;}
    .oservice_item_wrap {width: 48px;}
    .oservice_item {font-size: 14px;line-height: 22px;}
    .oservice_item .item_text p{width: 24px;padding:0 5px;}
    .txtrl{width: 16px;}
    .oservice_middle{padding-top: 3%;}
    .oservice_item .item_icon{margin-bottom: 15px;}
    .oservice_item .item_text p{line-height: 16px;}
    .oservice_item .item_icon2{background-position: -212px 0;}
	.oservice_item .item_icon3{background-position: -421px 0;}
	.oservice_item .item_icon4{background-position: -630px 0;}
	.oservice_item .item_icon5{background-position: -839px 0;}
	.oservice_item .item_icon6{background-position: -1048px 0;}

    .oservices_item .leftImg{box-flex: 2;-webkit-box-flex: 2;-moz-box-flex: 2;flex: ;-webkit-flex: 2;}
    .oservices_item .right_text {box-flex:3;-webkit-box-flex:3;-moz-box-flex:3;flex: ;-webkit-flex:3;}
	.oservices_item .right_text_wrap{ width: 84%; }
  	.oservices_item .tit{font-size: 16px;color: #000000;margin-bottom: 2%; }
    .oservices_item .ps{font-size: 12px;line-height: 20px;  display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;  }
    .goto{margin-top: 4%;}




}

@media (min-width: 1025px){

  	.oservice_slogan p{font-size: 13px;line-height: 22px;}
  	.oservices_item .right_text_wrap{ width: 84%; }
  	.oservices_item .tit{font-size: 18px;color: #000000;margin-bottom: 4%; }
    .oservices_item .ps{font-size: 12px;line-height: 22px;  }
    .goto{margin-top: 4%;}
    .oservice_item .item_text p{font-size: 16px;}

  

}


@media (min-width: 1200px){

  	.oservice_slogan p{font-size: 14px;line-height: 24px;}
  	.oservices_item .right_text_wrap{ width: 84%; }
  	.oservices_item .tit{font-size: 20px;color: #000000;margin-bottom: 6%; }
    .oservices_item .ps{font-size: 13px;line-height: 24px;  }
    .goto{margin-top: 4%;}
    .oservice_item .item_text p{font-size: 16px;}

}

@media (min-width: 1400px){

   .oservice_slogan p{font-size: 15px;line-height: 30px;}
   .oservices_item .right_text_wrap{ width: 76%; }
   .oservices_item .tit{font-size: 22px;color: #000000;margin-bottom: 6%; }
   .oservices_item .ps{font-size: 14px;line-height: 24px;  }
   .goto{margin-top: 4%;}
   .oservice_item .item_text p{font-size: 16px;}

}

@media (min-width: 1600px){

	.oservice_slogan p{font-size: 16px;line-height: 30px;}
	.oservice_item{font-size: 18px;line-height: 30px;}
	.icon_service{margin-top: 10px;margin-bottom: 20px;}
	.oservices_item .tit{font-size: 24px;color: #000000;margin-bottom: 6%; }
  .oservices_item .ps{font-size: 15px;line-height: 28px;  }
  .goto{margin-top: 8%;}
  .oservice_item .item_text p{font-size: 18px;}

}