/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,code,del,dfn,em,font,img,ins,kbd,q,s,samp,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,header,section,footer {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0; }
 
/* Basic Styling */
 
html { -webkit-font-smoothing: antialiased; }
a{ text-decoration:none}
li{list-style-type:none;}
div{ text-align:left;}
 
body, html {
	color: #4e4e4e;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 18px;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	-webkit-text-size-adjust: none; }
 
header, nav, section, aside, footer { display: block !important; }

.left{text-align:left;}
.center{text-align:center;}
.right{text-align:right;}
.fl_left{ float:left;}
.fl_right{ float:right;}
.clear{clear:both;}
.stretch{ width:100%;}

#wrapper {
	margin: 0 auto;
    position: relative;
		width: 100%;

}

/*FONTS*/
@font-face {
    font-family: 'MgOpenModataRegular';
    src: url('../fonts/mgopenmodataregular-webfont.eot');
    src: url('../fonts/mgopenmodataregular-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/mgopenmodataregular-webfont.woff') format('woff'),
         url('../fonts/mgopenmodataregular-webfont.ttf') format('truetype'),
         url('../fonts/mgopenmodataregular-webfont.svg#MgOpenModataRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MgOpenModataOblique';
    src: url('../fonts/mgopenmodataoblique-webfont.eot');
    src: url('../fonts/mgopenmodataoblique-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/mgopenmodataoblique-webfont.woff') format('woff'),
         url('../fonts/mgopenmodataoblique-webfont.ttf') format('truetype'),
         url('../fonts/mgopenmodataoblique-webfont.svg#MgOpenModataOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MgOpenModataBold';
    src: url('../fonts/mgopenmodatabold-webfont.eot');
    src: url('../fonts/mgopenmodatabold-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/mgopenmodatabold-webfont.woff') format('woff'),
         url('../fonts/mgopenmodatabold-webfont.ttf') format('truetype'),
         url('../fonts/mgopenmodatabold-webfont.svg#MgOpenModataBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MgOpenModataBoldOblique';
    src: url('../fonts/mgopenmodataboldoblique-webfont.eot');
    src: url('../fonts/mgopenmodataboldoblique-webfont.eot@#iefix') format('embedded-opentype'),
         url('../fonts/mgopenmodataboldoblique-webfont.woff') format('woff'),
         url('../fonts/mgopenmodataboldoblique-webfont.ttf') format('truetype'),
         url('../fonts/mgopenmodataboldoblique-webfont.svg#MgOpenModataBoldOblique') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*Typography*/
h1{font-family:'MgOpenModataRegular', Arial, Helvetica, sans-serif; font-size:20px; color:#2D987C; line-height:25px;}
h2{font-family:'MgOpenModataRegular', Arial, Helvetica, sans-serif; font-size:16px; color:#101213;}
p{ color:#4e4e4e; font-size:12px; line-height:18px;}


/*Header*/
header{ width:100%; height:48px; margin:0 auto; background:#FFFFFF;}
.head_top{ width:100%; height:11px; margin:0 auto; background:#237CC0}
.head_logo{ width:100%; height:60px; margin:0 auto;}
.head_logo img{ width:100%; height:54px; float:left; margin-top:3px;}


/* bankuai */
.bankuai{ width:100%; height:550px; margin:0 auto; border:0; padding:0; padding-bottom:60px;}
.bankuai_top{ width:100%; height:116px; float: left;}
.bankuai_top a{ display:block; width:42%; height:60px; float:left; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; font-size:16px; line-height:60px; text-indent:2%; margin-top:37px; text-decoration:none}
.bankuai_top a font{ display:block; float:left; margin-left:10%; width:37px; height:60px;}
.bankuai_top .bkbm{ background:#648920; color:#fff; margin-left:4.8%;}
.bankuai_top .bkbm font{ background:url(../images/bkbm.png) no-repeat}
.bankuai_top .bkcx{ background:#F4C034; color:#211902; margin-left:5%;}
.bankuai_top .bkcx font{ background:url(../images/bkcx.png) no-repeat}

.bankuai_left{ width:47%; height:440px; float:left;}
.bankuai_left a{ display:block; width:89%; height:180px; float:left; background:#88BB2C; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin-left:10.1%; line-height:212px;}
.bankuai_left a font{ display:block; width:118px; height:104px; float:left; margin-left:5%; margin-top:15px;}
.bankuai_left a p{ display:block;width:100%; height:40px; float:left; line-height:40px; text-align:center; font-size:28px; color:#fff; margin-top:14px;}
.bankuai_left .aqpx{ margin-top:28px;}
.bankuai_left .aqpx font{ background:url(../images/aqpx.png) no-repeat}
.bankuai_left .aqpx p{}
.bankuai_left .afyp{ margin-top:31px;}
.bankuai_left .afyp font{ background:url(../images/afyp.png) no-repeat}


.bkxx{ width:42.12%; height:113px; float:left; background:#F1CD6B; -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; margin-left:5.1%;}
.bkxx font{ display:block; width:50px; height:70px; float:left; margin-left:5%; margin-top:17%}
.bkxx p{ display:block; width:50%;float:left;font-size:16px; color:#FFF; margin-left:5%;}
#bkxx_1{ margin-top:28px;}
#bkxx_1 p{ height:50px; line-height:50px; margin-top:25%; overflow:hidden;}
#bkxx_1 font{ background:url(../images/bkxx_1.png) no-repeat}
#bkxx_2{ margin-top:25px;}
#bkxx_2 p{ line-height:25px; margin-top:25%; overflow:hidden;}
#bkxx_2 font{ background:url(../images/bkxx_2.png) no-repeat}
#bkxx_3{ margin-top:25px;}
#bkxx_3 p{ line-height:25px; margin-top:25%; overflow:hidden;}
#bkxx_3 font{ background:url(../images/bkxx_3.png) no-repeat}
#bkxx_4{}
#bkxx_4 p{ line-height:25px; margin-top:25%; overflow:hidden;}
#bkxx_4 font{ background:url(../images/bkxx_4.png) no-repeat}
#bkxx_5{}
#bkxx_5 p{ line-height:25px; margin-top:18%; overflow:hidden;}
#bkxx_5 font{ background:url(../images/bkxx_5.png) no-repeat}


.bankuai_bottom{ width:100%; height:160px; float:left;}


/*search*/
.insearch{ width: 100%; height:40px; margin: 0 auto; text-align: center; font-size: 14px; color: #F83812;}
.insearch .insearall{ width:186px; height:30px; margin:0 auto; background:url(../images/small-pic.png) 0px 0px no-repeat; margin-top:10px;}
.insearch .insearall .input_l{ width:125px; height:20px; line-height:20px; float:left; margin-left:15px; margin-top:5px; border:0px; background:none; color:#000;outline:none;}
.insearch .insearall .searchgo{ width:40px; height:30px; float:right; cursor:pointer; background:url(../images/small-pic.png) 0px -30px no-repeat; border:0px;outline:none;}







/* anli */
.inanli{ width:100%; height:440px; margin:0 auto; margin-bottom:50px;}
.innali_top{ width:100%; height:65px; float:left; line-height:65px; background:#E5E5E5; color:#000; text-indent:5%; font-size:16px; font-family:"����"; font-weight:bold}
.innali_fot{ width:100%; height:370px; float:left; margin-top:5px;}
	#full-screen-slider { width:100%; height:370px; margin:0 auto; position:relative;}
	#slides1 { display:block; height:370px; width:100%; list-style:none; padding:0; margin:0; position:relative;}
	#slides1 li { display:block; width:100%; height:205px; list-style:none; padding:0; margin:0; position:absolute; left:0px;}
	#slides1 li .slipic{ width:50%; height:205px; float:left;}
	#slides1 li .slipic img{ width:90%; height:160px; float:left; margin:0 5%; margin-top:15px;}
	#slides1 li .slipic p{ display:block; width:90%; height:30px; float:left; text-align:center; line-height:30px; margin:0 5%; overflow:hidden; font-size:14px;}
	#pagination { display:block; position:absolute; left:80%; height:29px; top:-50px; z-index:1; padding:0; margin:0}
	#pagination li { display:block; list-style:none; width:8px; height:8px; margin-top:8px;-webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; float:left; margin-left:5px; background:#8C8C8C;}
	#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
	#pagination li.current { background:#FA7700;}
	
/* intel */
.intel{ width:100%; height:40px; margin:0 auto; background:#E4E4E4; text-align:center; line-height:40px; font-size:18px; color:#F83812;}



/*Hiring*/
section#main .hiring{ position:relative; }
section#main .hiring span.tape_stick{ display:block; width:72px; height:20px; background:url(../images/tape.png) no-repeat center; margin:-11px auto 0px auto;}
section#main .hiring img{ float:left; margin-right:3px;}
section#main .hiring a.grey_bt_sml{ position:absolute; right:10px; top:10px;}

/*Slideshow*/
#slideshow{ background-color:#f1f1f1; border-top:#237CC0 4px solid; border-bottom:#237CC0 4px solid;position:relative;}
#slideshow ul li{ list-style:none;}
/*Accordion*/
#accordion_menu{}
#accordion_menu h5{ background:url(../images/ac_default.png) repeat-x; padding:13px; color:#717c87;text-shadow: 0px 1px 0 #fff; line-height:100%; border-top:solid 1px #e4e7e9;}
#accordion_menu h5 span.arrow{ height:16px; width:15px; background:url(../images/accordion_arw.png) no-repeat center top; display:inline-block; float:right; cursor:pointer;}
#accordion_menu .ac_content{ padding:8px 13px;}
#accordion_menu .ac_content ul, #accordion_menu .ac_content ol{ list-style-position:inside;}
#accordion_menu .ac_content li{ padding:3px 0px;}
#accordion_menu h5.ui-state-active{ background:url(../images/ac_active.png) repeat-x; color:#fff;text-shadow: 0px 1px 0 #28558f; border-top-color:#44B996;}
#accordion_menu h5.ui-state-active span.arrow{ background-position:center -20px;}

/*Page*/
.page{ padding:15px 20px;}
.page h1{ padding:5px 0px 20px; margin-bottom:10px; background:url(../images/lines.png) repeat-x center bottom;}
.page img{ clear:both; width:100%; float:left;}


/*Blog*/
.blog h1{ margin-bottom:0px;}
.blog h1 a{ text-decoration:none;}
.blog img{ background:#f4f4f4; padding:3px; border:solid 1px #dcdcdc; margin-bottom:10px; margin-right:10px; float:left;max-width:40%;}
.blog .post_date{color:#999999; font-size:11px; display:block; padding-bottom:5px;}
.blog .post_info{ padding:6px 0px 14px; background:url(../images/lines.png) repeat-x center bottom; line-height:100%; font-size:11px; margin-bottom:11px; line-height:17px;}
.blog .post_info .posted_by { width:165px; display:inline-block;}
.blog .post_info .posted_by a{ font-weight:bold; text-decoration:none;}
.blog .post_info a.comments{ float:right; padding-left:25px; background:url(../images/comment.png) no-repeat left center; text-decoration:none;}
.blog a.like{ display:block; float:right; padding:1px 22px 1px 0px; background:url(../images/like.png) no-repeat right 1px; text-decoration:none; color:#828282;}
.tags{ border-top:solid 1px #d9d9d9; margin-top:12px; padding:10px 0px; font-size:11px; clear:both; display:inline-block; width:100%;}
.tags ul{ display:inline-block;}
.tags ul li{ list-style:none; line-height:100%; padding:4px 5px; background-color:#e2e2e2; margin-left:10px; float:left;}
.tags ul li:first-child{ margin-left:0px;}
.tags span{float:left; padding-right:10px;}
.tags ul li a{ color:#4e4e4e; text-decoration:none;text-shadow: 0px 1px 0 #fff;}

/*Comment*/
#comments li{ list-style:none; padding:12px 13px; border-top:solid 1px #dddddd;}
#comments li.odd{ background-color:#f1f1f1;}
#comments li.even{ background-color:#ffffff;}
#comments li img{ float:left; margin:2px 15px 2px 0px;}
#comments li h5{ padding-bottom:5px;}
#comments li span{color:#a3a3a3; font-size:11px; display:block; text-align:right; padding-top:5px;}
#comments li h5 a{color:#000000; font-size:14px; padding-bottom:5px;}
#comments li .comment_body{ margin-left:62px;}

.comment_form{ background-color:#383f4b;}
.comment_form h2{ color:#fff; text-shadow: 0px 1px 0 #242424;}
#moby_form{ padding-bottom:10px;}
#moby_form li{ list-style:none; padding:5px 13px; text-align:right;}
#moby_form li input[type=text], #moby_form li input[type=email], #moby_form li textarea{ border:solid 1px #2d333d; padding:10px 0px 7px 0px; background:#e3e3e3; box-shadow: inset 0px 0 8px #626262; width:99%; font-size:13px; color:#8b8b8b; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; font-family:Arial, Helvetica, sans-serif; text-indent:8px;}
#moby_form li input[type=text]:focus, #moby_form li textarea:focus{ box-shadow: inset 0px 0 5px #fff; color:#333;}
#moby_form li input[type=submit]{ border:none; background:url(../images/submit.png) no-repeat left center; padding:7px 25px 5px 45px; font-size:14px; font-family:'MgOpenModataBold'; text-shadow: 0px 1px 0 #275d8c; color:#fff; line-height:100%; box-shadow: 0 1px 2px #2c2c2c; cursor:pointer; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
#moby_form li input[type=submit]:active{box-shadow: 0 0px 2px #000; cursor:pointer; text-shadow: 0px 0px 1px #275d8c; color:#cee2f3;}

/*Contact*/
#contact{width:287px; display:inline-block;}
#contact li{ padding:13px 10px 13px 50px; border-top:solid 1px #ececec; list-style:none;}
#contact li.address{background:url(../images/location.png) no-repeat 10px 7px;}
#contact li.telephone{background:url(../images/telephone.png) no-repeat 10px 7px;}
#contact li.website{background:url(../images/website.png) no-repeat 10px 7px;}

/* Border Radius */
.block_module, .btn, .blog img, .tags ul li{}
/* Box Shadow */
.block_module{}

	
/* Style for the contact form and status messages */

.statusMessage {
  color: #666;
  background-color: #ebedf2;
  background: -webkit-gradient( linear, left bottom, left top, color-stop(0,#dfe1e5), color-stop(1, #ebedf2) );
  background: -moz-linear-gradient( center bottom, #dfe1e5 0%, #ebedf2 100% );  
  border: 1px solid #aaa;
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  opacity: .95;
}
.statusMessage {
  display: none;
  margin: auto;
  width: 80%;
  height: 2em;
  padding: 1.5em;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.statusMessage p {
  text-align: center;
  margin: 0;
  padding: 0;
}

#contactForm.positioned, .statusMessage {
  left: 5px;
  top: 50%;
}

.statusMessage {

  margin-top: -1em;
}
























/*about*/
.top_bar { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; }
.top_menu { display:-webkit-box; display: block; width: 100%; background:; height: 45px; display: -webkit-box; display: box; margin:0; padding:0; -webkit-box-orient: horizontal; background:#648920 }
.top_bar .top_menu>li { -webkit-box-flex:1;background-size: 1px 100%, 1px 100%; background-position: 1px center, 2px center; background-repeat: no-repeat; position:relative; text-align:center; width:33%; }
#top_m{ background:#F4C034;}
#top_m a label{ color:#FA0608}
.top_bar .top_menu>li>a { line-height:45px; display:block; text-align:center; color:#fff; text-decoration:none; text-shadow: 0 1px rgba(255, 255, 255, 0.3); -webkit-box-flex:1; }
.top_menu>li:first-child { background:none; }
.top_bar .top_menu li a label { padding:0; font-size:14px; overflow:hidden; }
.top_bar .top_menu>li>a img { display: inline-block; height: 14px; width: 14px; margin-top:-2px; color: #fff; line-height: 40px; vertical-align:middle; }
.top_bar li:first-child a { display: block;  text-decoration:none;}
.menu_font { padding: 0; position: absolute; z-index: 500; bottom: 60px; right: 10px; width: 100px; margin-left:0; background: red; background: #e4e3e2; border: 1px solid #afaeaf; border-radius: 5px; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); }
.menu_font:before, .menu_font:after { content:""; display:inline-block; position:absolute; z-index:240; bottom:0; left: 80%; margin-left:-8px; margin-bottom:-16px; width:0; height:0; border:8px solid red; border-color:#afaeaf transparent transparent transparent; }
.menu_font:after { z-index:501; border-color:#e4e3e2 transparent transparent transparent; margin-bottom:-15px; margin-left:-8px; }
.menu_font.hidden { display:none; }
.top_menu li:last-of-type a { background: none; text-decoration:none; }
.top_menu>li:last-of-type>a label { padding: 0 0 0 3px; }
.menu_font li:last-of-type { background: none; }
.menu_font li { line-height:50px; text-align:center; background:-webkit-gradient(linear, 0 0, 100% 0, from(#e4e3e2), to(#e4e3e2), color-stop(50%, #f3f3f2)), -webkit-gradient(linear, 0 0, 100% 0, from(#e4e3e2), to(#e4e3e2), color-stop(50%, #c6c5c5)); background-size:100% 1px, 100% 2px; background-repeat:no-repeat; background-position: center bottom; }
.menu_font li:first-of-type { border-top: 0; }
.menu_font li:last-of-type { border-bottom: 0; }
.menu_font li a { height: 50px; line-height: 50px !important; position: relative; color: #4f4d4f; display: block; width: 100%; text-align:center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-shadow: 0 1px rgba(255, 255, 255, 0.3); text-decoration: none;  text-decoration:none;}
#menu_list0 { right:0; left:10px; }
#menu_list0:before, #menu_list0:after { left: 20%; }
#sharemcover { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; z-index: 20000; }
#sharemcover img { position: fixed; right: 18px; top: 5px; width: 260px; height: 180px; z-index: 20001; border:0; }

.menu_font li:first-of-type a { border-radius:5px 5px 0 0;  text-decoration:none;}
.menu_font li:last-of-type a { border-radius:0 0 5px 5px; text-decoration:none; }
#plug-wrap { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); z-index:800; }
#cate18 .device {bottom: 49px;}
#cate18 #indicator {bottom: 240px;}
#cate19 .device {bottom: 49px;}
#cate19 #indicator {bottom: 330px;}
#cate19 .pagination {bottom: 60px;}


/* 清浮动 */
.w-cf-ul,
.w-cf-ul li{list-style: none;padding:0;margin:0;}
  
.w-cf,
.w-cf-ul,
.w-clearfix{zoom:1}

.w-cf:after,
.w-cf-ul:after,
.w-clearfix:after{content:"\200B";display:block;height:0;clear:both; }

.w-clear{clear:both;float:none;height:0;margin:0;padding:0;width:0;overflow:hidden;}