*{padding:0;margin:0;font-family: "Microsoft YaHei", "PingFang SC", "SanFrancisco";list-style: none;text-decoration: none;border: none;}

.container{

	width: 1300px;

	margin:0 auto;

}

html{overflow-x:hidden;}

body{

	background: #fff;

	color: #333333;

	font-size: 14px;

	min-width: 1300px;

	letter-spacing: 0.02em;

}

a{

	outline: none;

	color: #333333;

}

a:hover{

	color: #0067ED;

}

.df{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	flex-wrap: wrap;

}



/* color */









/* head */

.head{

	position: fixed;

	padding: 26px 0;

	width: 100%;

	z-index: 999;

	top: 0;

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

}

.head .container{

	justify-content: space-between;

	align-items: center;

}

.head .logo{

	width: 145px;

	height: 40px;



}
.head .logo a img{
	width: 135px;
	display: block;
}
.head .nav a{

	font-size: 16px;

	line-height: 24px;

	color: #fff;

	margin-left: 80px;

}

.head .nav a.hover{

	color: #0067ED;

}

.navbox{

	align-items: center;

}

.navbox .search_btn{

	color: #fff;

	background: url(../image/search.svg) no-repeat left center;

	padding-left: 32px;

	margin-left: 120px;

	cursor: pointer;

}





/* head_n */



.head_n .nav a,.head.mini .nav a{

	color: #666666;

}

.head_n .navbox .search_btn,.head.mini .navbox .search_btn{

	color: #666666;

	background: url(../image/search2.svg) no-repeat left center;

}



/*.head_mini*/

.head.mini{

	background: #fff;

	box-shadow: 0 2px 5px rgba(57,47,63,.06);

	padding: 10px 0;

}



/* banner */

.banner .container-content{

	position: relative;

	height: 620px;

	z-index: 1;

}

.banner canvas {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

}

.banner .container-content {

	background-color: #0067ED;

}

.banner .swiper-slide {

	padding-top: 189px;

	box-sizing: border-box;

	position: relative;

    text-align: center;

    color: #FFFFFF;

}



.banner .info p{

	font-weight: 600;

	font-size: 68px;

	line-height: 95px;

	position: relative;

	z-index: 2;

	pointer-events: none;

}

.banner .info p span{

	color: #FFCD00;

}

.banner .info small{

	font-size: 20px;

	line-height: 24px;

	margin-top: 12px;

	display: block;

	position: relative;

	z-index: 2;

	pointer-events: none;

}

.banner .info .btn{

	justify-content: center;

	margin-top: 58px;

}

.banner .info .btn a{

	width: 189px;

	line-height: 52px;

	border-radius: 40px;

	text-align: center;

	font-size: 16px;

	display: block;

	position: relative;

	z-index: 2;

}

.banner .info .btn a span{

	z-index: 2;

	position: relative;

}

.banner .info .btn a:hover span{

	color: #fff;

}

.banner .info .btn a:first-child{

	background: #fff;

	color: #0067ED;

	margin-right: 40px;

}

.banner .info .btn a:first-child+a{

	background: rgba(255, 255, 255, 0.2);

	color: #fff;

}

.banner .info .btn a::before{

	content: " ";

	display: block;

	width: 0;

	height: 52px;

	position: absolute;

	left: 50%;

	background: #FFCD00;

	opacity: 0;

	transition: .3s ease-out;

	z-index: 1;

	border-radius: 0;

}

.banner .info .btn a:hover::before{

	width: 210px;

	opacity: 1;

	left: -10px;

	border-radius: 40px;

}

.banner .ban-next,.banner .ban-prev{

	color: #fff;

	opacity: 1;
	border: none;
	outline: none;

}

.banner .ban-prev{

	left: 50%;

	margin-left: -478px;

}

.banner .ban-next{

	right: 50%;

	margin-right: -478px;

}

.banner .ban-next::after,.banner .ban-prev::after{

	font-size: 28px;

	font-weight: bold;

}



/* 首页number */

.mcounter{

	text-align: center;

	border-bottom: 1px solid #F6F6F6;

}

.mcounter ul{

	height: 226px;

	align-items: center;

}

.mcounter span{

	font-size: 58px;

	line-height: 63px;

	animation: motion-blur-number-0 .65s cubic-bezier(0,0,.17,1) 0s 1 normal backwards;

}

.mcounter .wow{

	-webkit-animation-name: fadeInUp;

	animation-name: fadeInUp;

	visibility: hidden;

}

.mcounter ul{

	justify-content: space-around;

}

.mcounter ul li i{

	display: block;

	text-align: center;

	font-style: normal;

	color: #999999;

	line-height: 20px;

	margin-top: 8px;

}

.mcounter ul li p{

	display: inline-block;

	position: relative;

	letter-spacing: -2px;

}

.mcounter ul li p::after{

	content: "+";

	position: absolute;

	color: #999999;

	font-size: 14px;

	right: -20px;

	top: 5px;

}

.mcounter ul li:first-child p::after{

	content: "年";

}

