@charset "UTF-8";

/* CSS Document */
/*
-----------------------------首页样式start-----------------------------
*/

.subPage{
	background: #f9f9f9;
}
/* 导航开始 */
.menuLeft{
	position: fixed;
	height: 95px;
	width: 540px;
	z-index: 1998;
	border-right: 1px solid rgba(51,51,51,0.5);
	border-bottom: 1px solid rgba(51,51,51,0.5);
}
.menuLogo{
	margin: 33px 36px 0;
}
.menuLogo img{
	height: 33px;
}
.menuIcon{
	float: left;
	display: inline;
	text-align: center;
	padding: 0 36px;
	color: #808080;
	font-size: 16px;
	line-height: 95px;
	cursor: pointer;
}
.menuIcon1{
	color: #333;
	font-size: 15px;
}


.topR{
	overflow: hidden;
}
.topBox {
	background: #ffffff;
	width: 100%;
	height: 95px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
	transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	visibility: hidden;
	opacity: 0;
}
.indexTop .topBox.show{
	visibility: visible;
	opacity: 1;
}
.topBox.active{
	transform: scale(0);
}
.logo {
	float: left;
	display: inline;
	margin-top: 32px;
	margin-left: 36px;
}
.logo img {
	height: 33px;
}
.logo .logo2{
	display: none;
}
.menuDl{
	float: left;
	display: inline;
	position: relative;
	overflow: hidden;
	margin-right: 20px;
}
.menuDl dd {
	float: left;
	display: inline;
	position: relative;
}

.menuDl dd .yj {
	overflow: hidden;
	margin: 0 28px;
}

