@charset "utf-8";

/* CSS Document */
.about_bg{
	background:url(../images/about_bg_06.jpg) center no-repeat;
	min-height:600px;
	}
#flash {
	width: 100%;
	display: block;
	position: relative;
	margin-top:100px;
}

#flash .swiper-slide {
	width: 100%;
}

#flash .swiper-slide .img {
	width: 100%;
	display: block;
}

#flash .swiper-slide .img img {
	width: 100%;
	display: block;
}

#flash .swiper-pagination-bullet {
	background: #000;
	width: 8px;
	height: 8px;
	opacity: 1;
	display: inline-block;
	margin: 0 3px;
	vertical-align: middle;
}

#flash .swiper-pagination-bullet-active {
	background: none;
	border: 1px solid #000;
	padding: 1px;
}

#flash .swiper-button-prev {
	background: url(../images/ad_ctr_01.png) no-repeat;
	width: 46px;
	height: 73px;
	left: 0 !important;
}

#flash .swiper-button-prev:after {
	display: none;
}

#flash .swiper-button-next {
	background: url(../images/ad_ctr_02.png) no-repeat;
	width: 46px;
	height: 73px;
	right: 0 !important;
}

#flash .swiper-button-next:after {
	display: none;
}

#flash .swiper-pagination-bullets {
	bottom: 10px !important;
}

#flash2s {
	width: 100%;
	display: block;
	position: relative;
}

#flash2s .swiper-slide {
	width: 100%;
}

#flash2s .swiper-slide .img {
	width: 100%;
	display: block;
}

#flash2s .swiper-slide .img img {
	width: 100%;
	display: block;
}

#flash2s .swiper-pagination-bullet {
	background: #000;
	width: 8px;
	height: 8px;
	opacity: 1;
	display: inline-block;
	margin: 0 3px;
	vertical-align: middle;
}

#flash2s .swiper-pagination-bullet-active {
	background: none;
	border: 1px solid #000;
	padding: 1px;
}

#flash2s .swiper-button-prev {
	background: url(../images/lr_03.png) no-repeat;
	width: 46px;
	height: 73px;
	left: 0 !important;
}

#flash2s .swiper-button-prev:after {
	display: none;
}

#flash2s .swiper-button-next {
	background: url(../images/lr_04.png) no-repeat;
	width: 46px;
	height: 73px;
	right: 0 !important;
}

#flash2s .swiper-button-next:after {
	display: none;
}

#flash2s .swiper-pagination-bullets {
	bottom: 10px !important;
}

.ff_sitecontent {
	width: 100%;
}

.owl-carousel .owl-item {

	min-height: 1px;

	float: left;

	-webkit-backface-visibility: hidden;

	-webkit-touch-callout: none;

}



.ff_indexPage .team_tabs .tab_content .content_list .date_wrap,
.ff_indexPage .team_tabs .tab_content .content_list .details,
.ff_indexPage .team_tabs .tab_content .content_list .item_des,
.project.mlist .content_list .date_wrap,
.project.mlist .content_list .details,
.project.mlist .content_list .item_des,
.service .content_list .date_wrap,
.service .content_list .details,
.service .content_list .item_des {

	display: none
}



.ff_indexPage .team_tabs .tab_content .content_list .item_wrapper,
.project.mlist .content_list .item_wrapper,
.service .content_list .item_wrapper {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	padding: 24px 20px;

	box-sizing: border-box
}



img {

	max-width: 100%
}



.fa-angle-down,
.fa-angle-right {

	color: inherit;

	padding-left: 10px
}



.item_index {

	display: none
}





.container_content {

	clear: both
}



.mlist:not(.imagelink) .content_list .item_info .title {

	transition: all .36s ease;

	color: #333;

	font-size: 16px;

	line-height: 30px
}



.mlist:not(.imagelink) .content_list .item_info .subtitle {

	transition: all .36s ease;

	color: #777;

	font-size: 14px;

	line-height: 22px
}



.mlist:not(.imagelink) .content_list .date_wrap {

	transition: all .36s ease;

	font-size: 13px;

	line-height: 26px;

	color: #888
}



.mlist:not(.imagelink) .content_list .item_des {

	margin-top: 13px
}



.mlist:not(.imagelink) .content_list .item_des .description {

	transition: all .36s ease;

	font-size: 13px;

	line-height: 26px;

	height: 52px;

	overflow: hidden;

	color: #999
}



.mlist:not(.imagelink) .content_list .item_img {

	position: relative;

	overflow: hidden
}



.mlist:not(.imagelink) .content_list .item_img img {

	transition: all .36s ease;

	display: inline
}



.mlist:not(.imagelink) .content_list .item_wrapper .details {

	display: none
}



.mlist:not(.imagelink) .content_list .details {

	transition: all .36s ease;

	display: inline-block;

	font-size: 14px;

	line-height: 30px;

	color: #999;

	margin-left: 20px;

	margin-bottom: 30px;

	padding: 0 20px
}





.ff_sitecontent .module .module_container {

	max-width: 1440px;

	margin: 0 auto
}





.mlist .owl-nav {

	height: 0;

	top: 50%;

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

	-ms-transform: translateY(calc(-50%));

	transform: translateY(calc(-50%));

	position: absolute;

	width: 100%;

	margin: 0
}



.mlist .owl-nav .owl-next,
.mlist .owl-nav .owl-prev {

	top: 50%;

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

	-ms-transform: translateY(-50%);

	transform: translateY(-50%)
}



.mlist .owl-nav .owl-prev {

	position: absolute;

	left: -50px
}



.mlist .owl-nav .owl-next {

	position: absolute;

	right: -50px
}



.mlist .owl-nav .owl-next,
.mlist .owl-nav .owl-prev {

	width: 50px;

	height: 50px;

	opacity: 0.5;

	background: #000;

	color: #fff;

	font-weight: 700;

	line-height: 50px;

	text-align: center;

	font-size: 26px;

	cursor: pointer;

}



.bodylist .service.ff_noSlider .item_block,
.ff_indexPage .service.ff_noSlider .item_block {

	transition: all .36s ease;

	width: calc(100% / 2 - 10px);

	height: auto;

	float: left;

	margin-right: 10px;

	margin-bottom: 20px;

	position: relative;

	box-shadow: 0 0 0 rgba(0, 0, 0, .15)
}



.ff_indexPage .service.ff_slider .content_list::after {

	content: "";

	display: block;

	clear: both
}



.ff_indexPage .service.ff_slider .content_wrapper {

	position: relative;

	margin-right: -10px
}



.ff_indexPage .service.ff_slider .content_wrapper.slider {

	margin-right: 0
}



.ff_indexPage .service.ff_slider .content_wrapper.slider .item_block {

	margin-bottom: 0
}



.ff_indexPage .service.ff_slider .owl-item .item_block {

	width: 100%
}



.ff_indexPage .service.ff_slider .item_block {

	transition: all .36s ease;

	width: calc(100% / 1 - 10px);

	height: auto;

	float: left;

	margin-right: 10px;

	margin-bottom: 20px;

	position: relative;

	box-shadow: 0 0 0 rgba(0, 0, 0, .15)
}