@-webkit-keyframes motion-blur-number-0 {

 	0% {

  		opacity:0;

  		color:rgba(51,51,51,.2);

  		text-shadow:0 10px 0 rgba(51,51,51,.2),0 20px 0 rgba(51,51,51,.2),0 33.3333333333px 0 rgba(51,51,51,.2),0 40px 0 rgba(51,51,51,.2),0 50px 0 rgba(51,51,51,.2),0 -10px 0 rgba(51,51,51,.2),0 -20px 0 rgba(51,51,51,.2),0 -33.3333333333px 0 rgba(51,51,51,.2),0 -40px 0 rgba(51,51,51,.2),0 -50px 0 rgba(51,51,51,.2);

  		transform:translateZ(0) translateY(-100%);

  		-webkit-transform:translateZ(0) translateY(-100%)

 	}

 	33% {

  		opacity:1

 	}

 	to {

  		color:#333;

  		text-shadow:none;

  		transform:translateZ(0) translateY(0);

  		-webkit-transform:translateZ(0) translateY(0)

 	}

}

@keyframes motion-blur-number-0 {

 	0% {

  		opacity:0;

  		color:rgba(51,51,51,.2);

  		text-shadow:0 10px 0 rgba(51,51,51,.2),0 20px 0 rgba(51,51,51,.2),0 33.3333333333px 0 rgba(51,51,51,.2),0 40px 0 rgba(51,51,51,.2),0 50px 0 rgba(51,51,51,.2),0 -10px 0 rgba(51,51,51,.2),0 -20px 0 rgba(51,51,51,.2),0 -33.3333333333px 0 rgba(51,51,51,.2),0 -40px 0 rgba(51,51,51,.2),0 -50px 0 rgba(51,51,51,.2);

  		transform:translateZ(0) translateY(-100%);

  		-webkit-transform:translateZ(0) translateY(-100%)

 	}

 	33% {

  		opacity:1

 	}

 	to {

  		color:#333;

  		text-shadow:none;

  		transform:translateZ(0) translateY(0);

  		-webkit-transform:translateZ(0) translateY(0)

 	}

}



/* 首页案例 */

.indextit{

	text-align: center;

}

.indextit span{

	font-size: 42px;

	line-height: 59px;

}

.indextit p{

	color: #999999;

	line-height: 20px;

	margin-top: 16px;

}

.case{

	margin-top: 120px;

}

.case_tab{

	justify-content: center;

	margin-top: 70px;

}

.case_tab a{

	align-items: center;

	margin: 0 30px;

}

.case_tab a.tab1{

	width: 220px;

	height: 52px;

	background: #0067ED;

	box-shadow: 0px 5px 14px rgba(22, 47, 213, 0.36);

	border-radius: 40px;

	justify-content: center;

}

.case_tab a.tab1 span{

	font-size: 16px;

	line-height: 24px;

	color: #fff;

	margin-right: 8px;

}

.case_tab a.tab2 span{

	color: #999999;

	font-size: 16px;

	line-height: 24px;

	margin-left: 14px;

}

.case_tab a.tab2 img{

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

}

.case_tab a.tab2:hover img{

	transform: rotate(180deg);

}

.case ul{

	justify-content: space-between;

	margin-top: 66px;

}

.case ul::after{

	content: " ";

	width: 400px;

}

.case li{

	width: 400px;

	margin-bottom: 80px;

	position: relative;

}

.case ul li:first-child{

    animation-delay: 0s;

}

.case ul li:first-child+li{

    animation-delay: 0.1s;

}

.case ul li:first-child+li+li{

    animation-delay: 0.2s;

}

.case ul li:first-child+li+li+li{

    animation-delay: 0s;

}

.case ul li:first-child+li+li+li{

    animation-delay: 0.1s;

}

.case ul li:first-child+li+li+li+li{

    animation-delay: 0.2s;

}

.case li .box{

	width: 400px;

	height: 236px;

	overflow: hidden;

	border-radius: 8px;

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

}

.case li:hover .box{

	box-shadow: 0 20px 40px 0 rgba(0,0,0,.3);

}

.case li .box img{

	width: 100%;

}

.case li h3{

	font-weight: normal;

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

	font-size: 16px;

	line-height: 24px;

	margin-top: 24px;

	color: #333333;

	padding: 0 10px;

}

.case li span{

	color: #999999;

	margin-top: 8px;

	display: block;

	padding: 0 10px;

}

.case li i{

	display: block;

	position: absolute;

	color: #fff;

	font-style: normal;

	width: 216px;

	line-height: 40px;

	text-align: center;

	background: #2E47EF;

	box-shadow: 0px 5px 14px rgba(22, 47, 213, 0.6);

	border-radius: 40px;

	bottom: 30px;

	left: 50%;

	margin-left: -108px;

	opacity: 0;

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

}

.case li:hover i{

	opacity: 1;

	bottom: 55px;

}

.case a.more{

	background: #FFFFFF;

	box-shadow: 0px 5px 14px rgba(48, 49, 51, 0.14);

	border-radius: 40px;

	width: 268px;

	height: 46px;

	color: #999999;

	font-size: 16px;

	margin: 0 auto;

	align-items: center;

	justify-content: center;

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

}

