.pabout{

	padding:0;

	background-color: #fff;

}

.cwrap {
    width: 78%;
    /*min-width: 1140px;*/
    padding: 0 30px;
    margin: 0 auto;
}

.pa-top .cwrap{

	background-color: #fff;

	box-sizing: border-box;

}

.pat{

  padding:50px 0;

  text-align: center;

}

.pat p{

  color:#333;

  font-size: 28px;

  margin-bottom: 20px;

  text-transform: uppercase;

}

.pat span{

  color:#777;

  display: block;

}

.zr4{

	background-color: #f2a048;

}

.pa-con{

	text-align: center;

	line-height: 2.5;

	color:#383838;

}

.pat p{

	font-weight: 600;

	position: relative;

}

.or-img img{

	width: 100%;

}

.pa-con a{

	width: 100px;

	text-align: center;

	padding:2px 0px;

	border:1px solid #227c51;

	margin-top: 30px;

	display: inline-block;

	border-radius: 5px;

	color:#227c51;

	-webkit-transition: width 0.6s;

	-moz-transition: width 0.6s;

	-ms-transition: width 0.6s;

	-o-transition: width 0.6s;

	transition: width 0.6s;

}

.pa-con a:hover{

	width: 110px;

}

.pa-con p{

	text-align: left;

	text-indent: 2em;

	color: #777;

	line-height: 2.5

}

.gy_fl{



}

/* zhongjian */

.gywm{

	background-size:cover;

	background-position: center;

	position: relative;

	padding: 50px;

	height:400px;

	padding-left:500px;

}

.gy_fl{

	position:absolute;

	width:400px;

	color: #fff;

	left:100px;

	top:-50px;

	text-align: center;

	background-color:#056a39;

	height: 100%;

	box-sizing:border-box;

	padding: 50px;

}

.gy_fl h2{

	font-size: 25px;

	padding-bottom: 15px;

}

.gy_fl p{

	line-height: 2;

}

.gy_fr{

	position: relative;

	padding-top:50px;

}

.gy_fr a{

	color: #fff;

}

.gyu_ul li{

	float: left;

	width: 29.33333%;

	margin:0 2%;

	text-align: center;

}

.gyu_ul li img{

	width: 100px;

	padding-bottom: 20px;

}

.gyu_ul h3,.qb_ul h3{

	font-size: 23px;

	padding-bottom: 15px;

	-webkit-transform: translateY(20px);

    transform: translateY(20px);

    -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    -webkit-transition-delay: 0.1s;

    transition-delay: 0.1s;

    text-align: center;

}

.gyu_ul li p,.qb_ul p{

	font-size: 14px;

	line-height: 1.8;

	height: 50px;

	overflow: hidden;

	color: #eee;

	display: -webkit-box;

	-webkit-box-orient:vertical;

	-webkit-line-clamp:2;

	text-overflow:ellipsis;

	-webkit-transform: translateY(30px);

    transform: translateY(30px);

    -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    -webkit-transition-delay: 0.15s;

    transition-delay: 0.15s;

}

.qb_ul p{

	padding: 0 15px;

}

.core-btn {

    background-color: transparent;

    font-size: 0.875rem;

    -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    color: #fff;

    margin: 0;

    padding-left: 2.5rem;

    padding-right: 2.5rem;

    padding-top: 1rem;

    padding-bottom: 1rem;

    display: inline-block;

    text-align: center;

    line-height: 1;

    cursor: pointer;

    -webkit-appearance: none;

    vertical-align: middle;

    border: 1px solid transparent;

    border-radius: 0;

    opacity: 0;

}

.core-btn em {

    display: inline-block;

    -webkit-transform: translateY(-120%);

    transform: translateY(-120%);

    margin-right: 1rem;

    -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);

}

.jt {

    display: inline-block;

    position: relative;

    overflow: hidden;

    width: 35px;

    height: 35px;

    border-radius: 100%;

    border-width: 3px;

    border-style: solid;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    -webkit-transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    border-color: #dcd9d2;

}

.jt:before, .jt:after {

    content: '';

    width: 10px;

    height: 10px;

    border-right: 3px solid;

    border-bottom: 3px solid;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translateX(-58%) translateY(-70%);

    transform: translateX(-58%) translateY(-70%);

    -webkit-transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    border-color: #dcd9d2;

}

.jt:before {

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

    transform: translateX(-500%) translateY(-500%);

}

.gyu_ul li a{

	display: block;

}

.gyu_ul li:hover .core-btn,.qb_ul li:hover .core-btn{

    opacity: 1;

    -webkit-transform: translateX(20px);

    transform: translateX(20px);

}

.gyu_ul li:hover .core-btn .jt:before,.qb_ul li:hover .core-btn .jt:before{

    -webkit-transform: translateX(-58%) translateY(-70%);

    transform: translateX(-58%) translateY(-70%);

}

.gyu_ul li:hover  p,.ser ul li:hover  h3,.qb_ul li:hover p,.qb_ul li:hover h3{

    -webkit-transform: translateY(0px);

    transform: translateY(0px);

}

/* qy_bot */

.qy_bot{

	padding:0px 0 80px;

}

.qb_ul li a{

	display: block;

	color: #fff;

}

.qb_ul li img{

	width: 100px;

	padding-top: 50px;

}

.qb1{

	background-image: url(../images/kk1.jpg);

}

.qb2{

	background-image: url(../images/kk2.jpg);

}

.qb_ul{

	padding-top: 0px;

}

.qb_ul li{

	float: left;

	width: 50%;

	height: 400px;

	text-align: center;

	background-size: cover;

	background-position: center;

}

@media (max-width:1200px){

	.gy_fl{

		padding: 35px;

		left: 60px;

	}

	.gywm{

		padding-left: 475px;

	}

}

@media (max-width:1080px){

	.gyu_ul li img{

		width: 80px;

	}

	.gywm{

		height: 360px;

	}

	.gy_fl{

		padding: 25px;

		left:20px;

		width: 350px;

	}

	.gywm{

		padding-left: 400px;

	}

	.pat p{

		font-size: 25px;

	}

}

@media (max-width:770px){

	.pa-top .cwrap{

		top: 0;

	}

	.pa-top{

		padding-bottom: 70px;

	}

	.gy_fl{

		position: initial;

		width: 90%;

		margin: 0 auto;

	}

	.gywm{

		padding-left:0px;

		height: auto;

		padding:50px 0;

	}

	.core-btn{

		opacity: 1;

	    -webkit-transform: translateY(20px);

	    transform: translateY(20px);

	}

	.pat p{

		font-size: 20px;

	}

}

@media (max-width:640px){

	.gy_fl h2,.gyu_ul h3, .qb_ul h3{

		font-size: 20px;

	}

	.gyu_ul li{

		width: 100%;

		margin: 0 0 30px;

	}

	.core-btn{

		border-bottom: 1px solid #eee;

	}

	.qb_ul li{

		width: 100%;

	}

	.qy_bot{

		padding: 40px 0;

	}

	.gyu_ul li p{

		padding: 0 15px;

	}

	.pa-top{

		padding-bottom: 40px;

	}

	.pa-con a{

		font-size: 14px;

	}

	.pat{

		padding: 30px 0 20px;

	}

}