/*# sourceURL=/templates/dist/css/style.css?v=4453117 */
/*@ sourceURL=/templates/dist/css/style.css?v=4453117 */
@charset "utf-8";
/**
 * @Author   zcool
 * @Date     2017-11-20
 */
.service_contents{}
.service_contents ul{ margin-top: 0.2rem;margin-bottom: 0.5rem;}
.service_contents ul li{ margin-bottom: 0.3rem; background-color: #ffffff;-moz-box-shadow: 0px 0px 16px #eee;
box-shadow: 0px 0px 16px #eee;}
.service_contents ul li .sercive_one{display: table;
vertical-align: middle;
width: 100%;}
.service_contents ul li .sercive_one .left_con{ width:50%; overflow: hidden;vertical-align: middle;  display: table-cell; }

.service_contents ul li .sercive_one .left_con .pic_one{ width:100%; overflow: hidden;height:5rem; background-size: cover; background-position: center center; background-repeat: no-repeat;transition: all 1s;}
.service_contents ul li .sercive_one .right_con{ position: relative; width:50%; overflow: hidden;vertical-align: middle;  display: table-cell; padding:0 5%; text-align: left;}
.service_contents ul li .sercive_one .right_con .number{ position: absolute; right: 5%; top: 5%; text-align: right; color: #eef7f8; font-family: "family_DIN2"; z-index: 1;font-weight: bold;}
.service_contents ul li .sercive_one .right_con .tit_service{ position: relative; z-index: 2; margin-bottom: 0.3rem;color: #333; font-weight: bold}
.service_contents ul li .sercive_one .right_con .descipe_service{  position: relative; z-index: 2;line-height: 2; color: #666;}


.service_contents ul li:nth-child(2n) .sercive_one .left_con{ width:50%; overflow: hidden;vertical-align: middle;  display: block; margin-left: 0%; float: right}
.service_contents ul li:nth-child(2n) .sercive_one .right_con{ position: relative;
width: 50%;
overflow: hidden;
vertical-align: middle;
display: block;
padding: 0 5%;
text-align: left;
margin-right:0%;
left: 0;
top: inherit;
display: block;
margin: auto;
position: absolute;
top:inherit;
left:inherit;
transform:none; float: left; padding-top: 4%;}
.service_contents ul li:hover .sercive_one .left_con .pic_one {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}


@media screen and (max-width: 800px){
.service_contents ul li .sercive_one {
    display: block;
    vertical-align: middle;
    width: 100%;
}
	.service_contents ul li .sercive_one .left_con {
    width: initial;
    overflow: hidden;
    vertical-align: middle;
    display: block;
}
	.service_contents ul li .sercive_one .right_con {
    position: relative;
    width: initial;
    overflow: hidden;
    vertical-align: middle;
    display: block;
    padding:  5%;
    text-align: left;
}
	.service_contents ul li:nth-child(2n) .sercive_one .left_con {
    width: initial;
    overflow: hidden;
    vertical-align: middle;
    display: block;
    margin-left: 0;
    float: none;
}
	.service_contents ul li:nth-child(2n) .sercive_one .right_con {
    position: relative;
    width: initial;
    overflow: hidden;
    vertical-align: middle;
    display: table-cell;
    padding: 5%;
    text-align: left;
    margin-right: 50%;
    left: 0;
    top: 50%;
    display: block;
    margin: auto;
    position: initial;
    top: initial;
    left: initial;
    transform: none;
}
	.service_contents ul li .sercive_one .right_con .number {
    position: initial;
    right: initial;
    top: initial;
    text-align: right;
    color: #eef7f8;
    font-family: "family_DIN2";
    z-index: 1;
    font-weight: bold;
}
	
  }