.service.mlistpost .listContent_post .content_list::after {

	content: "";

	display: block;

	clear: both
}



.service.mlistpost .listContent_post .content_wrapper {

	position: relative;

	margin-right: -15px
}



.service.mlistpost .listContent_post .content_wrapper.slider {

	margin-right: 0
}



.service.mlistpost .listContent_post .content_wrapper.slider .item_block {

	margin-bottom: 0
}



.service.mlistpost .listContent_post .owl-item .item_block {

	width: 100%
}



.service.mlistpost .listContent_post .item_block {

	transition: all .36s ease;

	width: calc(100% / 3 - 15px);

	height: auto;

	float: left;

	margin-right: 15px;

	margin-bottom: 20px;

	position: relative;

	box-shadow: 0 0 0 rgba(0, 0, 0, .15)
}



.service.ff_slider .owl-carousel .owl-stage-outer {

	overflow: initial
}



.service.ff_slider .owl-stage-outer:after {

	position: absolute;

	top: 0;

	right: 100%;

	width: 100%;

	height: 100%;

	content: "";

	background: #fff
}





.ff_indexPage .mlist.service {

	width: 100%;

	margin: 0 auto
}



.ff_indexPage .mlist.service .content_list .item_block .details {

	position: absolute;

	z-index: 1;

	top: 62%;

	left: 50%;

	width: 46px;

	height: 46px;

	margin-left: -23px;

	padding: 0;

	opacity: 0;

	color: rgba(153, 153, 153, 0);

	border-radius: 100%
}



.ff_indexPage .mlist.service .content_list .item_block:hover .details {

	opacity: 1
}



.ff_indexPage .mlist.service .content_list .item_info .title {

	opacity: 1
}



.ff_indexPage .mlist.service .content_list .item_info .subtitle,
.ff_indexPage .mlist.service .content_list .item_info .title {

	text-align: center;

	vertical-align: middle;

	color: #fff
}



.ff_indexPage .mlist.service .content_list .details::after {

	position: absolute;

	top: 50%;

	left: 50%;

	display: block;

	width: 16px;

	height: 2px;

	margin-left: -7px;

	content: "";

	transition: all .3s ease;

	background-color: #fff
}



.ff_indexPage .mlist.service .content_list .details:hover::after {

	left: 66%;

	transform: translate(-50%, -50%) rotate(90deg)
}



.ff_indexPage .mlist.service .content_list .details::before {

	position: absolute;

	bottom: 14%;

	left: 50%;

	display: block;

	width: 2px;

	height: 16px;

	margin-bottom: 7px;

	content: "";

	transition: all .3s ease;

	background-color: #fff
}



.ff_indexPage .mlist.service .content_list .details:hover::before {

	bottom: 0;

	transform: translate(-50%, -50%) rotate(90deg)
}



.ff_indexPage .mlist.service .content_list .item_block:hover .item_img::after {

	height: 100%;

	opacity: 1
}



.ff_indexPage .mlist.service .content_wrapper .more .fa-angle-right {

	position: relative;

	left: -6px;

	transition: all .36s ease;

	opacity: 0;

	color: #fff
}



.ff_indexPage .mlist.service .content_wrapper .more:hover .fa-angle-right {

	position: relative;

	left: 8px;

	opacity: 1
}



.ff_indexPage .mlist:not(.imagelink).service .content_list .item_block:hover .details {

	color: rgba(255, 255, 255, 0)
}



.ff_indexPage .mlist:not(.imagelink).service .content_list .item_block .item_tags {

	display: none
}



.ff_indexPage .mlist:not(.imagelink).service .content_list .item_block .item_box .item_wrapper .item_info .title {

	font-size: 22px;

	line-height: 42px
}



.ff_indexPage .mlist:not(.imagelink).service .content_list .item_block:hover .item_box .item_wrapper .item_info .subtitle {

	color: #d8d8d8
}



.ff_indexPage .ff_sitecontent .mlist.service .module_container {

	max-width: none
}



.ff_indexPage .mlist.service .container_header {

	display: none
}



.ff_indexPage .mlist.service .module_container .container_category {

	display: none
}



.ff_indexPage .mlist.service .content_list .content_wrapper.slider .owl-item {

	margin: 0 auto
}



.ff_indexPage .mlist.service.ff_slider .content_list .item_block .owl-nav .owl-prev {

	opacity: 0
}



.ff_indexPage .mlist.service.ff_slider .content_list:hover .item_block .owl-nav .owl-prev {

	opacity: 1
}



.ff_indexPage .mlist.service .content_list .item_block .item_wrapper .item_info::after {

	position: relative;

	top: 10px;

	display: block;

	width: 1px;

	height: 0;

	margin: 0 auto;

	content: "";

	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;

	background-color: rgba(244, 244, 244, .2)
}



.ff_indexPage .mlist.service .content_list .item_block:hover .item_wrapper .item_info::after {

	height: 100px
}



.ff_indexPage .mlist.service .content_list .owl-dots .active.owl-dot span {

	border: 1px solid rgba(255, 255, 255, 0);

	background: rgba(255, 255, 255, 0)
}



.ff_indexPage .mlist.service .content_list .item_img::before {

	display: block;

	width: 100%;



	content: "";

	background-color: #d8d8d8
}



.ff_indexPage .mlist.service .owl-dots .owl-dot span {

	border: 1px solid #c7c7c7;

	background-color: #c7c7c7
}



.ff_indexPage .mlist.service .content_wrapper .more {

	margin: 80px auto 0
}



.ff_indexPage .mlist.service .owl-carousel.owl-drag .owl-stage-outer .owl-stage::after {

	display: block;

	width: 30%;

	content: "";

	background-color: red
}



.ff_indexPage .mlist.service .container_content {

	max-width: 100%
}



.ff_indexPage .service.ff_slider .content_wrapper {

	max-width: 100%;

	padding-top: 0
}



.ff_indexPage .mlist.service .owl-dots .owl-dot {

	position: absolute;

	top: 14%;

	left: 0;

	opacity: 0
}



.ff_indexPage .mlist.service .owl-dots .owl-dot.active {

	opacity: 1
}



.ff_indexPage .mlist.service .owl-dots .owl-dotsNum {

	position: absolute;

	top: 0;

	opacity: 1
}



.ff_indexPage .mlist.service .owl-dots .owl-dot span {

	font-size: 44px;

	width: 0;

	height: 0;

	margin: 5px 0;

	transition: all .2s ease-in;

	color: #000;

	border: 1px solid rgba(255, 255, 255, 0);

	border-color: rgba(255, 255, 255, 0);

	background: 0 0
}



.ff_indexPage .mlist.service .owl-dots .owl-dot.active span {

	color: #fff
}



.ff_indexPage .mlist.service .owl-dotsNum {

	font-size: 24px;

	position: absolute;

	top: 80%;

	width: auto;

	height: auto;

	transform: rotate(90deg);

	opacity: 1;

	color: #fff
}



.ff_indexPage .mlist.service .owl-dotsNum::after {

	position: relative;

	bottom: 26px;

	left: -8px;

	display: block;

	width: 1px;

	height: 22px;

	content: "";

	transform: rotate(20deg);

	background-color: #fff
}



