*{margin:0;padding:0;}
body{line-height:22px;color:#333;font:14px '微软雅黑','Arial'; background-color: #999999;}
ul,ol,dl{list-style:none;}
li{padding:0;margin:0;}
h2{font:14px '宋体';font-weight:bold; color:#fff !important; font-family:clear:both; background:#855707;margin:0; text-shadow: 0 1px 0 #855707; height:30px; line-height:30px; padding-left:10px;}
h2 a { color:#fff; text-decoration:none; float:right;margin-right:0.5em;}
h1{ font:14px '宋体';font-weight:bold; color:#fff}
img{vertical-align:middle;border:0;}
a{cursor:pointer;color:#333;text-decoration:none;}
a:hover{ text-decoration:none;}
.dis_inB{display:inline-block;*display:inline;*zoom:1;vertical-align:top;letter-spacing:normal;font-size:14px;}
.float_l{float:left;}
.float_r{float:right;}
.clearfix:after{display:block;content:'clear';clear:both;line-height:0;visibility:hidden;}
.clearfix{*zoom:1;}
.clear{clear:both;}
.text_c{text-align:center;}
.text_l{text-align:left;}
.text_r{text-align:right;}
.align-left {float:left;}
.align-center {	margin-left:auto;margin-right:auto;}
.align-right {float:right;}
.mar_t{margin-top:10px;}
.mar_r{margin-right:10px;}
.mar_l{margin-left:10px;}
.mar_b{margin-bottom:10px; }
.padd{padding:10px;}
.border{ border:#ccc solid 1px;}
.bor{border:1px solid #eeeeed;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px;position:relative;z-index:4;behavior:url(images/PIE.htc);}
.jqm-header,.foot_lj{max-width:100%; margin:0 auto; }

/* 头部 */
.jqm-header{ padding-top:20px;}
	/* Logo */
	.jqm-header h1.jqm-logo {font-size: 14px;margin:0.1em 0 0.1em 0%; text-align:center;}

/* 导航 */
.navbar,.navbar ul{ margin:0 auto; max-width:100%;}
	.navbar ul{ margin:0 auto; max-width:100%; overflow:hidden;  background-color:#855707; }
	.navbar ul li{ width:25%; float:left; text-align:center; }
	.navbar ul li a{font:14px "宋体"; font-weight:normal; display:block; color:#fff; padding:10px 0px;border:#999999 solid 1px;  }
	.navbar ul li a:hover,.navbar a.current{ background-color:#855707; color:#999999; text-shadow: 0 1px 0 #999999;}



.tel{ padding:0px 10px 4px 0px;}
	.tel span{ background:url(../images/tel.png) no-repeat left center; font:18px "微软雅黑"; color:#fcfcfc; display:block; padding:13px 0px 2px 25px;}
	.tel span a,.tel span a:hover{ color:#fff;}
	
/* 内容区 */
.jqm-content{ padding:0px; overflow:hidden; background:#FFF;}
/* 简介 */
.pic{ width:6px;height:13px;background:url(../images/sprite.png);background-repeat: no-repeat; background-position: 0 -50px;text-indent:-999em; margin-top:7px; margin-right:10px; }
.bg{ background:#fff; padding:10px; line-height:22px;}
.bg1{ background-color:#fff; padding:10px 0px; line-height:22px; float:left;width:100%; margin:0 auto;}
/* 最新产品 */
.product3{ width:100%; margin:0 auto;text-align:center; vertical-align:middle;}
.product3 li{float:left;margin:0 6.5%;line-height:25px;text-align:center;margin-top:5px;text-align:center;overflow:hidden; }
	.product3 li .img_box{display:block; border:#ccc solid 1px; padding:1px; }
	.product3 li a img{ overflow:hidden; vertical-align:middle;width:100px;height:100px;}

/*产品分类*/
.teacher_list .women_box{padding:0px;}
	.teacher_list .women_box li{ border-bottom:#ccc solid 1px; padding:10px 0 5px;max-height:153px;overflow:hidden;}
		.women_list{float:left;width:100px;}
		.flmc{ color:#333; font-size:16px;}
		.ejfl a{ color:#999; font-size:14px;}
			.women_list img{width:100px;height:141px;border:1px solid #cecece;padding:1px;}
			.women_box a:hover img{ border:#ff6901 solid 1px;}
		.teacher_list .women_box li div{float:left;font-size:14px;color:#000;line-height:30px; margin-left:15px; width:53%;}
		.teacher_list .women_box li p{color:#575757;float:right;line-height:20px;height:120px;overflow:hidden;}
	.jianju_l{padding-left:10px;}
.pic1{ width:6px;height:13px !important;background:url(../images/sprite.png);background-repeat: no-repeat; background-position: 0 -80px;text-indent:-999em; margin-top:55px; margin-right:14px; vertical-align:middle; }

/*最新资讯*/
	.news ul{ }
	.news li{ height:26px; line-height:26px; background-color:#ff0000; margin-bottom:0.2em;margin-right:0.2em;width:auto;float:left;}
    .news li a{ color:#ffffff;}
    .news li a:hover{ color:#D4CECE;}

.pic2{ width:6px;height:13px;background:url(../images/sprite.png);background-repeat: no-repeat; background-position: 0 -80px;text-indent:-999em; margin-top:8px; margin-right:12px; vertical-align:middle; }
    .promore {width:100px;height:40px;background-color: #DA0C0C;line-height:40px;margin:0 auto;}
   
    .promore a {color:#ffffff;}
    .promore a:hover {color:#333333;}

/*底部版权*/
.footer{ background-color:#c8dae9; line-height:23px; min-height:50px; margin-bottom:48px; padding-top:12px; padding-bottom:12px; text-align:center;}

/*底部快速链接*/
	.ditu{background:url(../images/nav1.png) no-repeat;text-indent:-999em; height:28px; margin:4px auto; display:block;}
#BottomNav {
background-image: -webkit-gradient(linear, left top, left bottom, from( #0065bc ), to( #014c8d )); 
	background-image: -webkit-linear-gradient( #0065bc , #014c8d ); 
	background-image:    -moz-linear-gradient( #0065bc , #014c8d ); 
	background-image:     -ms-linear-gradient( #0065bc , #014c8d ); 
	background-image:      -o-linear-gradient( #0065bc , #014c8d ); 
z-index: 999;position: fixed;bottom: 0;left: 0;width: 100%;_position: absolute;_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);overflow: visible;}
	#BottomNav li{ width:20%; float:left; text-align:center;}
	#BottomNav li a {  color:#fff; font:14px "微软雅黑"; padding:0px 10px;  display:block;}
	#BottomNav .ico1a{width:19px;height:19px; background-position: -190px 0px;}
	#BottomNav .ico2a{width:21px;height:19px; background-position: -217px 0px;}
	#BottomNav .ico3a{width:19px;height:19px;background-position: -246px 0px;}
	#BottomNav .ico4a{width:16px;height:19px; background-position: -272px 0px;}
	#BottomNav .ico5a{width:19px;height:19px; background-position: -294px 0px;}
	#goTopBtn {
	POSITION: fixed; TEXT-ALIGN: center; LINE-HEIGHT: 30px; WIDTH: 30px; BOTTOM: 35px; HEIGHT: 33px; FONT-SIZE: 12px; CURSOR: pointer; RIGHT: 0px; _position: absolute; _right: auto
}
/*内页*/

.z3g-pageTitle {
	height: 29px;
	line-height: 29px;
	background: #c8dae9;
	padding-left: 10px;
	border-bottom: 1px solid #9aa8b3;
}
.z3g-pageTitle .name {
	max-width: 170px;
	height: 29px;
	line-height: 30px;
	float: left;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	color:#000;
	font-weight:normal;
	font:14px '微软雅黑',
}
 .name1 {
	max-width: 170px;
	height: 29px;
	line-height: 30px;
	float: right;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
	color:#000;
	font-weight:normal;
}

/*新闻页面*/
	.xinw_list{ width:100%; margin:0 auto;}
.xinw_box{ width:100%;}
	.xinw_box li{ border-bottom:#ccc solid 1px; padding:10px 0 5px;max-height:153px;overflow:hidden;}
	
		.flmc{ color:#333; font-size:16px;}
		.ejfl a{ color:#999; font-size:14px;}
		.flmc a:hover{ color:#900; font-size:16px;}
		 .xinw_box li div{float:left;font-size:14px;color:#000;line-height:30px; margin-left:15px; width:90%;}
		 .xinw_box li p{color:#575757;float:right;line-height:20px;height:120px;overflow:hidden;}

.pic3{ width:6px;height:13px !important;background:url(../images/sprite.png);background-repeat: no-repeat; background-position: 0 -80px;text-indent:-999em; margin-top:21px; margin-right:14px; vertical-align:middle; }

/*留言*/
.message li{margin-top:5px;padding:0 10px; font-size:14px;}
.message li input{color:#999;border:1px solid #ccc;}
	.textbox{height:30px;line-height:30px;padding:0 10px;}
	.message li textarea{color:#999;height:100px;width:98%;}
.but{width:48%;height:30px;border:none; cursor:pointer;margin:0 2px;}
	.submit{background:#fe9400;color:#fff !important;}
	.reset{background:#e2e2e2;}
/*产品分类*/
.profl{ width:100%; margin:0 auto; padding-top:10px; background-color:#fff;}
.profl li{ width:33.29%; float:left; text-align:center; background-color:#fff; }
	.profl li a {  color:#000; font:14px "宋体"; line-height:30px; margin:1px; display:block;background-color:#c8dae9; }
	.profl li.currentaa a,.profl li a:hover{  color:#fff; font:14px "宋体"; line-height:30px;  display:block; background-color:#007ac8;}


/*分页*/
	.butnext{  width:40px;height:19px;background:url(../images/sprite.png);background-repeat: no-repeat; background-position: 0 -160px;text-indent:-999em; }
	.butnext span{ color:#000; border:#9000 solid 1px;}
/*新闻详细页*/
.newslist h3 { text-align:center; color:#1C519F;}
.title {text-align:center;height:35px;line-height:35px; font-size:14px;  }
.title span {margin-right:10px; color:#999999;}
.title a {padding:0px 5px; color:#999999;}
.newslist .k { background-color:#F3F3F3; font-size:14px; color:#333; padding:10px; border:1px solid #E4E4E4; margin-top:10px;}
.newslist .k small { line-height:22px; font-size:14px; }
.newslist .m {padding:10px; line-height:22px; font-size:14px;}
/*详细页*/
.detailed h5{font-weight:bold;text-align:center;font-size:20px;color:#111;}
.detailed p{text-indent:2em;line-height:25px;}
.fanye{color:#000;line-height:20px;margin:20px 0;}
.fanye a{color:#900;}
.fanye a:hover{text-decoration:underline;}
/*相关资讯*/
.xgzz,.xgcp{ padding-top:20px; width:100%}
	.xgzz p,.xgcp p{ font:13px "宋体"; border-bottom:#ccc dotted 1px; line-height:28px;  color: #2489CE; font-weight:bold;}
	.xgzz1,.xgzz2{ width:50%; float:left;}
	.xgzz1 ul li a,.xgzz2 ul li a{font:12px "宋体"; line-height:22px; color:#999 !important; font-weight:normal !important; text-decoration:none;}
	.xgcp_xx{ text-align:center;}
	.xgcp_xx a{ padding:5px 2%; float:left;}
	
	
.abouts img{float:left; margin-right:10px;}
.product{ background:#FFF; padding-top:10px;}
.product li{float:left;width:50%;text-align:center;overflow:hidden;}
.product li a{display:block; line-height:30px;}
	.product li img{width:125px;height:auto;}
	
.post-nav{text-align:center; font-size:14px; padding-top:10px; padding-bottom:10px; background:#FFF}
.post-nav ul li{border:none;display:inline-block;margin:5px 0 0 5px;}

.more {background-color:#cccccc; padding:5px; font:14px "微软雅黑"; color:#fff; text-align:center; margin-top:5px; overflow:hidden}
.more a {color:#fff;}

.btyc{display:block; height:28px; line-height:28px; overflow:hidden;}

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {  display: block;}
audio,canvas,progress,video {  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],template {  display: none;}
a {  background-color: transparent;}
a:active,a:hover {  outline: 0;}
abbr[title] {  border-bottom: 1px dotted;}
b,strong {  font-weight: bold;}
dfn {  font-style: italic;}
h1 {  font-size: 2em;  margin: 0.67em 0;}
mark {  background: #ff0;  color: #000;}
small {  font-size: 80%;}
sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}
sup {  top: -0.5em;}
sub {  bottom: -0.25em;}
img {  border: 0;}
svg:not(:root) {  overflow: hidden;}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}
button[disabled],html input[disabled] {  cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner {  border: 0;  padding: 0;}
input {  line-height: normal;}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {  border: 1px solid #c0c0c0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;}
legend {  border: 0; /* 1 */
  padding: 0; /* 2 */
}
textarea {  overflow: auto;}
optgroup {  font-weight: bold;}

td,th {  padding: 0;}



table{border-collapse:collapse;border-spacing:0;}
img{border:0}
ul{list-style:none;}

input,textarea,select,option,button{font-family: "microsoft yahei";}
.clear{ clear:both;}
a{text-decoration:none;outline: none;}
a,button,input,textarea,select{-webkit-tap-highlight-color:rgba(255,0,0,0); -webkit-appearance: none;}/* 1.去除android a/button/input标签被点击时产生的边框 2.去除ios a标签被点击时产生的半透明灰色背景 */

textarea{resize:none;}/*禁止改变大小*/
/*解决firefox按钮文字难以垂直居中问题*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{
	border:none;padding:0;
}
input,textarea,select,option,button,form,fieldset{margin:0;padding:0;border-width:1px;outline:none;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-o-box-sizing: content-box;
-ms-box-sizing: content-box;
box-sizing: content-box;
}


html{font-size:10px}
@media screen and (min-width:321px) and (max-width:375px){html{font-size:11px}}
@media screen and (min-width:376px) and (max-width:414px){html{font-size:12px}}
@media screen and (min-width:415px) and (max-width:639px){html{font-size:15px}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:20px}}
@media screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px}}
@media screen and (min-width:750px) and (max-width:799px){html{font-size:23.5px}}
@media screen and (min-width:800px){html{font-size:25px}}



/*瀑布流开始*/
.wall {
  display: block;
  position: relative;
}
.wall-column {
  display: block;
  position: relative;
  width: 50%;
  float: left;
  padding: 0 2%;
  box-sizing: border-box;
}
.article {
  display: block;
  margin: 0 0 4% 0;
  padding: 5%;
  background: white;
  border-radius: 3px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  transition: all 100;
  overflow: hidden;
  position: relative;
}
.article:hover{ transform: scale(1.01);}
.article img {
  display: block;
  width: 100%;
  margin: 0 0 5% 0;
}
.article a{ color: #666;}
.article p{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%; font-size: 1.2em; line-height: 1.5;}
.article small{ font-size: 1em; color: #ff0000; line-height: 1.5;}
.article input{ width: 20%; padding: 0.6em; border-radius: 0.4em; font-size: 1.1em; z-index: 100; background-color: #f60; border: none; position: absolute; bottom: 3%; right: 5%; color: #fff; box-shadow: 0 0 7px #d7d7d7;}
/*瀑布流结束*/
.wrapper h3{ text-align: center; margin:0 20%; white-space: nowrap; text-overflow: ellipsis; font-weight:normal; color: #333; overflow: hidden;  font-size: 1.5em; padding: 0.7em 0;}
.wrapper h4{ width: 90%; margin:0 5%; text-align: justify; font-weight:normal; color: #999;  font-size: 1.2em; margin-bottom: 3%; line-height:1.5; }

       /*banner*/
		ul,ol{margin:0;padding:0}
		nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0}
		img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}
		@media only screen and (min-width: 768px) and (max-width: 959px){img{ max-width:100%}
		}
		@media only screen and (max-width: 767px){img{ max-width:100%}
		}
		figure,form,fieldset{border:0;margin:0;padding:0; width:100%;}
		label{cursor:pointer}
		legend{border:0;*margin-left:-7px;padding:0}
		button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
		button,input{line-height:normal}
		button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}
		input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
		input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
		input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
		button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
		article{padding:0 20px;margin:0 auto;max-width:720px;overflow:hidden}
		article small{font-size:.9em;font-family:proxima-nova,sans-serif;margin:0 0 1.5em;display:block;text-align:center}
		button,input,select,textarea{font-family:ff-meta-serif-web-pro,serif;color:#3f3f3f;margin:0;font-size:1em;line-height:1.4}
		header a:hover,a:focus,a:active,a:visited:hover,a:visited:focus,a:visited:active{outline:0;text-decoration:underline}
		header a.alt,a:visited.alt{color:#8c9397}
		blockquote{font-style:italic;font-weight:300;font-size:19px;font-family:museo-slab;margin:1.2em 0 1.7em 1.5em;color:#a6a9ab}
		pre.code,.preview{margin:1.2em 0 2em;border:1px solid;border-color:#cdd2d6 #bfc6cb #b3bbc1 #bfc6cb;border-radius:2px;position:relative;box-shadow:0 1px 1px rgba(0,0,0,.08)}
		.two-column pre.code.preview,.two-column .preview.preview{margin-right:20px}
		pre.code label,.preview label{font-family:sans-serif;font-weight:700;font-size:13px;color:#4b555c;position:absolute;left:1px;top:16px;text-align:center;width:60px}
		pre.code code,.preview code{font-family:"Inconsolata","Monaco","Consolas","Andale Mono","Bitstream Vera Sans Mono","Courier New",Courier,monospace;display:block;margin:0 0 0 60px;padding:15px 16px 14px;border-left:1px #e5eaee solid;overflow-x:auto;font-size:13px;line-height:19px;color:#333}
		pre.code.code-css code,.preview.code-css code{color:#d84400}
		pre.code.code-html code,.preview.code-html code{color:#4576d5}
		[data-zoom]:after{content:attr(data-zoom);color:#ddd;font-family:proxima-nova,sans-serif;font-size:15px;font-weight:700;position:absolute;top:10px;left:12px;text-transform:uppercase}
		.button,.button:active,.button:visited{border-left: 1px solid #97a2a4;
	border-right: 1px solid #97a2a4;
	margin: 0;
	padding: 13px 30px 12px;
	border-radius:4px;	display:inline-block;	vertical-align:top;	color:#494f50!important;	text-decoration:none!important;	border-top:1px #a4b0b4 solid;	border-bottom:1px #8f9698 solid;	box-shadow:0 1px 0 rgba(0,0,0,.05),inset 0 1px 0 white;	background-color:#ececec;	font-size: 17px;
	font-weight: 700;
	text-shadow: 0 1px 0 white;
	font-family: proxima-nova;
	text-transform: none;
	letter-spacing: 0;
	background-image: linear,top,#f9f9f9,#e0e0e0;
}
		.button:hover,.button:active:hover,.button:visited:hover{text-decoration:none}
		.dark{/*background-color:#f0f0f0*/}
		.dark header a,.dark header a:visited{color:#2b2e30;font-weight:700}
		.dark header a:hover,.dark header a:visited:hover{color:#43484b}
		.dark header a.logo,.dark header a:visited.logo{background:#373b3e;color:#f0f0f0}
		.dark header a.logo:hover,.dark header a:visited.logo:hover{background:#4f5559}
		.dark article h1{color:#fff}
		.dark article img{margin:0 0 4em;box-shadow:0 1px 3px black;border-radius:4px;max-width:100%}
		.dark footer a{color:#2b2e30!important;font-weight:700}
		.dark footer a:hover{color:#43484b!important}
		.page-swipe header{*/background-color:#f0f0f0;*/padding:0;}
		.page-swipe header a,.page-swipe header a:visited{}
		.page-swipe header a:hover,.page-swipe header a:visited:hover{color:#43484b}
		.page-swipe header a.logo,.page-swipe header a:visited.logo{background:#373b3e;color:#f0f0f0}
		.page-swipe header a.logo:hover,.page-swipe header a:visited.logo:hover{background:#4f5559}
		@media only screen and (max-width: 767px){.page-swipe header{ padding:0 0}
		}
		.page-swipe header #slider{max-height:395px;margin-top:0px}
		@media only screen and (max-width: 767px){.page-swipe header #slider{ margin-top:0}
		}
		.page-swipe header #slider figure{display:block}
		.page-swipe header #slider figure div.wrap{max-width:100%;height:360px;display:block;margin:0px auto 0px;position:relative}
		@media only screen and (max-width: 767px){.page-swipe header #slider figure div.wrap{ max-width:480px;height:140px;}
		}
		.page-swipe header #slider figure div.image{display:block; margin:0px;height:inherit}
		.page-swipe header #slider figure a{text-transform:none;font-weight:400;letter-spacing:0;position:absolute;bottom:10px;right:20px;font-size:12px;color:#fff;background:#000;padding:2px 0px;border-radius:3px;opacity:.45;font-family:franklin-gothic-urw,sans-serif}
		.page-swipe header #slider figure a:hover{opacity:.85;text-decoration:none}
		.page-swipe header nav{position: relative; max-width:680px;margin:0px auto 0; padding:0; }
		.page-swipe header nav a{font-style:normal;color:#555!important}
		.page-swipe header nav #position{text-align:center;list-style:none;margin:0;padding:0; }
		.page-swipe header nav #position li{display:inline-block;width:6px;height:6px; border-radius:6px;background:#ccc;margin:0 2px;cursor:pointer}
		.page-swipe header nav #position li.on{box-shadow:inset 0 1px 3px -1px #28b4ea,0 1px 2px rgba(0,0,0,.5);background-color:#1293dc;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1293dc),color-stop(100%,#0f6297));background-image:-webkit-linear-gradient(top,#1293dc,#0f6297);background-image:-moz-linear-gradient(top,#1293dc,#0f6297);background-image:-ms-linear-gradient(top,#1293dc,#0f6297);background-image:-o-linear-gradient(top,#1293dc,#0f6297);background-image:linear-gradient(top,#1293dc,#0f6297)}
		.page-swipe article{text-align:center;padding-bottom:60px}
		@media only screen and (max-width: 767px){.page-swipe article{ padding-left:10px;padding-right:10px}
		}
		.page-swipe article h1{font-size:36px;margin:35px 0 10px;line-height:1.1em}
		@media only screen and (max-width: 767px){.page-swipe article h1{ margin-top:20px;font-size:32px}
		}
		.page-swipe article h2{color:#14a8e5;font-size:17px;margin:0}
		.page-swipe article h2 span{margin:0 6px}
		.page-swipe article h3{color:#929a9f;font-size:16px}
		.page-swipe article .twitter{margin:20px 0 20px 8px;padding-bottom:50px;text-align:center}
		.page-swipe article .twitter iframe{margin:0 10px;max-width:273px}
		.page-swipe article .whos-using{margin:18px 0 80px;list-style:none;font-size:0}
		.page-swipe article .whos-using li{display:inline-block;width:170px;height:140px;text-indent:-999em;background-size:170px 140px;background-position:center;background-repeat:no-repeat}
		@media only screen and (max-width: 470px){.page-swipe article .whos-using li{ display:block;width:auto!important;height:120px}
		}
		.page-swipe article #twitter-widget-2,.page-swipe article #twitter-widget-3,.page-swipe article #twitter-widget-4,.page-swipe article #twitter-widget-5{display:inline-block!important;max-width:320px!important;vertical-align:top!important;margin:12px!important;width:auto!important;border-radius:4px!important;box-shadow:0 1px 1px rgba(0,0,0,.05)!important}
		@media only screen and (max-width: 767px){.page-swipe article #twitter-widget-2,.page-swipe article #twitter-widget-3,.page-swipe article #twitter-widget-4,.page-swipe article #twitter-widget-5{ margin-left:0!important;margin-right:0!important}
		}
		.page-swipe footer a{color:#2b2e30!important;font-weight:700}
		.page-swipe footer a:hover{color:#43484b!important}
		.page-swipe footer .button,.page-swipe footer .button:active,.page-swipe footer .button:visited{color:#4c565a!important;border:0;box-shadow:0 1px 1px rgba(0,0,0,.65),inset 0 1px 2px -1px rgba(255,255,255,.2);background-color:#252829;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#252829),color-stop(100%,#1e2021));background-image:-webkit-linear-gradient(top,#252829,#1e2021);background-image:-moz-linear-gradient(top,#252829,#1e2021);background-image:-ms-linear-gradient(top,#252829,#1e2021);background-image:-o-linear-gradient(top,#252829,#1e2021);background-image:linear-gradient(top,#252829,#1e2021);text-shadow:0 -1px 0 rgba(0,0,0,.35);margin-bottom:25px}
		.post-together header{background-color:#1b1818; background-size:cover;background-position:center;background-repeat:no-repeat;margin-bottom:50px;height:543px;position:relative}
		@media only screen and (max-width: 767px){.post-together header{ height:400px;margin-bottom:30px}
		}
		.post-together header a,.post-together header a:visited{color:rgba(255,255,255,.65);font-weight:700;-webkit-font-smoothing:antialiased}
		.post-together header a:hover,.post-together header a:visited:hover{color:#fff}
		.post-together header a.logo,.post-together header a:visited.logo{background:#fc6d60;color:#fff;color:rgba(255,255,255,.9)}
		.post-together header a.logo:hover,.post-together header a:visited.logo:hover{background:#fc6d60}
		.post-together header h1{color:#fff;margin-top:216px;font-size:45px;-webkit-font-smoothing:antialiased;padding-left:20px;padding-right:20px}
		@media only screen and (max-width: 767px){.post-together header h1{ margin-top:120px;font-size:36px}
		}
		.post-together header h6{color:#fc6d60;font-size:21px;margin-top:.4em;font-style:normal;-webkit-font-smoothing:antialiased}
		@media only screen and (max-width: 767px){.post-together header h6{ font-size:18px}
		}
		.post-together header .photo-by{position:absolute;bottom:0;left:0;right:0;color:rgba(255,255,255,.6);font-size:12px;font-weight:400;font-family:proxima-nova,sans-serif;font-weight:700;-webkit-font-smoothing:antialiased}
		.post-together header .photo-by a,.post-together header .photo-by a:visited{padding:0;color:rgba(255,255,255,.6);text-transform:none;letter-spacing:0;vertical-align:top;font-weight:700;-webkit-font-smoothing:antialiased}
		.post-together header .photo-by a:hover,.post-together header .photo-by a:visited:hover{color:#fff}
		.post-together article a{color:#fc6d60}
		.post-together article small a{color:#1a8dc4}
		.post-together article h2{color:#1a8dc4}
		.post-tech-together header{background-color:#2c3c8f;margin-bottom:50px;height:543px;position:relative}
		@media only screen and (max-width: 767px){.post-tech-together header{ height:400px;margin-bottom:30px}
		}
		.post-tech-together header a,.post-tech-together header a:visited{color:#4a83c5;font-weight:700}
		.post-tech-together header a:hover,.post-tech-together header a:visited:hover{color:#fff}
		.post-tech-together header a.logo,.post-tech-together header a:visited.logo{background:#4a83c5;color:#2c3c8f}
		.post-tech-together header a.logo:hover,.post-tech-together header a:visited.logo:hover{background:#fff}
		.post-tech-together header h1{margin-top:106px;font-size:45px;font-family:"katarine-web",sans-serif;text-transform:uppercase;-webkit-font-smoothing:antialiased;padding-left:20px;padding-right:20px;text-align:center;letter-spacing:3px;color:#4a83c5}
		.post-tech-together header h1 span{display:block;font-size:154px;font-weight:700;text-transform:none;margin-top:-30px;margin-bottom:10px;color:#fff;letter-spacing:0;position:relative;z-index:1;text-shadow:0 0 0 #d9d9d9,0 1px 0 silver,0 2px 0 #a8a8a8,0 3px 0 #909090,0 4px 3px rgba(0,0,0,.1),0 4px 1px rgba(0,0,0,.5),0 0 3px rgba(0,0,0,.2)}
		@media only screen and (max-width: 767px){.post-tech-together header h1{ margin-top:70px;font-size:26px}
		.post-tech-together header h1 span{font-size:110px;margin-top:-20px}
		}
		@media only screen and (max-width: 560px){.post-tech-together header{ height:300px}
		.post-tech-together header h1{margin-top:40px;font-size:22px}
		.post-tech-together header h1 span{font-size:90px;margin-top:-20px}
		}
		@media only screen and (max-width: 470px){.post-tech-together header{ height:280px}
		.post-tech-together header h1{margin-top:35px;font-size:24px}
		.post-tech-together header h1 span{margin-top:-5px;font-size:60px;margin-bottom:15px}
		}
		.post-tech-together header h6{color:#fc6d60;font-size:21px;margin-top:.4em;font-style:normal;-webkit-font-smoothing:antialiased}
		@media only screen and (max-width: 767px){.post-tech-together header h6{ font-size:18px}
		}
		.post-tech-together header h6 a,.post-tech-together header h6 a:visited{padding:0;color:rgba(255,255,255,.6);text-transform:none;letter-spacing:0;vertical-align:top;font-weight:700;-webkit-font-smoothing:antialiased}
		.post-tech-together header h6 a:hover,.post-tech-together header h6 a:visited:hover{color:#fff}
		.post-tech-together article p{font-family:"proxima-nova",sans-serif;font-size:1.2em}
		.post-tech-together article a{color:#fc6d60}
		.post-tech-together article h2{color:#4a83c5;font-family:"katarine-web",sans-serif;font-size:30px;margin-bottom:.3em}
		header{text-align:center;padding:30px 0 30px}
		header a,header a:visited{text-decoration:none;letter-spacing:1px;text-transform:uppercase;display:inline-block;vertical-align:middle;padding:7px 0px 5px 3px; font-weight:normal}
		header a:hover,header a:visited:hover{color:#8c9397;text-decoration:none}
		header a.logo,header a:visited.logo{font-family:ddt,sans-serif;color:#fff;font-size:24px;line-height:28px;padding:8px 13px 7px;border-radius:25px;background:#14a8e5;letter-spacing:0}
		.stories{margin-top:50px}
		.stories a{display:block;padding:20px 0;text-decoration:none}
		.stories a span{font-family:proxima-nova,sans-serif;font-size:23px;color:#272727;font-weight:600;display:block}
		.stories a em{display:block;color:#8c9397;font-family:museo-slab,serif}
		.stories a:hover span{color:#14a8e5;text-decoration:underline}
		.three-column{display:inline-block;vertical-align:top;width:210px;margin:0 0 3em}
		.qr-button{text-align:center}
		.qr-button .button{font-size:14px;padding:11px 18px;border-radius:3px}
		.qr{margin:1.2em 0;border:1px solid;border-color:#cdd2d6 #bfc6cb #b3bbc1 #bfc6cb;border-radius:2px;box-shadow:0 1px 1px rgba(0,0,0,.08)}
		.tweet-button{text-align:center;margin:30px 0 0}
		.tweet-button .fb-like{top:-4px;position:relative}

		/* Swipe 2 required styles */
		.swipe {
		  overflow: hidden;
		  visibility: hidden;
		  position: relative;
		}
		.swipe-wrap {
		  overflow: hidden;
		  position: relative;
		}
		.swipe-wrap > figure {
		  float:left;
		  width:100%;
		  position: relative;
		}

        .bottom {
    width: 100%;
    float: left;
    height: 62px;
    position: fixed;
    bottom: 0px;
    text-align: center;
    z-index: 9999999;
}
        .bottom .beian {
    width: 100%;
    height: 35px;
    background: #855707;
    float: left;
    color: #FFF;
    line-height: 35px;
}
        .bottom ul {
    width: 100%;
    height: 62px;
    background: url(../images/bottom_bg.jpg) repeat-x;
    float: left;
}


            .bottom ul li{width:50%;float:left;
            }
            .bottom a {color: #FFF;
            }

		/* END required styles */
		/*banner and*/
		