@charset "utf-8";
/* CSS Document */
.yetou
{
	height: 45px;
}
.yetou .left
{
	width:270px;
	height:15px;
	float:left;	
	line-height:45px;
	margin-left:50px;
}
.yetou .left .left_1
{
	float: left;
	/*margin-top: 15px;*/
}
.yetou .left .left_2
{
	font-size:12px;
	color:#a0a0a0;
	float:right;
}
.yetou .right
{
	height:15px;
	float:right;
}
.yetou .right1
{
	width:235px;
	float:left;	
	margin-top:15px;
	margin-right:5px;
}
.yetou .right2
{
	width: 110px;
	float: right;
	margin-top: 15px;
	margin-right: 50px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #b8b8b8;
}
.yetou .right .right_1
{
	float:left;
	margin-top:2px;
	margin-right:5px;
	margin-left:10px;
}
.yetou .right .right_2
{
	font-size:12px;
	float: left;
	/*margin-left:10px;*/
}
.yetou .right .right_2 a{

    color:#a0a0a0;
}
.yetou .yetouxian
{
	height:2px;
	color:#b8b8b8;
}
/*页头结束*/
.logo
{
	height:100px;

	position: relative;
}
.logo .logo_left
{
	width:440px;
	height:66px;
	margin-left:50px;
	margin-top:20px;
	float:left;
	margin-right:50px;
}
.logo_right1 li
{
	float: left;
	margin-left:10px;
	margin-right:10px;
	line-height:100px;
	list-style-type:none;/*清除链接首点*/
}
.logo_right1 li a
{
	padding-left:10px;
	padding-right:10px;
	display:block;
	color:#676767;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	border-bottom-width: 3px;
}
/*.logo_right1 li:hover
{
	border-bottom-style: solid;
	border-bottom-color: #149380;
	border-bottom-width: 3px;
}*/
.logo_right1 li:hover a{
    color:#149380;
	border-bottom-color: #149380;
}
.logo_right1 li .logo_act{
	color:#149380;
	border-bottom-color: #149380;
}
.logo .logo_right2
{
	width:20px;
	float:right;
	color: #000;
	text-align: center;
	margin-top:40px;
	margin-right:60px;
}

.logo .right2_hide{

	display: inline-block;

	height: 40;

	position: absolute;

	right: 80px;

	bottom: 0px;

	/*background-color: rgba(241,241,241,0.6);*/

	padding: 0px 30px;

	z-index: 111;
}

.logo .right2_hide .right2_hidecon{

	float: left;

	height: 40px;

	border-radius: 25px;

	border: 2px solid #324B4E;

	background:#F9F0DA;
}

.logo .right2_hide .right2_hidecon input{

	width: 150px;

	height: 100%;

	float: left;

	margin: 0;

	padding: 0;

	border: none;

	background-color: #F9F0DA;

	border-radius: 25px 0px 0px 25px;

	padding-left: 10px;

	-webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;
}

.logo .right2_hide .right2_hidecon input:focus{

	width:200px;
}

.logo .right2_hide .right2_hidecon button{

	width: 60px;

	height: 100%;

	float: left;

	margin: 0;

	padding: 0;

	border: none;

	background-color: #F9F0DA;

	border-radius: 0px 25px 25px 0px;

	outline: none;

	cursor: pointer;
}

.logo .right2_hide .right2_hidecon button:before {

	content: '搜索';

	font-family:FontAwesome;

	color:#324b4e;
}

/*logo结束*/
.box184152224 .swiper-container 
{
    height:700px;
    width: 100%;
}
.box184152224 .swiper-pagination-bullet
{
    width: 14px;
    height: 14px;
    background: #666;
    opacity: 1;
    border-radius: 50%;		
}
.box184152224 .swiper-pagination-bullet-active
{
    width: 14px;
    height: 14px;
    border-bottom: 2px solid #fff;
    background: #fff;    
}
/*幻灯片结束*/
.cpzs
{
	width: 100%;
	height: 40px;
	margin-top:100px;
}
.cpzs .cpzs_left
{
	width:150px;
	float:left;
}
.cpzs .cpzs_left1
{
	width:90px;
	font-size:22px;
	color:#1d1d1d;
}
.cpzs .cpzs_left2
{
	width:150px;
	font-size:14px;
	color:#b9b9b9;
}
.cpzs .cpzs_right
{
	line-height: 40px;
	float: right;
	font-size: 8px;
	color: #909090;
}
.cpzs .cpzs_right li
{
	line-height:40px;
	float: left;
	font-size: 16px;
	color: #909090;
	list-style-type:none;/*清除链接首点*/
}
.cpzs .cpzs_right li a
{
	display:block;
	color:#676767;
}
.cpzs .cpzs_right li a:hover
{
	color:#0d8f83;
}
.cpzs .cpzs_right li:hover
{
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#149286;
}
.cpzs .cpzs_right2
{
	line-height:40px;
	color: #909090;
	margin-left: 20px;
	margin-right: 20px;
	float: left;
}