.ff_indexPage .mlist.service .content_list .owl-nav .owl-prev {

	left: 0;

	transition: all .36s ease;

}



.ff_indexPage .mlist.service .content_list:hover .owl-nav .owl-prev {

	left: -60px;

	opacity: 1
}



.ff_indexPage .mlist.service .content_list .owl-nav .owl-next {

	right: 0;

	transition: all .36s ease;

}



.ff_indexPage .mlist.service .content_list:hover .owl-nav .owl-next {

	right: -60px;

	opacity: 1
}



.ff_indexPage .mlist.service .content_list .item_wrapper {

	z-index: 1
}



.ff_indexPage .mlist.service .content_wrapper .content_list .item_block::after {

	position: absolute;

	z-index: 0;

	top: 0;

	display: block;

	width: 100%;

	height: 0;

	content: "";

	transition: all .6s ease;

	opacity: 0;

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

	border-radius: 7px;

}



.ff_indexPage .mlist.service .content_wrapper .content_list .item_block:hover::after {

	height: 100%;

	opacity: 1
}



.ff_indexPage .mlist.service .content_list .item_block .item_wrapper .item_info {

	height: auto;

	padding: 10% 16%;

	text-align: center;

	vertical-align: middle;

	opacity: 0
}



.ff_indexPage .mlist.service .content_list .item_block:hover .item_wrapper .item_info {

	opacity: 1
}



.ff_indexPage .mlist.service .content_wrapper .item_block {

	border: 0
}



.npagePage .mlist.service .content_list .item_wrapper {

	position: inherit;

	padding: 24px 8%
}



.npagePage .mlist.service .content_list .item_block .item_tags {

	display: none
}



.npagePage .mlist.service .content_list .item_info .title {

	font-size: 16px;

	text-align: center
}





.ff_sitecontent .service.module .module_container {

	width: 80%
}



.ff_sitecontent .service.module .module_container .owl-dots_wrapper {

	position: absolute;

	top: 0;

	right: -90px;

	width: 80px;

	height: 90px
}



.ff_indexPage .mlist.service .owl-dots {

	position: absolute;

	top: 0;

	right: 0;

	left: 0;

	transform: initial
}



.ff_indexPage .mlist.service .owl-dots .owl-dot span {

	width: auto;

	height: auto;

	transform: rotate(90deg);

	display: block;

}







body #navWrapper .content .nav>.navitem .subnav,

.bodyindex .mlist.team .tab_content .content_list .owl-item.active .item_block img,

.mlist .owl-dots .owl-dot.active span,

.mlist .owl-dots .owl-dot:hover span {
	border-color: #3db45e;
}





.ff_indexPage .mlist.team .content_wrapper .tab_button .item_block.active .item_wrapper .item_info .title {
	color: #fff;
}







.mlist .owl-nav .owl-prev:hover,

.ff_topSlider .owl-nav .owl-prev:hover,

.imagelink .owl-nav .owl-next:hover,

.postSlider .owl-nav .owl-next:hover,

.mlist .owl-nav .owl-next:hover,

.ff_topSlider .owl-nav .owl-next:hover,

#olx_head,

.mlist .owl-dots .active.owl-dot span,

.service.mlistpost .tabBtn .post-next:not(.empty):hover,

.ff_indexPage .ff_topSlider .owl-nav .owl-prev::before,

.ff_indexPage .ff_topSlider .owl-nav .owl-next::before {
	background: #000;
}







.mlist:not(.imagelink) .content_list .item_block:hover .details {
	border-color: #000;
	background-color: #000;
}

.sp-img-list-out {
	position: relative;
}

.find_nav {

	width: 100%;


	margin-bottom:50px;
	overflow: hidden;

}

.find_nav_left {



	position: relative;

	overflow: hidden;

	-moz-box-flex: 1;

	-webkit-box-flex: 1;

	box-flex: 1;

}

.find_nav_list {

	width: 100%;

}

.find_nav_list ul {

	position: relative;

	white-space: nowrap;

	font-size: 0;

}

.find_nav_list ul li {

	padding: 0;

	width: 8.33%;

	float: left;

	height: 106px;

}

.find_nav_list ul li a {

	display: block;

	width: 100%;

	height: 100%;

	line-height: 20px;

	font-size: 14px;

	text-align: center;

	color: #666;

}

.find_nav_list ul li a span {

	display: block;
	text-align: center;

}

.find_nav_list ul li a img {
	width: 64px;
	margin: 10px auto;
}

.find_nav_cur a {

	color: #000 !important;

}

.find_nav_cur span{

background: url(../images/jt.png) center no-repeat;
	display:block;
	height:10px;
	width:100%;
}

.find_nav_list a.active {
	color: #000
}
.find_nav_list a.active span{
	background: url(../images/jt.png) center no-repeat;
	display:block;
	height:10px;
	width:100%;
}

.sideline {

	display: block;

	position: absolute;

	border: 0;

	height: 2px;

	background-color: #48a5f4;

	left: 0;

	top: 68px;

	pointer-events: none;

}

.li_list {
	text-align: center;
	width: 100%;
}
.li_list div {
	width: 24%;
	height: auto;
	margin:0 0.5%;
	float:left;
	position:relative;
}
.li_list span{
	position:absolute;
	top:30px;
	left:30px;
	font-size:16px;
	color:#333;
}
.li_list img {
	width: 100%;
	height: auto;
}

.swipe {
	width: 100%;
}

.find_nav {

	width: 100%;

	margin-bottom:50px;
	overflow: hidden;

}

.find_nav_left {


	position: relative;

	overflow: hidden;

	-moz-box-flex: 1;

	-webkit-box-flex: 1;

	box-flex: 1;

}

.find_nav_list {

	width: 100%;

}

.find_nav_list ul {

	position: relative;

	white-space: nowrap;

	font-size: 0;

}

.find_nav_list ul li {

	padding: 0;

	width: 8.33%;

	float: left;

	height: 106px;

}

.find_nav_list ul li a {

	display: block;

	width: 100%;

	height: 100%;

	line-height: 20px;

	font-size: 14px;

	text-align: center;

	color: #666;

}

.find_nav_list ul li a span {

	display: block;
	text-align: center;

}

.find_nav_list ul li a img {
	width: 64px;
	margin: 10px auto;
}

.find_nav_cur a {

	color: #000 !important;

}

.find_nav_cur span{

background: url(../images/jt.png) center no-repeat;
	display:block;
	height:10px;
	width:100%;
}

.find_nav_list a.active {
	color: #000
}
.find_nav_list a.active span{
	background: url(../images/jt.png) center no-repeat;
	display:block;
	height:10px;
	width:100%;
}

.news-more {
	background: url(../images/r_more_03.png) 85% no-repeat #666;
	width: 180px;
	height: 50px;
	padding-left: 20px;
	line-height: 50px;
	color: #fff;
	display: block;
	margin: 0 auto;

}
.product {
    position: relative;
    overflow: hidden;
    display: none;
    margin-top: 10px;
}

