/****=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;}
.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;}

.indexPop{color:#fff;text-decoration:none;}
.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:#000 url(/html2014/images/onePage_2/bg_1.jpg) center no-repeat;background-size:cover;}
.bg_1 .cw{position:relative;text-align:center;}
.bg_1 .cw h3{color:#fff;font-size:47px;margin-top:25%;}
.bg_1 .cw p{font-size:20px;color:#d1d1d1;margin-top:20px;}
.bg_1 .cw p img{vertical-align:middle;margin-right:14px;}


.bg_2{background:#000 url(/html2014/images/onePage_2/bg_2.jpg) center no-repeat;background-size:cover;}
.bg_2 .cw{height:100%;}
.bg_2 h3{text-align:center;color:#fff;font-size:48px;padding:10% 0 10px;}
.bg_2 p{color:#000;font-size:18px;text-align:center;padding-bottom:40px;}
.bg_2 .tech2_scroll{height:347px;width:784px;margin:0 auto 0;position:relative;}
.bg_2 .tech2_scroll .scroll-box{width:196px;height:347px;overflow:hidden;position:absolute;cursor:pointer;top:0;z-index:10;}
.bg_2 .tech2_scroll .scroll-box img{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.bg_2 .tech2_scroll .scroll-box .scroll-box-in{position:absolute;z-index:999;left:0;top:0;}
.bg_2 .tech2_scroll .scroll-box .scroll-bg{background-color:#fff;display:none;position:absolute;top:0;left:0;width:100%;height:100%;
	z-index:100;}
.bg_2 .tech2_scroll .scroll-box.hover{padding:10px;z-index:20;top:-10px;margin-left:-10px;}
.bg_2 .tech2_scroll .scroll-box.hover .scroll-box-in{margin-left:10px;top:10px;}
.bg_2 .tech2_scroll .scroll-box p{position:absolute;bottom:10px;left:10px;color:#fff;font-size:18px;z-index:10;
	padding-bottom:0;font-weight:700;}
.bg_2 .tech2_scroll .scroll-box h6{position:absolute;top:30px;left:10px;color:#fff;border-bottom:3px solid #fff;
	font-size:18px;padding-bottom:4px;
	filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}
.bg_2 .tech2_scroll .scroll-box em{background:url(/html2014/images/onePage_2/videoMask.png) no-repeat;width:48px;height:48px;
	position:absolute;left:50%;margin-left:-24px;top:50%;margin-top:-24px;display:none;
	filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}


.bg_3{background:#0c0b13 url(/html2014/images/onePage_2/bg_3.jpg) center no-repeat;background-size:cover;}
.bg_3 .cw{text-align:center;}
.bg_3 h3{text-align:center;color:#fff;font-size:48px;padding:20% 0 10px;}
.bg_3 p{color:#bfbfbf;font-size:18px;text-align:center;padding-bottom:60px;}
.bg_3 .bg_3_ico{display:inline-block;width:113px;height:112px;text-indent:-9999em;margin:0 10px;}
.bg_3 .bg_3_ico:hover{box-shadow:0 0 20px #ccc;}
.bg_3 .bg_3_ico.ico_1{background:url(/html2014/images/onePage_2/ico_1.png) no-repeat;}
.bg_3 .bg_3_ico.ico_2{background:url(/html2014/images/onePage_2/ico_2.png) no-repeat;}
.bg_3 .bg_3_ico.ico_3{background:url(/html2014/images/onePage_2/ico_3.png) no-repeat;}
.bg_3 .bg_3_ico.ico_4{background:url(/html2014/images/onePage_2/ico_4.png) no-repeat;}
.bg_3 .bg_3_ico.ico_5{background:url(/html2014/images/onePage_2/ico_5.png) no-repeat;}

.bg_3_txt{width:100%;height:100%;background:#0c0b13 url(/html2014/images/onePage_2/bg_3_txt_bg.jpg) center no-repeat;background-size:cover;
	overflow:hidden;}
.bg_3_txt .inBody{height:550px;width:1000px;margin:auto;overflow:hidden;color:#fff;position:relative;
	top:50%;margin-top:-275px;}
.bg_3_txt .inBody .out{height:530px;}
.bg_3_txt .inBody .con , .bg_3_txt .inBody .conIn{overflow:hidden;display:none;}
.bg_3_txt .inBody .btnBody{height:20px;line-height:20px;overflow:hidden;text-align:center;}
.bg_3_txt .inBody .btnBody a{display:inline-block;width:45px;height:3px;background-color:#cfcecf;margin:0 3px;}
.bg_3_txt .inBody .btnBody a:hover , .bg_3_txt .inBody .btnBody a.cur{background-color:#0d99d5;}

.bg_3_txt .inBody h5{text-align:center;font-size:30px;text-align:center;margin-top:20px;}
.bg_3_txt .inBody .memo{color:#dedede;font-size:18px;padding-top:5px;text-align:center;}
.bg_3_txt .inBody em{display:inline-block;padding:0 5px;height:20px;line-height:20px;background-color:#0d91d0;
	color:#fff;text-align:center;vertical-align:middle;font-size:14px;margin-right:5px;}
.bg_3_txt .inBody h4{font-size:24px;color:#dedede;padding-bottom:10px;}
.bg_3_txt .inBody p{font-size:14px;color:#dedede;line-height:22px;margin-bottom:5px;}
.dbBtn{display:inline-block;vertical-align:middle;width:100px;height:38px;line-height:38px;
	text-align:center;border:1px solid #dfdfdf;color:#dedede;font-size:14px;background-color:#25242b;}
.dbBtn:hover{text-decoration:none;color:#fff;background-color:#333;}

.caseBtn{display:inline-block;padding:0 5px;height:20px;line-height:20px;background-color:#6e6e6e;
	color:#fff;text-align:center;vertical-align:middle;font-size:14px;margin-left:2px;margin-top:10px;}
.caseBtn:hover , .caseBtn.cur{text-decoration:none;background-color:#0d91d0;}

.inBtnBody{text-align:center;}

.bg_3_txt .inBody .btnbtn{position:absolute;font-size:60px;color:#fff;text-decoration:none;top:270px;
	text-indent:-9999em;width:40px;height:40px;display:none;}
.bg_3_txt .inBody .btnbtn.leftBtn{left:0px;background:url(/html2014/images/onePage_2/hover_left.png) no-repeat;}
.bg_3_txt .inBody .btnbtn.rightBtn{right:0px;background:url(/html2014/images/onePage_2/hover_right.png) no-repeat;}
.bg_3_txt .inBody .conBody{width:900px;margin:0 auto;}


.bg_4{background:#c9c8c4 url(/html2014/images/onePage_2/bg_4.jpg) center no-repeat;background-size:cover;}
.bg_4 .cw{height:100%;position:relative;}
.bg_4 .cw h3{font-size:48px;color:#333;margin-top:10%;text-align:center;}
.bg_4 .cw h6{color:#565654;font-size:24px;}
.bg_4 .cw h6 em{font-size:40px;color:#025db1;}
.bg_4 .cw p{color:#565654;font-size:24px;}
.bg_4 .r_txt{position:absolute;top:35%;left:5%;}

.bg_5{background:#30333c;}
.bg_5 .cw{height:100%;position:relative;text-align:center;}
.bg_5 h3{font-size:48px;color:#fff;margin-top:5%;position:relative;z-index:100;}
.bg_5 p{font-size:18px;color:#fff;margin:10px 0;position:relative;z-index:100;}
.bg_5 .changeGif{height:44px;text-align:center;position:relative;z-index:100;margin-top:20px;}
.bg_5 .changeGif a{display:inline-block;color:#fff;font-size:14px;text-align:center;
	text-decoration:none;background:url(/html2014/images/onePage_2/txt_bg_2.png) no-repeat;
	width:120px;height:44px;line-height:37px;margin:0 8px;}
.bg_5 .changeGif a.b:hover , .bg_5 .changeGif a.b.cur{background:url(/html2014/images/onePage_2/txt_bg_1.png) no-repeat;}
.bg_5 .changeGif a.r:hover , .bg_5 .changeGif a.r.cur{background:url(/html2014/images/onePage_2/txt_bg_3.png) no-repeat;}

.gifBody{width:1003px;height:600px;overflow:hidden;position:absolute;top:0;left:50%;margin-left:-502px;
	z-index:10;}
.gifBody .show{display:none;}



.bg_6{background:#243649 url(/html2014/images/onePage_2/bg_6.jpg) center top no-repeat;}
.bg_6 .cw{position:relative;}
.bg_6_in{width:820px;height:434px;margin:133px auto;position:relative;}
.bg_6_in div{position:absolute;top:0;left:0px;width:0px;height:434px;}
.bg_6_in .blue{background: url(/html2014/images/onePage_2/blueLine.png) left top no-repeat;z-index:1000;}
.bg_6_in .red{background: url(/html2014/images/onePage_2/redLine.png) left top no-repeat;z-index:100;}


.bg_7{background:#000 url(/html2014/images/onePage_2/bg_7.jpg) center no-repeat;background-size:cover;}
.bg_7 .cw{position:relative;text-align:center;}
.bg_7 h3{font-size:48px;color:#fff;margin-top:15%;}
.bg_7 p{font-size:18px;color:#bfbfbf;margin-top:10px;}
.bg_7 h6{font-size:14px;color:#bfbfbf;}

.bg_7 table{width:610px;margin:25px 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:url(/html2014/images/onePage_2/tabBg.png);width:100%;height:50px;line-height:50px;
	color:#fff;font-size:18px;text-indent:60px;}
.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:#283848;}




@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_1{
  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_2{
  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_1_3{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:1.7s;-webkit-animation-delay:1.7s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}

#bg_2_1{
  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_2_2{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:1.7s;-webkit-animation-delay:1.7s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}
#bg_2_3{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:2s;-webkit-animation-delay:2s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}


#bg_3_1{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:1s;-webkit-animation-delay:1s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}
#bg_3_2{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:1.7s;-webkit-animation-delay:1.7s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}
#bg_3_3{
  animation-duration:0.6s;-webkit-animation-duration:0.6s;
  animation-delay:2s;-webkit-animation-delay:2s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}

#bg_4_1{
  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_2{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:1.3s;-webkit-animation-delay:1.3s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}
#bg_4_3{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:1.6s;-webkit-animation-delay:1.6s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}



.bg_3 h4{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:0.8s;-webkit-animation-delay:0.8s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}


.bg_4 .txtBody p{
	animation-duration:0.4s;-webkit-animation-duration:0.4s;
  	animation-delay:1s;-webkit-animation-delay:1s;
  	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 p{
	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 table{
	animation-duration:0.7s;-webkit-animation-duration:0.7s;
  	animation-delay:1.5s;-webkit-animation-delay:1.5s;
  	animation-iteration-count:1;-webkit-animation-iteration-count:1;
}




.bg_6 i{
	animation-duration:1s;-webkit-animation-duration:1s;
  	animation-delay:3.5s;-webkit-animation-delay:3.5s;
  	animation-iteration-count:1;-webkit-animation-iteration-count:1;
}
.bg_6 p{
	animation-duration:1s;-webkit-animation-duration:1s;
  	animation-delay:3.5s;-webkit-animation-delay:3.5s;
  	animation-iteration-count:1;-webkit-animation-iteration-count:1;
}
.bg_6 h3{
	animation-duration:0.6s;-webkit-animation-duration:0.6s;
  	animation-delay:1s;-webkit-animation-delay:1s;
  	animation-iteration-count:1;-webkit-animation-iteration-count:1;
}

#bg_7_1{
  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_2{

  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_3{

  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:1.4s;-webkit-animation-delay:1.4s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}
#bg_7_4{

  animation-duration:0.6s;-webkit-animation-duration:0.6s;
  animation-delay:1.6s;-webkit-animation-delay:1.6s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}



