@charset "utf-8";
/* CSS Document */
/****************************************全局样式****************************************/
* {
	margin: 0;
	padding: 0;
}
html {
	font-size: 10px;
}
body {
	overflow-x: hidden;
	font-size: 2rem;
}
img, button {
	border: 0;
}
p, h1, h2, h3, h4, h5, h6, ul, ol {
	margin: 0;
}
a {
	text-decoration: none;
}
li {
	list-style: none;
}
textarea {
	resize: none;
	overflow: hidden;
}
::selection {
	background: #816540;
	color: #fff;
}
/****************************************通用样式****************************************/
.f-l {
	float: left;
	display: inline;
}
.f-r {
	float: right;
	display: inline;
}
/****************************************盒子模型****************************************/
.m-wrap {
	width: 100%;
	/*min-width: 1200px;*/
	margin-left: auto;
	margin-right: auto;
}
.m-box {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
.m-t {
	width: 100%;
}
.m-c {
	width: 100%;
}
.m-f {
	width: 100%;
}
.y-t {
	width: 100%;
}
.y-c {
	width: 100%;
}
.y-f {
	width: 100%;
}
/****************************************效果集合****************************************/
@keyframes bounceIn {
 0%, 100%, 20%, 40%, 60%, 80% {
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 transform: scale3d(0.3, 0.3, 0.3);
}
 20% {
 opacity: 0.3;
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 opacity: 0.6;
 transform: scale3d(0.9, 0.9, 0.9);
}
 60% {
 opacity: 0.9;
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 opacity: 1;
 transform: scale3d(0.97, 0.97, 0.97);
}
 100% {
 opacity: 1;
 transform: scale3d(1, 1, 1);
}
}
 @keyframes bounceOut {
 0%, 100%, 20%, 40%, 60%, 80% {
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 1;
 transform: scale3d(1, 1, 1);
}
 20% {
 opacity: 1;
 transform: scale3d(0.97, 0.97, 0.97);
}
 40% {
 opacity: 0.9;
 transform: scale3d(1.03, 1.03, 1.03);
}
 60% {
 opacity: 0.6;
 transform: scale3d(0.9, 0.9, 0.9);
}
 80% {
 opacity: 0.3;
 transform: scale3d(1.1, 1.1, 1.1);
}
 100% {
 opacity: 0;
 transform: scale3d(0.3, 0.3, 0.3);
}
}
 @keyframes bounceInUp {
 0%, 100%, 60%, 75%, 90% {
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 transform: translate3d(0, 3000px, 0);
}
 60% {
 opacity: 1;
 transform: translate3d(0, -20px, 0);
}
 75% {
 opacity: 1;
 transform: translate3d(0, 10px, 0);
}
 90% {
 opacity: 1;
 transform: translate3d(0, -5px, 0);
}
 100% {
 opacity: 1;
 transform: translate3d(0, 0, 0);
}
}
 @keyframes bounceInLeft {
 0%, 100%, 60%, 75%, 90% {
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 transform: translate3d(25px, 0, 0);
}
 75% {
 opacity: 1;
 transform: translate3d(-10px, 0, 0);
}
 90% {
 opacity: 1;
 transform: translate3d(5px, 0, 0);
}
 100% {
 opacity: 1;
 transform: none;
}
}
 @keyframes bounceInUp {
 0%, 100%, 60%, 75%, 90% {
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 transform: translate3d(0, 3000px, 0);
}
 60% {
 opacity: 1;
 transform: translate3d(0, -20px, 0);
}
 75% {
 transform: translate3d(0, 10px, 0);
 opacity: 1;
}
 90% {
 transform: translate3d(0, -5px, 0);
 opacity: 1;
}
 100% {
 transform: translate3d(0, 0, 0);
 opacity: 1;
}
}
 @keyframes bounceInRight {
 0%, 100%, 60%, 75%, 90% {
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 transform: translate3d(3000px, 0, 0);
}
 60% {
 opacity: 1;
 transform: translate3d(-25px, 0, 0);
}
 75% {
 opacity: 1;
 transform: translate3d(10px, 0, 0);
}
 90% {
 opacity: 1;
 transform: translate3d(-5px, 0, 0);
}
 100% {
 opacity: 1;
 transform: none;
}
}
 @keyframes fadeInDown {
 0% {
 opacity: 0;
 transform: translate3d(0, -100%, 0);
}
 100% {
 opacity: 1;
 transform: none;
}
}
 @keyframes fadeInUp {
 0% {
 opacity: 0;
 transform: translate3d(0, 100%, 0);
}
 100% {
 opacity: 1;
 transform: none;
}
}
 @keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @keyframes rotateIn {
 0% {
 transform-origin: center;
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
 100% {
 transform-origin: center;
 transform: none;
 opacity: 1;
}
}
 @keyframes bounceInDown {
 0%, 100%, 60%, 75%, 90% {
 transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 transform: translate3d(0, -3000px, 0);
}
 60% {
 opacity: 1;
 transform: translate3d(0, 25px, 0);
}
 75% {
 opacity: 1;
 transform: translate3d(0, -10px, 0);
}
 90% {
 opacity: 1;
 transform: translate3d(0, 5px, 0);
}
 100% {
 opacity: 1;
 transform: none;
}
}
 @keyframes rollIn {
 0% {
 opacity: 0;
 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
 100% {
 opacity: 1;
 transform: none;
}
}
 @keyframes zoomIn {
 0% {
 opacity: 0;
 transform: scale3d(0.3, 0.3, 0.3);
}
 100% {
 opacity: 1;
}
}
 @keyframes zoomOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 transform: scale3d(0.3, 0.3, 0.3);
}
}
 @keyframes zoomInUp {
 0% {
 opacity: 0;
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @keyframes slideInRight {
 from {
 transform: translate3d(100%, 0, 0);
 visibility: visible;
}
 to {
 transform: translate3d(0, 0, 0);
}
}
 @keyframes zoomInLeft {
 from {
 opacity: 0;
 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @keyframes zoomInRight {
 from {
 opacity: 0;
 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @keyframes topLoop {
 0% {
 transform: translateY(100px);
 opacity: 0;
}
 100% {
 transform: translateY(0);
 opacity: 1
}
}
 @keyframes leftLoop {
 0% {
 transform: translateX(-200px);
 opacity: 0;
}
 100% {
 transform: translateX(0);
 opacity: 1
}
}
 @keyframes rightLoop {
 0% {
 transform: translateX(200px);
 opacity: 0;
}
 100% {
 transform: translateX(0);
 opacity: 1
}
}
 @keyframes bottomLoop {
 0% {
 transform: translateY(-200px);
 opacity: 0;
}
 100% {
 transform: translateY(0);
 opacity: 1
}
}
 @keyframes enLarge {
 0% {
 transform: scale(0.3);
}
 50% {
 transform: scale(1.05);
}
 70% {
 transform: scale(0.9);
}
 100% {
 transform: scale(1);
}
}
 @keyframes rotateYIn {
 from {
 transform: rotateY(90deg);
 opacity: 0;
}
 to {
 transform: rotateY(0);
 opacity: 1;
}
}
 @keyframes slideDown {
 from {
 height: 0;
}
 to {
 height: 100%;
}
}
 @keyframes xsunsa {
0% {
 transform: rotate(0deg);
}
100% {
 transform: rotate(360deg);
}
}
.bounceIn {
	animation: bounceIn 0.8s ease;
	animation-fill-mode: forwards;
}
.bounceOut {
	animation: bounceOut 0.8s ease;
	animation-fill-mode: forwards;
}
.bounceInUp {
	animation: bounceInUp 0.8s ease;
	animation-fill-mode: forwards;
}
.bounceInLeft {
	animation: bounceInLeft 0.8s ease;
	animation-fill-mode: forwards;
}
.bounceInRight {
	animation: bounceInRight 0.8s ease;
	animation-fill-mode: forwards;
}
.bounceInDown {
	animation: bounceInDown 0.8s ease;
	animation-fill-mode: forwards;
}
.fadeInDown {
	animation: fadeInDown 0.8s ease;
	animation-fill-mode: forwards;
}
.fadeInUp {
	animation: fadeInUp 0.8s ease;
	animation-fill-mode: forwards;
}
.fadeIn {
	animation: fadeIn 1.6s ease;
	animation-fill-mode: forwards;
}
.rotateIn {
	animation: rotateIn 0.8s ease;
	animation-fill-mode: forwards;
}
.rollIn {
	animation: rollIn 0.8s ease;
	animation-fill-mode: forwards;
}
.zoomIn {
	animation: zoomIn 0.8s ease;
	animation-fill-mode: forwards;
}
.zoomOut {
	animation: zoomOut 0.8s ease;
	animation-fill-mode: forwards;
}
.zoomInd {
	animation: zoomIn 0.2s cubic-bezier(0.18, 0.74, 1, 1);
	animation-fill-mode: forwards;
}
.zoomOutd {
	animation: zoomOut 0.2s cubic-bezier(0.18, 0.74, 1, 1);
	animation-fill-mode: forwards;
}
.zoomInUp {
	animation: zoomInUp 0.8s ease;
	animation-fill-mode: forwards;
}
.slideInRight {
	animation: slideInRight 0.8s ease;
	animation-fill-mode: forwards;
}
.zoomInLeft {
	animation: zoomInLeft 0.8s ease;
	animation-fill-mode: forwards;
}
.zoomInRight {
	animation: zoomInRight 0.8s ease;
	animation-fill-mode: forwards;
}
.topLoop {
	animation: topLoop 1s ease;
	animation-fill-mode: forwards;
}
.leftLoop {
	animation: leftLoop 1s ease;
	animation-fill-mode: forwards;
}
.rightLoop {
	animation: rightLoop 1s ease;
	animation-fill-mode: forwards;
}
.bottomLoop {
	animation: bottomLoop 1s ease;
	animation-fill-mode: forwards;
}
.enLarge {
	animation: enLarge 1s ease;
	animation-fill-mode: forwards;
}
.rotateYIn {
	animation: rotateYIn 1.6s ease;
	animation-fill-mode: forwards;
}
.slideDown {
	animation: slideDown 1.6s ease;
	animation-fill-mode: forwards;
}
/*右侧框*/
.youce{
	width:45px;
	height:270px;
	position:fixed;
	right:0px;
	top:50%;
	margin-top:-135px;
	z-index:99;
	display:none;
}
.youce .ylis{
	width:45px;
	height:45px;
	margin-bottom:10px;
	position:relative;
	background:#969696;
	transition:.5s;
}
.youce .ylis .ewm{
	width:110px;
	height:110px;
	position:absolute;
	right:45px;
	top:-40px;
	transform:scale(0);
	transition:.8s;
}
.youce .ylis:hover .ewm{
	transform:scale(1);
	transition:.8s;
}
.youce .ylis .ewm img{
	display:block;
	width:100%;
	height:100%;
}
.youce .ylis p{
	font-size:18px;
	color:#fff;
	line-height:45px;
}
.youce  .ylphone{
	right:0px;
	overflow:hidden;
}
.youce  .ylphone:hover{
	width:190px;
	right:145px;
	transition:1s;
}
.youce .ylis:hover{
	background:#7f2d00;
}
.youce .ylis i{
	width: 45px;
    height: 45px;
    display: block;
    float: left;
    cursor: pointer;
}
.youce .ylis:nth-child(1) i{
    background: url(../images/yy_icon.png) -177px -7px;
}
.youce .ylis:nth-child(2) i {
	background: url(../images/yy_icon.png) -221px -7px;
}
.youce .ylis:nth-child(3) i {
	background:url(../images/yy_icon.png) -260px -7px;
}
.youce .ylis:nth-child(4) i {
	background:url(../images/yy_icon.png) -304px -7px;
}
.youce .ylis:nth-child(5) i{
	background:url(../images/yy_icon.png) -350px -7px;
}
/*内页导航*/
.g-nav{
	width:100%;
	height:auto;    
	position: relative;
    z-index: 222;
}
.g-nav .navtop{
	width:100%;
	height:45px;
	border-bottom:1px solid #eaeaea;
}
.g-nav .navtop .ntbox{
	width:1200px;
	height:45px;
	margin:0 auto;
	position:relative;
	/*border:1px solid #000;*/
}
.g-nav .navtop .lefthyu{
	width:515px;
	height:45px;
	float:left;
	line-height:45px;
	font-size:14px;
	font-family:Microsoft YaHei;
	font-weight:400;
	color:#858585;
}
.g-nav .navtop .rigf{
	width:390px;
	height:45px;
	float:right;
	position:relative;
	color:#acabab;
	font-size:14px;
	line-height:45px;
    text-align: right;
}
.g-nav .navtop .rigf  a{
	color:#acabab;
	font-size:14px;
	transition:.5s;
    text-align: right;
}
.g-nav .navtop .rigf  a:hover{
	color:#009a44;
	transition:.5s;
}
.g-nav .m-box{
	width:1200px;
	height:170px;
	margin:0 auto;
	position:relative;
}
.g-nav .nabttop{
	width:100%;
	height:110px;
}
.g-nav .nabtlef{
	width:510px;
	float:left;
	padding-top:20px;
}
.g-nav .nabtlef h3{
	font-size:24px;
	color:#242424;
	line-height:30px;
	font-family:"思源宋体";
	margin-bottom:10px;
}
.g-nav .nabtlef h3 span{
	color:#e55c28;
}
.g-nav .nabtlef h4{
	font-size:18px;
	color:#0ea057;
	line-height:30px;
}
.g-nav .nabtrig{
	width:230px;
	height:100%;
	float:right;
	padding-top:20px;
}
.g-nav .nabtrig p{
	width:135px;
	height:35px;
	background:url(../images/napho.png) no-repeat center left;
	font-size:16px;
	color:#666666;
	line-height:35px;
	padding-left:34px;
    float: right;
}
.g-nav .nabtrig h3{
	font-size:34px;
	color:#e55c28;
	font-weight:600;
	line-height:40px;
}
.g-nav .nabtbot{
	width:100%;
	height:45px;
	position:relative;
}
.g-nav .nabtbot li{
	width:85px;
	height:45px;
	float:left;
    margin-right: 14px;
}
.g-nav .nabtbot li:nth-child(5){
    margin-right: 220px;
}
.g-nav .nabtbot li a{
	display:block;
	width:100%;
	height:100%;
	position:relative;
    text-align: center;
    line-height:45px;
    font-size:16px;
    color:#333333;
	transition:.6s;
}
.g-nav .nabtbot li a:after{
	content:" ";
	width:1px;
    height: 17px;
    background: #d7d7d7;
    position: absolute;
    right: 0px;
    top: 15px;
    transform: rotateZ(28deg);
    z-index:-1;
	transition:.6s;
}
.g-nav .nabtbot li a:hover:after{
	width:100%;
	height:100%;
	transition:.6s;
	top:0px;
	background:#0ea057;
    transform: rotateZ(0deg);
}
.g-nav .nabtbot li a:hover{
	color:#fff;
	transition:.6s;
}
.g-nav .nabtlog{
	width:182px;
	height:200px;
	padding:8px;
	background:#0ea057;
	position:absolute;
	left:50%;
	margin-left:-91px;
	z-index:2;
}
.g-nav .nabtlog .nabox{
	width:100%;
	height:100%;
	border:1px solid rgba(255,255,255,.6);
	position:relative;
	padding-top:0;
}
.g-nav .nabtlog .nabox a{
	width:168px;
	height:135px;
	margin:0 auto 10px;
	position:relative;
	display:block;
}
.g-nav .nabtlog .nabox a img{
	width:100%;
	height:auto;
}
.g-nav .nabtlog .nabox p{
	width:100%;
	height:25px;
	line-height:25px;
	font-size:18px;
	color:#fdf9f9;
	text-align:center;
}
/****************************************幻灯模块****************************************/
.g-banner {
	height: auto;
}
.focusBox {
	position: relative;
	width: 100%;
	height: 100%;
}

 /**************************************首页轮播图***************************************/
 .g-baner{
	height:720px;
	width:100%;
	position:relative;
 }
/*banner*/
.flexslider{
	width: 100%;
	height: 100%;
	position: relative;
	/*overflow: hidden;*/
}
.flexslider .bd{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0;
}
.flexslider .bd ul,.flexslider .tempWrap{
	width: 100% !important;
	height: 100% !important;
}
.flexslider .bd li{
	width: 0%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	transition:2s cubic-bezier(0.75, 0.35, 0.09, 0.8);
    -webkit-transition:2s cubic-bezier(0.75, 0.35, 0.09, 0.8);
    -moz-transition:2s cubic-bezier(0.75, 0.35, 0.09, 0.8);
    -ms-transition:2s cubic-bezier(0.75, 0.35, 0.09, 0.8);
    -o-transition:2s cubic-bezier(0.75, 0.35, 0.09, 0.8);
    -webkit-transform-style: preserve-3d;
  	-ms-transform-style: preserve-3d;
  	transform-style: preserve-3d;
}
.flexslider .hd{
    position: absolute;
    width: 100%;
    height: 60px;
    left: 0;
    bottom: 0;
    text-align: center;
    z-index: 2;
}
.flexslider .hd .bans{
	width:1200px;
	height:100%;
	margin:0 auto;
	position:relative;
}
.flexslider .banle{
	width:240px;
	height:100px;
	position:absolute;
	background:#009a44;
	left:0px;
	bottom:-50px;
}
.flexslider .bindx{
	width:80px;
	height:25px;
	position:absolute;
	right:27px;
	top:30px;
}
.flexslider .bindx span{
	font-size:16px;
	color:#fff;
}
.flexslider .bindx  b{
	font-size:24px;
	color:#ffffff;
	font-weight:400;
}
.flexslider .bindx em{
	font-size:24px;
	color:#fff;
    font-style: normal;
}
.flexslider .hd ul{
    width: 90px;
    overflow: hidden;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 10px;
    top: 33px;
}
.flexslider .hd ul li{
	width: 10px;
	height:10px;
	cursor: pointer;
	border-radius:50%;
	background:#fff;
	opacity:.2;
	font-size: 14px;
	display:inline-block;
	margin-right:15px;
	position:relative;
	transition:.5s;
}
.flexslider .hd ul .on{
	background:#fff;
	opacity:1;
	transition:.5s;
}
/*********************************************banner下方搜索************************/
.bannxsou{
	width:100%;
	height:970px;
	position:relative;
	background:#fff;
}
.bannxsou .m-box{
	width:1200px;
	height:100%;
	margin:0 auto;
	position:relative;
}
.bannxsou .m-box:after{
	content:" ";
	width:442px;
	height:296px;
	background:url(../images/abrig.png) no-repeat;
	position:absolute;
	right:-190px;
	bottom:160px;
}
.bannxsou .bantop{
	width:100%;
	height:347px;
	padding-top:105px;
}
.bannxsou .bantle{
	width:345px;
	height:240px;
	float:left;
    position: relative;
}
.bannxsou .bantle:after{
	content:" ";
	width:1px;
	height:320px;
	position:absolute;
	top:-105px;
	right:0px;
	background:#b5b5b5;
}
.bannxsou .bantle img{
	width:237px;
	height:69px;
	margin:0 auto 20px;
	display:block;
}
.bannxsou .bantle p{
	width:100%;
	height:20px;
    letter-spacing: 3px;
	text-align:center;
	line-height:20px;
	color:#e55c28;
	font-size:16px;
}
.bannxsou .bantrig{
	width:850px;
	height:220px;
	float:left;
	position:relative;
}
.bannxsou .bantrig:after{
	content:" ";
	width:819px;
	height:121px;
	background:url(../images/abts.png) no-repeat;
	position:absolute;
	left: 50px;
	top:0px;
}
.bannxsou .bantrig:before{
	content:" ";
	width:2px;
	height:45px;
	background:#009a44;
	position:absolute;
	bottom:4px;
	left:12px;
}
.bannxsou .banbot{
	width:1200px;
	height:360px;
	position:relative;
}
.bannxsou .banbot .banbtlef{
	width:840px;
	height:100%;
	background:#f5f5f5;
	padding:60px 120px 0 65px; 
}
.bannxsou .banbot .banbtlef h3{
	font-size:24px;
	color:#5e5e5e;
	line-height:30px;
	margin-bottom:15px;
	text-align:left;
}
.bannxsou .banbot .banbtlef h4{
	font-size:14px;
	color:#c9c9c9;
	line-height:25px;
	margin-bottom:45px;
	text-align:left;
}
.bannxsou .banbot .banbtlef .desc{
	width:100%;
	height:120px;
}
.bannxsou .banbot .banbtlef .desc p{
	font-size:14px;
	color:#909090;
	line-height:25px;    
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 4; /** 显示的行数 **/
    overflow: hidden;
}
.bannxsou .banbot .banbtlef a{
	display:block;
	width:130px;
	height:30px;
	position:relative;
	text-align:right;
	color:#009a44;
	font-size:16px;
	line-height:30px;
}
.bannxsou .banbot .banbtlef a:after{
	content:" ";
	width:25px;
	height:25px;
	border:1px dashed #0e9b3f;
	position:absolute;
	left:0px;
	top:0px;
	border-radius:50%;
	transition:.8s;
}
.bannxsou .banbot .banbtlef a:before{
	content:" ";
	width:39px;
	height:8px;
	background:url(../images/jts.png) no-repeat;
	position:absolute;
	left:12px;
	top:10px;	
	transform:translateX(0px);
}
.bannxsou .banbot .banbtlef a:hover:after{
	transform:translateX(30px);
	transition:.8s;
}
.bannxsou .banbot .babttop{
	width:600px;
	height:150px;
	position:absolute;
	top:-70px;
	right:0px;
}
.bannxsou .banbot .babttop li{
	width:25%;
	height:100%;
	float:left;
	background:#e55c28;
	transform:translateY(0px);
	transition:.8s;
}
.bannxsou .banbot .babttop li:hover{
	transform:translateY(-10px);
	transition:.8s;
}
.bannxsou .banbot .babttop li:nth-child(2){
	background:#e8e8e8;
}
.bannxsou .banbot .babttop li:nth-child(3){
	background:#44b275;
}
.bannxsou .banbot .babttop li:nth-child(4){
	background:#e8e8e8;
}
.bannxsou .banbot .babttop li a{
	display:block;
	width:100%;
	height:100%;
}
.bannxsou .banbot .babttop li a .imgs{
	width:100%;
	height:85px;
	background:url(../images/abl1.png) no-repeat center center;
}
.bannxsou .banbot .babttop li:nth-child(2) a .imgs{
	background:url(../images/abl5.png) no-repeat center center;
}
.bannxsou .banbot .babttop li:nth-child(3) a .imgs{
	background:url(../images/abl3.png) no-repeat center center;
}
.bannxsou .banbot .babttop li:nth-child(4) a .imgs{
	background:url(../images/abl2.png) no-repeat center center;
}
.bannxsou .banbot .babttop li:nth-child(odd) a h3{
	width:100%;
	text-align:center;
	line-height:25px;
	font-size:12px;
	color:#ffffff;
}
.bannxsou .banbot .babttop li:nth-child(even) a h3{
	width:100%;
	text-align:center;
	line-height:25px;
	font-size:12px;
	color:#b8b8b8;
}
.bannxsou .banbot .babttop li:nth-child(odd) a p{
	width:100%;
	text-align:center;
	line-height:25px;
	font-size:14px;
	color:#ffffff;
}
.bannxsou .banbot .babttop li:nth-child(even) a p{
	width:100%;
	text-align:center;
	line-height:25px;
	font-size:14px;
	color:#666666;
}
/*******************************关于我们*******************************/
.g-fuw{
	width:100%;
	height:630px;
	background:url(../images/probg.jpg) no-repeat;
	position:relative;
}
.g-fuw:after{
	content:" ";
	width:50%;
	background:#f5f5f5;
	position:absolute;
	right:0px;
	top:0px;
	height:100%;
}
.g-fuw .m-box{
	width:1200px;
	height:100%;
	padding-top:40px;
	margin:0 auto;
	position:relative;
    z-index: 2;
	/*border:1px solid #000;*/
}
.g-fuw .m-box .futit{
	width:170px;
	height:70px;
	position:absolute;
	right:25px;
	top:40px;
}
.g-fuw .m-box .futit h3{
	font-size:36px;
	color:#009a44;
}
.g-fuw .m-box .futit p{
	font-size:12px;
	color:#c5c5c5;
	line-height:40px;
}
.g-fuw .fult{
width: 710px;
    height: 500px;
    position: absolute;
    top: -210px;
    left: -110px;
    overflow: hidden;
}
.g-fuw .fult a{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	overflow:hidden;
	opacity:0;
	transform:scale(1.1);
	transition:.8s;
}
.g-fuw .fult .lisa{
	opacity:1;
	transform:scale(1);
	transition:.8s;
}
.g-fuw .fult a img{
	display:block;
	width:100%;
	height:100%;
	transition:.8s;
}
.g-fuw .fult a:hover img{ 
	transition:.8s;
	transform:scale(1.1);
}
.g-fuw .furtop{
	width:515px;
	height:240px;
	position:absolute;
	right:0px;
	top:80px;
}
.g-fuw .furtop .furtolis{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	right:0px;
	display:none;
	transition:.5s;
}
.g-fuw .furtop .furtolishow{
	display:block;
	transition:.5s;
}
.g-fuw .furtop .title{
	width:500px;
	height:45px;
	float:right;
	position:relative;
	border-bottom:1px solid #07983a;
}
.g-fuw .furtop .title:after{
    content: " ";
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 1px solid #07983a;
    position: absolute;
    left: -8px;
    bottom: -5px;
}
.g-fuw .furtop .title h3{
	font-size:20px;
	color:#7e7e7e;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	width:45%;
	height:25px;
	line-height:25px;
}
.g-fuw .furtop .desc{
	width:100%;
	height:65px;
	margin-top:55px;
	margin-bottom:50px;
}
.g-fuw .furtop .desc p{
	font-size:14px;
	color:#adadad;
	line-height:40px;    
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;
}
.g-fuw .furtop  .botls{
	width:100%;
	height:40px;
}
.g-fuw .furtop  .botls a{
	float:left;
	width:130px;
	height:35px;
	line-height:29px;
	color:#009a44;
	font-size:16px;
	text-align: right;
	position:relative;
}
.g-fuw .furtop  .botls a:after{
	content:" ";
	width:25px;
	height:25px;
	border:1px solid #0e9b3f;
	position:absolute;
	left:0px;
	top:0px;
	border-radius:50%;
	transition:.8s;
}
.g-fuw .furtop  .botls a:before{
	content:" ";
	width:39px;
	height:8px;
	background:url(../images/jts.png) no-repeat;
	position:absolute;
	left:12px;
	top:10px;	
	transform:translateX(0px);
}
.g-fuw .furtop  .botls a:hover:after{
	transform:translateX(30px);
	transition:.8s;
}
.g-fuw .furtop  .botls .fuphone{
	width:300px;
	height:35px;
	line-height:35px;
	background:url(../images/prphon.png) no-repeat center left;
	color:#666666;
	font-size:14px;    
	float: right;
    text-indent: 28px;
}
.g-fuw .furtop  .botls .fuphone span{
	font-size:24px;
	color:#009a44;
	font-weight:600;
}	
.g-fuw .furbot{
	width:880px;
	height:220px;
	background:rgba(255,255,255,.8);
	position:absolute;
	right:0px;
	bottom:40px;
}
.g-fuw .furbban{
	width:800px;
	height:168px;
	position:absolute;
	left:40px;
	top:25px;
}
.g-fuw .furbban a{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}
.g-fuw .furbban a img{
	display:block;
	width:100%;
	height:100%;
	transition:.8s;
}
.g-fuw .furbban a:hover img{
	transition:.8s;
	transform:scale(1.1);
}
.g-fuw .furbbtn{
	width:240px;
	height:72px;
	background:#e55c28;
	position:absolute;
	left:-240px;
	bottom:0px;
}
.g-fuw .furbbtn:after{
	content:" ";
	width:73px;
	height:13px;
	background:url(../images/yus.png) no-repeat;
	position:absolute;
	left:85px;
	top:30px;
}
.g-fuw .furbbtn .swiper-button-prev{
	width:13px;
	height:24px;
	background:url(../images/sjt.png) no-repeat;
    top: 45px;
    transform: rotate(180deg);
}
.g-fuw .furbbtn .swiper-button-next{
	width:13px;
    top: 45px;
	height:24px;
	background:url(../images/sjt.png) no-repeat;
}
/******************************基地展示******************************/
.g-zaizx{
	width:100%;
	height:955px;
	position: relative;
}
.g-zaizx .m-box{
	width:1200px;
	height:100%;
	margin:0 auto;
	padding-top:60px;
	position:relative;
	z-index:2;
}
.g-zaizx .zaitit{
	width:524px;
	height:91px;
	background:url(../images/abstit.png) no-repeat;
	margin:0 auto 40px;
	position:relative;
}
.g-zaizx .zaban{
	width:100%;
	height:640px;
	position:relative;
}
.g-zaizx .zaban a{
	display:block;
	width:100%;
	height:100%;
	position:relative;
}
.g-zaizx .zaban a .imgs{
	width:100%;
	height:520px;
	overflow:hidden;
}
.g-zaizx .zaban a img{
	display:block;
	width:100%;
	height:100%;
	transition:.6s;
}
.g-zaizx .zaban a:hover img{
	transform:scale(1.2);
	transition:.6s;
}
.g-zaizx .zaban a .texts{
	width:800px;
	height:200px;
	position:absolute;
	left:50%;
	bottom:0px;
	margin-left:-400px;
	background:#e55c28;
	padding-top:30px;
}
.g-zaizx .zaban a .texts h3{
	width:100%;
	height:35px;
	line-height:35px;
	text-align:center;
	color:#ffffff;
	margin-bottom:10px;
}
.g-zaizx .zaban a .texts p{
	width:100%;
	padding:0 60px;
	line-height:30px;
	font-size:16px;
	color:#ffffff;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;
}
.g-zaizx .zaban a .texts .moes{
	width:120px;
	height:30px;
	margin:10px auto 10px;
	position:relative;
	text-align:center;
	line-height:30px;
	font-size:14px;
	color:#fefcfb;
	background:#0ea057;
}
.g-zaizx .zaban a .texts .moes:after{
	content:" ";
	width:13px;
	height:5px;
	background:url(../images/bsmr.png) no-repeat;
	position:absolute;
	right:10px;
	top:10px;
}
.g-zaizx .zaban .swiper-button-prev{
	width:63px;
	height:65px;
	position:absolute;
	left:-35px;
	background:url(../images/bsbl.png) no-repeat;
}
.g-zaizx .zaban .swiper-button-next{
	width:63px;
	height:65px;
	position:absolute;
	right:-35px;
	transform:rotateZ(180deg);
	background:url(../images/bsbl.png) no-repeat;
}
/*********************************************产品优势*******************************/
.g-about{
	width:100%;
	height:735px;
	position:relative;
}
.g-about:after{
	content:" ";
	width:50%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	background:url(../images/ysbg.jpg) no-repeat;
}
.g-about .m-box{
	width:1200px;
	height:100%;
	position:relative;
	margin:0 auto;
	padding-top:60px;
	z-index:2;
}
.g-about .ablef{
	width:360px;
	height:520px;
	float:left;
	padding-left:5px;
}
.g-about .abtits{
	width:180px;
	height:116px;
	background:url(../images/ystit.png) no-repeat;
	margin-bottom:85px;
}
.g-about .ableban{
	width:350px;
	height:180px;
	position:relative;
	margin-bottom:80px;
}
.g-about .ableban a{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	opacity: 0;
	transition:.5s;
}
.g-about .ableban .skiws{
	opacity: 1;
	transition:.5s;
}
.g-about .ableban a h3{
	font-size:24px;
	color:#ffffff;
	margin-bottom:25px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.g-about .ableban a p{
	font-size:14px;
	color:#ffffff;
	line-height:25px; 
	word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 5; /** 显示的行数 **/
    overflow: hidden;
}
.g-about  .ablbot{
	width:320px;
	height:40px;
	border:1px solid #fff;
	background:url(../images/phons.png) no-repeat 10px center ;
	font-size:14px;
	padding-left:50px;
	line-height:37px;
	color:#fff;
}
.g-about .ablbot span{
	font-weight:600;
	color:#fff;
	font-size:24px;
}
.g-about .abban{
	width:430px;
	height:430px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-215px;
	margin-left:-215px;
}
.g-about .abban:after{
	content:" ";
	width:100%;
	height:100%;
	background:url(../images/yousyu.png) no-repeat;
	position:absolute;
	left:0px;
	top:0px;
	animation: xsunsa 10s infinite  linear;
}
.g-about .abban .imgs{
	width:370px;
	height:370px;
	border-radius:50%;
	background:#fff;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-185px;
	margin-top:-185px;
	padding:10px;
	transform:scale(1.2);
	opacity:0;
	transition:.5s;
}
.g-about .abban .imgshow{
	opacity:1;
	transform:scale(1);
	transition:.5s;
}
.g-about .abban .imgs a{
	display:block;
	width:100%;
	height:100%;
	border-radius:50%;
	overflow:hidden;
}
.g-about .abban .imgs a img{
	display:block;
    width: auto;
    margin: 0 auto;
    height: 100%;
	transition:.5s;
}
.g-about .abban .imgs a:hover img{
	transform:scale(1.1);
	transition:.5s;
}
.g-about .abrig{
	width:330px;
	height:79%;
	float:right;
	position:relative;
}
.g-about .abrig:after{
	content:" ";
	width:1px;
	height:100%;
	border-left:1px dashed #a9a8a8;
	position:absolute;
	right:100px;
	top:0px;
}
.g-about .abrig li{
	width:100%;
	height:120px;
	margin-bottom:85px;
	position:relative;
}
.g-about .abrig li:after{
	content:" ";
	width:12px;
	height:12px;
	background:#07983a;
	border-radius:50%;
	position:absolute;
    right: 95px;
    top: 30px;
    z-index: 2;
}
.g-about .abrig li:before{
	content:" ";
	width:30px;
	height:1px;
	border-top:1px dashed #a9a8a8;
	position:absolute;
	right:110px;
	top:36px;
}
.g-about .abrig li a{
	display:block;
	width:100%;
	height:100%;
}
.g-about .abrig li a .imgs{
	width:180px;
	height:120px;
	float:left;
	overflow:hidden;
}
.g-about .abrig li a .imgs img{
	display:block;
	width:100%;
	height:100%;
	transition:.5s;
}
.g-about .abrig li a:hover .imgs img{
	transition:.5s;
	transform:scale(1.1);
}
.g-about .abrig li .texts{
	width:85px;
	height:80px;
	float:right;
}
.g-about .abrig li .texts h3{
	font-size:40px;
	color:#07983a;
	font-weight:600;
	width:100%;
	text-align:center;
}
.g-about .abrig li .texts p{
	width:100%;
	text-align:center;
	font-size:20px;
	color:#7e7e7e;
	line-height:35px;
}
/************************************************在线留言**************************************/
.g-yous{
	width:100%;
	height:660px;
	position:relative;
}
.g-yous:after{
	content:" ";
	width:50%;
	position:absolute;
	right:0px;
	height:100%;
	top:0px;
	background:url(../images/lyyari.jpg) no-repeat;
}
.g-yous	.m-box{
	width:1200px;
	height:100%;
	padding-top:60px;
	position:relative;
	z-index:2;
}
.g-yous	.yorig{
	width:600px;
	height:345px;
	float:left;
	position:relative;
}
.g-yous	 .yrtitlef{
	width:282px;
	height:30px;
	background:url(../images/lystit.png) no-repeat;
	margin-bottom:30px;
}
.g-yous	.yurtit{
	width:565px;
	height:55px;
	position:relative;
}
.g-yous	.yulis{
	width:350px;
	height:30px;
	position:absolute;
    top: 10px;
    left: 0;
}
.g-yous	.yulis p{
	width:90px;
	height:25px;
	float:left;
    line-height: 8px;
    margin-right:15px;
	position:relative;
}
.g-yous	.yulis p input{
    margin-left: 5px;
    margin-right: 5px;    
    width: 12px;
    height:12px;
    display: inline-block;    
    float: left;
    position: relative;
    background:#fc9b00;
    top: -5px;
}
.g-yous	.yulis p label{
    color: #fff;
    float: left;
    font-size: 14px;
    font-weight: 500;
    margin-right: 13px;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}
.g-yous	.yulis p input[type="radio"] {
    width: 12px;
    height: 12px;
   opacity: 0;
    position: relative;
    z-index: 1;
}
.g-yous	.yulis p label {
   position: absolute;
   left: 5px;
   top: -1px;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background:#2fb65c;
 }
.g-yous	.yulis p input:checked+label {
   background-color: #4aa81e;
   border: 1px solid #4aa81e;
}
.g-yous	.yulis p input:checked+label::after {
   position: absolute;
   content: "";
    top: 3px;
    left: 3px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    transform: rotate(45deg);
    background: #fff;
 }
.g-yous	.yulis p span{
	font-size:14px;
	color:#919191;
}
.g-yous	 .yurban{
	width:560px;
	height:390px;
	margin-top:25px;
	position:relative;
}
.g-yous	.yurban .yurbl1{
	width:560px;
	height:35px;
	margin-bottom:10px;
}
.g-yous	.yurban .yurbl1 input{
	width:270px;
	height:35px;
	color:#9a9393;
	border:none;
	border-bottom:1px solid #d9d9d9;
	font-size:16px;
	line-height:35px;
	margin-left:14px;
	text-indent:5px;
	background:transparent;
}
.g-yous	.yurban .yurbl1 input:nth-child(1){
	margin-left:0px;
}
.g-yous	.yurbl2{
	width:560px;
	height:70px;
	margin-bottom:20px;
}
.g-yous	.yurbl2 textarea{
	width:100%;
	height:100%;
	font-size:16px;
	text-indent:5px;
	padding-top:5px;
	border:none;
	background:transparent;
	border-bottom:1px solid #d9d9d9;
	color:#9a9393;
}
.g-yous	.yurban button{
	width:120px;
	height:35px;
	text-align:center;
	line-height:35px;
	background:#07983a;
	color:#fff;
	font-size:18px;
	float:left;
	transition:.5s;
}
.g-yous	.yurban button:hover{
	letter-spacing:2px;
	transition:.5s;
}
.g-yous	.yurlpho{
	width:550px;
	height:50px;
	position:absolute;
	left:50px;
	bottom:1px;
	padding-left:280px;
}
.g-yous	.yurlpho:after{
	content:" ";
	width:248px;
	height:18px;
	background:url(../images/kqu.png) no-repeat;
	position:absolute;
	left:0px;
	top:15px;
}
.g-yous	.yurlpho .yurphos{
	width:270px;
	height:50px;
	background:url(../images/zsoh.png) no-repeat center left;
	padding-left:55px;
}
.g-yous	.yurlpho .yurphos p{
	font-size:14px;
	color:#a29f9f;
	line-height:25px;
}
.g-yous	.yurlpho .yurphos h3{
	font-size:28px;
	color:#2fb65c;
	line-height:25px;
}
.g-yous	.zask{
	width:970px;
	height:200px;
	background:rgba(232,108,61,.8);
	position:absolute;
	left:0px;
	bottom:60px;
	padding:25px 20px;
}
.g-yous	.zask li{
	width:310px;
	height:135px;
	float:left;
	padding-left:45px;
	transition:.8s;
}
.g-yous	.zask li:hover{
	background:#e7f5ec;
	transition:.8s;
}
.g-yous	.zask li .imgs{
	width:70px;
	height:100%;
	float:left;
}
.g-yous	.zask li .texst{
	width:170px;
	height:65px;
	float:left;
	margin-left:5px;
    padding-top: 47px;
}
.g-yous	.zask li .texst h3{
	font-size:20px;
	color:#fff;
	transition:.5s;
    line-height: 25px;
}
.g-yous	.zask li:hover .texst h3{
	color:#666666;
	transition:.5s;
}
.g-yous	.zask li .texst  p{
	font-size:14px;
	color:#fff;
	transition:.5s;
    line-height: 25px;
}
.g-yous	.zask li:hover .texst p{
	color:#666666;
	transition:.5s;
}
.g-yous	.zask li:nth-child(1) .imgs{
	background:url(../images/liuz1.png) no-repeat center center;
}
.g-yous	.zask li:nth-child(1):hover .imgs{
	background:url(../images/liuzhos1.png) no-repeat center center;	
}
.g-yous	.zask li:nth-child(2) .imgs{
	background:url(../images/liuz2.png) no-repeat center center;
}
.g-yous	.zask li:nth-child(2):hover .imgs{
	background:url(../images/liuzhos2.png) no-repeat center center;	
}
.g-yous	.zask li:nth-child(3) .imgs{
	background:url(../images/liuz3.png) no-repeat center center;
}
.g-yous	.zask li:nth-child(3):hover .imgs{
	background:url(../images/liuzhos3.png) no-repeat center center;	
}
/**************************线下店铺***************************/
.dsio{
	width:100%;
	height:860px;
	position:relative;
}
.dsio:after{
	content:" ";
	width:50%;
	height:420px;
	background:#e4e4e4;
	position:absolute;
	left:0px;
	top:0px;
}
.dsio:before{
	content:" ";
	width:50%;
	height:420px;
	background:#47b36d;
	position:absolute;
	right:0px;
	top:0px;
}
.dsio .m-box{
	width:1200px;
	height:100%;
	margin:0 auto;
	position:relative;
	z-index:2;
}
.dsio .m-box:after{
	content:" ";
	width:50%;
	height:100%;
	position:absolute;
	background:#f8f8f8;
	right:0px;
	top:0px;
    z-index: -1;
}
.dsio .m-box .dsitit{
	width:282px;
	height:30px;
	position:absolute;
	right:50px;
	top:60px;
}
.dsio .m-box .gplef{
	width:190px;
	height:70px;
	position:absolute;
	right:340px;
	top:60px;
}
.dsio .m-box .gplef p{
	background:url(../images/tpone.png) no-repeat center left;
	font-size:16px;
	text-indent: 30px;
	line-height:35px;
	width:100%;
}
.dsio .m-box .gplef h3{
	font-size:24px;
	color:#009a44;
	font-weight:600;
}
.dsio .dstop{
	width:100%;
	height:420px;
	position:relative;
}
.dsio .dstop .dstlef{
	width:600px;
	height:420px;
	float:left;
	overflow:hidden;
    position: relative;
}
.dsio .dstop a{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	overflow:hidden;
	top:0px;
	transition:.8s;
	transform:scale(1.2);
	opacity:0;
}
.dsio .dstop .sloiwnd{
	transition:.8s;
	transform:scale(1);
	opacity:1;
}
.dsio .dstop a img{
	display:block;
	width:100%;
	height:100%;
	transition:.8s;
}
.dsio .dstop a:hover img{
	transform:scale(1.1);
	transition:.8s;	
}
.dsio .dstop .dstrig{
	width:600px;
	float:right;
	height:420px;
	position:relative;
}	
.dsio .dstop .dstrig .dsrbtn{
	width:240px;
	height:70px;
	background:#07983a;
	position:absolute;
	left:0px;
	bottom:0px;
}
.dsio .dstop .dstrig .dsrbtn:after{
	content:" ";
	width:73px;
	height:13px;
	background:url(../images/yus.png) no-repeat;
	position:absolute;
	left:85px;
	top:30px;
}
.dsio .dstop .dstrig .dsrbtn .swiper-button-prev{
	width:13px;
	height:24px;
	background:url(../images/sjt.png) no-repeat;
    top: 45px;
    transform: rotate(180deg);
}
.dsio .dstop .dstrig .dsrbtn .swiper-button-next{
	width:13px;
    top: 45px;
	height:24px;
	background:url(../images/sjt.png) no-repeat;
}
.dsio .dstop .dstrig .ores{
	width:130px;
	height:35px;
	position:absolute;    
	bottom: 10px;
    right: 40px;
}	
.dsio .dstop .dstrig a{
	display: block;
	width:130px;
	height:35px;
	line-height:29px;
	color:#009a44;
	font-size:16px;
	text-align: right;
	position:relative;
    opacity: 1;
}
.dsio .dstop .dstrig a:after{
	content:" ";
	width:25px;
	height:25px;
	border:1px solid #0e9b3f;
	position:absolute;
	left:0px;
	top:0px;
	border-radius:50%;
	transition:.8s;
}
.dsio .dstop .dstrig a:before{
	content:" ";
	width:39px;
	height:8px;
	background:url(../images/jts.png) no-repeat;
	position:absolute;
	left:12px;
	top:10px;	
	transform:translateX(0px);
}
.dsio .dstop .dstrig a:hover:after{
	transform:translateX(30px);
	transition:.8s;
}
.dsio .dstop .dstrig h3{
	font-size:16px;
	color:#666666;
	position:absolute;
	width:210px;
	height:25px;
	line-height:25px;
	right:50px;
	top:180px;
}
.dsio .dstop .dstrig p{
	width:340px;
	text-align:right;
	position:absolute;
	right:50px;
	bottom:120px;
	font-size:14px;
	color:#b8b8b8;
	line-height:30px;
}
.dsio  .dsbot{
	width:100%;
	height:265px;
	margin-top:40px;
	position:relative;
}
.dsio  .dsbot a{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}
.dsio  .dsbot a img{
	display:block;
	width:100%;
	height:100%;
	transition:.5s;
}
.dsio  .dsbot a:hover img{
	transition:.5s;
	transform:scale(1.1);
}
/*新闻中心*/
.m-news{
	width:100%;
	height:750px;
	position:relative;
}
.m-news .m-box{
	width:1200px;
	height:100%;
	position:relative;
	margin:0 auto;
	z-index:2;
	padding-top:60px;
}
.m-news .m-box .newtit{
	width:493px;
	height:91px;
	background:url(../images/newtit.png) no-repeat;
	margin:0 auto 50px;
}
.m-news .m-box .newban{
	width:100%;
	height:465px;
	position:relative;
}
.m-news .m-box .newlef{
	width:600px;
	float:left;
    height: 100%;
	border-right:1px solid #0ea057;
	position:relative;
}
.m-news .m-box .newlef .imgs{
	width:510px;
	height:295px;
	position:absolute;
	left:0px;
	bottom:0px;
	overflow:hidden;
}
.m-news .m-box .newlef .imgs img{
	display:block;
	width:100%;
	height:100%;
	transition:.6s;
}
.m-news .m-box .newlef .imgs:hover img{
	transform:scale(1.2);
	transition:.6s;
}
.m-news .m-box li{
	width:500px;
	height:125px;
	border-bottom:1px solid #dcdcdc;
	margin-top:30px;
}
.m-news .m-box .newlef  li{
	border-bottom:none;
}
.m-news .m-box li .times{
	width:80px;
	height:80px;
	background:#0ea057;
	padding-top:15px;
	float:left;
}
.m-news .m-box li .times h3{
	width:100%;
	height:25px;
	font-size:24px;
	color:#ffffff;
	font-weight:400;
	text-align:center;
	line-height:30px;
}
.m-news .m-box li .times p{
	width:100%;
	height:30px;
	line-height:30px;
	color:#fff;
	font-size:24px;
	text-align:center;
}
.m-news .m-box li .texsts{
	width:405px;
	float:right;
	height:80px;
    padding-top: 7px;
}
.m-news .m-box li .texsts h3{
	font-size:18px;
	color:#353333;
	width:100%;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	margin-bottom:10px;
	transition:.5s;
}
.m-news .m-box li:hover .texsts h3{
	color:#0ea057;
	transition:.5s;
}
.m-news .m-box li .texsts p{
	width:100%;
	font-size:14px;
	color:#353333;
	line-height:20px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2; /** 显示的行数 **/
    overflow: hidden;
}
.m-news .m-box .newrifg{
	width:600px;
	height:100%;
	float:right;
}
.m-news .m-box .newrifg li{
	float:right;
}
.m-news .m-box .newrifg li:nth-child(3){
	border-bottom:none;
}
/********************************荣誉资质**********************************/
.rouy{
	width:100%;
	height:845px;
	position:relative;
}
.rouy:after{
	content:" ";
	width:50%;
	height:100%;
	background:url(../images/riyuri.jpg) no-repeat;
	position:absolute;
	left:0px;
	top:0px;
}
.rouy .m-box{
	width:1200px;
	height:100%;
	margin:0 auto;
	padding-top: 75px;
    position: relative;
    z-index: 23;
}
.rouy .rotop{
	width:100%;
	height:415px;
	position:relative;
}
.rouy .totlef{
	width:600px;
	height:100%;
	padding-left:45px;
	position:relative;
    float: right;
}
.rouy .rutit{
	width:228px;
	height:86px;
	background:url(../images/rytit.png) no-repeat;
	margin-bottom:60px;
}
.rouy .totlef p{
	width:470px;
	height:120px;
	font-size:16px;
	color:#666666;
	line-height:35px;
}
.rouy .totlef .rotmore{
	display: block;
	width:130px;
	height:35px;
	line-height:29px;
	color:#009a44;
	font-size:16px;
	text-align: right;
	position:absolute;
	left:50px;
	bottom:30px;
}
.rouy .totlef .rotmore:after{
	content:" ";
	width:25px;
	height:25px;
	border:1px solid #0e9b3f;
	position:absolute;
	left:0px;
	top:0px;
	border-radius:50%;
	transition:.8s;
}
.rouy .totlef .rotmore:before{
	content:" ";
	width:39px;
	height:8px;
	background:url(../images/jts.png) no-repeat;
	position:absolute;
	left:12px;
	top:10px;	
	transform:translateX(0px);
}
.rouy .totlef .rotmore:hover:after{
	transform:translateX(30px);
	transition:.8s;
}
.rouy .totrig{
	width:600px;
	height:400px;
	float:left;
	background:url(../images/rytu.jpg) no-repeat;
}
.rouy .rotbot{
	width:100%;
	height:220px;
	margin-top:20px;
	position:relative;
}
.rouy .rotbot .rotbbnan{
	width:960px;
	height:100%;
	position:relative;
    float: right;
	background:rgba(245,245,245,.8);
}
.rouy .rotbot .rotbbnan .rotbanlis{
	width:890px;
	height:180px;
	position:absolute;
	left:25px;
	top:20px;
}
.rouy .rotbot .rotbbnan a{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}
.rouy .rotbot .rotbbnan a img{
	display:block;
	width:100%;
	height:100%;
	transition:.8s;
}
.rouy .rotbot .rotbbnan a:hover img{
	transition:.8s;
	transform:scale(1.1);
}
.rouy .rotbot .rotbtn{
	width:240px;
	height:70px;
	background:#e55c28;
	position:absolute;
	left:0px;
	bottom:0px;
}
.rouy .rotbot .rotbtn:after{
	content:" ";
	width:73px;
	height:13px;
	background:url(../images/yus.png) no-repeat;
	position:absolute;
	left:85px;
	top:30px;
}
.rouy .rotbot .rotbtn .swiper-button-prev{
	width:13px;
	height:24px;
	background:url(../images/sjt.png) no-repeat;
    top: 45px;
    transform: rotate(180deg);
}
.rouy .rotbot .rotbtn .swiper-button-next{
	width:13px;
    top: 45px;
	height:24px;
	background:url(../images/sjt.png) no-repeat;
}
/*联系我们*/
.m-fot{
	width:100%;
	height:625px;
	position:relative;
	margin-top:20px;
}
.m-fot .fotop{
	width:100%;
	height:300px;
	position:relative;
}
.m-fot .fotbg{
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
    z-index: 2;
}
.m-fot  .fotop .m-box{
	width:1200px;
	height:100%;
	margin:0 auto;
	position:relative;
}
.m-fot .fotop .ftplef{
	width:260px;
	height:100%;
	float:right;
	position:relative;
	z-index:5;
}
.m-fot .fotop .ftplefban{
	width:100%;
	height:370px;
	background:#e55c28;
	position:absolute;
	top:-45px;
	left:0px;
}
.m-fot .fotop .ftplefban .ftlbt{
	width:193px;
	height:160px;
	background:url(../images/floshg.png) no-repeat;
	margin:0 auto 15px;
}
.m-fot .fotop .ftplefban .ftlbewm{
	width:150px;
	height:150px;
	margin:0 auto;
}
.m-fot .fotop .ftplefban p{
	width:100%;
	text-align:center;
	line-height:35px;
	font-size:18px;
	color:#fff;
}
.m-fot .fotop .ftplefban .ftlbewm img{
	display:block;
	width:100%;
	height:100%;
}
.m-fot .fotop .ftprig{
	width:425px;
	height:50px;
	position:relative;
	float:left;
	margin-top:165px;
	margin-right:28px;
	z-index:3;
	background:rgba(26,159,73,.8);
}
.m-fot .fotop .ftprig  input{
	width:80%;
	height:50px;
	line-height:50px;
	border:none;
	background:transparent;
	color:#fff;
	font-size:16px;
	text-indent:30px;
} 
.m-fot .fotop .ftprig input:focus::-webkit-input-placeholder {
color: transparent;
}
.m-fot .fotop .ftprig  input::-webkit-input-placeholder { 
/* WebKit browsers */ 
color: #fff; 
} 
.m-fot .fotop .ftprig .descs{
	width:65px;
	height:50px;
	background:#e9f6ed url(../images/fose.png) no-repeat center center;
	position:absolute;
	right:0px;
	top:0px;
}
.m-fot .fotban{
	width:100%;
	height:280px;
	background:#0ea057;
	position:relative;
}
.m-fot  .fotban .m-box{
	width:1200px;
	height:100%;
	position:relative;
	margin:0 auto;
	padding-top:60px;
}
.m-fot  .fotban .ftble{
	width:225px;
	height:70px;
	float:left;
	margin-top:70px;
	margin-left:35px;
}
.m-fot  .fotban .ftble p{
	width:100%;
	height:35px;
	line-height:35px;
	background:url(../images/fpho.png) no-repeat center left; 
	padding-left: 40px;
	font-size:14px;
	color:#ffffff;
}
.m-fot  .fotban .ftble h3{
	color:#fff;
	font-weight:600;
	font-size:24px;
	line-height:36px;
}
.m-fot  .fotban .ftban{
	width:360px;
	height:180px;
	float:left;
	margin-left: 140px;
}
.m-fot  .fotban .ftban p{
	width:100%;
	height:25px;
	font-size:14px;
	color:#fff;
	line-height:25px;
	margin-bottom:15px;
	padding-left: 25px;
}
.m-fot  .fotban .ftban p:nth-child(1){
	background:url(../images/fp1.png) no-repeat center left;
}
.m-fot  .fotban .ftban p:nth-child(2){
	background:url(../images/fp2.png) no-repeat center left;
}
.m-fot  .fotban .ftban p:nth-child(3){
	background:url(../images/fp3.png) no-repeat center left;
}
.m-fot  .fotban .ftban p:nth-child(4){
	background:url(../images/fp4.png) no-repeat center left;
}
.m-fot .ftrig{
	width:385px;
	float:right;
	height:150px;
}
.m-fot .ftrig li{
	width:90px;
	height:25px;
	margin-bottom:20px;
	float:left;
}
.m-fot .ftrig li a{
	display:block;
	width:100%;
	height:25px;
	line-height:25px;
	color:#ffffff;
	font-size:16px;
	text-align:center;
}
.m-fot .fottops{
	width:100%;
	height:70px;
}
.m-fot .fottops li{
	width:120px;
	height:70px;
	float:left;
}
.m-fot .fottops li a{
	display:block;
	width:100%;
	height:100%;
	line-height:70px;
	text-align:center;
	color:#fdfcfc;
	font-size:16px;
	transition:.5s;
}
.m-fot .fottops li a:hover{
	letter-spacing:2px;
	transition:.5s;
}

.m-fot .fotfots{
	width:100%;
	height:50px;
	position:absolute;
	bottom:0px;
	background:#4d4d4d;
	left:0px;
}
.m-fot .beran{
	width:1200px;
	height:50px;
	line-height:50px;
	margin:0 auto;
	font-size:16px;
	color:#fff;
	position:relative;
	text-align:center;
	padding-left:35px;
}
.m-fot .beran  a{
	font-size:16px;
	color:#fff;
	line-height:50px;
}