.product p{
    position: absolute;
    left: 0px;
	background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    display: block;
    width: 100%;
    height: 100px;
    color: #fff;
    text-align: left;
	line-height:28px;
	padding:25px 0px 0px 50px;
	font-size:14px;
}
.product span{
    display: block;
	font-size:16px;
}

.product-wrap .show {
    display: block;
}

.title-list{
	width:300px;
	height:130px;
	margin:0 auto;
}
.title-list li{ font-size:14px; float:left; width:100px; text-align:center;}
.title-list li img{ display:inline;}
.title-list li span{ width:100%; text-align:center; display:block; margin:10px 0;}
.title-list li.on i{
	background: url(../images/jt.png) center no-repeat;
    display: block;
    height: 10px;
    width: 100%;
	}
.title-list li.on a{ color:#333;}
.serviseList li .serviseBodySubtit::after {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 0;

	height: 1px;

	background-color: rgba(0, 255, 234, .2);

}

.serviseList li .serviseBodyFt,
.serviseList li .serviseBodySubtit::after,
.serviseList li .serviseNum,
.serviseMask {

	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;

}

.servise,
.serviseList li,
.swiper-container {

	overflow: hidden
}







.serviseList li {

	border-right: 1px solid rgba(255, 255, 255, .1)
}





.servise {

	position: relative
}



.servise>img {

	position: absolute;

	top: 0;

	left: 50%;

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

	transform: translateX(-50%);

	min-width: 100%;

	min-height: 100%;

	z-index: 0;

	opacity: 0;

	visibility: hidden;

	transition: visibility .3s ease-out, opacity .3s ease-out
}



.servise>img.on {

	opacity: 1;

	visibility: visible
}



.serviseHead {

	height: 200px;

	border-bottom: 1px solid rgba(255, 255, 255, .1)
}



.serviseHeadL,
.serviseHeadR {

	height: 100%;

	box-sizing: border-box
}



.serviseCon {

	width: 100%;

	background-color: #00000061;

	position: relative
}



.serviseHeadL {

	width: 100%;

	text-align: center;

}



.serviseHead .serviseMainTit {

	padding-top: 60px;



}



.serviseHead .serviseMainTit .titTrans {

	font-size: 30px;

	color: #fff;

	line-height: 36px;

	margin-bottom: 10px;

}

.serviseHead .serviseMainTit p {

	font-size: 22px;

	color: #fff;

}



.serviseBody {

	width: 100%;

	overflow-x: hidden
}



.serviseList {

	width: 125%
}



.serviseList li {

	width: 25%;

	height: 700px;

	box-sizing: border-box;

	padding: 0 2.6%;

	cursor: url(../images/move-1.png), default;

	float: left;

	position: relative
}



.serviseList li:last-of-type,
.serviseList li:nth-last-child(2) {

	border-right: 1px solid transparent
}



.serviseList li:last-of-type {

	border-left: 1px solid rgba(255, 255, 255, .1)
}



.serviseItemItem {

	margin-top: 200px;

	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s
}



.serviseList li:hover .serviseItemItem {

	margin-top: 170px
}



.serviseList li .serviseBodyMaintit {

	font-size: 20px;

	line-height: 30px;

	color: #fff;

	margin-bottom: 10px;

	transition: all .3s ease-out 0s
}



.serviseList li .serviseBodySubtit {

	font-size: 15px;

	line-height: 15px;

	color: #fff;

	padding-bottom: 40px;

	position: relative;

	transition: all .3s ease-out 0s
}



.serviseList li .serviseBodyFt,
.serviseList li .serviseBodySubtit::after,
.serviseList li .serviseNum,
.serviseMask {

	transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s
}



.serviseList li .serviseBodyFt {

	font-size: 13px;

	line-height: 26px;

	color: rgba(255, 255, 255, .5);

	margin-top: 4px;

	padding-bottom: 368px
}



.serviseList li:hover .serviseBodyFt {

	margin-top: 40px;

	color: rgba(255, 255, 255, .8)
}



.serviseList li .serviseBodySubtit::after {

	position: absolute;

	left: 0;

	bottom: 0;

	width: 0;

	height: 1px;

	background-color: rgba(0, 255, 234, .2)
}



.serviseList li:hover .serviseBodySubtit::after {

	width: 100%
}



.serviseList li:hover .serviseBodyMaintit,
.serviseList li:hover .serviseBodySubtit {

	color: #000
}



.serviseList li .serviseNum {

	position: absolute;

	bottom: 136px;

	right: 76px;

	font-size: 72px;

	line-height: 50px;

	color: #fff;

	font-family: BureauEagleBook, auto;

	text-align: right;

	-webkit-transform: translateY(0);

	transform: translateY(0)
}



.footerFt div,
.rentList .rentItem .rentCount {

	font-family: HELVETICANEUETHN, "微软雅黑", arial
}



.serviseMask {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 500px;

	height: 500px;

	background: linear-gradient(135deg, rgba(0, 255, 234, 0) 0, rgba(0, 255, 234, 0) 50%, #000 50%, #000 100%);

	-webkit-transform-origin: left bottom;

	transform-origin: left bottom;

	-webkit-transform: rotate(45deg);

	transform: rotate(45deg);

	z-index: -1
}



.serviseItemTop:hover .serviseMask {

	-webkit-transform: rotate(17deg);

	transform: rotate(17deg)
}



.serviseItemTop:hover .serviseNum {

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

	transform: translateY(-60px);

	color: #000;

	font-size: 90px
}









.swiper-slide,
.swiper-wrapper {

	height: 100%;

	position: relative;

	width: 100%
}



.clearfix:after {

	clear: both;

	display: block
}





.swiper-wrapper {

	z-index: 1;

	display: flex;

	transition-property: -webkit-transform;

	transition-property: transform;

	transition-property: transform, -webkit-transform;

	box-sizing: content-box
}



.swiper-slide {

	flex-shrink: 0;

	transition-property: -webkit-transform;

	transition-property: transform;

	transition-property: transform, -webkit-transform
}



.brand-box img {
	max-width: 140px;
	max-height: 110px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}

.brand-box img:hover {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
}





.msg_out {
	width: 100%;
	position: absolute;
	bottom: 50px;
	z-index: 2;
}

.msg_content {
	width: 95%;
	margin: 0 auto;
}

.msg_out span {
	text-align: left;
	display: block;
	font-size: 14px;
	color: #FFF;
	margin-bottom: 10px;
}
.about_ys{ clear:both; margin-top:20px; width:100%;}
.about_ys li{ width:25%; text-align:center; float:left;}
.about_ys li img{ display:inline;}
.about_ys li span{ display:block; margin-top:20px; width:100%; text-align:center;}
.about_ys li span font{ font-size:28px;}
.ft_bg{
	background: url(../images/ft_02.png) center no-repeat;
	width: 100%;
	height: 202px;
}
.ft_top{ padding-top:70px;}
.sh_tit{
	font-size:18px;
	float:left;
	color:#fff;
	line-height:50px;
}
.ft_search{
	width:368px;
	height:50px;
	float:left;
	background-color:#fff;
	border-radius:50px;
}
.input_text{ float:left; width:300px; margin-left:30px; height:30px; margin-top:10px; border:0px; background-color:transparent; color:#bfbfbf;}
.btnSubmit{background: url(../images/search_ico.png) center no-repeat;
	width: 23px;
	height: 22px; float:left; margin-top:15px; border:0px;}

.ft_item{ color:#fff;}
.ft_item span{ float:left; display:block; margin-left:50px; height:35px; margin-top:10px; line-height:35px;}
.ft_item1{background: url(../images/ft_ico_03.png) left no-repeat; padding-left:45px;}
.ft_item2{background: url(../images/ft_ico_05.png) left no-repeat; padding-left:45px;}
.ft_item3{background: url(../images/ft_ico_07.png) left no-repeat; padding-left:45px;}

.about-content p{ font-size:15px; line-height:40px;}
.lang{ position:fixed; right:2%; top:35px; z-index:9999;}
.lang img{ width:22px; border-radius:3px;}
@media (min-width: 576px) {}



@media (min-width: 768px) {}



@media only screen and (max-width: 991px) {
	.lang{ position:absolute; top:auto; bottom:0; right:0;}
	.find_nav_list ul li {

	padding: 0;

	width: 25%;

	float: left;

	height: 90px;

}
.li_list div {
	width: 49%;
	height: auto;
	margin:2px 0.5%;
	float:left;
	position:relative;
}
.about_bg{
	background: url(../images/about_bg_06.jpg) right bottom no-repeat;
	width: 100%;
	background-size:auto;
	min-height:auto;
	}
.about_ys li{ width:50%; text-align:center; float:left;}


.product p{
    height: 90px;
    color: #fff;
    text-align: left;
	line-height:22px;
	padding:10px;
	font-size:14px;
}
.product span{
	font-size:14px;
}
.ft_top {
    padding-top: 20px;
}

.ft_bg{
	background: #000;
	width: 100%;
	height:auto;
	padding:20px 0;
}
.ft_top{ padding-top:0px;}
.sh_tit{
	font-size:18px;
	float:none;
	color:#fff;
	line-height:50px;
}
.ft_search{
	width:90%;
	height:50px;
	float:none;
	margin:0 auto;
	background-color:#fff;
	border-radius:50px;
}
.input_text{ float:left; width:225px; margin-left:30px; height:30px; margin-top:10px; border:0px; background-color:transparent; color:#bfbfbf;}
.btnSubmit{background: url(../images/search_ico.png) center no-repeat;
	width: 23px;
	height: 22px; float:left; margin-top:15px; border:0px;}

.ft_item{ color:#fff; clear:both; padding-top:20px;}
.ft_item span{ float:left; display:block; width:33%; margin-left:0px;height:35px; margin-top:10px; line-height:35px;}


.find_nav_list ul li a {

	
	font-size: 12px;


}

	}



@media (min-width: 1200px) {}

@media (min-width: 1400px) {

	.msg_content {
		width: 70%;
	}

}

.w3l-call-to-action_9 .left-text .about-content {
	width: 96%;
	margin-top:50px;
	color:#777777;
	line-height: 32px;

}

.msg_content .form-input {
	width: 25%;
	background: rgba(248, 248, 248, .7);
	border-radius: 4px;
	height: 46px;
	float: left;
	margin-right: 2%;
}

.msg_content .form-input input {
	background-color: transparent;
	border: 0px;
	height: 46px;
	width: 85%;
	font-size: 14px;
}



.msg_content .theme-button {

	width: 19%;

	float: right;

	cursor: pointer;

	text-decoration: none;

	-webkit-appearance: none;

	display: inline-block;

	font-style: normal;

	font-weight: normal;

	font-size: 15px;

	text-align: center;

	color: #fff;

	background: #000;

	border-radius: 4px;

	transition: 0.3s ease;

	height: 46px;

}

.about-title {
	font-size: 28px;
	line-height: 36px;
	color: #494949;
	font-weight: bold;
	text-transform: uppercase;
}

.about-title-en {
	color: var(--header-title-color);
	color: #1b1b1c;
	font-size: 16px;
	line-height: 36px;
	text-transform: capitalize;
	font-weight: 200;
	text-align: center;
}

.page {
	clear: both;
	margin: 20px 0px 0px 0px;
	text-align: center;
}

.page a {
	display: inline-block;
	font-family: Arial;
	font-size: 13px;
	border: #dbdbdb 1px solid;
	padding: 4px 9px;
	margin: 2px;
	margin-bottom: 5px;
	color: #31363c;
	text-decoration: none
}

.page a:hover,
.page a:focus {
	font-family: Arial;
	font-size: 13px;
	border: #000 1px solid;
	padding: 4px 9px;
	color: #fff;
	background-color: #31363c;
}

.page .current {
	font-family: Arial;
	border: #000 1px solid;
	font-size: 13px;
	padding: 5px 9px;
	color: #fff;
	margin: 2px;
	background-color: #31363c
}

.ft84 {
	font-size: 84px;
}

.ft70 {
	font-size: 70px;
}

.ft60 {
	font-size: 60px;
}

.ft48 {
	font-size: 48px;
}

.ft40 {
	font-size: 40px;
}

.ft36 {
	font-size: 36px;
}

.ft34 {
	font-size: 34px;
}

.ft30 {
	font-size: 30px;
	line-height: 50px;
}

.ft28 {
	font-size: 28px;
}

.ft26 {
	font-size: 26px;
}

.ft24 {
	font-size: 24px;
	line-height: 60px;
}

.ft22 {
	font-size: 22px;
}

.ft20 {
	font-size: 20px;
	line-height: 40px;
}

.ft18 {
	font-size: 18px;
	line-height: 32px;
}

.ft14 {
	font-size: 14px;
	line-height: 30px;
}

.ft12 {
	font-size: 12px;
}

.ft16 {
	font-size: 16px;
	line-height: 30px;
}

.ft44 {
	font-size: 44px;
}

@media screen and (max-width:1600px) {
	.ft20 {
		font-size: 16px;

	}
}

@media screen and (max-width:1200px) {
	.ft24 {
		font-size: 18px;
		line-height: 36px;
		font-weight: bold;
	}

	.ft22 {
		font-size: 18px;
	}

	.ft20 {
		font-size: 16px;

	}

	.ft14 {
		font-size: 14px;
		line-height: 24px;
	}


	.ft16 {
		font-size: 14px;
	}

	.ft30 {
		font-size: 20px;
		line-height: 40px;
	}

	.db_logo img {
		max-width: 180px;
	}

	.ab_cc {
		width: 100%;
	}
}

@media screen and (max-width:1200px) {}

@media screen and (max-width:768px) {

	.ft18 {
		font-size: 16px;
	}

	.ft20 {
		font-size: 18px;
		line-height: 32px;
	}

	.ft24 {
		font-size: 18px;
		line-height: 32px;
		font-weight: bold;
	}

	.p.p01 {
		line-height: 36px;
	}

	.news_l .n_con i {
		margin-top: .5rem !important;
	}

	.mt60 {
		margin-top: 20px;
	}

	.news_l .n_con p {
		margin: 0.5rem 0 !important;
	}

	#joblist {
		padding: 15px;
	}

	#joblist dl {
		padding: 0px 5px 15px;
		margin-bottom: 15px;
	}

	#joblist dt {
		padding: 5px 10px;
		font-size: 16px;
		font-weight: bold;
		border-bottom: 1px dotted #ccc;
	}

	#joblist dd {
		padding: 0px 0px 5px;
	}

	#joblist dd .dtail {
		padding: 5px 10px;
		border-top: 1px dotted #ccc;
	}

	#joblist dd .dtail span {
		margin-right: 20px;
	}

	#joblist dd .dtail a {
		color: #1C57C4;
	}

	#joblist dd .editor {
		padding: 5px;
	}

	#joblist dd .mis {
		padding: 5px 10px;
	}

	#joblist dd .mis span {
		margin-right: 15px;
		color: #999;
	}

	#showjob {
		padding: 15px;
	}

	#showjob h1.title {
		font-size: 18px;
		padding: 5px 0px;
		margin-bottom: 5px;
	}

	#showjob .paralist li {
		float: left;
		width: 45%;
		padding: 3px 15px 3px;
		background: url(../images/dt-0.gif) no-repeat 5px center;
	}

	#showjob .paralist li span {
		float: left;
		margin-right: 10px;
		color: #999;
	}

	#showjob .ctitle {
		margin: 10px 0px 10px;
		padding: 5px 20px;
		background: url(../images/dt-7.gif) no-repeat left center;
		*background-position: left 17px;
		font-size: 14px;
		border-bottom: 1px dotted #ccc;
	}

	#showjob .info_cv {
		font-size: 12px;
		text-align: center;
		margin: 10px 0px;
	}

	#showjob .editor {
		line-height: 2;
		padding: 0px 10px;
		font-size: 14px;
	}

	.lx_tel li {
		margin-bottom: 10px;
	}

	.lx_ico .ico_bg {
		width: 50px !important;
		height: 50px !important;
		padding: 10px !important;
	}

}

