﻿a { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

a, a:hover {
	outline: 0
}

.clearfix:after, .page_1 .page_bg:before {
	content: ""
}
/*html {
overflow:hidden
}*/
.header, .wrap, .wrapper {
	position: absolute;
	top: 0
}
body, dd, div, dl, dt, h1, h2, h3, h4, input, li, ol, p, table, ul {
	margin: 0;
	padding: 0
}

input {-webkit-appearance:none; /*去除input默认样式*/}
input[type="submit"], input[type="reset"], input[type="button"],select, button { -webkit-appearance: none; },input[type="month"]

/* -------- 防止因滚动条的出现而抖动 -- */
html{overflow-y:scroll\9;}

table {
	width: auto;
	border-collapse: collapse;
	border-spacing: 0
}
.footer, .header, .wrap, .wrapper {
	width: 100%;
	left: 0
}
li {
	list-style: none;
	vertical-align: bottom
}
em, i {
	font-style: normal
}
a {
	text-decoration: none
}
a:hover {
	text-decoration: underline
}
.btn_download:hover, .header .nav_box a:hover {
	text-decoration: none
}
img {
	border: 0
}
.hidden {
	display: none
}
.hide_txt {
	text-indent: -9999em;
	font-size: 0;
	line-height: 0
}
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0
}
.clearfix {
	zoom: 1
}
.wrap {
	font-family: "微软雅黑", "宋体"
}
.wrap, .wrapper {
	height: 100%;
	background: #000;
	overflow: hidden
}
.header .logo_box {
	float: left; margin-right:213px;
}
.header .logo_link img {
	display: block
}
.header .nav_box {
	float: left;
	position: relative
}
.header .heright{ float:right;width: 202px;
    margin-top: 16px; border-left:1px solid #ccc;}


.header .heright .wx{ position:relative; margin-left:38px; }
.header .heright .wxbj{ width:26px; height:26px; border-radius:50%;-moz-border-radius:50%; position:absolute; top:0; left:0; background:url(../images/wxlg.png) no-repeat center center; transition: all 0.5s;
-moz-transition: all 0.5s;	/* Firefox 4 */
-webkit-transition: all 0.5s;	/* Safari 和 Chrome */
-o-transition: all 0.5s;}
.header .heright .wx:hover .wxbj{ width:80px; height:80px;  border-radius:0;-moz-border-radius:0; left:-27px; top:-27px; background:url(../images/rwm.jpg) no-repeat center center;}



.page, .page_wp {
	top: 0;
	height: 100%
}
.footer {
	position: absolute;
	bottom: 12px
}
.page_wp, .page_wp .txt_box {
	width: 100%;
	z-index: 5;
	position: absolute
}
.footer .foot {
	text-align: center;
	font-size: 14px;
	color: #4c4c4c
}
.page_wp {
	left: 0
}
.page {
	position: absolute;
	left: -9999px;
	width: 100%
}
.page_wp .show {
	left: 0
}
.page_wp .txt_box {
	top: 30%;
	left: 0;
	color: #fff;
	opacity: 0;
	transition: opacity .8s;
	-webkit-transition: opacity .8s
}
.page_wp .show .txt_box {
	opacity: 1
}
.page_wp .txt_box h2 {
	text-align: center;
	font-size: 45px;
	font-weight: lighter;
	line-height: 48px; margin-bottom:40px;
}
.page_wp .txt_brief {
	font-size: 18px;
	line-height: 28px;
	width: 100%;
	color:#FFF;
	margin: 10px auto 0;
	font-weight: lighter; text-align:center;
}
.page_wp .img_box {
	position: absolute;
	width: 100%;
	height: 1080px;
	top: 50%;
	left: 50%;
	margin: -540px 0 0 -960px;
	z-index: 3
}
.page_wp .img_box img {
	display: block;
	width: 100%;
	height: 100%
}
.css3 .page_wp .img_box {
	display: none
}
.page_1.hide {
	left: 0
}
.page_1.hide .txt_box {
	left: -9999px
}
.page_1 .page_bg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2500px;
	height: 1600px;
	margin: -800px 0 0 -1250px;
	transform-origin: center 708px;
	-webkit-transform-origin: center 708px
}
.page_1 .page_bg:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/page1_bg.jpg) center center no-repeat;
	transform-origin: center 708px;
	-webkit-transform-origin: center 708px
}
.page_4 .page_bg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2500px;
	height: 1600px;
	margin: -800px 0 0 -1250px;
	transform-origin: center 708px;
	-webkit-transform-origin: center 708px
}
.page_4 .page_bg:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/page5_bg.jpg) center center no-repeat;
	transform-origin: center 708px;
	-webkit-transform-origin: center 708px
}
.page_4 .light_wp {
	position: absolute;
	width: 1000px;
	height: 460px;
	top: 50%;
	left: 15%;
	margin-top: -230px
}
.page_4 .light_box {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform: scale(.8);
	-webkit-transform: scale(.8)
}


.page_4 .meteor_box {
	position: absolute;
	width: 576px;
	height: 401px;
	top: 0;
	left: 0;
	background: url(../images/light_4.png)
}
.star_wp {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: -9999px
}
.star_wp.show {
	left: 0
}
.star_wp .star_bg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2400px;
	height: 2000px;
	margin: -1000px 0 0 -1200px;
	background: url(../images/page3_bg.jpg) center center no-repeat;
	transform-origin: center center;
	-webkit-transform-origin: center center
}
.star_wp .star_box {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1740px;
	height: 1356px;
	margin: -678px 0 0 -870px;
	background: url(../images/star.png) center center no-repeat;
	transform-origin: center center;
	-webkit-transform-origin: center center
}
#canvas {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	pointer-events: none
}
.btn_control, .btns_wp {
}
.btn_control {
	top: 50%;
	right: 50px;
	margin-top: -42px; display:none;
}
.btn_control a {
	display: block;
	background: url(../images/btn_spr.png) -14px -52px no-repeat;
	width: 9px;
	height: 9px;
	margin: 0 0 12px
}
.btn_control a.cur, .btn_control a:hover {
	background-position: 0 -52px
}
.btns_wp {	width: 100%; padding-top:30px;}
.btn_download {
	display: block;
	margin: 26px auto 0;
	width: 156px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	border: 2px solid #fff;
	font-size: 18px;
	color: #fff
}
.sys_footer {
	color: #524d45!important;
	min-width: 1000px;
	font-family: Arial, "\65B0\5B8B\4F53";
	position: absolute;
	bottom: 40px
}
.foot .links a, .foot a {
	color: #524d45
}
.page_1.show .page_bg {
	animation: p1bg_effect1 300s both infinite linear, opc_effect .5s both linear;
	-webkit-animation: p1bg_effect1 300s both infinite linear, opc_effect .5s both linear
}
@keyframes p1bg_effect1 {
0% {
transform:rotate(0) scale(1)
}
100% {
transform:rotate(0) scale(4)
}
}
@-webkit-keyframes p1bg_effect1 {
0% {
-webkit-transform:rotate(0) scale(1)
}
100% {
-webkit-transform:rotate(-360deg) scale(4)
}
}

