html, body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
ul, li{
    padding:0;margin:0;
    list-style:none;
}
input::-ms-clear{display: none;}
input, select, img{
    background: transparent;
    border: none;
    outline:none;
    margin: 0;
    padding: 0;
}
p,h1,h2,h3,h4{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
    cursor: pointer;
}
a:link,
a:visited,
a:hover{
    text-decoration: none
}
*{
    font-family:-apple-system,"PingFangSC-Regular","PingFang SC","Helvetica Neue","Helvetica","Arial","Hiragino Sans GB","STHeiti","Microsoft YaHei","Microsoft JhengHei",SimSun,sans-serif !important;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    outline:none;
}
.rte {
    position: relative;
}
.abs {
    position: absolute;
}
.hide{
    display: none;
}
.m-t-5{
    margin-top: 5px !important;
}
.m-t-10{
    margin-top: 10px !important;
}
.m-t-15{
    margin-top: 15px !important;
}
.m-t-20{
    margin-top: 20px !important;
}
.m-t-25{
    margin-top: 25px !important;
}
.m-t-30{
    margin-top: 30px !important;
}
.m-t-40{
    margin-top: 40px !important;
}
.m-t-50{
    margin-top: 50px !important;
}
.m-t-60{
    margin-top: 60px !important;
}
.m-t-65{
    margin-top: 65px !important;
}
.m-t-80{
    margin-top: 80px !important;
}
.m-t-90{
    margin-top: 90px !important;
}
.m-t-100{
    margin-top: 100px !important;
}
.m-t-115{
    margin-top: 115px !important;
}
.m-t-120{
    margin-top: 120px !important;
}
.m-t-200{
    margin-top: 200px !important;
}
.m-b-10{
    margin-bottom: 10px !important;
}
.m-b-20{
    margin-bottom: 20px !important;
}
.p-t-80{
    padding-top: 80px;
}
.p-b-60{
    padding-bottom: 60px;
}
.p-b-0{
    padding-bottom: 0px;
}