@media screen and (max-width:480px) {
	.ft18 {
		font-size: 16px;
	}

	.ft24 {
		font-size: 16px;
		line-height: 32px;
	}

	.ft26 {
		font-size: 18px;
	}

	.editor {
		padding: 20px 0;
	}

	.ab_con h3 {
		margin-top: 30px !important;
	}

	.about-content {
		margin-top: 20px;
		margin-bottom: 30px;
	}

	.case_list dl dd span {
		margin-top: 15px !important;
	}

	.case_list dl dd p {
		line-height: 60px !important;
	}

	.main-titles-head {
		margin: 20px 0;
	}

	.fl {
		float: none !important;
	}

	.fr {
		float: none !important;
	}

	.sidebar {
		margin-top: 10px !important;
	}

	#hmnews .swiper-pagination {
		display: block !important;
	}

	#hmnews .swiper-button-prev {
		display: none;
	}

	#hmnews .swiper-button-next {
		display: none;
	}

	.about-more {
		width: 120px !important;
	}

	.news_con {
		width: 100% !important;
	}
	#flash .swiper-button-next{ display: none; }
	#flash .swiper-button-prev{ display: none; }
}

/* 工程案例  */
.case_list {}

.case_list dl {}

.case_list dl dt {
    width: 100%;
    max-height: 295px;
    justify-content: center;
    align-items: center;
    display: flex;
    -webkit-display: flex;
    -moz-display: flex;
	overflow: hidden;
}
.pro_list dl dt{ max-height:440px;}

