﻿/*****************公共样式*****************/
.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%);}

html body *{
    font-family:'pingfang SC','helvetica neue',arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif !important
}

html body{
    font-family:'pingfang SC','helvetica neue',arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',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;}

/*头部*/
.header{width: 100%;position: fixed;top: 0;left: 0;z-index: 999;}
.header .headerH{background: #0b1d4c;height: 40px;line-height: 40px;}
.header .headerH .headMainH{height: 100%;}
.header .headerH .headMainH .logo{height: 100%;}
.header .headerH .headMainH .logo a{display: block;height: 100%;display: flex;justify-content: center;align-items: center;}
.header .headerH .headMainH .logo a img{max-width: 100%;max-height: 100%;}
.header .headerH .headMainH .right{height: 100%;}
.header .headerH .headMainH .right a{color: #fff;display: inline-block;vertical-align:top;height: 100%;margin-left: 33px;font-size: 12px;transition: all .4s;}
.header .headerH .headMainH .right a:hover{color: #1178E1;}
.header .headerH .headMainH .right a:first-child{margin-left: 0;}
.header .headerH .headMainH .right a em{transition:all .4s}
.header .headerH .headMainH .right a em{display: inline-block;vertical-align: top;height: 100%;width: 12px;margin-right: 6px;}
.header .headerH .headMainH .right .icon1 em{background: url(../img/header_selfhelp.png) no-repeat center;background-size: 100%;transition:all .4s}
.header .headerH .headMainH .right .icon2 em{background: url(../img/header_download.png) no-repeat center;background-size: 100%;transition:all .4s}
.header .headerH .headMainH .right a.icon1:hover em{
            background: url(../img/header_selfhelp_blue.png) no-repeat center !important;
            transition:all .4s
        }


.header .headerH .headMainH .right a.icon2:hover em{
            background: url(../img/header_download_blue.png) no-repeat center !important;
            transition:all .4s
        }


.header .headerB{background: rgba(17, 47, 87,0.9);height: 60px;line-height: 60px;}
.headerB .resiLogin a{display: inline-block;vertical-align: middle;line-height: 30px;padding: 0 12px;border-radius: 4px;font-size: 14px;color: #fff;transition: all .4s;}
.headerB .resiLogin a.registeredBtn{background: #ff9c1b;}
.headerB .resiLogin a.loginBtn:hover{color: #FF9C1B;}
.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{position:relative;display: block;height: 100%;padding-right:35px;font-size: 15px;color: #fff;text-align: center;transition: all .4s;}
.nav li>a span{display: inline-block;vertical-align: top;height: 100%;position: relative;}
.nav li>a span::after{content: '';display: block;width: 0;height: 3px;background: #1178E1;position: absolute;bottom: 0;left: 0;transition: all .4s;}
.nav li>a i{display: inline-block;vertical-align: middle;width: 8px;height: 4px;background: url(../img/nav_drop.png) no-repeat center;background-size: 100%;margin-left: 5px;transition: all .4s;}
.nav li>a:hover,.nav li.active>a{color: #1178E1;}
.nav li>a:hover span::after,.nav li.active>a span::after{width: 100%;}
.nav li>a:hover i,.nav li.active>a i{background: url(../img/nav_arrowUp.png) no-repeat center;background-size: 100%;}
.nav li>a em{display: inline-block;width: 21px;height: 11px;transform: translate(2px,15px);-webkit-transform: translate(2px,15px);-moz-transform: translate(2px,15px);-ms-transform: translate(2px,15px);}
.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 rgba(17,120,225,0.32);}
.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;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;}
.headSpace{width: 100%;height: 40px;}

/*底部*/
.footer{background: #0b1e4d;padding: 59px 0 30px;}
.footMain .left{width: 15.8%;height: 250px;border-right: 1px solid #2F446D;}
.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:#838CA0;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: #838CA0;margin-bottom: 15px;}
.footMain .right .footLink.attenUs .img{width: 106px;height: 106px;}
.footMain .right .footLink.attenUs .img img{width: 100%;}
.copyRight{text-align: center;font-size: 12px;color: #A8A8A8;margin-top: 40px;}
.copyRight i{display: inline-block;vertical-align: middle;margin: -5px 4px 0 8px;}


/*****************首页*****************/
/*动画*/
@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{width: 30px;height: 4px;border-radius: 0;background: #fff;opacity: .5;margin: 0 5px;}
.banner .swiper-pagination-bullet-active{opacity: 1;position: relative;}
.banner .swiper-pagination-bullet-active::after{content: '';display: block;width: 0;height: 100%;background: #1178E1;opacity: 1;position: absolute;top: 0;left: 0;animation:schedule 3.2s linear;-webkit-animation:schedule 3.2s linear;}
.banner .bannerMenu{background: rgba(247,250,255,.9);}
.banner .bannerMenu li{float: left;width: 25%;height: 100px;border-left: 1px solid #E5E5E5;padding: 18px 50px 0;cursor: pointer;}
.banner .bannerMenu li:last-child{border-right: 1px solid #E5E5E5;}
.banner .bannerMenu li .menuItem{display: block;}
.banner .bannerMenu li h4{font-size: 16px;line-height: 32px;font-weight: bold;}
.banner .bannerMenu li span{display: block;width: 34px;height: 2px;background: #3d3d3d;transition: .4s;}
.banner .bannerMenu li p{font-size: 14px;color: #666;margin-top: 8px;line-height: 22px;}
.banner .bannerMenu li.on,.banner .bannerMenu li:hover{background-color: #fff;}
.banner .bannerMenu li.on h4,.banner .bannerMenu li:hover h4{color: #1178E1;}
.banner .bannerMenu li.on span,.banner .bannerMenu li:hover span{background-color: #1178E1;width: 95px;transition: .4s;}

.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{padding-top: 80px;}
.productMenu a{float: left;width: 25%;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: 14px 0;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;background: #ebf1fc;box-shadow:0px 4px 12px 0px rgba(17,120,225,0.1) inset;}
.proContent{display: none;}
.proSwiper{margin: 0 -20px;padding: 70px 0 90px;}
.proSwiper .swiper-slide{padding: 0 20px;}
.proSwiper .itemBox{display: block;background: #fff;padding: 20px;transition: .4s;}
.proSwiper .itemBox .icon{display: block;width: 42px;height: 42px;overflow: hidden;}
.proSwiper .itemBox .icon img{width: 100%;height: 100%;}
.proSwiper .itemBox h4{font-size: 18px;line-height: 28px;margin: 16px 0 12px;font-weight: bold;}
.proSwiper .itemBox h4.newIcon::after{content: '';display: inline-block;vertical-align: top;width: 21px;height: 11px;background: url(../img/main_product_drop_new.png) no-repeat center;background-size: 100%;margin: -5px 0 0 2px;}
.proSwiper .itemBox p{font-size: 14px;line-height: 24px;color: #A8A8A8;height: 96px;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.proSwiper .itemBox span{display: inline-block;vertical-align: top;width: 120px;line-height: 30px;border: 1px solid #ff9c1b;border-radius: 3px;text-align: center;color: #ff9c1b;font-size: 14px;}
.proSwiper .itemBox:hover{transition: .4s;transform: translateY(-10px);box-shadow:0px 0px 16px 0px rgba(17,120,225,0.16);}
.proSwiper .itemBox:hover h4{color: #1178E1;transition: .4s;}
.proSwiper .itemBox span:hover{background-color: #ff9c1b;color: #fff;transition: .4s;}
.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{height: 750px;background:url(../img/solution_bg.png) no-repeat center;background-size:cover;position: relative;overflow: hidden;}
.indexSolve .index-tit{position: absolute;width: 100%;top: 80px;left: 0;z-index: 5;}
.indexSolve .solveContainer{position: relative;height: 100%;padding-left: 140px;}
.indexSolve .solveMenu{position: absolute;z-index: 1;width: 140px;height: 100%;top: 0;left: 0;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: stretch;-ms-flex-align: stretch;align-items: stretch;}
.indexSolve .solveMenu a{display: block;padding: 17px 0;position: relative;color: #3d3d3d;}
.indexSolve .solveMenu a h4{font-size: 18px;line-height: 36px;}
.indexSolve .solveMenu a .line{width: 60px;height: 2px;}
.indexSolve .solveMenu a .line::before{display: block;content: '';width: 0;height: 2px;background: #0079e6;transition: .4s;}
.indexSolve .solveMenu a.on h4{font-weight: bold;}
.indexSolve .solveMenu a.on .line::before{width: 60px;transition: .4s;}
.indexSolve .solveMenu a:hover h4{font-weight: bold;}
.indexSolve .solveMenu a:hover .line::before{width: 60px;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;padding: 200px 60px 0;opacity: 0;z-index: 1;transition: .4s;}
.indexSolve .solveBox .solveContent.active{opacity: 1;z-index: 2;transition: .4s;}
.indexSolve .solveList{margin: 0 -10px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.indexSolve .solveList li{width: 33.33%;padding: 10px;}
.indexSolve .solveList li a{display: block;padding: 16px 30px 16px 60px;position: relative;}
.indexSolve .solveList li a .icon{width: 24px;height: 24px;position: absolute;top: 20px;left: 20px;}
.indexSolve .solveList li a .icon img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: .4s;}
.indexSolve .solveList li a .icon .img2{opacity: 0;}
.indexSolve .solveList li a h4{font-size: 16px;line-height: 24px;margin-bottom: 8px;font-weight: bold;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.indexSolve .solveList li a p{font-size: 14px;line-height: 20px;height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.indexSolve .solveList li a:hover{background: #fff;box-shadow:0px 4px 16px 0px rgba(17,120,225,0.1);transition: .4s;}
.indexSolve .solveCase{height: 93px;border-top: 1px dashed #cdd7ea;position: relative;margin: 30px 0;}
.indexSolve .solveList li a:hover h4{color: #1178E1;transition: .4s;}
.indexSolve .solveList li a:hover p{color: #1178E1;transition: .4s;}
.indexSolve .solveList li a:hover .icon .img1{opacity: 0;transition: .4s;}
.indexSolve .solveList li a:hover .icon .img2{opacity: 1;transition: .4s;}
.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;width: 20%;height: 100%;padding: 20px 0;}
.indexSolve .solveCase ul li a{display: block;width: 150px;height: 52px;position: relative;margin: 0 auto;}
.indexSolve .solveCase ul li a img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;transition: .4s;}
.indexSolve .solveCase ul li a .img2{opacity: 0;}
.indexSolve .solveCase ul li a:hover .img1{opacity: 0;transition: .4s;}
.indexSolve .solveCase ul li a:hover .img2{opacity: 1;transition: .4s;}
.indexSolve .solveMoreBtn{text-align: center;}
.indexSolve .solveMoreBtn a{display: inline-block;vertical-align: top;line-height: 24px;font-size: 16px;}
.indexSolve .solveMoreBtn a:hover{color: #1178e1;transition: .4s;}

/*动画*/
@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 90px;}
.indexNews .newsWrapper{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.indexNews .newsItem{width: 354px;}
.indexNews .newsTit{display: block;position: relative;padding: 18px 16px 18px 50px;border-bottom: 1px solid #e5e5e5;cursor: default;}
.indexNews .newsTit:hover{color:#333 !important}
.indexNews .newsTit .icon{position: absolute;width: 24px;height: 24px;left: 13px;top: 50%;margin-top: -12px;}
.indexNews .newsTit h4{font-size: 18px;line-height: 26px;font-weight: bold;}
.indexNews .newsTit i{cursor:pointer;display: block;width: 6px;height: 12px;background: url(../img/main_trend_arrow_default.png) no-repeat;background-size: contain;position: absolute;right: 0;top: 50%;margin-top: -6px;}
.indexNews .newsTit i:hover{background-image: url(../img/main_trend_arrow_selected.png);transition: .4s;}
.indexNews .newsList li{border-bottom: 1px solid #e5e5e5;}
.indexNews .newsList li a{cursor:default;display: block;padding: 10px 0;}
.indexNews .newsList li a p{cursor:pointer;font-size:14px;color:#3D3D3D;line-height: 24px;height: 24px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.indexNews .newsList li a .time{font-size: 12px;line-height: 20px;color: #A8A8A8;}
.indexNews .newsList li a .time i{display: inline-block;width: 12px;height: 12px;vertical-align: top;background: url(../img/main_trend_time_default.png);background-size: 100% 100%;margin: 4px 6px 0 0;}
.indexNews .newsList li a.active p{color: #1178E1;}
.indexNews .newsList li a.active .time{color: #1178E1;}
.indexNews .newsList li a.active .time i{background-image: url(../img/main_trend_time_selected.png);}


.indexBar{height: 130px;background: url(../img/main_application_bg.png) no-repeat center center;background-size: cover;}
.indexBar .barWrap{height: 100%;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;}
.indexBar h3{font-size: 24px;color: #fff;}
.indexBar .barBtns a{display: inline-block;vertical-align: top;width: 180px;line-height: 50px;text-align: center;border-radius: 4px;color: #fff;font-size: 20px;transition: .4s;}
.indexBar .barBtns .applyBtn{background: #FF7800;}
.indexBar .barBtns .applyBtn:hover{background-color: #ea6e00;transition: .4s;}
.indexBar .barBtns .agentBtn{background: #73B500;}
.indexBar .barBtns .agentBtn:hover{background-color: #66a002;transition: .4s;}
.indexBar .barBtns span{display: inline-block;vertical-align: top;line-height: 50px;font-size: 16px;color: #fff;margin: 0 16px;}
.indexBar .hotline{text-align: center;color: #fff;}
.indexBar .hotline h4 strong{font-size: 18px;margin-left: 8px;}
.indexBar .hotline a{display: inline-block;vertical-align: top;line-height: 24px;border: 1px solid #fff;padding: 0 10px;margin-top: 12px;color: #fff;}
.indexBar .hotline a i{display: inline-block;vertical-align: top;width: 24px;height: 24px;background: url(../img/main_application_service_default.png) no-repeat center center;margin-right: 8px;}
.indexBar .hotline a:hover{background-color: #fff;color: #4859be;transition: .4s;}
.indexBar .hotline a:hover i{background-image: url(../img/main_application_service_selected.png);transition: .4s;}


.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: 600px !important;width: 100%;}
	.indexBanner .swiper-slide img{object-fit: cover;width: 100%;height: 600px;}
/*****************首页  End!*****************/

/*****************代理商列表*****************/
.banner .img{width: 100%;height:100%}
.banner .img img{width: 100%;height:100%}
.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;}


/*****************侧栏*****************/
.sideBar{position: fixed;width: 60px;right: 40px;bottom: 432px;z-index: 98;}
.sideBar a{display: block;width: 60px;height: 60px;}
.sideBar .sideItem{position: relative;background: #fff;border-radius: 4px;box-shadow:0px 4px 16px 0px rgba(15,120,225,0.16);margin-top: 4px;}
.sideBar .sideItem:first-child{margin-top: 0;}
.sideBar .sideItem a{padding-top: 5px;transition: .4s;border-radius: 4px;}
.sideBar .sideItem a span{display: block;width: 32px;height: 32px;margin: 0 auto 4px;background-repeat: no-repeat;background-position: center center;background-size: contain;transition: .4s;}
.sideBar .sideItem a p{font-size: 10px;line-height: 14px;text-align: center;}
.sideBar .sideItem a:hover{background: #FF9C1B;transition: .4s;}
.sideBar .sideItem a:hover p{color: #fff;}
.sideBar .sideItem a:hover span{transition: .4s;}
.sideBar .sideItem a .icon1{background-image: url(../img/sidebar_qq_default.png);}
.sideBar .sideItem a:hover .icon1{background-image: url(../img/sidebar_qq_selected.png);}
.sideBar .sideItem a .icon2{background-image: url(../img/sidebar_call_default.png);}
.sideBar .sideItem a .icon3{background-image: url(../img/sidebar_msg_default.png);}
.sideBar .sideItem a:hover .icon3{background-image: url(../img/sidebar_msg_selected.png);}
.sideBar .sideItem a .icon4{background-image: url(../img/sidebar_support_default.png);}
.sideBar .sideItem a:hover .icon4{background-image: url(../img/sidebar_support_selected.png);}
.sideBar .sidePhone{display:none;width: 232px;background: url(../img/phone_bg.png);background-size: 100% 100%;padding: 16px 24px;;position: absolute;right: 74px;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.sideBar .sidePhone h4{font-size: 16px;line-height: 20px;margin-bottom: 8px;}
.sideBar .sidePhone h3{font-size: 24px;color: #FF9C1B;font-weight: bold;line-height: 30px;}
.sideBar .sideItem{width: 60px;}
.sideBar .sideItem.phoneItem{position:relative;right:0;width: 60px;background: transparent;box-shadow: none;transition: all .4s;}
.sideBar .sideItem.phoneItem a{background: #fff;border-radius: 4px;box-shadow:0px 4px 16px 0px rgba(15,120,225,0.16);}
.sideBar .sideItem.phoneItem:hover{width: 306px;right: 246px;}
.sideBar .sideItem.phoneItem:hover a{background: #FF9C1B;transition: .4s;}
.sideBar .sideItem.phoneItem:hover a .icon2{background-image: url(../img/sidebar_call_selected.png);}
.sideBar .sideItem.phoneItem:hover a p{color: #fff;}
.sideBar .sideItem.phoneItem:hover .sidePhone{display: block;}
.sideBar .kjj{margin-top: 20px;}
.sideBar .kjj img{width: 100%;}