.h-440{
    height: 440px !important;
}
.clear{
    clear: both;
}
.after-clear:after{
    content: "";
    display: block;

    clear: both;
}
.text-align-center{
    text-align: center;
}
.c-text-center{
    text-align: center;
}
.c-after-clear:after{
    content: "";
    display: block;

    clear: both;
}
.z1{
    z-index: 1;
}
.z1000{
    z-index: 1000;
}
.z-1{
    z-index: 1;
}
.z-2{
    z-index: 2;
}
.z-1000{
    z-index: 1000;
}
.c-img-cover{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.c-img-contain{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}
.c-bg-cover{
    background-size: cover!important;
    background-position: center!important;
}
.c-bg-contain{
    background-size: contain!important;
    background-position: center!important;
}

.c-w-100p{
    width: 100%;
}
.c-h-100p{
    height: 100%;
}
.c-overflow-inherit{
    overflow: inherit !important;
}
.c-overflow-hidden{
    overflow: hidden; !important;
}
.c-text-left{
    text-align: left !important;
}
.f-left {
    float: left !important;
}

.f-right {
    float: right !important;
}
.fontsize-30{
    font-size: 30px;
}
.fontsize-20{
    font-size: 20px;
}
.fontsize-32{
    font-size: 32px;
    line-height: 45px;
}
.fontsize-14{
    font-size: 14px;
    line-height: 20px;
}
.fontsize-16{
    font-size: 16px;
}
.fontsize-18{
    font-size: 18px;
}
.fontsize-32{
    font-size: 32px;
}
.fontsize-24{
    font-size: 24px;
}
.color-white{
    color: #fff;
}
.color-626C77{
    color: #626C77;
}
.color-00102F{
    color: #00102F;
}
.color-4A72E5{
    color: #4A72E5;
}
.color-AEB6C8{
    color: #AEB6C8;
}

.base-container{
    min-width: 1300px;
    height: auto;

    overflow: hidden;

    position: relative;
}

.c-container{
    width: 100%;
    min-width: 1300px;
    min-height: calc(100% - 403px);
    /*overflow-y: scroll;*/
    /*overflow-x: hidden;*/
    overflow: hidden;

    position: relative;
}

.c-container-full{
    width: 100%;
    height: 100%;

    overflow-x: hidden;
}
.c-container .swiper-pagination{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-container .swiper-pagination-bullet {
    width:6px;
    height:6px;
    border-radius: 100%;
    background:#B5C3E3;

    margin: 0 10px !important;

    opacity: 0.5;
}
.c-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width:10px;
    height:10px;
    border-radius: 100%;
    background:#4A72E5;

    opacity: 1;
}
.c-container .swiper-pagination-bullet:active{
    border: none !important;
}
.c-container .swiper-pagination-bullet:hover{
    border: none !important;
}

.c-container .bamboo .dot {
    width:10px;
    height:10px;
    border-radius: 5px;
    background:#B5C3E3;

    margin: 0 4px;

    opacity: 0.5;
}
.c-container .bamboo .dot.focus {
    width:10px;
    height:10px;
    border-radius: 5px;
    background:#4A72E5;

    opacity: 1;
}


.c-warp{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
	
}

.c-no-header:before{
    content: '';
    display: block;
    width: 100%;
    height: 100px;
    background-color: #13151e;

    position: relative;
    z-index: 1;
}
.c-container.c-small-footer{
    min-height: calc(100% - 82px) !important;
}

.c-footer{
    background:rgba(34,36,40,1);
}
.c-footer .top{
    border-bottom: 1px solid #333333;

    padding: 40px 0 30px;
}
.c-footer .top .left{
    width: 915px;
    min-height: 250px;
    float: left;

    border-right: 1px solid #333333;
}
.c-footer .top .left li{
    width: 20%;
    float: left;
}
.c-footer .top .left li .title{
    font-size:14px;

    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:20px;
}
.c-footer .top .left li .item{
    font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:10px;
    font-weight:300;
    color:rgba(195,197,198,1);
    line-height:28px;
}
.c-footer .top .right{
    width: 250px;
    float: right;
}
.c-footer .top .right .name{
    font-size:14px; text-indent:5px;

    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:20px;
}
.c-footer .top .right .phone{
    height:25px;
    font-size:18px;
    font-family:ArialMT;
    color:rgba(195,197,198,1);
    line-height:25px;

    /*padding-left: 25px;*/

    /*background: url("../image/icon/icon-footer-phone.png") no-repeat left center;*/
}
.c-footer .top .right .code{
    width: 100px;
    float: left;
    margin-left: 45px;
}
.c-footer .top .right .code:nth-child(1){
    margin-left: 0px;
}
.c-footer .top .right .code .img{
    width: 100px;
    height: 100px;
    text-align: center;
}
.c-footer .top .right .code .img img{
    max-height: 100%;
    max-width: 100%;
}
.c-footer .top .right .code .text{
    font-size:12px;

    font-weight:300;
    color:rgba(195,197,198,1);
    line-height:17px;

    text-align: center;
}
.c-footer .bottom{

    padding: 18px 0 12px;
}
.c-footer .bottom .left{
    width: 50%;
    float: left;
}
.c-footer .bottom .left .text{
    font-size:12px;

    font-weight:400;
    color:rgba(195,197,198,1);
    line-height:26px
}

.c-footer .bottom .right{
    float: right;

    width: 50%;
    height: 26px;
    font-size:12px;

    font-weight:400;
    color:rgba(195,197,198,1);
    line-height:26px;

    text-align: right;
}
.c-footer .bottom .right li{

    display: inline-block;

    font-size:12px;

    font-weight:400;
    color:rgba(195,197,198,1);
    line-height:26px;

}

.bg-cover-center{
    background-size: cover !important;
    background-position: center !important;
}
.c-img-center{
    text-align: center;
    display: flex !important;    
    justify-content: center;
    align-items: center;
}
.c-img-center img{
    max-width: 100%;
    max-height: 100%;
}


/* 最top搜索导航 */
.top-container-nav-wrap {
    width: 100%;
    height: 50px;
    border-bottom: 0.5px solid rgba(41,44,55,0.5);
}

.top-nav-wrap {}

.top-nav-wrap .top-nav-img-wrap {
    display: inline-block;
}



.top-nav-search-wrap {
    float: right;
    width: 210px;
    height: 100%;
    position: relative;
    margin-top: 6px;
    transition: all .6s;
}

.top-nav-search-wrap input {
    width: 100%;
    height: 100%;
    background-color: #ffffff29;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 4px;
    color: #fff;
}

.top-nav-search-wrap:hover {
    width: 300px;
}

.top-nav-search-wrap .search-top-normal {
    position: absolute;
    top: 6px;
    right: 6px;
}

/*
*总体icon-最后是png图片 定义统一 span标签 统一类名ispan
* 最后整合使用雪碧图 定位
*/
.ispan {
    display: inline-block;
    width: 24px;
    height: 24px;
    /* background-image: url('../image/ispan/'); */
    /* background-position: 0 0; */
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.ispan.search-normal {
    background-image: url('../image/ispan/sousuo.png');
}

.ispan.search-normal-active {}

.ispan.search-top-normal {
    background-image: url('../image/ispan/sousuo.png');
}

.ispan.search-top-active {

}
.ispan.sanjiao{
    background-image: url('../image/ispan/triangle-bottom.png');
}
.ispan.itcconcaidan{
    background-image: url('../image/ispan/caidan.png');
}
.ispan.itcconjiantou{
    background-image: url('../image/ispan/jiantou.png');
}



/* 导航菜单 */
.menu-nav-container {
    width: 100%;
    height: 50px;
}
.menu-nav-wrap{
    height: 100%;
}
.menu-nav-wrap ul.menu-nav-list{
    overflow: hidden;
    height: 100%;
}
.menu-nav-wrap ul.menu-nav-list .item{
    float: left;
    height: 100%;

    padding: 0 20px;
    box-sizing: border-box
}
.menu-nav-wrap ul.menu-nav-list .item:nth-child(1){
    padding-left: 0px;
}
.menu-nav-wrap ul.menu-nav-list .item.active a::after{
    width: 100%;
}
.menu-nav-wrap ul.menu-nav-list.focus .item.active a::after{
    width: 0;
}
.menu-nav-wrap ul.menu-nav-list .item.on a::after{
    width: 100%;
}
.menu-nav-wrap ul.menu-nav-list .item.on .icon-triangle-down{
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
}
.menu-nav-wrap ul.menu-nav-list .item a{
     display: inline-block;
     height: 100%;
     color: #fff;
     font-size: 16px;
     line-height: 50px;
     box-sizing: border-box;

    position: relative;
 }
.menu-nav-wrap ul.menu-nav-list .item:hover a{
    color: #4A72E5;
}
.menu-nav-wrap ul.menu-nav-list .item a::after{
    content: '';
    display: block;

    position: absolute;
    left: 50%;
    bottom: 0;

    width: 0;
    height: 2px;
    background: #4A72E5;

    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width .3s ease;
    transition: width .3s ease;
}
.menu-nav-wrap ul.menu-nav-list .item:hover a::after{
    width: 100% !important;
}
.menu-nav-wrap ul.menu-nav-list .item .c-icon{
    width: 10px;
    height: 10px;

    margin-left: 10px;

    transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;

    transform-origin: center;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;

    vertical-align: unset;
}
.menu-nav-wrap ul.menu-nav-list .item .c-icon::before{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-image: url('../images/icon-triangle-bottom.svg');
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: center;
}
.menu-nav-wrap ul.menu-nav-list .item .c-icon::after{
    content: '';
    display: none;
    width: 10px;
    height: 10px;
    background-image: url('../images/icon-triangle-bottom-hover.svg');
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: center;
}
.menu-nav-wrap ul.menu-nav-list .item:hover .c-icon{
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
}
.menu-nav-wrap ul.menu-nav-list .item:hover .c-icon::before{
    display: none;
}
.menu-nav-wrap ul.menu-nav-list .item:hover .c-icon::after{
    display: block;
}


li {
    list-style: none
}



/*顶部菜单*/
.menu-nav-main{
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    /*background-color: #13151e;*/
    /*opacity: 0.7;*/
    /*z-index: 20;*/
    width: 100%;
    height: 100px; background:#000;


}
.menu-nav-main:hover:before{
    opacity: 1;
}
.menu-nav-main:before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #13151e;
    opacity: 0.7;
}
.menu-nav-main .menu-nav-content{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.detail-menu-nav-main{
    position: inherit !important;
    background-color: #303856;
    opacity: 1;
}

.menu-nav-wrap ul.menu-nav-count{
    position: relative;
    width: 100%;

    display: none;
}
.menu-nav-wrap ul.menu-nav-count .item{
    display: none;
    width: 100%;
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/


    box-sizing: border-box;
    /*height:360px;*/
    background:rgba(255,255,255,1);
    /*box-shadow:0px 2px 40px 0px rgba(205,208,221,0.5);*/
    box-shadow:0px 2px 20px 0px rgba(0,0,0,0.1);

    overflow-y: scroll;

    /*transition: all .6s;*/

    padding: 10px 30px 30px 0px;
}
.menu-nav-wrap ul.menu-nav-count .item.s{
    /*height:180px;*/
}
.menu-nav-wrap ul.menu-nav-count .item .child{
    width: 25%;
    float: left;

    padding-left: 30px;
    box-sizing: border-box;
}


.menu-nav-wrap ul.menu-nav-count .item .child .classify{
    height: 32px;
    font-size:16px;

    font-weight:400;
    color:rgba(0,16,47,1);
    line-height:32px;

    padding-left: 25px;

    position: relative;
}
.menu-nav-wrap ul.menu-nav-count .item .child .classify .icon{
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
}
.menu-nav-wrap ul.menu-nav-count .item .child .title{
    height: 30px;
    font-size:14px;

    font-weight:300;
    color:rgba(98,108,119,1);
    line-height:30px;

    padding-left: 25px;
}


/*清除浮动代码*/
.hv-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.normal-hr{
    background:  #DBE0E8;
    height: 2px;
    border: none;
    margin: 10px 0;
}
.scroll-fixed{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    box-shadow: 0 0 10px 1px #0c0c0c59;
}



.c-scene{
    background-color: #F7F8FB;

    padding: 80px 0;
}
.c-scene .title{
    font-size:24px;

    font-weight:400;
    color:rgba(0,16,47,1);
    line-height:33px;

    text-align: center;
}
.c-scene .nav{
    text-align: center;
}
.c-scene .nav .item{
    display: inline-block;
    height: 60px;

    margin: 0 30px;

    position: relative;
}
.c-scene .nav .item a{
    line-height: 60px;
    font-size:16px;

    font-weight:400;
    color:rgba(0,16,47,1);
}
.c-scene .nav .item.active:after{
    content: "";
    display: block;

    width: 30px;
    height: 2px;
    background: #4A72E5;

    position: absolute;
    bottom: 0px;
    left: 50%;
    margin-left: -15px;
}
.c-scene .nav .item:hover a{
    color: #3267fa;
}
.c-scene .nav .item.active a{
    color:rgba(74,114,229,1);
}
.c-scene .count{
    height: 500px;
}
.c-scene .count .item{
    width: 100%;
    height: 100%;

    -webkit-animation: show-up 0.7s ease-in-out 1 both;
    animation: show-up 0.7s ease-in-out 1 both;

    display: none;
}
.c-scene .count .item.active{
    display: block;
}
.c-scene .count .item .img{
    width: 803px;
    height: 100%;
    float: left;

    background: #fff;
    overflow: hidden;
}
.c-scene .count .item .right{
    /*float: left;*/

    /*width: 387px;*/
    height: 100%;
    padding-left: 803px;
}
.c-scene .count .item .right .content{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 20px;

    background:rgba(255,255,255,1);
    box-shadow:0px 2px 20px 0px rgba(205,208,221,0.5);
    border-radius:4px;

    position: relative;
    overflow: hidden;
}
.c-scene .count .item .content .line{
    width:100%;
    height:1px;
    background: #DBE0E8;
}
.c-scene .count .item .content .title{
    font-size:14px;

    font-weight:400;
    color:rgba(0,16,47,1);
    line-height:20px;

    text-align: left;
}
.c-scene .count .item .content .word{
    font-size:14px;

    font-weight:300;
    color:rgba(98,108,119,1);
    line-height:24px;

    text-align: left;
}
.c-scene .count .item .content .small-btn{

    float: left;

    padding-right: 10px;
    margin: 0 10px 10px 0px;

    height:30px;
    background:rgba(247,248,251,1);
    border-radius:4px;

    font-size:14px;

    font-weight:300;
    color:rgba(98,108,119,1);
    line-height:30px;

    position: relative;
}
.c-scene .count .item .content .small-btn a{
    color:rgba(98,108,119,1);
}

.c-scene .count .item .content .small-btn .icon{
    float: left;

    width: 18px;
    height: 18px;

    margin: 6px 10px;
}
.c-scene .count .item .content .btn{
    display: inline-block;

    height:32px;
    background:rgba(74,114,229,1);
    border-radius:4px;

    font-size:14px;

    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:32px;

    padding: 0px 30px;
}

/*公共banner*/
.c-banner{
    width: 100%;
    height: 340px;
	margin-top:100px !important;

    background-size: cover !important;
    background-position: center !important;

    overflow: hidden;
	position:relative;

}
.c-banner .item{
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center !important;
	text-align: center;
}

.c-banner .item .text{
    color: #000000;
   /* padding-top: 100px;*/
    /* text-align: center; */
    display: flex !important;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}
.c-banner .item .title{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:32px;

    font-weight:500;
    color:rgba(255,255,255,1);
    line-height:45px;
}
.c-banner .item .word{
    display: block;
    text-align: center;
    max-height: 96px;

    font-size:14px;

    font-weight:400;
    /*color:rgba(174,182,200,1);*/
    /*color: #AEB6C8;*/
    color:#fff;
    line-height:24px;

    margin-top: 15px;

    white-space: normal;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}
.c-banner .item .btn{
    text-align: center;
    margin-top: 40px;
	display: inline-block;
	margin-right: 10px;
}
.c-banner .item .btn a{
    display: inline-block;
    width:144px;
    height:44px;
    background:rgba(74,114,229,1);
    border-radius:4px;

    text-align: center;
    font-size:16px;

    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:44px;
}
.c-banner .item .btn a:hover, .c-banner .item .btn a:active{
	background:#2984FF;
}
.c-banner .swiper-pagination{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;

    bottom: 50px;
}

.c-banner .swiper-pagination-bullet{

    width: 24px;
    height: 4px;
    background: #fff;
    opacity: .7;

    border-radius: 0;

    margin: 0 14px;

}
.c-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 24px;
    height: 4px;
    border-radius: 0;
    background:rgba(0,109,255,1);

    opacity: 1;
}

.c-banner .item.left .title{
    text-align: left;
    justify-content: flex-start;
}
.c-banner .item.left .word{
    text-align: left;
    width: 720px;
}
.c-banner .item.left {
    text-align: left;
}
.c-banner .item.left .btn{
    text-align: left;
}
.c-banner .item.right .title{
    text-align: right;
}
.c-banner .item.right .word{
    text-align: right;
}
.c-banner .item.right .btn{
    text-align: right;
}
.product-container .c-banner .text{
    padding-bottom: 80px;
}


/*页头-搜索*/
.nav-logo-search {
    width: 100%;
    height: 50px;
    /*border-bottom: 1px solid #52576C;*/
}

.nav-logo-search-wrap {}

.nav-logo-search-wrap .nav-logo-wrap {
    display: inline-block;
    padding: 15px 0px;
  
}

.nav-logo-search-wrap .nav-logo-wrap img { max-height:30px;}

.nav-search-wrap {
    float: right;
    width: 210px;
    height: 32px;
    position: relative;
    transition: all .6s;

    margin-top: 9px;

    background-color: #303347;
}
.nav-search-wrap.open{
    width: 400px !important;
}
.nav-search-wrap input {
    width: calc(100% - 40px);
    height:20px;
    font-size:14px;
    font-weight:400;
    color:rgba(203,204,205,1);
    line-height:20px;

    margin: 6px 20px;
    box-sizing: border-box;
}
.nav-search-wrap:hover input {
    width: calc(100% - 80px);
}

.nav-search-wrap input::-webkit-input-placeholder {
    /*Webkit browsers*/
    color: #8491A0;
    font-size: 14px;
}

.nav-search-wrap input:-moz-placeholder {
    /*Mozilla Firefox 4 to 8*/
    color: #8491A0;
    font-size: 14px;
}

.nav-search-wrap input::moz-placeholder {
    /*Mozilla Firefox 19+*/
    color: #8491A0;
    font-size: 14px;
}

.nav-search-wrap input:-ms-input-placeholder {
    /*Internet Explorer 10+*/
    color: #8491A0;
    font-size: 14px;
}

.nav-search-wrap:hover {
    width: 400px;
    opacity: 1;
}

.nav-search-wrap .btn-panel{
    position: absolute;
    top: 4px;
    right: 10px;
}
.nav-search-wrap .icon-close{
    display: none;
}
/*.nav-search-wrap .btn-panel:hover .icon-close{*/
/*    display: inline-block;*/
/*}*/
/*.nav-search-wrap.open .icon-close{*/
/*    display: inline-block;*/
/*}*/
/* 页头-搜索关联 */
.nav-search-wrap{
    position: relative;
    opacity: 0.7;
}

.vague-result-wrap{
    overflow: hidden;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
    background-color: #191C29;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    /*border-radius-: 5px;*/
    /* box-shadow:0px 2px 10px 0px rgba(205,208,221,0.5); */
    position: absolute;
    z-index: 99999;
}
.vague-list-wrap:hover{
    display: block !important;
}
.vague-list-wrap{

}
.vague-list-wrap .item{

}
.vague-list-wrap .item a{
    font-size: 14px;
    color: #fff;
    display: block;
    margin: 15px 0;
    padding: 0 20px;
    box-sizing: border-box;
}
.vague-list-wrap .item a:hover{
    /* color: #4A72E5; */
    opacity: .8;
}
.result-vague-content{
    box-shadow:0px 2px 30px 0px rgba(205,208,221,0.5);
    border-radius:4px;
    background-color: #fff;
    width: 100%;
    max-height: 206px;
    overflow-y: auto;
    position: absolute;
    z-index: 233;
    top: 55px;
}
.result-vague-content .second-vague-list{

}
.second-vague-list .second-item{

}
.second-vague-list .second-item a{
    display: block;
    padding: 6px 20px;
    box-sizing: border-box;
}
.second-vague-list .second-item a:hover{
    background-color: #F6F7F8;
}
/*修改滚动条样式*/

.result-vague-content::-webkit-scrollbar,
.vague-result-wrap::-webkit-scrollbar{
    width:6px;
    height:6px;
}

.result-vague-content::-webkit-scrollbar-track,
.vague-result-wrap::-webkit-scrollbar-track{
    background: #fff;
    border-radius:2px;
}
.vague-result-wrap::-webkit-scrollbar-track{
    background-color: #191C29;
}

.result-vague-content::-webkit-scrollbar-thumb,
.vague-result-wrap::-webkit-scrollbar-thumb{
    background: #DBE0E8;
    border-radius:8px;
}
.result-vague-content::-webkit-scrollbar-thumb:hover,
.vague-result-wrap::-webkit-scrollbar-thumb:hover{
    background: #DBE0E8;
}
.result-vague-content::-webkit-scrollbar-corner,
.vague-result-wrap::-webkit-scrollbar-corner{
    background: #DBE0E8;
}


/*分页样式*/
.laypage{
    text-align: center;
}

.laypage a, .laypage span{
    color: #626C77;
    font-size: 18px;
    margin: 0 15px;
    display: inline-block;
}
.laypage .laypage_curr{
    color: #4A72E5
}

/*验证码*/
.c-code{
    text-align: center;
    line-height: 36px;
    width: 150px;
    height: 36px;
    border-radius: 4px;
    background-image: url(img/1.png);
    background-size: 100%;
    overflow: hidden;
}
.c-code .num{
    display: inline-block;
    line-height: 36px;
    width: 20px;
    text-align: center;
    font-size: 18px;
}

.c-txt-hover:hover{
    color: #3267fa !important;
}
.c-icon{
    display: inline-block;
    width: 24px;
    height: 24px;
    /* background-image: url('../image/ispan/'); */
    /* background-position: 0 0; */
    background-repeat: no-repeat;
    /*background-size: contain;*/
    background-position: center;
    cursor: pointer;
    vertical-align: sub;
}
.c-icon.icon-triangle-down{
    background-image: url('../image/icon/icon-triangle-bottom.svg');
    background-size: 8px;
}
.c-icon.icon-search{
    background-image: url('../images/search.svg');
}

.c-icon.icon-menu{
    background-image: url('../image/icon/menu.svg');
}
.c-icon.icon-menu:hover{
    background-image: url('../image/icon/menu_hover.svg');
}
.c-icon.icon-search-help{
    background-image: url('../image/icon/search-help.svg');
}
.c-icon.icon-slide-next{
    width: 16px;
    height: 16px;

    background-image: url('../images/slide_next.svg');
}
.c-icon.icon-slide-next.v2{
    background-image: url('../images/slide_next_2.svg');
}
.c-icon.icon-slide-next.v3{
    background-image: url('../images/slide_next_3.svg');
}
.c-hover:hover .icon-slide-next{
    -webkit-animation: bounce-right 1s linear ;
    animation: bounce-right 1s linear ;
}
.c-hover:hover .icon-slide-prev{
    -webkit-animation: bounce-left 1s linear ;
    animation: bounce-left 1s linear ;
}
.c-icon.icon-slide-prev{
    width: 16px;
    height: 16px;

    background-image: url('../images/slide_next.svg');
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

@keyframes bounce-left {
    25% {transform: translateX(-3px) rotate(180deg);}
    50%{transform: translateX(0) rotate(180deg);}
    75% {transform: translateX(-3px) rotate(180deg);}
    100% {transform: translateX(0) rotate(180deg);}
}
@keyframes bounce-right {
    25% {transform: translateX(3px);}
    50%{transform: translateX(0);}
    75% {transform: translateX(3px);}
    100% {transform: translateX(0);}
}

.c-icon.icon-slide-down{
    background-image: url('../images/slide_down_normal.svg');
    background-size: 28px 14px;

    transition: all .6s;
    -webkit-transition: all .6s;
}

.active .c-icon.icon-slide-down{
    transform: rotateX(-180deg);
    -webkit-transform: rotateX(-180deg);
    background-image: url('../images/slide_down_hover.svg');
}
.open .c-icon.icon-slide-down{
    transform: rotateX(-180deg);
    -webkit-transform: rotateX(-180deg);
    background-image: url('../images/slide_down_hover.svg');
}

.c-icon.icon-close{
    background-image: url('../images/close.svg');
}


.c-icon.icon-slide-left{
    background-image: url('../images/slide_down_normal.svg');
    background-size: 100%;

    transition: all .6s;
    -webkit-transition: all .6s;

    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.c-icon.icon-slide-right{
    background-image: url('../images/slide_down_normal.svg');
    background-size: 100%;

    transition: all .6s;
    -webkit-transition: all .6s;

    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

.c-hover:hover .c-icon.icon-slide-left{
    background-image: url('../images/slide_down_hover.svg');
}
.c-hover:hover .c-icon.icon-slide-right{
    background-image: url('../images/slide_down_hover.svg');
}


.ellipsis-2{
    white-space: normal;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ellipsis-4{
    white-space: normal;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}
/*文字省略*/
.c-ellipsis{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.c-ellipsis-2{
    white-space: normal;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}
.c-ellipsis-3{
    white-space: normal;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.c-ellipsis-4{
    white-space: normal;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}


.index-data{

    height: 540px;
    box-sizing: border-box;

    padding: 80px 0;

    background: black;

    position: relative;
    overflow: hidden;
}
.index-data .title{
    height:42px;
    font-size:30px;

    font-weight:300;
    color:rgba(255,255,255,1);
    line-height:42px;

    text-align: center;
}

.index-data .count{

}
.index-data .count li{
    width: 14%;
    float: left;
}
.index-data .count li .title{
    height:26px;
    background:rgba(74,114,229,1);
    border-radius:2px;

    font-size:16px;

    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:26px;

    padding: 0 10px;

    display: inline-block;
}
.index-data .count li .word{
    font-size:14px;

    font-weight:300;
    color:rgba(174,182,200,1);
    line-height:20px;
}
.index-data .count li .word .num{
    font-size: 18px;
    color: #fff;
}
.index-data .count li .block span{
    display: block;
    float: left;

    width: 21px;
    height: 21px;

    background:rgba(194,217,255,1);
    border-radius:2px;

    margin: 0 5px 5px 0;
}
.index-data .earth{
    position: absolute;
    left: 50%;
    margin-left: -1150px;
    top: 300px;


    /*-webkit-animation: index-data-earth 40s linear infinite both !important;*/
}
@-webkit-keyframes index-data-earth {
    0% {
        -webkit-transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}


.c-model{
    padding: 80px 0px;
}
.c-model-title{
    height:33px;
    font-size:24px;

    font-weight:400;
    color:rgba(0,16,47,1);
    line-height:33px;

    text-align: center;
}
.c-model-title.white{
    color: #fff;
}
.c-module{
    padding: 80px 0px;
}
.c-module-title{
    height:33px;
    font-size:24px;

    font-weight:400;
    color:rgba(0,16,47,1);
    line-height:33px;

    text-align: center;
}
.c-module-title.white{
    color: #fff;
}
/*背景色*/
.c-bg-303856{
    background-color: #303856;
}
/*文字颜色*/
.c-color-fff{
    color: #ffffff;
}
.c-color-4a72e5{
    color: #4A72E5;
}

/*相关案例*/
.c-about-case{
    background-color: #232941;
    padding: 80px 0px 60px;
}
.c-about-case .count{
    position: relative;

    width: calc(100% + 40px);
    margin-left: -20px;
}
.c-about-case .count .swiper-container{
    padding: 20px;
}
.c-about-case .item{
    display: inline-block;

    width:387px;
    height:310px;
    background:rgba(255,255,255,1);
    border:1px solid rgba(219,224,232,1);
    border-radius: 4px;

    padding: 30px;
    box-sizing: border-box;
    position: relative;
    text-align: left;

    overflow: hidden;
}
.c-about-case .item .title{
    width:100%;
    height:56px;
    font-size:20px;

    font-weight:400;
    color:rgba(0,16,47,1);
    line-height:28px;


    overflow: hidden;
}

.c-about-case .item .img{
    display: block;
    width:327px;
    height:185px;
    border-radius: 4px;
    overflow: hidden;

    margin-top: 10px;
}
.c-about-case .item .content:before{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background:rgba(228,232,238,1);

}
.c-about-case .item .content{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 215px !important;
    background:rgba(255,255,255,1);

    padding: 30px;
    padding-top: 0px;
    box-sizing: border-box;

    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;

    transform: translateY(100%);
}
.c-about-case .item:hover {
    box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.1);
}
.c-about-case .item:hover .content{
    transform: translateY(0);
}
.c-about-case .item .word{
    width:327px;
    max-height:88px;
    overflow: hidden;
    font-size:14px;

    font-weight:300;
    color:rgba(98,108,119,1);
    line-height:22px;

    padding-top: 20px;
}
.c-about-case .item .btn{
    display: inline-block;
    width:116px;
    height:32px;
    background:rgba(74,114,229,1);
    border-radius:4px;

    font-size:14px;

    font-weight:400;
    color:rgba(255,255,255,1);
    line-height:32px;

    text-align: center;

    margin-top: 20px;
}


/*关于我们 底部*/
.solution-service-wrap{
    width: 100%;
    height: 240px;
    background-color: #eee;
}
.service-main-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.service-left-wrap,
.service-right-wrap{
    float: left;
    width: 50%;
}
.service-right-wrap .ispan-linkwe{
    display: inline-block;
    width: 73px;
    height: 73px;
    background-image: url('../image/test.png');
    object-fit: contain;
}
.service-right-wrap p{
    display: inline-block;
}
.service-right-wrap p.two{
    margin-left: 20px;
}
.service-right-wrap p.two span{
    display: block;
}

/*页签*/
.c-tab{
    width: 100%;
    height: 60px;
    background:rgba(247,248,251,1);
	
	

}
.c-tab .tab_content{
     width: 100%;
    height: 60px;
	float:left;
    background:rgba(247,248,251,1);

	
}
.c-tab .tab_content.fly{
    position: fixed;
}
.c-tab .count{
    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
}
.c-tab .tab{height: 60px;
    text-align: center;}
.c-tab .item{
    display: inline-block;
    height: 100%;
    position: relative;

    padding: 0 30px;
    box-sizing: border-box;
	
}
.c-tab .item::after{
    content: '';
    display: block;
    width: 0px;
    height: 2px;
    background-color: #4A72E5;
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width .3s linear;
    transition: width .3s linear;
}
.c-tab .item a{
    font-size:16px;
    font-weight:400;
    color:rgba(98,108,119,1);
    line-height:60px;
}
.c-tab .item.active a,
.c-tab .item:hover a{
    color: #4A72E5;
}
.c-tab .tab .item.on a {
    color: #4A72E5;
}
.c-tab .tab .on::after{
    content: '';
    display: block;
    width: 30px;
    height: 2px;
    background-color: #4A72E5;
    position: absolute;
    bottom: 0px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: width .3s linear;
    transition: width .3s linear;
}

.c-tab .item.active::after{
    width: 30px;
}
.c-tab .item:hover::after{
    width: 30px !important;
}
.c-tab.focus .item.active::after{
    width: 0px;
}

.hr-wrap {
    width: 30px;
    border-bottom: 2px solid #4A72E5;}

/*悬停*/
.c-hover-text:hover{
    color:#4A72E5!important;
}
.c-hover-btn:hover{
    background:rgba(74,114,229,1) !important;
    color:rgba(255,255,255,1) !important;
}
.c-hover-btn-2:hover{
    background:rgba(56,91,189,1) !important;
    color:rgba(255,255,255,1) !important;
}

.c-btn{
    display: inline-block;
    width: 144px;
    height: 44px;
    text-align: center;
    border-radius:4px;
    border: 1px solid transparent;

    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;

    font-size:16px;

    font-weight:400;

    padding: 0 11px;
    line-height: 44px;
    box-sizing: border-box;

    cursor: pointer;
}
.c-btn.s{
    width: 116px;
    height: 32px;

    font-size: 14px;
    line-height: 32px;
}
.c-btn-1{
    border-radius:4px;
    border:1px solid rgba(74,114,229,1);
    color: #4A72E5;
}
.c-btn-1:hover{
    background:rgba(74,114,229,1) !important;
    color:rgba(255,255,255,1) !important;
}
/*.c-btn-1:active{*/
/*    border:1px solid rgba(219,224,232,1)!important;*/
/*    background: transparent !important;*/
/*    color:rgba(202,208,222,1) !important;*/
/*}*/

.c-btn-2{
    background:rgba(74,114,229,1);
    color: #FFF;
}
.c-btn-2:hover{
    background:rgba(56,91,189,1)!important;
    color:rgba(255,255,255,1) !important;
}
/*.c-btn-2:active{*/
/*    border:1px solid rgba(255,255,255,1)!important;*/
/*    background:rgba(247,248,251,1) !important;*/
/*    color:rgba(202,208,222,1) !important;*/
/*}*/

/*自定义swiper样式*/
.c-swiper-center{
    text-align: center;
    justify-content: center;
    align-items: center;
}
.c-swiper-center .swiper-slide{
    display: inline-block;
    margin: 0 10px;
    width: auto;
}
.swiper-button-next{
   /* right: -55px !important;*/
 }
.swiper-button-prev{
   /* left: -55px !important;*/
}

/*面包屑*/
.c-nav{
    height: 60px;

    padding: 10px 0px;
    box-sizing: border-box;
    background: #fff;
}
.c-nav a, .c-nav span{
    display: inline-block;
    margin: 10px 0;
    height: 20px;

    line-height: 20px;

    font-size:12px;

    font-weight:400;
    color:rgba(98,108,119,1);
}
.c-nav .focus{

    font-size:12px;

    font-weight:400;
    color:rgba(74,114,229,1);
    line-height:17px;
}

.p-t-10{
    padding-top: 10px !important;
}


/*全屏查看*/
.c-full-view{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;

    display: none;
    cursor: zoom-out;

}
.c-full-view .item{

    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;

    background: rgba(0,0,0,0.5);


}
.c-full-view .item img{
    width: 1200px;
    max-height: 100%;
    object-fit: contain;
    background: #fff;

}
.c-full-view .item video{
    width: 700px;
    height: 500px;
    object-fit: contain;
    background: #000;

}
.c-zoom-in{
    cursor: zoom-in;
}


.c-line-h-20{
    line-height: 20px;
}


/*工具*/
.c-tools{
    position: fixed;
    right: 10px;
    bottom:50px;


    z-index: 9999;
}
.c-tools .contact{
    width: 46px;

    background: #fff;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    box-shadow: 0px 2px 20px 0px rgba(0,0,0,0.1);
    overflow: hidden;

}
.c-tools .contact .icon{
    width: 100%;
    height: 46px;
    background: #4A72E5;
}
.c-tools .contact .title{
    width:16px;
    height:88px;
    font-size:16px;
    font-weight:400;
    color:rgba(0,16,47,1);
    line-height:22px;

    margin: 10px auto;
}
.c-tools .top{
    width: 46px;
    height: 46px;

    background: #fff;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

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

    margin-top: 10px;

    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}
.c-tools.show-top .top{
    visibility: visible;
    opacity: 1;
}
.c-icon.icon-top{
    background: url('../images/top.svg') no-repeat center;
}


.path{ width:1100px; margin:0 auto; color:#999; padding:15px; padding-left:20px; background:url(../images/product-a_13.png) left center no-repeat; font-size:14px;}
.path a{color: rgba(98,108,119,1);}
.path a:hover{ color:#4A72E5;}
.c-rich-word *{
    max-width: 100%;
}

/*播放按钮*/
.btnPlay {
    display: flex;
    width: 47px;
    height: 47px;
    background-color: #fff;
    border-radius: 47px;
    margin-left: 15px;
}
.mid.btnPlay {
    top: 50%;
    left: 50%;
    margin: -24px 0 0 -24px;
}
.btnPlay:hover {
    background-color: rgba(255, 255, 255, .6);
	cursor: pointer;
}

.btnPlay:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 18px;
    left: 50%;
    top: 50%;
    background: url('../image/btnPlay.svg') 0 0 no-repeat;
    background-size: auto 100%;
    margin: -9px 0 0 -6px;
}

/*视频播放*/
.videMask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 99999;
}
.videoWrap {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 1200px;
    height: 675px;
    margin: -337px 0 0 -600px;
    background-color: #000;
    z-index: 99999;
}
.videoWrap.pictureVideo {
    width: 352px;
    height: 198px;
    top: auto;
    bottom: 20px;
    left: auto;
    right: 20px;
    transition: all .2s ease;
}
.videoWrap video,
.actVideoWrap video {
    width: 100%;
    height: 100%;
}
.videoWrap .btnIcon {
    bottom: 70px;
    right: 20px;
    width: 46px;
    height: 33px;
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    line-height: 33px;
    background: #E0E0E0;
    border-radius: 2px;
    z-index: 99999;
    cursor: pointer;
}
.videoWrap .btnRestore {
    bottom: 70px;
    right: 20px;
    width: 46px;
    height: 33px;
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    line-height: 33px;
    background: #E0E0E0;
    border-radius: 2px;
    z-index: 99999;
    cursor: pointer;
}
.videoWrap .btnIcon::after {
    content: "";
    position: absolute;
    top: 7px;
    left: 10px;
    background: url("../image/picture.svg") 0 0 no-repeat;
    width: 26px;
    height: 18px;
}

.videoWrap .btnRestore::after {
    content: "";
    position: absolute;
    top: 7px;
    left: 10px;
    background: url("../image/picture.svg") 0 0 no-repeat;
    width: 26px;
    height: 18px;
}
.videoClose {
    position: absolute;
    right: -22px;
    top: -22px;
    width: 22px;
    height: 22px;
}
.videoClose.pictureClose {
    width: 10px;
    height: 10px;
    top: 5px;
    right: 5px;
}
.videoClose img {
    width: 100%;
    height: auto;
    vertical-align: top;
}

/*活动视频位*/
.activePos {
    position: fixed;
    right: 10px;
    bottom:300px;
    padding: 10px 7px 0;
    width: 32px;
    background: #4A73E6;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    z-index: 9999;
    cursor: pointer;
}
.activePos:hover {
    background: #006DFF;
}
.activePos .iconWrap {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    background-color: #fff;
}

.activePos .iconWrap:after {
    content: "";
    position: absolute;
    width: 10px;
    height: 12px;
    left: 50%;
    top: 50%;
    background: url('../image/btnPlay.svg') 0 0 no-repeat;
    background-size: auto 100%;
    margin: -6px 0 0 -4px;
}
.activePos .text {
    width: 16px;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 22px;
    -webkit-text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    -moz-text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
    margin: 10px auto;
}

/*活动视频*/
.actVideoWrap {
    position: fixed;
    width: 352px;
    height: 198px;
    bottom: 20px;
    right: 20px;
    background-color: #000;
    z-index: 99999;
    transition: all .15s linear;
}

.actVideoWrap.active {
    bottom: 30%;
    right: -20px;
    display: none;
}

@keyframes show-up {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@-webkit-keyframes show-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

    .nav-user-warp {
        float: right;
        color: #fff;
        display: flex;
        font-size: 14px;
        padding-left: 30px;
    }
	.nav-user-warp a {
        color: #FFF;
    }
    .nav-user-warp .nav-control {
        cursor: pointer;
        margin-right: 20px;
        padding: 15px 0;
    }
    .nav-user-warp .nav-control:hover {
        color: #4494FF;
    }


 .c-tools .contact:hover .layer{
        transform: scaleX(1);  
        opacity: 1;
    }
    .c-tools .layer{  
        transform: scaleX(0);  
        opacity: 0;
        position: absolute;
        top: 0;
        right: 120%;
        width: 366px;
        padding: 20px 0;
        font-size: 14px;
        font-weight: 600;
        color: #00102F;
        background: #FFFFFF;
        box-shadow: 0px 2px 30px 0px rgba(205, 208, 221, 0.5);
        border-radius: 4px;
        transform-origin: top right;
        transition: all .5s .1s;
    }
    .c-tools .layer:hover{
        transform: scaleX(1);  
        opacity: 1;
    } 
    .c-tools .layer a{
        display: block;
        padding: 10px 20px;
        color: #00102F;
        cursor: pointer;
    }
    .c-tools .layer a:hover{
        background: #F8FAFC;
    }
    .c-tools .layer img{
        display: inline-block;
        width: 26px;
        height: 26px;
        margin-right: 20px;
        vertical-align: middle;
    }
    .c-tools .layer div{
        margin-top: 2px;
        text-indent: 46px;
        font-weight: bold;
        color: #006DFF;
    }
    .c-tools .layer .text{
        font-weight: 400;
        color: #00102F;
    }