/*****************公共样式*****************/
.w{width: 1200px;margin: 0 auto;}
.tran{transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);}
.tranX{transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.tranY{transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.prestrain-img {
	display: none;
}
html body *{
    font-family: 'microsoft yahei ui','microsoft yahei', 'pingfang SC','helvetica neue',arial,'hiragino sans gb',simsun,sans-serif !important
}

html body{
    font-family: 'microsoft yahei ui','microsoft yahei', 'pingfang SC','helvetica neue',arial,'hiragino sans gb',simsun,sans-serif !important;
	min-width:1200px !important
}
/*
html{
    font-family:'pingfang SC','helvetica neue',arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif !important
}
/*
/* flex布局 */
.flex-item{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-center{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-middle{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-box{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex-betw{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}

/*头部*/
.headSpace{
	width: 100%;
	height: 80px;
}
.header{
	width: 100%;
	height: 80px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 999;
}

.header.fixed {
	position: fixed;
}

.header .headerB .logo {
	vertical-align: middle;
	margin-right: 52px;
}
.header .headerB{background: #f4f7ff;height: 100%;line-height: 80px;}
.headerB .resiLogin a{display: inline-block;vertical-align: middle;line-height: 30px;padding: 0 12px;border-radius: 4px;font-size: 14px;color: #1F1F1F;transition: all .4s;}
.headerB .resiLogin a.registeredBtn{background: #ff9c1b;}
.headerB .resiLogin a.loginBtn:hover{color: #0060D7;}
.headerB .resiLogin a.probation {
	display: inline-block;
	width: 114px;
	height: 40px;
	background: #0060D7;
	border-radius: 4px;
	line-height: 40px;
	text-align: center;
	color: #fff;
}
.headerB .resiLogin a.probation:hover {
	background: #0e71ec;
}
.headerB .navWrap {
	/* position: relative; */
	float: left;
}
.headerB .navWrap .header-nav-hover-line {
	position: absolute;
	bottom: 0;
	left: 302px;
	width: 0;
	height: 3px;
	transition: all .5s;
	background: #0060D7;
}
.headerB .resiLogin a.registeredBtn.active,.headerB .resiLogin a.registeredBtn:hover{background: #ffb60d;}
.nav li{float:left;height: 100%;}
.nav li:last-child{margin-right: 0;}
.nav li>a{
	display: block;
	height: 100%;
	margin-right:50px;
	font-size: 15px;
	color: #0C151F;
	text-align: center;
}
.nav li>a span{
	display: inline-block;
	vertical-align: top;
	height: 100%;
	position: relative;
}
.nav li>a i{display: inline-block;vertical-align: middle;width: 8px;height: 4px;background: url(../img/base/header_popdefault.png) no-repeat center;background-size: 100%;margin-left: 5px;transition: all .4s;}
.nav li>a:hover,.nav a.active{color: #0060D7;}
.nav li>a:hover i,.nav a.active i{background: url(../img/base/header_popacitve.png) no-repeat center;background-size: 100%;}
.nav li>a em{
	position: absolute;
	top: 26px;
	right: -28px;
	display: inline-block;
	width: 24px;
	height: 10px;
}
.nav li>a em img{max-width: 100%;vertical-align: top;}
.nav .navDropWrap{
	display: none;
	width: 100%;
	background: rgba(255,255,255, 0.98);
	position: absolute;
	top: 100%;
	left: 0;
	padding: 30px 0;
	box-shadow: 0px 4px 32px 0px rgb(203 211 218 / 100%);
}
.nav .navDropMain{width: 25%;float: left;}
.nav .navDropItem .title{font-size: 14px;color: #3D3D3D;font-weight: bold;line-height: 36px;padding: 0 20px;}
.nav .navDropItem .content a{padding: 20px;width: 280px;height: 80px;transition: all .4s;}
.nav .navDropItem .content a:hover{background: #fff;box-shadow: 0 4px 16px 1px rgba(17, 120, 225, 0.16);}
.nav .navDropItem .content a:hover .text .txt1{color: #1178E1;}
.nav .navDropItem .content a:hover .text .txt2{color: #1178E1;}
.nav .navDropItem .content a .img{
	width: 40px;
	height: 40px;
	display: inline-flex;
	border-radius: 4px;overflow: hidden;margin-right: 15px;}
.nav .navDropItem .content a .img img{width: 100%;vertical-align: unset;}
.nav .navDropItem .content a .text{line-height: 1.6;}
.nav .navDropItem .content a .text .txt1{font-size: 16px;color: #3D3D3D;transition: all .4s;}
.nav .navDropItem .content a .text .txt2{font-size: 14px;color: #A8A8A8;transition: all .4s;}

/*底部*/
.footer{
	/* height: 440px; */
	/* background: url(../img/base/footer_bg.jpg) no-repeat center; */
	padding: 60px 0 25px;
	background-size: 1920px;
}
.footer .footer-content {
	position: relative;
	height: 100%;
}
.footMain .left{
	width: 15.8%;
	height: 250px;
	border-right: 1px solid rgba(255, 255, 255, 0.15);
}
.footMain .left .saleIcon{width: 38px;height: 40px;}
.footMain .left .saleIcon a{display: block;width: 100%;height: 100%;cursor: default;}
.footMain .left .saleIcon a img{width: 100%;}
.footMain .left .saleService{line-height: 28px;margin-top: 30px;}
.footMain .left .saleService .txt1{color: #fff;font-size: 12px;}
.footMain .left .saleService .txt2{color: #fff;font-size: 18px;font-weight: bold;}
.footMain .left .saleService .txt2 a{color: #fff;transition: all .4s;}
.footMain .left .saleService .txt2 a:hover{color: #1178E1;}
.footMain .right{width: 84.2%;padding-left: 60px;display: flex;}
.footMain .right .footLink{flex: 1;}
.footMain .right .footLink.attenUs{flex: 2;}
.footMain .right .footLink .linkTit{cursor:default;font-size: 14px;color: #fff;margin-bottom: 25px;}
.footMain .right .footLink .linkTit a{color: #fff;font-size: 14px;transition: all .4s;}
.footMain .right .footLink .linkTit i{display: inline-block;vertical-align: middle;width: 3px;height: 8px;background: url(../img/footer_friendlink.png) no-repeat center;background-size: 100%;margin-left: 4px;}
.footMain .right .footLink .linkTit a:hover{color: #1178E1;}
.footMain .right .footLink .linkTit a:hover i{color: #1178E1;background: url(../img/footer_friendlink_on.png) no-repeat center;}
.footMain .right .footLink ul li a{font-size: 12px;color:#4d95ed;line-height: 28px;transition: all .4s;}
.footMain .right .footLink ul li a:hover{color: #fff;}
.footMain .right .footLink.attenUs .rqItem{margin-right: 26px;}
.footMain .right .footLink.attenUs .rqItem:last-child{margin-right: 0;}
.footMain .right .footLink.attenUs .text{font-size: 12px;color: #4d95ed;margin-bottom: 15px;}
.footMain .right .footLink.attenUs .img{width: 106px;height: 106px;}
.footMain .right .footLink.attenUs .img img{width: 100%;}
.copyRight {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	font-size: 12px;
	color: #4d95ed;
}
.copyRight i{display: inline-block;vertical-align: middle;margin: -5px 4px 0 8px;}
.copyRight .footer-link {
	color: #4d95ed;
}

.copyRight .footer-link:hover {
	color: #fff;
}


/*****************首页*****************/
/*动画*/
@keyframes schedule{
	0%{width: 0;}
	100%{width: 100%;}
}
@-moz-keyframes schedule{
	0%{width: 0;}
	100%{width: 100%;}
}
@-ms-keyframes schedule{
	0%{width: 0;}
	100%{width: 100%;}
}
@-webkit-keyframes schedule{
	0%{width: 0;}
	100%{width: 100%;}
}
.banner .swiper-slide a,
.banner .swiper-slide img{width: 100%;}
.banner .bannerBar{position: absolute;z-index: 11;width: 100%;left: 0;bottom: 0;}
.banner .bannerPagination{text-align: center;margin-bottom: 20px;}
.banner .swiper-pagination-bullet{position: relative;width: 30px;height: 4px;margin: 0 5px;}
.banner .swiper-pagination-bullet::before{
	content: '';display: block;width: 100%;height: 100%;background: #fff;opacity: 0.6;position: absolute;top: 0;left: 0;
}
.banner .swiper-pagination-bullet {
	background-color: transparent;
	opacity: 1;
}
.banner .swiper-pagination-bullet-active {
	background-color: transparent;
}
.banner .swiper-pagination-bullet-active::after{content: '';display: block;width: 0;height: 100%;background: #fff;opacity: 1;position: absolute;top: 0;left: 0;animation:schedule 3.2s linear;-webkit-animation:schedule 3.2s linear;}
.banner .bannerMenu{background: #fff;}
.banner .bannerMenu li{float: left;width: 25%;height: 100px;}
.banner .bannerMenu li .menuItem {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.banner .bannerMenu li .menuItem:hover {
	box-shadow: 0px 1px 24px 0px rgba(13, 49, 94, 0.15);
}
.banner .bannerMenu li .menu-icon {
	position: absolute;
	top: 24px;
	left: 45px;
	display: inline-block;
	width: 60px;
	height: 60px;
}
.banner .bannerMenu li .menu-icon-0 {
	background-image: url(../img/index/banner_icon1.png);
}
.banner .bannerMenu li .menu-icon-1 {
	background-image: url(../img/index/banner_icon2.png);
}
.banner .bannerMenu li .menu-icon-2 {
	background-image: url(../img/index/banner_icon3.png);
}
.banner .bannerMenu li .menu-icon-3 {
	background-image: url(../img/index/banner_icon4.png);
}
.banner .bannerMenu li h4{
	position: absolute;
	top: 28px;
	left: 123px;
	font-size: 18px;
	font-weight: 400;
	color: #1f1f1f;
}
.banner .bannerMenu li p{
	position: absolute;
	top: 61px;
	left: 124px;
	font-size: 14px;
	font-weight: 400;
	color: #8f8f8f;
}

.index-tit{text-align: center;margin-bottom: 50px;}
.index-tit h3{font-size: 34px;line-height: 1;margin-bottom: 20px;color: #3d3d3d;}
.index-tit p{font-size: 16px;color: #A8A8A8;line-height: 20px;}
.index-tit1 p{color: #96B5D2;}

.indexProduct{
	height: 784px;
	background: url(../img/index/product_bg.jpg) no-repeat center;
	background-size: 1920px;
}
.indexProduct .index-tit {
	padding-top: 78px;
}
.indexProduct .productMenu {
	border-bottom: 1px solid #dfdfdf;
}
.indexProduct .index-tit p {
	color: #1F1F1F;
}
.productMenu a{float: left;width: 33.33%;display: block;text-align: center;}
.productMenu a span{display: block;width: 48px;height: 48px;margin: 0 auto;position: relative;}
.productMenu a span img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: .4s;}
.productMenu a span .img2{opacity: 0;}
.productMenu a h4{margin: 4px 0 14px;font-size: 18px;line-height: 30px;transition: .4s;}
.productMenu a .line{width: 120px;height: 2px;margin: 0 auto;}
.productMenu a .line::before{display: block;content: '';width: 0;height: 2px;background: #0079e6;margin: 0 auto;transition: .4s;}
.productMenu a.on span .img1{opacity: 0;transition: .4s;}
.productMenu a.on span .img2{opacity: 1;transition: .4s;}
.productMenu a.on h4{color: #0079e6;transition: .4s;}
.productMenu a.on .line::before{width: 100%;transition: .4s;}
.productMenu a:hover span .img1{opacity: 0;transition: .4s;}
.productMenu a:hover span .img2{opacity: 1;transition: .4s;}
.productMenu a:hover h4{color: #0079e6;transition: .4s;}
.productMenu a:hover .line::before{width: 100%;transition: .4s;}
.proWrapper{
	position: relative;
}

.proContent{display: none;}
.proSwiper{margin: 80px 0;}
.proSwiper .itemBox {
	position: relative;
	top: 0;
	height: 350px;
	display: block;
	padding: 35px;
	box-shadow: 0px 2px 8px 0px rgba(13, 49, 94, 0.15);
	border-radius: 4px;
	color: #1F1F1F;
	transition: top 1s;
}
.proSwiper .itemBox:hover, .proSwiper .itemBox.active  {
	top: -8px;
	color: #fff;
}

.proSwiper .itemBox img {
	position: absolute;
	top: 0;
	left: 0;
}
.proSwiper .itemBox .img2 {
	opacity: 0;
	transition: all 1s;
}
.proSwiper .itemBox:hover .img2, .proSwiper .itemBox.active .img2 {
	opacity: 1;
}

.proSwiper .swiper-slide  {
	padding: 10px 0;
}
.proSwiper .swiper-slide:nth-child(2n + 1) {
	padding-left: 25px;
}
.proSwiper .swiper-slide:nth-child(2n) {
	padding-right: 25px;
}
@keyframes moveTopAnimate {
	0% { top: 0; }
	100%   { top: -20px }
}
@keyframes moveBottomAnimate {
	0% { top:  -20px; }
	100%   { top: 0 }
}

.proSwiper .itemBox .annimate {
	position: relative;
	width: 100%;
	height: 100%;
}
.proSwiper .itemBox.deactive .annimate {
	top: 0;
	animation: 1s moveBottomAnimate;
}

.proSwiper .itemBox.active .annimate {
	top: -20px;
	animation: 1s moveTopAnimate;
}

.proSwiper .itemBox h4 {
	position: relative;
	margin-top: 35px;
	font-size: 22px;
	font-weight: bold;
	top: 0;
}

.proSwiper .itemBox:hover h4, .proSwiper .itemBox.active h4 {
	color: #fff;
}
.proSwiper .itemBox h4.newIcon::after{
	content: '';
	display: inline-block;
	vertical-align: top;
	width: 38px;
	height: 15px;
	background: url(../img/index/product_tag_default.png) no-repeat center;
	background-size: 100%;
	margin: -5px 0 0 2px;
}
.proSwiper .itemBox:hover h4.newIcon::after{
	background: url(../img/index/product_tag_active.png) no-repeat center;

}
.proSwiper .itemBox p{
	position: relative;
	margin-top: 18px;
	top: 0;
	font-size: 14px;
	color: #8F8F8F;
}
.proSwiper .itemBox:hover p, .proSwiper .itemBox.active p  {
	color: #fff;
}
.proSwiper .itemBox ul {
	position: relative;
	margin-top: 16px;
	top: 0;
	font-size: 16px;
	line-height: 32px;
	list-style: disc;
	padding-left: 20px;
}
.proSwiper .itemBox:hover ul {
	color: #fff;
}
@keyframes showAnimate {
	0% 	{ 
		opacity: 0;
	 }
	100%  { 
		opacity: 1;
	}
}
@keyframes hideAnimate {
	0% 	  { 
		opacity: 1; 
	}
	100%  { 
		opacity: 0;
	 }
}
.proSwiper .itemBox .btn-box {
	position: absolute;
	bottom: 20px;
	opacity: 0;
	font-size: 0;
}
.proSwiper .itemBox.deactive .btn-box {
	animation: 1s hideAnimate;
}

.proSwiper .itemBox.active .btn-box {
	display: block;
	opacity: 1;
	animation: 1s showAnimate;
}
.proSwiper .itemBox .btn{
	display: inline-block;
	width: 108px;
	line-height: 38px;
	border: 1px solid #fff;
	border-radius: 3px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

.proSwiper .itemBox .btn:hover{
	background-color: #fff;
	color: #0060D7;
	transition: .4s;
}
.proSwiper .itemBox .btn.btn2 {
	margin-left: 18px;
	color: #fff;
	background-color: #FF7D05;
	border-color: #FF7D05;
}
.proSwiper .itemBox .btn.btn2:hover {
	background-color: #ff8a05;
	border-color: #ff8a05;
}
.proSwiper .swiper-pagination{margin-bottom: 10px;}
.proSwiper .swiper-pagination-bullet{width: 25px;height: 5px;margin: 0 5px;background: #fff;border-radius: 0;opacity: 1;}
.proSwiper .swiper-pagination-bullet-active{background: #1178e1;}


.indexSolve{
	padding-top: 80px;
	height: 880px;
	background-position: center;
	background-size: 1920px;
	position: relative;
	overflow: hidden;
}
.indexSolve.bg1 {
	background-image: url(../img/index/case_jidian.jpg);
}
.indexSolve.bg2 {
	background-image: url(../img/index/case_wujinjiancai.jpg);
}
.indexSolve.bg3 {
	background-image: url(../img/index/case_wujinjiagong.jpg);
}
.indexSolve.bg4 {
	background-image: url(../img/index/case_shipin.jpg);
}
.indexSolve.bg5 {
	background-image: url(../img/index/case_xumu.jpg);
}
.indexSolve .solveMenu .icon-more {
	display: inline-block;
	width: 6px;
	height: 12px;
	background: url('../img/index/case_more.png');
}
.indexSolve .index-tit {
	top: 80px;
	left: 0;
	z-index: 5;
}
.indexSolve .index-tit h3 {
	font-size: 34px;
	font-weight: 400;
	color: #FFFFFF;
}
.indexSolve .index-tit p {
	font-size: 16px;
	color: #FFFFFF;
}
.indexSolve .solveContainer{
	position: relative;
	height: 100%;
}
.indexSolve .solveMenu{
	position: relative;
	z-index: 1;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	justify-content: space-between;
	align-items: stretch;
	border-bottom: 1px solid rgba(255,252,255,0.2);
}
.indexSolve .solveMenu a{
	display: block;
}
.indexSolve .solveMenu a h4{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 36px;
	padding: 10px 16px;
}
.indexSolve .solveMenu .line{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	background: #FFFFFF;
	transition: .4s;
}

.indexSolve .solveMenu a.on .line::before{
	width: 100%;
	transition: .4s;
}
.indexSolve .solveMenu a:hover .line::before{width: 100%;transition: .4s;}
.indexSolve .solveBox{height: 100%;position: relative;/*box-shadow: -6px 0px 6px 0px rgba(17,120,225,0.16);*/z-index: 3;/*background: #eaf5ff;*/}
.indexSolve .solveBox .sanjiao{display: block;content: '';width: 0;height: 0;background: #f4f7ff;position: absolute;left: -8px;box-shadow: -6px -6px 6px 0px rgba(17,120,225,0.1);border-style: solid;border-width: 8px;border-color: transparent #f4f7ff transparent transparent;transform: rotate(-45deg);transition: all .4s;}
.indexSolve .solveBox .sanjiao.sj0{top: 34.5%;}
.indexSolve .solveBox .sanjiao.sj1{top: 44%;}
.indexSolve .solveBox .sanjiao.sj2{top: 53.5%;}
.indexSolve .solveBox .sanjiao.sj3{top: 63%;}
.indexSolve .solveBox .solveContent{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 1;
	transition: .4s;}
.indexSolve .solveBox .solveContent.active{opacity: 1;z-index: 2;transition: .4s;}
.indexSolve .solveList{
	margin: 0 0 -10px -1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 721px;
}

.indexSolve .solveList  h3 {
	font-size: 28px;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 100px;
}
.indexSolve .solveList  p {
	font-size: 14px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 28px;
	margin-top: 35px;
	height: 150px;
}


.indexSolve .solveContent .btn{
	display: inline-block;
	width: 175px;
	line-height: 52px;
	border: 1px solid #FFFFFF;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	font-size: 16px;
}

.indexSolve .solveContent .btn:hover{
	background-color: #fff;
	color: #0060D7;
	transition: .4s;
}
.indexSolve .solveContent .btn.btn2 {
	margin-left: 18px;
	color: #fff;
	background-color: #0060D7;
	border-color: #0060D7;
}
.indexSolve .solveContent .btn.btn2:hover {
	background-color: #0e71ec;
	border-color: #0e71ec;
}

.indexSolve .solveCase{
	position: relative;
	margin: 100px 0 0;
}
.indexSolve .solveCase ul{position: absolute;top: 0;left: 0;width: 100%;height: 92px;opacity: 0;visibility: hidden;z-index: 1;transition: .4s;}
.indexSolve .solveCase ul.active{opacity: 1;visibility: visible;z-index: 2;transition: .4s;}
.indexSolve .solveCase ul li{
	float: left;
	font-size: 0;
}
.indexSolve .solveCase ul li a{
	display: inline-block;
}


/*动画*/
@keyframes drift{
	0%{top: 24.36%}
	50%{top: 27%;}
	100%{top: 24.36%;}
}
@-moz-keyframes drift{
	0%{top: 24.36%}
	50%{top: 27%;}
	100%{top: 24.36%;}
}
@-ms-keyframes drift{
	0%{top: 24.36%}
	50%{top: 27%;}
	100%{top: 24.36%;}
}
@-webkit-keyframes drift{
	0%{top: 24.36%}
	50%{top: 27%;}
	100%{top: 24.36%;}
}


@keyframes drift1{
	0%{top:29%}
	50%{top: 32%;}
	100%{top: 29%;}
}
@-moz-keyframes drift1{
	0%{top:29%}
	50%{top: 32%;}
	100%{top: 29%;}
}
@-ms-keyframes drift1{
	0%{top:29%}
	50%{top: 32%;}
	100%{top: 29%;}
}
@-webkit-keyframes drift1{
	0%{top:29%}
	50%{top: 32%;}
	100%{top: 29%;}
}


@keyframes drift2{
	0%{top:36%}
	25%{top: 34%;}
	50%{top: 36%;}
	75%{top: 38%;}
	100%{top: 36%;}
}
@-moz-keyframes drift2{
	0%{top:36%}
	25%{top: 34%;}
	50%{top: 36%;}
	75%{top: 38%;}
	100%{top: 36%;}
}
@-ms-keyframes drift2{
	0%{top:36%}
	25%{top: 34%;}
	50%{top: 36%;}
	75%{top: 38%;}
	100%{top: 36%;}
}
@-webkit-keyframes drift2{
	0%{top:36%}
	25%{top: 34%;}
	50%{top: 36%;}
	75%{top: 38%;}
	100%{top: 36%;}
}
.indexFinance{height: 817px;background: url(../img/main_ecology_bg.png) no-repeat center center;padding-top: 83px;}
.financeCircle{height: 610px;position: relative;}
.financeCircle .img{position: absolute;top: 24.36%;left: 34.33%;animation:drift 3.5s linear infinite;-webkit-animation:drift 3.5s linear infinite;}
.financeCircle .img1{position: absolute;top: 29%;left: 39%;z-index: 1;animation:drift1 4s linear infinite;-webkit-animation:drift1 4s linear infinite;}
.financeCircle .img2{position: absolute;top: 36%;left: 38%;animation:drift2 5s linear infinite;-webkit-animation:drift2 5s linear infinite;}
.financeCircle ul{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 5;}
.financeCircle ul li{position: absolute;width: 88px;height: 88px;}
.financeCircle ul li.item1{top: 5%;left: 53.33%;}
.financeCircle ul li.item2{top: 7.4%;right: 17%;}
.financeCircle ul li.item3{top: 43.78%;right: 22.75%;}
.financeCircle ul li.item4{top: 63%;left: 51.83%;}
.financeCircle ul li.item5{top: 70%;left: 30%;}
.financeCircle ul li.item6{top: 46%;left: 13.5%;}
.financeCircle ul li.item7{top: 19.7%;left: 30.66%;}
.financeCircle ul li a{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 100%;}
.financeCircle ul li a h3{text-align:center;font-size: 20px;line-height: 22px;color: #fff;font-weight: bold;position: relative;z-index: 3;}
.financeCircle ul li a h4{position: absolute;white-space: nowrap;font-size: 18px;font-weight:bold;color: #1079F0;z-index: 5;left: 50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.financeCircle ul li a h4.text-top{bottom: calc(100% + 10px);}
.financeCircle ul li a h4.text-bottom{top: calc(100% + 10px);}
.financeCircle ul li span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: url(../img/main_ecology_circle_default.png) no-repeat;background-size: 100% 100%;}
.financeCircle ul li a:hover span{background-image: url(../img/main_ecology_circle_selected.png);transition: .4s;}
.financeCircle ul li a:hover h4{color: #FF844F;transition: .4s;}


.indexNews{
	padding: 80px 0;
	height: 580px;
	width: 100%;
	background-image: url(../img/index/news_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1920px;
}
.indexNews .index-tit {
	height: 34px;
	font-size: 34px;
	font-weight: 400;
	color: #1F1F1F;
	margin-bottom: 128px;
}
.indexNews .index-tit p{
	font-size: 16px;
	font-weight: 400;
	color: #1F1F1F;
}
.indexNews .newsWrapper{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #FFFFFF;
	box-shadow: 3px 5px 18px 0px #d4dae5;
	border-radius: 4px;
}
.indexNews .newsWrapper .newsItem::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 220px;
	width: 1px;
	background: #EBEBEB;
}
.indexNews .newsWrapper .newsItem:first-child:before {
	content: none;
}
.indexNews .newsItem{
	position: relative;
	width: 400px;
	padding: 27px 40px 20px 30px;
}
.indexNews .newsTit {
	display: block;
	position: relative;
	padding-bottom: 23px;
	font-size: 0;
	cursor:pointer;
}
.indexNews .newsTit:hover{
	color: #186FDB;
}
.indexNews .newsTit .icon{
	width: 30px;
	height: 30px;
}
.indexNews .newsTit h4{
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	font-weight: bold;
	margin-left: 14px;
}
.indexNews .newsTit i{
	float: right;
	width: 6px;
	height: 12px;
	background: url(../img/index/news_more_default.png) no-repeat;
	background-size: contain;
	vertical-align: middle;
	margin-top: 9px;
}
.indexNews .newsTit:hover i{
	background-image: url(../img/index/news_more_active.png); 
	transition: .4s;
}

.indexNews .newsList li a{
	display: block;
	cursor:pointer;
	font-size: 14px;
	color:#3D3D3D;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.indexNews .newsList li a:hover {color: #186FDB;}

.indexBar-box {
	width: 100%;
	height: 100px;
}

.indexBar{
	width: 100%;
	height: 100px;
	background: url(../img/index/ad_bg.png) no-repeat center center;
	background-size: 1920px;
}
.fixed-bottom {
	position: fixed;
	bottom: 0;
	z-index: 9999;
}
.indexBar .barWrap {
	position: relative;
	height: 100%;
}
.indexBar .barWrap-icon-close {
	position: absolute;
	top: 15px;
	right: 0;
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url(../img/index/ad_close.png);
	cursor: pointer;
}
.indexBar h3 {
	position: absolute;
	left: 100px;
	margin: 0;
	font-size: 26px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 100px;
}
.indexBar .applyBtn {
	position: absolute;
	top: 25px;
	right: 184px;
	display: inline-block;
	width: 150px;
	height: 50px;
	background: #FFFFFF;
	text-align: center;
	line-height: 50px;
	box-shadow: 0px 2px 12px 0px #EC6A00;
	border-radius: 25px;
	color: #FF750F;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}

.indexBar  .applyBtn:hover{
	box-shadow: 0px 8px 12px #ec5300
}


.popup{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;display: none;}
.popup .popupFlex{height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.popup .popupBox{width: 420px;box-shadow:0px 0px 16px 0px rgba(102,102,102,0.24);border-radius:6px;background: #fff;padding: 18px 30px 22px;position: relative;display: none;}
.popup .popupTit{font-size: 16px;line-height: 24px;color: #3D3D3D;margin-bottom: 12px;}
.popup .popupClose{display: block;width: 24px;height: 24px;background: url(../img/×.png) no-repeat center center;position: absolute;right: 20px;top: 18px;transition: .4s;}
.popup .popupClose:hover{transition: .4s;transform: rotate(180deg);}
.popup .applyForm{margin: 0 -5px;}
.popup .formSec{float: left;width: 50%;padding: 5px;}
.popup .formSec.fullWidth{width: 100%;}
.popup .formSec.on .inputGroup{border: 1px solid #FF7B1C;}
.popup .formSec.on .inputGroup .info{display: none;}
.popup .formSec.on .inputGroup .noInfo{display: block;}
.popup .formSec.on .inputGroup .noInfo::-webkit-input-placeholder{color: #FF7B1C;}
.popup .formSec.on .inputGroup .noInfo::-moz-placeholder{color: #FF7B1C;}
.popup .formSec.on .inputGroup .noInfo::-ms-input-placeholder{color: #FF7B1C;}
.popup .formSec.on .inputGroup .noInfo:-ms-input-placeholder{color: #FF7B1C;}
.popup .formSec .inputGroup .noInfo{display: none;}
.popup .inputGroup{border: 1px solid #c2c2c2;border-radius: 4px;}
.popup .inputGroup input{display: block;width: 100%;height: 30px;line-height: 30px;padding: 0 10px;}
.popup .formSec textarea{display: block;width: 100%;padding: 8px  10px;resize: none;outline: none;border-radius: 4px;}
.popup .formBtns{float: left;width: 100%;margin-top: 10px;text-align: center;}
.popup .applySubmit{display: inline-block;width: 180px;line-height: 40px;background: #1178E1;color: #fff;border-radius: 4px;text-align: center;transition: .4s;}
.popup .applySubmit:hover{background:rgba(17,120,225,1);box-shadow:0px 2px 8px 0px rgba(17,120,225,0.6);transition: .4s;}
.popup .select{position: relative;z-index: 5;}
.popup .select>*{cursor: pointer;}
.popup .select input{padding-right: 30px;box-sizing: border-box;}
.popup .select i{display: block;width: 30px;height: 30px;position: absolute;right: 0;top: 0;background: url(../img/down.png) no-repeat center center;transition: .4s;}
.popup .select .selectDrop{position: absolute;width: 100%;top: calc(100% + 1px);left: 0;background: #fff;border-radius: 4px;box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.16);display: none;}
.popup .select .selectDrop li{padding: 5px 11px;line-height: 20px;}
.popup .select .selectDrop li:hover{background-color: #E6E6E6;transition: .4s;}
.popup .select.on{border-color: #1178E1;}
.popup .select.on i{transition: .4s;transform: rotate(180deg);}
.popup .inputGroup.onError{border-color: #FF7B1C !important;}
.popup .inputGroup.onError input{color: #FF7B1C;}
.popup .inputGroup.onError input::placeholder{color: #FF7B1C;}
.popup .inputGroup.onError input::-moz-placeholder{color: #FF7B1C;}
.popup .applyState{height: 304px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.popup .applyState p{margin-top: 20px;font-size: 16px;line-height: 24px;}

.swiper-container.leftSwiper .swiper-slide img{object-fit: cover;width: 100%;height: 400px;}
.swiper-container.leftSwiper .swiper-slide img{object-fit: cover;width: 100%;height:100% !important;}

.swiper-slide img{object-fit: cover;width: 100%;}
.indexBanner{height: 840px !important;width: 100%;}
	.indexBanner .swiper-slide img{object-fit: cover;width: 100%;height: 600px;}
/*****************首页  End!*****************/

/*****************代理商列表*****************/
.banner .swiper-slide {
	width: 100%;
	height: 740px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 1920px 740px;
}
.banner .swiper-slide .swiper-content {
	position: relative;
}

.banner .swiper-content .title {
	position: absolute;
	top: 194px;
	font-size: 54px;
	font-weight: bold;
	color: #ffffff;
  }
  .banner .swiper-content p {
	position: absolute;
	top: 283px;
	font-size: 24px;
	color: #ffffff;
  }
  .banner .swiper-content .btn-box {
	position: absolute;
	top: 411px;
  }
  
  .banner .swiper-content .btn {
	display: inline-block;
	width: 170px;
	height: 52px;
	border: 1px solid #FFFFFF;
	border-radius: 4px;
	text-align: center;
	line-height: 52px;
	font-size: 16px;
	color: #ffffff;
  }

  .banner .swiper-content .btn.btn1 {
		border: 1px solid #FFFFFF;
  }
  
  .banner .swiper-content .btn + .btn {
	margin-left: 24px;
  }
  .banner .swiper-content .btn.btn2 {
		background: #0060D7;
		border: 1px solid #0060D7;
  }
  .banner .swiper-content .btn1:hover {
		background: #ffffff;
		color: #0060d7;
  }
  .banner .swiper-content .btn.btn2:hover {
	background: #0e71ec;
	border-color: #0e71ec;
  }
  .indexBanner .swiper-wrapper {
	  height: 740px;
  }
.banner .pager1{bottom: 20px;}
.banner .pager1 .swiper-pagination-bullet{width: 30px;height: 4px;background: #fff;border-radius: 0;opacity: 0.6;}
.banner .pager1 .swiper-pagination-bullet-active{opacity: 1;}

.agentWrap{width: 100%;background: #f2f7ff;padding: 40px 0 75px;}
.agentMain .left{width: 32%;}
.agentMain .left .localCity{background: #fff;padding: 39px 40px 40px;margin-bottom: 20px;}
.agentMain .left .localCity .tit{font-size: 14px;color: #3D3D3D;margin-bottom: 15px;}
.agentMain .left .localCity .layui-main{width: 100%;}
.agentMain .left .localCity .layui-form-item{margin-bottom: 0;width: 210px;border: 1px solid #c2c2c2;position: relative;}
.agentMain .left .localCity .layui-form-item::before{content: '';display: block;height: 20px;width: 1px;background: rgba(194, 194, 194, 1);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);z-index: 9;}
.agentMain .left .localCity .layui-form-item .layui-inline{margin: 0;width: 100px;border: 0;}
.agentMain .left .localCity .layui-input,.agentMain .left .localCity .layui-select,.agentMain .left .localCity .layui-textarea{height: 30px;}
.agentMain .left .localCity .layui-form-select dl{top: 30px;left: -1px;}
.agentMain .left .localCity .layui-input, .agentMain .left .localCity .layui-select, .agentMain .left .localCity .layui-textarea{border: 0;}
.agentMain .left .localCity .layui-form-select dl dd.layui-this{background-color: #1178e1;}
.agentMain .left .localCity .layui-form-select .layui-input{padding-right: 20px;}
.agentMain .left .localCity .layui-form-select .layui-edge{right: 5px;width: 11px;height: 6px;border: 0;background: url(../img/agent/location_down.png) no-repeat center;background-size: 100%;}
.agentMain .left .localCity .layui-form-selected .layui-edge{margin: -3px;}
.leftSwiper .swiper-slide .img{width: 100%;}header .headerH .headMainH .right a:first-child
.leftSwiper .swiper-slide .img img{width: 100%;}
.leftSwiper .swiper-button-next{right: 0;}
.leftSwiper .swiper-button-prev{left: 0;}
.leftSwiper .swiper-button-next, .leftSwiper .swiper-button-prev{background-image:none;width: 30px;height: 133px;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);margin: 0;}
.leftSwiper .swiper-button-next:focus, .leftSwiper .swiper-button-prev:focus{outline: 0;}
.leftSwiper .swiper-button-next img, .leftSwiper .swiper-button-prev img{max-width: 100%;}
.leftSwiper .swiper-button-next>img, .leftSwiper .swiper-button-prev>img{opacity: 0.2;}
.leftSwiper .swiper-button-next:hover>img, .leftSwiper .swiper-button-prev:hover>img{opacity: 0.4;}
.leftSwiper .swiper-button-next i, .leftSwiper .swiper-button-prev i{display: block;width: 7px;height: 18px;position: absolute;top: 50%;left:50%;opacity: 1;margin-top: -9px;}
.leftSwiper .swiper-button-next i{margin-left: -2.3px;}
.leftSwiper .swiper-button-prev i{margin-left: -4.7px;}
.leftSwiper .pager2 .swiper-pagination-bullet{width: 8px;height: 8px;background: #fff;opacity: 0.3;transition: all .4s;border-radius: 10px;}
.leftSwiper .pager2 .swiper-pagination-bullet-active{width: 22px;opacity: 1;}

.agentMain .right{width: 68%;padding-left: 20px;}
.agentMain .right .tit{font-size: 14px;color: #3D3D3D;font-weight: 500;}
.agentMain .right .tit em{font-size: 14px;color: #1178E1;}
.agentMain .right .agentListMain li{margin-top: 20px;padding: 27px 40px 27px 20px;background: #fff;position: relative;transition: all .4s;}
.agentMain .right .agentListMain li:hover{box-shadow: 0 4px 16px 1px rgba(17, 120, 225, 0.16);transform: translateY(-6px);-webkit-transform: translateY(-6px);-moz-transform: translateY(-6px);-ms-transform: translateY(-6px);}
/*.agentMain .right .agentListMain li:hover .reserve{background: #FF9C1B;
    color: #fff;}*/
.agentMain .right .agentListMain li:nth-child(n+9){display: none;}
.agentMain .right .agentListMain.active li:nth-child(n+9){display: block;}
.agentListMain li .company{display:block;width: 80%;height: 100%;cursor: default;}
.agentListMain li .company .img{width: 120px;height: 60px;display: flex;justify-content: center;align-items: center;}
.agentListMain li .company .img img{max-width: 100%;max-height: 100%;}
.agentListMain li .company .text{width: 78%;padding-left: 20px;}
.agentListMain li .company .text .txt1{margin-bottom: 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height:22px}
.agentListMain li .company .text .txt1 span{cursor:pointer;font-size: 16px;color: #3D3D3D;font-weight: bold;margin-right: 15px;transition: all .4s;}
.agentListMain li .company .text .txt1 span:hover{color: #1178E1;}
.agentListMain li .company .text .txt1 em{font-size: 12px;line-height: 16px;border: 1px solid #1178e1;color: #1178E1;padding: 0 8px;margin-right: 3px;}
.agentListMain li .company .text .txt1 em:last-child{margin-right: 0;}
.agentListMain li .company .text .txt2{font-size: 14px;color: #A8A8A8;font-weight: 500;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.agentListMain li .reserve{display:block;width: 140px;height: 40px;line-height:40px;text-align: center;font-size: 14px;color: #FF9C1B;border: 1px solid #FF9C1B;border-radius: 4px;position: absolute;right: 40px;top: 50%;margin-top: -20px;transition: all .4s;}
.agentListMain li .reserve:hover,.agentListMain li .reserve.active{background: #FF9C1B;color: #fff;}
.readMore{text-align: center;margin-top: 20px;}
.readMore a{display:none;font-size: 14px;color: #3D3D3D;padding-right:25px;vertical-align: middle;transition: all .4s;}
.readMore a.active{display: inline-block;}
.readMore .a1{background: url(../img/agent/more_default.png) no-repeat center right;}
.readMore .a2{background: url(../img/agent/more_default1.png) no-repeat center right;}
.readMore .a1:hover{color: #1178E1;background: url(../img/agent/more_selected.png) no-repeat center right;}
.readMore .a2:hover{color: #1178E1;background: url(../img/agent/more_selected1.png) no-repeat center right;}



/*****************代理商详情*****************/
.agentBanner .swiper-slide .img{position: relative;}
.agentBanner .swiper-slide .img .text{position: absolute;top: 50%;left: 50%;padding-left: 100px;line-height: 24px;}
.agentBanner .swiper-slide .img .text .txt1{font-size: 30px;color: #1178E1;font-weight: bold;margin-bottom: 12px;}
.agentBanner .swiper-slide .img .text .txt2{font-size: 14px;color: #A8A8A8;font-weight: 500;}

.agentDetailH{width: 100%;background: #fff;padding: 10px 20px 10px 0;}
.agentDetailH .left,.agentDetailH .right{width: 50%;}
.agentDetailH .left a{display: flex;width: 240px;height: 120px;justify-content: center;align-items: center;}
.agentDetailH .left a img{max-width: 100%;max-height: 100%;}
.agentDetailH .right .tit{margin: 10px 0 12px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.agentDetailH .right .tit a{cursor:default;font-size: 18px;color: #3D3D3D;font-weight: bold;margin-right: 15px;}
.agentDetailH .right .tit em{display:inline-block;vertical-align:middle;font-size: 12px;line-height: 16px;border: 1px solid #1178e1;color: #1178E1;padding: 0 8px;margin-right: 3px;}
.agentDetailH .right .address{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1.8;}
.agentDetailH .right .address span{font-size: 14px;color: #3D3D3D;font-weight: 600;}
.agentDetailH .right .address em{font-size: 14px;color: #A8A8A8;font-weight: 500;}
.agentDetailB{margin-top: 20px;}
.agentDetailB .detailMain{background: #fff;min-height: 480px;}
.agentDetailB .left,.agentDetailB .right{width: 50%;}
.agentDetailB .left{padding-right: 10px;}
.agentDetailB .left .title{width: 100%;}
.agentDetailB .left .title a{display:block;width: 50%;float:left;line-height: 46px;border: 1px solid #1178e1;text-align: center;font-size: 14px;color: #1178E1;transition: all .4s;}
.agentDetailB .left .title a.active{background: #1178E1;color: #fff;}
.agentDetailB .left .title1 a{width: 100%;}
.agentDetailB .left .content{padding: 47px 46px;}
.agentDetailB .left .contnetItem{display: none;}
.agentDetailB .left .contnetItem.active{display: block;}
.agentDetailB .left .contnetItem p{font-size: 16px;color: #3D3D3D;line-height: 30px;}
.agentDetailB .right{padding-left: 10px;}
.agentDetailB .right .detailMain{padding: 30px 50px 40px 44px;}
.agentDetailB .right .detailMain .formItem{width: 100%;margin-bottom: 34px;}
.agentDetailB .right .detailMain .formItem .txt1{font-size: 16px;color: #3D3D3D;font-weight: bold;margin-bottom: 12px;}
.agentDetailB .right .detailMain .formItem .inputBox{position:relative;height: 40px;line-height: 40px;background: #F5F7FA;}
.agentDetailB .right .detailMain .formItem .inputBox input{display: inline-block;vertical-align: top;width: 100%;height: 100%;padding: 0 10px;font-size: 14px;color: #3D3D3D;}
.agentDetailB .right .detailMain .formItem .inputBox input::-webkit-input-placeholder{color: #C2C2C2;}
.agentDetailB .right .detailMain .formItem .inputBox input::-moz-placeholder{color: #C2C2C2;}
.agentDetailB .right .detailMain .formItem .inputBox input::-ms-input-placeholder{color: #C2C2C2;}
.agentDetailB .right .detailMain .formItem .inputBox input:-ms-input-placeholder{color: #C2C2C2;}
.agentDetailB .right .detailMain .formItem .inputBox .plaseInput{display:none;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-size: 14px;color: #FF1515;font-weight: 500;padding: 0 10px;}
.agentDetailB .right .detailMain .formItem .inputBox .plaseInput i{display: inline-block;vertical-align: top;height: 100%;width: 13px;background: url(../img/agent/icon.png) no-repeat center;background-size: 100%;margin-right: 4px;}
.agentDetailB .right .detailMain .formItem .textBox{background: #F5F7FA;height: 80px;}
.agentDetailB .right .detailMain .formItem .textBox textarea{width: 100%;height: 100%;resize: none;background: #F5F7FA;padding: 10px;font-size: 14px;color: #3D3D3D;}
.agentDetailB .right .detailMain .formItem .textBox textarea::-webkit-input-placeholder{color: #C2C2C2;}
.agentDetailB .right .detailMain .formItem .textBox textarea::-moz-placeholder{color: #C2C2C2;}
.agentDetailB .right .detailMain .formItem .textBox textarea::-ms-input-placeholder{color: #C2C2C2;}
.agentDetailB .right .detailMain .formItem .textBox textarea:-ms-input-placeholder{color: #C2C2C2;}
.agentDetailB .right .detailMain button{width: 200px;height: 46px;font-size: 16px;color: #FFA530;font-weight: 500;border: 1px solid #FFA530;border-radius: 4px;transition: all .4s;}
.agentDetailB .right .detailMain button:hover{background: #FFA530;color: #fff;}

.reservePupop{display:none;width: 420px;height: 340px;padding-top:114px;background: #fff;border-radius: 6px;position: fixed;top: 50%;left: 50%;z-index: 9;box-shadow:0px 0px 16px 0px rgba(102,102,102,0.24);}
.reservePupop .close{cursor:pointer;width: 13px;height: 13px;background: url(../img/close.png) no-repeat center;background-size: 100%;position: absolute;top: 22px;right: 24px;transition: all .4s;}
.reservePupop .close:hover{transition: .4s;transform: rotate(180deg);}
.reservePupop .img{margin: 0 auto 20px;width: 74px;height: 74px;border-radius: 50%;overflow: hidden;}
.reservePupop .img img{width: 100%;}
.reservePupop .tip{font-size: 16px;color: #3D3D3D;width: 100%;text-align: center;padding: 0 10px;}


/*****************新闻动态*****************/
.newsMain .left{width: 23.6%;}
.newsMain .left .newsNav{padding: 20px 40px;background: #fff;margin-bottom: 40px;}
.newsMain .left .newsNav li{height: 56px;line-height: 56px;border-bottom: 1px solid #EBEBEB;}
.newsMain .left .newsNav li:last-child{border-bottom: 0;}
.newsMain .left .newsNav li:hover a,.newsMain .left .newsNav li.active a{background: url(../img/news/arrow1_on.png) no-repeat center right;color: #1178E1;}
.newsMain .left .newsNav li a{position:relative;display: block;height: 100%;width: 100%;font-size: 16px;color: #3D3D3D;font-weight: bold;padding: 0 10px 0 30px;background: url(../img/news/arrow1.png) no-repeat center right;}
.newsMain .left .newsNav li a i{display: block;height: 15px;width: 15px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.newsMain .left .newsNav li a i{display: block;height: 15px;width: 15px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.newsMain .left .newsNav .icon1 a i{background: url(../img/news/icon1.png) no-repeat center;background-size: 100%;}
.newsMain .left .newsNav .icon2 a i{background: url(../img/news/icon2.png) no-repeat center;background-size: 100%;}
.newsMain .left .newsNav .icon3 a i{background: url(../img/news/icon3.png) no-repeat center;background-size: 100%;}
.newsMain .left .newsNav .icon4 a i{background: url(../img/news/icon4.png) no-repeat center;background-size: 100%;}
.newsMain .left .newsNav .icon5 a i{background: url(../img/news/icon5.png) no-repeat center;background-size: 100%;}
.newsMain .left .newsNav .icon1.active a i,.newsMain .left .newsNav .icon1:hover a i{background: url(../img/news/icon1_on.png) no-repeat center;background-size: 100%;}
.newsMain .left .newsNav .icon2.active a i,.newsMain .left .newsNav .icon2:hover a i{background: url(../img/news/icon2_on.png) no-repeat center;background-size: 100%;}
.newsMain .left .newsNav .icon3.active a i,.newsMain .left .newsNav .icon3:hover a i{background: url(../img/news/icon3_on.png) no-repeat center;background-size: 100%;}
.newsMain .left .newsNav .icon4.active a i,.newsMain .left .newsNav .icon4:hover a i{background: url(../img/news/icon4_on.png) no-repeat center;background-size: 100%;}
.newsMain .left .newsNav .icon5.active a i,.newsMain .left .newsNav .icon5:hover a i{background: url(../img/news/icon5_on.png) no-repeat center;background-size: 100%;}

.newsMain .right{width: 76.4%;padding-left: 20px;}
.newsMain .right .newsList{background: #fff;padding: 0 80px 36px;}
.newsMain .right .newsList li{padding: 40px 0;border-bottom: 1px solid #DBDBDB;}
.newsMain .right .newsList li a{display: block;width: 100%;height: 100%;}
.newsMain .right .newsList li a .img{width: 69%;width: 204px;height: 140px;overflow: hidden;}
.newsMain .right .newsList li a .img img{width: 100%;;height:100%; transition: all .4s;}
.newsMain .right .newsList li a:hover .img img{transform: scale(1.06);-webkit-transform: scale(1.06);-moz-transform: scale(1.06);-ms-transform: scale(1.06);}
.newsMain .right .newsList li a:hover .text .txt1{color: #1178E1;}
.newsMain .right .newsList li a .text{width: 69%;}
.newsMain .right .newsList li a .text .txt1{font-size: 16px;color: #3D3D3D;font-weight: bold;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 20px;}
.newsMain .right .newsList li a .text .txt2{font-size: 14px;color: #3D3D3D;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsMain .right .newsList li a .text .txt3{height: 12px;line-height:12px;margin-top: 42px;font-size: 12px;color: #C2C2C2;}
.newsMain .right .newsList li a .text .txt3::before{content: '';display: inline-block;vertical-align: top;height: 100%;width: 12px;background: url(../img/news/time.png) no-repeat center;background-size: 100%;margin-right: 10px;transition: all .4s;}

.page{text-align: center;margin-top: 36px;}
.page a{display: inline-block;vertical-align: middle;width: 32px;height: 32px;line-height:30px;text-align:center;border: 1px solid #DBDBDB;margin: 0 8px;font-size: 14px;color: #A8A8A8;}
.page a.active{border: 1px solid transparent;color: #3D3D3D;width: auto;margin: 0 5px;}
.page span{font-size: 14px;color: #A8A8A8;}
.page .pageText{width: 60px;}


/*****************新闻详情*****************/
.newsDetailMain .left{width: 76.4%;padding-right: 20px;}
.newsDetailMain .left .leftMain{background: #fff;padding: 36px 40px;}
.newsDetailMain .left .newsContent{padding-bottom: 20px;}
.newsDetailMain .left .newsContent .title h1{font-size: 18px;color: #3D3D3D;font-weight: bold;}
.newsDetailMain .left .newsContent .title .time{height: 12px;line-height:12px;margin-top: 18px;font-size: 12px;color: #C2C2C2;}
.newsDetailMain .left .newsContent .title .time::before{content: '';display: inline-block;vertical-align: top;height: 100%;width: 12px;background: url(../img/news/time.png) no-repeat center;background-size: 100%;margin-right: 10px;transition: all .4s;}
.newsDetailMain .left .newsContent .newsTextItem{margin-top: 36px;font-size: 14px;color: #3D3D3D;line-height: 36px;}
.newsDetailMain .left .newsLink{border-top: 1px solid #C2C2C2;padding-top: 36px;}
.newsDetailMain .left .newsLink a{display: block;width: 100%;font-size: 14px;color: #3D3D3D;line-height: 14px;margin-bottom: 20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transition: all .4s;}
.newsDetailMain .left .newsLink a:hover{color: #1178E1;}
.newsDetailMain .left .newsLink a:last-child{margin-bottom: 0;}
.newsDetailMain .left .newsLink a em{color: #1178E1;}
.newsDetailMain .right{width: 23.6%;}
.newsDetailMain .right .rightLink{padding: 20px 40px;background: #fff;margin-bottom: 40px;}
.newsDetailMain .right .rightLink .title{position:relative;height: 56px;line-height: 56px;border-bottom: 1px solid #EBEBEB;font-size: 16px;color: #3D3D3D;font-weight: bold;padding-left: 30px;}
.newsDetailMain .right .rightLink .title i{display: block;height: 15px;width: 15px;background: url(../img/news/icon1.png) no-repeat center;background-size: 100%;position: absolute;top: 50%;left: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.newsDetailMain .right .rightLink .linkItem a{display:block;height: 56px;line-height: 56px;border-bottom: 1px solid #EBEBEB;transition: all .4s;font-size: 14px;color: #3D3D3D;}
.newsDetailMain .right .rightLink .linkItem a:last-child{border-bottom: 0;}
.newsDetailMain .right .rightLink .linkItem a:hover{color: #1178E1;}


/*****************解决方案列表*****************/
.solutionBanner .swiper-slide .img .text .txt1{color: #fff;}
.solutionBanner .swiper-slide .img .text .txt2{color: #fff;}

.solutionStyle{width: 100%;background: #fff;padding: 36px 20px 36px 80px;}
.solutionStyle .title{font-size: 22px;color: #3D3D3D;font-weight: bold;margin-bottom: 36px;}
.solutionStyle .styleItem{margin-bottom: 10px;}
.solutionStyle .styleItem .left{width: 75px;line-height: 30px;font-size: 18px;color: #3D3D3D;font-weight: bold;}
.solutionStyle .styleItem .styleOption{width: 90%;}
.solutionStyle .styleItem .styleOption .linkLeft{width: 62px;margin: 0 19px 0 0;}
.solutionStyle .styleItem .styleOption .linkRight{width: 90%;}
.solutionStyle .styleItem .styleOption a{display: block;float: left;line-height: 28px;padding:0 14px;border: 1px solid #E6E6E6;margin: 0 19px 16px 0;white-space: nowrap;font-size: 16px;color: #3D3D3D;font-weight: 500;transition: all .4s;}
.solutionStyle .styleItem .styleOption a.active{border:1px solid #1178E1;background: #1178E1;color: #fff;}
.solutionStyle .styleItem .styleOption a.active:hover{color: #fff;}
.solutionStyle .styleItem .styleOption a:hover{border: 1px solid #1178E1;color: #1178E1;}

.solutionPartner{width: 100%;}
.solutionPartner ul{margin: 24px -10px 30px;}
.solutionPartner ul li{padding: 10px;width: 33.33%;float: left;}
.solutionPartner ul li a{display: block;width: 100%;height: 100%;background: #fff;transition: all .4s;}
.solutionPartner ul li a:hover{-webkit-transform: translate3d(0,-6px,0);-ms-transform: translate3d(0,-6px,0);transform: translate3d(0,-6px,0);box-shadow: 0 0 16px 1px rgba(17, 120, 225, 0.16);}
.solutionPartner ul li a:hover .text .txt1{color: #1178E1;}
.solutionPartner ul li a:hover .text .txt2{opacity: 0;-webkit-transform: translate3d(0,22px,0);-ms-transform: translate3d(0,22px,0);transform: translate3d(0,22px,0);}
.solutionPartner ul li a:hover .text .txt3{opacity:1;-webkit-transform: translate3d(0,-22px,0);-ms-transform: translate3d(0,-22px,0);transform: translate3d(0,-22px,0);}
.solutionPartner ul li a .img{width: 100%;height: 120px;display: flex;justify-content: center;align-items: center;}
.solutionPartner ul li a .img img{max-height: 100%;max-width: 100%;}
.solutionPartner ul li a .text{text-align: center;padding: 0 10px;}
.solutionPartner ul li a .text .txt1{font-size:22px;line-height:22px;color:#3D3D3D;font-weight:bold;margin-bottom:16px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.solutionPartner ul li a .text .txt2{font-size:16px;color:#3D3D3D;width: 268px;margin-left:calc(50% - 134px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;opacity: 1;transition: all .4s;}
.solutionPartner ul li a .text .txt3{font-size:16px;color: #1178E1;transition: all .4s;opacity: 0;}
.solutionPartner ul li a .text .txt3::after{content: '';display: inline-block;vertical-align: middle;width: 14px;height: 11px;background: url(../img/solution/arrow.png) no-repeat center;background-size: 100%;margin-left: 10px;}


/*****************解决方案详情*****************/
.bgFFF{width: 100%;background: #fff;padding: 40px 0 75px;}
.solutionBanner .swiper-slide .img .solutionBtn{position: absolute;bottom: 90px;left: 50%;padding-left: 100px;}
.solutionBanner .swiper-slide .img .solutionBtn a{display: inline-block;vertical-align: middle;width: 140px;line-height: 38px;border: 1px solid #fff;border-radius: 2px;font-size: 16px;color: #fff;text-align: center;margin-right: 15px;transition: all .4s;}
.solutionBanner .swiper-slide .img .solutionBtn a:last-child{margin-right: 0;}
.solutionBanner .swiper-slide .img .solutionBtn a.active,.solutionBanner .swiper-slide .img .solutionBtn a:hover{background: #fff;color: #1178E1;}
.solution .left{width: 23.6%;}
.solution .left .companyInfo{width: 100%;background: #f7faff;padding: 25px 40px;margin-bottom: 40px;}
.solution .left .companyItem{border-bottom: 1px solid #DBDBDB;}
.solution .left .companyItem:last-child{border-bottom: 0;}
.solution .left .partnerLogo{width: 100%;text-align: center;padding-bottom: 30px;}
.solution .left .partnerLogo .img{width: 100%;height: 60px;display: flex;justify-content: center;align-items: center;}
.solution .left .partnerLogo .img img{max-height: 100%;max-width: 100%;}
.solution .left .partnerLogo .name{font-size: 18px;color: #3D3D3D;font-weight: 600;margin-top: 5px;}
.solution .left .companyBrief{font-size: 14px;color: #3D3D3D;padding: 30px 0 15px;line-height: 30px;}
.solution .left .induBusiness{padding: 15px 0;}
.solution .left .induBusiness .title{font-size: 14px;color: #3D3D3D;font-weight: 600;line-height: 30px;}
.solution .left .induBusiness p{font-size: 14px;color: #3D3D3D;line-height: 30px;}

.solution .right{width: 68%;}
.solution .right .description{width: 100%;background: #f7faff;padding: 58px 112px 56px;font-size: 18px;color: #3D3D3D;font-weight: bold;line-height: 36px;position: relative;}
.solution .right .description::before,.solution .right .description::after{content: '';display:block;width: 28px;height: 23px;position: absolute;}
.solution .right .description::before{top: 20px;left: 74px;background: url(../img/solution/icon1.png) no-repeat center;background-size: 100%;}
.solution .right .description::after{bottom: 20px;right: 92px;background: url(../img/solution/icon2.png) no-repeat center;background-size: 100%;}

.comDescItem{padding: 35px 0;border-bottom: 1px solid #EBEBEB;}
.comDescItem:last-child{border-bottom: 0;padding-bottom: 0;}
.comDescItem .title{font-size: 22px;color: #1178E1;font-weight: bold;margin-bottom: 25px;}
.comDescItem1 .content p{margin-bottom: 30px;font-size: 16px;color: #3D3D3D;line-height: 30px;}
.comDescItem1 .content .img{text-align: center;}
.comDescItem1 .content .img img{max-width: 100%;max-height: 100%;}
.comDescItem1 .content p:last-child{margin-bottom: 0;}
.comDescItem2 .textItem{margin-bottom: 30px;font-size: 16px;color: #3D3D3D;font-weight: bold;line-height: 30px;}
.comDescItem2 .textItem:last-child{margin-bottom: 0;}
.comDescItem2 .textItem .txt2{font-weight: initial;}
.comDescItem3 .text p{font-size: 16px;color: #3D3D3D;line-height: 30px;margin-bottom: 30px;}
.comDescItem3 .text p:last-child{margin-bottom: 0;}
.comDescItem3 .text .img{text-align: center;}
.comDescItem3 .text .img span{margin: 0 8px;}
.comDescItem4 .text p{font-size: 16px;color: #3D3D3D;line-height: 30px;}


/*****************联系我们*****************/
.companyProfile{width: 100%;background: #fff;padding: 45px 0 50px;}
.profileMain .title{width: 100%;font-size: 36px;color: #1178E1;font-weight: bold;text-align: center;margin-bottom: 30px;}
.profileMain .content{font-size: 18px;color: #3D3D3D;font-weight: 500;line-height: 32px;}
.profileMain .content p{font-size: 18px;color: #3D3D3D;font-weight: 500;line-height: 32px;margin-bottom: 30px;}
.profileMain .content p:last-child{margin-bottom: 0;}
.profileMain .content .img{text-align: center;}
.profileMain .content .img img{max-height: 100%;max-width: 100%;}

.companyServerWrap{background: #f7faff;padding: 59px 0 65px;}
.companyServer ul{margin: 0 -17px;}
.companyServer ul li{padding: 15px 17px;float: left;width: 33.33%;}
.companyServer .serverItem{width: 100%;height: 480px;background: #fff;padding: 0 30px;position: relative;transition: all .4s;}
.companyServer .serverItem:hover{-webkit-transform: translate3d(0,-6px,0);-ms-transform: translate3d(0,-6px,0);transform: translate3d(0,-6px,0);box-shadow: 0 0 16px 1px rgba(17, 120, 225, 0.16);}
.companyServer .serverItem .serveBtn:hover{background: #FF9C1B;color: #fff;}
.companyServer .serverItem .serverItemH{text-align: center;border-bottom: 1px solid #E9EDF2;padding-bottom: 8px;}
.companyServer .serverItem .serverItemH .icon{height: 100px;width: 100%;display: flex;justify-content: center;align-items: center;}
.companyServer .serverItem .serverItemH .icon img{max-height: 100%;max-width: 100%;}
.companyServer .serverItem .serverItemH .txt1{font-size: 22px;color: #3D3D3D;font-weight: bold;line-height: 22px;margin-bottom: 3px;}
.companyServer .serverItem .serverItemH .txt2{font-size: 14px;color: #A8A8A8;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.companyServer .serverItem .serverItemB{width: 100%;text-align: center;padding-top: 30px;}
.companyServer .serverItem .serverItemB.help p{width: 70%;margin: 0 auto;}
.companyServer .serverItem .serverItemB p{font-size: 14px;color: #4F4F4F;font-weight: bold;line-height: 30px;}
.companyServer .serverItem .serverItemB p a{font-size: 14px;color: #4F4F4F;font-weight: bold;transition: all .4s;}
.companyServer .serverItem .serverItemB p a:hover{color: #1178E1;}
.companyServer .serverItem .time{width: 100%;font-size: 12px;color: #A8A8A8;line-height: 12px;position: absolute;bottom: 40px;left: 0;text-align: center;}
.companyServer .serverItem .serveBtn{display:block;width: 180px;line-height: 46px;text-align:center;font-size:16px;color:#FF9C1B;border: 1px solid #FF9C1B;border-radius: 4px;position: absolute;bottom: 90px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);transition: all .4s;}


/*****************下载中心*****************/
.downloadMain{margin: 0 auto}
.downloadMain .left .newsNav{background: #f7faff;}
.downloadCenter .left .newsNav .icon1 a i{background: url(../img/download/icon1.png) no-repeat center;background-size: 100%;}
.downloadCenter .left .newsNav .icon2 a i{background: url(../img/download/icon2.png) no-repeat center;background-size: 100%;}
.downloadCenter .left .newsNav .icon3 a i{background: url(../img/download/icon3.png) no-repeat center;background-size: 100%;}
.downloadCenter .left .newsNav .icon4 a i{background: url(../img/download/icon4.png) no-repeat center;background-size: 100%;}
.downloadCenter .left .newsNav .icon5 a i{background: url(../img/download/icon5.png) no-repeat center;background-size: 100%;}
.downloadCenter .left .newsNav .icon1.active a i,.downloadCenter .left .newsNav .icon1:hover a i{background: url(../img/download/icon1_on.png) no-repeat center;background-size: 100%;}
.downloadCenter .left .newsNav .icon2.active a i,.downloadCenter .left .newsNav .icon2:hover a i{background: url(../img/download/icon2_on.png) no-repeat center;background-size: 100%;}
.downloadCenter .left .newsNav .icon3.active a i,.downloadCenter .left .newsNav .icon3:hover a i{background: url(../img/download/icon3_on.png) no-repeat center;background-size: 100%;}
.downloadCenter .left .newsNav .icon4.active a i,.downloadCenter .left .newsNav .icon4:hover a i{background: url(../img/download/icon4_on.png) no-repeat center;background-size: 100%;}
.downloadCenter .left .newsNav .icon5.active a i,.downloadCenter .left .newsNav .icon5:hover a i{background: url(../img/download/icon5_on.png) no-repeat center;background-size: 100%;}

.downloadMain .right{width: 70%;padding: 0;}
.downloadMain .downloadList{width: 100%;}
.downloadMain .downloadList .search{margin-bottom: 40px;}
.downloadMain .downloadList .searchBox{width: 740px;height: 40px;line-height:40px;padding: 0 45px;background: url(../img/download/search.png) no-repeat 3% center;background-size: auto;border: 1px solid #D1D1D1;border-radius: 4px;}
.downloadMain .downloadList .searchBox input{display: inline-block;vertical-align: top;width: 100%;height: 100%;font-size: 14px;color: #333;}
.downloadMain .downloadList .searchBox input::-webkit-input-placeholder{font-size: 14px;color: #D1D1D1;}
.downloadMain .downloadList .searchBox input::-moz-placeholder{font-size: 14px;color: #D1D1D1;}
.downloadMain .downloadList .searchBox input::-ms-input-placeholder{font-size: 14px;color: #D1D1D1;}
.downloadMain .downloadList .searchBox input:-ms-input-placeholder{font-size: 14px;color: #D1D1D1;}
.downloadMain .downloadList .searchBtn{width: 82px;height: 40px;font-size: 16px;color: #FF9C1B;text-align: center;border: 1px solid #FF9C1B;border-radius: 4px;transition: all .4s;}
.downloadMain .downloadList .searchBtn:hover{background: #FF9C1B;color: #fff;}
.downloadItem .downH{height: 56px;line-height: 56px;display: flex;border-bottom: 1px solid #E1E6ED;justify-content: space-around;}
.downHItem{height: 100%;}
.downHItem a{display: block;height: 100%;position: relative;font-size: 16px;color: #3D3D3D;font-weight: bold;transition: all .4s;}
.downHItem:hover a{color: #1178E1;}
.downHItem a::after{content:'';display: block;width: 0;height: 2px;background: #1178E1;position: absolute;bottom: 0;left: 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transition: all .4s;}
.downHItem.active a::after,.downloadItem .downH .downHItem:hover a::after{width: 100%;}
.downBItem{display: none;}
.downBItem.active{display: block;}
.downBItem .sortBy{border-bottom: 1px solid #E1E6ED;padding: 17px 0;}
.downBItem .sortBy a,.downloadItem .downB .downBItem .sortBy span{display: block;float: right;}
.downBItem .sortBy a{margin-left: 20px;width: 70px;height: 22px;border-radius:1px;line-height:20px;text-align:center;border: 1px solid #D1D1D1;font-size: 14px;color: #757575;font-weight: 500;transition: all .4s;}
.downBItem .sortBy a.active,.downloadItem .downB .downBItem .sortBy a:hover{background: #FF9C1B;border: 1px solid #FF9C1B;color: #fff;}
.downBItem .sortBy span{font-size: 14px;color: #757575;font-weight: 500;}
.downBItem ul li:nth-child(n+11){display: none;}
.downBItem ul.active li:nth-child(n+11){display: block;}
.downBItem ul li .listH{height: 56px;line-height: 56px;border-bottom: 1px solid #E1E6ED;}
.downBItem ul li .listH .title{cursor:pointer;font-size: 16px;color: #757575;font-weight: 500;transition: all .4s;}
.downBItem ul li .listH:hover .title{color: #1178E1;}
.downBItem ul li .listH .time{font-size: 14px;color: #A8A8A8;font-weight: 500;}
.downBItem ul li .listH .time span{margin-left: 40px;}
.downBItem ul li .listH .time span:first-child{margin-left: 0;}
.downBItem ul li .liDrop{display:none;padding: 25px 47px 25px 30px;background: #f7faff;position: relative;}
.downBItem ul li .liDrop .downLink{width: 90%;}
.downBItem ul li .liDrop .downLink .txt1{font-size: 16px;color: #757575;font-weight: 500;margin-bottom: 8px;}
.downBItem ul li .liDrop .downLink .txt2 a{font-size: 16px;color: #757575;font-weight: 500;}
.downBItem ul li .liDrop .downLink .txt2 span{font-size: 16px;color: #757575;font-weight: 500;margin-left: 25px;}
.downBItem ul li .liDrop .downBtn{display: block;width: 72px;height: 30px;border-radius:2px;line-height: 28px;text-align: center;font-size: 16px;color: #1178E1;font-weight: 500;border: 1px solid #1178E1;position: absolute;right: 47px;top: 50%;transition: all .4s;}
.downBItem ul li .liDrop .downBtn:hover{background: #1178E1;color: #fff;}

/*****************下载中心-搜索*****************/
.downloadMain .dewnloadSearch .search{margin-bottom: 20px;}
.dewnloadSearch .downB{margin-top: 6px;}
.dewnloadSearch .searchResult{font-size: 12px;color: #3D3D3D;line-height: 12px;}
.dewnloadSearch .searchResult em{color: #1178E1;margin: 0 2px;}

/*****************友情链接*****************/
.friendItem{margin-bottom: 24px;}
.friendItem .title{width: 14%;float: left;font-size: 22px;line-height: 40px;}
.friendItem .linkItem{width: 86%;float: right;border-bottom: 1px solid #EBEBEB;padding-bottom: 24px;font-size: 16px;}
.friendItem:last-child .linkItem{border: none;}
.friendItem .linkItem ul{margin: 0 -18px;}
.friendItem .linkItem ul li{float: left;padding: 8px 18px;}
.friendItem .linkItem a{display: block;line-height: 24px;}
.friendItem .linkItem a:hover{color: #1178E1;transition: .4s;}
.friendItem .linkItem p{line-height: 24px;padding: 8px 0;}


/*****************侧栏*****************/

.portal-box {
	position: fixed;
	right: 55px;
	bottom: 180px;
	width: 80px;
	text-align: center;
	font-size: 12px;
	z-index: 999;
  }
  .portal-box .info-bg-box {
    position: absolute;
    top: 48px;
    left: 0;
    width: 80px;
    height: 190px;
    overflow: hidden;
  }
  .portal-box .info-bg {
	  position: absolute;
	  top: -6px;
	  left: -11px;
	  width: 102px;
	  height: 197px;
	  background: url(../img/base/sidebar_msg_bg_default.png);
  }
  .portal-box .text {
	line-height: 14px;
	margin-top: 10px;
	color: #3d3d3d;
  }
  .portal-box::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    box-shadow: 0 2px 12px 0 #ccdff5;
    mix-blend-mode: multiply;
    pointer-events: none;
  }
  .portal-box .qq-box {
	position: relative;
  }
  .portal-box .qq-bg-box {
	position: absolute;
	top: -29px;
	left: 0;
	width: 80px;
	height: 112px;
    overflow: hidden;
  }
  .portal-box .qq-box .qq-bg {
	  position: absolute;
	  top: 0;
	  left: -11px;
	  width: 102px;
	  height: 112px;
	  background: url('../img/base/sidebar_qq_bg_default.png');
  }
  .portal-box .qq-box:hover .qq-bg {
	  background: url('../img/base/sidebar_qq_bg_active.png');
  }
  .portal-box .qq-box .blank-triangle-warp.top-left {
	top: -20px;
	left: 0;
  }
  .portal-box .qq-box .blank-triangle-warp.top-right {
	top: -20px;
	right: 0;
	transform: rotateY(180deg);
  }
  .portal-box .qq-box .blank-triangle-warp.bottom-left {
	bottom: 0;
	left: 0;
	transform: rotateY(180deg);
  }
  .portal-box .qq-box .blank-triangle-warp.bottom-right {
	bottom: 0;
	right: 0;
  }
  .portal-box .qq {
	display: block;
	height: 72px;
	position: relative;
    z-index: 1;
  }
  .portal-box .qq .icon-qq {
	position: relative;
	display: block;
	top: -2px;
	width: 24px;
	height: 24px;
	margin: auto;
	background-image: url(../img/base/sidebar_qq.png);
	z-index: 100;
  }
  .portal-box .qq .text {
	color: #fff;
  }
  .portal-box .phone-box:hover .phone-detail-warp {
	display: block;
  }
  .portal-box .phone-box:hover .text {
	color: #0060d7;
  }
  .portal-box .phone-box:hover .icon-phone {
	background-image: url(../img/base/sidebar_call_active.png);
  }
  .portal-box .phone {
	position: relative;
	display: block;
	height: 85px;
	padding-top: 10px;
  }
  .portal-box .phone .icon-phone {
	display: block;
	width: 24px;
	height: 24px;
	margin: auto;
	background-image: url(../img/base/sidebar_call_default.png);
  }
  .portal-box .phone .phone-detail-warp {
	display: none;
	position: absolute;
	right: 100px;
	top: 0;
	border-right: none;
	width: 209px;
	height: 86px;
	background: #FFFFFF;
	border-radius: 4px;
  }
  .phone-detail-warp::after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    mix-blend-mode: multiply;
    pointer-events: none;
    box-shadow: 0 2px 12px 0 #ccdff5;
  }
  
  .portal-box .phone .phone-detail-warp .warp-arrow { 
	  position: absolute;
	  top: calc(50% - 6px);
	  left: 100%;
	  border: 6px solid #fff;
	  border-color: transparent transparent transparent #fff;
  }
  .portal-box .phone .phone-detail-box {
	margin-right: 8px;
	padding: 10px;
	height: 100%;
  }
  .portal-box .phone .phone-detail-box .icon-phone {
	float: left;
	width: 14px;
	height: 17px;
	background-size: 14px;
	margin-top: 5px;
	background-image: url(../img/base/sidebar_shouqian.png);
  }
  .portal-box .phone .phone-detail-box .detail-text {
	float: left;
	text-align: left;
	margin-left: 8px;
	font-size: 16px;
	font-weight: 400;
	color: #000000;
	line-height: 28px;
  }
  .portal-box .phone .phone-detail-box .detail {
	margin-top: 4px;
	color: #2274e6;
	font-size: 20px;
	font-weight: bold;
  }
  .portal-box .msg-box {
	position: relative;
  }
  .portal-box .msg-box:hover .text {
	color: #0060d7;
  }
  .portal-box .msg-box:hover .icon-msg {
	background-image: url(../img/base/sidebar_msg_active.png);
  }
  .portal-box .msg-box .blank-triangle-warp.top-left {
	top: -20px;
	left: 0;
  }
  .portal-box .msg-box .blank-triangle-warp.top-right {
	top: -20px;
	right: 0;
	transform: rotateY(180deg);
  }

  .portal-box .msg-box .blank-triangle-warp.bottom-left {
	bottom: -20px;
	left: 0;
	transform: rotateX(180deg);
  }

  .portal-box .msg-box .blank-triangle-warp.bottom-right {
	bottom: -20px;
	right: 0;
	transform: rotateX(180deg) rotateY(180deg);
  }

  .portal-box .msg {
	display: block;
	height: 55px;
  }
  .portal-box .msg .icon-msg {
	position: relative;
	top: -2px;
	display: block;
	width: 24px;
	height: 24px;
	margin: auto;
	background-image: url(../img/base/sidebar_msg_default.png);
	z-index: 111;
  }
  .portal-box .blank-triangle-warp {
	pointer-events: none;
	position: absolute;
	height: 20px;
	width: 40px;
	overflow: hidden;
  }
  .portal-box .blank-triangle-warp .blank-triangle-box {
	transform: rotate(180deg);
	width: 100%;
	height: 100%;
  }
  .portal-box .blank-triangle-warp .blank-triangle {
	display: block;
	border: 54px solid;
	height: 0;
	width: 0;
	border-color: transparent transparent transparent transparent;
  }
  .portal-box .blank-triangle-warp .blank-triangle.can-click {
	pointer-events: auto;
  }
  .portal-box .blank-triangle-warp .blank-triangle-rotate {
	position: absolute;
	top: 0;
	right: 0;
	width: 108px;
	height: 108px;
	transform: rotate(18deg);
	transform-origin: 100% 0;
  }
  

  
.banner-menu-block {
	  border-radius: 4px;
  }

.banner-menu-block .banner-menu-item .title {
    line-height: 24px;
}

.banner-menu-block .banner-menu-item p {
    line-height: 14px;
}