.jz_a
{	
    font-size:20px;
	text-align:center;
	margin-top:8px;
}
.jz_tp
{
	width: 100%;
	height: 380px;
	margin: 0 auto;
	margin-top: 20px;
}
.abo1
{
	float: left;
	width: 25%;
	text-align: center;
}
.abo1_tr 
{
	padding: 10px;
	text-align: center;
}
.abo1_pic
{
	width: 100%;
	border: 1px solid #cdcdcd;
}
.p
{
	width:100%;
	height:77px;
}
.p a
{
	margin-top:20px;
	color:#252525;
	float:left;
	margin-left:15px;
	font-size: 16px;
}
.p a:hover
{
	margin-top:20px;
	float:left;
	margin-left:15px;
	font-size: 16px;
	color:#218c82;
}
.p2
{
	width:280px;
	height:17px;
}
.p2 .img
{
	float:right;
	margin-right:15px;
}
.p3
{
	height: 13px;
	font-size: 12px;
	color: #adadad;
	float: left;
	margin-left: 15px;
}
.p4
{
	width: 100%;
	margin-top:15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	display: none;
}
.xw
{
	width: 1200px;
	background-color: #FFF;
}
.x
{
	width: 1145px;
	height: 300px;
	margin: 0 auto;
	margin-bottom: 120px;
}
.x_1
{
	width: 400px;
	height: 300px;
	float: left;
}
.x_2
{
	width: 680px;
	height: 300px;
	float: right;
}
.fx
{
	width: 100%;
	line-height: 30px;
	margin-top:45px;
}
.fxk
{
	width:60px;
	margin:0 auto;
}
.fx .fx_left
{
	float:left;
	margin-right:20px;
	margin-top:7px;
	margin-bottom:110px;
	text-align:center;
}
.fx .fx_min
{
	height:30px;
	float:left;
	margin:0 auto;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #dddddd;
}
.fx .fx_right
{
	float:right;
	margin-top:7px;
	text-align:center;
}
/*产品介绍结束*/
.qiye
{
	width: 100%;
	position: relative;
	height: 320px;
}
.qiye .qiye_left
{
	width: 50%;
	float:left;
	height: 100%;
}
.qiye .qiye_left .left_1
{
	/*width:270px;*/
	float:left;
	/*margin:0 auto;*/
	margin-top:50px;
	display: block;
	width: 100%;
}
.qiye .qiye_left .left_1_1
{
	/*width: 105px;*/
	font-size: 26px;
	color: #fffeff;
	float: left;
}
.qiye .qiye_left .left_1_2
{
	/*width:155px;*/
	font-size:16px;
	color:#fffeff;
	float:left;
	margin-top:14px;
	margin-left: 12px;
}
.qiye .qiye_left .left_1_3
{
	width: 35px;
	height: 2px;
	color: #fefffd;
	float: left;
	margin-top: 14px;
	background-color: #FFF;
	margin-right: 400px;
}
.qiye .qiye_left .left_1_4
{
	width: 530px;
	color: #fefffd;
	float: left;
	font-size: 14px;
	margin-top: 14px;
	line-height:25px;
}
.qiye .qiye_right
{
	width: 50%;
	float: left;
}
/*企业简介结束*/
.wenhua
{
	width:100%;
	height:320px;
}
.wenhua .wenhua_left
{
	width:50%;
	float:left;
	height: 100%;
}
.wenhua .wenhua_right
{
	width: 50%;
	float: right;
	height: 100%;
	padding: 60px 0px 0px 60px;
}
.wenhua .wenhua_right .right_1
{
	width:270px;
	float:left;
	margin:0 auto;
	margin-top:50px;
}
.wenhua .wenhua_right .right_1_1
{
	/*width: 105px;*/
	font-size: 26px;
	color: #222222;
	float: left;
	/*margin-top: 60px;*/
	/*margin-left: 60px;*/
}
.wenhua .wenhua_right .right_1_2
{
	/*width:155px;*/
	font-size:16px;
	color:#999999;
	float:left;
	margin: 14px 0px 0px 12px;
}
.wenhua .wenhua_right .right_1_3
{
	width: 35px;
	height: 2px;
	float: left;
	margin-top: 14px;
	background-color: #cccccc;
	/*margin-left: 60px;*/
	margin-right: 400px;
}

.wenhua .wenhua_right .right_1_4
{
	width: 530px;
	color: #222222;
	float: left;
	font-size: 14px;
	margin-top: 14px;
	line-height: 25px;
	margin-left: 60px;
}
.wenhua .wenhua_right .right_add{

	float: left;

	width: 100%;

	color: #222222;

	font-size: 14px;

	/*margin: 25px 0px 0px 60px;*/

	margin-top: 25px;

	line-height: 25px;
}
/*企业简介结束*/
.rongyu
{
	width:100%;
	height:320px;
}
.rongyu .rongyu_right
{
	width:50%;
	float:right;
}
.rongyu .rongyu_left
{
	width:50%;
	float:left;
	height: 100%;
}
.rongyu .rongyu_left .left_1
{
	/*width:270px;*/
	float:left;
	/*margin:0 auto;*/
	display: block;
	width: 100%;
	padding-top: 60px;
}
.rongyu .rongyu_left .left_1_1
{
	/*width: 105px;*/
	font-size: 26px;
	color: #222222;
	float: left;
	/*margin-top: 60px;*/
}
.rongyu .rongyu_left .left_1_2
{
	width:155px;
	font-size:16px;
	color:#999999;
	float:left;
	/*margin-top:74px;*/
	margin: 14px 0px 0px 12px;
}
.rongyu .rongyu_left .left_1_3
{
	width: 35px;
	height: 2px;
	float: left;
	margin-top: 14px;
	background-color: #cccccc;
	margin-right: 400px;
}
.rongyu .rongyu_left .left_1_4
{
	width: 530px;
	color: #222222;
	float: left;
	font-size: 14px;
	margin-top: 14px;
	line-height:25px;
}
/*企业荣誉结束*/
.gywm
{
	width:100%;
}
.gywm .gywm_left
{
	width:50%;
	float:left;
	margin-top:40px;
}
.gywm .gywm_left .gywm_left1
{
	float:left;
	margin-left:60px;
}
.gywm .gywm_left .gywm_left2
{
	float:right;
	font-size:30px;
	color:#ffffff;
	margin-right:10px;
}
.gywm .gywm_right
{
	width:50%;
	height:120px;
	float:right;
}
.gywm .gywm_right .gywm_right1
{
	float:left;
	font-size:24px;
	color:#91b7b2;
	margin-left:10px;
	margin-top:45px;
}
.gywm .gywm_right .gywm_right2
{
	text-align: center;
	float: right;
}
/*关于我们结束*/
.xwzx
{
	width:100%;
	position: relative;
	/*margin-top:110px;*/
}
.xwzx_left
{
	display: block;

	width: 100%;

	position: absolute;

	left: 0px;

	right: 0px;

	top: 110px;

	font-size: 20px;

	color: #222222;

	z-index: 1;
}

.xwzx_left span
{
	font-size:12px;
	color:#999;
}

.xwzx_left span,
.xwzx_left p{

	margin-left: 8.3%;
}

.xwzx .xwzx_min 
{
	width:700px;
	/*margin-left:140px;*/
	float: left;
	height: 730px;
	min-height: 730px;
	max-height: 730px;
}
.xwzx .xwzx_min .min1
{
	width: 480px;

	margin-left: 110px;

	/*padding-top: 110px;*/

	margin-top: 110px;

	border-left: 1px solid #f1f1f1;

	position:relative;

	float: left;

	height: 300px;

	overflow: hidden;
}
.xwzx .xwzx_min .min1 img{
	
	/*position: absolute;

	max-height: 100%;

    max-width: 100%;

    width: auto;

    height: auto;

    top: 50%;

    left: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);*/

    width: 100%;

    height: 100%;
}