.case a.more:hover{

	background: #0067ED;

	color: #fff;

}

.case .in{

	padding: 10px 40px 40px;

	width: 714px;

	box-sizing: border-box;

	box-shadow: 0 20px 40px 0 rgba(0,0,0,.2);

	background-color: #fff;

	border-radius: 20px;

	position: absolute;

	left: 50%;

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

	transform: translateX(-50%) scale(.9);

	z-index: 6;

	opacity: 0;

	visibility: hidden;

}

.case .in .inbox{

	padding-bottom: 20px;

}

.case .in .in_tit{

	font-size: 30px;

	line-height: 130px;

} 

.case .in .intab a{

	line-height: 42px;

	width: calc(20% - 10px);

	color: #666;

	border: 1px solid #f0f0f0;

	margin-right: 10px;

	margin-bottom: 10px;

	border-radius: 3px;

	text-align: center;

	box-sizing: border-box;

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

}

.case .in .intab a:hover{

	background: #0067ED;

	color: #fff;

	border-color: #0067ED;

}

.case .in.show{

	transform: translateX(-50%) scale(1);

	opacity: 1;

	visibility: visible;

}





#case{

	margin-top: 120px;

}

#case .module_container {

 background-color:#f8f8f8;

 padding-top: 120px;

}

#case .container_header {

 padding:6.7708333333vw 0 5.3125vw;

 text-align:center;

 position:relative

}

#case .container_header .title {

 font-size:48px;

 line-height:76px;

 color:#000

}

#case .container_header .subtitle {

 font-size:16px;

 line-height:42px;

 color:#999

}

#case .container_category {

width:1200px;

 margin:0 auto;

 padding:0 90px;

 box-sizing:border-box;

 position:relative;

 margin-top: 70px;

}

#case .container_category .swiper-container{

	overflow: hidden;

}

#case .container_category a {

 position:relative;

 text-decoration:none;

 overflow:hidden;

 line-height:250%;

 text-align:center;

 width:auto;

 padding:0 36px;

 min-width:64px;

 border-radius:60px;

 transition:background .3s ease-out 0s,color .3s ease-out 0s,font .3s ease-out 0s;

 font-size:16px;

 line-height:50px;

 color:#333

}

#case .container_category a:before {

 position:absolute;

 top:0;

 left:0;

 right:0;

 bottom:0;

 margin:auto;

 content:"";

 border-radius:50%;

 display:block;

 width:10em;

 height:10em;

 background-color:#333;

 left:50%;

 transform:translateX(-50%) scale(.2);

 opacity:0;

 text-align:center;

 transition:all .4s ease-out;

 z-index:-1

}

#case .container_category a:hover:before {

 opacity:1;

 transform:translateX(-50%) scale(1)

}

#case .container_category a:hover {

 color:#fff

}

#case .container_category a:hover.end-mask,

#case .container_category a:hover.start-mask {

 -webkit-text-fill-color:initial

}

#case .container_category a.swiper-slide-active {

 background-color:#333;

 font-size:15px;

 color:#fff

}

#case .container_category a.start-mask {

 background:linear-gradient(270deg,#000,#f8f8f8);

 -webkit-text-fill-color:transparent;

 -webkit-background-clip:text;

 background-clip:text;

 -webkit-animation:masked-animation-left .186s ease-out;

 animation:masked-animation-left .186s ease-out;

 -webkit-animation-fill-mode:forwards;

 animation-fill-mode:forwards

}

#case .container_category a.end-mask {

 background:linear-gradient(90deg,#000,#f8f8f8);

 -webkit-text-fill-color:transparent;

 -webkit-background-clip:text;

 background-clip:text;

 -webkit-animation:masked-animation-right .186s ease-out;

 animation:masked-animation-right .186s ease-out;

 -webkit-animation-fill-mode:forwards;

 animation-fill-mode:forwards

}

#case .container_category .swiper-button,#case .container_category .swiper-button:active {
	outline:none;

 width:46px;

 height:46px;

 border-radius:50%;

 border:2px solid #999;

 top:0;

 margin:0

}

#case .container_category .swiper-button-prev {

 left:0

}

#case .container_category .swiper-button-prev:after {

 speak:none;

 font-style:normal;

 font-weight:400;

 font-variant:normal;

 text-transform:none;

 font-size:14px;

 line-height:1;

 color:inherit;

 text-rendering:auto;

 -webkit-font-smoothing:antialiased

}

#case .container_category .swiper-button-next {

 right:0

}

#case .container_category .swiper-button-next:after {

 speak:none;

 font-style:normal;

 font-weight:400;

 font-variant:normal;

 text-transform:none;

 font-size:14px;

 line-height:1;

 color:inherit;

 text-rendering:auto;

 -webkit-font-smoothing:antialiased

}

#case .container_category .swiper-button:after {

 font-size:18px;

 line-height:50px;

 color:#999

}