.page_4.show .page_bg {
	animation: p1bg_effect1 300s both infinite linear, opc_effect .5s both linear;
	-webkit-animation: p1bg_effect1 300s both infinite linear, opc_effect .5s both linear
}
@keyframes p1bg_effect1 {
0% {
transform:rotate(0) scale(1)
}
100% {
transform:rotate(0) scale(4)
}
}
@-webkit-keyframes p1bg_effect1 {
0% {
-webkit-transform:rotate(0) scale(1)
}
100% {
-webkit-transform:rotate(0) scale(4)
}
}


.page_1.hide .page_bg:before {
	animation: p1bg_effect2 .4s both linear;
	-webkit-animation: p1bg_effect2 .4s both linear
}
@keyframes p1bg_effect2 {
0% {
transform:rotate(0) scale(1);
opacity:1
}
100% {
transform:rotate(-100deg) scale(4);
opacity:0
}
}
@-webkit-keyframes p1bg_effect2 {
0% {
-webkit-transform:rotate(0) scale(1);
opacity:1
}
100% {
-webkit-transform:rotate(-100deg) scale(4);
opacity:0
}
}

.page_4.hide .page_bg:before {
	animation: p1bg_effect2 .4s both linear;
	-webkit-animation: p1bg_effect2 .4s both linear
}
@keyframes p1bg_effect2 {
0% {
transform:rotate(0) scale(1);
opacity:1
}
100% {
transform:rotate(-100deg) scale(4);
opacity:0
}
}
@-webkit-keyframes p1bg_effect2 {
0% {
-webkit-transform:rotate(0) scale(1);
opacity:1
}
100% {
-webkit-transform:rotate(-100deg) scale(4);
opacity:0
}
}


.star_wp.show .star_bg {
	animation: opc_effect 2s both linear, p3bg_effect 30s both linear;
	-webkit-animation: opc_effect 2s both linear, p3bg_effect 30s both linear
}
@keyframes p3bg_effect {
0% {
transform:rotate(0) scale(1)
}
100% {
transform:rotate(10deg) scale(1.2)
}
}
@-webkit-keyframes p3bg_effect {
0% {
-webkit-transform:rotate(0) scale(1)
}
100% {
-webkit-transform:rotate(10deg) scale(1.2)
}
}
.star_wp.show .star_box {
	animation: p3star_effect 20s both linear;
	-webkit-animation: p3star_effect 20s both linear
}
@keyframes p3star_effect {
0% {
transform:scale(0)
}
100% {
transform:scale(.98)
}
}
@-webkit-keyframes p3star_effect {
0% {
-webkit-transform:scale(0)
}
100% {
-webkit-transform:scale(.98)
}
}


.scale_box {
	transform-origin: center center;
	-webkit-transform-origin: center center
}
@media only screen and (min-width:1600px) {
.scale_box {
	transform: scale(1);
	-webkit-transform: scale(1)
}
}
@media only screen and (min-width:1024px) and (max-width:1599px) {
.scale_box {
	transform: scale(.875);
	-webkit-transform: scale(.875)
}
}
@media only screen and (max-width:1023px) {
.scale_box {
	transform: scale(.7);
	-webkit-transform: scale(.7)
}
}




.shubiao{ position:absolute; width:18px; height:47px;     left: 50%;
    margin-left: -9px; top:70%; opacity:1; -moz-opacity:1; -khtml-opacity:1;

  -webkit-animation:opatiy 3s cubic-bezier(0.435, 0.225, 0.335, 0.435) 0s infinite alternate;

    -moz-animation:opatiy 3s cubic-bezier(0.435, 0.225, 0.335, 0.435) 0s infinite alternate;

      -o-animation:opatiy 3s cubic-bezier(0.435, 0.225, 0.335, 0.435) 0s infinite alternate;

         animation:opatiy 3s cubic-bezier(0.435, 0.225, 0.335, 0.435) 0s infinite alternate;

}

.shubiao:hover{ opacity:0.8; -moz-opacity:0.8; -khtml-opacity:0.8;}



@keyframes opatiy

{ 

  from, 20%, 40%, 60%, 80%, to {

    animation-timing-function: cubic-bezier(0.325, 0.225, 0.335, 1.000);

  } 

  0%{

	 top:500px ;

	  }

  20%{

	  top:490px ;

	 }

  40%{

	  top:500px;  

	 }

  60%{

	  top:490px; 

	 }

  80%{

	  top:500px; 

	 }

  to{

	  top:490px; 

	 }  

}

@-webkit-keyframes opatiy

{ 

  from, 20%, 40%, 60%, 80%, to {

    animation-timing-function: cubic-bezier(0.325, 0.225, 0.335, 1.000);

  } 

  0%{

	 top:500px ;

	  }

  20%{

	  top:490px ;

	 }

  40%{

	  top:500px;  

	 }

  60%{

	  top:490px; 

	 }

  80%{

	  top:500px; 

	 }

  to{

	  top:490px; 

	 }  

}

@-moz-keyframes opatiy

{ 

  from, 20%, 40%, 60%, 80%, to {

    animation-timing-function: cubic-bezier(0.325, 0.225, 0.335, 1.000);

  } 

  0%{

	 top:500px ;

	  }

  20%{

	  top:490px ;

	 }

  40%{

	  top:500px;  

	 }

  60%{

	  top:490px; 

	 }

  80%{

	  top:500px; 

	 }

  to{

	  top:490px; 

	 }  

}

@-o-keyframes opatiy

{ 

  from, 20%, 40%, 60%, 80%, to {

    animation-timing-function: cubic-bezier(0.325, 0.225, 0.335, 1.000);

  } 

  0%{

	 top:500px ;

	  }

  20%{

	  top:490px ;

	 }

  40%{

	  top:500px;  

	 }

  60%{

	  top:490px; 

	 }

  80%{

	  top:500px; 

	 }

  to{

	  top:490px; 

	 }  

}




.list{ position:fixed;left:3%; bottom:15%; z-index:99;}
.list h1{ font-size:14px; font-weight:normal; cursor:pointer; position:relative;}