.xwzx .xwzx_min .min2
{
	/*display: block;*/
	width: 100%;
	float: left;
}
.xwzx .xwzx_min .min2 .min2_left
{
	float:left;
	width: 110px;
	text-align: center;
	padding-top: 30px;
}
.xwzx .xwzx_min .min2 .min2_left .min2_cen{
	width: 67px;
	display: inline-block;
}
.xwzx .xwzx_min .min2_left1
{
	font-size:24px;
	color:#666666;
	float:left;
}
.xwzx .xwzx_min .min2_left2
{
	font-size: 14px;
	color: #999999;
	margin-top: 10px;
	float: right;
}
.xwzx .xwzx_min .min2 .min2_right
{
	padding-top: 30px;
	width: 480px;
	/*margin-left: 110px;*/
	float: left;
	border-left: 1px solid #f1f1f1;
}
.xwzx .xwzx_min .min2_right .m2_right1
{
	height: 30px;
	line-height: 30px;
	padding-left: 25px;
	border-left: 2px solid #cccccc;
	font-size: 18px;
	color: #222222;
	display: block;
	float: left;
}
.xwzx .xwzx_min .min2_right .m2_right2
{
	padding-left: 25px;
	margin-top: 22px;
	float: left;
	display: block;
	font-size: 12px;
	color: #747474;
	line-height: 20px;
	padding-bottom: 30px;
}
.min2_r2{
	margin-left: 110px;
	border-left: 1px solid #f1f1f1;
    float: left;
    padding-bottom: 100px;
}
.min2_r2 .min2_r2con{
	float: left;
	width: 100px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #666666;
	border-top: 1px solid #ccc;
	margin-left: 25px;
}
.min2_r2 .min2_r2con img{
	width: 8px;
	height: 15px;
	margin-left: 8px;
}
/*.xwzx .xwzx_min .min2_r2
{
	width: 100px;
	height: 40px;
	margin-left:110px;
	margin-top:150px;
	padding-left: 25px;
    border-left: 1px solid #f1f1f1;
    border-top: 1px solid #ccc;
    padding-bottom: 110px;
}
.xwzx .xwzx_min .min2_r2 .r2_1
{
	width:45px;
	line-height:40px;
	float:left;
	text-align:center;
	font-size:14px;
	color:#666666;
}
.xwzx .xwzx_min .min2_r2 .r2_2
{
	float:right;
	margin-top: 10px;
}
*/

.xwzx_lefts{

	width:700px;

	float: left;

	height: 730px;

	min-height: 730px;

	max-height: 730px;

	-webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;
}

.xwzx_lefts .xwzx_leftszuo{

	float: left;

	width: 109px;

	height: 100%;

	border-right: 1px solid #f1f1f1;

	position: relative;
}

.xwzx_lefts .xwzx_leftszuo .xwzx_leftszuocon{

	display: inline-block;

	position: absolute;

	width: 67px;

	top: 440px;

	left: 23px;
}

.xwzx_lefts .xwzx_leftszuo .xwzx_leftszuocon p{

	font-size: 24px;

    color: #666666;

    float: left;
}
.xwzx_lefts:hover .xwzx_leftszuo .xwzx_leftszuocon p{

	color: #129382;
}

.xwzx_lefts .xwzx_leftszuo .xwzx_leftszuocon span{

	font-size: 14px;

    color: #999999;

    margin-top: 10px;

    float: right;
}

.xwzx_lefts .xwzx_leftsyou{

	float: left;

	width: 480px;

	height: 510px;

	padding-top: 110px;
}

.xwzx_lefts .xwzx_leftsyou .xwzx_leftsyouimg{

    width: 100%;

	position:relative;

	float: left;

	height: 300px;

	overflow: hidden;

	display: inline-block;
}

.xwzx_lefts .xwzx_leftsyou .xwzx_leftsyouimg img{

	/*position: absolute;

	max-height: 100%;

    max-width: 100%;

    width: auto;

    height: auto;

    top: 50%;

    left: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);*/

    width: 100%;

    height: 100%;
}

.xwzx_lefts .xwzx_leftsyou .xwzx_leftsyoucon{

	width: 100%;

	float: left;

	height: 180px;

	margin-top: 30px;
}

.xwzx_lefts .xwzx_leftsyou .xwzx_leftsyoucon .xwzx_leftsyouxx{

	float: left;

	width: 100%;

	height: 145px;
}

.xwzx_lefts .xwzx_leftsyou .xwzx_leftsyoucon .xwzx_leftsyouxx p{

	height: 30px;

    line-height: 30px;

    padding-left: 25px;

    border-left: 2px solid #cccccc;

    font-size: 18px;

    color: #222222;

    display: block;

    /*float: left;*/

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

    -webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;
}

.xwzx_lefts:hover .xwzx_leftsyou .xwzx_leftsyoucon .xwzx_leftsyouxx p{

	color: #129382;
}

.xwzx_lefts .xwzx_leftsyou .xwzx_leftsyoucon .xwzx_leftsyouxx span{

	padding-left: 25px;

    margin-top: 22px;

    float: left;

    display: block;

    font-size: 12px;

    color: #747474;

    line-height: 20px;

    display: -webkit-box;

    word-break: break-all;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: pre-line;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;
}

.xwzx_lefts .xwzx_leftsyou .xwzx_leftsyoucon .xwzx_leftsyoumore{

	float: left;

	width: 100%;
}

.xwzx_lefts .xwzx_leftsyou .xwzx_leftsyoucon .xwzx_leftsyoumore .xwzx_leftsyoumorecon{

	float: left;

	width: 100px;

	height: 35px;

	line-height: 35px;

	margin-left: 25px;

	border-top: 1px solid #cccccc;

	display: inline-block;

	font-size: 14px;

	color: #666666;

	text-align: center;

	background: url('../images/M.png') no-repeat;

	background-size:8px 15px;

	background-position: 90% 10px;

	-webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;
}

.xwzx_lefts:hover .xwzx_leftsyou .xwzx_leftsyoucon .xwzx_leftsyoumore .xwzx_leftsyoumorecon{

    background: url('../images/left.png') no-repeat;

	background-size:8px 15px;

	background-position: 90% 10px;

	background-color: #017163;

	color: #fff;
}

.xwzx_rights{
	float: right;
	width: 480px;
	height: 730px;
	/*padding: 110px 0px;*/
}
.xwzx_rights .xwzx_rightsgeduo{

    display: inline-block;

    height: 110px;

    width: 370px;

    margin-left: 110px;

    border-left: 1px solid #f1f1f1;
}
.xwzx_rights .xwzx_rightsge{
	float: left;
	width: 100%;
	height: 170px;
}
.xwzx_rights .xwzx_rightsge .rightsge_left{
	width: 110px;
	text-align: center;
	float: left;
    height: 100%;
    padding-top: 40px;
}
.xwzx_rights .xwzx_rightsge .rightsge_left .rightge_leftcen{
	width: 67px;
	display: inline-block;
	color: #999999;
	font-size: 14px;
}
.xwzx_rights .xwzx_rightsge .rightsge_left .rightge_leftcen span{
	float: right;
}
.xwzx_rights .xwzx_rightsge .rightsge_left .rightge_leftcen .monthxx{
    font-size: 24px;
    margin-bottom: 6px;
}
.xwzx_rights .xwzx_rightsge:hover .rightsge_left .rightge_leftcen .monthxx{
	color: #129382;
}
.xwzx_rights .xwzx_rightsge .rightsge_right{
	float: left;
	width: 370px;
	border-bottom: 1px solid #f1f1f1;
	padding-top: 40px;
	border-left: 1px solid #f1f1f1;
	height: 100%;
}

.xwzx_rights .xwzx_rightsge:first-child{

	height: 280px;
}

.xwzx_rights .xwzx_rightsge:first-child .rightsge_left,
.xwzx_rights .xwzx_rightsge:first-child .rightsge_right{

	padding-top: 150px;
}

