body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5 Tahoma,'Microsoft Yahei',"微软雅黑",'Simsun';}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol{list-style:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none;color:#000;outline:0;blr:expression(this.onFocus=this.blur());}
a:hover{color:#06C;}
a,label,:focus{outline:0 none;}
.mt10{margin-top:10px!important;}
.mt20{margin-top:20px!important;}
.mb10{margin-bottom:10px!important;}
.mr10{margin-right:10px!important;}
.mr_23{ margin-right:23px!important}
.mtb25 {
margin: 25px 0;
}
/**, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
*/.clear:after,.ltClear:after,.clearfix:after,.clrfix:after{content:'\20';display:block;height:0;clear:both}
.clear,.ltClear,.clearfix,.clrfix{*zoom:1}
.fl{float:left}
.fr{float:right}
.Arial{font-family:Arial}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{display:block;margin:0;padding:0}
mark{background:#ff0}
dfn,dfn i,dfn em,samp,samp i,.price,i{font-family:arial,sans-serif;font-style:normal;}
.f32{font-size:32px;}
.f22{font-size:22px;}
.block{display:block;}
.wrapper{width: 980px;margin:0 auto; }
.wrapper2{width: 1190px;margin:0 auto; }
.text_center{text-align:center;}
.fixed{position:fixed;top:0;z-index:10000;}


.rDialog {
    position: fixed;
    _position: absolute;
}
.rDialog-wrap {
line-height: 24px;
border-radius: 5px;
background: rgba(0,0,0,.7);
background:#000\9;
padding: 10px 15px;
color: #fff;
text-align: center;
word-break: break-all;
}
.rDialog-header-load {
	text-align: center;
	background: url("../img/alert-loading.gif");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 100%;
	width: 50px;
	height: 53px;
	margin: auto;
}
.rDialog-header-alert,.rDialog-header-ok {
	text-align: center;
	background: url("../img/alert-icons.png");
	background-repeat: no-repeat;
	background-size: 100%;
	width: 50px;
	height: 53px;
	margin: auto;
}
.rDialog-header-alert{
	background-position: 0 -53px;
	display: none;
}
.rDialog-header-ok {
	background-position: 0 0;
}
.rDialog-content {

    color: #FFF;
    font-size: 14px;
    overflow: hidden;
    text-align: center;
}
.rDialog-footer {
    }
.rDialog-footer a {
    display: inline-block;
font-size: 15px;
width: 40%;
padding: 4%;
margin: 5% 4% 5% 0;
text-align: center;
}
.rDialog-footer a:last-child{margin-right: 0}
.rDialog-footer a: link, .rDialog-footer a: visited, .rDialog-footer a: hover {
    color: #fff;
    text-decoration: none;
}
.rDialog-ok,.rDialog-ok:hover {
    color: #fff;
border-color: #f0a16c #ce7438 #b3500e;
background: #f60;
}
.rDialog-cancel,.rDialog-cancel:hover  {
    background: #dfdfdf;

    color: #333;
}
.rDialog-mask {
    position: fixed;
    _position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    background:#000\9;
    filter: alpha(opacity=50);
}





 html {
width: 100%;
height: 100%;
}
body{
	height: 100%;
	  overflow-x: hidden;
}
#loading {
position: fixed;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 9999;
margin: 0 auto;
overflow: hidden;
background: #fff;
background-size: cover;
clip: rect(0px 2560px 2000px 0);

}
#loading.movetop{
	-webkit-animation: preload-layer 1.2s cubic-bezier(0.77,0,0.175,1) both;
-moz-animation: preload-layer 1.2s cubic-bezier(0.77,0,0.175,1) both;
animation: preload-layer 1.2s cubic-bezier(0.77,0,0.175,1) both;
display: none\9;
}
@-moz-keyframes preload-layer{
	0%{visibility:visible;clip:rect(0px 2560px 1400px 0)}
	60%{visibility:visible;clip:rect(0px 2560px 1400px 0)}
	100%{visibility:hidden;clip:rect(0px 2560px 0px 0)}
	}
@-webkit-keyframes preload-layer{
	0%{visibility:visible;clip:rect(0px 2560px 1400px 0)}
	60%{visibility:visible;clip:rect(0px 2560px 1400px 0)}
	100%{visibility:hidden;clip:rect(0px 2560px 0px 0)}
	}
@keyframes preload-layer{
	0%{visibility:visible;clip:rect(0px 2560px 1400px 0)}
	60%{visibility:visible;clip:rect(0px 2560px 1400px 0)}
	100%{visibility:hidden;clip:rect(0px 2560px 0px 0)}
}
.loading_logo {
width: 230px;
position: absolute;
left: 50%;
top: 50%;
height: 140px;
margin: -70px 0 0 -115px;
/*background: url(../img/Capa-13_13.png) center top no-repeat;*/
background: url(../img/loading222.gif) center top no-repeat;

overflow: hidden;
}
.loading_gif {
position: absolute;
top: 50%;
left: 50%;
margin: 120px 0 0 -65px;
height: 10px;
width: 110px;
overflow: hidden;
background: url(../img/loading-small.$6925.gif) center center no-repeat;
}
#loading  p{
position: absolute;
top: 50%;
left: 50%;
margin: 70px 0 0 -55px;
height: 30px;
color: #fff;
line-height: 30px;
width: 110px;
text-align: center;
font-family:'Microsoft YaHei',Arial,Helvetica,sans-serif;
}


.bulat {
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  width: 130px;
  height: 130px;
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0);
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -65px 0 0 -65px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 110px;
}

