*{margin: 0;padding: 0;}
html{max-width: 1920px;min-width: 1220px;}
body{font-family: "微软雅黑" !important;}
input,select,option,textarea{text-indent: 2px;outline: none;resize:none;}
input:focus {outline: none;} 
ul{list-style-type: none;padding-left: 0}
ul li{list-style-type: none;}
a{text-decoration: none;color: #000}
.clearfix:after{display: block;content: "";visibility: hidden;height: 0;clear: both;}
img{ border-style:none; }
.activeSol { display:block !important; }


/*公共头部*/
.current{background: #007cc3;}
.current a{color: #fff}
.top{background: #222222;z-index: 1000;}
.header ,.content{width: 1200px;margin: 0 auto;position: relative;}
.header .logo{float: left;margin-top: 12px;}
.header .logo a{display: inline-block;}
.header .top_right{float: right}
.header .top_right >ul>li{float: left;position: relative;}
.Nav li >a{position: relative;float: left;margin-left: 44px;line-height:60px;color:#444; font-size:14px;}
.Nav li >a span{width:0;position:absolute;bottom:-4px;left:0;height:4px;background:#e67e21;transition:all .3s;}
.Nav li >a:hover span{width:100%;transition:all .3s;}
.header .top_right >ul>li>a{font-size: 16px;margin: 3px 15px 0px 15px;display: block;color: #fff;padding: 0 10px}
.header .top_right .active >a{border-bottom: 4px #f38400 solid}


/*top hover*/
.swiper-pagination-bullet{background: #fff !important;}
.swiper-pagination-bullet-active{background: #f18500 !important;}
.scrollbar-list{
    width: 1000px;
    position: absolute;
    top: 67px;
    height: auto;
    z-index: 1000;
    left: 50%;
    display: none;
    max-width: 1500px;
    margin: 0 auto;
}
.c-scrollbar{
    font-size: 12px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 10px;
    border: 1px solid #b3b7bf;
    border-radius: 2px;
    background-color: #fff;
    line-height: 18px;
    box-shadow: 1px 1px 3px rgba(0,0,0,.15);
    position: static !important;
    left: 50%;
    top: 50%;
}
.item{
    border-color: #dedfe0;
    box-shadow: 0 0 5px rgba(0,0,0,.15);
    display: block;
    pointer-events: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 30px;
}
.item .porduct-list{
    /*padding-bottom: 10px;*/
}
.porduct-list-col{
    /*display: block;*/
    box-sizing: border-box;
    padding: 15px 20px 0 20px;
    display: inline-block;
    vertical-align: top;
    /*width: 100%;*/
    white-space: normal;

}
.app-porduct{
    border-left: 1px #ddd solid;
    border-right: 1px #ddd solid;
}
.porduct-list-lv1{
    float: left;
    padding-top: 10px;
    /*padding-right: 60px;*/
}
.porduct-list-lv2{
    color: #00a4ff
}
.porduct-list-title{
    /*padding-bottom: 10px;*/
}
    .porduct-list-title h3 {
        font-weight:bolder;
    }

.way-porduct{
    border-right: none;
}
/*.item .porduct-list-col:not(:last-child){
    border-bottom: #e5e5e5 1px solid;
}
.way-porduct{
    margin-bottom: none;
}
.porduct-list-title{    
    font-size: 100%;
    padding-bottom: 8px;
    max-width: 190px;
    vertical-align: middle;
}
.porduct-list-title h3{
    display: inline;
    color: #333;
    font-weight: 400;
    font-size: 14px;
}
.porduct-list-lv2{
    width: 60px;
    padding: 0;
    background: 0 0;
    font-size: 12px;
    float: left; 
    height: 18px;
    line-height: 18px;
    padding-left: 0;
    transition: all .4s;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    margin: 5px 0;
    color: #2e8ddf;
}*/
.porduct-list-lv3{
/*    display: inline-block;
    width: 837px;*/
float: left;
    padding-right: 35px;
}
.porduct-list-tit{
    /*display: inline-block;*/
    padding: 0;
    background: 0 0;
    margin-top: 10px;
    font-size: 12px;
    position: relative;
}
/*.porduct-list-lv1 .porduct-list-tit:last-child:after,.way-porduct .porduct-list-tit:last-child:after{
    content: '';
    border: none;
}
.porduct-list .porduct-list-tit span{
    color: #2e8dde;
}
.porduct-list-tit a{    
    display: inline-block;
    height: 18px;
    line-height: 18px;
    padding-left: 0;
    transition: all .4s;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #666;
}
.porduct-list-tit a{
    font-size: 12px;
    margin: 5px;
    margin-right: 10px;
    margin-left: 0;
}
.app-porduct .porduct-list-tit a{
    margin-left: 5px;
}
.way-porduct .porduct-list-tit{
    margin-right: 5px;
}*/
/*.app-porduct .porduct-list-tit:after,.way-porduct .porduct-list-tit:after{
    content: '';
    position: absolute;
    right: -0;
    top: 8px;
    height: 14px;
    display: block;
    border-right: 2px rgba(102,102,102,0.6) solid;

}*/
.porduct-list-tit a:hover{
    color: #00a4ff;
}


/*banner*/
#test10{height: 550px}
#list img{width:100%}
.layui-carousel-ind li.layui-this{background-color: #f38400 !important}
.way .layui-carousel-arrow {display: block;opacity: 1;}
.swiper-button-next{
    text-align: left !important;
}
.swiper-button-next,.swiper-button-prev{
    background-image: none !important;
    margin-top: -30px;
    display: none;
    text-align: center;
    width: 60px !important;
    height: 60px !important;
    line-height: 60px;
    background-color: #092f54;
    border-radius: 50%;
}
.swiper-button-next b,.swiper-button-prev b{
    position: relative;
    text-align: center;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 30px;
    height: 30px;
    overflow: visible;
    display: inline-block;
    background: 0 0;
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px);
}
.swiper-button-next b:after,.swiper-button-prev b:after{
    box-sizing: border-box;
    content: '';   
    width: 100%;
    height: 100%;
    display: inline-block;
    position: absolute;
    top: 0;  
    border-right: 2px solid #4f596e;
    border-bottom: 2px solid #4f596e; 
}
.swiper-button-next b:after{
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); 
}
.swiper-button-prev b:after{
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);  
}


/*侧边栏-应用*/
.box{position: relative;}
.box .content{padding-top: 0;margin-bottom: 80px;}
.box .content >img{margin-right: 30px;}
.content{padding-top: 30px;position: relative;}
.app-bg{height: 280px;background: #e2eff8;position: absolute;top: 0;width: 100%;}
.app-bg .content{text-align: right}
.app{float: right;position: relative;z-index: 100;width: 977px}
.app-head{height: 280px}
.app-l{padding-top: 115px;margin-left: 45px;}
.app-l .app-img {display: inline-block;position: relative;background: #fff;border: 5px #fff solid;border-radius: 10px;}
.app-l .app-img img{display: inline-block;width: 110px;height: 110px;}
.app-l span{font-size: 30px;color: #0680c3;margin-left: 20px;}
/*.app-r{float: right;margin-right: 30px;}*/

.siber{/*height: 865px;*/width: 220px;/*overflow-x: scroll;*/background: #fff;float: left;position: relative;z-index: 100;border-radius: 4px;margin-top: 30px;border: 1px #d7e8f4 solid}
.siber .tree{width: 100%;height: 100%;background: #fff}
.siber .layui-nav-itemed .layui-nav-child{background-color: rgba(255,255,255,1) !important;margin: 10px 0;}
.layui-nav-tree .layui-nav-child a{color: #333 !important}
.layui-nav-tree .layui-nav-child a img{display: inline-block;width: 26px;height: 26px;padding-right: 12px;}
.siber .layui-nav-itemed>a, .layui-nav-tree .layui-nav-title a{color: #000!important;font-size: 18px !important;}
.siber .layui-nav-itemed>a{border-bottom: 1px #ddd solid;padding: 0 10px !important;margin: 0 10px;position: relative;color: #2e8dde !important;}
.siber .layui-nav-itemed>a i{position: absolute;right: 10px;color: #c7c7c7;}
.siber .layui-nav-tree .layui-nav-item a:hover{background:none !important;}
.transform-i{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg); 
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
}
.transform-i-back{
	transform:rotate(0deg);
	-ms-transform:rotate(0deg); 	/* IE 9 */
	-moz-transform:rotate(0deg); 	/* Firefox */
	-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
	-o-transform:rotate(0deg); 
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out;
}
/*app- content*/
.app-bottom{margin: 40px 20px 0 50px;display:none;}
.app-bottom >p{font-size: 18px;margin-bottom: 20px;color: #666}
.app-bottom >p span{color: #f18500}
/*.app-bottom img{width:100%}*/

/*侧边栏-解决方案*/
.siber-solution{text-align: center;height: 734px;width: 120px;float: left;position: fixed;z-index: 100;border-radius: 4px;top: 110px}
.siber-solution ul{height: 100%;}
.siber-solution li{margin-bottom: 2px;background: #f5f5f5}
.siber-solution li a{display: inline-block;width: 100%;padding: 20px 0 15px;}
.siber-solution li p{margin-top: 6px;}
.siber-solution li.active{background: #2e8ddf;}
.siber-solution li.active p{color: #fff}

/*solution-content*/
.app-solution{width: 1077px;}
.app-solution .app-bottom h2{text-align: center;position: relative;height: 50px}
.app-solution .app-bottom h2:after{content: '';display: block;overflow: hidden;border: 1px solid #eee;position: absolute;top: 50%;width: 100%}
.app-solution .app-bottom h2 span{    font-size: 30px;
    position: relative;
    top: 5px;
    display: inline-block;
    padding: 0 30px;
	z-index: 13;
    background: #fff;
	}
.solution-bg{background: #e3e7f0}
.app-solution .app-l h3{font-size: 30px;color: #0680c3;margin-bottom: 15px;}
.app-solution .app-l p{color: #666;font-size: 18px;}
.content-education{margin-bottom: 70px;}
.content-education p{text-align: justify;text-indent: 2em}
.content-title{border-bottom: 1px dotted #dbdbdb;padding-bottom: 20px}
.content-title h3{font-size: 18px;background: url(../image/jjfa2.png) no-repeat left center;padding-left: 35px;margin-bottom: 10px;margin-top: 25px}
.content-title p{line-height: 2em}
.content-title .content-title-img{width: 80%;margin: 0 auto}
.content-title img{display: inline-block;width: 100%}
.content-title-lve2 h4{color: #0680c3;font-size: 16px;background: url(../image/jjfa4.png) no-repeat left center;padding-left: 80px;margin: 30px 0 20px}
.content-title-lve3 h5{font-size: 16px;font-weight: 700;margin: 40px 0 10px}
.content-title-lve2-l{width: 460px;float: left;}
.content-title-lve2-r{width: 545px;float: right;}


/*关于我们*/
.about .content, .case .content {padding-top: 0}
.about-bg{background: url(../image/about1.jpg) no-repeat center;height: 280px;width: 100%;}
.about-title{font-size: 28px;text-align: center;color: #333333;margin-bottom: 60px;position: relative;margin-top: 50px}
.about-title:after{content: '';display: inline-block;overflow: hidden;height: 5px;background: #2e8ddf;width: 66px;position: absolute;top: 50px;    left: 50%;
    margin-left: -33px;}
.company-profile-content >p{text-indent: 2em;line-height: 2em;text-align: justify;font-size: 16px;color: #666;margin-bottom: 40px;}
.about-help{background: url(../image/about2.jpg) no-repeat top left;background-size: 100%}
.help-content{padding-top: 25px}
.help-content ul li{width: 321px;float: left;padding: 0 38px;text-align: center;}
.help-content ul li h2{font-weight: 400;font-size: 18px;color: #2e8ddf;margin: 10px 0 38px}
.help-content ul li p{text-align: justify;color: #666;font-size: 14px;line-height: 1.5em}
.vision{margin-top: 80px}
.vision-bottom{text-align: right;}

/*客服案例*/

.case-bg{background: url(../image/anli1.jpg) no-repeat center;height: 280px;width: 100%;}
/*.case_topFixedView{position: fixed;left: 0;right: 0;top: 67px; background-color: #FFF;z-index: 10;}*/
.frame_navWrap{overflow: hidden;border-bottom: 1px solid #EAEAEA;}
.frame_nav {padding: 20px 10px;color: #555;font-size: 0;width: 1200px;background: #fff}
.frame_nav_item {display: inline-block;position: relative;vertical-align: top;}
.frame_nav_item a:hover{color: #2e8ddf}
.frame_nav_item a span{width:0;position:absolute;bottom:-20px;left:0;height:4px;background:#2e8ddf;transition:all .3s;}
.frame_nav_item a:hover span{width:100%;transition:all .3s;}
.frame_nav_item:first-child:before{content: "";height: 0;}
.frame_nav_item:before{content: "";position: absolute;top: 19px;left: -1px;width: 2px;height: 2px;background-color: #747474;}
.frame_nav_item_Active{position: relative;}
.frame_nav_item_Active:after{content: '';width: 100%;display: inline-block;height: 4px;background: #2e8ddf;position: absolute;bottom: -20px;left: 0}
.frame_nav_item_Active .frame_nav_item_link{    color: #2e8ddf;}
.frame_nav_item_link{display: block;font-size: 16px;line-height: 40px;padding: 0 23px;color: #666;cursor: pointer;}
.frame_main  {display:none; }


.case_cnt{padding-bottom: 40px;}
.case_cnt_caseItem {display: block;overflow: hidden;border-style: dashed;border-color: #EAEAEA;border-width: 0 0 1px;border-radius: 0;}
.case_cnt_caseItem_userLogo {float: left;margin-right: 28px;margin-top: 36px;}
.case_cnt_caseItem_userLogo img{width: 260px;height: 100px;display: inline-block;overflow: hidden;font-size: 0;line-height: 0;}
.case_cnt_caseItem_info {overflow: hidden;zoom: 1;padding: 32px 0;}
.case_cnt_caseItem_title {font-size: 24px;color: #2e8ddf;margin-bottom: 8px;font-weight: 400;}
.case_cnt_caseItem_desc {font-size: 14px;line-height: 20px;color: #666;margin-bottom: 8px;}
.case_cnt_caseItem_desc span{font-weight: 700;color: #666}
.case_cnt_caseItem_company {font-size: 14px;color: #f18500;padding-left: 12px;position: relative;line-height: 20px;}
.case_cnt_caseItemDetail_close{text-align: center;}
.case_cnt_caseItemDetail{display: none}
.case_cnt_caseItemDetail-list{margin-top: 60px;margin-bottom: 36px;}
.case-fixed{position: fixed;top: 0;z-index: 100}

.close{text-align: center;}
.close a{display: inline-block;background: url(../image/close.png) no-repeat center right;padding-right: 18px;}

.client-case{margin: 20px 0}
.client-case li{    float: left;
    text-align: center;
    margin: 0 20px;
    box-sizing: border-box;
    width: 250px;
    margin-bottom: 20px;
    height: 94px;
    border: 2px #EAEAEA solid;}
.client-case li img{    display: inline-block;
    max-width: 100%;
    /* border: 2px #EAEAEA solid; */
    /* width: 100%; */
    height: 100%;
    padding: 10px 20px;
    box-sizing: border-box;}


/*产品*/
.product-bg{background: url(../image/cp1.jpg) no-repeat center;height: 280px;width: 100%;}
.product-bg .app-l{margin-left: 100px;}
.product-type{position: relative;height: 100px}
.product-type .product-tab{display: inline-block;text-align: center;width: 100%;position: absolute;top: -55px}
.product-type .product-tab a{display: inline-block;margin: 0 50px;font-size: 18px;}
.product-type .product-tab p{color: #666}
.product-head {margin: 40px 0}
.product-head h2{text-align: center;position: relative;height: 50px}
.product-head h2:after{content: '';display: block;overflow: hidden;border: 1px solid #eee;position: absolute;top: 50%;width: 100%}
.product-head h2 span{font-size: 30px;position: relative;top: 5px;display: inline-block;padding: 0 30px;z-index: 13;background: #fff;}
.product-content{margin-bottom: 20px;}
.product-type a.active p{color: #0680c3}
.boxs{display: none}

/*公共底部*/
.footer{background: #313131;border-top: 8px #2e8ddf solid;color: #fff;padding: 38px 20px}
.footer .content{padding-top: 0;}
.footer .footer-top{margin-bottom: 20px;}
.footer-top,.footer-center{margin: 0 20px;}
.footer-top p {margin-bottom: 18px;}
.footer-top p a{color: #999;padding-right: 10px;font-size: 12px;}
.footer-top p span{padding-right: 30px;font-size: 14px;}
.footer-center{border-bottom: 1px #4e4e4e solid;border-top: 1px #4e4e4e solid;padding: 30px 0}
.footer-center li.li_p p{line-height: 2em;font-size: 12px;}
.footer-center .fz-p{font-size: 14px;}
.footer-center .second_p{color: #999999}
.footer-center .third_p{color: #f18500}
.footer-center .second_p,.footer-center .third_p{padding-left: 41px;}
.footer-center li{width: 33.3%;float: left;}
.footer-center li h3{color: #f18500;font-size: 24px;font-weight: 400;margin-bottom: 20px;}
.footer-center li p span{color: #2e8ddf;padding-right: 10px;}
.footer-bottom{text-align: center;margin-top: 32px;font-size: 12px;}
.footer-bottom span{margin-left: 20px;}