/****=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:-165px;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/flexibility_2018/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:-165px;
	background-color:#2488ff;width:160px;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%;}


.right_btn_body{position:fixed;top:42%;right:0px;z-index:8000;display:none;}
.right_btn_body a{display:block;width:75px;height:74px;margin-bottom:3px;background:url(/html2014/images/flexibility_2018/right_btn.png) no-repeat;}
.right_btn_body a.btn_1{background-position:0 0;}
.right_btn_body a.btn_1:hover{background-position:-75px 0;}
.right_btn_body a.btn_2{background-position:0 -76px;}
.right_btn_body a.btn_2:hover{background-position:-75px -76px;}

.vm_out , .vm_out .vm_in{height:100%;width:100%;}
.vm_out{display:table;}
.vm_out .vm_in{display:table-cell;vertical-align:middle;}

.next_page_btn{background:url("/html2014/images/flexibility_2018/next_page_btn.png") no-repeat;
	position:absolute;bottom:50px;left:50%;margin-left:-21px;
	width:42px;height:22px;display:block;animation:next_page_btn 1.6s ease-in infinite;}

@keyframes next_page_btn{
	0%{bottom:50px;}
	50%{bottom:40px;}
	100%{bottom:50px;}
}


.page_pop{height:540px;width:1002px;position:fixed;top:0;left:0;display:none;
	left:50%;margin-left:-501px;top:50%;margin-top:-225px;z-index:1000;}
.page_pop .close_btn{background:url(/html2014/images/flexibility_2018/closed.png) no-repeat;
	width:48px;height:48px;position:absolute;top:-50px;right:0px;}

.page_pop .page_tit{color:#333;}
#con_3_1_img{display:block;margin:40px 0 0 56px;}
#con_3_2_img{display:block;margin:40px auto 0;}
#con_3_3_img{display:block;margin:50px auto 0;}
#con_3_4_img{display:block;margin:50px auto 0;}



.bg_1{background:#022a3e url("/html2014/images/flexibility_2018/bg_1.jpg") center no-repeat;background-size:cover;}
.bg_1 h3 , .bg_1 p , .bg_1 h6{text-align:center;color:#fff;}
.bg_1 a{text-decoration:none;color:#fff;}
.bg_1 h3{font-size:46px;}
.bg_1 p{font-size:20px;padding:10px 0 20px;}
.bg_1 h6 i , .bg_1 h6 span{vertical-align:middle;font-size:18px;}
.bg_1 h6 i{display:inline-block;width:18px;height:18px;background:url("/html2014/images/flexibility_2018/bg_1_video_btn.png") no-repeat;
	margin-right:10px;}


.bg_2{background:#d6ebff url("/html2014/images/flexibility_2018/bg_2.jpg") center no-repeat;background-size:cover;}
.bg_2 h3.tit{text-align:center;font-size:36px;color:#000;margin-bottom:50px;}
.bg_2 .list{height:270px;overflow:hidden;margin-left:10px;}
.bg_2 .list li{float:left;height:268px;width:217px;text-align:center;overflow:hidden;
	border:1px solid #bcc5cd;border-radius:8px;margin-right:36px;}
.bg_2 .list li a{display:block;text-decoration:none;}
.bg_2 .list li.last{margin-right:0;}
.bg_2 .list li a{text-decoration:none;}
.bg_2 .list li i{display:block;margin:30px auto;width:140px;height:120px;transition:all ease 0.3s;}
.bg_2 .list li i.ico_1{background:url("/html2014/images/flexibility_2018/bg_2_ico_1.png") no-repeat;}
.bg_2 .list li i.ico_2{background:url("/html2014/images/flexibility_2018/bg_2_ico_2.png") no-repeat;}
.bg_2 .list li i.ico_3{background:url("/html2014/images/flexibility_2018/bg_2_ico_3.png") no-repeat;}
.bg_2 .list li i.ico_4{background:url("/html2014/images/flexibility_2018/bg_2_ico_4.png") no-repeat;}
.bg_2 .list li p{font-size:24px;color:#337cb5;}
.bg_2 .list li:hover i{transform:scale(1.1);}
.bg_2 .next_page_btn{margin-top:50px;}

.bg_3{background:#347db5 url("/html2014/images/flexibility_2018/bg_3.jpg") center no-repeat;background-size:cover;}
.page_tit{text-align:center;color:#fff;}
h3.page_tit{font-size:36px;}
h4.page_tit{font-size:18px;line-height:24px;margin:20px 0 40px;}
.page_con_body{text-align:center;}
.page_con_body .box{display:inline-block;background-color:#fff;border-radius:6px;overflow:hidden;
	width:495px;height:300px;text-align:left;position:relative;margin:0 2px;}
.page_con_body .box .in{padding:15px;}
.page_con_body .box h3{font-size:24px;color:#3799e4;position:relative;}
.page_con_body .box .img{display:block;width:100%;}
.page_con_body .pop_video_btn{position:absolute;height:37px;line-height:37px;background-color:#e5e5e5;
	border-radius:4px;padding:0 10px;bottom:15px;right:15px;}
.page_con_body .pop_video_btn i , .page_con_body .pop_video_btn span{vertical-align:middle;font-size:18px;color:#3799e4;}
.page_con_body .pop_video_btn i{display:inline-block;margin-right:10px;width:18px;height:18px;
	background:url("/html2014/images/flexibility_2018/video_ico.png") no-repeat;}
.page_con_body .pop_video_btn:hover{text-decoration:none;background-color:#ccc;}
.page_con_body p{font-size:18px;color:#333;margin:15px 0;line-height:24px;}
.page_con_body ul{margin:15px 0 0 0;}
.page_con_body ul li{list-style:disc outside;font-size:18px;line-height:24px;margin-bottom:15px;margin-left:20px;}


.bg_4{background:#396d97 url("/html2014/images/flexibility_2018/bg_4.jpg") center no-repeat;background-size:cover;}
.bg_4 .page_con_body .box{height:290px;}

.bg_5{background:#347db5 url("/html2014/images/flexibility_2018/bg_5.jpg") center no-repeat;background-size:cover;}
.bg_5 .page_con_body .box{height:310px;}

.bg_6{background:#c9dff3 url("/html2014/images/flexibility_2018/bg_7.jpg") center no-repeat;background-size:cover;}
.bg_6 h3.tit{text-align:center;font-size:36px;color:#000;margin-bottom:50px;}
.bg_6 .list{height:270px;overflow:hidden;margin-left:10px;}
.bg_6 .list li{float:left;height:268px;width:217px;text-align:center;overflow:hidden;
	border:1px solid #bcc5cd;border-radius:8px;margin-right:36px;}
.bg_6 .list li.last{margin-right:0;}
.bg_6 .list li a{text-decoration:none;}
.bg_6 .list li i{display:block;margin:35px auto 30px;width:100px;height:100px;transition:all ease 0.3s;}
.bg_6 .list li i.ico_1{background:url("/html2014/images/flexibility_2018/page_6_ico_1.png") no-repeat;}
.bg_6 .list li i.ico_2{background:url("/html2014/images/flexibility_2018/page_6_ico_2.png") no-repeat;}
.bg_6 .list li i.ico_3{background:url("/html2014/images/flexibility_2018/page_6_ico_3.png") no-repeat;}
.bg_6 .list li i.ico_4{background:url("/html2014/images/flexibility_2018/page_6_ico_4.png") no-repeat;}
.bg_6 .list li h4{font-size:24px;color:#333;margin-bottom:10px;}
.bg_6 .list li p{font-size:16px;color:#666;line-height:24px;}
.bg_6 .list li:hover i{transform:scale(1.1);}
.bg_6 .next_page_btn{margin-top:50px;}


.bg_7{background:#c9dff3 url("/html2014/images/flexibility_2018/bg_7.jpg") center no-repeat;background-size:cover;}
.bg_7 h3.page_tit{color:#333;}
.bg_7 h4.page_tit{color:#666;}
.bg_7 .img{display:block;margin:40px 0 0 56px;}


.bg_8{background:#c9dff3 url("/html2014/images/flexibility_2018/bg_8.jpg") center no-repeat;background-size:cover;}
.bg_8 h3.page_tit{color:#333;}
.bg_8 h4.page_tit{color:#666;}
.bg_8 .img{display:block;margin:40px auto 0;}

.bg_9{background:#c9dff3 url("/html2014/images/flexibility_2018/bg_9.jpg") center no-repeat;background-size:cover;}
.bg_9 h3.page_tit{color:#333;}
.bg_9 h4.page_tit{color:#666;}
.bg_9 .img{display:block;margin:50px auto 0;}

.bg_10{background:#c9dff3 url("/html2014/images/flexibility_2018/bg_10.jpg") center no-repeat;background-size:cover;}
.bg_10 h3.page_tit{color:#333;}
.bg_10 h4.page_tit{color:#666;}
.bg_10 .img{display:block;margin:50px auto 0;}

.bg_11{background:#357eb5;background-size:cover;}


/* end */