.luarbulat {
/*  margin: 0 auto;
  background: #fff;
  background: -webkit-radial-gradient(0% 0%, ellipse, #A8A8A8 0%, #444 70%, transparent 5%, transparent 80%);
  background: radial-gradient(ellipse at 0% 0%, #A8A8A8 0%, #444  70%, transparent 5%, transparent 80%);
  border-radius: 110px;
  padding: 10px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 1.2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;*/
  cursor: wait;
  background-color: transparent;
  border-radius: 100%;
  animation: mk_preloader .8s infinite cubic-bezier(0.445,.05,.55,.95);
  -moz-animation: mk_preloader .8s infinite cubic-bezier(0.445,.05,.55,.95);
  -webkit-animation: mk_preloader .8s infinite cubic-bezier(0.445,.05,.55,.95);
  border: 2px solid #000;
  border-color: #eee #eee #aaa #aaa;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  
}
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes mk_preloader {
	0% {
	-moz-transform:rotate(0deg)
}
100% {
	-moz-transform:rotate(360deg)
}
}@-moz-keyframes mk_preloader {
	0% {
	-moz-transform:rotate(0deg)
}
100% {
	-moz-transform:rotate(360deg)
}
}@-webkit-keyframes mk_preloader {
	0% {
	-webkit-transform:rotate(0deg)
}
100% {
	-webkit-transform:rotate(360deg)
}
}
#dalbulat {
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  z-index: 2;
  border-radius: 100%;
  text-align: center;
  font-size: 10px;
  color: #444;
  line-height: 130px;



}
#dalbulat span {
  letter-spacing: 2px;
  font-weight: 700;
}
.preloader-text{
	position: relative;
	overflow: hidden;
	height: 48px;
	margin-top: 55px;
}
.preloader-text h1{
	position: absolute;
	width: 100%;
	top: 0px;
	color: #A8A8A8 ;
	font: normal 400 14px/1 'Microsoft Yahei', sans-serif;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.preloader-text h1:nth-child(1){
	animation: first 10s infinite;
	-webkit-animation: first 10s infinite;
	-moz-animation: first 10s infinite;
	-o-animation: first 10s infinite;
}
.preloader-text h1:nth-child(2){
	animation: second 10s infinite;
	-webkit-animation: second 10s infinite;
	-moz-animation: second 10s infinite;
	-o-animation: second 10s infinite;
}
.preloader-text h1:nth-child(3){
	animation: third 10s infinite;
	-webkit-animation: third 10s infinite;
	-moz-animation: third 10s infinite;
	-o-animation: third 10s infinite;
}
.preloader-text h1.oldew{
	display: none\9;
}
.preloader-text h1.three{
	
}
@keyframes first {
	0% {top: 0px; opacity: 1;}
	28% {top: 0px; opacity: 1;}
	33% {top: 20px; opacity: 0;}
	95% {top: 20px; opacity: 0;}
	100% {top: 0px; opacity: 1;}
}
@-webkit-keyframes first {
	0% {top: 0px; opacity: 1;}
	28% {top: 0px; opacity: 1;}
	33% {top: 20px; opacity: 0;}
	95% {top: 20px; opacity: 0;}
	100% {top: 0px; opacity: 1;}
}
@-moz-keyframes first {
	0% {top: 0px; opacity: 1;}
	28% {top: 0px; opacity: 1;}
	33% {top: 20px; opacity: 0;}
	95% {top: 20px; opacity: 0;}
	100% {top: 0px; opacity: 1;}
}
@-o-keyframes first {
	0% {top: 0px; opacity: 1;}
	28% {top: 0px; opacity: 1;}
	33% {top: 20px; opacity: 0;}
	95% {top: 20px; opacity: 0;}
	100% {top: 0px; opacity: 1;}
}

@keyframes second {
	0% {top: 20px; opacity: 0;}
	31% {top: 20px; opacity: 0;}
	36% {top: 0px; opacity: 1;}
	61% {top: 0px; opacity: 1;}
	66% {top: 20px; opacity: 0;}
	100% {top: 20px; opacity: 0;}
}
@-webkit-keyframes second {
	0% {top: 20px; opacity: 0;}
	31% {top: 20px; opacity: 0;}
	36% {top: 0px; opacity: 1;}
	61% {top: 0px; opacity: 1;}
	66% {top: 20px; opacity: 0;}
	100% {top: 20px; opacity: 0;}
}
@-moz-keyframes second {
	0% {top: 20px; opacity: 0;}
	31% {top: 20px; opacity: 0;}
	36% {top: 0px; opacity: 1;}
	61% {top: 0px; opacity: 1;}
	66% {top: 20px; opacity: 0;}
	100% {top: 20px; opacity: 0;}
}
@-o-keyframes second {
	0% {top: 20px; opacity: 0;}
	31% {top: 20px; opacity: 0;}
	36% {top: 0px; opacity: 1;}
	61% {top: 0px; opacity: 1;}
	66% {top: 20px; opacity: 0;}
	100% {top: 20px; opacity: 0;}
}

@keyframes third {
	0% {top: 20px; opacity: 0;}
	63% {top: 20px; opacity: 0;}
	68% {top: 0px; opacity: 1;}
	92% {top: 0px; opacity: 1;}
	95% {top: 20px; opacity: 0;}
	100% {top: 20px; opacity: 0;}
}
@-webkit-keyframes third {
	0% {top: 20px; opacity: 0;}
	63% {top: 20px; opacity: 0;}
	68% {top: 0px; opacity: 1;}
	92% {top: 0px; opacity: 1;}
	95% {top: 20px; opacity: 0;}
	100% {top: 20px; opacity: 0;}
}
@-moz-keyframes third {
	0% {top: 20px; opacity: 0;}
	63% {top: 20px; opacity: 0;}
	68% {top: 0px; opacity: 1;}
	92% {top: 0px; opacity: 1;}
	95% {top: 20px; opacity: 0;}
	100% {top: 20px; opacity: 0;}
}
@-o-keyframes third {
	0% {top: 20px; opacity: 0;}
	63% {top: 20px; opacity: 0;}
	68% {top: 0px; opacity: 1;}
	92% {top: 0px; opacity: 1;}
	95% {top: 20px; opacity: 0;}
	100% {top: 20px; opacity: 0;}
}

.pace-inactive {
display: none;
}
.pace .pace-progress {
background: #fff;
position: fixed;
z-index: 99999999;
top: 0;
left: 0;
height: 3px;
-webkit-transition: width 1s;
-moz-transition: width 1s;
-o-transition: width 1s;
transition: width 1s;
}

.mheader {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9940;

transition: background 300ms ease-in-out;
}
#hwrap {
position: relative;
transition: padding 300ms ease-in-out;
margin-top: 40px;
}

.stuck #hwrap
{
	margin-top:30px;
}