.xwzx_rights .xwzx_rightsge .rightsge_right .rightsge_rightspan,
.xwzx_rights .xwzx_rightsge .rightsge_right .rightsge_rightspans{
	padding-left: 40px;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.xwzx_rights .xwzx_rightsge:hover .rightsge_right .rightsge_rightspan,
.xwzx_rights .xwzx_rightsge:hover .rightsge_right .rightsge_rightspans{
    padding-left: 50px;
}
.xwzx_rights .xwzx_rightsge .rightsge_right .rightsge_rightspan{
	height: 30px;
	line-height: 30px;
	border-left: 2px solid #cccccc;
	font-size: 18px;
	color: #222222;
	/*display: inline-block;*/
	/*float: left;*/
	display: block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.xwzx_rights .xwzx_rightsge:hover .rightsge_right .rightsge_rightspan{
	color: #129382;
	border-left-color: #129382;
}
.xwzx_rights .xwzx_rightsge .rightsge_right .rightsge_rightspans{
	margin-top: 22px;
	float: left;
	display: inline-block;
	font-size: 12px;
	color: #666666;
	line-height: 20px;
	display: -webkit-box;
    word-break: break-all;
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: pre-line;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
}

.xwzx .xwzx_right
{
	width: 450px;
	height:130px;
	float:right;
	background-color:#060;
}
.xwzx .xwzx_right .r_left
{
	float:left;
	width:67px;
}
.xwzx .xwzx_right .r_left1
{
	font-size:24px;
	color:#666666;
	float:left;
}
.xwzx .xwzx_right .r_left2
{
	font-size: 14px;
	color: #999999;
	margin-top: 10px;
	float: right;
}
.xwzx .xwzx_right .r_right
{
	float: right;
	width: 330px;
	height: 30px;
	float: right;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #cccccc;
}
.xwzx .xwzx_right .r_right1
{
	font-size:18px;
	color:#222222;
	margin-left:25px;
}
.xwzx .xwzx_right .r_right2
{
	font-size:12px;
	color:#747474;
	margin-left:25px;
	margin-top:30px;
	line-height:20px;
}

.index_product{

	width: 83.3%;

	margin: 0 auto;

	padding-top: 110px;
}

.index_product .index_producthead{

	width: 100%;

	float: left;

	height: 45px;
}

.index_product .index_producthead .index_productleft{

	display: inline-block;

	height: 45px;

    float: left;

    position: relative;

    width: 210px;
}

.index_product .index_producthead .index_productleft p{

	position: absolute;

	top: 0px;

	left: 10px;

	font-size: 20px;

	color: #222222;
}

.index_product .index_producthead .index_productleft span{

	position: absolute;

	bottom: 0px;

	left: 10px;

	font-size: 12px;

	color: #999999;
}

.index_product .index_producthead .index_productright{

	display: inline-block;

	height: 45px;

    float: right;

    color: #999999;

    font-size: 14px;

    line-height: 45px;
}

.index_product .index_producthead .index_productright ul li{

	float: left;

	list-style: none;
}

.index_product .index_producthead .index_productright ul li a{

	margin: 0px 22px;

	display: inline-block;

	height: 45px;

/*	line-height: 40px;*/

	font-size: 14px;

	color: #999999;

	cursor: pointer;

	-webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

    position: relative;
}

.index_product .index_producthead .index_productright ul li a::before{

	width: 0%;

    height: 1px;

    position: absolute;

    content: "";

    top: 100%;

    left: 0;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    background-color: #129382;

    z-index: 3;
}

.index_product .index_producthead .index_productright ul li a:hover{

	color: #129382; 
}

.index_product .index_producthead .index_productright ul li a:hover::before{

	width: 100%;
}

.index_product .index_producthead .index_productright ul li a:last-child{

	margin-right: 10px;
}

.index_product .index_productmenu{

	width: 100%;

	float: left;

	overflow: hidden;

	padding: 60px 0px;
}

.index_product .index_productmenu .index_productlist{

	width: 100%;

	float: left;
}

.index_product .index_productmenu .index_productlist .index_productge{

	display: inline-block;

	width: 25%;

	float: left;

	/*height: 380px;*/

	padding: 0px 10px;

	position: relative;

	margin-bottom: 60px;

	-webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

    cursor: pointer;
}

.index_product .index_productmenu .index_productlist .index_productge::before{

	width: 0%;

    height: 1px;

    position: absolute;

    content: "";

    top: 100%;

    left: 0;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    background-color: rgba(0, 0, 0, .15);

    z-index: 3;
}

.index_product .index_productmenu .index_productlist .index_productge:hover::before{

	width: 100%;
}

.index_product .index_productmenu .index_productlist .index_productge:hover .index_productbot img{

	display: block;
}

.index_product .index_productmenu .index_productlist .index_productge .index_productpic{
   
   position:relative;

	width:100%;

	float:left;

	overflow: hidden;

	height: 300px;

	border: 1px solid #cccccc;
}

.index_product .index_productmenu .index_productlist .index_productge .index_productpic img{

	position: absolute;

	max-height: 100%;

    max-width: 100%;

    width: auto;

    height: auto;

    top: 50%;

    left: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);
}

.index_product .index_productmenu .index_productlist .index_productge .index_productbot{

	display: inline-block;

	width: 100%;

	padding: 17px;

	position: relative;

	font-size: 16px;

	color: #222222;
}

.index_product .index_productmenu .index_productlist .index_productge .index_productbot p{

	display: block;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;
}

.index_product .index_productmenu .index_productlist .index_productge .index_productbot span{

	font-size: 12px;

	color: #999999;

	margin-top: 6px;

	display: inline-block;
}

.index_product .index_productmenu .index_productlist .index_productge .index_productbot img{

	width: 10px;

	height: 17px;

	position: absolute;

	right: 20px;

	top: 30px;

	display: none;
}

.index_product .index_productfloor{

	width: 100%;

    text-align: center;

    height: 30px;

    line-height: 30px;

    float: left;

    margin-bottom: 110px;
}

.index_product .index_productfloor img{

	width: 10px;

	height: 17px;

	margin: 0px 20px;

	margin-bottom: 6px;

	cursor: pointer;
}

.index_product .index_productfloor span{

	display: inline-block;

	width: 1px;

	height: 100%;

	background-color: #dddddd;
}

/*底部*/
.floor{
	width: 100%;
	font-family: '微软雅黑';
}
.floor .floor_head{
	width: 100%;
	height: 400px;
	float: left;
	background-color: #333333;
	padding-top: 90px;
}
.floor .floor_head .floor_left{
	/*width: 18.2%;*/
	width: 21.2%;
	float: left;
	margin-left:8.3%;
	font-size: 12px;
	color: #999999;
	line-height: 26px;
}
.floor .floor_head .floor_left p:first-child{
	font-size: 16px;
	color: #ffffff;
	margin-bottom: 50px;
}
.floor .floor_head .floor_menu{
	width: 33.2%;
	float: left;
	margin-left:8.3%;
}

.floor .floor_head .floor_menu p{
	float: left;
	width: 30%;
	margin-right: 3%;

}

.floor .floor_head .floor_menu p:nth-child(4){
	width: 100%;
	margin: 0px;
	overflow: hidden;
}

.floor .floor_head .floor_menu p input{
	background-color: transparent;
    border: none;
    border-bottom: 1px solid #606060;
    width: 100%;
    padding: 20px 0px;
    color: #fff;
    margin-bottom: 10px;
    transition: all 0.3s ease-out 0s;
}
.floor .floor_head .floor_menu p textarea{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #606060;
    /*width: -webkit-calc(90% + 40px);*/
    /*width: calc(90% + 40px);*/
    width: 96%;
    padding: 20px 0px;
    color: #fff;
    height: 141px;
    margin-bottom: 10px;
    transition: all 0.3s ease-out 0s;
    resize : none;
}

input:focus, textarea:focus {
    outline: none;
}

.floor .floor_head .floor_menu p:last-child input{
    width: 100px;
    background-color: transparent;
    color: #cfcfcf;
    font-size: 15px;
    padding: 5px 0;
    margin-top: 20px;
    display: block;
    float: left;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, .2);
    cursor: pointer;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.floor .floor_head .floor_right{
	width: 10.4%;
	/*width: 200px;*/
	float: right;
	margin-right:8.3%;
	text-align: center;
	font-size: 14px;
	color: #999999;
}
.floor .floor_head .floor_right img{
	width: 200px;
	height: 200px;
	margin-bottom: 25px;
}
.floor .floor_floor{
	width: 100%;
	text-align: center;
	height: 60px;
	font-size: 14px;
	color: #666666;
	float: left;
	line-height: 60px;
}
.floor .floor_floor a{
	color: #666666;
}

.case_titles{

	width: 100%;

	display: inline-block;

	position: absolute;

	top: 60px;

	left: 0px;

	right: 0px;

	font-size: 20px;

	color: #fff;

	z-index: 1;
}

.case_titles span,
.case_titles p{

	margin-left: 8.3%;
}

.case_titles span{

	font-size: 12px;
}

.wei_menu{

	width: 1125px;

	margin: 0 auto;

	overflow: hidden;

	height: 750px;

	z-index: 111;
}
.wei_menu .wei_list{

	width: 100%;

	float: left;
}
.wei_menu .wei_list .wei_ge{

	float: left;

	width: 375px;

	height: 100%;

	text-align: center;

	opacity: 0.8;

	display: inline-block;

	cursor: pointer;

	position: relative;

	-webkit-transition: all 1.5s linear;

    -moz-transition: all 1.5s linear;

    -o-transition: all 1.5s linear;

    transition: all 1.5s linear;
}
.wei_menu .wei_list .wei_ge .wei_img{

	width: 90%;

	height: 250px;

	display: none;

	-webkit-transition: all 1s linear;

    -moz-transition: all 1s linear;

    -o-transition: all 1s linear;

    transition: all 1s linear;
}
.wei_menu .wei_list .wei_ge:hover .wei_img{

	display: block;

	position: absolute;

	left: 5%;

	top: 170px;

	z-index: 111;
}
.wei_menu .wei_list .wei_ge:hover{

	background-color: white;
}
.wei_menu .wei_list .wei_ge .wei_names{

   font-size: 66px;

   color: #ffffff;

   margin-top: 250px;

   margin-bottom: 15px;

   -webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;
}
.wei_menu .wei_list .wei_ge:hover .wei_names{

	color: #cccccc;

	font-size: 150px;

	margin-top: 50px;
}
.wei_menu .wei_list .wei_ge .wei_titles{

	font-size: 18px;

	color: #ffffff;

	display: inline-block;

	width: 96%;

	margin-left: 2%;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;
}
.wei_menu .wei_list .wei_ge:hover .wei_titles{

	color: #129382;

	margin-top: 210px;
}
.wei_menu .wei_list .wei_ge .wei_span{

	float: left;

	width: 96%;

	text-align: center;

	margin-left: 2%;
}
.wei_menu .wei_list .wei_ge .wei_span .wei_heng{

	display: inline-block;

	width: 35px;

	height: 1px;

	margin: 8px 0px;

	background-color: #cccccc;
}
.wei_menu .wei_list .wei_ge .wei_span .wei_ten{

	/*width: 332px;*/

	display: inline-block;

	font-size: 12px;

	color: #ffffff;

	line-height: 20px;

	margin-bottom: 40px;

	display: -webkit-box;

    word-break: break-all;

    text-overflow:ellipsis;

    overflow: hidden;

    white-space: pre-line;

    -webkit-box-orient: vertical;

    -webkit-line-clamp:2;
}
.wei_menu .wei_list .wei_ge:hover .wei_span .wei_ten{

	color: #666;
}
.wei_menu .wei_list .wei_ge .wei_more{
	display: block;
	width: 100%;
	text-align: center;
	height: 25px;
	font-size: 14px;
	color: #666666;
	float: left;
	background: url('../images/left.png') no-repeat;
	background-size:8px 15px;
	background-position: 50% 0px;
}
.wei_menu .wei_list .wei_ge:hover .wei_more{
	background: url('../images/M.png') no-repeat;
	background-size:8px 15px;
	background-position: 60% 2px;
}
.wei_menu .wei_list .wei_ge .wei_more span{
	display: none;
}
.wei_menu .wei_list .wei_ge:hover .wei_more span{
	display: block;
}
.wei_left{
	width: 20px;
	height: 36px;
	position: absolute;
	left: 0px;
	top: 355px;
	cursor: pointer;
	outline: none;
}
.wei_right{
	width: 20px;
	height: 36px;
	position: absolute;
	right: 0px;
	top: 355px;
	cursor: pointer;
	outline: none;
}


/*关于我们*/
.banner{

	width:100%; 

	position:relative; 

	overflow:hidden; 

	height:450px;
}

.banner img{

	width:1920px;/*图片宽度*/ 

	position:absolute; 

	left:50%; 

	height: 100%;

	margin-left:-960px;/*图片宽度的一半*/
}

.about_cx{

	width:100%; 

	height: 640px;

	background: url('../images/about/bg.jpg') no-repeat;

	background-size:100% 640px;

}

.about_cx .about_cxcontent{

	width: 1200px;

	margin: 0 auto;

	padding-top: 100px;
} 

.about_cx .about_cxcontent p{
    
    margin-bottom: 27px;

    font-size: 14px;

    color: #fff;

    line-height: 23px;
}

.about_title{

	width: 100%;

	float: left;

	text-align: center;

	padding: 55px 0px 25px 0px;

	font-size: 24px;

	color: #222222;
}

.about_title span{

	font-size: 18px;

	color: #129382;

	margin-top: 10px;

	line-height: 30px;
}

.about_title span::after,
.about_title span::before{

	content: '-';

    color: #129382;

    margin: 0px 14px;
}

.about_content{

	width: 100%;

	float: left;
}

.about_content .pic0{

	width: 100%;

	height: 1127px;
}

.about_content .pic1{

	width: 100%;

	height: 919px;
}

.about_content .pic2{

	width: 100%;

	height: 1403px;

	margin: 30px 0px 120px 0px;
}

/*产品展示*/
.product_xuan{

	width: 100%;

	text-align: center;

	height: 70px;

	background-color: #f1f1f1;
}

.product_xuan ul li{

	display: inline-block;

	/*width: 120px;*/

	height: 70px;

	line-height: 70px;

	text-align: center;

	font-size: 14px;
/*	margin: 0px 20px;*/
}

.product_xuan ul li a{

   display: block;

   width: 100%;

   height: 100%;

   color: #666666;

   cursor: pointer;
	padding: 0px 20px;
}

.product_xuan .product_xuanact{

	background-color: #129382;

	color: white;
}

.product_list{

	/*width: 1200px;*/

	width: 83.3%;

	margin: 0 auto;

	padding-top: 60px;
}

.product_list .product_ge{

	display: inline-block;

	width: 25%;

	float: left;

	/*height: 380px;*/

	padding: 0px 10px;

	position: relative;

	margin-bottom: 60px;

	-webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

    cursor: pointer;
}

.product_list .product_ge::before{

	width: 0%;

    height: 1px;

    position: absolute;

    content: "";

    top: 100%;

    left: 0;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    background-color: rgba(0, 0, 0, .15);

    z-index: 3;
}

.product_list .product_ge:hover::before{

	width: 100%;
}

.product_list .product_ge:hover .product_bot img{

	display: block;
}

.product_list .product_ge .picbox{

	position:relative;

	width:100%;

	float:left;

	overflow: hidden;

	height: 300px;

	border: 1px solid #cccccc;
}

.product_list .product_ge .picbox .product_pic{

	position:absolute;
}

.product_list .product_ge .picbox img{

	max-height: 100%;

    max-width: 100%;

    width: auto;

    height: auto;

    top: 50%;

    left: 50%;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);
}

