/* 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; 
	list-style: none;
list-style-type: none;}
 
/* Basic Styling */
a, a:visited {
	color: #555;
	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: 'Microsoft YaHei',Arial,Helvetica,sans-serif;
	font-size: 14px;
	line-height: 22px;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	-webkit-text-size-adjust: none; }
	
body{position: relative;
	right: 0;
 -webkit-transition: right .3s;
 transition: right .3s;}
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; font:0;}
.stretch{ width:100%;}

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

/*Typography*/
h1{ background:#0061AE; font-size:18px; color:#CCDFEF; line-height:38px; text-indent:10px}
h2{font-size:16px; color:#101213;}
p{ color:#4e4e4e; font-size:12px; line-height:18px; padding-bottom:15px;}


/*Header*/
header{ width:100%; padding:20px 0 10px 0; margin:0 auto; }
/*Navigation*/
header ul.navigation{background:#eee; width:100px; position:absolute; right:0; top:42px; z-index:100; display:none }
header ul.navigation > li{ list-style:none; text-align:center; position:relative }
.nav{ float:right; width:15%; position:relative}
.nav .nav-tel{background:url(../images/tel.png) no-repeat center;background-size: contain; display:inline-block;cursor: pointer; width:29%; height:30px; margin:0 8px; float:left;}
.nav .nav-tel a{ display:block; text-indent:-999rem; overflow:hidden}
.nav .nav-btn{background:url(../images/menu.png) no-repeat center;background-size: contain;display:inline-block;cursor: pointer; width:65%;height:38px;margin:0 8px;float:left;}
header ul.navigation li a{ display:block; width:auto; min-width:40px; padding:0 2px; line-height:36px; font-size:16px; color:#666; background:#eee;  letter-spacing:1px;}
header ul.navigation li.active a{background:#cc0000; color:#fff;}
header ul.navigation li.nav_search{ background:none; width:32px; float:right; margin:5px 5px 5px 0px; min-width:inherit;}
header ul.navigation li.nav_search a{background-image:url(../images/nav_icons.png); background-position: -671px -1px; width:25px; height:30px;}
header ul.navigation li.nav_search a:active{background-position: -671px -69px;}

header ul.navigation li span.home{background-position: -3px -5px}
header ul.navigation li span.about{background-position: -74px -5px}
header ul.navigation li span.blog{background-position: -153px -5px}
header ul.navigation li span.contact{background-position: -235px -5px}
header ul.navigation li.active span.home{background-position: -3px -73px}
header ul.navigation li.active span.about{background-position: -74px -73px}
header ul.navigation li.active span.blog{background-position: -153px -73px}
header ul.navigation li.active span.contact{background-position: -235px -73px}
/*Submenu*/
header ul.navigation li.expanded .submenu{ display:block;}
.submenu{display:none; position:absolute; top:0; right:100px;opacity:0.95;z-index:11; padding:5px 0}
.submenu li{ list-style:none; text-align:left; background:#eee;padding:0 8px;}
.submenu li:first-child{ border:none;}
.submenu li a{ line-height:36px; color:#727272; white-space:nowrap;}
.submenu li:active{ background:#101010;}
.submenu li:active a{ color:#fff;}
body.open {
	right: 180px;
}
ul.side-menu {
	position: fixed;
	top: 0;
	right: -180px;
	width: 180px;
	height: 100%;
	background-color: #444;
	z-index: -1;
 -webkit-transition: right .3s;
 transition: right .3s;
}
ul.side-menu.open {
	right: 0;
}
ul.side-menu li {

	padding: 0 0 0 20px;
	text-align: left;
	line-height: 40px;
	border-bottom: 1px solid #555;
 -webkit-transition: top .3s;
 transition: top .3s;
}
ul.side-menu li.row {
	border: 0;
	position: static;
	top: 0;
	height: 0;
	-webkit-transition: none;
	transition: none;
}
ul.side-menu li a{ color:#ddd; /*display:block*/}
ul.side-menu li ul{ display:none}
ul.side-menu .link.on .sub{ display: block;}
ul.side-menu li ul li{ line-height:30px; border:none}
/*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*/
.logo{ width:60%; float:left;max-width: 100%; zoom:normal; padding-left:10px}
.logo img{ width:100%;}
/*Seach*/
#search{ padding:7px 10px; }
#search fieldset{ position:relative;}
#search input{ background-color:#fff; border-width:1px; border-style:solid; border-color:#acacac #c3c3c3 #d5d5d5 #9e9e9e; font-size:14px;  color:#7b7b7b; float:left; border-radius:2px;}
#search input[type=text]{ width:100%; height:28px;  box-shadow: inset 1px 1px 2px #ddd; 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:0; top:6px;background-size: 22px auto; border:none}
#search input[type=submit]:active{ background-position:center bottom;}
/*Footer*/
footer{ background:#0061AE; padding:5px 13px 60px; color:#CCDFEF; }
footer a{color:#fff;}
ul.footer_nav{ width:100%; padding:8px;}
ul.footer_nav li{ float:left; padding:0px 8px; border-left:solid 1px #fff; line-height:22px;line-height:100%;}
ul.footer_nav li:first-child{ padding-left:0px; border-left:none;}
ul.footer_nav li a{ color:#fff; }
footer .copyright{ display:block; padding:5px 0px; clear:both; line-height:26px}
.erweima { padding: 20px 40px; font-size: 16px; text-align: center;}
.lan img{ width:6%; vertical-align:middle; margin:12px 0}
.lan a{color:#9BB7DD; }
/*indexproducts*/
.index_product{}
.index_product h4{ line-height:44px; margin:0 16px;color:#333; border-bottom:#ddd solid 1px; font-size:16px}

.prolist{}
.prolist li{ width:48%; float:left; margin:0 1%; padding:8px 0; text-align:center}
.prolist li h3{ background:#0061AE; color:#fff; text-align:center; line-height:28px }
.prolist li img{ width:100%; height:148px}
.prolist a{ }
.prolist a:hover{ color:#f30;}
.prolist a.p1{  background:url(../images/p01.gif) no-repeat 0 0 #e1e1e3; }
.prolist a:hover.p1{  background:url(../images/p01.gif) no-repeat 0 bottom #e1e1e3; }
.prolist a.p2{  background:url(../images/p02.gif) no-repeat 0 0 #e1e1e3}
.prolist a:hover.p2{  background:url(../images/p02.gif) no-repeat 0 bottom #e1e1e3; }
.prolist a.p3{  background:url(../images/p03.gif) no-repeat 0 0 #e1e1e3;}
.prolist a:hover.p3{  background:url(../images/p03.gif) no-repeat 0 bottom #e1e1e3; }
.prolist a.p4{  background:url(../images/p04.gif) no-repeat 0 0 #e1e1e3; }
.prolist a:hover.p4{  background:url(../images/p04.gif) no-repeat 0 bottom #e1e1e3; }
/*Section*/
section#main{ display:inline-block; }
.block_module{ background:#fff; }
.block_module h2{ }
.paper_bh_white{  padding-bottom:8px;}
.content_container{ padding:2px 14px; display:block; color:#999}

/*products*/
.product{ }
.product li{ width: 46%;margin-left:2.5%;float: left;text-align: center;line-height: 18px;font-size: 12px; padding:5px 0}
.product li p{ padding:8px; background:#f6f6f6}
.product li a img {width:100%; height:148px}

.proinfo{ padding:5px;}
.get_price{background: #3F73DE;  border-radius: 3px;  display: inline-block;  line-height: 22px; color: #fff;  width: 72px;  text-align: center; font-size: 14px; margin: 8px 0; cursor: pointer; float:right}
.p_table{ border-left:#ddd solid 1px; border-top:#ddd solid 1px;}
.p_table td,.p_table th{ border-right:#ddd solid 1px; border-bottom:#ddd solid 1px; padding:2px}
.procontent{font-size:.4rem; line-height:.6rem}
.block_product{}
.block_product ul li{ width: 30%;margin-left: 2.5%;float: left;text-align: center;line-height: 18px;font-size: 14px; padding:5px 0}
.block_product ul li a img {width: 100%;-webkit-box-shadow: 0 2px 1px #c3c3c3;-moz-box-shadow: 0 2px 1px #c3c3c3;box-shadow: 0 2px 1px #c3c3c3;border-radius: 5px;}
.cons{ color:#333;line-height:44px; text-indent:16px; font-size:16px}
/*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:12px;}
section#main .hiring a.grey_bt_sml{ position:absolute; right:10px; bottom:0;}

/*Slideshow*/
#slideshow{ position:relative; margin-bottom:18px;}
#slideshow ul li{ list-style:none;}
/*Accordion*/
#accordion_menu{}
#accordion_menu h4{ line-height:44px; margin:0 16px;color:#333; border-bottom:#ddd solid 1px; font-size:16px}
#accordion_menu h4 span.arrow{ height:16px; width:15px; background:url(../images/accordion_arw.png) no-repeat center top; display:inline-block; float:right; cursor:pointer; margin:12px 12px 0 0}
#accordion_menu .ac_content{ padding:8px 16px; }
#accordion_menu .ac_content ul, #accordion_menu .ac_content ol{ list-style-position:inside;}
#accordion_menu .ac_content li{ padding:3px 0px;list-style:inside disc; color:#999}
#accordion_menu .ac_content li a{ color:#999}
#accordion_menu h4.ui-state-active{color:#333; }
#accordion_menu h4.ui-state-active span.arrow{ background-position:center -20px;}

/*Page*/
.page{ padding:10px;}
.page img{ width:100%}
.page iframe{-webkit-transform: scale(1.0);}
.page h2{ padding:6px 0px 8px; margin-bottom:8px; border-bottom:#eee solid 1px; font-size:16px; text-align:center}
.page a{ position:relative; display:block}
.page i{ background: url("../images/play.png") center center no-repeat;  height: 49px;  left:42%; position: absolute; top:38%; width: 49px;}
.page h4{ background:#eee; font-size:14px; line-height:24px; text-indent:4px; margin-bottom:6px}
.piclist { padding: 10px 0 0 0;}
.piclist li{ background:#f8f8f8; border:#ddd solid 1px;float:left; padding:6px; width:42%; margin:6px; display:inline;border-radius:10px}
.piclist li img{ padding:0px;}
.piclist li .t{ line-height:20px; text-align:center}

.news_block{}
.news_block li{ border-bottom:#ddd solid 1px; position:relative; list-style:disc inside; line-height:34px}
.news_block li span{position: absolute;right: 0;top: 2px;color: #999;}
.news_block li a.d1 {
    float: right;
    border: #ccc solid 1px;
    line-height: 24px;
    padding: 0 8px;
    margin: 4px;
    border-radius: 3px;
}
.price{ text-indent:10px;}
.price span{ font-size:18px; color:#F30}
.anli_p { margin:10px 0;}
.anli_p li{float: left; padding: 0 14px; border:#eee solid 2px;margin:5px 8px;border-radius: 5px;}
.anli_t { margin:15px 0;}
.anli_t li{ background:#f6f6f6 ;float: left; padding: 0 20px; line-height:28px; margin:5px;border-radius: 5px; color:#888;word-break:keep-all;word-wrap:normal;}
/*Blog*/
.blog h2{ margin-bottom:0px;}
.blog h2 a{ text-decoration:none; }
.blog h2{ font-size:16px; text-align:center}
.blog img{ width:100%;}
.blog p{ padding:10px;}
.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{ 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;
}
nav{position: fixed;
    bottom: 0px;
    width: 100%;}
nav li {
    width: 25%;
	height:60px; text-align:center; background:#eee;
    float: left;
	line-height:14px;
	font-size:14px;

}
nav li.cur{ background:#0061AE}
nav li.cur a{ color:#fff;}
nav li i{ display:block; margin:0 auto; margin-top:1vw;}

.faqbox{background:#fff;font-size:14px;display:none}
.faqbox .faq_title{ padding:10px;font-size:14px;}
.faqbox .faqline{ line-height:2em; height:32px; text-align:left}
.faqbox .faqline .faqtit{ width:30%; display:block; float:left; clear:both; text-align:right}
.faqbox .faqline input{font-size:14px;}
.faqbox .Content{ line-height:2em; height:120px; text-align:left}
.faqbox .Content  .faqtit{  width:70px; display:block; float:left; clear:both; text-align:right}
.faqbox .Content textarea { height:100px;}
.faqbox .checkimg{ width:10%}