.virtualHost-banner .virtualHost-banner-width {
    width: 1200px;
    margin: 0 auto;
    height: 400px;
    position: relative;
}
.virtualHost-banner .virtualHost-banner-width01 {
    float: left;
    color: #fff;
   margin-top: 61px;
    width: 700px;
}
.water-virtualHost-banner .virtualHost-banner-width01 p {
    font-size: 40px;
    background: none;
    margin-top: 15px;
    padding-bottom: 5px;
}
.water-virtualHost-banner .virtualHost-banner-width01 h2 {
    font-size: 18px;
    padding: 5px 0 25px;
    color: rgba(255,255,255,.9);
    line-height: 51px;
    font-weight: 100;
 
}
.water-virtualHost-banner .virtualHost-banner-width01 a.btn-primary {
    font-size: 18px;
    width: 150px;
    height: 40px;
    line-height: 40px;
    border-radius: 30px;
    margin-top: 20px;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #fff;
    transition: all ease-in .5s;
    display: inline-block;
        
}
.btn-primary{background: transparent;}
.btn-primary:hover {
    background: rgba(255,255,255,0.1) !important;
}
.water-virtualHost-banner .virtualHost-banner-width02 {
    margin-top: -26px;
    position: absolute;
    right: 0;
    margin-right: 0;
    width: auto;
    float: right;
}
.font-w{/*font-weight: bold !important;*/margin-bottom: 30px;}
.youxiu > ul li {
    width: 16.66%;
    overflow: hidden;
    float: left;
    margin:0px 0 35px;
    text-align: center;
    position: relative;
    padding: 30px 0 20px 0;
    transition: all ease .5s;
}
.youxiu > ul li:after{position: absolute;left: 0;content: "";width: 1px;height: 46px;background: #e3edf6;top: 45px;}
.youxiu > ul li:first-child:after{background: #fff;}
.youxiu ul{overflow: hidden;}
.oto-k {position: relative;float: right;width: 331px;margin-top: 55px;}
/*.oto-k img{display: block;width: 100%;}*/
.oto-k .ipc1{position: absolute;top:0px;left:0px;}
.oto-k .ipc2{position: absolute;top:80px;left: -72px;}
.oto-k .ipc3{position: absolute;top: 160px;left: -25px;}
.oto-k .ipc4{position: absolute;top: 20px;right: -100px;}
.oto-k .ipc5{position: absolute;top: 195px;right: 25px}
.oto-k .ipc6{position: absolute; top: 85px;right: -30px;}
.floater {
	animation-name: floater;
	-webkit-animation-name: floater;
	-moz-animation-name: floater;
	animation-duration: 3.5s;
	-webkit-animation-duration: 3.5s;
	-moz-animation-duration:3s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	visibility: visible!important
}
@keyframes floater {
	0% {
		transform: translateY(0%)
	}
	50% {
		transform: translateY(5px)
	}
	100% {
		transform: translateY(0%)
	}
}

@-webkit-keyframes floater {
	0% {
		-webkit-transform: translateY(0%)
	}
	50% {
		-webkit-transform: translateY(5px)
	}
	100% {
		-webkit-transform: translateY(0%)
	}
}


.delye1 {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
}
.delye2 {
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
}
.delye3 {
	animation-delay: 2s;
	-webkit-animation-delay:2s;
	-moz-animation-delay: 2s;
}
.goTop {
    position: fixed;
    right: 0px;
    bottom: 20px;
    z-index: 999;
    box-shadow: 0 3px 10px rgba(59,67,73, .1);
    width: 48px;
    height: 48px;
}
.goTop > img {
    width: 48px;
    height: 48px;
    cursor: pointer;
}
.water-virtualHost-banner{background: url(../images/mbanner.png) no-repeat center;width: 100%;overflow: hidden;position: relative;height: 400px;}
.water-virtualHost-banner .virtualHost-banner-width02{margin-right: 76px;margin-top: 91px;}
.water-virtualHost-banner .virtualHost-banner-width01{margin-top: 61px;}
.water-virtualHost-banner .virtualHost-banner-width01 p{font-size: 40px;background: none;margin-top:30px;margin-bottom: 5px !important;}
.water-virtualHost-banner .virtualHost-banner-width01 h2{font-size: 18px;padding:18px 0 2px 0;color: rgba(255,255,255,.9);}
.water-virtualHost-banner .virtualHost-banner-width01 a.btn-primary{font-size: 18px;width: 150px;height: 40px;line-height: 40px;border-radius: 30px;margin-top:35px;}


.water-bottom{background: url(../images/dian-yun.png) no-repeat center;text-align: center;height: 332px;box-sizing: border-box;}
.water-bottom h3{font-size: 30px;color: #fff;line-height: 40px;padding-top: 60px;}
.water-bottom p{font-size: 18px;color:#fff;line-height: 38px;margin: 13px 0 22px;}
.water-bottom h5::before{position: absolute;width:25%;height: 1px;background: #fff;top: 20px;left: 0;content: "";}
.water-bottom h5::after{position: absolute;width:25%;height: 1px;background: #fff;top: 20px;right: 0;content: "";}
.water-bottom .ipt{margin-top: 22px;display: inline-block;margin-bottom: 60px;}
.water-bottom .ipt input{border-radius: 0;float: left;width: 162px;box-sizing: border-box;height: 38px;margin: 0;}
.water-bottom .ipt a{width: 114px;line-height: 38px;color: #333;font-size: 14px;background: #1F8FFF;float: left; display: inline-block;
margin-right: 18px;padding-left:24px;box-sizing: border-box;}
.water-bottom .ipt>a{background:url(../images/phone.png) no-repeat 28px #1F8FFF; color:#fff; }
.water-bottom .ipt>a+a{background:url(../images/zixun2.png) no-repeat 14px #fff;color: #333;}
.water-bottom .ipt>a+a+a{margin-right: 0;background: url(../images/liuyan2.png) no-repeat 14px #fff;color: #333;}
.water-bottom .ipt a:hover{box-shadow: 2px 7px 8px 3px rgba(29, 35, 56, 0.15);z-index: 99;}

.dian-xit{background: #f0f8ff;}
.mar-width,.gu-width{width: 1200px;margin: 0px auto;}
/*解决方案5大核心优势*/
.mar-tit{font-size: 36px;color: #191c26;text-align: center;}
.pad-mar{padding: 70px 0px 50px;}
.mar-tp{font-size: 16px;color: #191c26;margin-top: 15px;text-align: center;}
.mar-tp i{color: #1f8fff;font-style: normal;text-decoration: underline;cursor: pointer;}
.slideTxtBox{ margin-top: 40px; }
.slideTxtBox .hd{ height:40px; line-height:40px;   border-bottom:1px solid #ddd; }
.slideTxtBox .hd ul{  font-size: 0; text-align: center; }
.slideTxtBox .hd ul li{display:inline-block;vertical-align:top; font-size: 20px;color: #191c26;margin:0px 20px;padding:0 70px; cursor:pointer;}
.slideTxtBox .hd ul li.on{ height:40px; border-bottom:2px solid #16b179; color: #16b179;}
.liu-cheng{padding: 0px 0px 30px;margin-top: -50px;}
.liu-cheng ul{font-size: 0; padding:40px 10px 10px;box-sizing: border-box;}
.liu-cheng ul:after{content:" ";display:block;height:0;clear:both;visibility:hidden;zoom:1;}
.liu-cheng ul li{text-align:left;overflow: hidden;display:inline-block;vertical-align:top;min-height:150px;margin:10px 9px;width: 277px;background:#fff;box-sizing: border-box;border-radius: 10px;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
box-shadow: 0 5px 20px -12px #9fb9e2;padding: 20px 18px;}
.liu-cheng ul li p{font-size:13px;line-height: 25px;color: #8a8c95;margin-top: 5px;text-align: left;}
.liu-qiu{position: relative;z-index: 2;margin-top: 15px;}
.liu-cheng ul li:hover{box-shadow: 0 15px 20px -12px #8fa4c5;}
.liu-pic{width: 284px; height: 167px; overflow: hidden;}
.liu-cheng ul li h5{font-size: 20px;line-height: 30px;color: #16b179;}
.S-tu{text-align: center;margin-top: 20px;}
.S-tu img{vertical-align: top;}
.more-zhao{display:none;position: fixed; top: 0px;left: 0px; right: 0px; bottom: 0px;background: rgba(0,0,0,0.5);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000); z-index: 1999;}
.zhao-content{display:none;text-align: center;width: 1200px;background: transparent;position: fixed;top: 101px;left: 50%;margin-left: -600px;bottom:0px;z-index: 1999;}
.zhao-close{position: absolute; top: -25px;right:120px;z-index: 100;width: 40px;}
.zhao-close img{display: block;width: 100%;}
/*修改滚动条样式*/
.zhao-content::-webkit-scrollbar{
  width:7px;
  height:7px;
  /**/
}
.zhao-content::-webkit-scrollbar-track{
  
  border-radius:2px;
}
.zhao-content::-webkit-scrollbar-thumb{
  background: #ddd;
  border-radius:10px;
}
/*灵活多样的部署形式*/

.jian-gp ul{margin: 40px 0px 0px;}
.jian-gp ul:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;zoom: 1;}
.jian-gp ul li{position:relative;float: left;width: 560px;min-height:360px;background: #fff;border-radius:20px;box-sizing: border-box;padding:30px 20px 15px;box-shadow: 0 5px 28px -12px #91959c;margin: 0px 20px;    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
.jian-gp ul li:hover{box-shadow: 0 10px 28px -12px #626569;}
.jian-gp ul li h3{font-size: 22px;text-align: center;color: #666;}
.S-top img{float: left;width: 250px;margin-top: 10px;}
.S-ul{float: left;width: 250px;margin-top: 25px;margin-left: 20px;}
.S-ul div{font-size: 18px;color: #333;margin-bottom: 20px;}
.S-ul div h2{padding-left: 22px;box-sizing: border-box;}
.S-ul div p{padding-left: 22px;box-sizing: border-box;font-size: 14px;color: #636673;line-height: 28px;}
.S-ul div.S-r1 h2{background: url(../images/1.png) center left no-repeat;}
.S-ul div.S-r2 h2{background: url(../images/2.png) center left no-repeat;}
.S-ul div.S-r3 h2{background: url(../images/3.png) center left no-repeat;}


.mar-pad{padding: 70px 0px 80px;}


/*智能体温测量系统网络版拓扑方案*/
.Zp-bg{background: url(../images/fv.png) top center no-repeat;background-size: cover;}
.Ft-img{text-align: center;margin-top: 50px;}
.Ft-img img{display: block;width: 100%;}
.bai{color: #fff;}
.ying-chang ul{text-align: center;font-size: 0;margin: 25px -10px 0px;}
.ying-chang ul li{position:relative;display:inline-block;vertical-align:top;width:280px;height:200px;overflow:hidden;margin: 20px 11px;}
.ying-chang ul li img{transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
.ying-chang ul li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);}
.mr-wf{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;}
.ying-chang ul li h5{color:#fff;font-size: 18px;text-align: center;-webkit-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);-moz-transition: all 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
.mr-wf .xian{width:30px;height: 3px;background:#16b179;margin: 5px auto;}
.me-center{display: inline-block;vertical-align: middle;width: 0px; height: 100%;}
.mr-ot{display: inline-block;vertical-align: middle;}
.ying-chang ul li:hover h5{margin-top: -10px;}

/*无限制对接第三方平台，打破使用情景壁垒*/
.Wj-tu{text-align: center;margin-top: 40px;margin-bottom: -30px;font-size: 0;}
.Wj-tu img{display:inline-block;vertical-align:top;max-width: 100%;}
.cd-bg{background: url(../images/di.png) bottom center no-repeat;box-sizing: border-box;}
.Dv-p{position:relative;}
.Dv-w{}
.w1{position: absolute;bottom:280px;left: -70px;}
.w2{position: absolute;bottom:90px;left: -15px;}
.w3{position: absolute;bottom:10px;left: 420px;}
.w4{position: absolute;bottom:58px;right: 110px;}
.w5{position: absolute;bottom:225px;right: 0px;}
/*流行病防控痛点*/
.he-zuo ul:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;zoom: 1;}
.he-zuo ul{margin: 40px -10px 0px;}
.he-zuo ul li{float: left;margin:0px 12px;width: 220px; height: 120px;box-sizing:border-box;border: 1px solid #e5e5e5;text-align: center;transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
.he-zuo ul li img{height:92px;display: inline-block;vertical-align: middle;}
.he-zuo ul li span{display: inline-block;vertical-align: middle;width: 0px;height: 100%;}
.he-zuo ul li:hover{box-shadow: 0 0px 20px #dadbe0;}
.he-z ul:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;zoom: 1;}
.he-z ul{margin: 40px -10px 0px;}
.he-z ul li{border-left:1px solid #f5f6f7;float: left;padding:35px 30px;width:20%; box-sizing:border-box;text-align: center;transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
    .he-z ul li:first-child{border-left:0px solid #f5f6f7;}
.he-z ul li img{vertical-align: top;-webkit-animation: 1s ease;
    -moz-animation: 1s ease;
    -ms-animation: 1s ease;
    animation: 1s ease;
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;}
.he-z ul li:hover img{animation-name: vf;
	-webkit-animation-name: vf;
	-moz-animation-name: vf;}
@keyframes vf {
	20% {transform: rotate(15deg)}
	40% {transform: rotate(-10deg)}
	60% {transform: rotate(5deg)}
	80% {transform: rotate(-5deg)}
	100% {transform: rotate(0);}
}	
.he-z{/*box-shadow:0 15px 20px -12px #d3dee8;*/background: #fff;}
.he-z ul li p{font-size: 15px;margin-top: 20px;text-align: center;color: #666;}
.mate-link{margin: 30px auto;width: 115px; height: 38px;background: #1f8fff;font-size: 14px;line-height: 38px;text-align: center;transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;}
.mate-link:hover{background: #107fef;}
.mate-link a{display: block;color: #fff;}
.mate-mar p{padding-top: 10px;}
.mate-mar{padding-top: 30px;}
/*智能体温测量、疫情大数据平台系统*/
.Sl-pad{padding: 90px 0px;}
.Sol-bg{background: url(../images/ss.jpg) top center no-repeat;background-size: cover;}
.Sl{float: left;width: 500px;}
.Sr{float: right;width:600px;margin-top: 20px;}
.Sl h5{font-size: 30px;color: #fff;margin-top: 72px;}
.Sl p{font-size: 16px;line-height: 30px;color: #f4f5f6;}
.Sl-x{width: 60px; height: 3px; background: #31c88d;margin: 30px 0px 30px;}
/*解决方案5大核心优势*/
.She-z ul:after{content: " ";display: block;height: 0;clear: both;visibility: hidden;zoom: 1;}
.She-z ul{margin: 40px -10px 0px;}
.She-z ul li{position:relative;float: left;padding:70px 30px;min-height:303px;width:20%; box-sizing:border-box;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;}
.She-z{box-shadow:0 5px 28px -12px #b4b8bd;background: #fff;border-radius: 20px;margin-top:70px;}
.Sl-c{width: 30px; height: 3px; background: #31c88d;margin: 20px 0px 20px;}
.She-z ul li h1{font-size: 20px;line-height: 30px;color: #333;}
.She-z ul li p{color: #747474;font-size: 16px;line-height: 30px;}
.She-z ul li.xf h1{position: relative;z-index: 22;color: #fff;}
.She-z ul li.xf .Sl-c{position: relative;z-index: 22;background: #fff;}
.She-z ul li.xf p{position: relative;z-index: 22;color: #fff;}
.zhe-S{ opacity:0;filter:alpha(opacity=0);position: absolute;top: 0px;left: 10px;right:10px;bottom:0px;background: #07ab73;border-radius: 20px;box-sizing:border-box;transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);-moz-transition: all 0.2s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
.She-z ul li.xf .zhe-S{opacity:1;filter:alpha(opacity=100);display: block;top: -20px;left: 0px;right:0px;bottom: -20px;}
.Sp-bp{color: #747474;font-size: 16px;line-height: 30px;text-align: center;margin-top: 20px;}
.Sp-bp1{color: #747474;font-size: 18px;line-height: 30px;text-align: center;margin-top: 20px;}

.zhao-list{display: table;vertical-align: middle;width: 100%; height: 100%;}
.ju-zhong{display: table-cell;vertical-align: middle;}
.zhao-p{position: relative;width: 100%; height: 100%;}
.clear:after{content:" ";display:block;height:0;clear:both;visibility:hidden;zoom:1;}
.posi-wei{position: relative;}
.my-video-dimensions {border-radius: 5px;overflow: hidden;}