.bg_last{background:#000 url(/html2014/images/flexibility_2018/bg_last.jpg) center no-repeat;height:630px;background-size:cover;}
.bg_last .cw{position:relative;text-align:center;}
.bg_last h3{font-size:48px;color:#fff;}
.bg_last p{color:#fff;font-size:18px;color:#cecece;margin-top:20px;}

.bg_last table{width:610px;margin:50px auto 0;}
.bg_last table th , .bg_last table td{padding-bottom:10px;}
.bg_last table th{width:178px;height:50px;}
.bg_last table th div{background:#283849;width:100%;height:50px;line-height:50px;
	color:#fff;font-size:18px;text-align:center;}
.bg_last 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_last 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:#3748a6;font-size:14px;}
.bg_last a.btn:hover{background-color:#283848;}

.bg_last a.btn_1{width:180px;height:50px;line-height:50px;color:#3444a3;text-decoration:none;text-align:center;
	display:inline-block;margin:20px auto 0;background-color:#fff;font-size:14px;margin-left:20px;}
.bg_last a.btn_1:hover{background-color:#333;color:#fff;}








@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;}
}

/* 动画调整 */

.page_pop{
	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_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.1s;-webkit-animation-delay:1.1s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1; 
}
#bg_1_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;
}


#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:1s;-webkit-animation-duration:1s;
  animation-delay:1.1s;-webkit-animation-delay:1.1s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}
#bg_2_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;
}
#bg_2_4{
  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_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_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:1.1s;-webkit-animation-delay:1.1s;
  animation-iteration-count:1;-webkit-animation-iteration-count:1;
}
#bg_6_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;
}
#bg_6_4{
  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_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_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_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_11_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_last 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_last 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_last table{
	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;
}







.
