﻿.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
   .clearfix{zoom:1}

.wrapper{
	width: 1007px;
	margin: 0 auto;
}
.box{
	width: 94%;
	margin: 0 auto;
}

.omg-phone{
	width: 35%;
	margin: 80px auto 40px;
}

.omg-phone img{
	width: 100%;
}

/*titles*/
.titles{
	width: 35%;
	margin: 0 auto;
	padding: 30px 0;
}
.titles img{
	width: 100%;
	display: block;
}

/*banner*/
.omg-banner{
	width: 100%;
}
.omg-banner img{
	width: 100%;
	display: block;
}

/*host*/
.host{
	width: 100%;
	padding-bottom: 20px;
	background-color: #f2f2f2;
	border-radius:25px 15px 0;
margin-top:20px;
}
.host-conts-item{
	width: 46%;
	float: left;
}
.weijia{
	width: 60%;
	float: left;
}
.weijia img{
	width: 100%;
	display: block;
}
.host-conts-item-intr{
	width: 38%;
	margin-left: 2%;
	margin-top: 6%;
	float: left;
}
.sub-title,
.sub-title img{
	width: 100%;
}
.sub-title h2{
	font-size: 20px;
	color: #40219b;
}
.host-conts-item-intr p{
	margin-top: 10px;
	font-size: 15px;
	font-family: '黑体';
	line-height: 1.3;
}

/*effect*/
.effect{
	width: 100%;
}

.effect-conts li{
	float: left;
	width: 32%;
    margin-left: 2%;
    margin-bottom: 2%;
}
.effect-conts li:nth-child(1),
.effect-conts li:nth-child(4){margin-left: 0;}
.effect-img,
.effect-img img{
	width: 100%;
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
}
.effect-img{overflow: hidden;cursor: pointer;}
.effect-img:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}
.effect-conts li p{
	margin-top: 2px;
    font-size: 15px;
	font-family: '微软雅黑';
}
.img-bottom{margin: 0 auto;}
.img-bottom ul li{
	width: 41%;
	float: left;
	margin-left: 60px;
}

/*implantation*/
.implantation{
	width: 100%;
	margin-top: 10px;
	background-color: #f2f2f2;
	border-radius:15px 0 15px;
}

.implantation-conts-item{
	width: 46%;
	float: left;
}
.implantation-conts-item .head{width: 80%;}
.implantation-conts-item .head img{width: 100%;}
.first-ul{
	margin-top: 8px;
	padding-left: 36px;
}
.first-ul li{
	font-size: 15px;
	line-height: 1.5;
}
.first-ul li .li-l{float: left;}
.first-ul li .li-r{
	    width: 170px;
    float: right;
    text-align: left;
}

.implantation-conts-item .head1{
	width: 20%;
	margin: 16px 0;
	padding-left: 36px;
}
.implantation-conts-item .head1 img{
	width: 100%;
}
.huibao{
	padding-left: 36px;
}
.huibao p{
	font-size: 15px;
	line-height: 1.5;
}


/*case*/
.case{
	width: 100%;
	margin-top: 20px;
}

.case-conts li{
	float: left;
	width: 32%;
    margin-left: 2%;
    margin-bottom: 2%;
}
.case-conts li:nth-child(1),
.case-conts li:nth-child(4){margin-left: 0;}
.case-img,
.case-img img{
	width: 100%;
	transition: all ease .5s;
	-webkit-transition: all ease .5s;
}
.case-img{overflow: hidden;cursor: pointer;}
.case-img:hover img{
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
}



/*omg-section5*/
.omg-section5{
	width: 100%;
	margin-top: 40px;
}
.omg-section5 .head{
	margin-bottom: 60px;
}
.omg-section5-star{
	width: 94%;
	margin: 0 auto;
	margin-bottom: 20px;}
.star-item{
	float: left;
	width: 112px;
    height: 112px;
	border-radius: 50%;
}
.omg-section5 img{
	width: 100%;
}

/*omg-section6*/
.omg-section6{
	width: 100%;
	margin-top: 40px;
}
.omg-section6-content{
	width: 94%;
	margin: 0 auto;
}
.omg-section6-network{
	width: 100%;
	margin-bottom: 32px;}
.omg-section6-network-item{
	width: 120px;
    /*height: 65px;*/
	float: left;
	margin: 4px;
}
.omg-section6-content img{
	width: 100%;
}

.video-wrap {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.video-wrap li {
    margin-top: 3%;
    width: 30%;
    cursor: pointer;
    list-style-type: none;
    border-radius: 10px;
    border: solid 1px rgba(131,131,131,.5);
}
.video-wrap li:nth-child(1),
.video-wrap li:nth-child(2),
.video-wrap li:nth-child(3){margin-top:0;}
.video-wrap li video {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.video-wrap li p {
    font-size: 16px;
    color: #333;
    padding: 10px 6px;
    text-align: center;
}

.video-box-img{
	width: 100%;
	position: relative;}
.video-box-img img {
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%;
    transition: all 0.6s;
    -webkit-transition: all 0.6s;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.video-box-img .bofang {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 48px;
    height: 48px;
    margin-left: -24px;
    margin-top: -24px;
}
.video-box-img .bofang img {
    width: 100%;
    opacity:0.3;
}