.header-logo
{
	display:block;
	/*text-indent:-9999em;
	overflow:hidden;
	background:url(../img/sprites.png) 0 0;
	width:178px;
	height:41px;*/
position: relative;
width: 180px;
float: left;
line-height: 70px;
margin-left: 20px;
}
.header-logo img{
	width: 100%;
	vertical-align: middle;
}

.navBarbg{
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 0px;
z-index: 9939;
  /*background: -webkit-gradient(linear,0% 0%,0% 100%,from(#2F2E2E),to(#131313));
  background: -webkit-linear-gradient(0% 0%,0% 100%,from(#2F2E2E),to(#131313));
  background: -moz-linear-gradient(center top,#2F2E2E,#131313);
  background: linear-gradient(#2F2E2E,#131313);*/
    background-color:rgba(37,37,43,0.97);
    background-color:#323436\9;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

}
.Tynav#hwrap{
	margin-top: 0;
}
.Tynav .header-logo img{
	width: 140px;
}
.Tynav.navBarbg{
	height: 70px;
}
.mheader nav
{
	float: right;
	margin-right: 20px;
	position: relative;
}
.mheader nav dl dd{float: left;position: relative;}
.mheader nav a.upper,.mheader nav a.btn
{
	color:#fff;
	font-size:16px;
	transition:all .2s;
	font-weight:500;
	display:block;
	float:left;
	line-height: 70px;
	padding:0 38px;
}
.mheader nav a.upper:after {
content: "";
display: block;
display: none\9;
width: 100%;
height: 60%;
background: #58b798;
border-radius: 0.2em;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
position: absolute;
left: 0;
top: 20%;
z-index: -1;
-webkit-transition: -webkit-transform 0.3s cubic-bezier(0.15, 0.95, 0.41, 0.95);
transition: transform 0.3s cubic-bezier(0.15, 0.95, 0.41, 0.95);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-transform: scale(0, 1);
transform: scale(0, 1);
}
.mheader nav a.upper:hover:after,.mheader nav .curb a.upper:after {
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.mheader nav a.drop-btn{
background: url(../img/drop-white.png) no-repeat;
background-position: 130px center;
}
.mheader nav a.sub
{
	color:#fff;
	font-weight:500;
}

.sub .mheader nav a.sub
{
	color:rgba(0,0,0,0.5);
}

.mheader nav a.btn
{
	color:#fff;
	text-transform:uppercase;
	line-height: 30px;
	border:1px solid #fff;
	margin: 20px 0 0 25px;
	border-radius:2px;
	border: 1px solid rgba(255,255,255,.25);
}

.mheader nav a.btn:hover
{
	background:#f16162;
	color:#fff;
	border-color:#f16162;
}

.WB_global_nav .gn_topmenulist {
position: absolute;
z-index: 9999;
background: #fff;
color: #333;
border: 1px solid #ccc;
border-radius: 2px;
padding: 2px;
display: none;
box-shadow: 0px 2px 8px 1px rgba(0,0,0,0.2);
-webkit-animation-duration: .3s;
-webkit-animation-delay: 0s;
-webkit-animation-timing-function: ease-in;
-webkit-animation-fill-mode: both;
-moz-animation-duration: .3s;
-moz-animation-delay: 0s;
-moz-animation-timing-function: ease-in;
-moz-animation-fill-mode: both;
animation-duration: .3s;
animation-delay: 0s;
animation-timing-function: ease-in;
animation-fill-mode: both;
}
.WB_global_nav .curg .gn_topmenulist{
	display: block;
	-webkit-animation-name: showQuick;
-moz-animation-name: showQuick;
animation-name: showQuick;
top: 55px\9;
}
@-webkit-keyframes showQuick{0%{opacity:0;top: 75px;}
60%{opacity:.8;top: 65px;}
100%{opacity:1;top: 55px;}}
@-moz-keyframes showQuick{0%{opacity:0;top: 75px;}
60%{opacity:.8;top: 65px;}
100%{opacity:1;top: 55px;}}
@keyframes showQuick{0%{opacity:0;top: 75px;}
60%{opacity:.8;top: 65px;}
100%{opacity:1;top: 55px;}}
.WB_global_nav .gn_topmenulist_set {
width: 109px;
top: 75px;
right: 10px;
}
.WB_global_nav .gn_topmenulist ul li {
position: static;
float: none;
margin: 0;
padding: 0;
display: inline;
}
.WB_global_nav .gn_topmenulist ul li a {
white-space: nowrap;
min-width: 50px;
padding: 9px 13px;
line-height: 1.6em;
color: #333;
font-size: 14px;
display: block;
cursor: pointer;
text-decoration: none;
overflow: hidden;
text-overflow: ellipsis;
}
.WB_global_nav .gn_topmenulist ul li.cur a, .WB_global_nav .gn_topmenulist ul li a:hover {
position: relative;
background-color: #f2f2f5;
text-decoration: none;
color: #eb7350;
}
.WB_global_nav .gn_topmenulist .W_layer_arrow .W_arrow_bor {
position: absolute;
overflow: hidden;
display: block;
}
.WB_global_nav .gn_topmenulist .W_layer_arrow .W_arrow_bor_t {
top: -15px;
right: 7px;
}
.W_arrow_bor i, .W_arrow_bor em {
display: inline-block;
width: 0;
height: 0;
border-width: 7px;
border-style: solid;
overflow: hidden;
font-size: 0;
line-height: 0;
vertical-align: top;
}
.WB_global_nav .S_line3, .WB_global_nav .W_input {
border-color: #cccccc;
}
.WB_global_nav .W_arrow_bor_t i, .WB_global_nav .W_arrow_bor_t em {
_border-style: dashed dashed solid dashed;
border-top-color: transparent;
border-right-color: transparent;
border-left-color: transparent;
}
.W_arrow_bor_t em {
margin: 1px 0 0 -14px;
}
.WB_global_nav .S_bg2_br {
border-color: #fff;
}




.light .mheader nav a.sub
{
	opacity:.8;
}

.light .mheader nav a.btn
{
	border-color:rgba(255,255,255,0.2);
}

.light .mheader nav a.btn:hover
{
	opacity:1;
	border-color:#f16162;
}
#hrnav {
float: right;
position: relative;
width: auto;
}

