/****=reset***/
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin:0;padding:0;font-size:12px;font-family:arial,microsoft yahei,sans-serif;-webkit-text-size-adjust:none;}
table{border-collapse:collapse;}
a img{border:0px;}
a{outline:none;text-decoration:none;hide-focus:expression(this.hideFocus=true);}
:focus{outline:none;}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption, th {text-align:left;}
q:before, q:after{content:'';}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
input, button, textarea, select {font-family:inherit;}
a{outline:none;text-decoration:none;}
a:hover{text-decoration:underline;}
html{ overflow-y:scroll;}
textarea{resize:none;overflow:auto;}
.arial{font-family:Arial;}
label,input[type=button],input[type=submit],button{cursor:pointer;}
input[type="radio"]{vertical-align: text-bottom;}
input[type="checkbox"]{vertical-align: bottom;*vertical-align: baseline;}
.ie6 input{vertical-align: text-bottom;}

.clearfix:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
/****=resetend***/

/* for html5 */
header,nav,aside,menu,figure,article,time,footer{display:block;}

.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.tc{text-align:center;}





/* ----------------------------------------------------------------------------------------------- */
/*竖屏引导层*/
.lock_wrp{position:absolute; display:none; width:100%; height:100%; overflow:hidden; left:0; top:0; background-color:#000; color:rgba(255,255,255,.8); z-index:9999;}
.lock{position:absolute; left:50%; top:50%; width:250px; height:150px; margin:-75px 0 0 -125px; text-align:center;font-size:2.5em;}
.lock i{position:relative; display:block; width:74px; height:110px; background:url(../images/omronPage/iphone.png) 0 0 no-repeat; background-size:100%; 
	margin:0 auto; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); 
	-o-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); 
	-webkit-animation:iphone 1.6s ease-in infinite; -moz-animation:iphone 1.6s ease-in infinite; 
	-o-animation:iphone 1.6s ease-in infinite; -ms-animation:iphone 1.6s ease-in infinite; 
	animation:iphone 1.6s ease-in infinite;}
@-webkit-keyframes iphone{0%{-webkit-transform:rotate(-90deg);}25%{-webkit-transform:rotate(0deg);}50%{-webkit-transform:rotate(0deg);}75%{-webkit-transform:rotate(-90deg);}100%{-webkit-transform:rotate(-90deg);}}
@-moz-keyframes iphone{0%{-moz-transform:rotate(-90deg);}25%{-moz-transform:rotate(0deg);}50%{-moz-transform:rotate(0deg);}75%{-moz-transform:rotate(-90deg);}100%{-moz-transform:rotate(-90deg);}}
@-o-keyframes iphone{0%{-o-transform:rotate(-90deg);}25%{-o-transform:rotate(0deg);}50%{-o-transform:rotate(0deg);}75%{-o-transform:rotate(-90deg);}100%{-o-transform:rotate(-90deg);}}
@-ms-keyframes iphone{0%{-ms-transform:rotate(-90deg);}25%{-ms-transform:rotate(0deg);}50%{-ms-transform:rotate(0deg);}75%{-ms-transform:rotate(-90deg);}100%{-ms-transform:rotate(-90deg);}}
@keyframes iphone{0%{transform:rotate(-90deg);}25%{transform:rotate(0deg);}50%{transform:rotate(0deg);}75%{transform:rotate(-90deg);}100%{transform:rotate(-90deg);}}

#fp-nav{top:30% !important;z-index:9998 !important;}
#fp-nav ul{}
#fp-nav li{width:24px !important;height:24px !important;position:relative;margin-bottom:15px !important;}
#fp-nav li span{position:absolute;top:-5px;left:-140px;height:30px;line-height:30px;color:#fff;font-size:14px;
	background-color:#2488ff;width:128px;text-align:center;border-radius:15px;font-weight:700;display:none;}
#fp-nav li a{display:block;width:24px !important;height:24px !important;background:url(/html2014/images/onePage_1/menu.png) 0 0 no-repeat;}
#fp-nav li a:hover , #fp-nav li a.active{background-position:-24px 0;}
#fp-nav ul li .fp-tooltip{height:24px;line-height:24px;color:#fff;font-size:14px;top:0px;left:-140px;
	background-color:#2488ff;width:128px;text-align:center;border-radius:15px;font-weight:700;}

