*{
	margin: 0;
	padding: 0;
}
ul li{
	list-style: none;
}
a{
	text-decoration: none;
}
input{  
    background:none;  
    outline:none;  
    border:none;
}
body{
	width: 100%;
	background-color: #E2E2E2;
}

.videobox {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
	top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
}

.videobox video {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videobox .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 40px;
    height: 37px;
    z-index: 9999;
    background-image: url(http://cases.una-campaign.com/ylhd/verisingn_com_20190805/images/close.png);
    background-repeat: no-repeat;
}
















.top-bar {
    position: fixed;
    top: 0;
    left: 0;
    height: 116px;
    width: 100%;
    min-width: 1100px;
    background: url(../images/top-bg.png) repeat-x;
    z-index: 999;
}

.icon-com {
    position: absolute;
    top: 0;
    left: 0;
    width: 237px;
    height: 116px;
    /*background: url(../images/icon-com.png) no-repeat;*/
}

.icon-net {
    position: absolute;
    top: 8px;
    right: 78px;
    width: 100px;
    height: 55px;
}
.icon-net img{display: block; margin: 0 auto; margin-top: 0px;}
.search-bar {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -349px;
    width: 699px;
    height: 116px;
    background: url(../images/search-bar.png) no-repeat;
}

.search-bar input {
    position: absolute;
    padding-left: 13px;
    top: 32px;
    left: 29px;
    width: 341px;
    height: 38px;
    font-size: 15px;
    color: #99999A;
    background-color: white;
    border: none;
    line-height: 38px;
    outline: none;
}

.search-bar .btn-search {
    position: absolute;
    top: 14px;
    right: 17px;
    width: 184px;
    height: 70px;
    /*border: 1px solid red;*/
    /*line-height: 31px;*/
    outline: none;
    display: block;
}

.box{
	width: 100%;
	margin-top: 102px;
}

.page1box{
	width: 100%;
}
.page1top{
	width: 100%;
}
.page1top img{
	display: block;
	width: 100%;
}
.page1bot{
	width: 100%;
	position: relative;
}
.page1bot img{
	display: block;
	width: 100%;
}




.page1boder{
	width: 46.5625%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 26.71875%;
}
.page1boder>img{
	display: block;
	width: 100%;
}
.page1toptext{
	width: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}
.page1toptext img{
	display: block;
	width: 100%;
}


#review_box  {
    width: 100%;
    /* height: 63px; *//* 必须 */
    overflow: hidden;/* 必须 */
    margin: 0 auto;

}

#comment1 li img{
	width: 100%;
} 

#comment1  li:first-child {
	margin-top: 0;
	transition: margin-top .8s;
}




.page1bot{
	width: 100%;
}
.page1bot img{
	display: block;
	width: 100%;
}


.page2box{
	width: 100%;
}
.page2top{
	width: 100%;
	position: relative;
}
.page2top img{
	display: block;
	width: 100%;
}
.page2top .play1{
	display: block;
    width: 10.9375%;
    position: absolute;
    z-index: 1;
    bottom: 6%;
    left: 27%;
}
.page2top .play1 img{
	display: block;
	width: 100%;
}
.page2con{
	width: 100%;
	position: relative;
}
.page2con>img{
	display: block;
	width: 100%;
}

.page2conliist{
	width: 50.9375%; /*815*/
	position: absolute;
	z-index: 1;
	top:0;
	left:24.53125% ;
}
.page2conliist ul li{
	float: left;
	width: 31.28834355828221%;
}
.page2conliist ul li img{
	display: block;
	width: 100%;
}
.page2conliist ul li:nth-child(2){
	margin: 0 3%;
}
.page2bot{
	width: 100%;
	position: relative;
}

.page2bot>img{
	display: block;
	width: 100%;
}
.page2button{
	width: 31.25%;
	position: absolute;
	z-index: 1;
	top:0;
	left: 34.375%;
}
.page2button img{
	display: block;
	width: 100%;
}