#case .container_content {

 position:relative

}

#case .content_images .swiper-container {

 cursor:-webkit-grab;

 cursor:grab

}

#case .content_images .content_wrapper {

 padding: 80px 0 270px;

}

#case .content_images .content_wrapper .item_block {

 position:relative;

 width:38%

}

#case .content_images .content_wrapper .item_block .item_img {

 position:relative;

 padding-top:59%

}

#case .content_images .content_wrapper .item_block .item_img img {

 position:absolute;

 top:0;

 left:0;

 width:100%

}

#case .content_images .content_wrapper .item_block:hover .pro-mask {

 bottom:35px;

 opacity:1

}

#case .content_images .content_wrapper .item_block:hover .qrcode_btn {

 bottom:30px;

 opacity:1

}

#case .content_images .content_wrapper .item_block .item_img {

 border-radius:15px;

 box-shadow:0 30px 60px 0 rgba(0,0,0,.3);

 overflow:hidden

}

#case .content_images .content_wrapper .item_block .pro-mask {

 position:absolute;

 left:50%;

 margin-left: -288px;

 bottom:0;

 width:576px;

 padding:4px;

 box-sizing:border-box;

 background-color:#fff;

 border-radius:40px;

 text-align:center;

 box-shadow:0 20px 40px 0 rgba(0,0,0,.3);

 opacity:0;

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

}

#case .content_images .content_wrapper .item_block .pro-mask a {

 width:calc(100% - 3px);

 text-align:center;

 font-size:14px;

 line-height:34px;

 color:#fff;

 border-radius:40px;

 display:inline-block;

 transition:all .3s ease-out 0s

}

#case .content_images .content_wrapper .item_block .pro-mask a.preview {

 background-color: #0067ED;

}

#case .content_images .content_wrapper .item_block .pro-mask a.preview:hover {

 background-color:#2E47EF;

}

#case .content_images .content_wrapper .item_block .pro-mask a.pro-details {

 background-color:rgba(52,205,139,.8)

}

#case .content_images .content_wrapper .item_block .pro-mask a.pro-details:hover {

 background-color:#34cd8b

}

#case .content_images .content_wrapper .item_block .qrcode_btn {

 width:50px;

 height:50px;

 border-radius:100%;

 background-color:#fff;

 box-shadow:0 20px 40px 0 rgba(0,0,0,.3);

 text-align:center;

 position:absolute;

 right:4%;

 bottom:0;

 cursor:pointer;

 opacity:0;

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

}

#case .content_images .content_wrapper .item_block .qrcode_btn:hover .qrcode_wrapper {

 opacity:1;

 visibility:visible;

 transform:translateY(0)

}

#case .content_images .content_wrapper .item_block .qrcode_btn .iconfont {

 font-size:18px;

 line-height:50px;

 color:#000

}

#case .content_images .content_wrapper .item_block .qrcode_btn .qrcode_wrapper {

 position:absolute;

 right:-88px;

 bottom:72px;

 padding:26px 22px 4px;

 width:176px;

 background-color:#fff;

 border-radius:5px;

 box-shadow:0 20px 40px 0 rgba(0,0,0,.2);

 text-align:center;

 opacity:0;

 visibility:hidden;

 transform-origin:center bottom;

 transform:translateY(-20px);

 transition:all .3s cubic-bezier(.16,.57,0,.76)

}

#case .content_images .content_wrapper .item_block .qrcode_btn .qrcode_wrapper .text {

 font-size:14px;

 line-height:54px;

 color:#666

}

#case .content_images .content_wrapper .button-wrapper {

 width:50%;

 height:100%;

 position:absolute;

 top:0

}

#case .content_images .content_wrapper .button-wrapper.prev {

 left:0

}

#case .content_images .content_wrapper .button-wrapper.next {

 right:0

}

#case .content_images .content_wrapper .button-wrapper:hover [class*=swiper-button] {

 opacity:1;

 visibility:visible

}

#case .content_images .content_wrapper [class*=swiper-button] {

 color:#666;

 top:47%;

 opacity:0;

 visibility:hidden;

 transition:all .3s ease-out 0s

}

#case .content_images .content_wrapper [class*=swiper-button]:after {

 font-size:40px

}

#case .content_images .content_wrapper .swiper-button-prev {

 left:47%

}

#case .content_images .content_wrapper .swiper-button-next {

 right:47%

}

#case .content_images .content_wrapper .swiper-pagination {

 color:#999;

 position:absolute;

 bottom:150px;

 font-size:0

}

#case .content_images .content_wrapper .swiper-pagination:after {

 content:"";

 width:20px;

 height:1px;

 background-color:#999;

 position:absolute;

 top:50%;

 left:50%;

 transform:translate3d(-50%,-50%,1px) rotate(-62deg)

}

#case .content_images .content_wrapper .swiper-pagination span {

 font-size:18px;

 display:inline-block;

 padding:0 16px

}

#case .content_images .content_wrapper .swiper-pagination .swiper-pagination-current {

 color:#333;

 transform:translateY(-17px)

}