.case_list dl dt img {
    max-width: 100%;
    max-height: 100%;
	-webkit-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
}

.case_list dl:hover dt img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.case_list dl dd {
	display: block;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	-webkit-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
	position: relative;
}

.case_list dl dd p {
	float: left;
	color: #666;
	line-height: 60px !important;
}

.case_list dl dd span {
	width: 29px;
	height: 29px;
	background: url(../images/ico_arr.png) no-repeat;
	float: right;
	display: block;
	overflow: hidden;
	margin-top: 20px;
}

.case_list dl:hover dd span {
	background: url(../images/ico_arr2.png) no-repeat;
}

.case_list dl:hover dd p {
	color: #333;
}

.case_list dl dd hr {
	background-color: #333;
	width: 0px;
	position: absolute;
	bottom: -15px;
	transition: width 1s linear;
	height: 2px;
	border: 0px;
}

.case_list dl:hover dd hr {
	width: 100%;
}


/* 新闻中心  */
.news_bg {
	
	padding: 3% 5%;
	display: block;
	overflow: hidden;
	position: relative;
}

#hmnews {
	display: block;
	overflow: hidden;
	width: 100%;
}

#hmnews .swiper-slide {
	margin: 0 auto;
}

#hmnews .news_con {
	width: 96%;
	display: block;
	margin: 0 auto;
	position:relative;
}

#hmnews .news_con .news_img {
	display: block;
	overflow: hidden;
	width: 100%;
	max-height: 350px;
}

#hmnews .news_con .news_img img {
	width: 100%;
	display: block;
	-webkit-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
}

#hmnews .news_con:hover .news_img img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

#hmnews .news_con .news_txt {
	position: absolute;
    left: 0px;
	background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    display: block;
    width: 100%;
    height: 60px;
    color: #fff;
    text-align: center;
	line-height:22px;
	font-size:14px;
	padding:10px 0;
}


#hmnews .news_con .news_txt h3 {
	color: #fff;
	font-size:14px;
	line-height: 24px;
}

#hmnews .news_con .news_txt span {
	color: #fff;
	font-size:12px;
}

#hmnews .swiper-button-prev {
	width: 67px;
	height: 45px;
	background: url(../images/ico_fl.png) no-repeat;
}

#hmnews .swiper-button-next {
	width: 67px;
	height: 45px;
	background: url(../images/ico_fr.png) no-repeat;
}

#hmnews .swiper-pagination {
	display: none;
}

/* 联系我们  */
.contact-content {}

.contact-content h3 {
	color: #333333;
	font-weight: bold;
}

.contact-content hr {
	height: 3px;
	background: url(../images/line.png) no-repeat;
	width: 100%;
	border: none;
}

.contact-content p {
	color: #333;
	font-weight: bold;
	margin-bottom: 1.5rem;
}

.contact-content p i {
	width: 28px;
	height: 28px;
	margin-right: 10px;
	float: left;
}

/* 底部  */
.db_logo {
	display: block;
	overflow: hidden;
	width: 100%;
}

.db_logo img {
	margin: 0 auto;
	display: block;
}

.lo_bt {
	margin: 12px 0;
	display: block;
	text-align: center;
	color: #fff;
	line-height: 30px;
}

.db_ewm {
	width: 20%;
	min-width: 230px;
	margin: 15px auto;
	display: block;
}

.db_ewm img {
	margin: 0 auto;
	display: block;
}

.db_ewm p {
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 24px;
}

.db_ewm h3 {
	font-size: 24px;
	color: #fff;
	background: url(../images/db_tel.png) 15% no-repeat;
	padding-left: 25%;
}

.pro_tit {
	display: block;
	overflow: hidden;
	text-align: center;
}

.pro_tit h3 {
	color: #333
}