.sidebtn {
	display:none;
	height:48px;
	width:48px;
	float:right;
	font-size:32px;
	line-height:48px;
	text-align:center;
	color:#919191;
	
	  background: url(../img/top_a.png) no-repeat center;
}
.sidebtn.sidebtn_show {
  background: url(../img/index_nav.png) no-repeat center;
}



#soform {
float: left;
height: 26px;
margin-top: 22px;
width: 30px;
overflow: hidden;
border-radius: 13px;
transition: all ease-out .1s;
margin-right: 10px;
}
#soform form {
width: 180px;
height: 26px;
}
.yy-rnicon {
width: 30px;
height: 30px;
display: inline-block;
}
.yy-rnso {
background-image: url(../img/yy-rnso.png);
height: 26px;
}
#soform .yy-rnso {
cursor: pointer;
float: left;
display: block;
}
#soform form input[type=text] {
line-height: 14px;
height: 14px;
color: #8b8d90;
padding: 6px;
outline: none;
float: left;
width: 120px;
border: none;
background: none;
}
#soform.open {
width: 180px;
background: #fff;
}
#magic-line {
display: none;
display: block\9;
position: absolute;
top: 0;
left: 0;
height: 3px;

background: rgb(85, 226, 27);
background: rgba(82, 229, 10, 0.7);
}





#cbbfixed {
position: fixed;
right: 10px;
transition: bottom ease .3s;
bottom: -85px;
z-index: 3;
}
.cbbtn {
width: 40px;
height: 40px;
display: block;
background-color: rgba(51,51,51,.6);
}
#cweixin {
background: rgba(0,0,0,.2);
}
#gotop {
background-color: rgba(51,51,51,.6);
transition: background-color ease .3s;
margin-top: 1px;
}
.yy-icon {
display: inline-block;
overflow: hidden;
background-repeat: no-repeat;
background-image: url(../img/yy-icon.png);
}
.yy-weixin {
width: 40px;
height: 40px;
background-position: -0px -100px;
}
.yy-gt {
width: 40px;
height: 40px;
background-position: -90px -100px;
}
#cweixin div {
background: url(../img/weixin.png);
width: 194px;
height: 199px;
position: absolute;
left: -194px;
top: -115px;
opacity: 0;
transform: scale(0);
-webkit-transform: scale(0);
transform-origin: 100% 70%;
-webkit-transform-origin: 100% 70%;
transition: transform ease .3s,opacity ease .3s;
-webkit-transition: all ease .3s;
}
#cweixin:hover div {
display: block;
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}

#gotop:hover {
background-color: #70CA10;
}



footer {
height: 200px;
width: auto;
background: #1e1f20;
/*background: #505455 url(http://www.jane-vision.com/wp-content/themes/jane/images/footer_bg.png) no-repeat center top;
*/}

footer .inner {
width: auto;
max-width: 1120px;
margin: 0 auto;
padding-top: 90px 0 0;
color: #cacaca;
text-align: center;
position: relative;
}
footer .inner p
{
	position:absolute;
	left:20px;
	font-size:10px;
	text-align:left;
	top:90px;
	margin:0;
}

footer .inner p.social
{
	left:auto;
	right:20px;
}

footer .inner a {
color: #fff;
}
footer .inner a:hover
{
	color:#d5dee3;
}


footer .inner p a
{
position:relative!important;
left:auto!important;
right:auto!important;
}
#logo-footer {
display: inline-block;
margin-top: -15px;
padding-top: 60px;
background: url(../img/uologo.png) 0 0 no-repeat;
width: 50px;
margin-top: 75px;
}
#logo-footer p {
width: 102px;
text-align: center;
margin-left: -25px;
position: static;
}

footer .social-links {
width: auto;
height: 48px;
display: inline-block;
position: absolute;
right: 20px;
top: 70px;
vertical-align: top;
}
footer .social-links ul {
width: auto;
margin: 0px;
padding: 0px;
list-style: none;
display: inline-block;
}
footer .social-links ul li {
display: inline-block;
}
footer .social-links ul li a {
width: 48px;
height: 48px;
color: #bababa;
height: auto;
display: inline-block;
vertical-align: top;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
footer .social-links ul li a i {
width: 40px;
height: 40px;
padding: 4px;
font-size: 3em;
position: relative;
font-family: "font-icons";
border-radius: 46px;
border: solid 1px #cecece;
}
.icon-portfolio-github:before {
content: "\e606";
}
footer .social-links ul li a:hover {
color: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=$val);
border-bottom: none;
}
.custom-tooltip:hover:before {
border: solid;
border-color: rgba(0,0,0,0.8) transparent;
border-width: 6px 6px 0 6px;
bottom: 60px;
content: "";
left: 35%;
position: absolute;
z-index: 99;
}
footer .social-links ul li a:hover i {
top: -3px;
left: -3px;
font-size: 3.5em;
}
.custom-tooltip:hover:after {
background: #333;
background: rgba(0,0,0,0.8);
border-radius: 5px;
bottom: 66px;
color: #fff;
content: attr(title);
left: -20%;
padding: 5px 10px;
position: absolute;
z-index: 98;
width: auto;
font-size: 0.8em;
}








