/****=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:18px !important;position:relative;margin-bottom:7px !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:18px !important;height:18px !important;background:url("/html2014/images/onePage_4/menu.png") 0 0 no-repeat;}
#fp-nav li a:hover , #fp-nav li a.active{background-position:-18px 0;}
#fp-nav ul li .fp-tooltip{height:20px;line-height:20px;color:#fff;font-size:12px;top:-2px;left:-150px;
	background-color:#2488ff;width:140px;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%;}



/* page_1 */
.bg_1{background:#dedcd6 url("/html2014/images/switches/bg_1.jpg") center no-repeat;background-size:cover;}
.bg_1 .cw{position:relative;text-align:center;height:100%;position:relative;}
.bg_1 .cw{position:relative;text-align:center;height:100%;position:relative;}
.bg_1 .cw .bg_1_box{display:inline-block;width:100%;height:305px; position:absolute;top:50%;margin:-150px 0 0 -500px;}
.bg_1 .cw .bg_1_box .bg_1_img_1{float:left;}
.bg_1 .cw .bg_1_box .txt{float:right;padding-right:50px;padding-top:60px; text-align:right}
.bg_1 h3{color:#333;font-size:36px;padding-bottom:20px;}
.bg_1 p{color:#666;font-size:22px;}
.bg_1 h4{font-size:18px;color:#3057b8;padding-right:60px;padding-top:30px;}
.bg_1 h5{font-size:18px;color:#4f9534;padding-right:60px;padding-top:20px;}
/*.bg_1 .bg_1_img_1{position:absolute;left:0;bottom:40%;}
.bg_1 h3 , .bg_1 p,.bg_1 h4 , .bg_1 h5{text-align:right;padding-right:50px;}
.bg_1 h3{color:#333;font-size:36px;padding-top:30%;padding-bottom:20px;}
.bg_1 p{color:#666;font-size:22px;}
.bg_1 h4{font-size:18px;color:#3057b8;padding-right:110px;padding-top:30px;}
.bg_1 h5{font-size:18px;color:#4f9534;padding-right:110px;padding-top:20px;}*/



/* page_2 */
.bg_2{background:#d7d4cf url("/html2014/images/switches/bg_2.jpg") center no-repeat;background-size:cover;}
.bg_2 .in{padding-top:5%;overflow:hidden;}
.bg_2 .line{margin-top:50px;}
.bg_2 .line h3{color:#375cba;font-size:38px;}
.bg_2 .line hr{height:0px;box-shadow:0;border:0;border-bottom:1px solid #efeeec;margin-top:15px;margin-bottom:15px;}
.bg_2 .line p{color:#666;font-size:18px;}




/* page_3 */
.bg_3{background:#c4c4c4;background-size:cover;}
.bg_3 h3{font-size:40px;color:#375cba;border-bottom:1px solid #ddd;text-align:center;
	height:82px;line-height:82px;margin-top:6%;}
.bg_3 .img_body{text-align:center;overflow:hidden;}
.bg_3 .img_body img{width:1002px;}




/* page_4 */
.bg_4{background:#efefef url("/html2014/images/switches/bg_4.jpg") center no-repeat;}
.bg_4 .cw{height:100%;position:relative;}
.bg_4 .cw a{display:inline-block;width:100%;height:345px; position:absolute;top:20%;}


/* page_5 */
.bg_5{background:#fff}
.bg_5 .cw{height:100%;position:relative;}
.bg_5 h3{text-align:center;color:#375cba;font-size:36px;padding:10% 0 60px;}
.bg_5 .img_body img{border:1px solid #ccc;float:left;margin-left:100px;}
.bg_5 .img_body .txt_body{margin-left:40px;float:left;}
.bg_5 .img_body .txt_body p{font-size:18px;color:#333;line-height:36px;}



/* page_6 */
.bg_6{background:#efefef;}
.bg_6 h3{color:#375cba;font-size:36px;padding:6% 0 30px;border-bottom:1px solid #8d9dc3;
	text-align:center;margin-bottom:20px;}
.bg_6 p{text-align:center;font-size:16px;color:#666;}
.bg_6 img{margin:40px 0 0 180px;}



/* page_7 */
.bg_7{background:#fff;}
.bg_7 h3{color:#375cba;font-size:36px;padding:6% 0 30px;border-bottom:1px solid #8d9dc3;
	text-align:center;margin-bottom:20px;}
.bg_7 img{display:block;margin:0 auto;}


/* page_8 */
.bg_8{background:#efefef url("/html2014/images/switches/bg_8.jpg") center no-repeat;}
.bg_8 .cw{height:100%;position:relative;}
.bg_8 .cw a{display:inline-block;width:100%;height:345px; position:absolute;top:20%;}

/* page_9 */
.bg_9{background:#ffffff;position:relative;}
.bg_9 img{display:block;position:absolute;top:50%;left:50%;margin:-240px 0 0 -361px;}

/* page_10 */
.bg_10{background:#f4f4f4;position:relative;}
.bg_10 img{display:block;position:absolute;top:50%;left:50%;margin:-231px 0 0 -425px;}

/* page_11 */
.bg_11{background:#ffffff;position:relative;}
.bg_11 img{display:block;position:absolute;top:50%;left:50%;margin:-320px 0 0 -389px;}

/* page_12 */
.bg_12{background:#f4f4f4;position:relative;}
.bg_12 img{display:block;position:absolute;top:50%;left:50%;margin:-263px 0 0 -306px;}

/* page_13 */
.bg_13{background:#ffffff;position:relative;}
.bg_13 img{display:block;position:absolute;top:50%;left:50%;margin:-198px 0 0 -501px;}






.bg_14{background:#000 url("/html2014/images/switches/bg_14.jpg") center no-repeat;background-size:cover;}
.bg_14 .cw{position:relative;text-align:center;}
.bg_14 h3{font-size:48px;color:#fff;margin-top:10%;}
.bg_14 p{color:#fff;font-size:18px;color:#cecece;margin-top:20px;}

.bg_14 table{width:610px;margin:50px auto 0;}
.bg_14 table th , .bg_14 table td{padding-bottom:10px;}
.bg_14 table th{width:178px;height:50px;}
.bg_14 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_14 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_14 a.btn{width:180px;height:50px;line-height:50px;color:#fff;text-decoration:none;text-align:center;
	display:inline-block;margin:20px auto 0;font-size:14px;background:url("/html2014/images/onePage_2/tabBg.png") repeat;}
.bg_14 a.btn:hover{background:#0f97d5;}
/*.bg_14 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_14 a.btn:hover{background-color:#283848;}
*/
.bg_14 a.btn_1{width:180px;height:50px;line-height:50px;color:#333;text-decoration:none;text-align:center;
	display:inline-block;margin:20px auto 0;background-color:#fff;font-size:14px;margin-left:20px;}
.bg_14 a.btn_1:hover{background-color:#333;color:#fff;}


@media only screen and (max-width : 1440px) {
/*.bg_1 .bg_1_img_1{bottom:25%;}
.bg_1 h3{padding-top:20%;}*/
.bg_3 h3{margin-top:0%;}
.bg_4 .cw a{top:12%;}
.bg_6 h3{padding:2% 0 30px;}
.bg_7 h3{padding:1% 0 30px;}
.bg_8 .cw a{top:6%;}
.bg_11 img{margin: -220px 0 0 -389px;}
}



@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:1.1s;-webkit-animation-delay:1.1s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}
#bg_1_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_1_3{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:1.1s;-webkit-animation-delay:1.1s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}
#bg_1_4{
  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_1_5{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:1.9s;-webkit-animation-delay:1.9s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1; 
}


#bg_2_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_2_2{
  animation-duration:1.5s;-webkit-animation-duration:1.5s;
  animation-delay:1s;-webkit-animation-delay:1s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}
#bg_2_3{
  animation-duration:2s;-webkit-animation-duration:2s;
  animation-delay:1s;-webkit-animation-delay:1s;
  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:1s;-webkit-animation-delay:1s;
  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:1s;-webkit-animation-delay:1s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}


#bg_5_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_5_2{
  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_3{
  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_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_6_2{
  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_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:1s;-webkit-animation-delay:1s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}



#bg_8_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_8_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_9_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_10_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_11_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_12_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_13_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_14_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_14_2{
  animation-duration:1s;-webkit-animation-duration:1s;
  animation-delay:1.1s;-webkit-animation-delay:1.1s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}

#bg_14_3{
  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;
}