.page3box{
	width: 100%;
}
.page3top{
	width: 100%;
	position: relative;
}
.page3top img{
	display: block;
	width: 100%;
}
.page3top .play2{
	    display: block;
    width: 10.9375%;
    position: absolute;
    z-index: 1;
    bottom: 8%;
    left: 31%;
}
.page3top .play2 img{
	display: block;
	width: 100%;
}

.page3con{
	width: 100%;
}
.page3con img{
	display: block;
	width: 100%;
}
.page3action{
	width: 100%;
	position: relative;
}

.page3action img{
	display: block;
	width: 100%;
}
.page3action ul{
	width: 46.875%; /*750*/
	position: absolute;
	z-index: 1;
	top:0;
	left:26.5625% ;
}
.page3action ul li{
	float: left;
	width: 47.33333333333333%;
}
.page3action ul li:nth-last-child(1){
	float: right;
}
.page3action ul li img{
	display: block;
	width: 100%;
}

.page3bot{
	width: 100%;
	position: relative;
}

.page3bot>img{
	display: block;
	width: 100%;
}
.page3button{
	width: 31.25%;
	position: absolute;
	z-index: 1;
	top:0;
	left: 34.375%;
}
.page3button img{
	display: block;
	width: 100%;
}

.page4box{
	width: 100%;
}
.page4top{
	width: 100%;
}
.page4top img{
	display: block;
	width: 100%;
}

.page4search{
	width: 100%;
	position: relative;
}
.page4search img{
	display: block;
	width: 100%;
}
.page4search label{
	display: block;
    width: 56.4375%;
    height: 84%;
    position: absolute;
    z-index: 1;
    top: 8%;
    left: 21.78125%;
    border-radius: 5%;
	-webkit-border-radius: 5%;
	-moz-border-radius: 5%;
	-ms-border-radius: 5%;
	-o-border-radius: 5%;
	overflow: hidden;
}

.page4search label input{
	display: block;
	width: 100%;
	height: 100%;
	font-size: 40px;
	color: #bfbfbf;
	text-indent: 20px;
}

.page4bot{
	width: 100%;
	position: relative;
}

.page4bot img{
	display: block;
	width: 100%;
}

.page4button{
	width: 18.1875%;
	position: absolute;
	z-index: 1;
	top:8%;
	left: 40.90625%;
}

.page4button img{
	display: block;
	width: 100%;
}

.page5box{
	width: 100%;
}
.page5top{
	width: 100%;
}

.page5top img{
	display: block;
	width: 100%;
}
.page5con{
	width: 100%;
	position: relative;
}
.page5con img{
	display: block;
	width: 100%;
}
.page5action{
	width: 60.875%; /*974*/
	position: absolute;
	z-index: 1;
	top:0;
	left: 19.5625%;
}
.page5action img{
	display: block;
	width: 100%;
}
/* .page5buttonbox{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
	top:0;
	left: 0;
}
.page5buttonbox a{
	display: block;
	width: 33%;
	height: 50%;
	float: left;
	margin-bottom: 0.6%;
}
.page5buttonbox a.page5button2{
	margin: 0 0.5%;
} 
.page5buttonbox a.page5button4{
	margin-left: 17%;
}
.page5buttonbox a.page5button5{
	margin-left: 0.5%;
} */


.page4_text2{
	width: 100%;
	
}

.page4_a a{
	display: block;
	/*max-width:623px;
	max-height:356px;*/
	width:33%;
	height:auto;
	float: left;
}

.page4_a2{
	width:66.66666666666667% ;
	margin: 0 auto;
}
.page4_a2 {
	margin-top: 26px;
}
.page4_a2 a{
	width: 49.4%;
}



.margintop{
	margin-top: 26px;
}
.page4_a .page4_rg{
	float: right;
}
.page4_a a img{
	display: block;
	width:100%;
}

.page4_a .page4_le{
	float: left;
}

.page4_a a img{
	display: block;
	width:100%;
}

.marginleft {
    margin-left: 0.5%;
}



.bottom-text {
    color: #999;
    font-size: 12px;
    width: 100%;
    height: 40px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center center;
	width: 100%;
	text-align: center;
	line-height: 40px;
}