/*.product_list .product_ge .product_pic{
   
   border: 1px solid #cccccc;

   width: 100%;
}*/

.product_list .product_ge .product_bot{

	display: inline-block;

	width: 100%;

	padding: 17px;

	position: relative;

	font-size: 16px;

	color: #222222;
}

.product_list .product_ge .product_bot p{

	display: block;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;
}

.product_list .product_ge .product_bot span{

	font-size: 12px;

	color: #999999;

	margin-top: 6px;

	display: inline-block;
}

.product_list .product_ge .product_bot img{

	width: 10px;

	height: 17px;

	position: absolute;

	right: 20px;

	top: 30px;

	display: none;
}

.product_ceng{

	width: 100%;

	text-align: center;

	margin-top: 20px;

	padding-bottom: 130px;
}

.product_ceng ul li{

	font-size: 14px;

	color: #666666;

	margin-right: 25px;

	list-style-type: none;

	display: inline-block;

	cursor: pointer;
}

.product_ceng ul li:last-child{

	margin-right: 0px;
}

.product_ceng .product_cengact{

	color: #129382;
}


/*新闻中心*/
.news_list{

	width: 1200px;

	margin: 0 auto;

	padding-top: 60px;
}

.news_list .news_ge{
	
	width: 100%;

	float: left;

    margin-bottom: 30px;

    border-bottom: 1px solid #cccccc;

    height: 245px;

    padding-bottom: 30px;

    cursor: pointer;
}

