@charset "UTF-8";
/* CSS Document */
/*
-----------------------------首页样式start-----------------------------
*/
/*头部开始*/
/*头部开始*/
.topBanner{ width: 100%; height: 257px; background: url(../test/topPh.jpg) no-repeat center center;}
.partyTop{
	display: none;
}
.top {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	height: 100px;
	background: #fff;
	z-index: 20;
	box-shadow:3px 0px 7px rgba(0,0,0,0.08);
}

.top .topC {
	padding: 0 66px;
}

.logo {
	padding-top: 20px;
}

.logo img {
	display: block;
	height: 66px;
}

.topR {
	padding-top: 38px;
}
.topSearch {
	/* width: 215px; */
	overflow: hidden;
	position: absolute;
	left: 0;
	width: 30px;
	height: 36px;
	line-height: 36px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.topSearch:hover{
	width: 155px;
}
.topBtn {
	display: block;
	width: 30px;
	height: 36px;
	background: url(../images/search.png) center center no-repeat;
	position: relative;
	z-index: 5;
}

.searchDiv {
	overflow: hidden;
	padding: 0 5px;
}

.searchDiv input {
	width: 100%;
	height: 36px;
	line-height: 36px;
	background: none;
	border: none;
	font-size: 16px;
	color: #333;
	position: relative;
	z-index: 5;
}

.topSearch:before {
	content: '';
	display: block;
	border: 1px solid transparent;
	width: 0%;
	height: 0%;
	position: absolute;
	bottom: 0;
	right: 0;
	-webkit-transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
	transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
	box-sizing: border-box;
	border-radius: 3px;
}

.topSearch:after {
	content: '';
	display: block;
	border: 1px solid transparent;
	width: 0%;
	height: 0%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
	transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
	box-sizing: border-box;
	border-radius: 3px;
}

.topSearch:hover:before {
	width: 100%;
	height: 100%;
	border-bottom-color: #1c83d5;
	border-left-color: #1c83d5;
	-webkit-transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
	transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
}

.topSearch:hover:after {
	width: 100%;
	height: 100%;
	border-top-color: #1c83d5;
	border-right-color: #1c83d5;
	-webkit-transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
	transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
}
.topRc{
	position: relative;
}
/*头部结束*/

/*menu开始*/

.menuDl {
	position: relative;
}

.menuDl:after {
	display: block;
	content: "";
	clear: both;
}

.menuDl dd {
	display: inline;
	float: left;
	position: relative;
	z-index: 3;
	margin: 0 14px;
}

.menuDl dd span a {
	display: block;
	height: 36px;
	overflow: hidden;
	line-height: 36px;
	color: #000;
	font-size: 16px;
	position: relative;
	padding: 0 20px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index: 10;
}

.menuDl dd.hover span a {
	color: #fff;
}

.menuDl dd span a i {
	display: none;
	width: 100%;
	height: 2px;
	overflow: hidden;
	background: #d6000f;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.menuDl dd.hover span a i {
	display: block;
}

.menuDl dd .div_a {
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 102px;
	left: 0;
	z-index: 99;
	background: #fff;
	display: none;
}

.menuDl dd .div_a a {
	display: block;
	height: 35px;
	overflow: hidden;
	text-align: center;
	line-height: 35px;
	text-align: center;
	color: #333333;
	font-size: 14px;
}

.menuDl dd .div_a a.hover {
	background: #fff
}

.menuDl dd .div_a a:hover {
	background: #fff
}


.menuDl dt {
	height: 100%;
	background: #1c83d5;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: skew(-20deg, 0deg);
	box-shadow: 10px 7px 3px rgba(28, 131, 213, 0.3);
}

.subMenuDiv {
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 41px;
	left: -5px;
	z-index: 1;
	visibility: hidden;

}

.menuDl dd:hover .subMenuDiv {
	visibility: visible;
}

.subMenu a {
	text-align: center;
	color: #fff;
	font-size: 14px;
	display: block;
	line-height: 30px;
	padding: 0 5px;
	background: rgba(0, 0, 0, 0.5);
	opacity: 0;
	transition: 0.3s ease;
	-webkit-transform: perspective(100px) rotateX(-90deg);
	-ms-transform: perspective(100px) rotateX(-90deg);
	transform: perspective(100px) rotateX(-90deg);
	-webkit-transform-origin: center top 0;
	-ms-transform-origin: center top 0;
	transform-origin: center top 0;
	transition-delay: 0s;
	visibility: hidden;
}

.menuDl dd:hover .subMenu a {
	opacity: 1;
	visibility: visible;
	-webkit-transform: perspective(100px) rotateX(0deg);
	-ms-transform: perspective(100px) rotateX(0deg);
	transform: perspective(100px) rotateX(0deg);

}

.subMenu a:hover {
	color: #f28e1a;
}

.subMenuR {
	width: 50%;
	overflow: hidden;
	padding: 20px 0px;
}

.menuTop {
	height: 40px;
	line-height: 40px;
	display: block;
	overflow: hidden;
	font-size: 24px;
	color: #555;
	padding-left: 50px;
}

.subMenuCont {
	overflow: hidden;
	position: relative;
	margin-right: 15px;
}

.listBg {
	width: 0px;
	height: 0px;
	overflow: hidden;
	background: #fff;
	position: absolute;
	left: 0px;
	top: 0px;
}

.subMenuTop {
	height: 40px;
	line-height: 40px;
	display: none;
	font-size: 16px;
	color: #888;
	overflow: hidden;
	padding: 15px 0px 10px 50px;
}

.half {
	float: left;
	display: inline;
	width: 50%;
}

.half .subMenuTop {
	display: block;
}

.subMenuL {
	width: 50%;
	padding: 20px 0px;
}

.subMenuTxt {
	height: 250px;
	overflow: hidden;
	padding: 20px;
	margin: 0px 20px;
}

.subMenuLTop {
	display: none;
	text-align: center;
	font-size: 34px;
	color: #333;
	overflow: hidden;
}

.subMenuIntr {
	display: none;
	overflow: hidden;
	font-size: 14px;
	color: #404040;
	line-height: 25px;
}

.menuBg {
	display: none;
	width: 100%;
	height: 50px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 100px;
	z-index: 1;
	background: rgba(0, 0, 0, 0.6);
}

.subMenuDiv.showMenu {
	-webkit-animation: showMenu 0.5s linear forwards;
	-o-animation: showMenu 0.5s linear forwards;
	animation: showMenu 0.5s linear forwards;
}

@keyframes showMenu {
	0% {
		opacity: 0.5
	}

	100% {
		opacity: 1
	}
}

.subMenuDiv.hideMenu {
	-webkit-animation: hideMenu 0.5s linear forwards;
	-o-animation: hideMenu 0.5s linear forwards;
	animation: hideMenu 0.5s linear forwards;
}

@keyframes hideMenu {
	0% {
		opacity: 0.2
	}

	100% {
		opacity: 0
	}
}
.topHide {
	position: relative;
	width: 100%;
	height: 100px;
}

/*menu结束*/
/*头部结束*/
/*menu开始*/

/*menu结束*/
/*indexBanner开始*/
.indexBanner {
	overflow: hidden;
	height: 775px;
	width: 100%;
	position: relative;
}

.indexBanner .myslide {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height: 775px;
}

.indexBanner .slick-dots {
	position: absolute;
	bottom: 50px;
	width: 100%;
	text-align: center;
}

.indexBanner .slick-dots li {
	width: 13px;
	height: 13px;
	line-height: 9999px;
	text-align: center;
	background: transparent;
	border: 1px solid #f47a00;
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
	border-radius: 100%;
}

.indexBanner .slick-dots li.slick-active {
	background: #f47a00;
}

.indexBanner .con1 {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -143px;
}

/*indexBanner结束*/
/*第一通栏start*/
.column1 {
	background: #fff;
}

.maxTitleBox {
	padding-top: 5px;
	height: 64px;
	border-bottom: 1px solid #efefef;
}

.maxTitleL {
	font-family: Arial;
	position: relative;
	padding-right: 40px;
}

.maxchina {
	height: 64px;
	line-height: 64px;
	font-size: 30px;
	color: #000;
}

.maxTitleC {
	overflow: hidden;
}

.maxTitleDl {
	overflow: hidden;
}

.maxTitleDl dd {
	float: left;
	display: inline;
	margin-right: 20px;
}

.maxTitleDl dd a {
	display: block;
	padding: 0 5px;
	height: 64px;
	line-height: 74px;
	font-size: 18px;
	color: #666;
}

.maxTitleDl dd a:hover {
	color: #1c83d5;
}

.maxTitleR span {
	display: block;
	height: 64px;
	line-height: 64px;
	padding-right: 20px;
	background: url(../images/moreRight.png) right center no-repeat;
	font-size: 14px;
	color: #666;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.maxTitleR span:hover {
	color: #1c83d5;
	padding-right: 30px;
	background: url(../images/moreRight_h.png) right center no-repeat;
}

.column1Swiper {
	overflow: hidden;
	padding: 20px 10px;
	margin: 0 -10px;
}

.column1Swiper .con {
	padding: 20px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border-radius: 3px;
}

.column1Swiper .con .time {
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	color: #999;
}

.column1Swiper .con .title a {
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #000;
	overflow: hidden;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.column1Swiper .con .text {
	height: 48px;
	line-height: 24px;
	font-size: 14px;
	color: #666;
	overflow: hidden;
}

.column1Swiper .con .more a {
	display: block;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #666;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}

.column1Swiper .con .more a span {
	display: inline-block;
	padding-right: 15px;
	background: url(../images/more.png) right center no-repeat;
}

.column1Swiper .con:hover {
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.08);
}

.column1Swiper .con:hover .title a {
	font-weight: bold;
	color: #1c83d5;
	font-weight: bold;
}

.column1Swiper .con:hover .more a {
	color: #ff9b1b;
}

.column1Swiper .con:hover .more a span {
	display: inline-block;
	padding-right: 15px;
	background: url(../images/moreC.png) right center no-repeat;
}

/*第一通栏end*/
/*第二通栏start*/
.column2 {
	background: #f1f6f9;
	overflow: hidden;
}

.pdCloumn {
	position: relative;
}

.pdCloumn:after {
	display: block;
	content: '';
	padding-top: 42.96875%;
}

.pdCloumnL {
	position: absolute;
	left: 0px;
	width: 45.1042%;
	height: 100%;
}

.pdCloumnLC {
	height: 100%;
	margin-right: 10%;
	position: relative;
	z-index: 9;
	margin-left: 31.169%;
}

.pdCloumnLC .indexTitle {
	margin-bottom: 5%;
}

.pdCloumnLC .ixMore {
	display: inline-block;
	height: 45px;
	line-height: 45px;
	padding-right: 45px;
	color: #1c83d5;
	position: relative;
	left: 0;
	transition-duration: 0.3s;
	font-size: 16px;
	font-weight: lighter;
	background: url(../images/icon2.png) right center no-repeat;
}

.pdCloumnLC .ixMore:hover {
	left: 10px;
}

.pdCloumnInfo {
	color: #666666;
	font-size: 14px;
	line-height: 25px;
	height: 125px;
	overflow: hidden;
	margin-bottom: 50px;
}

.pdCloumnScroll {
	overflow: hidden;
	margin-left: 11.039%;
	margin-bottom: 35%;
}

.pdCloumnScroll .bd {
	margin-right: -40px;
}

.pdCloumnScroll .swiper-slide {
	width: 33.3333%;
	float: left;
}

.pdCloumnScroll .swiper-slide .con {
	margin-right: 40px;
	padding: 10px;
	background: #fff;
	border-radius: 100%;
	position: relative;
}
.pdCloumnScroll .swiper-slide .con:after{
	content: '';
	display: block;
	border: 1px solid transparent;
	border-radius: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 1px;
	transition-duration: 0.3s;
}

.pdCloumnScroll .swiper-slide.swiper-slide-thumb-active .con:after {
	border-color: #2a6bb9;
	border-width: 2px
}

.pdCloumnScroll .swiper-slide:hover .con:after {
	border-color: #2a6bb9;
	border-width: 2px
}
.pdCloumnScroll .swiper-slide .pic {
	position: relative;
	border-radius: 100%;
	overflow: hidden;
	cursor: pointer;
	background: #fff;
}

.pdCloumnScroll .swiper-slide .pic:before {
	padding-top: 100%;
	content: '';
	display: block;
}

.pdCloumnScroll .swiper-slide .pic img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.pdCloumnR {
	position: absolute;
	right: 0px;
	width: 57.89%;
	height: 100%;
	background: #f5f5f5;
	background: -webkit-linear-gradient(to right, #89caed, #1b79bf);
	background: url(../images/pdCloumnBg2.jpg) no-repeat right 1px;
	background-size: cover;
}

.pdCloumnRScroll {
	margin-left: 6.0870%;
	margin-right: 28.6957%;
	height: 100%;
	position: relative;
	z-index: 9;
}

.pdCloumnRScroll .bd {
	height: 100%;
	overflow: hidden;
}

.pdCloumnRScroll .bd .swiper-slide {
	float: left;
	width: 100%;
	font-size: 0;
}

.pdCloumnRScroll .bd .swiper-slide .pic {
	overflow: hidden;
	width: 43%;
	position: relative;
	display: inline-block;
	display: none;
	;
}

.pdCloumnRScroll .bd .swiper-slide .pic:before {
	display: block;
	content: '';
	padding-top: 100%;
}

.pdCloumnRScroll .bd .swiper-slide .pic img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}

.pdCloumnRScroll .bd .swiper-slide .text {
	overflow: hidden;
	display: none;
	padding-left: 15px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 57%;
	animation-delay: .1s;
}

.pdCloumnRScroll .bd .swiper-slide .text .num {
	overflow: hidden;
	padding-top: 20px;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	color: #c8e8ff;
}

.pdCloumnRScroll .bd .swiper-slide .text .title {
	overflow: hidden;
	padding-bottom: 20px;
	height: 55px;
	line-height: 55px;
	font-size: 30px;
	border-bottom: 1px solid #76b8e2;
	font-weight: lighter;
	overflow: hidden;
}

.pdCloumnRScroll .bd .swiper-slide .text .title a {
	display: block;
	color: #FFF;
	height: 55px;
	overflow: hidden;
}

.pdCloumnRScroll .bd .swiper-slide .text .info {
	overflow: hidden;
	padding-bottom: 20px;
	height: 125px;
	line-height: 25px;
	font-size: 14px;
	color: #ffffff;
	padding: 20px 0;
	margin-bottom: 20px;
}

.pdCloumnRScroll .bd .swiper-slide .text a.btn {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 40px;
	color: #ffffff;
	font-size: 14px;
	background: #1f64b6;
	border-radius: 40px;
	position: relative;
	top: 0;
	transition-duration: 0.3s;
}

.pdCloumnRScroll .bd .swiper-slide .text a.btn:hover {
	top: -5px;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1)
}

.pdCloumnRScroll .bd .swiper-slide .text a.btn span {
	display: block;
	padding-right: 15px;
	background: url(../images/pdCloumnIcn1.png) no-repeat right center;
}

.pdCloumnRScroll .bd .swiper-slide.swiper-slide-active .pic {
	display: inline-block;
}

.pdCloumnRScroll .bd .swiper-slide.swiper-slide-active .text {
	display: inline-block;
}

.pdCloumnScrollPrev {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background: rgba(163, 163, 163, 0.45) url(../images/swiperPrev.png) no-repeat center center;
	position: absolute;
	left: 12%;
	top: 50%;
	margin-top: 40px;
	cursor: pointer;
	z-index: 9;
	outline: none;
}

.pdCloumnScrollNext {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background: rgba(163, 163, 163, 0.45) url(../images/swiperNext.png) no-repeat center center;
	position: absolute;
	right: 12%;
	top: 50%;
	margin-top: 40px;
	cursor: pointer;
	z-index: 9;
	outline: none;
}

.pdCloumnScrollBtn span.pdCloumnScrollPrev:hover {
	background-color: rgba(163, 163, 163, 0.38);
}

.pdCloumnScrollBtn span.pdCloumnScrollNext:hover {
	background-color: rgba(255, 255, 255, .45);
}

@-webkit-keyframes picfadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes picfadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 50px, 0);
		-ms-transform: translate3d(0, 50px, 0);
		transform: translate3d(0, 50px, 0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

.picfadeInUp {
	-webkit-animation-name: picfadeInUp;
	animation-name: picfadeInUp
}

.picanimated {
	-webkit-animation-duration: 800ms;
	animation-duration: 800ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.pdCloumnBg1 {
	position: absolute;
	width: 10%;
	height: 100%;
	left: 41.5%;
	z-index: 1;
}

.pdCloumnBg1 .pdbg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	animation: 3s ease-in-out infinite alternate myWave;
}

.pdCloumnBg1 .pdbg svg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: -2%;
	top: 0%;
}