.pro_tit hr {
	width: 28px;
	height: 4px;
	margin: 5px auto;
	border: none;
	display: block;
	background: #666;
}

.pro_tit p {
	color: #999999
}

.ab_img {
	display: block;
	overflow: hidden;
}

.ab_img img {
	max-width: 100%;
	display: block;
	margin: 0 auto
}

.ab_con {
	display: block;
	overflow: hidden;
}

.ab_con h3 {
	color: #202020;
	margin-top: 70px;
}

.ab_con p {
	color: #333333;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.case_01 {
	
	padding: 60px 0 40px;
	margin: 0 auto;
	max-width: 1500px;
}

.case_tit {
	display: block;
	overflow: hidden;
	width: 100%;
}

.case_tit .c_t {
	float: left;
}

.case_tit .c_t h3 {
	color: #333333;
}

.case_tit .c_t hr {
	width: 28px;
	height: 4px;
	margin: 5px 0;
	border: none;
	display: block;
	background: #666;
}

.case_tit span {
	float: right;
}

/* 新闻中心  */
.news_cc {
	max-width: 1200px;
	margin: 0 auto;
}

.news_tit {
	display: block;
	overflow: hidden;
	width: 100%;
	 margin-bottom: 30px;
}

.ne_tt h3 {
	color: #333
}

.ne_tt hr {
	width: 28px;
	height: 4px;
	margin: 5px 0;
	border: none;
	display: block;
	background: #666;
}

.ne_tt p {
	color: #999999
}

.sidebar {
	display: block;
	overflow: hidden;
	margin-top: 40px;
}

.sidebar ul {
	list-style: none;
	display: block;
	overflow: hidden;
}

.sidebar ul li {
	float: left;
	margin-right: 20px;
}


.sidebar ul li a {
	color: #333333;
	font-size: 16px;
}

.sidebar ul li a:hover,
.on2 {
	color: #666 !important;
}

.news_l {
	display: block;
	overflow: hidden;
	width: 100%;
	padding: 20px 0;
}

.news_l .n_con {
	padding: 1rem 0;
	display: block;
	position: relative;
}

.news_l .n_con h3 {
	color: #333;
}

.news_l .n_con i {
	font-style: normal;
	margin-top: 1.5rem;
	color: #999;
	display: block;
}

.news_l .n_con p {
	color: #666;
	margin: 1rem 0 2rem;
}

.news_l .n_con hr {
	background-color: #f15608;
	width: 0px;
	position: absolute;
	bottom: 40px;
	transition: width 1s linear;
	height: 2px;
	border: 0px;
}

.news_l span {
	text-transform: uppercase;
	color: #999999;
	margin-top: 20px;
	display: block;
}

.news_l:hover .n_con hr {
	width: 100%;
	-webkit-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
}

.news_l:hover .n_con h3 {
	color: #666;
}

.news_l .n_img {
	display: block;
	overflow: hidden;
	max-height: 286px;
}

.news_l .n_img img {
	width: 100%;
	display: block;
	-webkit-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	-moz-transition: all .2s;
}

.news_l:hover .n_img img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

/* 联系我们  */
.con_lx {
	display: block;
	overflow: hidden;
	text-align: center;
}

.lx_ico {
	display: block;
	overflow: hidden;
	text-align: center;
}

.lx_ico .ico_bg {
	width: 86px;
	height: 86px;
	display: block;
	background: #fff;
	border-radius: 100px;
	box-shadow: #cdcbcb 5px 8px 10px;
	padding: 18px;
	margin: 10px auto;
}

.lx_ico i {
	width: 46px;
	height: 50px;
	display: block;
	overflow: hidden;
}

.lx_ico .i01 {
	background: url(../images/ico.png) 0 0 no-repeat;
}

.lx_ico .i02 {
	background: url(../images/ico.png) 0 -50px no-repeat;
}

.lx_ico .i03 {
	background: url(../images/ico.png) 0 -100px no-repeat;
}

/*招聘模块*/
.lx_tel {
	list-style: none;
	display: block;
	overflow: hidden;
}

.lx_tel li {
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
}

.lx_tel li i {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
}

.lx_tel li h3 {}

.zhwlist {}

.zhwlist li {
	padding-bottom: 20px;
	margin-bottom: 30px;

}

.zhwlist .tit {
	line-height: 40px;
	cursor: pointer;
	border-left: 5px solid #666;
	padding-left: 20px;
}

.zhwlist .tit .jb_t {
	float: left;
	width: calc(80% - 15px);
}

.zhwlist .tit h3 {
	display: block;
	color: #333333;
}

.zhwlist .tit p {
	color: #333;
	margin-top: 5px;
}

.zhwlist .tit .more001 {
	float: right;
}

.zhwlist .cons {
	padding: 30px 0;
	display: none;
}

.zhwlist .con h3 {
	padding-bottom: 1em;
	padding: 0 0 15px;
}

.zhwlist .con .txt {
	color: #666;
	line-height: 1.8em;
}

.zhwlist .con {
	padding-top: 20px;
}

.zhwlist .morea a {
	margin: 0;
}

.zhwlist li.cur .tit .more001 {
	background: url(../images/zhkico2.png) 0 12px no-repeat;
	background-size: 100%;
}

.zhwlist li.cur .tit .more001 img {
	opacity: 0;
}


/*分页*/

.page-list {

	clear: both;

	margin: 20px 0px 0px 0px;

	text-align: center;

}

.page-list .page-item {
	display: inline-block;
}

.page-list .page-link {

	display: inline-block;

	font-family: Arial;

	font-size: 15px;
	padding: 7px 15px;

	margin-left: 6px;

	background-color: #fff;

	border: 1px solid #e6e6e6;

	border-radius: 4px;

}

.page-item.active .page-link {

	z-index: 1;

	color: #fff;

	background-color: #000;

	border-color: #000;

}

.page-item.disabled .page-link {

	color: #6c757d;

	pointer-events: none;

	cursor: auto;

	background-color: #fff;

	border-color: #dee2e6;

}

.met_page {
	font-size: 14px;
}

.met_page a {
	line-height: 24px;
	font-size: 14px;
	color: #666;
}

.w3l-covers-18 .covers-main {
	margin: 40px 0;
}

.editor p {
	line-height: 30px;
}



#flash2 {
	width: 100%;
	display: block;
	position: relative;
}

#flash2 .swiper-slide {
	width: 100%;
}

#flash2 .swiper-slide .img {
	width: 100%;
	display: block;
}

#flash2 .swiper-slide .img img {
	width: 100%;
	display: block;
}

#flash2 .swiper-pagination-bullet {
	background: #000;
	width: 8px;
	height: 8px;
	opacity: 1;
	display: inline-block;
	margin: 0 3px;
	vertical-align: middle;
}

#flash2 .swiper-pagination-bullet-active {
	background: none;
	border: 1px solid #000;
	padding: 1px;
}

#flash2 .swiper-button-prev {
	background: url(../images/ad_ctr_011.png) no-repeat;
	width: 30px;
	height: 48px;
	left: 0 !important;
}

#flash2 .swiper-button-prev:after {
	display: none;
}