#case .content_images .content_wrapper .swiper-pagination .swiper-pagination-total {

 transform:translateY(17px)

}

#case .content_info {

 width:45.5%;

 position:absolute;

 top:6.8vw;

 left:50%;

 transform:translateX(-50%);

 z-index:1;

 pointer-events:none;

 -webkit-user-select:none;

 -moz-user-select:none;

 user-select:none;

 opacity:1;

 visibility:visible;

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

}

#case .content_info.visible {

 opacity:0;

 visibility:hidden

}

#case .content_info .item_block {

 display:flex;

 justify-content:space-between;

 align-items:center;

 height: 200px;

 position:relative;

 pointer-events:none;

 -webkit-user-select:none;

 -moz-user-select:none;

 user-select:none

}

#case .content_info .item_block.swiper-slide-duplicate {

 opacity:0

}

#case .content_info .item_block.swiper-slide-active .subtitle .text,

#case .content_info .item_block.swiper-slide-active .title .text {

 transform:translateY(0)

}

#case .content_info .item_block.swiper-slide-active .title .text {

 transition-delay:.3s

}

#case .content_info .item_block.swiper-slide-active .subtitle .text {

 transition-delay:.4s

}

#case .content_info .item_block .item_info {

 position:absolute;

 left:0;

 bottom:0;

 width:100%

}

#case .content_info .item_block .text {

 display:inline-block;

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

 transform:translateY(100%)

}

#case .content_info .item_block .title {

 width:100%;

 overflow:hidden

}

#case .content_info .item_block .title .text {

 font-size:40px;

 line-height:62px;

 color:#333

}

#case .content_info .item_block .subtitle {

 overflow:hidden

}

#case .content_info .item_block .subtitle .text {

 font-size:14px;

 line-height:28px;

 color:#999

}

#case .content_info .item_block .item_index {

 position:absolute;

 top:0;

 right:0

}

#case .content_info .item_block .current_num {

 font-size:6vw;

 line-height:1;

 color:#444

}

#case .content_info .item_block .item_des {

 font-size:16px;

 line-height:34px;

 color:#999;

 width:60%;

 display:none

}



#case .container_header .title { color: #333; }

#case .content_info { bottom: 120px;top: auto;}

#case .content_info .item_block .title, #case .content_info .item_block .subtitle { text-align: center; }

#case .content_info .item_block { height: 200px; }

#case .content_info .item_block .title .text { font-size: 32px; line-height: 60px; }

#case .content_images .content_wrapper .swiper-pagination, #case .content_images .content_wrapper .swiper-pagination span { display: none; }

#case .content_info .item_block .current_num { -webkit-text-stroke: 1px #ffffff; text-stroke: 1px #ffffff; color: rgba(0,0,0,.05); }

#case .content_info .item_block .item_index { top: auto; right: 96px; bottom: 93px; }

#case .container_category a { color: #666; }

#case .container_category a.end-mask { background: linear-gradient(90deg, #666, #f8f8f8); -webkit-text-fill-color: transparent; -webkit-background-clip: text; }

#case .container_category a.start-mask { background: linear-gradient(270deg, #666, #f8f8f8); -webkit-text-fill-color: transparent; -webkit-background-clip: text; }

#case .container_category a.swiper-slide-active { background-color: #0067ED; }

#case .container_header { padding: 6vw 0 3vw; }



.cus{

	margin-top: 120px;

}

.cus-sw{

	padding-top: 80px;

	padding-bottom: 208px;

	/*cursor: -webkit-grab;*/

	/*cursor: grab;*/

}

.cus-sw .swiper-slide{

	width: 47%;

	background: #FFFFFF;

	box-shadow: 0px 24px 60px rgba(48, 49, 51, 0.26);

	border-radius: 8px;

	height: 300px;

	padding-top: 44px;

	box-sizing: border-box;

	padding-left: 60px;

}

.cus-sw .swiper-slide .box{

	width: 180px;

	height: 180px;

	border-radius: 100%;

	overflow: hidden;

	margin-right: 56px;

}

.cus-sw .swiper-slide .box img{

	width: 100%;

}

.cus-sw .swiper-slide .info{

	width: 55%;

	margin-top: 7px;

}

.cus-sw .swiper-slide .info span{

	display: block;

	font-size: 26px;

	line-height: 36px;

}

.cus-sw .swiper-slide .info i{

	display: block;

	font-style: normal;

	color: #666666;

	line-height: 20px;

	margin-top: 2px;

}

.cus-sw .swiper-slide .info p{

	color: #666666;

	line-height: 220%;

	margin-top: 32px;

}

.cus-sw .swiper-pagination-bullet{

	width: 10px;

	height: 10px;

	border-radius: 100%;

	opacity: 1;

	margin: 0 6px !important;

	position: relative;

	background: 0;

}

.cus-sw .swiper-pagination-bullet::after{

	content: " ";

	display: block;

	width: 6px;

	height: 6px;

	background: #EBEBEB;

	border-radius: 100%;

	position: absolute;

	left: 50%;

	margin-left: -3px;

	top: 50%;

	margin-top: -3px;

}