.pdCloumnBg1 .pdbg.bg1 svg {
	transform: translateX(10px);
}

.pdCloumnBg1 .pdbg.bg2 {
	animation-delay: 1s;
}

@keyframes myWave {
	0% {
		transform: translate(-8px, 0%);
	}

	100% {
		transform: translate(0px, 0%);
	}
}

.pdCloumnBg2 {
	position: absolute;
	width: 42.6%;
	height: 21%;
	/* background: url(../images/pdCloumnBg1.png) no-repeat center center; */
	background-size: cover;
	left: 0px;
	bottom: 0px;
	z-index: 3;
}

.pdCloumnBg3 {
	position: absolute;
	width: 43.125%;
	height: 100%;
	background: url(../images/pdCloumnBg2.jpg) no-repeat right center;
	background-size: cover;
	right: 0px;
	bottom: 0px;
	z-index: 3;
	display: none
}

.pdCloumnBg4 {
	position: absolute;
	width: 24.1146%;
	height: 7%;
	background: url(../images/pdCloumnBg3.png) no-repeat center center;
	background-size: cover;
	left: 45.46%;
	top: 0px;
	z-index: 3;
}

/* 产品中心end */
/*第二通栏end*/
/*
*第三通栏start fpx 2018
*/
/* .column3 {
	background: #fff;
}
.column3Con{
	overflow: hidden;
}
.column3Swiper{
	overflow: hidden;
	background: #fafafa;
	height: 330px;
}
.column3Swiper .swiper-slide {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
	 -webkit-align-items: center;
	 align-items: center;
	 transition: 300ms;
    }
.column3Swiper .swiper-slide .con{
	height: 100%;
	width: 100%;
}
.column3Swiper  .picBox{
	transition: all 0.3s linear;
}
.column3Swiper .swiper-slide .pic{
	transform: scale(.5);
	-webkit-transform: scale(.5);
	transform-origin: 0% 100%;
	border-radius: 100%;
	overflow: hidden;
}
.column3Swiper .swiper-slide .pic:after{
	display: block;
	content: "";
	position: absolute;
	left: 0%;
	right: 0%;
	top: 0%;
	bottom: 0%;
	border: 6px solid #fff;
	border-radius: 100%;
}
.column3Swiper .swiper-slide.heihei .pic{
	transform: scale(0.6);
	-webkit-transform: scale(0.6);
	transform-origin:100% 100%;
	overflow: auto;
}
.column3Swiper .swiper-slide .pic::before{
	padding-top: 100%;
}
.column3Swiper .swiper-slide.swiper-slide-active .pic{
	transform: scale(1);
	-webkit-transform: scale(1);
	transform-origin: 50% -100%;
}
.column3Swiper .swiper-slide.swiper-slide-active .picBox {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform-origin: 50% -10%;
	padding: 10%;
	border: 1px dotted #1c83d5;
	border-radius: 100%;
}
.column3Swiper .swiper-slide.swiper-slide-active .picBox .pic::after{
	display: none;
}
.column3SwiperText{
	position: relative;
} */