.foot_linksbg{width:100%; background:#202020; padding:10px 0 30px 0;}
.foot_links{width:1200px; margin:0 auto; position:relative;}
.links{margin-top:15px; width:100%;}
.links h3{color:#BEBEBE; font-size:24px; font-weight:normal;}
.links_con{color:#7d7d7d; line-height:24px; margin-top:5px;}
.links_con a{color:#7d7d7d; display:inline-block;}
.links_con a:hover{color:#fff;}
.keyword{margin-top:15px; width:100%;}
.keyword h3{color:#BEBEBE; font-size:24px; font-weight:normal;}
.address{line-height:32px; color:#c1c5cb; font-size:14px; margin-top:15px; width:100%;}
.address a{color:#c1c5cb;}
.address a:hover{ color:#fff;}
.link_btn{position:absolute;width: 130px; bottom:10px; right:0;}
.link_btn li{float:left; margin:0 0 12px 0; position:relative;}
.link_qq{width:129px; height:40px; background:url(../img/indexicon.png) -30px 0 no-repeat; display:block;}
.link_qq:hover{background:url(../img/indexicon.png) -30px -50px no-repeat;}
.link_sina{width:129px; height:40px; background:url(../img/indexicon.png) -160px 0 no-repeat; display:block;}
.link_sina:hover{background:url(../img/indexicon.png) -160px -50px no-repeat;}
.link_weixin li{height:40px;}
.link_weixin{width:129px; height:40px; background:url(../img/indexicon.png) -290px 0 no-repeat; display:block; position:relative; z-index:2;}
.link_weixin:hover{background:url(../img/indexicon.png) -290px -50px no-repeat;}
.link_weixin_ewm{position:absolute; top:-138px; height:129px;display: none; overflow:hidden; width:129px; background-image:url(about:blank); }
.link_weixin_ewm img{ width: 129px}

.footbg{width:100%; padding:15px 0; background:#0a0a0a; overflow:hidden;}
.foot{width:1200px; margin:0 auto; color:#999;}
.foot a{color:#999;}
.foot a:hover{color:#fff;}
.qqszone{
position: absolute;
top: 0;
left: -149px;
height: 156px;
display: none;
overflow: hidden;
width: 149px;
background-image: url(about:blank);
}
.qqszone a{
margin:0 15px 12px 0;
background: #3092F4;
height: 40px;
line-height: 40px;
color: #fff;
text-align: center;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: all 4px;
}
.qqszone a:hover{
	background: #56A7F9;
	color: #fff;
}

#myLogof{
	position: absolute;
	left: 50%;
	bottom: -10px;
	display: block;
	text-align: center;
	margin: 0 0 0 -50px;
padding-top: 60px;
background: url(../img/uologo.png) center 0 no-repeat;
width: 100px;
filter: alpha(opacity=50);
-khtml-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
color: #fff;
}
#myLogof:hover{
	filter: alpha(opacity=100);
-khtml-opacity: 1;
-moz-opacity: 1;
opacity: 1;
}





@keyframes show_min_side_bar {
	from {  transform: translateX(200px) translateZ(0);}
	to {  transform: translateX(0px) translateZ(0);}
}	
@-webkit-keyframes show_min_side_bar {
	from {  -webkit-transform: translateX(200px) translateZ(0);  transform: translateX(200px) translateZ(0);}
	to {  -webkit-transform: translateX(0px) translateZ(0);  transform: translateX(0px) translateZ(0);}
}
@keyframes show_min_side_bar {
	from {  -webkit-transform: translateX(200px) translateZ(0);  transform: translateX(200px) translateZ(0);}
	to {  -webkit-transform: translateX(0px) translateZ(0);  transform: translateX(0px) translateZ(0);}
}
	
	
	
	
	
@keyframes show_min_side_bar2 {
	from {  transform: scale(0.001)  translateZ(0);}
	to {  transform: scale(1)  translateZ(0);}
}	
@-webkit-keyframes show_min_side_bar2 {
	from {  -webkit-transform: scale(0.001)  translateZ(0);  transform: scale(0.001)  translateZ(0);}
	to {  -webkit-transform: scale(1)  translateZ(0);  transform: scale(1)  translateZ(0);}
}		
@keyframes show_min_side_bar2 {
	from {  -webkit-transform: scale(0.001)  translateZ(0);  transform: scale(0.001)  translateZ(0);}
	to {  -webkit-transform: scale(1)  translateZ(0);  transform: scale(1)  translateZ(0);}
}		


@keyframes hide_min_side_bar2 {
	from {  transform: scale(1) translateZ(0); opacity: 1;}
	to {  transform: scale(0.75) translateZ(0); opacity: 0;}
}
@-webkit-keyframes hide_min_side_bar2 {
	from {  -webkit-transform: scale(1) translateZ(0);  transform: scale(1) translateZ(0); opacity: 1;}
	to {  -webkit-transform: scale(0.75) translateZ(0);  transform: scale(0.75) translateZ(0); opacity: 0;}
}
@keyframes hide_min_side_bar2 {
	from {  -webkit-transform: scale(1) translateZ(0);  transform: scale(1) translateZ(0); opacity: 1;}
	to {  -webkit-transform: scale(0.75) translateZ(0);  transform: scale(0.75) translateZ(0); opacity: 0;}
}
	
	
@keyframes hide_min_side_bar {
	from { transform: translateX(0) translateZ(0);}
	to {  transform: translateX(220px) translateZ(0);}
}

@-webkit-keyframes hide_min_side_bar {
	from { -webkit-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0);}
	to {  -webkit-transform: translateX(220px) translateZ(0);  transform: translateX(220px) translateZ(0);}
}
@keyframes hide_min_side_bar {
	from { -webkit-transform: translateX(0) translateZ(0); transform: translateX(0) translateZ(0);}
	to {  -webkit-transform: translateX(220px) translateZ(0);  transform: translateX(220px) translateZ(0);}
}

	

@keyframes showminbaritem {
	from { transform: translateY(-50px) translateZ(0);}
	to {  transform: translateY(0px) translateZ(0);}
}	
@-webkit-keyframes showminbaritem {
	from { -webkit-transform: translateY(-50px) translateZ(0); transform: translateY(-50px) translateZ(0);}
	to {  -webkit-transform: translateY(0px) translateZ(0);  transform: translateY(0px) translateZ(0);}
}		
@keyframes showminbaritem {
	from { -webkit-transform: translateY(-50px) translateZ(0); transform: translateY(-50px) translateZ(0);}
	to {  -webkit-transform: translateY(0px) translateZ(0);  transform: translateY(0px) translateZ(0);}
}			
	
	
@-webkit-keyframes animation_jelly {
	 0% {
	-webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 3.333333% {
	-webkit-transform: matrix3d(0.64545, 0, 0, 0, 0, 0.68602, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.64545, 0, 0, 0, 0, 0.68602, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 6.666667% {
	-webkit-transform: matrix3d(0.79842, 0, 0, 0, 0, 0.90691, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.79842, 0, 0, 0, 0, 0.90691, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 10% {
	-webkit-transform: matrix3d(0.92774, 0, 0, 0, 0, 1.07226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.92774, 0, 0, 0, 0, 1.07226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 13.333333% {
	-webkit-transform: matrix3d(1.01897, 0, 0, 0, 0, 1.14684, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.01897, 0, 0, 0, 0, 1.14684, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 16.666667% {
	-webkit-transform: matrix3d(1.07044, 0, 0, 0, 0, 1.14088, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.07044, 0, 0, 0, 0, 1.14088, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 20% {
	-webkit-transform: matrix3d(1.08847, 0, 0, 0, 0, 1.08847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.08847, 0, 0, 0, 0, 1.08847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 23.333333% {
	-webkit-transform: matrix3d(1.08303, 0, 0, 0, 0, 1.02623, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.08303, 0, 0, 0, 0, 1.02623, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 26.666667% {
	-webkit-transform: matrix3d(1.06445, 0, 0, 0, 0, 0.97964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.06445, 0, 0, 0, 0, 0.97964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 30% {
	-webkit-transform: matrix3d(1.04137, 0, 0, 0, 0, 0.95863, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.04137, 0, 0, 0, 0, 0.95863, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 33.333333% {
	-webkit-transform: matrix3d(1.01985, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.01985, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 36.666667% {
	-webkit-transform: matrix3d(1.00322, 0, 0, 0, 0, 0.97507, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.00322, 0, 0, 0, 0, 0.97507, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 40% {
	-webkit-transform: matrix3d(0.99261, 0, 0, 0, 0, 0.99261, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.99261, 0, 0, 0, 0, 0.99261, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 43.333333% {
	-webkit-transform: matrix3d(0.98758, 0, 0, 0, 0, 1.00574, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.98758, 0, 0, 0, 0, 1.00574, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 46.666667% {
	-webkit-transform: matrix3d(0.98684, 0, 0, 0, 0, 1.01166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.98684, 0, 0, 0, 0, 1.01166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 50% {
	-webkit-transform: matrix3d(0.98881, 0, 0, 0, 0, 1.01119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.98881, 0, 0, 0, 0, 1.01119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 53.333333% {
	-webkit-transform: matrix3d(0.99207, 0, 0, 0, 0, 1.00702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.99207, 0, 0, 0, 0, 1.00702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 56.666667% {
	-webkit-transform: matrix3d(0.99549, 0, 0, 0, 0, 1.00208, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.99549, 0, 0, 0, 0, 1.00208, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 60% {
	-webkit-transform: matrix3d(0.99838, 0, 0, 0, 0, 0.99838, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.99838, 0, 0, 0, 0, 0.99838, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 63.333333% {
	-webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 0.99672, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.00042, 0, 0, 0, 0, 0.99672, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 66.666667% {
	-webkit-transform: matrix3d(1.00158, 0, 0, 0, 0, 0.99685, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.00158, 0, 0, 0, 0, 0.99685, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 70% {
	-webkit-transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99802, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99802, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 73.333333% {
	-webkit-transform: matrix3d(1.00186, 0, 0, 0, 0, 0.99941, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.00186, 0, 0, 0, 0, 0.99941, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 76.666667% {
	-webkit-transform: matrix3d(1.00144, 0, 0, 0, 0, 1.00046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.00144, 0, 0, 0, 0, 1.00046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 80% {
	-webkit-transform: matrix3d(1.00093, 0, 0, 0, 0, 1.00093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.00093, 0, 0, 0, 0, 1.00093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 83.333333% {
	-webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 86.666667% {
	-webkit-transform: matrix3d(1.00007, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.00007, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 90% {
	-webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 1.00017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.99983, 0, 0, 0, 0, 1.00017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 93.333333% {
	-webkit-transform: matrix3d(0.99972, 0, 0, 0, 0, 0.99987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.99972, 0, 0, 0, 0, 0.99987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 96.666667% {
	-webkit-transform: matrix3d(0.99971, 0, 0, 0, 0, 0.99974, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.99971, 0, 0, 0, 0, 0.99974, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 100% {
	-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
}

 @keyframes animation_jelly {
	 0% {
	-webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 3.333333% {
	-webkit-transform: matrix3d(0.64545, 0, 0, 0, 0, 0.68602, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.64545, 0, 0, 0, 0, 0.68602, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 6.666667% {
	-webkit-transform: matrix3d(0.79842, 0, 0, 0, 0, 0.90691, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.79842, 0, 0, 0, 0, 0.90691, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 10% {
	-webkit-transform: matrix3d(0.92774, 0, 0, 0, 0, 1.07226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.92774, 0, 0, 0, 0, 1.07226, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 13.333333% {
	-webkit-transform: matrix3d(1.01897, 0, 0, 0, 0, 1.14684, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.01897, 0, 0, 0, 0, 1.14684, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 16.666667% {
	-webkit-transform: matrix3d(1.07044, 0, 0, 0, 0, 1.14088, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.07044, 0, 0, 0, 0, 1.14088, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 20% {
	-webkit-transform: matrix3d(1.08847, 0, 0, 0, 0, 1.08847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.08847, 0, 0, 0, 0, 1.08847, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 23.333333% {
	-webkit-transform: matrix3d(1.08303, 0, 0, 0, 0, 1.02623, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.08303, 0, 0, 0, 0, 1.02623, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 26.666667% {
	-webkit-transform: matrix3d(1.06445, 0, 0, 0, 0, 0.97964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.06445, 0, 0, 0, 0, 0.97964, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 30% {
	-webkit-transform: matrix3d(1.04137, 0, 0, 0, 0, 0.95863, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.04137, 0, 0, 0, 0, 0.95863, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 33.333333% {
	-webkit-transform: matrix3d(1.01985, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.01985, 0, 0, 0, 0, 0.9603, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 36.666667% {
	-webkit-transform: matrix3d(1.00322, 0, 0, 0, 0, 0.97507, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.00322, 0, 0, 0, 0, 0.97507, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 40% {
	-webkit-transform: matrix3d(0.99261, 0, 0, 0, 0, 0.99261, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.99261, 0, 0, 0, 0, 0.99261, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 43.333333% {
	-webkit-transform: matrix3d(0.98758, 0, 0, 0, 0, 1.00574, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.98758, 0, 0, 0, 0, 1.00574, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 46.666667% {
	-webkit-transform: matrix3d(0.98684, 0, 0, 0, 0, 1.01166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.98684, 0, 0, 0, 0, 1.01166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 50% {
	-webkit-transform: matrix3d(0.98881, 0, 0, 0, 0, 1.01119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.98881, 0, 0, 0, 0, 1.01119, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 53.333333% {
	-webkit-transform: matrix3d(0.99207, 0, 0, 0, 0, 1.00702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.99207, 0, 0, 0, 0, 1.00702, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 56.666667% {
	-webkit-transform: matrix3d(0.99549, 0, 0, 0, 0, 1.00208, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.99549, 0, 0, 0, 0, 1.00208, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 60% {
	-webkit-transform: matrix3d(0.99838, 0, 0, 0, 0, 0.99838, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.99838, 0, 0, 0, 0, 0.99838, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 63.333333% {
	-webkit-transform: matrix3d(1.00042, 0, 0, 0, 0, 0.99672, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.00042, 0, 0, 0, 0, 0.99672, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 66.666667% {
	-webkit-transform: matrix3d(1.00158, 0, 0, 0, 0, 0.99685, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.00158, 0, 0, 0, 0, 0.99685, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 70% {
	-webkit-transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99802, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.00198, 0, 0, 0, 0, 0.99802, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 73.333333% {
	-webkit-transform: matrix3d(1.00186, 0, 0, 0, 0, 0.99941, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.00186, 0, 0, 0, 0, 0.99941, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 76.666667% {
	-webkit-transform: matrix3d(1.00144, 0, 0, 0, 0, 1.00046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.00144, 0, 0, 0, 0, 1.00046, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 80% {
	-webkit-transform: matrix3d(1.00093, 0, 0, 0, 0, 1.00093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.00093, 0, 0, 0, 0, 1.00093, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 83.333333% {
	-webkit-transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.00044, 0, 0, 0, 0, 1.00089, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 86.666667% {
	-webkit-transform: matrix3d(1.00007, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1.00007, 0, 0, 0, 0, 1.00056, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 90% {
	-webkit-transform: matrix3d(0.99983, 0, 0, 0, 0, 1.00017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.99983, 0, 0, 0, 0, 1.00017, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 93.333333% {
	-webkit-transform: matrix3d(0.99972, 0, 0, 0, 0, 0.99987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.99972, 0, 0, 0, 0, 0.99987, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 96.666667% {
	-webkit-transform: matrix3d(0.99971, 0, 0, 0, 0, 0.99974, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(0.99971, 0, 0, 0, 0, 0.99974, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
	 100% {
	-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
	}
}
	


@media only screen and (max-width: 1024px){

.sidebtn {
  height: 48px;
  width: 48px;
  line-height: 48px;
    font-size: 24px;
      display: block;
      margin-top: 10px;
}
.foot_links{
	width: 90%;
}

.mheader nav{
	display: none;
}
.header-logo {
  width: 160px;
  line-height: 46px;
  margin:10px 0 0 20px;
}
.Tynav .header-logo img,.header-logo img {
  width: 160px;
}
.Tynav.navBarbg,.navBarbg {
  height: 48px;
}
.mheader nav a.btn {

  margin: 8px 0 0 25px;
}
.mheader nav a.upper, .mheader nav a.btn {
  line-height: 48px;

}
#soform{
	display: none;
}

.mheader nav {
  display: none;
  position: fixed;
  top: 70px;
  right: 0;
  margin: 0;
  height: auto;
  width: 100px;
  background: rgba(0, 0, 0, 0.75);
  /* border-radius: 0 0 4px 4px; */
  -webkit-box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14);
  -webkit-transform-origin: 77% 0px;
  -ms-transform-origin: 77% 0px;
  transform-origin: 77% 0px;
  -webkit-transform: scale(0.001) translateZ(0);
  transform: scale(0.001) translateZ(0);
}
.mheader nav dl dd{
	width: 100%
}
.mheader nav dl dd a.upper ,.mheader nav dl dd a.btn{
  width: 100%;
  display: block;
  padding: 0;
  float: none;
  height: 42px;
  line-height: 42px;
  text-align: center;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
  color: #919191;
}

.mheader nav dl dd.cur a.upper ,.mheader nav dl dd.cur a.btn{
background: #F16162;
color: #fff;

}
.mheader nav dl dd a.btn{
	border: none;
	margin: 0;
}
.mheader nav.show {
  display: block;
  -webkit-animation-name: animation_jelly;
  animation-name: animation_jelly;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.mheader nav.hide {
	display:block;
	-webkit-animation-name: hide_min_side_bar2;
	animation-name: hide_min_side_bar2;
	-webkit-animation-duration: .2s;
	animation-duration: .2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: cubic-bezier(.07, .64, .41, .97);
	animation-timing-function: cubic-bezier(.07, .64, .41, .97);
}	
.gn_topmenulist,#magic-line{
	display: none;
	visibility: hidden;
}



}


.qqkefu{
    position: fixed;
    bottom:40%;
    _position: absolute;
   _top: expression(eval(document.documentElement.scrollTop + 365));
    z-index: 9998;
    right:0;
    width:45px
    }
.qqkefu ul li{
    height:45px;
    margin-bottom:1px;
    float:right;
    background:#1b1b1d;
    line-height:35px;
    font-size:14px;
    cursor:pointer;
    position:relative
}
.qqkefu ul li a{
    color:#fff;
    }
.qqkefu ul li.qq_cza{
    overflow:hidden
    }
.qqkefu ul li:hover{
    background:#c9112c;
    }
.qqkefu ul li.top{
    color:#1c1c1c;
    font-weight:800;
    text-align:center;
    line-height:45px;
    background:#ffffff;
    position:relative;
    width:45px;
    cursor:pointer
    }
.qqkefu ul li.top span{
    position:absolute;
    display:block;
    left:0;
    top:-5px;
    height:5px;
    width:45px;
    background:url(../img/czx2.png) no-repeat center;}
.qqkefu ul li.top:hover{
    background:#CBCBCB}
.qqkefu ul li.top:hover span{
    background:url(../img/czx2_hover.png) no-repeat center}
.qqkefu ul li b{
    width:45px;
    height:45px;
    display:block;
    overflow:hidden;
    float:left}
.qqkefu ul li b.a{
    background:url(../img/czx4.png) no-repeat center center;
}
.qqkefu ul li b.b{
    background:url(../img/czx3.png) no-repeat center center;
}
.qqkefu ul li b.c{
    background:url(../img/czx5.png) no-repeat center center;
}
.qqkefu ul li b.lxb{
    background:url(../img/phone0.png) no-repeat center center;
}
.erweima{
    /*width: 390px;*/
    height: 150px;
    position: absolute;
    top: -107px;
    left: -140px;
    background: #FFF;
    border: 1px solid #CCC;
    float: right;
    cursor: default !important;
    display:none
    }
.erweima p{
    line-height: 20px;
    color: #000;
    font-size: 12px;
    text-align: center;
    float: left;
    width: 130px;
    }
.erweima p img{
    width: 110px;
    height: 110px;
    margin: 10px 10px 0px 10px;
    }   
.erweima .arrow3 {
width: 5px;
height: 10px;
display: block;
background:url(../img/czx6.png) no-repeat;
position: absolute;
right: -5px;
top: 122px;
}

.service_bottom {
  text-align: center;
  background: #271c2f;
  padding: 85px 0 95px 0;
}
.service_bottom h3 {
  color: #fff;
  font-size: 60px;
  font-family: "方正兰亭超细黑简体", "FZLTCXHJT", "Microsoft Yahei";
  line-height: 100%;
  font-weight: normal;
  margin-bottom: 45px;
}
.service_bottom p {
  margin-bottom: 45px;
  font-size: 18px;
  color: #fff;
  font-family: "方正兰亭超细黑简体", "FZLTCXHJT", "Microsoft Yahei";
}
.service_btn {
  display: inline-block;
  width: 282px;
  height: 58px;
  background: #da251d;
  color: #fff;
  text-align: center;
  line-height: 58px;
  font-size: 18px;
  border-radius: 5px;
  transition: all 0.25s ease 0s;
}
.service_btn:hover{ background:#fff; color:#da251d }



.fullScreen { width:100%; background:#181818 url(../img/Capa-13_07.png) no-repeat center center; left:100%; z-index:99999;top:0px;padding-top:40px; display:none; position:fixed;
*position:fixed !important;/*IE7*/
*position:absolute;/*IE6*/}
.zpConFullScreen { background-color:#181818; width:100%; z-index:99998; display:none; position:absolute; left:0px; top:0px;height: 100%; }

.conHeaderTop { width:100%; height:40px; clear:both; position: fixed; z-index:19000; top:0px;/*left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop))*/}
* html,* html body{background-image:url(about:blank);background-attachment:fixed}
* html .conHeaderTop{width:100%; height:40px; clear:both; overflow:hidden; margin:0px; background:url(../img/topbar_comm.gif) repeat-x 0px 0px; position:absolute;left:expression(eval(document.documentElement.scrollLeft));top:expression(eval(document.documentElement.scrollTop))}

#conHeader { width:1000px; clear:both; height:70px; margin:0 auto; line-height:40px; color:#999999;}
#conHeader a.listBt,#conHeader a.homeBt,#conHeader a.weiboSina,#conHeader a.weiboQQ,a.moreBt,a.gobackBt,span.listBtOn,span.homeBtOn { display:inline-block; background-image:url(../img/content_bt.gif); background-repeat:no-repeat; cursor:pointer;}
#conHeader a.listBt { width:50px; height:40px; background-position:0px -252px; position:relative;}
#conHeader a.homeBt { width:50px; height:40px; background-position:-50px -176px; position:relative;}
#conHeader span.listBtOn { display:none; width:50px; height:40px; background-position:0px -176px; position:absolute; z-index:19; top:0px; left:0px;}
#conHeader span.homeBtOn { display:none; width:50px; height:40px; background-position:-50px -252px; position:absolute; z-index:19; top:0px; left:0px;}

#conHeader a.weiboSina { width:20px; height:20px; line-height:20px; margin:10px 2px; background-position:0px -224px;}
#conHeader a.weiboQQ { width:20px; height:20px; line-height:20px; margin:10px 2px; background-position:-24px -224px;}
.loadpic{
	width: 60px;
height: 60px;
background:  url(../img/5-121204194111.gif) no-repeat center center;
position: absolute;
left: 50%;
top: 50%;
margin: -32px 0 0 155px;
border-radius: 50%;
}

a.zpBt1,a.zpBtArrL,a.zpBtArrR,a.zpBtNew { display:block; float:left; width:50px; height:40px; background-image:url(../img/zp_bt.gif); background-repeat:no-repeat;}
a.zpBt1 { background-position:0px 0px;}
a.zpBtArrL { background-position:-50px 0px;}
a.zpBtArrR { background-position:-100px 0px;}
a.zpBtNew { background-position:-150px 0px;}
.zpBt1:hover { background-position:0px -50px;}
.zpBtArrL:hover { background-position:-50px -50px;}
.zpBtArrR:hover { background-position:-100px -50px;}
.zpBtNew:hover { background-position:-150px -50px;}

.tslogo{width: 133px;display: block;height: 30px;position: absolute;left: 50%;top: 5px;margin: 0 0 0 -67px}
.fs_m_top{ height:43px; position: relative;}
.fs_m_top a{ float:right; width:45px; height:43px; margin-left:2px; background-image:url(../img/fullscreenBtn.png); background-repeat:no-repeat;  z-index:1;}
.fs_m_top a.fs_prev{ background-position:0 0;}
.fs_m_top a.fs_next{ background-position:-47px 0;}
.fs_m_top a.fs_return{
width: 65px;
height: 65px;
border-radius: 0 0 0 100%;
background: #444 url(../img/index_nav.png) no-repeat 70% 40%;
position: absolute;
right: 0;

}
.fs_m_top a.fs_prev:hover{ background-position:0 bottom;}
.fs_m_top a.fs_next:hover{ background-position:-47px bottom;}
.fs_m_top a.fs_return:hover{ background-color:#B60505 ;}