.list h1 a{ color:#fff;}
.list h1 a  span{ display:block; float:left; color:#FFF;}
.list h1 a img{ display:block; float:left; margin-left:5px;}
.list .open{color:#fff; font-size:14px;position: absolute;
    left:0px;
    top: -20px; cursor:pointer;}

.list .close{color:#fff; font-size:14px;position: absolute;
    right: 109px;
    top: -20px; cursor:pointer;}

.list .close  span{ display:block; float:left;color:#FFF;}
.list .close img{ display:block; float:left; margin-right:5px;}


.box .xiaoguo .xiaol{ float:left;}
.box .xiaoguo .xiaor{ float:left;}


#demo1{ 
    position: relative;    
    width: 390px;     
	background:url(../images/heibg.png) repeat;
}
#demo1 .img_list{overflow: hidden; position: relative; height: 102px;}
/* 根据图片的张数来设定ul的宽度 */
.img_list ul{ width: 3500px; position: absolute; height: 102px; left: 0px;}
.img_list li{ float: left; width:390px; }
.img_list img{ margin: 1px; float:left; margin-top:4px;margin-left:60px;}
.img_list li span{float:left; font-size:16px; color:#fff; display:block; padding-top:30px; padding-left:30px;}
.img_list li b{color:#fff; display:block; font-weight:normal; font-size:12px;}
/* 图片对应的按钮样式 */
.btn_list ul{ position: absolute; right: 20px; bottom: 35px; }
.btn_list li{ float: left; margin-right: 10px; color: #999; border: 1px solid #ccc; }
.btn_list li:hover,.btn_list li.on{ cursor: pointer; border: 1px solid #E204A4;}
.btn_list li img{ width: 30px; height: 15px; display: block;}
/* 左右点击的按钮样式 */
#demo1 .toLeft,#demo1 .toRight{
    display: none;
    position: absolute;
    width:10px;
    height: 12px;    
    top: 45px;    
    background: url(../images/left.png) no-repeat;
}

/* 图片对应的说明*/
.img_intro{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25px;
}
.img_intro .img_intro_bg,.img_intro .text{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.img_intro .img_intro_bg{
    background: #000;    
    opacity: .3;
    z-index: 999;
}
.img_intro .text{
    padding: 5px 10px;
    z-index: 1000;
    color: #999;
}
#demo1 .toLeft{
    left:12px;
}
#demo1 .toRight{
    right: 28px;
    background: url(../images/right.png) no-repeat;
}



.fl{float:left}
.fr{float:left;width: 14%;}
.right { float:right;}

.tran{ -webkit-transition:all .2s; transition:all .2s;}
.copyright { color: #999; }
.copyright a{ color: #999; }
/* -------- header -- */
#header{height:80px;position: fixed;z-index:999; width: 100%; background:rgba(255,255,255,0.5);}
.head { width:85%;position:relative; margin:0 auto;}
#header .logo{ width: 11.5%;padding-top: 20px; overflow: hidden;}
.left { float:left;}
#header .logo img{ width:100%}

#header .logo a div{ text-indent: -999px;}
#header .nav{ width: 60%; padding-top:22px;}
#header .nav .nav-list{padding:0 4%; position: relative;height: 120px;overflow: hidden;}
#header .nav .nav-list .nav-link{ display: block; font-size: 16px;color:#fff;margin-top: 11px;text-decoration:none; padding-bottom:15px;}
#header .nav .nav-list .nav-link:hover{border-bottom:2px #fff solid;}
#header .nav .nav-list .nav-m{border:2px #eeeff2 solid; background: #fff; width: 288px; position: absolute;left: 0;top:120px;padding:9px 0 9px 18px;box-shadow: 0 0 2px rgba(0,0,0,.2); opacity: 0;filter:alpha(opacity=0); }
#header .nav .nav-list .more{ width: 90px; padding:0 15px 5px; }
#header .nav .nav-list:hover{ overflow: visible}
#header .nav .nav-list:hover .nav-m{opacity: 1;filter:alpha(opacity=100);top:65px;}
#header .nav .nav-list .nav-m a{ float: left; white-space: nowrap; width: 132px; text-align:center; line-height: 30px;}
#header .nav .nav-list .more a{ width: 100px; color:#333; height:24px; line-height:24px; font-size:14px;text-decoration:none; }
#header .nav .nav-list .nav-m a:hover{color:#0099e5;}
#header .nav .nav-list .wap-touch{ display: none;}
#header .nav div.on{ background:#333; }
#header .login .register{ width: 72px; height: 34px; line-height: 34px;margin-top: 8px;color:#fff;text-align:center;border-radius: 2px; float: left;}
#header .login .register:hover{ background: #0099e5;}
#header .login .in{ width: 72px; height: 34px; line-height: 34px;margin-top: 8px;color:#fff;text-align:center;border-radius: 2px;float: left;margin-left: 10px; -webkit-transition:all 0s; transition:all 0s;}
#header .login .in:hover{border:1px #fff solid; height: 32px; line-height: 32px; width: 70px}
#header .nav .nav-list .nav-m .color-red{ color:#ff4c29; position:relative}
#header .nav .nav-list .nav-m .color-red i{ position:absolute; top:5px; right:60px; background:url(../images/base-nav-hot.png); display:inline-block; width:9px; height:11px;}
#header .nav .nav-list .nav-m .color-red:hover{color:#ff4c29 !important;}
#header .nav .nav-list .nav-m .color-green{ color:#32a525; position:relative}
#header .nav .nav-list .nav-m .color-green i{ position:absolute; top:5px; right:86px; background:url(../images/new-icon.gif); display:inline-block; width:10px; height:14px;}
#header .nav .nav-list .nav-m .color-green:hover{color:#32a525 !important;}

#header .login .gin_left{ float:left;     cursor:pointer; position:relative;margin-left:10px;}
#header .login .gin_left form{ position:absolute;     top:32px;
    right: -90px;    width: 256px; display:none;}
/*	#header .login .gin_left:hover form{ display:block;}*/
#header .login .gin_left .showhide{display:block;}
#header .login .gin_left .guan{ width:190px; padding-left:10px; height:40px; line-height:40px; background:#fff; outline:none; border:1px solid #918B8A; color:#666; float:left; font-family:"微软雅黑";}
#header .login .gin_left .guan01{ width:50px; height:42px; line-height:42px; color:#fff; background:#2970D1; font-family:"微软雅黑";  border:0; outline:none; cursor:pointer; float:left;}
.login {margin-top:30px;}
#header .login .gin_left01{ float:left;cursor:pointer;  position:relative;margin-left:30px;}
#header .login .gin_left01 .rt01{ position:absolute;  top:32px;
    left: -20px; display:none;}
#header .login .gin_left01:hover .rt01{ display:block;}
#header .login .gin_left02{ float:left; cursor:pointer;position:relative;margin-left:30px;}

#header .login .gin_left02 .dindow{ position:absolute; width:100px; text-align:center; top:25px; left:-50px; background:#2E73D2; height:auto; display:none;}
#header .login .gin_left02 .dindow a{ display:block; color:#fff; height:30px; line-height:30px;}
#header .login .gin_left02 .dindow a:hover{ background:#fff; color:#333;}
/*#header .login .gin_left02:hover .dindow{ display:block;}*/
#header .login .gin_left02 .showhide{display:block;}


/*-----------公司简介----------*/
html,body,a,p,span,ul,img{ padding:0; margin:0; list-style:none; border:none; font-size:13px; font-family:"微软雅黑","Arial"; color:#666;}
/* 链接样式 */
a {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}

/* 常用元素 */
.clear { clear:both; font-size:1px; line-height:0px; height:0px; }

.nykuang { width:85%; margin:0 auto; position:relative; height:86%; padding-top:6%;}
.nykuang2 { width:85%; margin:0 auto; position:relative; height:88%; padding-top:6%;}

.zuol { float:left; width:35%;}
.youy { float:right; width:60%;}
.youy img { width:100%; vertical-align:middle;}
.nynav { color:rgba(102,102,102,0.5);}
.nynav a{ color:rgba(102,102,102,0.5);}
.newdh { width:100%; margin-top:5%;}
.newdh a { color:#000000; font-size:18px; padding:0 6%; margin:0 1%; display:inline-block; line-height:41px;}
.newdh a:hover { border:2px solid #7B7473; border-radius:25px;}
.newdh a.on { border:2px solid #7B7473; border-radius:25px;}
.newlie { float:left; width:100%; padding-top:12px;}
.newlie ul li { width:100%; padding-top:5%;}
.sjian { display:block; font-size:14px; color:#bdbdbd; font-family:Arial;}
.newbt { width:100%; height:25px; line-height:25px; background:url(../images/newxian.jpg) no-repeat bottom left; padding-bottom:4%; overflow:hidden;}
.newbt .newl { float:left; width:70%;white-space:nowrap; overflow:hidden; font-size:16px; color:#221815; text-overflow:ellipsis;}

.newbt .newr { display:none; width:16%; float:right; margin-top:1%;transition: transform 30s linear 0s;}
.newlie ul li a:hover .newbt .newr { display:block; }
.newlie ul li p { padding-top:4%; width:100%; line-height:24px;}
.newlie ul li a:hover .newbt .newl{ color:#2970D1;}

/*----------联系我们----------*/
.lxyou { float:right;width:60%; }
.lxwmzuo { width:100%; padding-top:5%; padding-bottom:160px; overflow:hidden;}
.lxyi { font-size:20px; color:#221815;border-top:1px dashed #D3D1D0;border-bottom:1px dashed #D3D1D0; padding:2.6% 0;}
.lxwmzuo p { font-size:14px; color:#3c3c3c; padding-left:35px; min-height:30px;line-height:30px; margin-top:10px;}
.lxwmzuo p.lxbg1 { background:url(../images/lxbg1.png) no-repeat left center;}
.lxwmzuo p.lxbg2 { background:url(../images/lxbg2.png) no-repeat left top;}
.lxwmzuo p.lxbg3 { background:url(../images/lxbg3.png) no-repeat left center;}
.lxwmzuo p.lxbg4 { background:url(../images/lxbg4.png) no-repeat left center;}
.lxer { float:left; width:100%; padding-top:5%;}
.erwei { padding:6px; border:1px dashed #CCCCCC; width:103px; float:left;}
.eryou { float:left; font-size:14px; padding-left:25px; padding-top:80px;}

/*--营销网络--*/
.yxtu { text-align:right;}
.yxtu img { max-height:100%; max-width:100%; vertical-align:middle;}
.yxzuo {border-top: 1px dashed #D3D1D0;    margin-top: 6%;    padding-top: 5%;}
.yxzi { width:100%; padding-top:42px; line-height:25px; font-size:13px; min-height:242px;}
.yxzuo strong { font-size:30px; color:#221815; display:block;}
.yxzuo em { font-size:18px; color:#221815; display:block; font-style:normal; background:url(../images/wlxian.jpg) no-repeat bottom left; padding:13px 0;}

/*--------------翻页------------*/
.fanye{ width:100%; margin:0 auto;line-height:35px; }
.fanyez { width:100%;}
.fanyez .bb { width:100%;overflow: hidden;}
.fanyez .bb p{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.fanyez .left { width:100%;}
.fanyez .fhui { border:1px solid #7B7473; display:inline-block; padding:3px 20px; float:right; border-radius:18px;}
.fanyez .left a.fhui:hover { background:#7B7473; color:#FFF;}


div.digg { padding-right: 3px; padding-left: 3px;clear:both;padding-top: 30px;}
div.digg a { padding-right: 14px;padding-left: 14px;padding-bottom: 8px;  color: #bdbbbb; font-size:14px; padding-top: 8px;  text-decoration: none; margin:0 1px;}
div.digg a.a1 { font-weight:bold; font-size:14px; color:#777777; }
div.digg a.a1 img { vertical-align:sub;}
div.digg a:hover {color: #020202;}
div.digg a:active {color: #000;}
div.digg span {
padding-right: 14px;
padding-left: 14px;
color: #020202;
font-size:14px;
}

/*---------------底部-------------*/
.nfooter { border-top:1px solid #C5C1BE; margin-top:30px;}
.foot { width:85%; margin:0 auto; padding-top:15px; padding-bottom:15px; overflow:hidden;}
.footzuo { float:left; color:#221815; width:80%; line-height:22px;}
.footzuo a{  color:#221815;}
.footyou { float:right;color:#221815; width:20%; text-align:right;}
.footyou img { vertical-align:middle;}
.footyou a { margin-left:2%;}
.map1 { background:url(../images/dw.png) no-repeat left; padding-left:14px;}
.map2 { background:url(../images/dh.png) no-repeat left; padding-left:18px;}

/*--------------人才战略------------*/
.rczuo { width:37%; float:left;}
.rcyou { float:right; width:58%; text-align:right;}
.rcyou img { max-height:100%; max-width:100%; vertical-align:middle; }

.rczl { border-top:1px dashed #D3D1D0; margin-top:6%; padding-top:10%;}
.rczl ul li { overflow:hidden; position:relative; margin-bottom:20px;}
.rctb { float:left; position:absolute; width:26%; height:100%; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.rctb1 { background:url(../images/zktb1.png) no-repeat 0% 24.8%;background-size:90%;}
.rczl ul li:hover .rctb1 { background:url(../images/zktbh1.png) no-repeat 0% 24.8%;background-size:100%;}

.rctb2 { background:url(../images/zktb2.png) no-repeat 0% 24.8%;background-size:90%;}
.rczl ul li:hover .rctb2 { background:url(../images/zktbh2.png) no-repeat 0% 24.8%;background-size:100%;}

.rctb3 { background:url(../images/zktb3.png) no-repeat 0% 24.8%;background-size:90%;}
.rczl ul li:hover .rctb3 { background:url(../images/zktbh3.png) no-repeat 0% 24.8%;background-size:100%;}


.rczly { float:right; width:70%; border-bottom:1px dashed #D3D1D0; margin-bottom:5%; padding-bottom:2%; padding-top:8%;}
.rczly h3 { font-weight:500; font-size:16px; color:#221815; background:url(../images/rcdian.png) no-repeat left center; line-height:25px; padding-left:24px;}
.rczl ul li:hover .rczly h3 { color:#2970d1;}
.rczl ul li:hover .rczly h3 span{ color:#2970d1;}

/*-------------人才招聘--------------*/

.incontent { width: 100%; font-size: 13px;}
.job-select { background: #ededed; padding: 15px 25px 5px; }
.job-item { line-height: 30px; overflow: hidden; padding-bottom: 10px; }
.job-item span { display: blcok; float: left; padding-left: 35px; color: #73737a; }
.job-item a { display: block; float: left; color: #73737a; margin: 0 20px; }
.job-item .current, .job-item a:hover { color: #1c73f9; }
.job-item-adds { background: url(../img/icon-address.png) no-repeat left; }
.job-item-type { background: url(../img/icon-jobclass.png) no-repeat left; }
.job-item-pub { background: url(../img/icon-pubtime.png) no-repeat left; }

.job-list li {min-height:59px; position: relative; width: 100%; }
.job-list-cont { width:100%; position: relative;}
.job-list li .job-list-btn { display: block; position: absolute; top:26px; right:0; background:url(../images/rcjia.jpg) no-repeat;width: 13px;height:13px; cursor:pointer;}
.job-list li .job-list-btn:hover { background:url(../images/rcjian.jpg) no-repeat center; }
.job-list li .act .job-list-btn {  background:url(../images/rcjian.jpg) no-repeat center;}

.job-list-date { width: 109px; margin-left:7px; float: left; color: #666666; background:url(../images/hxian4.jpg) no-repeat right; font-size:18px; font-family: "微软雅黑"; height:48px; line-height:48px; -webkit-transition: all .3s; transition: all .3s; }
.job-list-content { float: left; width:100%;}
.job-list-content p { color: #474752;-webkit-transition: all .3s; transition: all .3s;}
.job-list-content h4 { font-weight:500; font-size: 16px; border-bottom:1px solid #D3D1D0; line-height:59px; height:59px; width:100%; float:left;  }
.job-list li .act .job-list-content h4 {}
.job-list-content h4 .left { width:70%; color:#221815; font-size:16px;}
.job-list-content h4 .right { float:right; width:136px;}
.job-list-content h4 .left span{ background:url(../images/suan.png) no-repeat; width:75px; height:70px; padding-bottom:5px; color: #666; font-weight:500; font-size:30px; font-family:Arial, Helvetica, sans-serif; text-align:center; line-height:70px; display:inline-block; margin-right:6px; }
.lineaa { overflow:hidden; display:none;  padding-top:10px;  width:100%; }
.job-list .current .job-list-content p { height: auto; display: block; }
.job-list .job-list-content p strong { color:#221815; font-weight:500; font-size:16px; display:block; padding-bottom:15px;}
.job-list .current h4 a, .job-list-content h4 a:hover { color: #1c73f9; }

/*by lin*/
.shengqing { float:left; padding-top:10px;}
.shengqing a { font-size:16px;color:#000000; display:block;padding:5px 10px;  border:2px solid #7B7473;border-radius:10px;}
.shengqing a:hover { color:#FFF; background:#2970D1;}
.rccpx { float:right; width:300px;}
.jobn { width:100%; margin:0 auto;}
.jobn .left { float:left; width:90%;}

/**产业**/

.pro-made { padding-top:4%; width:100%;}
.pro-made .box {
	position: relative;
	height:100%;
	width: 100%;
	margin: 0 auto;
}
.pro-made .scroll {
	position: relative;
	width: 100%;
	height:400px;
	overflow: hidden;
}
.pro-made .scroll .con {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height:100%;
	color: #5d5d5d;
}
.pro-made .scroll .con  p{ line-height:25px; padding-bottom:10px;}
.pro-made .btn {
	margin:0px auto;
	padding-top:5%;
}
.pro-made .btn a {
	display: inline-block;
	width: 46px;
	height: 46px;
	margin: 0 3px;
}
.pro-made .btn a.bott-btn { background:url(../images/shleft.png) no-repeat;}
.pro-made .btn a.top-btn { background:url(../images/xright.png) no-repeat;}
.pro-made .btn a:hover.bott-btn { background:url(../images/sleft.png) no-repeat;}
.pro-made .btn a:hover.top-btn { background:url(../images/xhright.png) no-repeat;}

/*-----------董事致辞------------*/
.zcztu { width:25%; float:left; position:absolute; bottom:0; left:0;}
.zcewn { float:right; width:62%; padding-top:10%;}
.zcewn h3{ font-weight:500; font-size:45px; color:#FFF; padding-bottom:3%;}
.zcewn p { color:#FFF; line-height:25px;}
.zczcz { width:85%; margin:0 auto; position:relative; height:88%; padding-top:6%; overflow:hidden;}

/*----------企业文化---------*/
.whlie { width:85%; margin:0 auto; padding-top:5%; overflow:hidden;}
.whlie ul li { width:50%; float:left; position:relative; z-index:9;}
.whlie ul li .meng { background: url(../images/whbg1.png) repeat; position:absolute; left:0; top:0; width:100%; height:100%;-webkit-transition:all 0.8s ease-in-out;-moz-transition:all 0.8s ease-in-out;-ms-transition:all 0.8s ease-in-out;-o-transition:all 0.8s ease-in-out;transition:all 0.8s ease-in-out;}
.whtb { width:100%; height:21%;  text-align:center; background:url(../images/whbg2.png) no-repeat center bottom; padding-top:5%; }
.whtb img { width:6.2%; vertical-align:middle;}
.whbt1 { width:100%; text-align:center; color:#FFF; padding-top:3%;}
.whbt1 span { font-family:Arial; color:#FFF; font-size:18px; display: block; text-transform:uppercase; background:url(../images/lxian.jpg) no-repeat bottom center; padding-bottom:5px;}
.whbt1 p { color:#FFF; padding-top:5%;}

.whlie ul li:hover .meng { filter: alpha(opacity=0);opacity: 0;}


/*-----------发展历程---------*/
#conc { margin:0 auto;WIDTH:85%; padding-top:10%; padding-bottom:15px;}
#tagc {  width:100%; margin:0 auto;}
#tagc LI { float: left; position:relative; width:46px; text-align:center; height:59px; background:url(../images/whabg.png) no-repeat top; padding-top:15px; margin-right:10px;}
#tagc LI A { color: #333333; text-align:center;display: block; height:100%;}
#tagc LI A  span{ color: #fff; font-size:14px;display:block;}
#tagc LI.emptyTag {	BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 4px}
#tagc LI.selectTagc {  color:#fff;font-size:14px; display: block; background:url(../images/whhbg.png) no-repeat;}
#tagc LI.selectTagc A span{color: #fff; font-size:14px;}

#tagContentc {width:100%;overflow: hidden; margin:0 auto;}
.tagContentc {DISPLAY: none;}
#tagContentc DIV.selectTagc {DISPLAY: block;}

.fzb1 { background:url(../images/wha1.png) no-repeat center top; padding-top:38px; }
.fzb2 { background:url(../images/wha2.png) no-repeat center 4px; padding-top:38px;}
.fzb3 { background:url(../images/wha3.png) no-repeat center 4px; padding-top:38px;}

.slider8 { width:93%; position:relative; float:right;}
.fzlcz { float:left; width:39%;}
.fzfei { float:left; width:24%;}
.fzlcy { float:right; width:55%;}
.fzyou { background:url(../images/bxian.png) repeat-y 2%; float:right; width:72%; height:auto;}
.fzdbt { background:url(../images/whbg3.png) no-repeat left; font-size:25px; color:#FFF; padding-left:35px; margin-top:12%;}
.movepic h3 { font-size:30px; color:#FFF; font-weight:500; font-family:"宋体";}
.movepic h3 span { color:#FFF; font-size:16px; font-family:"宋体";}
.movepic p { color:#FFF; background:url(../images/whbg5.png) no-repeat left 6px; padding-left:15px; margin-bottom:5px;}


.bnn{
    width:100%;
    height:399px;
	position:relative;
}
.bnn img{
    display: block;
	position: absolute;
	left: 50%;
	margin-left: -960px;
}
.new-write{
    width:100%;
    height:442px;
    background: #fff;
    padding-top: 92px;
}
.newall .content{
    overflow: visible;
}
.new-write .lf{
    float:left;
    width:424px;
    padding-left: 12px;
}
.new-write .imgcl{
    float:left;
    width:480px;
    height:275px;
    position: relative;
}
.new-write .movepic{
    float:left;
    width:100%;
    height:100%;
}
.yin{
	display:none;
	height:100%;

}


.twbrown{
    width:93%;
	float:right;
    height:auto;
    position: relative;
}
.twbrown .imgcl{
    width:100%;
    height:auto;
    float:left;
    position: relative;
}
.twbrown .movepic{
    width:100%;
    position: relative;
	float:left;
	padding-top:5%;
	padding-bottom:5%;
	min-height:300px;
}
.twbrown .imgcl img{
    position: absolute;
    top:0;
    left:0;
	display:block;
}
.twbrown .imgcl .ft a{
    display: block;
    width:46px;
    height:46px;
    float:left;
}
.twbrown .imgcl .ft{ float:left;}
.twbrown .imgcl .ft .btlf{ background:url(../images/whs.png) no-repeat;}
.twbrown .imgcl .ft .btrt{ background:url(../images/whx.png) no-repeat; margin-left:10px;}
.twbrown .lf{
    float:right;
    width:454px;
    padding-top: 42px;
}
.twbrown .lf span{
    line-height: 44px;
    float:left;
    width:100%;
    font-size: 18px;
    color:#fff;
}
.twbrown .lf .say{
    width:430px;
    float:left;
    line-height: 24px;
    color:#d3d3d3;
}
.twtw .imgcl{
    float:right;
    margin:0px 0px -62px 0px;
}
.twtw .lf{
    float:left;
}
.twtw .imgcl .ft{
    right:0px;
    left:-122px;
    top:258px;
}
.tw-write .lf{
    float:right;
}
.tw-write{
    padding-top: 158px;
    height:376px;
}
/*清除浮动*/
.clear {
    clear: both;
}
.fl {
	float:left;
    display: inline;
}
.fr {
	float:right;
    display: inline;
}

#gs2 {background:url(../images/zcbg2.jpg) no-repeat top center;background-size:100% 100%;}
.xw1 { display:none;}

/* 发展历程 */
.focus{width:100%;height:274px;position:relative;}
.focus ul{height:274px;position:absolute;}
.focus ul li{float:left;width:100%;height:274px;overflow:hidden;position:relative;}
.focus .btn{position:absolute;width:1200px;height:11px;left:0;bottom:5px;text-align:center;}
.focus .btn span{display:inline-block;_display:inline;_zoom:1;width:11px;height:11px;margin-left:5px;cursor:pointer; background: url(../images/kxl.png) no-repeat;}
.focus .btn span.on{ background:url(../images/sxl.png) no-repeat;}
.focus .preNext{width:40px;height:40px;position:absolute;top:90px;cursor:pointer;}
.focus .pre{  background:url(../images/hleft.png) no-repeat; left:-82px;}
.focus .next{  background:url(../images/hright.png) no-repeat; right:-82px;}

.focus .pre:hover { background:url(../images/lleft.png) no-repeat;}
.focus .next:hover {  background:url(../images/lright.png) no-repeat;}

/*----------------关于我们-----------*/
#yh-sucai p { width:94%; line-height:25px; padding-bottom:15px;}
#yh-sucai p { width:94%; line-height:25px; padding-bottom:15px;}
.wzj-g-sd-tj-txt { position:relative; overflow:hidden; z-index:99;}
.sucai {width:100%;max-height:520px;overflow:hidden; overflow-y:auto;}
.yh-sucai { overflow:hidden; width:100%;}

/*----------------发展历程-----------*/
.sucai2 {width:100%;max-height:380px;overflow:hidden; overflow-y:auto;}
.movepic { width:95%;}
#gs4 { background:url(../images/fzlcbg.jpg) no-repeat; background-size:100% 100%;}

/*-----------------荣誉--------------*/
.ryzuo { float:left; width:100%;overflow:hidden; overflow-y:auto;}
.ryzuo p { line-height:25px; padding-bottom:5px;}
.ryyou { float:right; width:60%; overflow:hidden; overflow-y:auto;max-height:690px;}
.ryyou img { border:2px solid #BDB9B8; margin:10px 3.91%; width:24%;}

::-webkit-scrollbar {  
  width: 14px;  
  height: 14px;  
}  
  
::-webkit-scrollbar-track,  
::-webkit-scrollbar-thumb {  
  border-radius: 999px;  
  border: 5px solid transparent;  
}  
  
::-webkit-scrollbar-track {  
  box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset;  
}  
  
::-webkit-scrollbar-thumb {  
  min-height: 20px;  
  background-clip: content-box;  
  box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset;  
}  
  
::-webkit-scrollbar-corner {  
  background: transparent;  
}  

.rykuang { width:85%; margin:0 auto; position:relative; height:77%; padding-top:6%;}

/*--产品频道页--*/
.probt { width:98%; margin:0 auto;}
.cpzuo { float:left; display:inline-block; line-height:42px;}
.cpzuo a { color:#000000;border:2px solid #7B7473; display:inline-block; text-align:center; border-radius:25px; font-size:25px; padding:0 20px; min-width:160px;}
.pronav { float:left; padding-top:20px; padding-left:2%;}
.cpyou { float:right;}
.cplie { width:100%;padding-bottom:33px; padding-top:33px;}
.cplie ul {}
.cplie ul li { position:relative; float:left;}
.cppic { position:relative; width:100%; line-height:0;}
.cplbt { font-size:18px; color:#000000; text-align:center; padding:15px 0; overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis;  width:100%;}
.cplbt span { display:block; color:rgba(0,0,0,0.5); text-transform:uppercase; overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; width:95%; margin:0 auto;}
.cplie ul li:hover .cplbt { background:#EFEFEF;}
.cppiao { opacity:0; position:absolute; left:0; top:0; background:url(../images/cpbg1.png) repeat; width:100%; padding:0 2%; height:100%; font-size:14px; color:#FFF; text-align:center; line-height:25px;    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;}
.cppiao span { background:url(../images/cpjit.png) no-repeat center; width:89px; height:89px; display:block; background-size:100%; margin:0 auto; margin-top:15%; margin-bottom:5%;}
.cplie ul li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cppiao {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}


/*--产品详情--*/
.proxyou { border:1px solid #DDDDDD; float:right; width:57%; overflow:hidden; text-align:center; }
.proxyou img { max-height:100%; max-width:100%; vertical-align:middle; }
.pzuol { width:40%; float:left;}
.psucai {width:100%;max-height:540px;overflow:hidden; overflow-y:auto;}

.cpxzuo { width:100%; min-height: 540px;}
.cpxzuo h4 { font-size:18px; color:#221815; font-weight:500; padding-top:20px; padding-bottom:10px;}
.cpxzuo #yh-sucai p { font-size:14px; padding-bottom:0px;}
.cpxzuo img { width:100%;}

/*----*/
.xwxbt { font-size:14px; line-height:25px; padding-bottom:5px; padding-top:3%; text-align:center;}
.xwsj { font-size:13px;border-bottom: 1px dashed #D3D1D0;padding-bottom:3%;text-align:center;}

.pcwen {width:50%; float:right;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	float: left
}
.col-xs-12 {
	width: 100%
}
.col-xs-11 {
	width: 91.66666667%
}
.col-xs-10 {
	width: 83.33333333%
}
.col-xs-9 {
	width: 75%
}
.col-xs-8 {
	width: 66.66666667%
}
.col-xs-7 {
	width: 58.33333333%
}
.col-xs-6 {
	width: 50%
}
.col-xs-5 {
	width: 41.66666667%
}
.col-xs-4 {
	width: 33.33333333%
}
.col-xs-3 {
	width: 25%
}
.col-xs-2 {
	width: 16.66666667%
}
.col-xs-1 {
	width: 8.33333333%
}
.col-xs-pull-12 {
	right: 100%
}
.col-xs-pull-11 {
	right: 91.66666667%
}
.col-xs-pull-10 {
	right: 83.33333333%
}
.col-xs-pull-9 {
	right: 75%
}
.col-xs-pull-8 {
	right: 66.66666667%
}
.col-xs-pull-7 {
	right: 58.33333333%
}
.col-xs-pull-6 {
	right: 50%
}
.col-xs-pull-5 {
	right: 41.66666667%
}
.col-xs-pull-4 {
	right: 33.33333333%
}
.col-xs-pull-3 {
	right: 25%
}
.col-xs-pull-2 {
	right: 16.66666667%
}
.col-xs-pull-1 {
	right: 8.33333333%
}
.col-xs-pull-0 {
	right: auto
}
.col-xs-push-12 {
	left: 100%
}
.col-xs-push-11 {
	left: 91.66666667%
}
.col-xs-push-10 {
	left: 83.33333333%
}
.col-xs-push-9 {
	left: 75%
}
.col-xs-push-8 {
	left: 66.66666667%
}
.col-xs-push-7 {
	left: 58.33333333%
}
.col-xs-push-6 {
	left: 50%
}
.col-xs-push-5 {
	left: 41.66666667%
}
.col-xs-push-4 {
	left: 33.33333333%
}
.col-xs-push-3 {
	left: 25%
}
.col-xs-push-2 {
	left: 16.66666667%
}
.col-xs-push-1 {
	left: 8.33333333%
}
.col-xs-push-0 {
	left: auto
}
.col-xs-offset-12 {
	margin-left: 100%
}
.col-xs-offset-11 {
	margin-left: 91.66666667%
}
.col-xs-offset-10 {
	margin-left: 83.33333333%
}
.col-xs-offset-9 {
	margin-left: 75%
}
.col-xs-offset-8 {
	margin-left: 66.66666667%
}
.col-xs-offset-7 {
	margin-left: 58.33333333%
}
.col-xs-offset-6 {
	margin-left: 50%
}
.col-xs-offset-5 {
	margin-left: 41.66666667%
}
.col-xs-offset-4 {
	margin-left: 33.33333333%
}
.col-xs-offset-3 {
	margin-left: 25%
}
.col-xs-offset-2 {
	margin-left: 16.66666667%
}
.col-xs-offset-1 {
	margin-left: 8.33333333%
}
.col-xs-offset-0 {
	margin-left: 0
}

@media (min-width:992px) {
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
	float: left
}
.col-md-12 {
	width: 100%
}
.col-md-11 {
	width: 91.66666667%
}
.col-md-10 {
	width: 83.33333333%
}
.col-md-9 {
	width: 75%
}
.col-md-8 {
	width: 66.66666667%
}
.col-md-7 {
	width: 58.33333333%
}
.col-md-6 {
	width: 50%
}
.col-md-5 {
	width: 41.66666667%
}
.col-md-4 {
	width: 33.33333333%
}
.col-md-3 {
	width: 25%
}
.col-md-2 {
	width: 16.66666667%
}
.col-md-1 {
	width: 8.33333333%
}
.col-md-pull-12 {
	right: 100%
}
.col-md-pull-11 {
	right: 91.66666667%
}
.col-md-pull-10 {
	right: 83.33333333%
}
.col-md-pull-9 {
	right: 75%
}
.col-md-pull-8 {
	right: 66.66666667%
}
.col-md-pull-7 {
	right: 58.33333333%
}
.col-md-pull-6 {
	right: 50%
}
.col-md-pull-5 {
	right: 41.66666667%
}
.col-md-pull-4 {
	right: 33.33333333%
}
.col-md-pull-3 {
	right: 25%
}
.col-md-pull-2 {
	right: 16.66666667%
}
.col-md-pull-1 {
	right: 8.33333333%
}
.col-md-pull-0 {
	right: auto
}
.col-md-push-12 {
	left: 100%
}
.col-md-push-11 {
	left: 91.66666667%
}
.col-md-push-10 {
	left: 83.33333333%
}
.col-md-push-9 {
	left: 75%
}
.col-md-push-8 {
	left: 66.66666667%
}
.col-md-push-7 {
	left: 58.33333333%
}
.col-md-push-6 {
	left: 50%
}
.col-md-push-5 {
	left: 41.66666667%
}
.col-md-push-4 {
	left: 33.33333333%
}
.col-md-push-3 {
	left: 25%
}
.col-md-push-2 {
	left: 16.66666667%
}
.col-md-push-1 {
	left: 8.33333333%
}
.col-md-push-0 {
	left: auto
}
.col-md-offset-12 {
	margin-left: 100%
}
.col-md-offset-11 {
	margin-left: 91.66666667%
}
.col-md-offset-10 {
	margin-left: 83.33333333%
}
.col-md-offset-9 {
	margin-left: 75%
}
.col-md-offset-8 {
	margin-left: 66.66666667%
}
.col-md-offset-7 {
	margin-left: 58.33333333%
}
.col-md-offset-6 {
	margin-left: 50%
}
.col-md-offset-5 {
	margin-left: 41.66666667%
}
.col-md-offset-4 {
	margin-left: 33.33333333%
}
.col-md-offset-3 {
	margin-left: 25%
}
.col-md-offset-2 {
	margin-left: 16.66666667%
}
.col-md-offset-1 {
	margin-left: 8.33333333%
}
.col-md-offset-0 {
	margin-left: 0
}
}
@media (min-width:1200px) {
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
	float: left
}
.col-lg-12 {
	width: 100%
}
.col-lg-11 {
	width: 91.66666667%
}
.col-lg-10 {
	width: 83.33333333%
}
.col-lg-9 {
	width: 75%
}
.col-lg-8 {
	width: 66.66666667%
}
.col-lg-7 {
	width: 58.33333333%
}
.col-lg-6 {
	width: 50%
}
.col-lg-5 {
	width: 41.66666667%
}
.col-lg-4 {
	width: 33.33333333%
}
.col-lg-3 {
	width: 25%
}
.col-lg-2 {
	width: 16.66666667%
}
.col-lg-1 {
	width: 8.33333333%
}
.col-lg-pull-12 {
	right: 100%
}
.col-lg-pull-11 {
	right: 91.66666667%
}
.col-lg-pull-10 {
	right: 83.33333333%
}
.col-lg-pull-9 {
	right: 75%
}
.col-lg-pull-8 {
	right: 66.66666667%
}
.col-lg-pull-7 {
	right: 58.33333333%
}
.col-lg-pull-6 {
	right: 50%
}
.col-lg-pull-5 {
	right: 41.66666667%
}
.col-lg-pull-4 {
	right: 33.33333333%
}
.col-lg-pull-3 {
	right: 25%
}
.col-lg-pull-2 {
	right: 16.66666667%
}
.col-lg-pull-1 {
	right: 8.33333333%
}
.col-lg-pull-0 {
	right: auto
}
.col-lg-push-12 {
	left: 100%
}
.col-lg-push-11 {
	left: 91.66666667%
}
.col-lg-push-10 {
	left: 83.33333333%
}
.col-lg-push-9 {
	left: 75%
}
.col-lg-push-8 {
	left: 66.66666667%
}
.col-lg-push-7 {
	left: 58.33333333%
}
.col-lg-push-6 {
	left: 50%
}
.col-lg-push-5 {
	left: 41.66666667%
}
.col-lg-push-4 {
	left: 33.33333333%
}
.col-lg-push-3 {
	left: 25%
}
.col-lg-push-2 {
	left: 16.66666667%
}
.col-lg-push-1 {
	left: 8.33333333%
}
.col-lg-push-0 {
	left: auto
}
.col-lg-offset-12 {
	margin-left: 100%
}
.col-lg-offset-11 {
	margin-left: 91.66666667%
}
.col-lg-offset-10 {
	margin-left: 83.33333333%
}
.col-lg-offset-9 {
	margin-left: 75%
}
.col-lg-offset-8 {
	margin-left: 66.66666667%
}
.col-lg-offset-7 {
	margin-left: 58.33333333%
}
.col-lg-offset-6 {
	margin-left: 50%
}
.col-lg-offset-5 {
	margin-left: 41.66666667%
}
.col-lg-offset-4 {
	margin-left: 33.33333333%
}
.col-lg-offset-3 {
	margin-left: 25%
}
.col-lg-offset-2 {
	margin-left: 16.66666667%
}
.col-lg-offset-1 {
	margin-left: 8.33333333%
}
.col-lg-offset-0 {
	margin-left: 0
}
}


@media (max-width:768px) {
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
	float: left
}
.col-sm-12 {
	width: 100%
}
.col-sm-11 {
	width: 91.66666667%
}
.col-sm-10 {
	width: 83.33333333%
}
.col-sm-9 {
	width: 75%
}
.col-sm-8 {
	width: 66.66666667%
}
.col-sm-7 {
	width: 58.33333333%
}
.col-sm-6 {
	width: 50%
}
.col-sm-5 {
	width: 41.66666667%
}
.col-sm-4 {
	width: 33.33333333%
}
.col-sm-3 {
	width: 25%
}
.col-sm-2 {
	width: 16.66666667%
}
.col-sm-1 {
	width: 8.33333333%
}
.col-sm-pull-12 {
	right: 100%
}
.col-sm-pull-11 {
	right: 91.66666667%
}
.col-sm-pull-10 {
	right: 83.33333333%
}
.col-sm-pull-9 {
	right: 75%
}
.col-sm-pull-8 {
	right: 66.66666667%
}
.col-sm-pull-7 {
	right: 58.33333333%
}
.col-sm-pull-6 {
	right: 50%
}
.col-sm-pull-5 {
	right: 41.66666667%
}
.col-sm-pull-4 {
	right: 33.33333333%
}
.col-sm-pull-3 {
	right: 25%
}
.col-sm-pull-2 {
	right: 16.66666667%
}
.col-sm-pull-1 {
	right: 8.33333333%
}
.col-sm-pull-0 {
	right: auto
}
.col-sm-push-12 {
	left: 100%
}
.col-sm-push-11 {
	left: 91.66666667%
}
.col-sm-push-10 {
	left: 83.33333333%
}
.col-sm-push-9 {
	left: 75%
}
.col-sm-push-8 {
	left: 66.66666667%
}
.col-sm-push-7 {
	left: 58.33333333%
}
.col-sm-push-6 {
	left: 50%
}
.col-sm-push-5 {
	left: 41.66666667%
}
.col-sm-push-4 {
	left: 33.33333333%
}
.col-sm-push-3 {
	left: 25%
}
.col-sm-push-2 {
	left: 16.66666667%
}
.col-sm-push-1 {
	left: 8.33333333%
}
.col-sm-push-0 {
	left: auto
}
.col-sm-offset-12 {
	margin-left: 100%
}
.col-sm-offset-11 {
	margin-left: 91.66666667%
}
.col-sm-offset-10 {
	margin-left: 83.33333333%
}
.col-sm-offset-9 {
	margin-left: 75%
}
.col-sm-offset-8 {
	margin-left: 66.66666667%
}
.col-sm-offset-7 {
	margin-left: 58.33333333%
}
.col-sm-offset-6 {
	margin-left: 50%
}
.col-sm-offset-5 {
	margin-left: 41.66666667%
}
.col-sm-offset-4 {
	margin-left: 33.33333333%
}
.col-sm-offset-3 {
	margin-left: 25%
}
.col-sm-offset-2 {
	margin-left: 16.66666667%
}
.col-sm-offset-1 {
	margin-left: 8.33333333%
}
.col-sm-offset-0 {
	margin-left: 0
}

#gs2 {background:url(../images/zcbg3.jpg) no-repeat top center;background-size:100% 100%;}

}