.news_list .news_ge .news_left{

	width: 340px;

	height: 100%;

	overflow: hidden;

	display: inline-block;

	float: left;
}

.news_list .news_ge .news_he{

	float: left;

	height: 100%;

    position: relative;
}

.news_list .news_ge .news_he .news_menu{

	width: 590px;

	height: 100%;

	float: left;

	display: inline-block;

	margin-right: 100px;

	margin-left: 60px;

	-webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;
}

.news_list .news_ge .news_he:hover .news_menu{

	margin-left: 80px;
}

.news_list .news_ge .news_he .news_menu .news_title{

	font-size: 18px;

	color: #222222;

	padding: 15px 0px 20px 0px;

	display: block;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;
}

.news_list .news_ge .news_he:hover .news_menu .news_title{

	color: #129382;
}

.news_list .news_ge .news_he .news_menu .news_content{

	font-size: 12px;

	color: #666666;

	line-height: 22px;

	display: block;

	display: -webkit-box;

    word-break: break-all;

    text-overflow:ellipsis;

    overflow: hidden;

    white-space: pre-line;

    -webkit-box-orient: vertical;
    
    -webkit-line-clamp:2;
}

.news_list .news_ge .news_he .news_menu .news_menuspan{

	font-size: 12px;

	color: #666666;

	position: absolute;

	left: 60px;

	bottom: 0px;
}

.news_list .news_ge .news_he .news_right{

    display: inline-block;

    width: 70px;

    height: 100%;

    font-size: 14px;

    color: #666666;

    float: left;

    padding-top: 60px;
}

.news_list .news_ge .news_he .news_right img{

	width: 8px;

	height: 15px;

	float: right;
}



/*新闻详情*/
.details{

	width: 100%;

	float: left;

	border-top: 1px solid #f1f1f1;
}

.details .details_menus{

	width: 1200px;

	margin: 0 auto;
}

.details .details_menus .details_head{

	width: 100%;

	float: left;

	font-size: 12px;

	color: #999999;

	padding-top: 30px;

	line-height: 15px;
}

.details .details_head img{

	width: 15px;

	height: 15px;

	margin-right: 5px;
}

.details .details_head span a{

	color: #666666;
}

/*.details .details_head span:last-child{

	color: #666666;
}
*/
.details .details_menus .details_title{

	width: 100%;

	float: left;

	border-bottom: 1px solid #f1f1f1;

	padding: 60px 0px 25px 0px;

	font-size: 12px;

	color: #999999;

	text-align: center;
}

.details .details_title p{

	font-size: 18px;

	color: #222222;

	margin-bottom: 15px;
}

.details .details_menus .details_img{

	width: 100%;

	text-align: center;

	float: left;

	margin: 10px 0px;
}
.details .details_content{

	width: 100%;

	float: left;

	padding-top: 25px;

	font-size: 12px;

	color: #666666;

	line-height: 23px;

	padding-bottom: 55px;
}

.details .deails_next{

	width: 100%;

	float: left;

	position: relative;

	font-size: 2px;

	color: #999999;
    
   padding-bottom: 115px;
}

.details .deails_next .deails_nextact{
    
    color: #129382;
}

.details .deails_next span a{

	color: #999999;
}

.details .deails_next span:first-child{

	position: absolute;

	left: 0px;

	top: 0px;
}

.details .deails_next span:last-child{

	position: absolute;

	right: 0px;

	top: 0px;
}