.cus-sw .swiper-pagination{

	bottom: 120px;

}

.cus-sw .swiper-pagination-bullet-active{

	background: #333333;

}

.cus-sw .swiper-pagination-bullet-active::after{

	background: #fff;

}



.footer{

	background: #F8F8F8;

}

.footer .container{

	height: 230px;

	align-items: center;

	justify-content: space-between;

}

.footer .fnav a{

	color: #666666;

	font-size: 15px;

	line-height: 21px;

	margin-right: 55px;

}

.footer .copy{

	color: #999999;

	font-size: 12px;

	line-height: 200%;

	margin-top: 32px;

}

.footer .copy a{

	color: #999999;

}

.footer .fright{

	align-items: center;

}

.footer .fright .ftell span{

	display: block;

	font-size: 26px;

	line-height: 28px;

	font-weight: bold;

}

.footer .fright .ftell p{

	color: #999999;

	font-size: 13px;

	line-height: 18px;

	margin-top: 8px;

}

.footer .fright .ewm{

	margin-left: 84px;

}

.footer .fright .ewm img{

	width: 80px;

}

.footer .fright .ewm p{

	color: #999999;

	margin-top: 6px;

	text-align: center;

	font-size: 13px;

	line-height: 18px;

}



/* mould */

.mould_top{

	margin-top: 170px;

	justify-content: space-between;

	align-items: center;

}

.mould_top_left span{

	display: block;

	font-size: 16px;

line-height: 22px;

}

.mould_top_left p{

	font-size: 56px;

	line-height: 78px;

	color: #111111;

}

.mould_top_right{

	width: 600px;

}

.mould_top_right p{

	color: #666666;

	line-height: 26px;

}



.mould{

	margin-top: 120px;

}

.mould .mould_left{

	height: 700px;

}

.mould_r{

	width: 1080px;

}

.mould_r ul.mould_list{

	justify-content: space-between;

}

.mould_r ul.mould_list::after{

	content: " ";

	width: 328px;

}

.mould_r .mould_list li{

	width: 328px;

	position: relative;

	margin-bottom: 60px;

}

.mould_r .mould_list li .box{

	height: 194px;

	overflow: hidden;

	border-radius: 8px;

}

.mould_r .mould_list li .box img{

	width: 100%;

	display: block;

}

.mould_r .mould_list li h3{

	font-size: 16px;

	line-height: 24px;

	display: block;

	margin-top: 24px;

	font-weight: normal;

}

.mould_r .mould_list li span{

	display: block;

	color: #999999;

	font-size: 12px;

	line-height: 18px;

	margin-top: 8px;

}

.mould_r .mould_list li i {

  display: block;

  position: absolute;

  color: #fff;

  font-style: normal;

  width: 216px;

  line-height: 40px;

  text-align: center;

  background: #2E47EF;

  box-shadow: 0px 5px 14px rgba(22, 47, 213, 0.6);

  border-radius: 40px;

  bottom: 30px;

  left: 50%;

  margin-left: -108px;

  opacity: 0;

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

}

.mould_r .mould_list li:hover i {

  opacity: 1;

  bottom: 55px;

}





/* 精品推荐案例 */

.c_top{

	font-size: 68px;

	line-height: 95px;

	text-align: center;

	margin-top: 170px;

}

.c_list{

	margin-top: 60px;

}

.c_list li{

	justify-content: space-between;

	margin-bottom: 120px;

}

.c_list li .box{

	width: 780px;

	height: 455px;

	overflow: hidden;

	border: 5px solid #333333;

	border-radius: 18px;

	background: #333333;

	box-shadow: 0 45px 80px -24px #8591a0;

}

.c_list li .box img{

	width: 100%;

}

.c_list li .info{

	width: 433px;

	margin-top: 20px;

}

.c_list li .info span{

	display: block;

	color: #000000;

	font-size: 42px;

	line-height: 59px;

}

.c_list li .info i{

	font-style: normal;

	color: #999999;

	line-height: 20px;

	margin-top: 4px;

	display: block;

}

.c_list li .info p{

	color: #666666;

	font-size: 15px;

	line-height: 200%;

	margin-top: 50px;

}

.c_list li .info .yl{

	margin-top: 90px;

	align-items: center;

	justify-content: space-between;

}

.c_list li .info .yl a{

	width: 204px;

	line-height: 60px;

	text-align: center;

	border-radius: 40px;

	font-size: 16px;

}

.c_list li .info .yl a:first-child{

	background: #0067ED;

	color: #fff;

}

.c_list li .info .yl a.btn{

	border: 1px solid #CCCCCC;

	position: relative;

	overflow: hidden;

}

.c_list li .info .yl a.btn:hover{

	overflow: visible;

}

.c_list li .info .yl a.btn .ewmbox{

	padding: 20px;

	border-radius: 12px;

	background: #fff;

	width: 220px;

	height: 220px;

	position: absolute;

	bottom: 120px;

	box-shadow: 0 20px 40px 0 rgba(0,0,0,.2);

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

	box-sizing: border-box;

	opacity: 0;

	left: -8px;

}

