/* 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 */
a, a:visited {
	color: #33A285; 
	text-decoration: none;
	-webkit-transition-property: color, left, right;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-property: ease-in-out; }
 
html { -webkit-font-smoothing: antialiased; }

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%;
	box-shadow: 0 1px 1px #000000;
	background:url(../images/bg_pat_1.png) repeat;
}

/*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; padding-bottom:15px;}
ul,li{ padding:0;margin:0;list-style:none}

/*Header*/
header{ width:100%;}
/*Navigation*/
.logo{ width:100%;}
nav{ overflow: hidden; width: 100%;}
nav a{ display: block; box-sizing: border-box; float: left; width: 25%; text-align: center; color: #fff; padding: 0.5rem 0; border-right: 1px solid #1542cc; border-bottom: 1px solid #1542cc; font-size: 1rem;  background-color: #072fa8;}
nav a:nth-child(4n){ border-right: none;}

section.section{ margin-left: auto; width: 95%; margin-right: auto; overflow: hidden}
article{ overflow: hidden; width: 100%; margin-top: 5%; text-align: center}
article h2{ font-size: 1.5rem; color: #333}
article h2 a{color: #333}
.pro{ overflow: hidden; width: 100%;}
.pro .proNav{ width: 100%; display: inline-block; margin-top: 4%}
.pro .proNav li{ width:33.33%; float: left; box-sizing: border-box; font-size: 1rem; padding: .65em 0; border-right:5px solid #fff; text-align: center; background-color: #072fa8; position: relative;}
.pro .proNav li a{ color: #fff}
.pro .proNav li i{ display: none; background: url("../images/pro_xjx.png") no-repeat center; width: 17px; height: 8px; position: absolute; bottom:-7px; left:50%;  margin-left: -8px;}
.pro .proNav li.on{ background-color: #ffa200}
.pro .proNav li.on i{  display: block}
.pro .proNav li:last-child{ border-right: none;}
.pro .proBox{ overflow: hidden; width: 100%; margin-top: 4%}
.pro .list li{ float: left; width: 48%; margin-bottom: 3%;}
.pro .list li img{ display: block; width: 100%; border:1px solid #d4d4d4; box-sizing: border-box; height:40%}
.pro .list li span{ display: block; text-align: center; font-size: .9rem; color: #333333; padding: .6rem 0;}
.pro .list li:nth-child(2n){ float: right;}
.pro a.more{ display: block;  width: 28%; margin:2% auto 6%; padding: 0.55rem; font-size:0.8rem; text-align: center; border:1px solid #d3d3d3;}

.banner{ overflow: hidden; width: 100%; position: relative}
.banner a img{ display: block; width: 100%;}
.banner .btn{ overflow: hidden; width: 100%; position: absolute; left:0; bottom:6%; text-align: center}
.banner .btn span{ width: 1rem; height: 1rem; background-color: #333; display:inline-block; border-radius: 50%; margin: 0 .2rem;}
.banner .btn span.on{ background-color: #072fa8;}

.focus{ width:100%;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center;  }
.focus .hd ul{ overflow:hidden; display:-moz-box; display:-webkit-box; display:box; height:5px; background-color:#333;   }
.focus .hd ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1;font-size:0 }
.focus .hd ul .on{ background:#072fa8;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  }
.focus .bd li a{ -webkit-tap-highlight-color:#bd1c26; /* 取消链接高亮 */ }

.ab{ overflow: hidden; width: 100%;}
.ab .abDl{ width: 85%; margin: 5% auto; overflow: hidden}
.ab .abDl dt img{ display: block; width: 100%;}
.ab .abDl dd{ margin: 3.5% 0 4%}
.ab .abDl dd p{ line-height: 1.5rem; height: 7.5rem; overflow: hidden; font-size: 0.85rem; color: #4e4e4e;}

.advantageBg{ background-color:#f6f6f6; width:100%; }
.advantageTop{ float:left; width:100$;  background:url(../a_03.png) no-repeat center; margin:0 auto; }
.advantage{ width:100% ; margin:0 auto;}
.advantage .item{ }
.advantage .itemBt{ width:100% ;  overflow:hidden;background:url(../y_23.png) no-repeat; }
.advantage .itemBt2{width:100% ;  overflow:hidden;background:url(../y_22.png) no-repeat ;}
.advantage .item .text{ float:left;  }
.advantage .item .text .num{ float:left;height:44px;background:url(../a_05.png) no-repeat ; color:#1C6DD6; font-family:Arial, Helvetica, sans-serif; font-size:30px; font-weight:bold; line-height:44px; text-align:center; margin-left:25px; display:inline;}
.advantage .item .text .top{float:left; text-align:left;}
.advantage .item .text .top p{  color:#333333; font-size:14px; line-height:32px;}
.advantage .item .text .top .ch{ color:#0066CC; font-size:16px; line-height:32px; font-family:'微软雅黑';  padding-bottom:10px; margin-bottom:10px;  border-bottom:1px dashed #999999;}
.advantage .item .text .top .en{ color:#999999; font-size:20px; font-family:Aparajita,Arial; margin-bottom:18px; }
.advantage .item .pic{ float:left; margin-left:15px;}
.w500px{ width:100%;}
.w450px{ width:100%;}
.w420px{ width:100%;}
.w400px{ width:100%;}
.fD7261B{ color:#D7261B;}

.new{ overflow: hidden; width: 100%; background-color: #f8f8f8; margin-bottom: 15%;}
.new .section{ background-color: #fff; margin-top: 4%}
.new .newNav{ width: 100%; display: inline-block;}
.new .newNav li{ width:50%; float: left; font-size: 1.2rem; padding: .65em 0;  text-align: center; position: relative; background-color: #dbdbdb}
.new .newNav li a{ color: #333333}
.new .newNav li i{ display: none; background: url("../images/Index/new_xjx.png") no-repeat center; width: 23px; height: 8px; position: absolute; bottom:-7px; left:50%;  margin-left: -11px;}
.new .newNav li.on{ background-color: #072fa8; font-weight: bold}
.new .newNav li.on i{  display: block}
.new .newNav li.on a{ color: #fff}
.new .newBox,.newCon,.newDl{ overflow: hidden; width: 100%;}
.new .newCon{ margin-top: 5%; padding: 0 3%; box-sizing: border-box}
.new dt{ width: 40%; float: left;}
.new dt img{ display: block; border:3px solid #e2e2e2; width: 100%; box-sizing: border-box;}
.new dd{ float: right; width: 58%;}
.new dd h3{ font-size: 1rem;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.new dd h3 a{ color: #222222;}
.new dd p{ color: #585657; font-size:0.85rem; line-height: 1.5rem; height: 4.5rem;  overflow: hidden; margin-top: 2%;}
.new .newli{ margin:3% auto; padding: 0 1%; box-sizing: border-box}
.new .newli li{ overflow: hidden; line-height: 1.8rem;font-size: 1em}
.new .newli a{ float: left; overflow: hidden; ; white-space: nowrap; text-overflow: ellipsis; width: 70%;  color: #333333}
.new .newli a b{ font-size: 1.2rem; margin-right: 0.25rem;}
.new .newli  span{ float: right; width: 28%; text-align: right; color: #b5b5b5}

header ul.navigation li.expanded #submenu{ display:block;}
#submenu{display:none; position:absolute; top:46px; left:0px; min-width:150px; width:100%; opacity:0.95; border:solid 1px #212121; padding-top:9px; -webkit-border-radius: 0px 0px 4px 4px;-moz-border-radius: 0px 0px 4px 4px;border-radius: 0px 0px 4px 4px; border-width:0px 0px 1px; z-index:11;}
#submenu li{ list-style:none; padding:4px 5px; margin:0px; text-align:left; border-top:solid 1px #262727; box-shadow: inset 0px 1px 0px #1a1a1a; background:#1f1f1f}
#submenu li:first-child{ border:none;}
#submenu li a{ line-height:100%; padding:10px; color:#727272; text-shadow: 1px 1px 0 #000000; height:auto; width:90%; display:block; background:none; font-weight:normal;}
#submenu li:active{ background:#101010;}
#submenu li:active a{ color:#fff;text-shadow: 1px 1px 0 #1f1f1f;}

/*Share*/
header ul.share{ float:right; margin-right:5px;}
header ul.share li{ width:28px; height:30px; float:left; list-style:none; }
header ul.share li a{ display:block; width:28px; height:30px; background-position: 2px center ;}
header ul.share li a:active{background-position: 0px center!important;}
header ul.share li.twitter a{ background:url(../images/twitter.png) no-repeat center -2px;}
header ul.share li.facebook a{ background:url(../images/facebook.png) no-repeat center -2px;}
header ul.share li.rss a{ background:url(../images/rss.png) no-repeat center -2px;}
/*Logo*/
a#logo{ display:block; width:180px; height:50px; margin:15px 7px;}
.banner{ width:100%; height:300px; overflow:hidden; position:relative;font-size:0; margin-top:8px;}
.b-img{ height:300px;  position:absolute; left:0; top:0;}
.b-img a{ display:block; height:300px; float:left;}
.b-list{ height:50px; padding-top:240px; position:relative; margin:0 auto;z-index:1;}
.b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; }
.b-list .spcss{border:3px solid #14ab04;}
.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; }
.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; }
.bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin:0 auto; margin-top:125px;}
.bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin:0 auto; margin-top:125px;}
.bar-left .emcss{ background-position:0px -100px;}
.bar-right .emcss{ background-position:-50px -100px;}

/*Seach*/
#search{ padding:7px 10px; background:#4DC4A0; border-bottom:1px solid #43B796; display:none;}
#search fieldset{ position:relative;}
#search input{ background-color:#efefef; border:solid 1px #2F977A; font-size:12px; padding:4px 0px; color:#7b7b7b; float:left; border-radius:0px!important;}
#search input[type=text]{ width:100%; height:14px; border-right:none;  box-shadow: inset 1px 0 1px #fff; text-indent:8px;}
#search input[type=submit]{width:37px; height:24px; background:url(../images/search_d.png) no-repeat center top; text-indent:-300px; position:absolute; right:-1px;}
#search input[type=submit]:active{ background-position:center bottom;}
/*Footer*/
footer{ padding:0px 13px; font-size:11px;}
ul.footer_nav{ width:100%;}
ul.footer_nav li{ float:left; padding:0px 8px; border-left:solid 1px #b4b4b4; list-style:none;line-height:100%;}
ul.footer_nav li:first-child{ padding-left:0px; border-left:none;}
ul.footer_nav li a{ color:#33A285; text-shadow: 1px 1px 0 #fff;}
footer .copyright{ display:block; color:#9c9c9c; padding:10px 0px; clear:both; text-shadow: 1px 1px 0 #fff;}

/*Section*/
section#main{ display:inline-block; padding:0px 10px;}
.block_module{ background:#fff; margin-bottom:18px;}
.block_module h2{ padding:11px 12px;}
.paper_bh_white{ background-image:url(../images/paper_bh_white.png); background-repeat:repeat-x; background-position:center bottom; padding-bottom:8px;}
.content_container{ padding:12px 14px; display:block;}
.content_container a, .page a{ text-decoration:underline;}

/*Button*/
a.btn{ display:inline-block; line-height:100%; text-decoration:none;}
a.grey_bt_sml{ padding:5px 7px; background:url(../images/btn_grey_sml.png) repeat-x; color:#fff; font-family:'MgOpenModataBold'; text-shadow: 0px 1px 0 #737373;}
a.grey_bt_big{ padding:9px 14px 8px 34px; background:url(../images/btn_grey_big.png) repeat-x; font-size:15px; color:#fff; font-family:'MgOpenModataBold'; text-shadow: 0px 1px 0 #737373; position:relative;}
span.app{ display:inline-block; background:url(../images/app.png) no-repeat center; width:20px; height:22px; position:absolute; left:7px; top:5px;}


/*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;position:relative;padding-bottom:7px; margin-bottom:38px;}
#slideshow ul li{ list-style:none;}
/*Accordion*/
.prts{width:100%;}
.prts h2{PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FONT-SIZE:20px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM:0px; OVERFLOW: hidden; PADDING-TOP: 10px;  height:37px; line-height:30px; color:#fff; background:url(../images/pro-bant.jpg) no-repeat;}
.prts ul{ width:100%;}
.prts ul li{ background:url(../images/gc-a-hover.png) no-repeat center; width:100%; text-indent:50px; height:50px; line-height:50px; font-size:14px;}
.prts ul li a{ color:#FFFFFF;}
.prts ul li a:hover{}

/*Page*/
.page{ padding:15px 20px;}
.page h1{ padding:5px 0px 20px; margin-bottom:10px; background:url(../images/lines.png) repeat-x center bottom;}

/*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{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
/* Box Shadow */
.block_module{-moz-box-shadow: 0 0px 2px #989898;;-webkit-box-shadow:0 0px 2px #989898;;	box-shadow: 0 0px 2px #989898; display:inline-block; width:100%; }

	
/* 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;
}