.menuDl dd .yj a {
	overflow: hidden;
	display: block;
	height: 95px;
	line-height: 95px;
	text-align: center;
	font-size: 16px;
	color: #333333;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.menuDl dd.hover .yj a{
	color: #c2162f;
}
.menuDl dd .yj a:hover{
	color: #c2162f;
}
.search {
	float: left;
	width: 95px;
	height: 95px;
	color: #fff;
	text-align: center;
	line-height: 95px;
	position: relative;
	border-right: 1px solid rgba(51,51,51,0.5);
	border-left: 1px solid rgba(51,51,51,0.5);
}
.search i{
	display: block;
	width: 95px;
	height: 95px;
	background: url(../images/seachicon.png) no-repeat center center;
}
.menuBtn {
	float: left;
	padding: 0 36px;
	height: 95px;
	line-height: 95px;
	color: #333;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	border-right: 1px solid rgba(51,51,51,0.5);
	border-left: 1px solid rgba(51,51,51,0.5);
}
.menuBtn i{
	vertical-align: middle;
	display: inline-block;
	background: url(../images/menuicon.png) no-repeat center center;
	width: 28px;
	height: 18px;
	margin-top: -2px;
	margin-right: 12px;
}
.menuBtn1{
	color: #333333;
	border-right: 1px solid #c1c1c1;
	border-left: 1px solid #c1c1c1;
}
.menuBtn1 i{
	background: url(../images/menuicon1.png) no-repeat center center;
}
.searchInputDiv {
	margin: 0 auto;
	width: 600px;
	height: 44px;
	border-bottom: 1px rgba(0,0,0,0.4) solid;
	position: relative;
}
.searchInputDiv .searchInput {
	margin-right: 44px;
}
.searchInput input{
    display: block;
    height: 44px;
    width: 100%;
    border:none;
	padding-right:20px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
    background: none;
    font-size: 16px;
    color:#fff;
    line-height: 44px;
}
a.searchBt{
    display: block;
    width: 44px;
    height: 44px;
    background: url(../images/seachicon.png) no-repeat center center;
    line-height: 44px;
}
.searchBox {
	background: transparent;
	width: 100%;
	height: 95px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	transition: all 500ms linear;
	-webkit-transition: all 500ms linear;
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
	background: rgba(255,255,255,0.2);
}
.searchBox.active{
	visibility: visible;
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
}
.searchClose{ 
	position: absolute; 
	right: -80px;
	top: 0px;
	z-index: 1001;
	width: 48px;
	height: 48px;
	background: url(../images/close.png) no-repeat center center;
	background-size: auto 40px;
	visibility: hidden;
	opacity: 0;
	transform: scale(.5);
	-webkit-transform: scale(.5);
	transition: all 500ms;
	-webkit-transition: all 500ms;
}
.searchClose.active{
	visibility: visible;
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
}
/* subTop start */
.subTop .indexTop{
	height: 95px;
}
.subTop .topBox{
	visibility: visible;
	opacity: 1;
	box-shadow: 0 1px 3px 1px rgba(0,0,0,0.07);
}
.subTop .menuIcon {
    display: none;
}
/* menuBox start */
.menuBox{
	width: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: fixed;
	height: 100%;
	top: 0;
	right: 0;
	right: -100%;
	z-index: 20000;
	transition: all 0.4s linear;
	-wevkit-transition: all 0.4s linear;
}
.menubLogo{
	position: absolute;
	left: 36px;
	top: 36px;
}
.menubLogo img{
	height: 33px;
}
.menuBox.show{
	right: 0;
}
.menuClose a{
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	right: 36px;
	top: 36px;
	background: url(../images/close2.png) no-repeat center center;
}
.menuBoxCon{
	padding: 0 36px;
}
.menuBoxDl {
	margin-right: -110px;
}
.menuBoxDl dd{
	float: left;
	display: inline;
	width: 12.5%;
}
.menuBoxDl dd .con{
	margin-right: 110px;
}
.menuBoxDl dd .yj{
	line-height: 56px;
}
.menuBoxDl dd .yj a{
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.menuBoxDl dd .yj a:hover{
	color: #c2162f;
}
.menuBoxDl dd.hover .yj a{
	color: #c2162f;
}
.menuBoxDl dd .ejBox{
	line-height: 48px;
}
.menuBoxDl dd .ejBox a{
	position: relative;
	font-size: 18px;
	color: #333;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.menuBoxDl dd .ejBox a:before{
	position: absolute;
	display: block;
	content: '';
	left: 0;
	top: 50%;
	width: 0;
	height: 1px;
	background: #c2162f;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.menuBoxDl dd .ejBox.hover a{
	padding-left: 24px;
	color: #c2162f;
}
.menuBoxDl dd .ejBox.hover a:before{
	width: 16px;
}
.menuBoxDl dd .ejBox a:hover{
	padding-left: 24px;
	color: #c2162f;
}
.menuBoxDl dd .ejBox a:hover:before{
	width: 16px;
}
/* menuBox end */


/* 侧面导航 start */
.rightMenu {
	position: fixed;
	right: 42px;
	height: 380px;
	top: 50%;
	z-index: 99999;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.rightMenu .swiper-pagination{
	width: 15px;
}
.rightMenu .swiper-pagination span{
	margin: 25px 0;
	font-size: 14px;
	color: #333333;
	position: relative;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.rightMenu .swiper-pagination.show span{
	color: #fff;
}
.rightMenu .swiper-pagination-bullet {
    width: 20px;
	height: 10px;
    display: inline-block;
    opacity: 1;
	background: none;
}
.rightMenu .swiper-pagination span:before{
	display: block;
	content: '';
	width: 0;
	height: 2px;
	background: #808080;
	position: absolute;
	bottom: -2px;
	left: -28px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.rightMenu .swiper-pagination.show span:before{
	background: #fff;
}
.rightMenu .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before{
	width: 16px;
}
/* 侧面导航 end */

/* 首页滚屏公共样式 start */
.sectionBgBox {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: -1;
}
.sectionBgBox  .sectionBg1 {
	width: 110%;
	height: 400px;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: -10px;
	right: -10px;
	bottom: -50px;
} 
.sectionBgBox .sectionBg {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 100%;
	width: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}
.indexTitle .text {
	line-height: 62px;
	font-size: 40px;
	color: #0169a6;
}
.indexTitle .subText {
	line-height: 45px;
	font-size: 22px;
	color: #09bffd;
	font-family: "Gtpressura";
}
/* 首页滚屏start */
.indexSwiper {
	width: 100%;
	height: 100%;
}
.indexSwiper .indexContainer {
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	position: relative;
}
.indexSwiper .indexWrapper {
	transition: 1.5s ease-in-out 0.2s;
	-webkit-transition: 1.5s ease-in-out 0.2s;
}
.section1,.section2,.section3,.section4,.section5,.section6 {
	overflow: hidden;
}
.indexSwiper .indexContact {
	padding-top: 192px;
}
.indexSwiper .indexWrapper.active {
	transition: 0.5s linear 0.2s;
	-webkit-transition: 0.5s linear 0.2s;
}
/* 第一屏start */
.section1Swiper {
	width: 100%;
	height: 100%;
}
.section1Swiper .bannerTetxBox{
	height: 59%;
	position: relative;
}
.section1Swiper .swiper-container {
	width: 100%;
	height: 100%;
	position: relative;
}
.section1Swiper  .swiper-wrapper {
	width: 100%;
	height: 100%;
}
.section1Swiper  .swiper-wrapper .swiper-slide {
	width: 100%;
	height: 100%;
	transition-timing-function: cubic-bezier(0.6, 0.2, 0.2, 0.6);
	transition-delay: 0.4s;
}
.section1Swiper  .swiper-wrapper .swiper-slide a{
	display: block;
}
.section1Bg{
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	height: 100%;
	width: 100%;
	background-size: cover;
	z-index: -1;
}
.section1Container{
	overflow: hidden;
}
.section1Container .swiper-pagination{ 
	text-align: center; 
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	height: 28px;
	line-height: 28px;
	bottom: 112px;
	right: 0;
	overflow: hidden;
}
.swiper-pag1Box{
	overflow: hidden;
}
.section1Container .swiper-scrollbar {
    border-radius: 10px;
    -ms-touch-action: none;
    position: absolute !important;
    background: rgba(255,255,255,0.5);
    width: 225px;
    height: 1px;
    bottom: 126px;
    margin-top: -1px;
    transform-origin: center center;
    transition-duration: 0.3s;
    z-index: 2;
}
.section1Container .swiper-scrollbar-drag {
    height: 200%;
    width: 100%;
    position: relative;
    background: #fff;
    border-radius: 10px;
    left: 0;
    top: -1px;
}
.section1Container .swiper-pagination span{
	font-size: 14px;
	color: #fff;
	opacity: 1;
	position: relative;
	background: none !important;
	cursor: pointer;
	margin-left: 26px !important;
	width: 22px;
	display: inline-block;
	height: 28px;
}
.section1Container .swiper-pagination span.swiper-pagination-bullet-active{ 
	margin-right: 236px;
	font-weight: bold;
	font-size: 15px;
}
.swiper-button1{
	position: absolute;
	left: 0;
	bottom: 120px;
	overflow: hidden;
	height: 72px;
}
.section1Swiper .swiper-button-next{
	background-image: none;
	width: 68px;
	height: 68px;
	line-height: 68px;
	text-align: center;
	border-radius: 100%;
	border: 2px solid rgba(255,255,255,0.4);
	float: left;
	position: relative !important;
	top: 0 !important;
	right: 0 !important;
	margin-top: 0;
	color: #fff;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	font-size: 12px;
}
.section1Swiper .swiper-button-prev{
	position: relative !important;
	background-image: none;
	width: 68px;
	height: 68px;
	text-align: center;
	color: #fff;
	line-height: 68px;
	margin-right: 15px;
	border-radius: 100%;
	border: 2px solid rgba(255,255,255,0.4);
	float: left;
	top: 0 !important;
	right: 0 !important;
	margin-top: 0;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	font-size: 12px;
	margin-left: -9px;
}
.section1Swiper .swiper-button-prev.swiper-button-disabled ,.section1Swiper .swiper-button-next.swiper-button-disabled{
	display: none;
}
.bannerTetx{
	padding-bottom: 78px;
	position: absolute;
}
.bannerTetx .text1{
	color: #ffffff;
	line-height: 96px;
	font-size: 72px;
	font-weight: 400;
	text-shadow: 6px 4px 4px rgba(0,0,0,0.1);
	-webkit-text-shadow: 6px 4px 4px rgba(0,0,0,0.1);
}
.bannerTetx .text3{
	line-height: 54px;
	text-transform:uppercase;
	color: rgba(255,255,255,0.7);
	font-size: 32px;
	font-weight: lighter;
}
.section1Icon{
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 100%;
	text-align: center;
	font-size: 26px;
	color: #fff;
	border: 1px solid #fff;
	position: absolute;
	left: 50%;
	bottom: 42px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: 1;
	cursor: pointer;
}
.section1Icon:after{
	display: block;
	content: '';
	height: 32px;
	width: 1px;
	background: #fff;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom: -60px;
	animation: 2.5s heightDh linear infinite;
}
@keyframes heightDh{
	0%{
		height: 0;
		bottom: -10px;
	}
	30%{
		height: 32px;
	}
	60%{
		bottom: -100px;
	}
	100%{
		height: 0;
	}
}
/* 第一屏 end */

/* 第二屏 start */
.section2{
	overflow: hidden;
	background-size: cover;
	background-position: center -28px;
	background-repeat: no-repeat;
	position: relative;
}
.section2Top{
	overflow: hidden;
	line-height: 46px;
}
.section2Top .more a{
	font-size: 16px;
	color: #c2162f;
}
.section2Top .more span{
	font-size: 16px;
	margin-right: 8px;
	color: #c72a41;
}
.index-Title{
	overflow: hidden;
}
.index-Title .title1{
	font-size: 32px;
	display: inline-block;
	color: #fff;
	margin-right: 20px;
}
.index-Title .title2{
	font-size: 24px;
	display: inline-block;
	color: #fff;
	opacity: 0.5;
	text-transform: capitalize;
	margin-top: 6px;
}
.section2Swiper{
	position: relative;
}
.section2Con{
	overflow: hidden;
	padding-top: 30px;
}
.section2Box{
	border-radius: 100%;
	margin: 0 auto;
	position: relative;
}
.section2BoxBg{
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	position: absolute;
	background: url(../images/section2Boxbg.png);
	width: 430px;
	height: 430px;
	background-position: center center;
	background-repeat: no-repeat;
	transform-origin:50% 50%;
	-webkit-animation: scan1 5s linear infinite;
	-webkit-transform-origin:50% 50%;
}
@keyframes scan1{
  0%{
    transform:translate(-50%,-50%) rotate(0deg);
  }
  100%{
    transform:translate(-50%,-50%) rotate(360deg);
  }
}
@-webkit-keyframes scan1{
  0%{
    transform:translate(-50%,-50%) rotate(0deg);
  }
  100%{
    transform:translate(-50%,-50%) rotate(360deg);
  }
}
.section2Box1 {
    margin: 0px auto;
    width: 390px;
    height: 390px;
    border-radius: 100%;
    position: relative;
    padding: 14px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.section2Box1:before {
  background: rgba(255,255,255,0.2);
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  display: block;
  content: '';
  top: 0px;
  left: 0px;
}
.section2Box1 .pic{
	width: 100%;
	border-radius: 100%;
	overflow: hidden;
}
.section2Box1 .pic::before{
	padding-top: 100%;
}
.section2Box1 .pic img{
	border-radius: 100%;
	overflow: hidden;
}
.section2Swiper{
	position: relative;
	overflow: hidden;
}
.section2L{
	width: 27.1429%;
}
.section2L .title{
	padding-top: 48px;
	font-size: 42px;
	font-weight: 400;
	color: #fff;
	line-height: 68px;
	height: 68px;
	overflow: hidden;
}
.section2L .text{
	font-size: 15px;
	color: #fff;
	line-height: 26px;
	height: 78px;
	overflow: hidden;
	margin-bottom: 32px;
}
.section2L .title1{
	font-size: 20px;
	color: #fff;
	line-height: 40px;
	height: 40px;
	margin-bottom: 4px;
	border-top: 1px solid rgba(255,255,255,0.3);
	padding-top: 38px;
}
.section2L .info{
	line-height: 26px;
	height: 156px;
	overflow: hidden;
	font-size: 15px;
	color: #fff;
}
.section2L .more{
	height: 80px;
	line-height: 80px;
}
.section2L .more a{
	font-size: 14px;
	color: #fff;
}
.section2L .more span{
	margin-left: 8px;
}
.section2R{
	overflow: hidden;
}
.section2R .title{
	font-size: 24px;
	color: #333333;
	margin-bottom: 26px;
}
.section2RDl{
	float: left;
	display: inline;
	margin-right: 50px;
}
.section2RDl:last-child{
	margin-right: 0px;
}
.section2RDl dd{
	height: 88px;
	line-height: 88px;
}
.section2RDl dd a{
	display: block;
	font-size: 26px;
	color: #333333;
	font-weight: 500;
	min-width: 240px;
	height: 88px;
	line-height: 88px;
}
.section2RDl dd a:hover{
	color: #c2162f;
}
.section2RDl dd a i{
	display: inline-block;
	margin-right: 24px;
	width: 30px;
	height: 88px;
	vertical-align: middle;
}
.section2RDl dd a .c2icn1{
	background: url(../images/01icon.png) no-repeat center center;
	background-size: contain;
}
.section2RDl dd a .c2icn2{
	background: url(../images/02icon.png) no-repeat center center;
	background-size: contain;
}
.section2RDl dd a .c2icn3{
	background: url(../images/03icon.png) no-repeat center center;
	background-size: contain;
}
.section2RDl dd a .c2icn4{
	background: url(../images/04icon.png) no-repeat center center;
	background-size: contain;
}
.section2RDl dd a .c2icn5{
	background: url(../images/05icon.png) no-repeat center center;
	background-size: contain;
}
.section2RDl dd a .c2icn6{
	background: url(../images/06icon.png) no-repeat center center;
	background-size: contain;
}
.section2RDl dd a .c2icn7{
	background: url(../images/07icon.png) no-repeat center center;
	background-size: contain;
}
.section2RDl dd a .c2icn8{
	background: url(../images/08icon.png) no-repeat center center;
	background-size: contain;
}
.section2-proBox1{
	position: relative;
	z-index: 10;
}
.section2-proBox{
	width: 21.4286%;
	height: 112px;
	position: absolute;
	bottom: 6px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	background: url(../images/c2fbg.png) no-repeat center center;
	background-size: contain;
}
.section2-proBox .c2icon{
	position: absolute;
	background: #fff;
	width: 80px;
	height: 80px;
	line-height: 80px;
	border-radius: 100%;
	text-align: center;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	box-shadow: 0 0 4px 2px rgba(0,0,0,0.08);
	-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,0.08);
	
}
.section2-proBox .c2icon .llsyfont{
	font-size: 36px;
	color: #333;
	font-weight: 400;
}
.section2-proBox .c2Text{
	position: absolute;
	display: block;
	content: '';
	left: 50%;
	top: 70%;
	background-size: cover;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	font-size: 14px;
	color: #333333;
	
}
.section2-proBox .c2Text .c2span{
	color: #fff;
}
.section2-proBox .c2icon img{
	width: 35px;
	height: 35px;
}
.swiper-c2-prev{
	background:#fff url(../images/c2prev.png) no-repeat center center;
	width: 20px;
	left: 70px;
	height: 20px;
	border-radius: 100%;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.swiper-c2-next{
	background:#fff url(../images/c2next.png) no-repeat center center;
	width: 20px;
	height: 20px;
	right: 70px;
	border-radius: 100%;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.swiper-c2-prev:hover{
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	background: #c2162f url(../images/c2prevh.png) no-repeat center center;
}
.swiper-c2-next:hover{
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	background: #c2162f url(../images/c2nexth.png) no-repeat center center;
}
/* 第二屏 end */

/* 第三屏start */
.section3Top{
	padding-top: 100px;
}
.index-Title1{
	margin-bottom: 30px;
}
.index-Title1 .title1{
	color: #333333;
}
.index-Title1 .title2{
	color: #333333;
	opacity: 0.3;
}
.section3{
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.section3 .c3IndexTab{
	overflow: hidden;
	margin: 0 -23px;
}
.section3 .c3Title{
	float: left;
	display: inline;
	position: relative;
	margin: 0 23px;
}
.section3 .c3Title:before{
	position: absolute;
	right: -23px;
	top: 50%;
	margin-top: -5px;
	display: block;
	content: '';
	background: #b5b6b6;
	height: 10px;
	width: 1px;
}
.section3 .c3Title a{
	font-size: 16px;
	color: #808080;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.section3 .c3Title.hover a{
	color: #c2162f;
}
.section3 .c3Title a:hover{
	color: #c2162f;
}
.section3Swiper{
	overflow: hidden;
	position: relative;
}
.section3Swiper .pic:after{
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.5);
	visibility: visible;
	opacity: 1;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.section3Swiper .pic:before{
	padding-top:  56.25%;
}
.section3Swiper .swiper-slide.swiper-slide-active .pic:after{
	visibility: hidden;
	opacity: 0;
}
.section3Swiper1{
	overflow: hidden;
	position: relative;
}
.c3IndexTabC .swiper-wrapper{
	min-height: 490px;
}
.section3Swiper1 .pic:after{
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.5);
	visibility: visible;
	opacity: 1;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.section3Swiper1 .pic:before{
	padding-top:  56.25%;
}
.section3Swiper1 .swiper-slide.swiper-slide-active .pic:after{
	visibility: hidden;
	opacity: 0;
}
.c3proBox{
	padding-top: 22px;
	width: 52.381%;
	margin: 0 auto;
	height: 64px;
	overflow: hidden;
}
.c3proBoxL .swiper-pagination{
	position: relative;
	width: 61px;
	height: 61px;
	border-radius: 100%;
	border: 1px solid #c2c4c5;
	line-height: 62px;
	bottom: 0;
	margin-right: 30px;
	font-size: 16px;
	color: #333333;
}
.c3proBoxL .swiper-pagination .swiper-pagination-current{
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}
.c3proBoxL .swiper-pagination .swiper-pagination-total{
	font-size: 14px;
	color: #777777;
}
.c3proBoxR{
	overflow: hidden;
}
.c3proBoxR .swiper-button-prev{
	position: unset;
	width: 48px;
	height: 48px;
	float: left;
	background-image: none;
	border-radius: 100%;
	top: 0;
	margin-top: 0;
	border: 1px solid #b8b9ba;
	text-align: center;
	line-height: 48px;
	color: #414242;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.c3proBoxR .swiper-button-next{
	text-align: center;
	position: unset;
	width: 48px;
	height: 48px;
	line-height: 48px;
	color: #414242;
	float: left;
	top: 0;
	margin-top: 0;
	margin-left: 30px;
	background-image: none;
	border: 1px solid #b8b9ba;
	border-radius: 100%;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.c3proBoxR .swiper-button-prev:hover,.c3proBoxR .swiper-button-next:hover{
	background: #c2162f;
	color: #fff;
	border-color: #c2162f;
}
.c3proBox .text{
	line-height: 64px;
	height: 64px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 24px;
	color: #333333;
	font-weight: bold;
}
.c3proBox .text1{
	line-height: 64px;
	height: 64px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 24px;
	color: #333333;
	font-weight: bold;
}
.c3IndexMore{
	text-align: center;
	padding-top: 30px;
}
.c3IndexMore a{
	display: inline-block;
	font-size: 16px;
	color: #333333;
	padding: 0 9.22619%;
	height: 62px;
	line-height: 62px;
	border: 1px solid rgba(51,51,51,0.3);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.c3IndexMore a span{
	display: inline-block;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.c3IndexMore a:hover{
	color: #c2162f;
	border-color: rgba(194,22,47,0.3);
}
.c3IndexMore a:hover span{
	transform: translateX(10px);
	-webkit-transform: translateX(10px);
	color: #c2162f;
}
/*第三屏 end*/

/* 第四屏 start */
.index-Title2{
	text-align: center;
	margin-bottom: 70px;
}
.index-Title2 .title1{
	color: #333;
}
.index-Title2 .title2{
	color: rgba(51,51,51,0.5);
}
.section4C{
	border-top: 1px solid #c7c7c0;
}
.swiper-column4{
	overflow: hidden;
	position: relative;
}
.swiper-column4 .swiper-slide{
	margin-right: 1px;
}
.swiper-column4 .con{
	padding: 34px 40px 400px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border-right: 1px solid #d8d8d6;
}
.swiper-column4 .title{
	line-height: 28px;
	height: 56px;
	overflow: hidden;
	margin-bottom: 25px;
}
.swiper-column4 .title a{
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}
.swiper-column4 .pic{
	margin-bottom: 12px;
}
.swiper-column4 .pic:before{
	padding-top: 55.8824%;
}
.swiper-column4 .info{
	font-size: 14px;
	color: #333333;
	line-height: 28px;
	height: 56px;
	overflow: hidden;
}
.swiper-column4 .moreBox{
	overflow: hidden;
}
.swiper-column4 .moreBox .date{
	overflow: hidden;
	padding-top: 14px;
}
.swiper-column4 .moreBox .date .day{
	font-size: 24px;
	color: #333;
	height: 32px;
	overflow: hidden;
	line-height: 32px;
	font-weight: bold;
	opacity: 0.6;
}
.swiper-column4 .moreBox .date .year{
	font-size: 14px;
	color: #333333;
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	opacity: 0.6;
}
.swiper-column4 .moreBox .more{
	height: 24px;
	line-height: 24px;
	overflow: hidden;
	margin-top: 46px;
}
.swiper-column4 .moreBox .more a{
	font-size: 14px;
	color: #333333;
}
.swiper-column4 .moreBox .more span{
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.swiper-column4 .moreBox .more a i{
	vertical-align: middle;
	background: url(../images/moreIco1.png) no-repeat center center;
	background-size: cover;
	width: 30px;
	height: 10px;
	display: inline-block;
	margin-left: 10px;
}
.swiper-column4 .con:hover{
	background: rgba(255,255,255,0.45);
	border-color: transparent;
}
.swiper-column4 .con.show{
	border-color: transparent;
}
.swiper-column4 .con:hover .moreBox .more span{
	visibility: visible;
	opacity: 1;
}
.c4-proCon{
	position: absolute;
	bottom: 33.3333%;
	text-align: center;
	width: 100%;
	z-index: 10;
}
.c4-proBox{
	display: inline-block;
	width: 205px;
	margin: 0 auto;
	height: 48px;
}
.c4-proBox .swiper-button-prev{
	position: unset;
	width: 48px;
	height: 48px;
	float: left;
	background-image: none;
	border-radius: 100%;
	top: 0;
	margin-top: 0;
	text-align: center;
	border: none;
	line-height: 48px;
	color: #414242;
	background-color: #fff;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.c4-proBox .swiper-button-next{
	text-align: center;
	position: unset;
	width: 48px;
	height: 48px;
	line-height: 48px;
	color: #414242;
	float: right;
	top: 0;
	margin-top: 0;
	border: none;
	background-image: none;
	border-radius: 100%;
	transition: all 0.3s linear;
	background-color: #fff;
	-webkit-transition: all 0.3s linear;
}
.c4-proBox .swiper-button-prev:hover,.c4-proBox .swiper-button-next:hover{
	background: #c2162f;
	color: #fff;
}
.c4More a{
	text-align: center;
	background: #fff;
	color: #808080;
	overflow: hidden;
	margin: 0 auto;
	display: block;
	width: 48px;
	height: 48px;
	line-height: 48px;
	border-radius: 100%;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.c4More a:hover{
	background: #c2162f;
	color: #fff;
}
/* 第四屏 end */
/* 第五屏 start */
.section5Box{
    margin: 0 8.92857%;
    position: relative;
}
.section5L{
    width: 50%;
    position: relative;
	float: left;
	display: inline;
}
.section5L .pic:before{
	padding-top: 80.1449%;
}
.section5R{
   width: 50%;
   float: left;
   display: inline;
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
   position: relative;
}
.section5RCon{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 60px;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.section5R:before{
	padding-top: 80.1449%;
	display: block;
	content: '';
}
.c5-title{
	padding-top: 74px;
	margin-bottom: 38px;
}
.section5RCon .title1{
	font-size: 40px;
	color: #333333;
	font-weight: bold;
	height: 58px;
	line-height: 58px;
}
.section5RCon .title2{
	font-size: 32px;
	color: #aaaaaa;
	height: 48px;
	line-height: 48px;
	text-transform: uppercase;
}
.section5RCon .info{
	font-size: 14px;
	color: #444444;
	line-height: 30px;
	height: 210px;
	margin-bottom: 26px;
	overflow: hidden;
}
.section5RCon .more a{
	padding: 0 38px;
	display: inline-block;
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color: #555555;
	text-align: center;
	border: 1px solid #aaaaaa;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.section5RCon .more a span{
	display: inline-block;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	color: #787a7c;
	
}
.section5RCon .more a:hover span{
	transform: translateX(10px);
	-webkit-transform: translateX(10px);
	color: #c2162f;
}
.section5RCon .more a:hover{
	color: #c2162f;
	border: 1px solid #c2162f;
}
 /* 第五屏end */

/* 底部 start */
.footer {
	height: auto;
	background: #2a2f33;
	position: relative;
}
.footerUp{
	line-height:102px;
	height:102px;
	border-bottom: 1px solid #404448;
	overflow: hidden;
}
.footerUpL{
	margin-right: -90px;
}
.footerUpL a{
	font-size: 14px;
	color: #ffffff;
	margin-right: 90px;
}
.footerUpL a:hover{
	color: #888;
}
.footerUpR{
	font-size: 16px;
	color: #ffffff;
}
.footerUpR span{
	font-size: 24px;
	color: #fff;
	position: relative;
	top: 4px;
}
.footerDown{
	padding-top: 48px;
	overflow: hidden;
	margin-bottom: 30px;
}
.footerDownL .footerLogo{
	margin-bottom: 35px;
}
.footerDownL .footerLogo img{
	height: 48px;
}
.footerDownL .text{
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	font-size: 14px;
	color: #ffffff;
	opacity: 0.6;
	margin-bottom: 32px;
}
.footerDownL .btn{
	line-height: 50px;
}
.footerDownL .btn .btn1{
	background-size: contain;
	padding: 0 35px;
	height: 50px;
	line-height:50px;
	font-size: 16px;
	color: #333333;
	display: inline-block;
	text-align: center;
	margin-right: 40px;
	background: #fff;
}
.footerDownL .btn .btn1 i{
	line-height: 50px;
	font-style: normal;
	display: inline-block;
	margin-left: 14px;
	margin-top: -3px;
	vertical-align: middle;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	font-size: 24px;
	color: #000000;
}
.footerDownL .btn .btn1:hover i{
	transform: translateX(10px);
	-webkit-transform: translateX(10px);
}
.footerDownL .btn .btn2{
	padding: 0 18px;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	display: inline-block;
	text-align: center;
	background: #c2162f;
}
.footerDownR{
	margin-left: 100px;
	overflow: hidden;
	margin-right: -30px;
}
.footerDownR .ewm{
	float: left;
	display: inline;
	width: 130px;
	margin-right: 30px;
}
.footerDownR .ewm .pic{
	border-top: 1px solid #545456;
	border-bottom: 1px solid #545456;
}
.footerDownR .ewm .pic:before{
	padding-top: 100%;
}
.footerDownR .ewm .text{
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	overflow: hidden;
}
.footerText{
	height: 92px;
	line-height: 92px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	opacity: 0.6;
}
.footerText i{
	display: inline-block;
	width: 2px;
	height: 15px;
	background: #4a4c4e;
	position: relative;
	top: 2px;
	margin: 0 9px;
}
.footerText a{
	font-size: 14px;
	color: #fff;
}
.footerText a:hover{
	color: #fff;
}

@keyframes downDh{
	0%{
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	50%{
		transform: translateY(10px);
		-webkit-transform: translateY(10px);
	}
	100%{
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}
}
@-webkit-keyframes downDh{
	0%{
		transform: translateY(0);
		-webkit-transform: translateY(0);
	}
	50%{
		transform: translateY(10px);
		-webkit-transform: translateY(10px);
	}
	100%{
		transform: translateY(0px);
		-webkit-transform: translateY(0px);
	}
}
/* 底部 end */

/*
-----------------------------频道页 start-----------------------------
*/
/* 关于我们 start */
.aboutColumn1{
	padding: 62px 0 66px;
	overflow: hidden;
}
.subTitle{
	height: 132px;
	text-align: center;
	position: relative;
}
.subTitle:before{
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -18px;
	width: 36px;
	height: 4px;
	background: #e6e6e6;
	display: block;
	content: '';
}
.subTitle .title1{
	font-size: 48px;
	line-height: 132px;
	color: #f4f4f4;
	font-weight: bold;
	text-transform: uppercase;
}
.subTitle .title2{
	font-size: 30px;
	color: #333333;
	position: absolute;
	bottom: 32px;
	left: 0;
	width: 100%;
}
.subTextBox{
	padding-top: 34px;
	font-size: 14px;
	color: #666666;
	margin: 0 125px 36px;
	line-height: 25px;
	max-height: 150px;
	overflow: hidden;
	text-align: center;
}
.aboutColumn1 .aboutBg{
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
	width: 100%;
	margin-bottom: 50px;
}
.aboutDl1{
	overflow: hidden;
}
.aboutDl1 dd{
	width: 25%;
	float: left;
	display: inline;
	text-align: center;
	position: relative;
}
.aboutDl1 dd:last-child:before{
	display: none;
}
.aboutDl1 dd:before{
	display: block;
	content: '';
	position: absolute;
	right: 0;
	top: 14px;
	height: 76px;
	width: 1px;
	background: #dddddd;
}
.aboutDl1 dd .num{
	font-size: 34px;
	font-weight: bold;
	color: #eab162;
	height: 58px;
	line-height: 58px;
}
.aboutDl1 dd .num i{
	font-style: normal;
	margin-left: 12px;
	font-weight: lighter;
	font-size: 26px;
	position: relative;
	top: -5px;
}
.aboutDl1 dd .text{
	font-size: 16px;
	color: #666666;
	line-height: 45px;
}
.aboutColumn2{
	padding-top: 36px;
	height: 524px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}
.aboutColumn2 .subTitle .title1{
	color: rgba(255,255,255,0.05);
}
.aboutColumn2 .subTitle .title2{
	color: #ffffff;
}
.aboutDl2{
	padding: 82px 80px 0;
	overflow: hidden;
	margin: 0 -80px;
}
.aboutDl2 dd{
	float: left;
	display: inline;
	width: 33.3333%;
}
.aboutDl2 dd .con{
	text-align: center;
	margin: 0 80px;
}
.aboutDl2 dd .con .icon{
	background: #fff;
	width: 110px;
	height: 110px;
	border-radius: 100%;
	margin: 0 auto 8px;
	transition: all 0.3s linear;
	-wevkit-transition: all 0.3s linear;
}
.aboutDl2 dd .con .icon a{
	display: block;
	width: 100%;
	height: 100%;
}
.aboutDl2 .dd1 .con .icon{
	background: #fff url(../images/abouticon1.png) no-repeat center center;
}
.aboutDl2 .dd2 .con .icon{
	background: #fff url(../images/abouticon2.png) no-repeat center center;
}
.aboutDl2 .dd3 .con .icon{
	background: #fff url(../images/abouticon3.png) no-repeat center center;
}
.aboutDl2 dd .con .title{
	height: 44px;
	line-height: 44px;
	overflow: hidden;
}
.aboutDl2 dd .con .title a{
	transition: all 0.3s linear;
	-wevkit-transition: all 0.3s linear;
	font-size: 20px;
	color: #dedede;
}
.aboutDl2 dd .con .title a:hover{
	color: #ebb56a;
}
.aboutDl2 dd .con .info{
	line-height: 30px;
	font-size: 14px;
	color: #c7c7c7;
}
.aboutDl2 .dd1 .con .icon:hover{
	background: #fff url(../images/abouticon1h.png) no-repeat center center;
}
.aboutDl2 .dd2 .con .icon:hover{
	background: #fff url(../images/abouticon2h.png) no-repeat center center;
}
.aboutDl2 .dd3 .con .icon:hover{
	background: #fff url(../images/abouticon3h.png) no-repeat center center;
}
.aboutColumn3{
	padding-top: 42px;
	height: 766px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}
.aboutColumn3 .subTitle .title1{
	color: #e5e5e5;
}
.about3Con{
	padding-top: 80px;
	overflow: hidden;
}
.about3Con .about3L{
	width: 415px;
}
.about3Con .about3L .text .title{
	font-size: 24px;
	color: #333333;
	height: 55px;
	line-height: 55px;
	margin-bottom: 8px;
	overflow: hidden;
}
.about3Con .about3L .text .info{
	line-height: 30px;
	height: 60px;
	overflow: hidden;
	font-size: 14px;
	color: #858585;
}
.about3Con .about3L .text{
	margin-bottom: 92px;
}
.aboutDl3{
	overflow: hidden;
	margin-right: -75px;
}
.aboutDl3 dd{
	width: 50%;
	display: inline;
	float: left;
}
.aboutDl3 dd .con{
	margin-right: 75px;
}
.aboutDl3 dd .num{
	font-size: 66px;
	color: #eab162;
	font-weight: bold;
}
.aboutDl3 dd .num i{
	font-style: normal;
	font-size: 18px;
	font-weight: lighter;
	position: relative;
	top: -30px;
	left: 20px;
}
.aboutDl3 dd .info{
	line-height: 24px;
	font-size: 16px;
	color: #666666;
}
.about3Con .about3R{
	overflow: hidden;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 555px;
}
.aboutColumn4{
	overflow: hidden;
	padding-top: 44px;
}
.aboutDl4{
	padding-top: 30px;
	overflow: hidden;
}
.aboutDl4 dd{
	height: 98px;
	width: 20%;
	float: left;
	display: inline;
	margin-bottom: 20px;
}
.aboutDl4 dd a{
	display: block;
	padding: 24px 70px;
	transition: all 0.3s linear;
	-wevkit-transition: all 0.3s linear;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 4px solid transparent;	
}
.aboutDl4 dd a:hover{
	border-color: #f4d8b0;
}
.aboutDl4 dd .pic:before{
	padding-top: 23.2558%;
}
.aboutDl4 dd .pic img{
	object-fit: contain;
}
/* 关于我们 end */

/* 装修服务 start */
.server{
	width: 100%;
	height: 100%;
	position: relative;
}
.server .bannerTetx{
	padding-top: 240px;
	visibility: hidden;
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: all 1.2s linear;
	-wevkit-transition: all 1.2s linear;
}
.server .swiper-slide.swiper-slide-active .bannerTetx{
	visibility: visible;
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
}
.serverContact .text1{
	text-align: center;
	font-size: 60px;
	color: #fff;
	height:100px;
	line-height:100px;
	overflow: hidden;
	font-weight: bolder;
	font-family: "宋体";
	letter-spacing: -1px;
}
.serverContact .text2{
	text-align: center;
	font-size: 20px;
	color: #fff;
	line-height: 52px;
}
.serverContact .more a{
	display: inline-block;
	font-size: 14px;
	padding: 0 45px;
	color: #fff;
	height: 48px;
	line-height: 48px;
	border: 1px solid #fff;
	border-radius: 50px;
}
.server .serverCon{
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	position: relative;
}
.serverBg,.servertBg{
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	height: 100%;
	width: 100%;
	background-size: cover;
	z-index: -1;
}
.serverBg:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: block;
	content: '';
}
.serverBg:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	display: block;
	content: '';
	transition: all 0.3s linear;
	-wevkit-transition: all 0.3s linear;
}
.serverTitle{
	position: absolute;
	overflow: hidden;
	width: 300px;
	padding-top: 25px;
	bottom: 46px;
	right: 80px;
	height: 166px;
	cursor: pointer;
}
.servertBg:before{
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	top: -25px;
	height: 191px;
	background: rgba(0,0,0,0.2);
	z-index: -1;
}
.serverTitle .text{
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.serverCon .more{
	position: absolute;
	left: 50%;
	margin-left: -30px;
	text-align: center;
	transition: all 1.3s linear;
	-wevkit-transition: all 1.3s linear;
	bottom: -150px;
}
.server .swiper-slide.swiper-slide-active .more{
	bottom: 15px;
}
.serverCon .more a{
	display: block;
}
.serverCon .more .icon{
	width: 60px;
	height: 60px;
	position: relative;
	margin: 0 auto;
	border: 1px solid #96938e;
	border-radius: 100%;
}
.serverCon .more .icon:before{
	display: block;
	content: '';
	background: #d3d0cc;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.serverCon .more .icon:after{
	display: block;
	content: '';
	background: rgba(255,255,255,0.5);
	width: 40px;
	height: 40px;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
	transition: all 0.3s linear;
	-wevkit-transition: all 0.3s linear;
	animation: 2s infinite linear schd;
	-webkit-animation: 2s infinite linear schd;
}
.serverCon .more .text{
	font-size: 20px;
	line-height: 64px;
	color: #dedede;
}
/* 装修服务 end */

/* 装修服务 设计 start */
.design{
	width: 100%;
	height: 100%;
	position: relative;
}
.design .bannerTetx{
	visibility: hidden;
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
	transition: all 1.2s linear;
	-wevkit-transition: all 1.2s linear;
}
.design .swiper-slide.swiper-slide-active .bannerTetx{
	visibility: visible;
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
}
.designContact .text1{
	text-align: center;
	font-size: 36px;
	color: #fff;
	height: 68px;
	line-height: 68px;
	overflow: hidden;
}
.designContact .text2{
	text-align: center;
	font-size: 20px;
	color: #fff;
	line-height: 48px;
	margin-bottom: 42px;
}
.designContact .more a{
	display: inline-block;
	font-size: 14px;
	padding: 0 45px;
	color: #fff;
	height: 48px;
	line-height: 48px;
	border: 1px solid #fff;
	border-radius: 50px;
}
.design .designCon{
	width: 100%;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	position: relative;
}
.designCon .more{
	position: absolute;
	left: 50%;
	margin-left: -30px;
	text-align: center;
	transition: all 1.3s linear;
	-wevkit-transition: all 1.3s linear;
	bottom: -150px;
}
.design .swiper-slide.swiper-slide-active .more{
	bottom: 15px;
}
.designCon .more a{
	display: block;
}
.designCon .more .icon{
	width: 60px;
	height: 60px;
	position: relative;
	margin: 0 auto;
	border: 1px solid #96938e;
	border-radius: 100%;
}
.designCon .more .icon:before{
	display: block;
	content: '';
	background: #d3d0cc;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
}
.designCon .more .icon:after{
	display: block;
	content: '';
	background: rgba(255,255,255,0.5);
	width: 40px;
	height: 40px;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
	transition: all 0.3s linear;
	-wevkit-transition: all 0.3s linear;
	animation: 2s infinite linear schd;
	-webkit-animation: 2s infinite linear schd;
}
@keyframes schd{
	0%{
		transform: scale(0.9);
		-webkit-transform: scale(0.9);
	}
	50%{
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
	}
	100%{
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
	}
}
@-webkit-keyframes schd{
	0%{
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	50%{
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
	}
	100%{
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
	}
}
.designCon .more .text{
	font-size: 20px;
	line-height: 64px;
	color: #dedede;
}
.designBg,.designtBg{
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	height: 100%;
	width: 100%;
	background-size: cover;
	z-index: -1;
}
.designBg:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: block;
	content: '';
}
.designTitle{
	position: absolute;
	overflow: hidden;
	width: 300px;
	padding-top: 25px;
	bottom: 46px;
	right: 80px;
	height: 166px;
	cursor: pointer;
}
.designtBg:before{
	display: block;
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	top: -25px;
	height: 191px;
	background: rgba(0,0,0,0.2);
	z-index: -1;
}
.designTitle .text{
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.serverNum{
	position: absolute;
	line-height: 60px;
	height: 60px;
	left: 12.5%;
	bottom: 102px;
	z-index: 2;
	font-family: "宋体";
}
.serverNum .num1{
	font-size: 48px;
	color: #ffffff;
	margin-right: 12px;
}
.serverNum .num2{
	font-size: 30px;
	color: #a2a4a6;
	position: relative;
	top: -5px;
	padding-left: 50px;
}
.serverNum .num2:before{
	width: 35px;
	height: 1px;
	left: 0;
	top: 50%;
	display: block;
	content: '';
	position: absolute;
	background: #6f7175;
	
}
/* 装修服务 设计 end */
/*
-----------------------------频道页 end-----------------------------
*/


/*内页外结构开始*/
.subBanner{
	height: 550px;
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	background-size: cover;
	z-index: 1;
}
.minH600{
	min-height: 600px;
	height: 600px;
	height: auto !important;
}
.minH300{
	min-height: 300px;
	height: 300px;
	height: auto !important;
}
/*内页外结构结束*/

/*当前位置 开始*/
.locationBox{
	background: #fff;
	height: 72px;
}
.location{
	text-align: center;
	font-size: 0;
}
.location dd{
	text-align: center;
	display: inline-block;
}
.location dd a{
	font-size: 16px;
	color: #333333;
	display: inline-block;
	padding: 0 72px;
	height: 72px;
	line-height: 72px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.location dd.hover a{
	background: #c2162f;
	color: #fff;
}
.location dd a span{
	font-size: 18px;
	margin-right: 10px;
	transition: all 0.1s linear;
	-webkit-transition: all 0.1s linear;
}
.location dd.hover a span{
	color: #fff;
}
.location dd:hover a{
	background: #c2162f;
	color: #fff;
}
.location dd:hover a span{
	color: #fff;
}
/*当前位置 结束*/


/*页码 开始*/
.page{padding:30px 0;text-align: center;clear: both;font-size: 14px;}
.page a{display: inline-block;overflow: hidden;padding:6px 12px;color:#999999;border-radius:3px;background: #fff; margin: 0 3px;border: 1px solid #ececec;}
.page span{display: inline-block; padding: 6px 2px; position: relative; top: -15px;}
.page a:hover{background: #c2162f;color: #fff;}
.page a.hover{background: #c2162f;color: #fff;}
.page input{display: inline-block;vertical-align: middle;height: 22px;border: 1px solid #e6e6e6;position: relative; top: -2px;}
.page input.pageDetail{width: 30px; height: 30px; text-align: center; border-radius: 3px; color: #999999; position: relative; top: -13px;}
.page label{color:#999999;position: relative;top: -11px;}
.page input.page_bnt{border: none; width: 30px; height: 25px; cursor: pointer; background: none; color: #999999; position: relative; top: -13px;}

.page a div{
	width: 11px;
    height: 19px;
	background-position: center center;
	background-repeat: no-repeat;
}
.page a.firstPage div{background-image: url(../images/page/firstPage.png)}
.page a.prevPage div{background-image: url(../images/page/prevPage.png)}
.page a.nextPage div{background-image: url(../images/page/nextPage.png)}
.page a.lastPage div{background-image: url(../images/page/lastPage.png)}

.page a.firstPage:hover div{background-image: url(../images/page/firstPageh.png)}
.page a.prevPage:hover div{background-image: url(../images/page/prevPageh.png)}
.page a.nextPage:hover div{background-image: url(../images/page/nextPageh.png)}
.page a.lastPage:hover div{background-image: url(../images/page/lastPageh.png)}

.page a.firstPage.disabled{background:#E2E2E2;}
.page a.prevPage.disabled{background:#E2E2E2;}
.page a.nextPage.disabled{background:#E2E2E2;}
.page a.lastPage.disabled{background:#E2E2E2;}

.page a.firstPage.disabled div{background-image: url(../images/page/firstPage.png)}
.page a.prevPage.disabled div{background-image: url(../images/page/prevPage.png)}
.page a.nextPage.disabled div{background-image: url(../images/page/nextPage.png)}
.page a.lastPage.disabled div{background-image: url(../images/page/lastPage.png)}
/*页码结束*/

.viewer-number i{
	font-style: normal;
}