.c_list li .info .yl a.btn:hover .ewmbox{

	opacity: 1;

	bottom: 80px;

}

.c_list li .info .yl a.btn .ewmbox img{

	width: 100%;

}



/* bodyteam */

.bodyteam::before{

	content: " ";

	display: block;

	width: 100%;

	background: #F5F5F5;

	height: 510px;

	position: absolute;

	left: 0;

	top: 0;

	z-index: -1;

}

.team_list ul{

	margin-top: 100px;

	justify-content: space-between;

}

.team_list ul li{

	width: 630px;



	background: #fff;

	padding: 60px 70px;

	box-sizing: border-box;

	box-shadow: 0px 18px 45px rgba(48, 49, 51, 0.1);

	border-radius: 8px;

	margin-bottom: 40px;

}

.team_list ul li .team_list_top{

	align-items: center;

}

.team_list ul li .team_list_top .box{

	width: 140px;

	height: 140px;

	overflow: hidden;

	margin-right: 40px;

}

.team_list ul li .team_list_top .box img{

	width: 100%;

}

.team_list_top_r span{

	display: block;

	font-size: 26px;

	line-height: 36px;

}

.team_list_top_r p{

	color: #666666;

	line-height: 20px;

	margin-top: 2px;

}

.team_list ul li .info{

	margin-top: 29px;

}

.team_list ul li .info p{

	color: #666666;

	line-height: 220%;

}



/* 案例展示 */

.body_show_case{

	background: #F5F5F5;

	padding: 0 20px;

}

.show_case_top{

	height: 70px;

	align-items: center;

	justify-content: space-between;

}

.show_case_top .pc a.link{

	color: #666666;

	font-size: 12px;

	line-height: 24px;

	margin-left: 20px;

}

.show_case_top .show_logo{

	display: block;

	width: 145px;

	height: 40px;

	background: url(../image/logo.png) no-repeat center;

	background-size: 145px;

}

.show_case_top .next a{

	width: 112px;

	line-height: 40px;

	border: 1px solid #EBEBEB;

	border-radius: 25px;

	background: #fff;

	text-align: center;

	margin-left: 20px;

}



.iframe{

	height: calc(100vh - 90px);

	border-radius: 5px;

	background-color: #fff;

	box-shadow: 0 20px 40px 0 rgba(0,0,0,.2);

	overflow: hidden;

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

	position: relative;

	z-index: 1;

	margin: 0 auto;

}

.iframe .box{

	width: 100%;

	height: 100%;

}

.iframe .box2{

	display: none;

}

.iframe iframe{

	width: 100%;

	height: 100%;

	border-radius: 5px;

	overflow: hidden;

	position: relative;

	z-index: 10;

}



.switch a{

	display: block;

	width: 28px;

	height: 28px;

	margin-right: 20px;

}

.pcbox .switch a.showpc{

	background: url(../image/pc.png) no-repeat center;

	background-size: 28px;

}

.pcbox .switch a.showwap{

	background: url(../image/wap2.png) no-repeat center;

	background-size: 24px;

}

.wapbox .switch a.showpc{

	background: url(../image/pc2.png) no-repeat center;

	background-size: 28px;

}

.wapbox .switch a.showwap{

	background: url(../image/wap.png) no-repeat center;

	background-size: 24px;

}

.wapbox .iframe{

	background: none;

	box-shadow: none;

}

.wapbox .iframe .box1{

	display: none;

}

.wapbox .iframe .box2{

	padding: 48px 0 54px;

	width: 370px;

	border-radius: 30px;

	height: 560px;

	display: block;

	position: relative;

	background: #fff;

	margin: 0 auto;

	margin-top: 45px;

}

.wapewm{

	position: absolute;

	right: -260px;

	top: 0;

	width: 203px;

	height: 225px;

	padding: 9px 12px;

	box-sizing: border-box;

	background: #fff;

	box-shadow: 0px 18px 40px rgba(48, 49, 51, 0.24);

	top: 140px;

	

}

.wapewm img{

	display: block;

	max-width: 180px;

	margin: 0 auto;

}

.wapewm span{

	display: block;

	text-align: center;

	color: #999999;

	margin-top: 2px;

	line-height: 24px;

}

/* fenye */

.pager .pagination{

	display: -webkit-flex;

	display: -moz-flex;

	display: -ms-flex;

	display: -o-flex;

	display: flex;

	justify-content: flex-start;

	align-items: center;

	margin-bottom: 50px;

}

.pager .pagination li a,.pager .pagination span{

	padding: 0 19px;

	margin: 0 2px;

	line-height: 40px;

	display: block;

	background: #F6F6F6;

	border-radius: 2px;

}

.pager .pagination span{

	color: #777;

}

.pager .pagination li a:hover,.pager .pagination .active span{

	background: #333333;

	color: #fff;

}















/* 搜索 */