.column3 {
	background: #fff;
}
.column3Con{
	overflow: hidden;
	position: relative;
}
.column3Swiper{
	overflow: hidden;
	padding: 60px 0;
	background: #fff;
}
.column3Swiper .swiper-slide {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
	 -webkit-align-items: center;
	 align-items: center;
	 transition: 300ms;
    }
.column3Swiper .swiper-slide .con{
	height: 100%;
	width: 100%;
}
.column3Swiper  .picBox{
	transition: all 0.3s linear;
}
.column3Swiper .swiper-slide .pic{
	transform: scale(.5);
	-webkit-transform: scale(.5);
	transform-origin: 0% 50%;
	border-radius: 100%;
	overflow: hidden;
}
.column3Swiper .swiper-slide .pic:after{
	display: block;
	content: "";
	position: absolute;
	left: 0%;
	right: 0%;
	top: 0%;
	bottom: 0%;
	border: 6px solid #fff;
	border-radius: 100%;
}
.column3Swiper .swiper-slide.heihei .pic{
	transform: scale(0.6);
	-webkit-transform: scale(0.6);
	transform-origin:100% 50%;
	overflow: auto;
}
.column3Swiper .swiper-slide.haha .pic{
	transform: scale(0.6);
	-webkit-transform: scale(0.6);
	transform-origin:0% 50%;
	overflow: auto;
}
.column3Swiper .swiper-slide .pic::before{
	padding-top: 100%;
}
.column3Swiper .swiper-slide.swiper-slide-active .pic{
	transform: scale(1);
	-webkit-transform: scale(1);
	transform-origin: 50% 50%;
}
.column3Swiper .swiper-slide.swiper-slide-active .picBox {
	transform: scale(1.5);
	-webkit-transform: scale(1.5);
	transform-origin: 50% 50%;
	padding: 10%;
	border: 1px dotted #1c83d5;
	border-radius: 100%;
}
.column3Swiper .swiper-slide.swiper-slide-active .picBox .pic::after{
	display: none;
}
.column3SwiperText{
	position: relative;
	width: 37.5%;
	margin: 0 auto;
}
.column3Name{
	height: 62px;
	line-height: 62px;
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #1c83d5;
}
.column3Duty{
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #999;
	text-align: center;
}
.swiperPrev{
	position: absolute;
	width: 55px;
	height: 66px;
	left: 0px;
	top: 36px;
	background:url(../images/swiper3Prev.png) center center no-repeat;
	transition:all 0.3s linear;
	-wbkit-transition:all 0.3s linear;
	outline: none;
}
.swiperNext{
	position: absolute;
	width: 55px;
	height: 66px;
	right: 0px;
	left: auto;
	top: 36px;
	background:url(../images/swiper3Next.png) center center no-repeat;
	transition:all 0.3s linear;
	-wbkit-transition:all 0.3s linear;
	outline: none;
}
.swiperPrev:hover{
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	background:url(../images/swiper3Prev_h.png) center center no-repeat;
}
.swiperNext:hover{
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	background:url(../images/swiper3Next_h.png) center center no-repeat;
}
.column3More{
	text-align: center;
}
.column3More span {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding-right: 20px;
    background: url(../images/moreRight.png) right center no-repeat;
    font-size: 14px;
    color: #666;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}
.column3More span:hover {
    color: #1c83d5;
    padding-right: 30px;
    background: url(../images/moreRight_h.png) right center no-repeat;
}
/*第三通栏end*/
/*第四通栏start*/
.column4Dl{
	overflow: hidden;
}
.column4Dl dd{
	float: left;
	display: inline;
	width: 50%;
}
.column4Dl dd .con{
	position: relative;
}
.column4Dl dd .pic:before{
	padding-top: 42.1875%;
}
.column4Dl dd .text{
	position: absolute;
	left: 25%;
	width: 31%;
	height: 100%;
	top: 0;
}
.column4Dl dd .title a{
	display: block;
	height: 42px;
	line-height: 42px;
	font-size: 24px;
	font-weight: bold;
}
.column4Dl dd.dd1 .title a{
	color: #2f231f;
}
.column4Dl dd.dd2 .title a{
	color: #491d0d;
}
.column4Dl dd .title1{
	display: block;
	height: 34px;
	line-height: 34px;
	font-size: 16px;
	margin-bottom: 18px;
}
.column4Dl dd.dd1 .title1{
	color: #004fff;
}
.column4Dl dd.dd2 .title1{
	color: #8c503b;
}
.column4Dl dd .textC{
	line-height: 26px;
	font-size: 14px;
}
.column4Dl dd.dd1 .textC{
	color: #496ab4;
}
.column4Dl dd.dd2 .textC{
	color: #cb5c35;
}
.column4Dl dd .more a{
	display: inline-block;
	width: 36px;
	height: 36px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.column4Dl dd.dd1 .more a{
	background: url(../images/indexMore1.png) center center no-repeat;
}
.column4Dl dd.dd2 .more a{
	background: url(../images/indexMore2.png) center center no-repeat;
}
.column4Dl dd .more a:hover{
	transform: translateY(-3px);
	-webkit-transform: translateY(-3px);
}
/*第四通栏end*/
/*底部开始*/
.footer {
	background: url(../images/footerBg.jpg) bottom center no-repeat;
}

.footerBody {
	overflow: hidden;
}

.footerBodyL {
	margin-right: 50px;
}

.footerBodyC {
	overflow: hidden;
	padding-top: 17px;
}

.footerBodyR {
	padding-left: 100px;
	padding-top: 17px;
	background: url(../images/dian.png) center right no-repeat;
	height: 212px;
}

.footerMenu {
	overflow: hidden;
}

.footerMenu dd {
	float: left;
	display: inline;
	margin-right: 30px;
	min-width: 85px;
}

.footerMenu dd em {
	font-style: normal;
	display: block;
	line-height: 50px;
	height: 50px;
	overflow: hidden;
	margin-bottom: 20px;
}

.footerMenu dd em a {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
}

.footerMenu dd em a:hover {
	color: #b2d4ee;
}

.footerMenu dd span {
	font-style: normal;
	display: block;
	line-height: 20px;
	padding: 5px 0;
	overflow: hidden;
}

.footerMenu dd span a {
	font-size: 14px;
	color: #b2d4ee;
	transition: all 0.3s linear;
	-webkit-transition: all .3s linear;
}

.footerMenu dd span a:hover {
	color: #fff;
	padding-left: 5px;
}

.footerWay {
	position: relative;
	height: 50px;
	padding-right: 62px;
	overflow: hidden;
}

.footerWay:after {
	display: block;
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	background: #ff9b1b url(../images/wiconTel.png) center center no-repeat;
	border-radius: 50%;
	right: 0;
	top: 0;
}

.footerWay .title {
	padding-top: 5px;
	text-align: right;
}

.footerWay .title img {
	display: block;
	height: 39px;
}

.footerAdd,
.bq {
	line-height: 20px;
	padding: 5px 0;
	font-size: 14px;
	color: #b2d4ee;
	text-align: right;
}

.footerBodyC {
	text-align: center;
}

.footerEwm {
	overflow: hidden;
	display: inline-block;
	font-size: 0;
}

.footerEwm dd {
	float: left;
	display: inline;
	position: relative;
	width: 127px;
	overflow: hidden;
	margin: 0 10px;
}

.footerEwm dd img {
	display: block;
	width: 127px;
	height: 127px;
}

.footerEwm dd span {
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #b2d4ee;
	font-size: 14px;
}

.footerBottom {
	border-top: 1px solid rgba(255, 255, 255, 0.3);
	height: 55px;
	line-height: 55px;
}

.footerBottomL {
	overflow: hidden;
}

.footerBottomL span {
	font-size: 14px;
	color: #b2d4ee;
	margin-right: 20px;
}

.footerBottomL span a {
	color: #b2d4ee;
}

.footerBottomL span a:hover {
	color: #fff;
}

.footerBottomR .bshare-custom a {
	width: 30px;
	height: 55px;
	margin-left: 8px;
	margin-right: 0;
}

.footerBottomR .bshare-custom .bshare-weixin {
	background: url(../images/wx.png) right center no-repeat;
}

.footerBottomR .bshare-custom .bshare-qzone {
	background: url(../images/wb.png) right center no-repeat;
}

.footerBottomR .bshare-custom .bshare-qqim {
	background: url(../images/qq.png) right center no-repeat;
}
.footerBottomR span {
	font-size: 14px;
	color: #b2d4ee;
}
.footerBottomR span a {
	color: #b2d4ee;
}
.footerBottomR span a:hover {
	color: #fff;
}
/*底部结束*/
/*
-----------------------------首页样式end-----------------------------
*/
/*
-----------------------------频道页start-----------------------------
*/
/*
-----------------------------频道页end-----------------------------
*/
/*内页框架开始*/
.subBox{
	height: 300px;
}
.subBanner{
	width: 100%;
	height: 300px;
	background-position:  center center;
	background-repeat: no-repeat;
}
/*内页外结构开始*/

/*内页外结构结束*/
/*当前位置开始*/
.locationBox{
	height:60px;
	line-height: 60px;
}
.locationLeft span{
	font-size: 14px;
	color: #999;
	background: url(../images/home.png) left center no-repeat;
	line-height: 60px;
	padding: 10px 0 10px 28px;
}
.locationLeft a{
	font-size: 14px;
	color: #999;
}
.locationLeft em{
	font-style: normal;
	font-size: 14px;
	color: #999;
}
.locationLeft a.hover{
	color: #1c83d5;
}
.locationMenu{
	overflow: hidden;
	padding: 12px 0;
}
.locationMenu dd{
	float: left;
	display: inline;
	margin-right: 20px;
}
.locationMenu dd a{
	display: block;
	width: 140px;
	line-height: 36px;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	border-radius: 18px;
	overflow: hidden;
	font-size: 14px;
	color: #333;
	background: #f3f3f3;
	text-align: center;
}
.locationMenu dd:hover a{
	background: #1c83d5;
	color: #fff;
}
.locationMenu dd.hover a{
	background: #1c83d5;
	color: #fff;
}
/*当前位置结束*/
/*页码开始*/
.page {
	padding: 20px 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;
}

.page span {
	display: inline-block;
	padding: 6px 2px;
	position: relative;
	top: -15px;
}

.page a:hover {
	background: #1c83d5;
	color: #fff;
}

.page a.hover {
	background: #1c83d5;
	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)
}

/*页码结束*/
/*内页框架结束*/
@media screen and (max-width: 1680px) {
    .wrap {
       width: 1200px;
    }
	.menuDl dd{
		margin: 0 7px;
	}
	.locationMenu dd a{
		width: 110px;
	}
	.locationMenu dd{
		margin-right: 15px;
	}
}