/*工程案例*/

.case_list{

	width: 1200px;

	margin: 0 auto;

	padding-top: 60px;
}

.case_list .case_ge{

	width: 386px;

	height: 340px;

	display: inline-block;

	float: left;

	margin-right: 21px;

	margin-bottom: 30px;

	font-size: 14px;

	position: relative;

	-webkit-transition: all 0.5s linear;

    -moz-transition: all 0.5s linear;

    -o-transition: all 0.5s linear;

    transition: all 0.5s linear;

    cursor: pointer;
}

.case_list .case_ge::before{

	width: 0%;

    height: 1px;

    position: absolute;

    content: "";

    top: 100%;

    left: 0;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    background-color: rgba(0, 0, 0, .15);

    z-index: 3;
}

.case_list .case_ge:hover{

    color: #129382;
}

.case_list .case_ge:hover::before{

	width: 100%;
}

.case_list .case_ge:nth-child(3n+0){

	margin-right: 0px;
}

.case_list .case_ge .case_imgs{

	width: 100%;

    height: 250px;

    overflow: hidden;

    display: inline-block;

    margin-bottom: 25px;

    float: left;
}

.case_list .case_ge a p{

	color: #333;
}

.case_list .case_ge:hover a p{

	color: #129382;

	display: block;

	width: 100%;

	white-space: nowrap;

    overflow: hidden;
    
    text-overflow: ellipsis;
}

.case_list .case_ge .case_gespan{

	font-size: 12px;

	color: #666666;

	padding-top: 5px;

	display: block;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis; /*单行超过点点点隐藏*/

	/*display: -webkit-box;

    word-break: break-all;

    text-overflow:ellipsis;

    overflow: hidden;

    white-space: pre-line;

    -webkit-box-orient: vertical;
    
    -webkit-line-clamp:2;*/ /*两行超出文本点点点 */
}

.case_list .case_ge .case_act{

	color: #129382;
}


/*联系我们*/
.contact{

    width: 1200px;

	margin: 0 auto;
}

.contact .contact_list{

	float: left;

	width: 100%;
}

.contact .contact_list .contact_ge{

	width: 33%;

	display: inline-block;

	float: left;

	font-size: 24px;

	color: #222222;

	height: 200px;

	margin: 115px 0px 100px 0px;
}
.contact .contact_list .contact_ge:nth-child(2){

	border-left: 1px solid #cccccc;

	border-right: 1px solid #cccccc;

	padding-left: 60px;
}

.contact .contact_list .contact_ge:last-child{

	padding-left: 60px;
}

.contact .contact_list .contact_ge .contact_title{

	padding: 17px 0px 5px 0px;
}

.contact .contact_list .contact_ge .contact_eng{

	font-size: 14px;

	color: #999999;

    margin-bottom: 50px;
}

.contact .contact_list .contact_ge .contact_content{

	font-size: 16px;

	color: #666666;

	margin-bottom: 8px;
}

.contact_map{

	width: 100%;

	height: 600px;

	margin: 0 auto;
}



.search-alert{
    position: fixed;
    z-index: 100;
    background-color: #222222;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 8888;
  }
  .search-alert .close {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/ico_37.png) no-repeat center;
    position: absolute;
    top: 38px;
    right: 2.6%;
    cursor: pointer;
    transition: transform 0.3s ease 0s;
  }
  .search-alert .cent-form {
    position: absolute;
    width: 94.8%;
    left: 2.6%;
    top: 50%;
    height: 124px;
    margin-top: -63px;
    border-bottom: 1px solid #515151;
  }
  .search-alert .cent-form .tex {
    border: none;
    font-size: 66px;
    height: 124px;
    line-height: 124px;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    color: #555;
    background: none;
    font-family: "Base-font";
    padding-left: 88px;
    padding-right: 80px;
    background: url(../images/sousuo.png) no-repeat 35px 60px;
  }
  .search-alert .cent-form .sub-butn {
    border: none;
    height: 100px;
    margin-top: 24px;
    font-size: 24px;
    line-height: 100px;
    color: #555;
    text-align: right;
    background: none;
    font-family: "Base-font";
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    text-align: center;
  }s



/*css3*/
/*顶部*/
@-webkit-keyframes gupIn{

	from{

		opacity:0; 

		-webkit-transform:translateY(-30px);

		-moz-transform:translateY(-30px);

		-o-transform:translateY(-30px);

		transform:translateY(-30px);
	}
}

@-moz-keyframes gupIn{

	from{

		opacity:0; 

		-webkit-transform:translateY(-30px);

		-moz-transform:translateY(-30px);

		-o-transform:translateY(-30px);

		transform:translateY(-30px);
	}
}

@-o-keyframes gupIn{

	from{

		opacity:0; 

		-webkit-transform:translateY(-30px);

		-moz-transform:translateY(-30px);

		-o-transform:translateY(-30px);

		transform:translateY(-30px);
	}
}

@keyframes gupIn{

	from{

		opacity:0; 

		-webkit-transform:translateY(-30px);

		-moz-transform:translateY(-30px);

		-o-transform:translateY(-30px);

		transform:translateY(-30px);
	}
}

.animagupIn {

	-webkit-animation:gupIn 1s both;

	-moz-animation:gupIn 1s both;

	-o-animation:gupIn 1s both;

	animation:gupIn 1s both;
}

@-webkit-keyframes fadeInUp {
	0% {

		opacity:0;

		-webkit-transform:translateY(100px);

		-moz-transform:translateY(100px);

		-o-transform:translateY(100px);

		transform:translateY(100px);

	}

	100% {

		opacity:1;

		-webkit-transform: none;

		-moz-transform: none;

		-o-transform: none;

		transform: none;

	}
}

@keyframes fadeInUp {
	0% {

		opacity:0;

		-webkit-transform:translateY(100px);

		-moz-transform:translateY(100px);

		-o-transform:translateY(100px);

		transform:translateY(100px);

	}

	100% {

		opacity:1;

		-webkit-transform: none;

		-moz-transform: none;

		-o-transform: none;

		transform: none;

	}
}

@-moz-keyframes fadeInUp {
	0% {

		opacity:0;

		-webkit-transform:translateY(100px);

		-moz-transform:translateY(100px);

		-o-transform:translateY(100px);

		transform:translateY(100px);

	}

	100% {

		opacity:1;

		-webkit-transform: none;

		-moz-transform: none;

		-o-transform: none;

		transform: none;

	}
}

@-o-keyframes fadeInUp {
	0% {

		opacity:0;

		-webkit-transform:translateY(100px);

		-moz-transform:translateY(100px);

		-o-transform:translateY(100px);

		transform:translateY(100px);

	}

	100% {

		opacity:1;

		-webkit-transform: none;

		-moz-transform: none;

		-o-transform: none;

		transform: none;

	}
}

.animafadeInUp {

	-webkit-animation:fadeInUp 1s both;

	-moz-animation:fadeInUp 1s both;

	-o-animation:fadeInUp 1s both;

	animation:fadeInUp 1s both;
}