.searchview {

 position:absolute;

 width:100%;

 top:0;

 left:50%;

 z-index:2;

 background-color:#fff;

 box-shadow:0 20px 40px 0 rgba(0,0,0,.2);

 border-radius:0 0 10px 10px;

 transform:translate3d(-50%,-100%,1px);

 opacity:0;

 transition:transform .8s cubic-bezier(.2,1,.3,1),opacity .8s cubic-bezier(.2,1,.3,1)

}

.searchview .search_mask {

 position:absolute;

 top:0;

 left:0;

 right:0;

 bottom:0

}

.searchview .searchview_wrapper {

 min-width:1086px;

 width:57%;

 margin:0 auto;

 position:relative

}

.searchview .search_close {

 position:absolute;

 top:0;

 right:0;

 cursor:pointer

}

.searchview .search_close .search_close_wrapper {

 width:20px;

 height:100px;

 transition:all .3s ease-out 0s

}

.searchview .search_close .line {

 position:absolute;

 top:50%

}

.searchview .search_close .line .rect {

 width:24px;

 height:1px;

 background-color:#666;

 display:block

}

.searchview .search_close .line .top {

 transform:rotate(45deg)

}

.searchview .search_close .line .bottom {

 transform:rotate(-45deg)

}

.searchview .search_bar {

 position:relative;

 background-color:#fff;

 height:100px;

 line-height:100px;

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

 border-bottom:2px solid #595959;

 opacity:0;

 transform:scale(.8);

 transition:transform .8s cubic-bezier(.2,1,.3,1) .15s,opacity .8s cubic-bezier(.2,1,.3,1) .15s

}

.searchview .search_bar .searchform_input {

 width:calc(100% - 80px);

 padding:0 50px;

 font-size:18px;

 line-height:inherit;

 color:#333;

 border: none;

 outline: 0;

}

.searchview .search_bar .btn_submit {

 width:20px;

 position:absolute;

 top:0;

 left:0;

 height:100%;

 z-index:1;

 cursor:pointer;

 background: url(../image/search2.svg) no-repeat center;

}

.searchview .search_bar .btn_submit .iconfont {

 font-size:22px;

 line-height:inherit;

 color:#666;

 margin-top:-5px;

 display:inline-block

}

.searchview .search_keywords {

 background-color:#34cd8b;

 padding:20px 0 60px;

 background-color:#fff;

 border-radius:0 0 12px 12px

}

.searchview .search_keywords .history_word {

 position:relative

}

.searchview .search_keywords .history_word .clear_keyword {

 position:absolute;

 top:0;

 right:0;

 z-index:1;

 font-size:14px;

 line-height:52px;

 color:#b8ac96;

 cursor:pointer

}

.searchview .search_keywords .result_block:not(:last-child) {

 margin-bottom:24px

}

.searchview .search_keywords .result_block:first-child {

 -webkit-animation-delay:.52s;

 animation-delay:.52s

}

.searchview .search_keywords .result_block:nth-child(2) {

 -webkit-animation-delay:.56s;

 animation-delay:.56s

}

.searchview .search_keywords .result_block h4 {

 font-size:14px;

 line-height:52px;

 color:#999

}

.searchview .search_keywords .result_block .result_words {

 font-size:0

}

.searchview .search_keywords .result_block a {

 font-size:14px;

 line-height:28px;

 color:#666;

 border:1px solid #f0f0f0;

 border-radius:3px;

 display:inline-block;

 padding:0 18px;

 margin-right:10px;

 margin-bottom:20px;

 transition:all .3s ease-out 0s

}

.searchview .search_keywords .result_block a.active,

.searchview .search_keywords .result_block a:hover {

 background-color:#f0f0f0

}

.searchview .search_keywords h3 {

 font-size:14px;

 line-height:20px;

 color:#fff;

 -webkit-animation:ac-gn-searchresults-items-show .4s both;

 animation:ac-gn-searchresults-items-show .4s both;

 -webkit-animation-delay:.2s;

 animation-delay:.2s

}

.searchview .search_results {

 padding:24px 0 44px

}

.searchview .search_results .drop-list {

 font-size:14px;

 line-height:48px;

 color:#999

}

.searchview .search_results .drop-list li {

 text-indent:50px;

 cursor:pointer;

 transition:all .3s ease-out 0s

}

.searchview .search_results .drop-list li.active,

.searchview .search_results .drop-list li:hover {

 color:#333

}



#header.searchopen .searchview {

 transform:translate3d(-50%,0,1px);

 opacity:1

}

#header.searchopen .searchview .search_mask {

 height:100vh

}

#header.searchopen .searchview .search_bar {

 transform:scale(1);

 opacity:1

}



.seartit{

	font-size: 68px;

	line-height: 95px;

	text-align: center;

	margin-top: 170px;

	border-bottom: 1px solid #f0f0f0;

	padding-bottom: 60px;

}

.allresult{

	line-height: 100px;

	font-size: 16px;

}



.search_list{

	width: 100%;

}

.search_list .mould_list li{

	width: 300px;

}

.loadmore{

    width: 1300px;

    margin: 0 auto;

	margin-bottom: 30px;

}