#fp-nav ul li.active .fp-tooltip , #fp-nav ul li.parent .fp-tooltip , #fp-nav ul li.have .fp-tooltip{display:block;}



.cw{width:1002px;margin:0 auto;height:100%;overflow:hidden;}
.cw_pop{width:1002px;margin:0 auto;height:100%;}
.section{overflow:hidden;}
.section code{position:absolute;bottom:-77px;font-size:180px;font-family:Haettenschweiler;z-index:10;
	color:#3d3d40;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.fp-tableCell{overflow:hidden;position:relative;}
.section code.m_l{left:20px;}
.section code.m_r{right:20px;}
.opacity_0{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}

.indexBody{width:100%;height:100%;background-color:#000;overflow:hidden;position:relative;}
#cboxContent{margin:0 !important;}
.oo{border:1px solid #ccc;overflow:hidden;text-align:center;position:absolute;top:50%;left:50%;}



.bg_1{background:#0d77ab;background-size:cover;overflow:hidden;}
.bg_1 table{width:100%;height:100%;}
.bg_1 .page01{background:url(../images/robots/page01.jpg) no-repeat center;height:345px;padding-top:135px;}
.bg_1 .cw{ text-align:center;}
.bg_1 .cw h3{font-size:47px;color:#fff;}
.bg_1 .cw h4{font-size:20px;line-height:46px;color:#fff;padding-bottom:15px;}
.bg_1 .cw a.indexPop{font-size:20px;color:#fff;background:url(../images/robots/bg_video.png) no-repeat left center;padding-left:30px;}

.bg_2{background:#e7eaef;height:630px; overflow:hidden; position:relative;}
.bg_2 table{width:100%;height:100%;}
.bg_2 .page02{background:url(../images/robots/bg02.jpg) no-repeat center;height:630px; position:absolute;left:0;right:0;top:50%;margin-top:-315px;}
.bg_2 h3{ text-align:center;font-size:36px;line-height:36px;padding-top:80px;}
.bg_2 div.clearfix{width:100%;height:450px;}
.bg_2 .left{float:left;width:450px;padding-top:55px;padding-left:35px;}
.bg_2 .left ul li{width:335px;background:#fff;padding:10px 0 10px 25px;margin:5px 0;box-shadow:0 0 10px #c6c6c6; opacity:0.2; transition:all ease-out .5s}
.bg_2 .left ul li .txt{display:inline-block;width:100%;}
.bg_2 .left ul li .txt h4{float:left;font-size:24px;color:#333;transition:all ease-out .5s;line-height:40px;}
.bg_2 .left ul li .txt p{float:left;font-size:14px;line-height:20px;color:#333;padding-left:15px;transition:all ease-out .5s}
.bg_2 .left ul li.active{ transform:scale(1.15);opacity:1;}
.bg_2 .left ul li.active .txt h4{color:#0268be}
.bg_2 .right{float:right; position:relative;width:500px;height:450px;}
.bg_2 .right .dot{position:absolute;cursor:pointer;}
.bg_2 .right .dot span{ position:absolute;left:0;top:0;display:inline-block;width:51px;height:51px;background:url(../images/robots/bg_2_dot.png) no-repeat center;z-index:2;}
.bg_2 .right .dot em{ position:absolute;left:0;top:0;display:inline-block;width:51px;height:51px;background:url(../images/robots/bg_2_dot_bg.png) no-repeat center;z-index:1; opacity:0.8;}
.bg_2 .right .dot01{right:145px;top:35px;}
.bg_2 .right .dot02{right:430px;top:140px;}
.bg_2 .right .dot03{right:95px;top:120px;}
.bg_2 .right .dot04{right:95px;top:280px;}
.bg_2 .right .dot05{right:250px;top:335px;}
.bg_2 .right .dot:hover span,.bg_2 .right .dot.cur span{background:url(../images/robots/bg_2_dot_cur.png) no-repeat center;}
.bg_2 .right .dot:hover em,.bg_2 .right .dot.cur em {animation:inlinemove 1s infinite;background:url(../images/robots/bg_2_dot_bg_2.png) no-repeat center;}

@keyframes inlinemove
{
from {transform:scale(1); opacity:0;}
to {transform:scale(1.2); opacity:1;}
}


.bg_3{background:url(../images/robots/bg03.jpg) repeat center; position:relative;}
.bg_3 .page03{background:url(../images/robots/page03.jpg) no-repeat center;height:630px; position:absolute;left:0;right:0;top:50%;margin-top:-315px;}
.bg_3 .page03 .content{padding:120px 0 80px;background:url(../images/robots/page03_line.png) no-repeat center 60px;text-align:center;}
.bg_3 .page03 .content .pic{display:inline-block;width:220px;height:220px;background:url(../images/robots/page03_bg.png) no-repeat;}
.bg_3 .page03 .content ul{display:inline-block;padding-top:65px;width:100%}
.bg_3 .page03 .content ul li{float:left;width:50%;}
.bg_3 .page03 .content ul li a{ text-decoration:none; position:relative;}
.bg_3 .page03 .content ul li a h4{font-size:30px;color:#fff;padding-bottom:5px;}
.bg_3 .page03 .content ul li a p{font-size:14px;font-family:Arial;color:#fff;}
.bg_3 .page03 .content ul li a i{display:inline-block;width:20px;height:20px;background:url(../images/robots/page03_icon.png) no-repeat;border-radius:50%;}
.bg_3 .page03 .content ul li.left a{float:right;text-align:right;padding-left:35px;display:inline-block;margin-right:70px;}
.bg_3 .page03 .content ul li.left a i{ position:absolute;left:0;top:12px;}
.bg_3 .page03 .content ul li.right a{float:left;text-align:left;padding-right:35px;display:lnline-block;margin-left:70px;}
.bg_3 .page03 .content ul li.right a i{ position:absolute;right:0;top:12px;}
.bg_3 .page03 .content ul li a.cur i{background:url(../images/robots/page03_icon_cur.png) no-repeat left;box-shadow:3px 3px 3px #333}
.bg_3 .page03 .content ul li.left a.cur h4{text-shadow:5px 5px 5px #333}
.bg_3 .page03 .content ul li.left a.cur p{text-shadow:5px 5px 5px #333}
.bg_3 .page03 .content ul li.right a.cur h4{text-shadow:5px 5px 5px #333}
.bg_3 .page03 .content ul li.right a.cur p{text-shadow:5px 5px 5px #333}

.bg_4{background:url(../images/robots/bg04.jpg) no-repeat center;background-size:cover;}
.bg_4 table{width:100%;height:100%;}
.bg_4 .page04{text-align:center;}
.bg_4 .page04 h3{font-size:36px;color:#000;}
.bg_4 .page04 ul{margin:0 auto;padding-top:95px;padding-bottom:65px;}
.bg_4 .page04 ul li{float:left;padding:0 11px;}
.bg_4 .page04 ul li img{display:block;width:158px;}
.bg_4 .page04 ul li h4{font-size:24px;line-height:36px;color:#0c77ab;padding:10px 0;}
.bg_4 a.videoBtn{font-size:18px;color:#000;background:url(../images/robots/page04_video.png) no-repeat left center;padding-left:30px;}

.bg_5{ position:relative;background:#cacaca url(../images/robots/bg05.jpg) no-repeat center;background-size:cover}
.bg_5 #a4{ position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;}
.bg_5 .btn{ position:absolute;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.8);cursor:pointer;z-index:3; text-decoration:none;}
.bg_5 .btn table{width:100%;height:100%;}
.bg_5 .btn .page05{text-align:center;}
.bg_5 .btn h3{font-size:36px;color:#fff;padding-bottom:50px;}
.bg_5 .btn h4{font-size:18px;color:#fff;}
.bg_5 .btn .pic{height:118px;background:url(../images/robots/page05_btn.png) no-repeat center;margin-bottom:184px;}


.bg_6{background:url(../images/robots/bg06.jpg) no-repeat;background-size:cover;}
.bg_6 table{width:100%;height:100%;}
.bg_6 .page06{text-align:center;}
.bg_6 .page06 h3{font-size:36px;}
.bg_6 .page06 h4{font-size:18px;padding-top:15px;}
.bg_6 .page06 .content{padding-top:70px;}
.bg_6 .page06 .content .box{ text-align:center;display:inline-block;width:220px;height:220px;margin:0 40px; position:relative;}
.bg_6 .page06 .content .box .pic01{ position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;background:url(../images/robots/page06_1.png) no-repeat;}
.bg_6 .page06 .content .box.cur .pic01{ animation: pic01 5s ease-in-out normal}
.bg_6 .page06 .content .box .pic02{ position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;background:url(../images/robots/page06_2.png) no-repeat;}
.bg_6 .page06 .content .box.cur .pic02{ animation: pic02 5s ease-in-out normal}
.bg_6 .page06 .content .box .pic03{ position:absolute;left:0;right:0;top:0;bottom:0;z-index:1;background:url(../images/robots/page06_3.png) no-repeat;}
.bg_6 .page06 .content .box.cur .pic03{ animation: pic03 5s ease-in-out normal}
.bg_6 .page06 .content .box .txt{ position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;}
.bg_6 .page06 .content .box h5{font-size:72px;font-family:Arial;font-weight:600;color:#0c77ab;padding-top:65px;line-height:72px;}
.bg_6 .page06 .content .box p{font-size:24px;color:#0c77ab}

@keyframes pic01 {
    0% {
       transform: rotateZ(360deg);
    }
    to {
       transform: rotateZ(0);
    }
}

@keyframes pic02 {
    0% {
       transform: rotateZ(360deg);
    }
    to {
       transform: rotateZ(0);
    }
}

@keyframes pic03 {
    0% {
       transform: rotateZ(-360deg);
    }
    to {
       transform: rotateZ(0);
    }
}




.bg_7{background:url(../images/robots/bg07.jpg) no-repeat;background-size:cover; position:relative;}
.bg_7 .page07{ position:absolute;top:50%;margin-top:-315px;height:630px;left:0;right:0;}
.bg_7 .cw{position:relative;text-align:center;}
.bg_7 h3{font-size:48px;color:#fff;margin-top:80px;}
.bg_7 p{font-size:18px;color:#bfbfbf;margin-top:20px;}

.bg_7 table{width:610px;margin:50px auto 0;}
.bg_7 table th , .bg_7 table td{padding-bottom:10px;}
.bg_7 table th{width:178px;height:50px;}
.bg_7 table th div{background:#2c3c4c;width:100%;height:50px;line-height:50px;
	color:#fff;font-size:18px;text-align:center;}
.bg_7 table td .txt{width:100%;height:30px;line-height:30px;padding:10px 0;border:0;text-indent:20px;color:#333;font-size:18px;
	background-color:#e3e3e3;}
.bg_7 a.btn{width:180px;height:50px;line-height:50px;color:#fff;text-decoration:none;text-align:center;
	display:inline-block;margin:20px auto 0;background-color:#0f97d5;font-size:14px;}
.bg_7 a.btn:hover{background-color:#1f3093;}

.bg_7 a.btn_1{width:180px;height:50px;line-height:50px;color:#727fcc;text-decoration:none;text-align:center;
	display:inline-block;margin:20px auto 0;background-color:#fff;font-size:14px;margin-left:20px;}
.bg_7 a.btn_1:hover{background-color:#333;color:#fff;}


@media only screen and (max-width : 1440px) {
/*	.bg_5{background:url(../images/robots/bg05.jpg) no-repeat center;background-size:auto;}*/
}


@media only screen and (max-width : 1024px) {
.bannerBody .banner .txt{width:300px;}
.bannerBody .banner .txt h3{font-size:32px;}
.bannerBody .banner .txt h4{font-size:26px;}
}

/* 动画调整 */
.bg_1 h3{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:1s;-webkit-animation-delay:1s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}
.bg_1 h4{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:1.2s;-webkit-animation-delay:1.2s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1; 
}
.bg_1 a{
  animation-duration:1.5s;-webkit-animation-duration:1.5s;
  animation-delay:2s;-webkit-animation-delay:2s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}

.bg_4 h3{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:1s;-webkit-animation-delay:1s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}
.bg_4 ul{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:1.2s;-webkit-animation-delay:1.2s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}
.bg_4 .link{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:2s;-webkit-animation-delay:2s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}

.bg_5 h3{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:1s;-webkit-animation-delay:1s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}
.bg_5 h4{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:1.5s;-webkit-animation-delay:1.5s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}

.bg_5 .pic{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:2s;-webkit-animation-delay:2s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}

.bg_6 h3{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:1s;-webkit-animation-delay:1s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}
.bg_6 h4{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:1.2s;-webkit-animation-delay:1.2s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}
.bg_6 .content{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:1.5s;-webkit-animation-delay:1.5s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}


.bg_7 h3{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:1s;-webkit-animation-delay:1s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}
.bg_7 p{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:1.2s;-webkit-animation-delay:1.2s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}
.bg_7 table{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:1.5s;-webkit-animation-delay:1.5s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}








.