@charset "utf-8";

.banner{ position:relative; width:100%;  }
.banner .bd{ width:100%; position:relative; z-index:1;}
.banner .bd ul li{display: block;overflow: hidden;}
.banner .bd img{vertical-align: bottom;width:100%;height: auto;transition: all 3s;}
.banner .hd{ left:50%;margin-left:-650px; position:absolute; bottom:86px; z-index:3; text-align:center;border-bottom: 1px solid #4b555e}
.banner .hd ul li{float: left;padding: 0 4px;margin-right: 50px;font-size: 18px;color: #4b555e;font-style: italic;padding-bottom: 3px;position: relative;cursor: pointer;}
.banner .hd ul li:last-child{margin-right: 0}
.banner .hd ul li.on::after{content: '';position: absolute;bottom: -13px;left: 50%;width: 24px;height: 5px;margin-left: -12px;background: #8ab923}

.pagination{position: absolute; left:0;bottom:10%;height:8px;width: 100%; z-index:980;}
.pagination{width: 100%;height:8px;text-align: center;}
.pagination .swiper-pagination-bullet{display: inline-block;background:#ffffff;width: 6px;height: 6px;border-radius: 100%;text-indent:99999px; overflow:hidden; margin:0 2px;cursor: pointer;transition: all 0.5s;opacity: 1;}
.pagination .swiper-pagination-bullet-active{background: #8ab923;}

.sj-banner{ position:relative;overflow:hidden;width: 100%;height: auto;z-index: 3;display: none}
.sj-banner img{width: 100%;height: auto;}
.sj-banner .swiper-slide{opacity: 0!important}
.sj-banner .swiper-slide-active{opacity: 1!important}

@media screen and (max-width: 1360px){
	.banner .hd{margin-left: -600px;bottom: 50px}
}
@media screen and (max-width: 1280px){
	.banner .hd{margin-left: -500px}
}
@media screen and (max-width: 1024px){
	.banner{display: none}
	.sj-banner{display: block;}
}

.topArea{font-size: 30px;color: #333333}

.s1{padding: 88px 0 65px}
.s1 .s1-t{margin-bottom: 50px;}
.s1 .s1-t .hd{ width:100%; text-align:center; font-size:0}
.s1 .s1-t .more{display: block;float: right;position: relative;z-index: 2;width: 31px;height: 31px;background: url(more.png) no-repeat;margin-top: 4px;background-size: contain; display:none}
.s1 .s1-t .hd ul li{ display:inline-block; vertical-align:top; margin:0 35px}
.s1 .s1-t .hd ul li::after{}
.s1 .s1-t .hd ul li:last-child::after{display: none}
.s1 .s1-t .hd ul li a{font-size: 24px;color: #848484;padding: 2px 0;position: relative;z-index: 4;display: block; box-sizing:border-box; border-bottom:1px solid #fff}
.s1 .s1-t .hd ul li::before{}
.s1 .s1-t .hd ul li::before{}
.s1 .s1-t .hd ul li.on a{ color:#313131; border-bottom:1px solid #313131}
.s1 .bd ul li{float: left;width: 300px;margin-bottom: 25px;margin-right: 33px;}
.s1 .bd ul li a{display: block;position: relative;overflow: hidden;}
.s1 .bd ul li:nth-child(4n){margin-right: 0}
.s1 .bd ul:nth-child(1) li:nth-child(4n){ margin-right:33px}
.s1 .bd ul:nth-child(1) li:nth-child(4n+1){ margin-right:0}
.s1 .bd ul li .pic{overflow: hidden;}
.s1 .bd ul li .pic img{width: 100%;height: auto;}
.s1 .bd ul li .title{font-size: 18px;color: #999999;padding: 15px 30px 15px 15px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background: url(ico_01.png) no-repeat 230px center;}
.s1 .bd ul li .mask{position: absolute;top: -100%;left: 0;right: 0;height: 100%;background: rgba(138,185,35,.9);z-index: 4;box-sizing: border-box;padding-top: 120px;transition: all .5s ease;}
.s1 .bd ul li .mask .t{text-align: center;width: 100%;box-sizing: border-box;padding: 0 15px 50px;background: url(ico_02.png) no-repeat bottom center;font-size: 24px;color: #fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.s1 .bd ul li:hover .mask{top: 0}
.s1 .bd ul .item{ width:100%; margin-bottom:30px; display:none}
.s1 .bd ul .item a{ font-size:16px; color:#333; float:left; display:block; margin-right:40px}
@media screen and (max-width: 1360px){
	.topArea{font-size: 26px}
	.s1{padding: 70px 0 55px}
	.s1 .s1-t{margin-bottom: 65px}
	.s1 .s1-t .hd ul li a{font-size: 18px;}
	.s1 .s1-t .hd ul li.on::before{height: 10px}
	.s1 .s1-t .more{margin-top: 0;width: 24px;height: 24px}
	.s1 .bd ul li{width: 24%;margin-right: 1.33333%;margin-bottom: 20px;}
	.s1 .bd ul li .title{font-size: 14px;background: url(ico_01.png) no-repeat 217px center;}
	.s1 .bd ul li .mask{padding-top: 85px;}
	.s1 .bd ul li .mask .t{font-size: 16px}
}
@media screen and (max-width: 1024px){
	.topArea{font-size: 24px}
	.s1{padding: 50px 0 40px}
	.s1 .s1-t{margin-bottom: 30px;}
	.s1 .s1-t .hd ul li a{font-size: 16px;}
	.s1 .s1-t .hd ul li::before{ height:30px}
	.s1 .s1-t .hd ul li::after{width: 1px;right: 0;height: 18px;margin-top: -9px}
	.s1 .s1-t .hd ul li.on::before{ height:30px}
	.s1 .bd ul li{width: 49%;margin-right: 2%;margin-bottom: 12px}
	.s1 .bd ul li:nth-child(2n){margin-right: 0}
	.s1 .bd ul:nth-child(1) li:nth-child(2n){margin-right: 2%}
	.s1 .bd ul:nth-child(1) li:nth-child(2n+1){margin-right: 0}
	
	.s1 .bd ul li .title{font-size: 12px;padding: 8px 5px;background: none;text-align: center;}
	.s1 .bd ul li .mask{display: none}
	.s1 .bd ul .item a{ font-size:14px; width:49%; float:left; margin-right:0; border-bottom:1px solid #ddd; box-sizing:border-box; padding:5px 5px 5px 15px; background:url(o_ico_18.gif) left center no-repeat}
	.s1 .bd ul .item a:nth-child(2n){ float:right}
	.s1 .s1-t .more{ display:none}
}
@media screen and (max-width: 750px){
	.topArea{font-size: 20px}
	.s1 .s1-t .hd{width: 100%;float: unset;}
	.s1 .s1-t .hd ul li{ margin:0; width:25%}
	.s1 .s1-t .hd ul li:nth-child(4n){}
	.s1 .s1-t .hd ul li a{font-size: 15px;padding: 0}
	.s1 .s1-t .more{float: unset;margin: 10px auto 0 auto;}
}

.s2{padding: 82px 0 106px;background: url(bg_01.jpg) no-repeat center center;background-size: cover;}
.s2 .topArea{color: #fff}
.s2 .s2-c{margin-top: 30px;}
.s2 .s2-c .hd{}
.s2 .s2-c .hd ul li{float: left;width: 25%;text-align: center;position: relative;padding: 35px 0;cursor: pointer;overflow: hidden;}
.s2 .s2-c .hd ul li::after{content: '';position: absolute;top: 0;left: 50%;width: 0;transform: translateX(-50%);height: 6px;background: #8ab923;opacity: 0;visibility: hidden;transition: all .5s ease;transition: .5s ease}
.s2 .s2-c .hd ul li.on::after{visibility: visible;opacity: 1;width: 100%}
.s2 .s2-c .hd ul li .h{font-size: 18px;color: #fff;transition: all .5s ease;}
.s2 .s2-c .hd ul li .p{margin-top: 10px;transition: all .5s ease;}
.s2 .s2-c .hd ul li .p span{font-size: 18px;color: #fff;display: inline-block;position: relative;transition: all .5s ease;font-weight: bold;}
.s2 .s2-c .hd ul li .p span::before{content: '';position: absolute;left: -35px;width: 18px;height: 1px;background: #8ab923;top: 50%;margin-top: -1px;opacity: 0;visibility: hidden;transition: all .5s ease;}
.s2 .s2-c .hd ul li .p span::after{content: '';position: absolute;right: -35px;width: 18px;height: 1px;background: #8ab923;top: 50%;margin-top: -1px;opacity: 0;visibility: hidden;transition: all .5s ease;}
.s2 .s2-c .hd ul li.on .p span::before{visibility: visible;opacity: 1}
.s2 .s2-c .hd ul li.on .p span::after{visibility: visible;opacity: 1}
.s2 .s2-c .hd ul li.on .h{color: #8ab923}
.s2 .s2-c .hd ul li.on .p span{color: #8ab923}
.s2 .s2-c .bd{margin-top: 25px;height: 95px;}
.s2 .s2-c .bd ul li{width: 100%;min-height: 95px;box-sizing: border-box;padding: 20px 25px 10px;font-size: 14px;color: #ffffff;line-height: 24px;background: #8ab923}

@media screen and (max-width: 1360px){
	.s2 .s2-c{margin-top: 35px}
	.s2{padding: 70px 0 80px;}
	.s2 .s2-c .bd ul li{padding: 30px 15px}
}
@media screen and (max-width: 1280px){

}
@media screen and (max-width: 1024px){
	.s2{padding: 50px 0 60px;}
	.s2 .s2-c .hd ul li::after{height: 4px}
	.s2 .s2-c .hd ul li{padding: 15px 0;}
	.s2 .s2-c .hd ul li .h{font-size: 14px;}
	.s2 .s2-c .hd ul li .p{margin-top: 6px;}
	.s2 .s2-c .hd ul li .p span{font-size: 16px}
	.s2 .s2-c .bd{margin-top: 35px}
	.s2 .s2-c .bd ul li{padding: 20px 10px}
}
@media screen and (max-width: 750px){
	.s2{padding: 40px 0}
	.s2 .s2-c .hd ul li::after{height: 1px}
	.s2 .s2-c .hd ul li{padding: 10px 0}
	.s2 .s2-c .hd ul li .h{font-size: 12px;}
	.s2 .s2-c .hd ul li .p{margin-top: 5px}
	.s2 .s2-c .hd ul li .p span{font-size: 14px}
	.s2 .s2-c .hd ul li .p span::before{display: none}
	.s2 .s2-c .hd ul li .p span::afgter{display: none}
	.s2 .s2-c .bd{height: 240px;}
	.s2 .s2-c .bd ul li{min-height: 240px}
}


.s3{padding: 115px 0 85px}
.s3 .leftArea{float: left;width: 610px;}
.s3 .leftArea img{width: 100%;height: auto;}
.s3 .rightArea{float: right;width: 635px;}
.s3 .rightArea .h{font-size: 30px;color: #333333;line-height: 30px}
.s3 .rightArea .p{font-size: 18px;color: #333333;padding: 8px 0 8px 16px;border-left: 1px solid #ffcc11;margin-top: 30px;font-weight: 120}
.s3 .rightArea .cont{margin-top: 34px;font-size: 14px;color: #333333;line-height: 26px;height: 104px;overflow: hidden;}
.s3 .rightArea .m{margin-top: 20px;text-align: right;}
.s3 .rightArea .m a{display: inline-block;width: 22px;height: 9px;background: url(ico_03.png) no-repeat;}
.s3 .rightArea .list{margin-top: 66px;}
.s3 .rightArea .list ul li{float: left;width: 150px;margin-right: 11px;background: #f6f6f6;transition: all .5s ease;}
.s3 .rightArea .list ul li a{display: block;height: 145px;box-sizing: border-box;padding-top: 34px;}
.s3 .rightArea .list ul li:last-child{margin-right: 0}
.s3 .rightArea .list ul li .icon{width: 50px;margin: 0 auto;position: relative;transition: .5s ease}
.s3 .rightArea .list ul li .icon img{width: 100%;height: auto;}
.s3 .rightArea .list ul li:hover .icon{transform: rotateY(360deg);}
.s3 .rightArea .list ul li .icon .img1{opacity: 1;transition: all .5s ease;visibility: visible;}
.s3 .rightArea .list ul li .icon .img2{opacity: 0;visibility: hidden;transition: all .5s ease;position: absolute;left: 0;top: 0}
.s3 .rightArea .list ul li .txt{font-size: 16px;color: #333333;margin-top: 2px;text-align: center;transition: all .5s ease;}
.s3 .rightArea .list ul li:hover{background: #8ab923}
.s3 .rightArea .list ul li:hover .txt{color: #fff}
.s3 .rightArea .list ul li:hover .icon .img1{opacity: 0;visibility: hidden;}
.s3 .rightArea .list ul li:hover .icon .img2{opacity: 1;visibility: visible;}

@media screen and (max-width: 1360px){
	.s3{padding: 85px 0}
	.s3 .leftArea{width: 580px;}
	.s3 .rightArea{width: 600px;}
	.s3 .rightArea .list{margin-top: 57px}
	.s3 .rightArea .list ul li{width: 140px;margin-right: 13px;}
	.s3 .rightArea .list ul li a{height: 130px;padding-top: 27px}
}
@media screen and (max-width: 1280px){
	.s3{padding: 50px 0}
	.s3 .leftArea{width: 480px;}
	.s3 .rightArea{width: 500px}
	.s3 .rightArea .h{font-size: 26px;}
	.s3 .rightArea .p{font-size: 16px;padding: 4px 0 4px 10px;margin-top: 20px;}
	.s3 .rightArea .cont{margin-top: 20px;line-height: 22px;height: 88px;}
	.s3 .rightArea .list{margin-top: 47px}
	.s3 .rightArea .list ul li{width: 115px;}
	.s3 .rightArea .list ul li a{height: 110px;padding-top: 15px}
}
@media screen and (max-width: 1024px){
	.s3{padding: 40px 0}
	.s3 .leftArea{width: 100%;float: unset;margin-bottom: 30px}
	.s3 .rightArea{width: 100%;float: unset;}
	.s3 .rightArea .cont{height: unset;}
	.s3 .rightArea .list ul li{width: 24%;margin-right: 1.333%}
}
@media screen and (max-width: 750px){
	.s3 .rightArea .list{margin-top: 30px}
	.s3 .rightArea .list ul li .icon{width: 40px;}
	.s3 .rightArea .list ul li a{height: 90px;padding-top: 10px}
	.s3 .rightArea .list ul li .txt{font-size: 14px}
}

.s4{}
.s4 .topArea{width: 1300px;margin: 0 auto}
.s4 .s4-c{margin-top: 8px;position: relative;}
.s4 .s4-c .bd ul li{}
.s4 .s4-c .bd ul li img{width: 100%;height: auto;}
.s4 .s4-c .hd{position: absolute;top: 0;right: 50%;margin-right: -650px;z-index: 4}
.s4 .s4-c .hd ul li{margin-bottom: 5px}
.s4 .s4-c .hd ul li:last-child{margin-bottom: 0}
.s4 .s4-c .hd ul li a{display: block;padding: 30px 105px 0 45px;box-sizing: border-box;height: 120px;width: 650px;background: rgba(255,255,255,.5);position: relative;}
.s4 .s4-c .hd ul li a::before{content: '';position: absolute;width: 20px;height: 20px;top: 50%;margin-top: -10px;background: url(ico_04.png) no-repeat;right: 65px;transition: all .5s ease;}
.s4 .s4-c .hd ul li.on a::before{background: url(ico_05.png) no-repeat;transform: translateX(15px);}
.s4 .s4-c .hd ul li .icon{width: 60px;float: left;margin-right: 40px;position: relative;transition: .5s ease}
.s4 .s4-c .hd ul li .icon img{width: 100%;height: auto;}
.s4 .s4-c .hd ul li:hover .icon{transform: rotateY(360deg);}
.s4 .s4-c .hd ul li .icon .img1{opacity: 1;visibility: visible;transition: all .5s ease;}
.s4 .s4-c .hd ul li .icon .img2{opacity: 0;visibility: hidden;transition: all .5s ease;position: absolute;top: 0;left: 0}
.s4 .s4-c .hd ul li .txt{float: left;width: 380px;}
.s4 .s4-c .hd ul li .txt .h{font-size: 24px;color: #333333;transition: all .5s ease;}
.s4 .s4-c .hd ul li .txt .p{font-size: 14px;color: #666666;transition: all .5s ease;}
.s4 .s4-c .hd ul li.on a{background: #8ab923}
.s4 .s4-c .hd ul li.on .icon .img1{opacity: 0;visibility: hidden;}
.s4 .s4-c .hd ul li.on .icon .img2{opacity: 1;visibility: visible;}
.s4 .s4-c .hd ul li.on .txt .h{color: #fff}
.s4 .s4-c .hd ul li.on .txt .p{color: #fff}

@media screen and (max-width: 1640px){
	.s4 .s4-c .hd ul li a{height: 100px;padding: 20px 105px 0 45px}
}

@media screen and (max-width: 1360px){
	.s4 .topArea{width: 1200px;}
	.s4 .s4-c .hd{margin-right: -600px}
	.s4 .s4-c .hd ul li a{width: 400px;padding: 10px 50px 10px 20px;height: auto;}
	.s4 .s4-c .hd ul li a::before{right: 20px}
	.s4 .s4-c .hd ul li .icon{margin-right: 20px;width: 50px}
	.s4 .s4-c .hd ul li .txt{width: 236px}
	.s4 .s4-c .hd ul li .txt .h{font-size: 18px;}
	.s4 .s4-c .hd ul li .txt .p{font-size: 12px}
}
@media screen and (max-width: 1280px){
	.s4 .s4-c .hd{margin-right: -500px}
	.s4 .s4-c .hd ul li.on a::before{transform: translateX(0);}
}
@media screen and (max-width: 1024px){
	.s4 .topArea{width: 96%}
	.s4 .s4-c .hd{position: unset;width: 96%;margin: 20px auto 10px auto;}
	.s4 .s4-c .hd ul li{width: 49%;margin-right: 2%;margin-bottom: 10px;float: left;}
	.s4 .s4-c .hd ul li:nth-child(2n){margin-right: 0}
	.s4 .s4-c .hd ul li:last-child{margin-bottom: 10px}
	.s4 .s4-c .hd ul li a{width: 100%;padding-right: 40px}
	.s4 .s4-c .hd ul li .txt{width: calc(100% - 85px)}
}
@media screen and (max-width: 750px){
	.s4 .s4-c .hd ul li{width: 100%;float: unset;}
	.s4 .s4-c .hd ul li .txt .h{font-size: 16px;}
	.s4 .s4-c .hd ul li .txt .p{margin-top: 3px}
}


.s5{padding: 86px 0 104px;}
.s5 .s5-c{margin-top: 18px}
.s5 .s5-c .leftArea{float: left;width: 700px;background: #f6f6f6;position: relative;}
.s5 .s5-c .leftArea .pic{width: 312px;height: 437px;float: left;overflow: hidden;}
.s5 .s5-c .leftArea .pic img{display:block;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all .5s;max-width: 100%;}
.s5 .s5-c .leftArea:hover .pic img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1); }
.s5 .s5-c .leftArea .txt{width: 295px;float: right;padding-top: 36px;padding-right: 50px;}
.s5 .s5-c .leftArea .txt .time .h{font-size: 58px;color: #333333;line-height: 58px;}
.s5 .s5-c .leftArea .txt .time .p{font-size: 16px;color: #333;}
.s5 .s5-c .leftArea .txt .ti{margin-top: 30px;min-height: 48px;}
.s5 .s5-c .leftArea .txt .ti a{display: block;font-size: 16px;color: #333}
.s5 .s5-c .leftArea:hover .txt .ti a{color: #8ab923}
.s5 .s5-c .leftArea .txt .cont{font-size: 12px;color: #a8a8a8;margin-top: 30px;line-height: 18px;min-height: 54px;}
.s5 .s5-c .leftArea .txt .m{margin-top: 72px;}
.s5 .s5-c .leftArea .txt .m a{display: block;width: 20px;height: 20px;background: url(ico_06.png) no-repeat;}
.s5 .s5-c .rightArea{width: 585px;float: right;}
.s5 .s5-c .rightArea ul li{height: 131px;margin-bottom: 22px;box-sizing: border-box;padding: 30px 50px 0 32px;background: #f6f6f6}
.s5 .s5-c .rightArea ul li:last-child{margin-bottom: 0}
.s5 .s5-c .rightArea ul li .time{float: left;width: 75px;border-right: 1px solid #d1d1d1;margin-right: 20px}
.s5 .s5-c .rightArea ul li .time .h{font-size: 48px;color: #999999;line-height: 1;}
.s5 .s5-c .rightArea ul li .time .p{font-size: 14px;color: #b9b8b8;line-height: 1;margin-top: 8px}
.s5 .s5-c .rightArea ul li .txt{}
.s5 .s5-c .rightArea ul li .txt .h a{display: block;font-size: 18px;color: #222222;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.s5 .s5-c .rightArea ul li .txt .cont{font-size: 12px;color: #888888;line-height: 18px;margin-top: 7px;height: 36px;overflow: hidden;}
.s5 .s5-c .rightArea ul li:hover .txt .h a{color: #8ab923}

@media screen and (max-width: 1360px){
	.s5{padding: 80px 0}
	.s5 .s5-c .leftArea{width: 650px;}
	.s5 .s5-c .leftArea .pic{width: 300px;height: unset;}
	.s5 .s5-c .leftArea .pic img{width: 100%;height: auto;}
	.s5 .s5-c .leftArea .txt{width: 280px}
	.s5 .s5-c .rightArea{width: 535px;}
	.s5 .s5-c .rightArea ul li{height: 125px;padding-top: 25px}
}

@media screen and (max-width: 1280px){
	.s5{padding: 70px 0}
	.s5 .s5-c .leftArea{width: 300px;}
	.s5 .s5-c .leftArea .pic{width: 100%}
	.s5 .s5-c .leftArea .txt{position: absolute;width: 100%;padding: 15px 10px;bottom: 0;left: 0;right: 0;float: unset;background: rgba(255,255,255,.8);box-sizing: border-box;}
	.s5 .s5-c .leftArea .txt .time{display: none}
	.s5 .s5-c .leftArea .txt .ti{margin-top: 10px;min-height: unset;}
	.s5 .s5-c .leftArea .txt .ti a{}
	.s5 .s5-c .leftArea .txt .m{display: none}
	.s5 .s5-c .leftArea .txt .cont{margin-top: 22px}
	.s5 .s5-c .rightArea{width: 660px}
}
@media screen and (max-width: 1024px){
	.s5{padding: 60px 0}
	.s5 .s5-c .rightArea{width: calc(100% - 320px)}
	.s5 .s5-c .rightArea ul li{padding: 30px 20px 0 15px}
}
@media screen and (max-width: 750px){
	.s5{padding: 50px 0}
	.s5 .s5-c .leftArea{display: none;}
	.s5 .s5-c .rightArea{width: 100%;float: unset;}
	.s5 .s5-c .rightArea ul li{padding: 15px 15px 15px 5px;height: unset;}
}
@media screen and (max-width: 500px){
	.s5 .s5-c .leftArea{display: block;float: unset;width: 100%}
	.s5 .s5-c .leftArea .txt .cont{margin-top: 13px;}
	.s5 .s5-c .rightArea{margin-top: 20px}
	.s5 .s5-c .rightArea ul li{padding: 10px 10px 10px 5px;;margin-bottom: 10px}
	.s5 .s5-c .rightArea ul li .time{width: 70px;margin-right: 12px;height: 57px;text-align: center;padding-top: 15px}
	.s5 .s5-c .rightArea ul li .time .h{font-size: 26px;}
	.s5 .s5-c .rightArea ul li .time .p{font-size: 12px;margin-top: 5px}
	.s5 .s5-c .rightArea ul li .txt .h a{font-size: 16px;}
	.s5 .s5-c .rightArea ul li .txt .cont{}
}

.pro{ width:100%; padding-bottom:80px}
.pro .nr{ width:1300px; margin:0 auto}
.pro .nr .hd{ width:100%; padding:40px 0}
.pro .nr .hd h3{ font-size:18px; color:#333333; line-height:1}
.pro .nr .hd .intro{ font-size:16px; color:#333333; margin-top:10px}
.pro .nr .bd{ width:100%}
.pro .nr .bd .item{ width:324px; float:left; background:#eeeeee; margin-right:1px; margin-bottom:45px; height:440px; transition:all 0.5s linear}
.pro .nr .bd .item a{ display:block}
.pro .nr .bd .item .pic{ width:100%; overflow:hidden; margin-top:30px}
.pro .nr .bd .item .pic img{ width:100%}
.pro .nr .bd .item .title{ width:100%; text-align:center; font-size:16px; color:#333333; box-sizing:border-box; padding:0 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:35px; transition:all 0.5s linear}
.pro .nr .bd .item .intro{ font-size:13px; text-align:center; line-height:2; overflow:hidden; height:0; transition:all 0.5s linear}
.pro .nr .bd .item .more{ text-align:center; font-size:0; margin-top:20px; transition:all 0.5s linear}
.pro .nr .bd .item .more i{ display:inline-block; vertical-align:top; width:33px; height:33px; background:url(p2.png) right center no-repeat;}
.pro .nr .bd .item:hover{ background:#8ab923}
.pro .nr .bd .item:hover .title{ font-size:24px; margin:0; color:#fff}
.pro .nr .bd .item:hover .intro{ height:auto; color:#fff}
.pro .nr .bd .item:hover .more{ margin-top:12px}
.pro .nr .bd .item:hover .more i{ font-size:14px; color:#8ab923;   background:url(p3.png) 108px center no-repeat #eee; padding:0 50px 0 35px; border-radius:17px; width:auto; line-height:33px}
@media screen and (max-width: 1360px){
	.pro .nr{ width:1200px}
	.pro .nr .bd .item{ width:299px}
}
@media screen and (max-width: 1200px){
	.pro .nr{ width:92%}
	.pro .nr .bd .item{ width:33.3333333333333333333%; box-sizing:border-box; margin-right:0; border-right:1px solid #fff}
}
@media screen and (max-width: 750px){
	.pro .nr .bd .item{ width:50%; margin-bottom:20px}
	.pro .nr .bd .item{ height:auto; padding-bottom:30px}
	.pro .nr .bd .item:hover .intro{ height:0}
	.pro .nr .bd .item:hover .title{font-size:16px; margin-top:35px}
	.pro .nr .bd .item:hover .more{ margin-top:20px}
}