@-webkit-keyframes fadeInleft {
	0% {

		opacity:0;

		-webkit-transform:translateX(-100px);

		-moz-transform:translateX(-100px);

		-o-transform:translateX(-100px);

		transform:translateX(-100px);

	}

	100% {

		opacity:1;

		-webkit-transform: none;

		-moz-transform: none;

		-o-transform: none;

		transform: none;

	}
}

@keyframes fadeInleft {
	0% {

		opacity:0;

		-webkit-transform:translateX(-100px);

		-moz-transform:translateX(-100px);

		-o-transform:translateX(-100px);

		transform:translateX(-100px);

	}

	100% {

		opacity:1;

		-webkit-transform: none;

		-moz-transform: none;

		-o-transform: none;

		transform: none;

	}
}

@-moz-keyframes fadeInleft {
	0% {

		opacity:0;

		-webkit-transform:translateX(-100px);

		-moz-transform:translateX(-100px);

		-o-transform:translateX(-100px);

		transform:translateX(-100px);

	}

	100% {

		opacity:1;

		-webkit-transform: none;

		-moz-transform: none;

		-o-transform: none;

		transform: none;

	}
}

@-o-keyframes fadeInleft {
	0% {

		opacity:0;

		-webkit-transform:translateX(-100px);

		-moz-transform:translateX(-100px);

		-o-transform:translateX(-100px);

		transform:translateX(-100px);

	}

	100% {

		opacity:1;

		-webkit-transform: none;

		-moz-transform: none;

		-o-transform: none;

		transform: none;

	}
}

.animafadeInleft {

	-webkit-animation:fadeInleft 1s both;

	-moz-animation:fadeInleft 1s both;

	-o-animation:fadeInleft 1s both;

	animation:fadeInleft 1s both;
}

@-webkit-keyframes fadeInright {
	0% {

		opacity:0;

		-webkit-transform:translateX(100px);

		-moz-transform:translateX(100px);

		-o-transform:translateX(100px);

		transform:translateX(100px);

	}

	100% {

		opacity:1;

		-webkit-transform: none;

		-moz-transform: none;

		-o-transform: none;

		transform: none;

	}
}

@keyframes fadeInright {
	0% {

		opacity:0;

		-webkit-transform:translateX(100px);

		-moz-transform:translateX(100px);

		-o-transform:translateX(100px);

		transform:translateX(100px);

	}

	100% {

		opacity:1;

		-webkit-transform: none;

		-moz-transform: none;

		-o-transform: none;

		transform: none;

	}
}

@-moz-keyframes fadeInright {
	0% {

		opacity:0;

		-webkit-transform:translateX(100px);

		-moz-transform:translateX(100px);

		-o-transform:translateX(100px);

		transform:translateX(100px);

	}

	100% {

		opacity:1;

		-webkit-transform: none;

		-moz-transform: none;

		-o-transform: none;

		transform: none;

	}
}

@-o-keyframes fadeInright {
	0% {

		opacity:0;

		-webkit-transform:translateX(100px);

		-moz-transform:translateX(100px);

		-o-transform:translateX(100px);

		transform:translateX(100px);

	}

	100% {

		opacity:1;

		-webkit-transform: none;

		-moz-transform: none;

		-o-transform: none;

		transform: none;

	}
}

.animafadeInright {

	-webkit-animation:fadeInright 1s both;

	-moz-animation:fadeInright 1s both;

	-o-animation:fadeInright 1s both;

	animation:fadeInright 1s both;
}

@-webkit-keyframes fadeshow {
	0% {

		opacity:0;

		-webkit-transform:translateX(30px);

		-moz-transform:translateX(30px);

		-o-transform:translateX(30px);

		transform:translateX(30px);

	}

	100% {

		opacity:1;

		-webkit-transform: none;

		-moz-transform: none;

		-o-transform: none;

		transform: none;

	}
}

@keyframes fadeshow {
	0% {

		opacity:0;

		-webkit-transform:translateX(30px);

		-moz-transform:translateX(30px);

		-o-transform:translateX(30px);

		transform:translateX(30px);

	}

	100% {

		opacity:1;

		-webkit-transform: none;

		-moz-transform: none;

		-o-transform: none;

		transform: none;

	}
}

@-moz-keyframes fadeshow {
	0% {

		opacity:0;

		-webkit-transform:translateX(30px);

		-moz-transform:translateX(30px);

		-o-transform:translateX(30px);

		transform:translateX(30px);

	}

	100% {

		opacity:1;

		-webkit-transform: none;

		-moz-transform: none;

		-o-transform: none;

		transform: none;

	}
}

@-o-keyframes fadeshow {
	0% {

		opacity:0;

		-webkit-transform:translateX(30px);

		-moz-transform:translateX(30px);

		-o-transform:translateX(30px);

		transform:translateX(30px);

	}

	100% {

		opacity:1;

		-webkit-transform: none;

		-moz-transform: none;

		-o-transform: none;

		transform: none;

	}
}

.animafadeshow{

	-webkit-animation:fadeshow 1s both;

	-moz-animation:fadeshow 1s both;

	-o-animation:fadeshow 1s both;

	animation:fadeshow 1s both;
}


@-webkit-keyframes fadehide {
	0% {

		opacity:1;

		-webkit-transform:translateX(-30px);

		-moz-transform:translateX(-30px);

		-o-transform:translateX(-30px);

		transform:translateX(-30px);

	}

	100% {

		opacity:0;

		-webkit-transform: none;

		-moz-transform: none;

		-o-transform: none;

		transform: none;

	}
}

@keyframes fadehide {
	0% {

		opacity:1;

		-webkit-transform:translateX(-30px);

		-moz-transform:translateX(-30px);

		-o-transform:translateX(-30px);

		transform:translateX(-30px);

	}

	100% {

		opacity:0;

		-webkit-transform: none;

		-moz-transform: none;

		-o-transform: none;

		transform: none;

	}
}

@-moz-keyframes fadehide {
	0% {

		opacity:1;

		-webkit-transform:translateX(-30px);

		-moz-transform:translateX(-30px);

		-o-transform:translateX(-30px);

		transform:translateX(-30px);

	}

	100% {

		opacity:0;

		-webkit-transform: none;

		-moz-transform: none;

		-o-transform: none;

		transform: none;

	}
}

@-o-keyframes fadehide {
	0% {

		opacity:1;

		-webkit-transform:translateX(-30px);

		-moz-transform:translateX(-30px);

		-o-transform:translateX(-30px);

		transform:translateX(-30px);

	}

	100% {

		opacity:0;

		-webkit-transform: none;

		-moz-transform: none;

		-o-transform: none;

		transform: none;

	}
}

.animafadehide{

	-webkit-animation:fadehide 1s both;

	-moz-animation:fadehide 1s both;

	-o-animation:fadehide 1s both;

	animation:fadehide 1s both;
}