@charset "utf-8";

.banner,
.banner .swiper-container,
.banner .swiper-slide {
	overflow: hidden;
	width: 100%;
}

.banner .swiper-slide {
	position: relative;
}

.banner .swiper-slide img {
	width: 100%;
	height: auto;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 30px;
}

.banner .swiper-pagination-bullet {
	width: 40px;
	height: 7px;
	opacity: 1;
	border-radius: initial;
	background-color: #fff;
}

.banner .swiper-pagination-bullet-active {
	background-color: #009b4c;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets,
.banner .swiper-pagination-custom,
.banner .swiper-pagination-fraction {
	bottom: 25px;
}

/* 首页 */
.announ_main {
	width: 100%;
	height: 76px;
	line-height: 76px;
	border-bottom: 1px solid #eee;
}

.announ_main .announ_right {
	width: 282px;
	padding-top: 20px;
}

.announ_main .announ_right .search {
	width: 282px;
	height: 35px;
	line-height: 35px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background: #f6f6f6;
	position: relative;
}

.announ_main .announ_right .search input {
	outline: none;
	border: 0 none;
	height: 35px;
	line-height: 35px;
}

.announ_main .announ_right .search .txt {
	width: 200px;
	background: none;
	padding-left: 15px;
	display: block;
	color: #999;
}

.announ_main .announ_right .search .btn {
	width: 50px;
	background: url(../img/sou.png) no-repeat center #009b4c;
	background-size: 25px 25px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}

.announ_main .announ_right .search .btn:hover {
	background-color: #ed8e06;
}

.announ_main .announ_left span {
	display: inline-block;
}

.announ_main .announ_left a {
	display: inline-block;
	padding: 0 10px 0 0;
}

.announ_main .announ_left a s {
	width: 1px;
	height: 16px;
	display: inline-block;
	margin-right: 10px;
	background: #e9e9e9;
	vertical-align: middle;
}

.announ_main .announ_left a:first-child s {
	display: none;
}

.title {
	margin-top: 70px;
	margin-bottom: 40px;
}

.title h2 {
	text-align: center;
	font-size: 48px;
	font-weight: bold;
	color: #009b4d;
}

.title h2::before {
	content: "";
	height: 3px;
	display: inline-block;
	width: 100px;
	background-color: #009b4d;
	margin-bottom: 15px;
	margin-right: 30px;
}

.title h2::after {
	content: "";
	height: 3px;
	display: inline-block;
	width: 100px;
	background-color: #009b4d;
	margin-bottom: 15px;
	margin-left: 30px;
}

.title p {
	text-align: center;
	font-size: 16px;
	color: #666;
}

.cont1-tab a {
	float: left;
	width: 182px;
	text-align: center;
	line-height: 40px;
	border: 1px solid #009B4C;
	color: #009B4C;
	border-radius: 5px;
	box-sizing: border-box;
	margin-right: 21.6px;
	margin-bottom: 20px;
}

.cont1-tab a:hover {
	background-color: #009B4C;
	color: #fff;
}

.cont1-tab a:nth-child(6n) {
	margin-right: 0;
}

.cont1-list {
	margin-top: 20px;
}

.cont1-list a {
	float: left;
	width: 390px;
	margin-right: 15px;
	margin-bottom: 15px;
	box-sizing: border-box;
	border: 1px solid #ddd;
}

.cont1-list a:nth-child(3n) {
	margin-right: 0;
}

.cont1-list a i {
	display: block;
	overflow: hidden;
}

.cont1-list a i img {
	width: 100%;
	height: auto;
	webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.cont1-list a:hover i img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}
.cont1-list a div{
	padding: 20px 30px;
	position: relative;
}
.cont1-list a:hover div{
	background-color: #009B4C;
}
.cont1-list a em{
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	width: 30px;
	height: 44px;
	border-bottom: 1px solid #666;
	right: 30px;
	background: url(../img/005.png) no-repeat right center;
	webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.cont1-list a:hover em{
	border-color: #fff;
	background-position: left center;
}
.cont1-list a h4 {
	font-size: 18px;
	color: #666;
	line-height: 44px;
	padding-right: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cont1-list a:hover h4{
	color: #fff;
}
/* 中间广告 */
.xunpan .title h2{
	color: #fff;
}
.xunpan .title{
	margin-top: 50px;
}
.xunpan .title h2::before,.xunpan .title h2::after{
	background-color: #fff;
}
.xunpan .title p{
	color: #fff;
}
.xunpan {
	width: 100%;
	background: url(../img/01.jpg) no-repeat center center;
	background-size: cover;
	height: 460px;
	margin-top: 60px;
	overflow: hidden;
}
.xunpan li{
	float: left;
	width: 207px;
	margin-right: 124px;
}
.xunpan li:last-child{
	margin-right: 0;
}
.xunpan img {
	width: 207px;
	height: 207px;
	display: block;
}
.xunpan h4{
	text-align: center;
	font-size: 20px;
	margin-top: 15px;
	color: #fff;
}

/* 优势 */
.youshi .item {
	padding-bottom: 60px;
	position: relative;
	padding-top: 64px;
}

.youshi .item .tit {
	width: 194px;
	position: relative;
}

.youshi .item .tit img {
	width: 170px;
	height: 330px;
	display: block;
}

.youshi .item .tit h3 {
	font-size: 18px;
	text-transform: uppercase;
	position: absolute;
	left: 134px;
	top: 34px;
}

.youshi .item .txt {
	padding-top: 78px;
	width: 502px;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}

.youshi .item .txt h2 {
	font-size: 30px;
	font-weight: bold;
	color: #009b4c;
	line-height: 32px;
	margin-bottom: 5px;
}

.youshi .item .txt h4 {
	display: block;
	line-height: 20px;
}

.youshi .item .txt .desc {
	padding-top: 20px;
	font-size: 14px;
	color: #333;
	line-height: 26px;
}

.youshi .item .txt .cha {
	font-size: 18px;
	width: 200px;
	height: 54px;
	line-height: 54px;
	display: block;
	border: 2px solid #009b4c;
	text-align: center;
	color: #009b4c;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 34px;
}

.youshi .item .txt .cha:hover {
	background: #009b4c;
	color: #fff;
}

.youshi .item .img {
	position: absolute;
	right: -80px;
	top: 0;
}

.youshi .item .img img {
	max-width: 530px;
	display: block;
}

.youshi .item.it2 {
	padding-left: 490px;
}

.youshi .item.it2 .img {
	right: auto;
	left: 0;
}

.youshi .item:hover .txt {
	-webkit-transform: translate3d(0, -6px, 0);
	transform: translate3d(0, -6px, 0);
}

.dzter {
    width: 1200px;
    height: 300px;
	margin: 0 auto;
    background: url(../img/dz02.png) no-repeat 237px 44px;
}
.floor_3{
	border-bottom: 1px solid #ddd;
}
.dzter li {
    width: 240px;
    float: left;
    margin-bottom: 46px;
}
.dzter li i {
	display: block;
	width: 54px;
	height: 66px;
	text-align: center;
	margin: 0 auto;
	color: #fff;
	line-height: 56px;
	font-weight: bold;
	font-size: 20px;
    background: url(../img/dz1.png) no-repeat center center;
}
/* .dzter li:hover i{
	background-image: url(../img/dz11.png);
} */
.dzter li p{
	text-align: center;
	line-height: 34px;
	font-size: 15px;
	color: #2b2b2b;
}

.dzter li:hover i {
	animation: flipInY 1.2s ease-out forwards;
	-webkit-animation: flipInY 1.2s ease-out forwards;
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 1;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 1;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		-ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		-ms-transform: perspective(400px);
		transform: perspective(400px);
	}
}

/* 案例展示 */
.cont3-list a {
	float: left;
	width: 380px;
	margin-right: 30px;
	margin-bottom: 35px;
}

.cont3-list a:nth-child(3n) {
	margin-right: 0;
}

.cont3-list a>i {
	display: block;
	overflow: hidden;
}

.cont3-list a>i img {
	width: 100%;
	height: 250px;
	transition: all ease-out .3s;
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
}

.cont3-list a:hover>i img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.cont3-list a div h4 {
	font-size: 16px;
	text-align: center;
	color: #333;
	line-height: 40px;
	margin-top: 10px;
}

.cont3-list a:hover div h4 {
	color: #33a169;
}

.cont3-list a div i {
	display: block;
	width: 40px;
	height: 2px;
	background-color: #c7c7c7;
	margin: 0 auto;
}

.cont3-list a div p {
	margin-top: 15px;
	font-size: 14px;
	color: #666;
	line-height: 26px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
/* 关于我们 */
.cont4{
	padding: 1px 0 60px;
	background-color: #f3f3f3;
}
.cont4-l{
	width: 580px;
	float: left;
}
.cont4-l h4{
	font-size: 26px;
	color: #333;
}
.cont4-l div{
	font-size: 15px;
	color: #666;
	line-height: 30px;
	margin-top: 15px;
	text-indent: 2em;
}
.cont4-l a{
	display: block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #666;
	border: 1px solid #ccc;
	margin-top: 15px;
}
.cont4-l a:hover{
	background-color: #049a1c;
	color: #fff;
}
.cont4-r{
	width: 594px;
	float: right;
}
.cont4-r img{
	width: 100%;
	height: auto;
}
.cont4-list{
	position: relative;
	margin-top: 50px;
}
.cont4-list a{
	display: block;
	width: 281px;
}
.cont4-list a i{
	display: block;
	overflow: hidden;
}
.cont4-list a img{
	width: 281px;
	height: 216px;
}
.cont4-list .swiper-button-next,.cont4-list .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 42px;
    height: 72px;
    margin-top: -36px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: auto;
    -webkit-background-size: auto;
    background-size: auto;
    background-position: center top;
    background-repeat: no-repeat;
	background-image: url(../img/icon.png);
}
.cont4-list .swiper-button-next,.cont4-list .swiper-container-rtl .swiper-button-prev {
   background-position: -164px -210px;
    right: -70px;
    left: auto;
}
.cont4-list .swiper-button-prev,.cont4-list .swiper-container-rtl .swiper-button-next {
	background-position: -110px -210px;
    left: -70px;
    right: auto;
}
.cont4-list .swiper-button-next:hover{
	background-position: -270px -210px;
}
.cont4-list .swiper-button-prev:hover{
	background-position: -216px -210px;
}

/* 新闻动态 */
.cont5-l{
	float: left;
	width: 600px;
	overflow: hidden;
}
.cont5-l a{
	display: block;
	width: 100%;
	position: relative;
	background-color: #f2f2f2;
}
.cont5-l a img{
	width: 100%;
	height: 322px;
}
.cont5-l a div{
	background-color: #f2f2f2;
	padding: 40px;
}
.cont5-l a div h4{
	font-size: 16px;
	color: #333;
	margin-bottom: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cont5-l a div p{
	font-size: 14px;
	color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.cont5-r{
	width: 570px;
	float: right;
}
.cont5-r a{
	display: block;
	overflow: hidden;
	background-color: #f2f2f2;
	margin-bottom: 11px;
	padding: 20px 25px;
}
.cont5-r a i{
	float: left;
	width: 140px;
	height: 70px;
	overflow: hidden;
	margin-right: 22px;
}
.cont5-r a img{
	width: 100%;
	height: 100%;
	display: block;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.cont5-r .cont5-r-txt{
	width: 350px;
	float: left;
}
.cont5-r .cont5-r-txt h4{
	font-size: 15px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cont5-r .cont5-r-txt p{
	font-size: 12px;
	line-height: 20px;
	color: #666;
	padding-top: 8px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

/* 公司简介 */
.wrapper {
    position: relative;
    width: 100%;
    padding: 30px 0;
}
.wrapper .left {
    width: 240px;
}
.wrapper .left .submenubox {
    padding-bottom: 20px;
}
.wrapper .left .submenubox .left_title {
    height: 80px;
    background: #009b4c;
    color: #fff;
}
.wrapper .left .submenubox .left_title s {
    background-position: -248px -76px;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    margin-right: 30px;
    margin-top: 28px;
}
.wrapper .left .submenubox .left_title h3 {
    font-size: 24px;
    font-weight: bold;
    line-height: 80px;
    padding-left: 26px;
    text-transform: uppercase;
}
.wrapper .left .submenu {
    position: relative;
}
.wrapper .left .submenu li {
    display: block;
}
.wrapper .left .submenu li a.sub1 {
    height: 60px;
    line-height: 60px;
    display: block;
    padding-left: 28px;
    background: url(../img/jtou.png) no-repeat 90% center #fff;
    font-size: 18px;
    border: 1px solid #eeeeee;
    border-top: 0 none;
    overflow: hidden;
}
.wrapper .left .submenu li a.sub1:hover {
	background: url(../img/jtou_a.png) no-repeat 90% center #fff;
	border-left: 2px solid #009b4c;
	border-right: 1px solid #f5f5f5;
	color: #009b4c;
}
.wrapper .left .submenu li.hover a.sub1 {
	background: url(../img/jtou_a.png) no-repeat 90% center #fff;
	border-left: 2px solid #009b4c;
	border-right: 1px solid #f5f5f5;
	color: #009b4c;
}
.wrapper .left .leftbox {
    padding: 10px;
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #eee;
}
.wrapper .left .leftbox .left_title {
    padding-bottom: 10px;
    border-bottom: 1px solid #eeeeee;
    padding-left: 5px;
}
.wrapper .left .leftbox .left_title h3 {
    font-size: 18px;
    font-weight: normal;
    color: #009b4c;
    display: block;
    text-transform: uppercase;
}
.wrapper .left .leftbox .cont {
    padding-top: 18px;
    white-space: normal;
}
.wrapper .left .leftbox .cont .img {
    float: left;
    display: block;
    border: 1px solid #e5e5e5;
    margin: 0 auto 10px;
}
.wrapper .left .leftbox .cont img {
    width: 216px;
    height: 216px;
}
.wrapper .left .leftbox .cont .zx {
    width: 100%;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    background: #009b4c;
    color: #fff;
    display: block;
    margin-top: 10px;
}
.wrapper .left .leftbox .cont .zx em {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-position: -152px -152px;
    vertical-align: top;
    border-right: 1px solid #fff;
    margin-right: 35px;
}
.wrapper .right {
    width: 930px;
}
.wrapper .right .right_title {
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
}
.wrapper .sitepath {
    color: #d9d9d9;
    text-transform: uppercase;
}
.wrapper .sitepath .home {
    width: 14px;
    height: 16px;
    display: inline-block;
    background-position: -114px -122px;
    margin-right: 10px;
}
.wrapper .sitepath a {
    display: inline-block;
    white-space: nowrap;
    color: #2f4056;
}
.wrapper .right .right_title h3 {
    color: #009b4c;
    font-size: 18px;
    border-left: 3px solid #009b4c;
    height: 20px;
    line-height: 20px;
    padding-left: 14px;
    margin-top: 5px;
}
.wrapper .right .cont {
    padding: 30px 0;
    color: #666666;
}
.aboutx p{
	font-size: 16px;
	line-height: 30px;
	color: #333;
}
.aboutx img{
	width: 100%;
	height: auto;
	margin: 10px 0;
}
/*在线留言*/
.ly-box{
	padding: 50px;
	background-color: #f8f8f8;
}
.ly-box li{
	position: relative;
	width: 45%;
	float: left;
	margin-left: 2%;
	margin-bottom: 15px;
	border: 1px solid #ddd;
}
.ly-box li:nth-child(2n){
	float: right;
	margin-left: 0;
}
.ly-box li label{
	position: absolute;
	line-height: 40px;
	height: 40px;
	font-size: 14px;
	color: #333;
	left: -40px;
}
.ly-box li input{
	width: 100%;
	line-height: 40px;
	height: 40px;
	box-sizing: border-box;
	padding: 0 10px;
	font-size: 14px;
	color: #666;
}
.ly-box li:last-child{
	width: 98%;
}
.ly-box li textarea{
	width: 100%;
	height: 180px;
	display: block;
	box-sizing: border-box;
	padding: 10px;
	font-size: 14px;
	color: #666;
	resize: none;
}
.ly-box form>input{
	display: inline-block;
	width: 184px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	border-radius: 5px;
	background-color: #009b4c;
	margin-left: 22px;
	margin-top: 10px;
}
.ly-box .site{
	border: none;
}
.ly-box .site input{
	width: 234px;
	border: 1px solid #ddd;
}
.ly-box .site span{
	margin: 0 10px;
}
/* 新闻列表 */
.news-list li{
	border: 0;
    box-shadow: 5px 4px 32px 0px rgba(0, 0, 0, 0.1);
    padding: 2%;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 30px;
}
.news-list li>a{
	float: left;
	display: block;
	overflow: hidden;
	width: 25%;
}
.news-list li>a img{
	width: 100%;
	height: auto;
	transition: all 0.36s ease;
}
.news-list li:hover>a img{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}
.news-list li div{
	float: right;
	width: 72%;
}
.news-list li div h4{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-top: 2%;
    margin-bottom: 10px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.news-list li div h4 a{
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #333;
    font-size: 16px;
    line-height: 30px;
}
.news-list li div p{
	-webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 13px;
    line-height: 26px;
    height: 52px;
    overflow: hidden;
    color: #666;
}
.news-list li div em{
	display: block;
	font-size: 12px;
	color: #999;
	margin-top: 10px;
}
.news-list li:hover div h4{
	margin-top: 1%;
}
.news-list li:hover div h4 a{
	color: #009b4c;
}
/*新闻详情*/
.news-xq-tit h2{
	text-align: center;
	font-size: 24px;
	color: #333;
	font-weight: bold;
	margin-bottom: 5px;
}
.news-xq-tit p{
	text-align: center;
	font-size: 14px;
	color: #999999;
	line-height: 24px;
}
.news-xq-tit p span{
	margin: 0 10px;
}
.news-xq-tit{
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	margin-bottom: 30px;
}

.news-xq-c p{
	font-size: 14px;
	color: #333;
	line-height: 26px;
}
.news-xq-c img{
	width: 90% !important;
	height: auto;
	margin: 15px auto;
}
.news-xq-c{
	padding-bottom: 40px;
	max-height: 2500px;
	overflow-y: auto;
}
.news-xq .turn{
	width: 100%;
	background-color: #f5f5f5;
}
.news-xq .turn li{
	width: 50%;
	box-sizing: border-box;
	padding: 0 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
}
.news-xq .turn li a{
	font-size: 14px;
	color: #333;
	display: block;
	line-height: 50px;
}
.news-xq .turn li:hover{
	background-color: #009b4c;
}
.news-xq .turn li:hover a{
	color: #fff;
}
.news-xq .turn li:nth-child(1){
	float: left;
	text-align: left;
	border-right: 1px solid #ddd;
}
.news-xq .turn li:nth-child(2){
	float: right;
	text-align: right;
}
.news-xq .turn {
    width: 100%;
	overflow: hidden;
    background-color: #f5f5f5;
}
/*page*/
.page-box {
	margin-bottom: 30px;
	margin-top: 40px;
}
.page-box div{
	display: flex;
	display: -webkit-flex;
	justify-content: center;
}
.page-box a{
	display: block;
	padding: 6px 15px;
	font-size: 14px;
	color: #666;
	box-sizing: border-box;
	border: 1px solid #ddd;
	margin: 0 5px;
	border-radius: 3px;
}
.page-box strong{
	display: block;
	padding: 6px 15px;
	font-size: 14px;
	color: #666;
	background-color: #009b4c;
	color: #fff;
	margin: 0 5px;
	border-radius: 3px;
}

/* 案例展示 */
.case-list a {
	float: left;
	width: 300px;
	margin-right: 15px;
	margin-bottom: 20px;
}

.case-list a:nth-child(3n) {
	margin-right: 0;
}

.case-list a i {
	display: block;
	overflow: hidden;
}

.case-list a i img {
	width: 100%;
	height: 200px;
	webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.case-list a:hover i img{
	-webkit-transform: scale(1.08);
	-moz-transform: scale(1.08);
	-ms-transform: scale(1.08);
	-o-transform: scale(1.08);
	transform: scale(1.08)
}
.case-list a h4 {
	font-size: 14px;
	color: #333;
	text-align: center;
	line-height: 50px;
	background-color: #f1f1f1;
}
.case-list a:hover h4{
	background-color: #009B4C;
	color: #fff;
}