#flash2 .swiper-button-next {
	background: url(../images/ad_ctr_012.png) no-repeat;
	width: 30px;
	height: 48px;
	right: 0 !important;
}

#flash2 .swiper-button-next:after {
	display: none;
}

#flash2 .swiper-pagination-bullets {
	bottom: 10px !important;
}

.banner {
    width: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e5e5e5;
	padding-bottom:25px;
}

.large_box {
    margin-bottom: 10px;
    overflow: hidden;
    padding: 25px;
}

.large_box ul li {
	list-style:none;
    width: 100%;
    height: 100%;
}

.large_box img {
    width: 100%;
}

.small_box {
    height: 73px;
    overflow: hidden;
    padding: 10px;
}

.small_list {
    position: relative;
    float: left;
    width: 370px;
    height: 73px;
    overflow: hidden;
}

.small_list ul {
    height: 64px;
    overflow: hidden;
}

.small_list ul li {
    position: relative;
    float: left;
    margin-right: 10px;
    width: 64px;
}

.small_list ul li img {
    display: block;
}

.small_list ul li .bun_bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 64px;
    height: 73px;
    background: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

.small_list ul li.on .bun_bg {
    display: block;
}

.pbtn {
    display: block;
    width: 20px;
    height: 73px;
    background-color: #777;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.pbtn:hover {
    background-color: #e7000e;
}

.left_btn {
    float: left;
    margin-right: 10px;
    background-image: url(../images/left_btn.png);
}

.right_btn {
    float: right;
    background-image: url(../images/right_btn.png);
}

.product-arr h3 {
    font-size: 24px;
    padding: 20px 5px;
    border-bottom: 1px solid #ddd;
}

.product-arr .proinfo_tit {
    font-size: 24px;
    padding: 20px 5px;
	display:block;
}
.product-arr dl{
    border-bottom: 1px solid #ddd;
	padding-bottom:20px;
}
.product-arr dl dd{ padding:0 8px;}
.product-arr dl dd label{ min-width:180px; color:#999;}
.product-arr p {
    line-height: 28px;
    font-size: 14px;
    margin-top: 20px;
}
.product_nav {
    height: 45px;
    line-height: 45px;
    margin: 30px 0;
    border-bottom: 1px solid #ddd;
	width:100%;
}

.product_nav li {
    float: left;
    list-style: none;
    cursor: pointer
}

.product_nav li a {
    display: block;
    padding: 0 40px
}

.product_nav li.product_nav_now,
.product_nav li.product_nav_hover {
border: 1px solid #ddd;
border-bottom:0px;
}
.solution-list { padding-bottom: 30px; width:100%; }
@media (min-width:1024px) {
  .solution-list { margin-right: -3px; margin-left: -3px; padding-bottom: 82px; }
  .solution-sell { border-width: 3px; }
}
.solution-list { display: flex; display: -webkit-flex; flex-wrap: wrap; }
.solution-sell { position: relative; padding-bottom: 37.8%; border: 1px solid #fff; height: 0; overflow: hidden; box-sizing: border-box; color: #fff; }
.solution-sell a { color: inherit; }
.solution-sell.s-2 { width: 50%; }
.solution-sell.s-3 { width: 33.33%; }
.s-img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; background-size: cover; background-repeat: no-repeat; background-position: center; -webkit-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; }
.solution-sell:hover .s-img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.solution-text { position: absolute; z-index: 20; bottom: 63px; left: 63px; right: 63px; }
.solution-text .s-icon { width: 100%; margin-bottom: 20px; }
.solution-text .s-icon img { width: 40px; }
.solution-text h4 { font-size: 28px; font-weight: normal; }
.solution-text h4:after { width: 24px; height: 2px; border-radius: 1px; background: #fff; content: ""; display: block; margin-top: 10px; }
.solution-text h4 a { color: inherit; }
.banner-text.position-right.v-center .clearfix { max-width: 35%; font-size: 15px; }
.banner-text.position-right.v-center .zx-btn { margin-left: 0; }
.solutions-center { padding-top: 85px; }
.solutions-wrapper { display: flex; display: -webkit-flex; flex-wrap: wrap; list-style-type: none; justify-content: space-between; }
.solutions-wrapper li { width: 49%; margin-bottom: 40px; }
#about{ width:1380px; margin:0 auto;}
@media (max-width:480px) {
	#flash {
    margin-top: 64px;
}
#about{ width:100%;}
.li_list span{ position:static;}
.solution-sell.s-3,
  .solution-sell.s-2 { width: 100%; padding-bottom: 80%; }
  .solution-text h4 { font-size: 16px; }
  .solution-text { bottom: 30px; left: 30px; right: 30px; }
  .solutions-wrapper li { width: 100%; }
  .solutions-center { padding-top: 40px; }
}
.serv-content{ padding-top:30px;}
.serv-content h4{ font-size: 28px;
    font-weight: normal;
    margin-bottom: 35px;
    line-height: 44px;}
.serv-content p{ line-height:36px;}
.section_head { text-align: center; font-size: 15px; color: #999; margin: 50px 0; }
.section_head h4 { font-size: 28px; color: #333; font-weight: normal; margin-bottom: 20px; }
.section_head p { margin-top: 30px; }
.red-line {
    width: 60px;
    height: 2px;
    background: #000;
    margin: 15px auto 0;
}
.service3 { margin-top: 65px; display: flex; display: -webkit-flex; }
.service3_item { box-sizing: border-box; width: 50%; position: relative; border-right: 1px solid transparent; overflow: hidden; }
.service3_item img { -webkit-transition: transform 0.4s; -o-transition: transform 0.4s; transition: transform 0.4s; }
.service3_item:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.service3_item_text { font-size: 15px; position: absolute; bottom: 48px; left: 48px; right: 48px; color: #fff; }
.service3_item_text h4 { font-size: 28px; font-weight: normal; margin-bottom: 20px; }
.serviced_list{ margin-bottom:30px;}
.serviced_list .col-md-4 img { width: 141px; display: inline-block; vertical-align: top; float:left; }
.serviced_list .col-md-4 .imgbg { width: 141px; display: inline-block; vertical-align: top; float:left; }
.serviced_list .col-md-4 .imgbg .img { display: block; width: 100%; height: 0; padding-top: 136.45%; background: no-repeat center; background-size: cover; }
.serviced_list .col-md-4 .item_desc { display: inline-block; vertical-align: top; width: calc(100% - 141px); font-size: 14px; float:right; }
.servd_bg{    padding: 25px;
    background: #f8f8f8;
    border: 1px solid #eee;
    box-sizing: border-box;}
.item_desc { padding-left: 30px; }
.item_desc h5 { font-size: 16px; font-weight: normal; line-height: 34px; height: 68px; overflow: hidden; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.btns { margin-top: 45px; }
.banner .btnsBox .btns {margin-top: 0px;}
.btns a { line-height: 24px; display: inline-block; padding-left: 28px; color: #666; }
.item_desc .btns a { font-size: 15px; }
.icon_download { background: url(../images/icon-download.png) no-repeat left top; }
.icon_book { background: url(../images/icon-book.png) no-repeat left top; margin-left: 40px; }